@charset "utf-8";

@import url("basic.css"); 
@import url("common.css");  

.Cont{padding-top: 60px; min-width: 1600px; margin-bottom:100px;}
.Cont  h2{font-size: 32px;color: #000;font-weight: 700;}
.Cont  h2 span{color: #032892;}
.hasScrollY .Cont{padding-right: 15px;}
.Cont>form>div{max-width: 1600px; width: 100%;margin: 0 auto; }
ul,li { font-size: 0;}

/* 메인 알림판 */
.Cont .main{display: flex;justify-content: space-between;gap:50px}
.Cont .main>div{flex: 1;}
.Cont .main .main_slide{width: 100%;}
.Cont .main .main_slide .main_slide_con{height: 335px;overflow: hidden;border-radius: 12px;width: 775px; border: 1px solid #ddd;}
.Cont .main .main_slide .main_slide_controller{display: flex;justify-content: flex-end;gap: 10px; margin-top: 10px;align-items: center;}
.Cont .main .main_slide .main_slide_controller .pageinfo{font-size: 17px;height: 40px;line-height: 40px;border-radius: 22px;border: 1px solid #ced1d5;padding: 0 15px;}
.Cont .main .main_slide .main_slide_controller .pageinfo span{font-weight: 700; color:#032892;margin-right: 5px;}
.Cont .main .main_slide .main_slide_controller button{font-size: 0; width: 40px;height: 40px; border-radius: 40px; border: 1px solid #ced1d5;}
.Cont .main .main_slide .main_slide_controller button:hover{background-color:#eeeeee;}
.Cont .main .main_slide .main_slide_controller .btn_prev{background: url(../img/main/ico_angle.svg) no-repeat center; transform: rotate(90deg);background-size: 20px;}
.Cont .main .main_slide .main_slide_controller .btn_next{background: url(../img/main/ico_angle.svg) no-repeat center; transform: rotate(-90deg);background-size: 20px;}
.Cont .main .main_slide .main_slide_controller .btn_stop{background: url(../img/main/ico_swiper_stop.svg) no-repeat center;background-size: 20px;}
.Cont .main .main_slide .main_slide_controller .btn_play{background: url(../img/main/ico_swiper_play.svg) no-repeat center;background-size: 20px;}
.Cont .main .main_slide .main_slide_con div a{width: 100%; height: 100%;position: relative;}
.Cont .main .main_slide .main_slide_con div a:focus{border-radius: 12px; border: 3px solid #0059e0;}
.Cont .main .main_slide .main_slide_con div{height: 100%;}
.Cont .main .main_slide .main_slide_con div li{height: 100%;}
.Cont .main .main_slide .main_slide_con img{width: 100%;height: 100%;border-radius: 12px; }


/* 이용자패널조사 */
.Cont .main .user_panel .user_panel_con{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 10px;height: calc(100% - 50px); border: 1px solid #ddd;}
.Cont .main .user_panel .user_panel_con li{flex: 33%;}
.Cont .main .user_panel .user_panel_con li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: self-end;padding-bottom: 18px;font-size: 22px;position: relative;z-index: 1;}
.Cont .main .user_panel .user_panel_con li:nth-child(1){border-bottom: 1px solid #e7e9f1;}
.Cont .main .user_panel .user_panel_con li:nth-child(2){ border: 1px solid #e7e9f1;border-top: none; }
.Cont .main .user_panel .user_panel_con li:nth-child(2){position: relative;}
.Cont .main .user_panel .user_panel_con li:nth-child(2)::before{content: '';width: 40px;height: 40px;border-radius: 40px;display: inline-block;background: #fff;position: absolute;bottom: -20px;left: -20px;z-index: 0;}
.Cont .main .user_panel .user_panel_con li:nth-child(2)::after{content: '';width: 40px;height: 40px;border-radius: 40px;display: inline-block;background: #fff;position: absolute;bottom: -20px;right: -20px;z-index: 0;}
.Cont .main .user_panel .user_panel_con li:nth-child(3){border-bottom: 1px solid #e7e9f1;}
.Cont .main .user_panel .user_panel_con li:nth-child(5){border-right: 1px solid #e7e9f1; border-left: 1px solid #e7e9f1;}
.Cont .main .user_panel .user_panel_con li:nth-child(1) a{background: url(../img/main/icon_1.svg)no-repeat center top 35px;background-size: 63px;}
.Cont .main .user_panel .user_panel_con li:nth-child(2) a{background: url(../img/main/icon_2.svg)no-repeat center top 49px;background-size: 70px;}
.Cont .main .user_panel .user_panel_con li:nth-child(3) a{background: url(../img/main/icon_3.svg)no-repeat center top 44px;background-size: 58px;}
.Cont .main .user_panel .user_panel_con li:nth-child(4) a{background: url(../img/main/icon_4.svg)no-repeat center top 35px;background-size: 60px;}
.Cont .main .user_panel .user_panel_con li:nth-child(5) a{background: url(../img/main/icon_5.svg)no-repeat center top 37px;background-size: 80px;}
.Cont .main .user_panel .user_panel_con li:nth-child(6) a{background: url(../img/main/icon_6.svg)no-repeat center top 35px;background-size: 74px;}
.Cont .main .user_panel .user_panel_con li a:hover{ background-color: #f2f9ff;}

/* 통계 DB */
.Cont .DB{background: #edf1f5;border-radius: 12px;margin-top: 100px;padding: 30px;}
.Cont .DB .DB_con{display: flex;gap: 35px;}
.Cont .DB .DB_con li{flex: 1;;transition: all 0.3s; background: #fff;border-radius: 12px; background: #fff url(../img/main/arrow-right.svg) no-repeat right 30px center; border:1px solid #fff;}
.Cont .DB .DB_con li a{padding:10px 20px 10px 70px;width: 100%;font-size: 22px;}
.Cont .DB .DB_con li:hover{transform: scale(1.05)}
.Cont .DB .DB_con li:nth-child(1) a{background: url(../img/main/icon_book.svg)no-repeat left 30px center; background-size: 20px;}
.Cont .DB .DB_con li:nth-child(2) a{background: url(../img/main/icon_hangle.svg)no-repeat left 30px center; background-size: 22px;}
.Cont .DB .DB_con li:nth-child(3) a{background: url(../img/main/icon_jungu.svg)no-repeat left 30px center; background-size: 25px;}

/* 멀티 컨텐츠 */
.Cont .multicon{margin-top: 100px;display: flex; gap: 38px;}
.Cont .multicon>div{flex: 1;min-width: 0;position:relative; }
.Cont .multicon>div>h2{margin-bottom: 20px;}
.Cont .multicon>div>[class*=_con]{height: 507px;border-radius: 12px;background: #ddd;overflow: hidden; border: 1px solid #ddd; }
.Cont .multicon>div>[class*=_con]>div{height: 100%;}
.Cont .multicon>div>[class*=_con]>div div{height: 100%;}
.Cont .multicon>div>[class*=_con]>div a{height: 100%;height: 100%; display: flex;justify-content:center;align-items: center;overflow: hidden;}
.Cont .multicon>div>[class*=_con]>div a:focus{border: 3px solid #0059e0;border-radius: 12px;}
.Cont .multicon .cardnews>div>div a{align-items: flex-start;}
.Cont .multicon .play .play_con{background: #000;}
.Cont .multicon .controller{display: flex;justify-content: flex-end;gap: 10px; margin-top: 10px;align-items: center;}
.Cont .multicon .controller .pageinfo{font-size: 17px;height: 40px;line-height: 40px;border-radius: 22px;border: 1px solid #ced1d5;padding: 0 15px;}
.Cont .multicon .controller .pageinfo span{font-weight: 700; color:#032892;margin-right: 5px;}
.Cont .multicon .controller button{font-size: 0; width: 40px;height: 40px; border-radius: 40px; border: 1px solid #ced1d5;}
.Cont .multicon .controller button:hover{background-color: #eee;}
.Cont .multicon .controller .btn_prev{background: url(../img/main/ico_angle.svg) no-repeat center; transform: rotate(90deg);background-size: 20px;}
.Cont .multicon .controller .btn_next{background: url(../img/main/ico_angle.svg) no-repeat center; transform: rotate(-90deg);background-size: 20px;}
.Cont .multicon .controller .btn_stop{background: url(../img/main/ico_swiper_stop.svg) no-repeat center;background-size: 20px;}
.Cont .multicon .controller .btn_play{background: url(../img/main/ico_swiper_play.svg) no-repeat center;background-size: 20px;}
.Cont .multicon img{border-radius: 12px;width: 100%;height: 100%;}
.Cont .multicon .insite .insite_con img{object-fit: cover;object-position: top center;}
.Cont .multicon > div:last-child img {height: auto;}

.btn_more{position: absolute;top: 13px;right: 0;}
.btn_more::after{content: '';background: url(../img/main/btn-more.svg)no-repeat center center;display: inline-block; width: 14px;height: 14px; margin-left: 5px; transition: all 0.5s;}
.btn_more:hover::after{content: ''; transform: rotate(180deg);}

/* 발간물 */
.Cont .publication{margin-top: 100px; position: relative;}
.Cont .publication .publication_con{display: flex;justify-content:space-between;gap: 40px;margin-top: 20px;}
.Cont .publication .publication_con li{flex:1;min-width: 250px;}
.Cont .publication .publication_con .paper{position: relative;border: 1px solid #ddd;height: 428px;border-radius: 12px;overflow: hidden;display: flex;justify-content: center;align-items: flex-start;}
.Cont .publication .publication_con .paper img{width: 100%;height: 100%;}
.Cont .publication .publication_con .paper .fuction{position: absolute;bottom: 20px;left: 0;width: 100%;opacity: 0;display: flex;flex-direction: column;justify-content: end;}
.Cont .publication .publication_con .paper.active .fuction{opacity: 1;}
.Cont .publication .publication_con .paper .fuction button{width: 80%; padding: 10px 0; border-radius: 12px; margin: 5px auto; display: block;text-indent: -20px;}
.Cont .publication .publication_con .paper .fuction button.view{color: #fff; background: #0059e0 url(../img/main/open-new-window.svg) no-repeat right 50px center; background-size: 20px;}
.Cont .publication .publication_con .paper .fuction button.download{color: #000; background: #e0e0e0 url(../img/main/download.svg) no-repeat right 50px center; background-size: 20px; }
.Cont .publication .publication_con .paper:hover .fuction{opacity: 1;}
.Cont .publication .publication_con .paper::before{content: '';position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0);display: inline-block;transition: all 0.3s;}
.Cont .publication .publication_con .paper:hover::before{content: '';background: rgba(0,0,0,0.75);}
.Cont .publication .publication_con .paper.active::before{content: '';background: rgba(0,0,0,0.75);}
.Cont .publication .publication_con .bedge{font-size: 17px;padding: 3px 14px;border-radius: 5px;display: inline-block;margin-top: 20px;}
.Cont .publication .publication_con .bedge.blue{background: #dff3ff; color: #042539;}
.Cont .publication .publication_con .bedge.green{background: #d0ffde; color: #032f1a;}
.Cont .publication .publication_con .text{font-size: 22px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; /* 3줄까지 표시 */overflow: hidden;text-overflow: ellipsis;}
.Cont .publication ::-webkit-scrollbar { width: 6px; height: 8px;}
.Cont .publication ::-webkit-scrollbar-track {background: transparent;}
.Cont .publication ::-webkit-scrollbar-thumb {background: #969696;border-radius: 50px;}
.Cont .publication ::-webkit-scrollbar-thumb:hover {background: #173aff;}

/* 공지사항 보도자료*/
.Cont [class*=info_]{margin-top: 100px; position: relative;}
.Cont .content_info {display: flex;gap: 30px; margin-top: 20px;}
.Cont .content_info li{display: flex;flex: 1;min-width: 0;padding: 40px 50px;border-radius: 12px;border:1px solid #e3eff3;gap: 20px;transition: all 0.5s;}
.Cont .content_info li:hover{border: 1px solid #0059e0;}
.Cont .content_info li .date{font-size: 15px;min-width: 0;flex: 70px 0 0;}
.Cont .content_info li .date span{color:#032892;font-size: 28px;font-weight: 600;display: block;text-align: center;}
.Cont .content_info li h3{font-size: 24px; color: #000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.Cont .content_info li .text{font-size: 19px;font-weight: 400;margin-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;width: 100%;height: 58px;}
.Cont .content_info li .btn_go{font-size: 17px;color: #555;background: url(../img/main/btn-shortcut.svg) no-repeat right 10px center;padding-right: 40px;background-size: 20px;}
.Cont .content_info li .btn_go:hover{background-position-x: right 0;}
.Cont .content_info .text_box{min-width: 0;}

/* 카테고리 리스트 */
.krds-main-menu .inner .gnb-menu .gnb-main-trigger {border: none; font-size:22px; font-family:'Paperlogy', sans-serif; color: #000; letter-spacing: -0.02em; font-weight: bold;}
.krds-main-menu .inner .gnb-menu .gnb-main-trigger:active {border: none; font-size:22px; font-family:'Paperlogy', sans-serif; color: #000; letter-spacing: -0.02em; font-weight: bold;}

@media (max-width: 1600px) {
    .Cont{padding-right: 24px;padding-left: 24px;}
}

   
@media (max-width:900px) {
    .Cont{min-width: 0;padding: 30px 24px; margin-bottom:30px;}
    .Cont h2{font-size: 24px;}
    .btn_more{top:10px}
    .Cont .main .main_slide .main_slide_con{width: 100%;max-width: 100%;aspect-ratio: 16 / 9;height: auto;}

    .Cont .main{flex-direction: column;}
    .Cont .multicon{flex-direction: column;margin-top: 30px;}
    .Cont .multicon>div>[class*=_con] a{width: 100%;}
    .Cont .multicon>div>[class*=_con]{height: auto;}
    .Cont .multicon>div>[class*=_con] {aspect-ratio: 1 / 1;}
    .slick-slide img{width: 100%;height: 100%;}

    .Cont .main .user_panel .user_panel_con li a{font-size: 17px;height: 110px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(1) a{background-position-y: 30%; background-size: 40px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(2) a{background-position-y: 30%;background-size: 43px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(3) a{background-position-y: 30%;background-size: 38px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(4) a{background-position-y: 30%;background-size: 37px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(5) a{background-position-y: 30%;background-size: 47px;}
    .Cont .main .user_panel .user_panel_con li:nth-child(6) a{background-position-y: 30%; background-size: 40px;}
    .Cont .DB{margin-top: 30px;padding: 10px;}
    .Cont .DB .DB_con{gap: 10px;flex-direction: column;}
    .Cont .DB .DB_con li a{font-size: 17px;}

    .Cont .publication{margin-top: 30px;}
    .Cont .publication .publication_con{width: 100%;overflow-x: auto;}
    .Cont .publication .publication_con .paper{height: 380px;}
    .Cont .publication .publication_con .bedge{font-size: 15px;}
    .Cont .publication .publication_con .text{font-size: 17px}
    .Cont .publication .publication_con .paper .fuction button.view{background-position: right 35px center;}
    .Cont .publication .publication_con .paper .fuction button.download{background-position: right 35px center;}

    .Cont [class*=info_]{margin-top: 50px;}
    .Cont .content_info{flex-direction: column;}
    .Cont .content_info li{padding: 20px 20px;}
    .Cont .content_info li h3{font-size: 19px;}
    .Cont .content_info li .text{font-size: 15px;height: auto;margin-bottom: 12px;}
    .Cont .content_info li .btn_go{font-size: 15px;}
}

@media (max-width:500px) {
    .Cont .main .user_panel .user_panel_con li{flex: 50%;}
    .Cont .main .user_panel .user_panel_con li:nth-child(2){border-right: none;}
    .Cont .main .user_panel .user_panel_con li:nth-child(4){border-bottom: 1px solid #e7e9f1;border-left: 1px solid #e7e9f1;position: relative;}
    .Cont .main .user_panel .user_panel_con li:nth-child(5){border-left: none;}
    .Cont .main .user_panel .user_panel_con li:nth-child(2)::after{display: none;}
    .Cont .main .user_panel .user_panel_con li:nth-child(4)::before{ content: '';width: 40px;height: 40px;border-radius: 40px;display: inline-block;background: #fff;position: absolute;bottom: -20px;left: -20px;z-index: 0;}
}
@media (max-width:360px) {
    .Cont{padding-right: 16px;padding-left: 16px;}
    .Cont .DB{padding: 15px;}

}

/* main popup (bcstat 이식) */

.Modal.event_popup_wrap {display:none;background: rgba(0 0 0/70%) !important;position: fixed;left: 0;top: 0;z-index: 1000;width: 100vw;height: 100vh;align-items: center;justify-content: center;}
.Modal.event_popup_wrap.Open {display:flex;}

.event_popup_wrap .center {position: relative;width: auto !important;margin: 0;} /* basic.css 전역 .center(1600px), mobile.css .center(100% !important) 무효화 */
.event_popup_wrap .event_popup {line-height: normal;} /* 본문 line-height 1.5 무효화, bcstat 기준 높이 유지 */

.event_popup_wrap .event_popup .popup_content {position: relative;padding: 20px;background: #fff;border-radius:12px;margin-bottom: 20px;width: 700px;height: 500px;max-width: calc(100vw - 40px);box-sizing: content-box;}
.event_popup_wrap .event_popup .popup_content a { display:block;width:100%;height:100%;}
.event_popup_wrap .event_popup .popup_content img { width:100%;height:100%;object-fit:contain;}
.event_popup_wrap .event_popup .popup_content button.btn_close {position: absolute;right: 0;gap: 5px;top: -30px;background: none;color:#fff;font-size: 17px;display:flex;align-items: center;}

.event_popup_wrap .event_popup .popup_content button.btn_close::before { content: ''; display: inline-block;  width: 20px; height: 20px; background: url('../img/main/close-w.svg') no-repeat center center;}

.event_popup_wrap .event_popup .popup_foot {display:flex;justify-content: center;}

.event_popup_wrap .event_popup .popup_foot .popfleft button {display: flex;align-items: center;justify-content: center;padding: 15px 25px;width: 100%;background: #fff; border-radius:30px;font-size: 17px;border:0;cursor:pointer;}
.event_popup_wrap .event_popup .popup_foot .popfleft button .chk_img {position: relative;display: inline-block;width: 19px;height: 19px;border-radius: 50%;background: #999;margin-top: 2px;} /* 원본 -2px 은 Paperlogy 글꼴에서 위로 쏠려 보여 2px 로 조정 */
.event_popup_wrap .event_popup .popup_foot .popfleft button .chk_img::after { content: ''; display: block; width: 5px; height: 8px; position: absolute; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); left: 6px; top: 3px; }
.event_popup_wrap .event_popup .popup_foot .popfleft button .txt {display: inline-block;margin-left: 5px;}

.event_popup_wrap .event_popup .popup_foot .popfleft button:hover .chk_img,
.event_popup_wrap .event_popup .popup_foot .popfleft button:focus .chk_img,
.event_popup_wrap .event_popup .popup_foot .popfleft button:active .chk_img { background: #000 }

.event_popup_wrap .event_popup .popup_foot .popfleft button:hover .txt,
.event_popup_wrap .event_popup .popup_foot .popfleft button:focus .txt,
.event_popup_wrap .event_popup .popup_foot .popfleft button:active .txt { color: #000; }


.event_popup_wrap .event_popup .popup_foot .popfright button.btn_close {color:#fff;font-size:19px;position:absolute;top:-40px;right:0;display:flex;gap:5px;align-items: center;background:none;border:0;cursor:pointer;width:auto;height:auto;} /* basic.css 전역 .btn_close(40x40, font-size 0, 자체 배경) 무효화 */
.event_popup_wrap .event_popup .popup_foot .popfright button.btn_close::before { content:''; display:block; width:18px; height:18px; background:url('../img/main/close-w.svg') no-repeat center center; transition:all 0.2s;}
.event_popup_wrap .event_popup .popup_foot .popfright button.btn_close:hover::before { transform:rotate(90deg);}
.event_popup_wrap .event_popup .popup_foot .popfright button.btn_close span { display:block; line-height:1;}

/* 모바일: 700x500 고정 박스를 풀고 이미지 크기에 박스가 따라가게 (bcstat 과 동일한 축소 동작) */
@media (max-width: 768px) {
    .event_popup_wrap .event_popup .popup_content {width: auto;height: auto;max-width: calc(100vw - 40px);padding: 12px;}
    .event_popup_wrap .event_popup .popup_content a {width: auto;height: auto;}
    .event_popup_wrap .event_popup .popup_content img {width: auto;height: auto;max-width: 100%;max-height: 70vh;object-fit: unset;}
}

/* 2026-10-13 팝업 여러 건 나열 — 관리자 팝업관리 등록 건을 순번 순으로 가로 나열(.is-multi), 화면 폭을 넘으면 좌우 이동 버튼(.has-overflow, korMainLayout 스크립트).
   1건이면 .is-multi 가 없어 위 단일 팝업 모양 그대로. 닫기·오늘 하루 열지 않기는 전체 팝업에 적용.
   팝업 한 칸의 가로·세로는 1건일 때와 같다(위 .popup_content 크기 그대로 — 구: 여러 건이면 420x420 으로 줄임, 담당자 요청으로 변경) */
.event_popup_wrap .popup_stage {position: relative;}
.event_popup_wrap .popup_nav {display: none;}
.event_popup_wrap .event_popup.is-multi .popup_stage {margin-bottom: 20px;}
.event_popup_wrap .event_popup.is-multi .popup_track {display: flex; gap: 20px; overflow-x: auto; max-width: calc(100vw - 180px); scroll-snap-type: x mandatory; scrollbar-width: none;}
.event_popup_wrap .event_popup.is-multi .popup_track::-webkit-scrollbar {display: none;}
.event_popup_wrap .event_popup.is-multi .popup_content {flex: 0 0 auto; margin-bottom: 0; scroll-snap-align: start;}
.event_popup_wrap .event_popup.is-multi.has-overflow .popup_nav {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; z-index: 2; width: 56px; height: 56px; margin-top: -28px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); cursor: pointer;}
.event_popup_wrap .event_popup.is-multi .popup_prev {left: -76px;}
.event_popup_wrap .event_popup.is-multi .popup_next {right: -76px;}
.event_popup_wrap .event_popup.is-multi .popup_nav::before {content: ''; display: block; width: 12px; height: 12px; border-left: 3px solid #222; border-bottom: 3px solid #222;}
.event_popup_wrap .event_popup.is-multi .popup_prev::before {transform: rotate(45deg); margin-left: 5px;}
.event_popup_wrap .event_popup.is-multi .popup_next::before {transform: rotate(-135deg); margin-right: 5px;}
.event_popup_wrap .event_popup.is-multi .popup_nav:disabled {opacity: .45; cursor: default;}
.event_popup_wrap .event_popup.is-multi .popup_nav:focus-visible {outline: 3px solid #fff; outline-offset: 3px;}
@media (max-width: 768px) {
    /* 모바일: 한 장씩, 칸 폭은 1건일 때 최대 폭(화면 폭 - 40px)과 같게. 이동 버튼은 팝업 가장자리에 겹쳐 둔다 */
    .event_popup_wrap .event_popup.is-multi .popup_track {gap: 12px; max-width: calc(100vw - 40px);}
    .event_popup_wrap .event_popup.is-multi .popup_content {width: calc(100vw - 40px); display: flex; align-items: center; justify-content: center;}
    .event_popup_wrap .event_popup.is-multi.has-overflow .popup_nav {width: 44px; height: 44px; margin-top: -22px;}
    .event_popup_wrap .event_popup.is-multi .popup_prev {left: 4px;}
    .event_popup_wrap .event_popup.is-multi .popup_next {right: 4px;}
}

.Scroll-No { overflow:hidden;}