@charset "utf-8";

/** 스크롤 디자인 **/
.main .wrap-data-box .data-box .right-box .wrap-box::-webkit-scrollbar,
.main .wrap-noti .w-box::-webkit-scrollbar,
.main .wrap-data-box .data-box .left-box .wrap-box::-webkit-scrollbar{height: 5px;}
.main .wrap-data-box .data-box .right-box .wrap-box::-webkit-scrollbar-thumb,
.main .wrap-noti .w-box::-webkit-scrollbar-thumb,
.main .wrap-data-box .data-box .left-box .wrap-box::-webkit-scrollbar-thumb{background-color: #2d306b;border-radius:10px}
.main .wrap-data-box .data-box .right-box .wrap-box::-webkit-scrollbar-track,
.main .wrap-noti .w-box::-webkit-scrollbar-track,
.main .wrap-data-box .data-box .left-box .wrap-box::-webkit-scrollbar-track{background-color: #ddd;border-radius:10px} 

/** 공지사항 txt **/
.main .new-txt{justify-content: space-between;align-items: flex-end;}
.main .new-txt .noti-txt{width: calc(100% - 16px);}
.main .noti-txt{flex: none;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/** 새글 공통 **/
.main .new-icon{display: inline-block;min-width: 16px;height: 16px;font-size: 0;line-height: 35px;margin-bottom: 2px;margin-left: 5px;background-image:url(/images/www2024/images2024/common/ico_new01.png);}

/** 더보기 타입1 공통 **/
.main .more1{display:block;position:absolute;top: auto;bottom: -16px;right: -16px;width:58px;height:58px;font-size:0;border-radius:50%;background-color:#fff;box-shadow: 0px 0px 5px 2px #edeff3;}
.main .more1:hover{background-color:#2d306b;}
.main .more1:before{content:"";display:block;position:absolute;top: 0px;left:0;width:58px;height:58px;background-image:url(/images/www2024/images2024/main/more_icon1.png);background-repeat:no-repeat;background-position:center center;transition:all 0.5s}
.main .more1:hover:before{background-image:url(/images/www2024/images2024/main/more_icon1_ov.png);transform:rotate(180deg)}

/** 더보기 타입2 공통 **/
.main .more2{position:absolute;top: 0;right: 0;width:32px;height:32px;font-size: 0;border-radius:50%;background-color:#f4f6fa;z-index: 1;}
.main .more2:hover{background-color:#2d306b !important;}
.main .more2:hover:before{background-image:url(/images/www2024/images2024/main/more_icon2_on.png);transform:rotate(180deg)}
.main .more2:before{content:"";display:block;position:absolute;top: 0;left: 0;width: 32px;height:32px;background-image:url(/images/www2024/images2024/main/more_icon2.png);background-repeat:no-repeat;background-position:center center;transition: all 0.3s;}

/** 이전 다음 정지 재생 타입1 공통 **/
.main .swiper-navi1{display: flex;position:absolute;top: -1px;right: 0;}
.main .swiper-navi1 a{min-width:32px;min-height:32px;margin-left:4px;font-size:0;border-radius:50%;background-color:#f4f6fa;background-repeat:no-repeat;background-position:center center;}
.main .swiper-navi1 a:hover{background-color:#2d306b;}
.main .swiper-navi1 .swiper-prev{background-image:url(/images/www2024/images2024/main/prev_icon2.png)}
.main .swiper-navi1 .swiper-prev:hover{background-image:url(/images/www2024/images2024/main/prev_icon2_on.png);}
.main .swiper-navi1 .swiper-next{background-image:url(/images/www2024/images2024/main/next_icon2.png)}
.main .swiper-navi1 .swiper-next:hover{background-image:url(/images/www2024/images2024/main/next_icon2_on.png);}
.main .swiper-navi1 .swiper-stop{background-image:url(/images/www2024/images2024/main/stop_icon2.png)}
.main .swiper-navi1 .swiper-stop:hover{background-image:url(/images/www2024/images2024/main/stop_icon2_on.png)}
.main .swiper-navi1 .swiper-stop.on{background-image:url(/images/www2024/images2024/main/play_icon2.png);}
.main .swiper-navi1 .swiper-stop.on:hover{background-image:url(/images/www2024/images2024/main/play_icon2_on.png);}

/** layout **/
.main #wrap-container{max-width: 100%;}
.main .wrap-content{max-width: 100%;margin-top: 0px;padding: 0;}
.main .cont-body{margin-top: 0;padding: 42px 0 0 0;min-height: auto;}
.main .header-cont{border-bottom:0;}

/** 메인슬라이드 / 자주 사용하는 메뉴 **/
.main .top-box{display:flex;max-width: 1500px;padding: 0 30px;margin:0 auto;align-items: stretch;}
.main .wrap-main-slide{position:relative;width: calc(77.3% - 52px);height: 100%;margin: 0 52px 0 0;}
.main .wrap-main-slide .slider-cont{border-radius: 15px;}
.main .wrap-main-slide .swiper-slide{overflow: hidden;padding-top: 49%;}
.main .wrap-main-slide .swiper-slide a:hover img{transform:scale(1.1)}
.main .wrap-main-slide .swiper-slide img{position:absolute;top:0;left:0;transition:all 0.5s}
.main .wrap-main-slide .swiper-slide .txt{display:block;position:absolute;bottom: 68px;left: 50%;width: 100%;color: #ffffff;font-size: 40px;font-weight: bold;text-align: center;transform: translateX(-50%);z-index: 9999;}
.main .wrap-main-slide .swiper-navi{display: flex;align-items: center;position: absolute;right: 0px;bottom: 0px;width: 250px;height: 67px;padding: 0 20px;border-radius: 0 0 15px 0;background-image: url(/images/www2024/images2024/main/vis_control_bg.png);z-index: 52;}
.main .wrap-main-slide .swiper-navi .swiper-pagination{padding-left: 29px;color: #ffffff;font-size: 20px;}
.main .wrap-main-slide .swiper-navi .swiper-pagination .c-num,
.main .wrap-main-slide .swiper-navi .swiper-pagination .swiper-pagination-current{font-size: 22px;color: #ffffff;font-weight: bold;}
.main .wrap-main-slide .swiper-navi .swiper-prev,
.main .wrap-main-slide .swiper-navi .swiper-stop,
.main .wrap-main-slide .swiper-navi .swiper-next{width: 59px;height:30px;font-size:0;background-repeat:no-repeat;background-position:center center;}
.main .wrap-main-slide .swiper-navi .swiper-prev{background-image:url(/images/www2024/images2024/main/prev_icon1.png)}
.main .wrap-main-slide .swiper-navi .swiper-stop{background-image:url(/images/www2024/images2024/main/stop_icon1.png)}
.main .wrap-main-slide .swiper-navi .swiper-stop.on{background-image:url(/images/www2024/images2024/main/play_icon1.png);}
.main .wrap-main-slide .swiper-navi .swiper-next{background-image:url(/images/www2024/images2024/main/next_icon1.png)}
.main .menu-box{position: relative;width: 22.7%;margin: 0 0 0 auto;padding: 2.8% 2% 2% 2%;border-radius:15px;background-color:#f4f6fa;}
.main .menu-box .title{display: block;color: #333333;font-size:23px;font-weight:bold;text-align: center;width: 100%;position: absolute;top: 7.2%;left: 50%;transform: translateX(-50%);}
.main .menu-box .title span{color:#2d306b;}
.main .menu-box ul{display:flex;justify-content: space-between;margin-top: 5px;flex-wrap: wrap;position: absolute;top: 11%;left: 50%;transform: translateX(-50%);width: calc(100% - 60px);}
.main .menu-box li{width: calc(50% - 10px);margin-top: 17px;}
.main .menu-box a{position:relative;display:block;width:100%;height:100%;padding: 67% 0 20px 0;color:#333333;font-size:16px;font-weight:500;text-align:center;border-radius:15px;background-color:#fff;}
.main .menu-box a:hover{background-color:#3d3c91;color:#fff;}
.main .menu-box a:before{content:"";display:block;position:absolute;top: 21%;width: 100%;height: 41px;background-repeat: no-repeat;background-position: center;}
.main .menu-box .menu1:before{background-image:url(/images/www2024/images2024/main/menu_icon1.png)}
.main .menu-box .menu1:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon1_on.png)}
.main .menu-box .menu2:before{background-image:url(/images/www2024/images2024/main/menu_icon2.png)}
.main .menu-box .menu2:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon2_on.png)}
.main .menu-box .menu3:before{background-image:url(/images/www2024/images2024/main/menu_icon3.png)}
.main .menu-box .menu3:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon3_on.png)}
.main .menu-box .menu4:before{background-image:url(/images/www2024/images2024/main/menu_icon4.png)}
.main .menu-box .menu4:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon4_on.png)}
.main .menu-box .menu5:before{background-image:url(/images/www2024/images2024/main/menu_icon5.png)}
.main .menu-box .menu5:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon5_on.png)}
.main .menu-box .menu6:before{background-image:url(/images/www2024/images2024/main/menu_icon6.png)}
.main .menu-box .menu6:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon6_on.png)}
.main .menu-box .menu7:before{background-image:url(/images/www2024/images2024/main/menu_icon7.png)}
.main .menu-box .menu7:hover:before{background-image:url(/images/www2024/images2024/main/menu_icon7_on.png)}

/** 사실은 이렇습니다 **/
.main .wrap-mark-box{max-width: 1500px;margin: 0 auto;padding: 50px 30px 60px 30px;}
.main .wrap-mark-box a{overflow: hidden;display:flex;align-items: center;width:100%;box-shadow: 0px 0px 7px 5px #f9f9f9;border-radius: 15px;background-image: url(/images/www2024/images2024/main/bg1.png);background-repeat: no-repeat;background-position: 216px 0;}
.main .wrap-mark-box a:hover .txt{text-decoration:underline;}
.main .wrap-mark-box .title{display:flex;align-items: center;min-height: 76px;padding-left: 30px;color:#2d306b;font-size: 25px;font-weight:800;font-style: italic;border-radius:15px 0 0 15px;background-color: #fff;letter-spacing: -0.8px;}
.main .wrap-mark-box .txt{display:flex;align-items: center;position:relative;width: calc(100% - 221px);min-height: 76px;line-height: 25px;padding: 0 115px 0 115px;color:#ffffff;font-size:20px;font-weight: 600;}
.main .wrap-mark-box .txt:before,
.main .wrap-mark-box .txt:after{content:"";display:block;position:absolute;top:50%;width:57px;height:57px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;}
.main .wrap-mark-box .txt:before{left: 28px;background-image:url(/images/www2024/images2024/main/mark.png)}
.main .wrap-mark-box .txt:after{right:46px;background-image:url(/images/www2024/images2024/main/arrow_icon1.png)}

/** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.main .wrap-data-box{position:relative;padding: 0 0 3.45% 0;background-color:#f4f6fa;}
.main .wrap-data-box:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height: 49px;background-color:#fff;}
.main .wrap-data-box .data-box .left-box{position: relative;width: 46.3%;height: 595px;padding-left: 36px;padding-right: 36px;}
.main .wrap-data-box .data-box .right-box{position: relative;width: 53.7%;margin-left: 38px;height: 0;}
.main .wrap-data-box .data-box{display: flex;position: relative;width: 1440px;margin:0 auto;z-index: 1;align-content: flex-start;}
.main .wrap-data-box .data-box .left-box .wrap-box{display:flex;align-items: center;overflow-y: hidden;overflow-x: auto;}
.main .wrap-data-box .data-box .left-box .wrap-box .box{position:absolute;top: 49px;left: 0;width: 648px;height: 545px;padding: 20px 48px 0 41px;box-shadow: 5px 5px 5px #eceef2;background-color: #fff;border-radius: 0 0 20px 20px;}
.main .wrap-data-box .data-box .left-box .wrap-box .box{display:none}
.main .wrap-data-box .data-box .left-box .wrap-box > .new-box{margin-left:0;}
.main .wrap-data-box .data-box .left-box .wrap-box > li:not(:first-child){margin-left:27px;}
.main .wrap-data-box .data-box .left-box .wrap-box li.on .box{display:block;}
.main .wrap-data-box .data-box .left-box .wrap-box li:not(.on) > a:hover{color:#333333;}
.main .wrap-data-box .data-box .left-box .wrap-box li:not(.new-box) .box li{display:flex;}
.main .wrap-data-box .data-box .left-box .wrap-box li:not(.new-box) .box li:not(.new){margin-top:20px;}
.main .wrap-data-box .data-box .left-box .title{color:#8f8e8e;font-size:25px;font-weight: bold;align-items: center;display: flex;white-space: nowrap;}
.main .wrap-data-box .data-box .left-box .title-box .title{display:flex;align-items: center;justify-content: center;width: 76px;margin-left: 0;font-size:14px;text-align: center;padding: 6px 0;border-radius: 20px;white-space: normal;word-break: auto-phrase;}
.main .wrap-data-box .data-box .left-box .title-box .bg-color5{border-radius:5px;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color1{background-color: #ceede4;color: #004a25;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color2{background-color: #e5e7f9;color: #333ba5;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color3{background-color: #ffcdd6;color: #5d3506;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color4{background-color: #f1e7df;color: #743d1a;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color5{background-color:#e7e8ea;color:#2f2f2f;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color6{background-color: #cef4ff;color: #073262;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color7{background-color: #f1e3c7;color: #573f0f;}
.main .wrap-data-box .data-box .left-box .title-box .title.bg-color8{background-color: #afdfac;color: #145704;}
.main .wrap-data-box .data-box .left-box .txt-box a{display:block;padding-left:17px;}
.main .wrap-data-box .data-box .left-box .new .txt-box .new-txt{display: flex;justify-content: flex-start;align-items: center;}
.main .wrap-data-box .data-box .left-box .new .txt-box .new-txt span{margin-top: 7px;font-size: 16px;}
.main .wrap-data-box .data-box .left-box .txt-box a strong{position: relative;display: flex;}
.main .wrap-data-box .data-box .left-box .txt-box .noti-txt{position:relative;width: 439px;color:#222222;font-size:16px;z-index: 1;font-weight: 500;}
.main .wrap-data-box .data-box .left-box .txt-box span{margin-top: 7px;color:#737373;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main .wrap-data-box .data-box .left-box li.on > .title{color:#2d306b;font-size:30px;font-weight: 900;}
.main .wrap-data-box .data-box .left-box .wrap-box ul > .new{margin-bottom: 27px;padding-bottom: 24px;border-bottom:1px solid #edf0f3;}
.main .wrap-data-box .data-box .left-box .new a{margin-top: 2px;padding-left:0;}
.main .wrap-data-box .data-box .left-box a:hover .noti-txt{color:#523797;text-decoration:underline;} 
.main .wrap-data-box .data-box .left-box .new .title-box{position: relative;width: 76px;margin-right:32px;}
.main .wrap-data-box .data-box .left-box .new .title-box .day,
.main .wrap-data-box .data-box .left-box .new .title-box .year{color:#333333;font-weight:600}
.main .wrap-data-box .data-box .left-box .new .txt-box .new-txt + span{padding-left: 22px;}
.main .wrap-data-box .data-box .left-box .new .title-box .day{display: block;font-size: 30px;margin-top: 7px;margin-left: -9px;text-align:center;letter-spacing: -6px;}
.main .wrap-data-box .data-box .left-box .new .title-box .year{display:block;font-size:16px;text-align:center;margin-left: 6px;}
.main .wrap-data-box .data-box .left-box .new .txt-box{width: 424px;padding-left:29px;border-left:1px solid #edf0f3;}
.main .wrap-data-box .data-box .left-box .new .txt-box .noti-txt{height: auto;font-size:25px;white-space: break-spaces;font-weight:bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .wrap-data-box .data-box .left-box .new .txt-box spain{display:block;margin-top: 12px;color:#737373;font-size:16px;}
.main .wrap-data-box .data-box .right-box .wrap-box{padding: 5px 14px;display:flex;justify-content: space-between;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box{display:none;position:absolute;top: 53px;left: -19px;padding-right: 18px;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul{display:flex;flex-wrap:wrap;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{overflow: hidden;position: relative;margin: 30px 0 0 40px;border-radius: 15px;box-shadow: 5px 5px 5px #eceef2;transition: all 0.3s;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li > a{position:relative;display:block;width: 338px;padding-top: 71%;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li:hover{transform:translate(-10px,-10px);box-shadow:5px 5px 5px #dddee2;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li > a > img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}

.main .wrap-data-box .data-box .right-box .wrap-box .img-box > h2 > ul{display:flex;flex-wrap:wrap;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > h2 > ul > li{overflow: hidden;position: relative;margin: 30px 0 0 40px;border-radius: 15px;box-shadow: 5px 5px 5px #eceef2;transition: all 0.3s;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > h2 > ul > li > a{position:relative;display:block;width: 338px;padding-top: 71%;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > h2 > ul > li:hover{transform:translate(-10px,-10px);box-shadow:5px 5px 5px #dddee2;}
.main .wrap-data-box .data-box .right-box .wrap-box .img-box > h2 > ul > li > a > img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}

.main .wrap-data-box .data-box .right-box .wrap-box li.on .img-box{display:block;}
.main .wrap-data-box .data-box .right-box .wrap-box > li > a{display: flex;height:25px;color: #8f8e8e;font-size: 22px;font-weight: bold;align-items: center;white-space: nowrap;}
.main .wrap-data-box .data-box .right-box .wrap-box > li > a > h2{display: flex;height:25px;color: #8f8e8e;font-size: 22px;font-weight: bold;align-items: center;white-space: nowrap;}
.main .wrap-data-box .data-box .right-box .wrap-box > li{margin:0 21px;}
.main .wrap-data-box .data-box .right-box .wrap-box > li > a:hover{color:#333333;}
.main .wrap-data-box .data-box .right-box .wrap-box > li.on > a{position:relative;color:#2d306b;font-size: 28px;font-weight: 900;}
.main .wrap-data-box .data-box .right-box .wrap-box > li.on > a > h2 {position:relative;color:#2d306b;font-size: 28px;font-weight: 900;}
.main .wrap-data-box .data-box .right-box .wrap-box > li.on > a:before{content:"#";background-image: none;}
.main .wrap-data-box .data-box .right-box .wrap-box > li.on > a:after{content:"";display:block;position:absolute;top: 105%;left: 60%;width: 36px;height: 36px;transform:translateX(-50%);background-image:url(/images/www2024/images2024/main/choice_icon1.png)}

.main .wrap-data-box .new-box .box li{width:100%;}
.main .wrap-data-box .new-box .box li:not(:last-child){border-bottom:1px solid #edf0f3;}
.main .wrap-data-box .new-box .box li a{display:flex;align-items: center;width:100%;padding: 10px 0;}
.main .wrap-data-box .new-box .box li:first-child a{padding-top: 0;}
.main .wrap-data-box .new-box .box li a strong{position: relative;display:flex;width: calc(100% - 83px);padding-left: 25px;}
.main .wrap-data-box .new-box .box strong .noti-txt{color: #333333;font-size: 19px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.main .wrap-data-box .new-box .box li a:hover .noti-txt{color:#523797;text-decoration:underline;}
.main .wrap-data-box .new-box .title{margin-left:0;}
.main .wrap-data-box .new-box .day{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;width: 83px;height: 83px;color: #818181;font-size: 15px;font-weight: 500;border-radius: 50%;background-color: #f4f6fa;}
.main .wrap-data-box .new-box .month{display:block;width: 100%;color: #333333;font-size: 29px;font-weight: bold;text-align: center;}

/** 공지사항 **/
.main .wrap-noti{display:flex;justify-content: space-between;max-width: 1500px;height: 336px;margin:0 auto;padding: 69px 30px 0 30px;}
.main .wrap-noti .left-box,
.main .wrap-noti .right-box{position:relative;}
.main .wrap-noti .left-box:before,
.main .wrap-noti .right-box:before{content:"";display:none;position: absolute;top: 0;right: -1px;width: 53px;height: 53px;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);z-index: 0;}
.main .wrap-noti .left-box{width: 44.7%;}
.main .wrap-noti .right-box{width: 51.8%;}
.main .wrap-noti .w-box{overflow-y: hidden;display: flex;width: 100%;padding: 0 60px 0 17px;border-top: 1px solid #e7e9eb;border-bottom: 1px solid #e7e9eb;}
.main .wrap-noti .txt-box{display:none;position:absolute;top: 87px;left:0;padding: 0 17px;}
.main .wrap-noti .tit-a{display:block;padding: 21px 24px;color:#767676;font-size:20px;font-weight:500;border-radius: 10px;white-space: nowrap;}
.main .wrap-noti .tit-a:hover{color:#333;}
.main .wrap-noti .box.on .tit-a{background-color:#2d306b;color:#fff;box-shadow: 5px 5px 5px #f0f2f5;}
.main .wrap-noti .box.on .txt-box{display:block;}
.main .wrap-noti .noti-txt{color:#333333;font-size:16px;}
.main .wrap-noti .day{min-width: 78px;color:#767676;font-size:15px;}
.main .wrap-noti .right-box .day{position: absolute;left: 23px;bottom: 30px;}
.main .wrap-noti .b-tit{color:#523797;font-size:15px;text-decoration:underline;margin-bottom: 13px;}
.main .wrap-noti .left-box .noti-txt:before{content:"";display:block;position:absolute;top:50%;left: 0;width:4px;height:4px;transform:translateY(-50%);background-color:#d7d7d7;}
.main .wrap-noti .left-box .noti-txt{position: relative;/* max-width: 100%; */width: auto;padding-left: 17px;}
.main .wrap-noti .left-box li:not(:first-child){margin-top:14px}
.main .wrap-noti .left-box a{display:flex;justify-content: space-between;}
.main .wrap-noti .left-box a:hover .noti-txt{color:#523797;text-decoration:underline;}
.main .wrap-noti .left-box .txt-box{width: 100%;padding-bottom: 22px;border-bottom:1px solid #e7e9eb;}
.main .wrap-noti .left-box .title{display: flex;justify-content: flex-start;align-items: center;width: calc(100% - 100px);height:20px;padding-right: 20px;}
.main .wrap-noti .right-box .b-tit,
.main .wrap-noti .right-box .title,
.main .wrap-noti .right-box .day{display:block;}
.main .wrap-noti .right-box ul{display:flex;}
.main .wrap-noti .right-box li{width:100%;}
.main .wrap-noti .right-box li .new-txt{width: 100%;display:flex;align-items: flex-start;justify-content: flex-start;}
.main .wrap-noti .right-box li .new-txt .new-icon{margin: 2px 0 0 5px;}
.main .wrap-noti .right-box li:not(:first-child){margin-left:25px;}
.main .wrap-noti .right-box .noti-txt{position: relative;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
.main .wrap-noti .right-box .title.new-txt{display:flex;align-items: flex-start;flex-direction: row-reverse;height: 100px;padding-left: 5px;}
.main .wrap-noti .right-box .title .new-icon{margin: 3px 5px 0 0;}
.main .wrap-noti .right-box .txt-box a:not(.more2){display: flex;flex-direction: column;position: relative;padding: 25px 35px 30px 23px;height: 180px;border-radius: 10px;background-color: #f3f5f9;}
.main .wrap-noti .right-box .txt-box a:not(.more2):hover{background-color:#e0e5ef;}
.main .wrap-noti .more2{top:-70px;right:15px;}

/** 온통광장 / 알림판 / 포토뉴스 박상우 **/
.main .w-np-box{display:flex;max-width: 1500px;margin: 0 auto;padding: 67px 30px 73px 30px;}
.main .w-np-box .slidestr{margin:0 3px}
.main .w-np-box .wrap-board-box,
.main .w-np-box .wrap-photonews-box,
.main .w-np-box .wrap-pl-box{width: 32%;}
.main .w-np-box .wrap-minister-box{position: relative;min-width: 320px;padding: 10px 0 0 10px;}
.main .w-np-box .wrap-pl-box,
.main .w-np-box .wrap-board-box{position: relative;margin-right:32px;}
.main .w-np-box .wrap-pl-box .img-box{overflow: hidden;border-radius: 10px;}
.main .w-np-box .wrap-pl-box .img-box a{position: relative;display:block;padding-top: 73%;}
.main .w-np-box .wrap-pl-box .img-box a img{position: absolute;top: 0;left: 0;transition:all 0.5s;width: 100%;height: 100%;}
.main .w-np-box .wrap-photonews-box{margin-right: 54px;}
.main .w-np-box .swiper-slide .txt{overflow: hidden;position:absolute;bottom: 0;left:0;width: 100%;padding: 18px 26px;color: #ffffff;font-size: 16px;font-weight: 500;border-radius: 0 0 10px 10px;background-color: rgba(0,0,0,0.5);text-overflow: ellipsis;white-space: nowrap;z-index: 1;}
.main .w-np-box .swiper-slide img{position:absolute;top:0;left:0;transition: all 0.5s;}
.main .w-np-box .swiper-slide a{position:relative;padding-top: 73%;border-radius: 10px;}
.main .w-np-box .swiper-slide a:hover .txt{background-color:#000000}
.main .w-np-box a:hover img{transform:scale(1.1)}
.main .w-np-box .title i{display: inline-block;margin-bottom: 15px;color:#222222;font-size:22px;font-weight:bold;}
.main .w-np-box .title h2{display: inline-block;margin-bottom: 15px;color:#222222;font-size:22px;font-weight:bold;}
.main .w-np-box .swiper-title{display:flex;align-items: center;}
.main .w-np-box .swiper-title .swiper-pagination{margin-bottom: 15px;margin-left:12px;color: #666666;font-size: 16px;font-weight: 600;width: auto;}
.main .w-np-box .swiper-title .swiper-pagination-current{color:#446bd7;}
.main .w-np-box .wrap-minister-box:before,
.main .w-np-box .wrap-minister-box:after{content:"";display:block;position:absolute;}
.main .w-np-box .wrap-minister-box .title1{display:block;color:#696969;font-size:15px;}
.main .w-np-box .wrap-minister-box .title2{position: relative;display:block;margin-top: 4px;color:#222222;font-size:24px;font-weight:bold;z-index: 1;}
.main .w-np-box .wrap-minister-box .title2 .title3{font-size: 20px;font-weight:500;}
.main .w-np-box .wrap-minister-box .txt{position: relative;display:block;margin-top: 20px;color:#696969;font-size:14px;line-height: 1.4;z-index: 2;}
.main .w-np-box .wrap-minister-box:before{bottom: 47px;right: 0;max-width: 200px;width: 54%;height: 100%;background-image:url(/images/www2024/images2024/main/minister.png);z-index: 1;background-size: contain;background-repeat: no-repeat;background-position: bottom;}
.main .w-np-box .wrap-minister-box:after{bottom: 41px;left: 56px;width: 107px;height: 111px;background-image:url(/images/www2024/images2024/main/bg3.png);z-index: 0;}
.main .w-np-box .wrap-minister-box .btn-box{display:flex;position:absolute;bottom: 0;left:0;width: 100%;border-radius: 10px;background-color:#523797;z-index: 2;}
.main .w-np-box .wrap-minister-box .btn-box button{position:relative;height: 66px;color:#fff;font-size:17px;z-index: 1;}
.main .w-np-box .wrap-minister-box .btn-box button:hover{background-color:#30196a;}
.main .w-np-box .wrap-minister-box .btn-box .btn1:hover{border-radius:10px 0 0 10px;}
.main .w-np-box .wrap-minister-box .btn-box .btn2:hover{border-radius:0 10px 10px 0;}
.main .w-np-box .wrap-minister-box .btn-box button i{position:relative;padding-left: 26px;font-weight:600;}
.main .w-np-box .wrap-minister-box .btn-box button i:before{content:"";display:block;position:absolute;top: 50%;left:0;width: 14px;height: 9px;transform: translateY(-50%);background-image:url(/images/www2024/images2024/main/arrow_icon3.png)}
.main .wrap-minister-box .btn-box button.btn1{width: 52.3%;}
.main .wrap-minister-box .btn-box button.btn1:before{content:"";display:block;position:absolute;top: 50%;right: 0;width: 1px;height: 41px;transform: translateY(-50%);background-image:url(/images/www2024/images2024/main/line.png)}
.main .wrap-minister-box .btn-box button.btn2{width: 60%;}
.main .w-np-box .wrap-spe-box .swiper-slide a{padding-top: 66.6%;}
.main .w-np-box .wrap-board-box .swiper-slide a{border: 1px solid #e4e4e4;}

/** 협업 인플루언서 **/
.main .wrap-in-box{position:relative;background-color:#eae6f7;}
.main .w-in-box{display:flex;position: relative;max-width: 1500px;margin:0 auto;padding: 53px 30px;}
.main .w-in-box .title-box{position: relative;text-align: center;margin-right: 44px;padding-top: 25px;}
.main .w-in-box .title-box:before{content:"";display:block;position:absolute;bottom: 6px;left: -5px;width: 100%;height: 123px;background-image:url(/images/www2024/images2024/main/in_bg.png);background-repeat: no-repeat;background-position: right bottom;}
.main .w-in-box .title-box .title{display:block;color:#222222;font-size:25px;font-weight: 900;}
.main .w-in-box .title-box .title span{color:#523797;}
.main .w-in-box .title-box .txt{display:block;margin: 4px 0 0 0;color: #424242;font-size:15px;white-space: nowrap;}
.main .w-in-box .slide-box{width: 60.8%;}
.main .w-in-box .slide-box .swiper-slide{overflow: hidden;position: relative;padding-top: 20px;padding-bottom: 20px;}
.main .w-in-box .slide-box .swiper-slide img{position: absolute;top: 0;left: 0;transition:all 0.5s}
.main .w-in-box .slide-box .swiper-slide a{width: 270px;position:relative;border-radius: 10px 10px;padding-top: 56.5%;box-shadow: 0px 0px 20px -10px #69686c;}
.main .w-in-box .slide-box #slide-in{padding: 0 10px;}
.main .w-in-box .slide-box .swiper-slide a:hover .txt{text-decoration:underline;}
.main .w-in-box .slide-box .swiper-slide .txt{display: block;width:100%;line-height: 20px;height: 78px;padding: 17px 46px 23px 21px;color: #1f1f1f;font-size: 15px;background-color: #fff;}
.main .w-in-box .slide-box .swiper-slide .txt span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.main .w-in-box .img-box{display:block;position: absolute;top: 0;left: 0;height: calc(100% - 78px);width: 100%;padding-top: 56.5%;background-color: #f1f1f1;z-index: -1;}
.main .w-in-box .mail-box{width: 310px;padding: 10px 0;margin-left: 3.3%;}
.main .w-in-box .mail-box li:not(:first-child){margin-top: 19px;}
.main .w-in-box .mail-box a{position: relative;display:block;padding: 23px 27px 22px 27px;background-color:#ffffff;border-radius:10px;}
.main .w-in-box .mail-box a:hover{background-color:#30196a;}
.main .w-in-box .mail-box a:hover .title,
.main .w-in-box .mail-box a:hover .txt{color:#fff;}
.main .w-in-box .mail-box a:before{content:"";display:block;position:absolute;bottom: -5px;right: -5px;width:50px;height:50px;border-radius:50%;background-color: #eae6f7;background-position:center;background-repeat:no-repeat}
.main .w-in-box .mail-box .list1 a:before{background-image:url(/images/www2024/images2024/main/letter.png);}
.main .w-in-box .mail-box .list2 a:before{background-image:url(/images/www2024/images2024/main/people.png);}
.main .w-in-box .mail-box .title,
.main .w-in-box .mail-box .txt{display:block;}
.main .w-in-box .mail-box .title{color:#1d2641;font-size:18px;font-weight: bold;}
.main .w-in-box .mail-box .txt{color:#666666;font-size:14px;margin-top: 7px;}
.main .w-in-box .swiper-navi a{display:block;position:absolute;top: 52%;width:60px;height:60px;border-radius:50%;font-size:0;z-index:1;background-color: rgba(253,253,254,0.9);background-position:center;background-repeat:no-repeat;box-shadow: 0px 0px 10px 0px #ababae;}
.main .w-in-box .swiper-navi a:hover{background-color:#2d306b;}
.main .w-in-box .swiper-navi .swiper-prev{left: -20px;background-image:url(/images/www2024/images2024/main/in_prev.png);}
.main .w-in-box .swiper-navi .swiper-prev:hover{background-image:url(/images/www2024/images2024/main/in_prev_on.png);}
.main .w-in-box .swiper-navi .swiper-next{right: -20px;background-image:url(/images/www2024/images2024/main/in_next.png);}
.main .w-in-box .swiper-navi .swiper-next:hover{background-image:url(/images/www2024/images2024/main/in_next_on.png);}
.main .w-in-box .more{top: 70px;right: auto;left: 63px;background-color: #ffffff;}
.main .w-in-box .more2{background-color:#523796 !important;top: 148px;left: 96px;}
.main .w-in-box .more2:hover{background-color:#523796 !important;}
.main .w-in-box .more2:before{background-image:url(/images/www2024/images2024/main/more_icon2_on.png);}

/** 정책브리핑 **/
.main .briefing{max-width: 1500px;margin:0 auto;padding: 36px 30px 46px 30px;}

/** 배너 **/
.main .wrap-banner-box{position:relative;max-width: 1500px;margin:0 auto;padding: 0 30px;}
.main .wrap-banner-box .swiper-box{padding:36px 0 46px 0;border-top:1px solid #edf0f7;}
.main .wrap-banner-box .swiper-navi{position:absolute;top:0;left:0;}  
.main .wrap-banner-box .slider-cont{margin-left: 175px;}
.main .wrap-banner-box .slider-cont:before{content:"";position: absolute;top: 0;right: -1px;width: 50px;height: 100%;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);z-index: 2;}
.main .wrap-banner-box .slider-cont .swiper-slide{width: 179px !important;height: 54px;}
.main .wrap-banner-box .slider-cont .swiper-slide a{position:relative;border:1px solid #e6e8ea;border-radius:5px;}
.main .wrap-banner-box .slider-cont .swiper-slide a:hover,
.main .wrap-banner-box .slider-cont .swiper-slide a:focus{border-color:#2d306b;}
.main .wrap-banner-box .slider-cont .swiper-slide a img{position:absolute;top: 50%;left: 50%;width: auto;height: auto;max-width:100%;max-height:100%;transform: translate(-50%, -50%);}
.main .wrap-banner-box .swiper-navi1{position: absolute;top: 42px;left: 0;}
.main .wrap-banner-box .swiper-navi1 a{position: relative;top:0;left: 0;}

/** 1500px 이상 시작 **/
@media screen and (max-width:1500px){
    /** 협업 인플루언서 **/
    .main .w-in-box .slide-box .swiper-slide a{width:auto}
}
/** 1500px 이상 끝 **/

/** 1440px 이상 시작 **/
@media screen and (max-width:1440px){    
    /** 메인슬라이드 **/    
    .main .menu-box a{font-size: 14px;padding: 72% 0 15px 0;}

    /** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/
    .main .wrap-data-box .data-box{width:100%;}    
    .main .wrap-data-box .data-box .right-box{width: 50%;margin-left: 30px;}    
    .main .wrap-data-box .data-box .right-box .wrap-box li.on .img-box{width:100%;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{width: 43%;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li > a{width: 100%;}
    .main .wrap-data-box .data-box .left-box .wrap-box .box{width: 100%;}
    .main .wrap-data-box .data-box .left-box .txt-box .noti-txt{width: calc(100% - 16px);}
    .main .wrap-data-box .data-box .left-box .wrap-box li .box li .txt-box{width: calc(100% - 80px);}
    .main .wrap-data-box .data-box .left-box .wrap-box li .box .new .txt-box{width: calc(100% - 100px);}
    .main .wrap-data-box .data-box .right-box .wrap-box{padding: 10px 5px;overflow-y: hidden;}   
    .main .wrap-data-box:before{display:none;}
    .main .wrap-data-box .data-box .left-box .new .txt-box .new-txt + span{padding-left: 24px;}
    .main .wrap-data-box .data-box .left-box .new .txt-box .new-txt{padding-left: 7px;}    
    .main .wrap-data-box .data-box .right-box .wrap-box > li.on > a:after{display:none}
    
    /** 협업 인플루언서 **/
    .main .w-in-box .title-box{position:absolute;top: 65px;left: 30px;margin-right: 0;padding-top: 0;text-align: left;}
    .main .w-in-box .title-box .title,
    .main .w-in-box .title-box .txt{display:inline-block}
    .main .w-in-box .title-box .txt{margin-left:10px;}
    .main .wrap-in-box .w-in-box{padding: 123px 30px 65px 30px;}
    .main .w-in-box .title-box:before{display:none}
    .main .w-in-box .more2{top: 67px;left: 365px;}
    .main .w-in-box .slide-box{width:calc(100% - 310px)}    
    .main .w-in-box .img-box{overflow: hidden;}
    .main .w-in-box .slide-box .swiper-slide img{height:auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}    
    .main .w-in-box .slide-box #slide-in{padding: 0;}    
}
/** 1440px 이상 끝 **/

/** 1280px 이상 시작 **/
@media screen and (max-width: 1280px){
    /** 이전 다음 정지 더보기 **/
    .main .swiper-navi1 a{min-width: 28px;min-height: 28px;}
    .main .more2,
    .main .more2:before{width: 28px;height: 28px;}    
    
    /** layout **/        
    .main .cont-body{padding: 20px 0 0 0;}
    .main .top-box{flex-wrap:wrap}
    .main .wrap-main-slide{width:100%;margin-right: 0;}
    .main .menu-box{width:100%;margin: 30px 0 0 0;padding: 30px;}    

    /** 메인슬라이드 **/
    .main .menu-box a{padding: 84px 0 20px 0;font-size: 16px;}
    .main .menu-box a:before{top:30px;}
    .main .menu-box .title{position: initial;transform: translateX(0);}
    .main .menu-box ul{width: 100%;position: initial;transform: translateX(0);}

    /** 자주 사용하는 메뉴 **/ 
    .main .menu-box li{width: calc(16.6666% - 10px);}

    /** 사실은 이렇습니다 **/
    .main .wrap-mark-box{padding: 30px;}
    .main .wrap-mark-box .title{width:200px;font-size: 22px;}   
    .main .wrap-mark-box a{background-position: 194px 0;}

    /** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/
    .main .wrap-data-box .data-box .left-box .title{font-size: 20px;}    
    .main .wrap-data-box .data-box .left-box li.on > .title{font-size: 27px;}
    .main .wrap-data-box .new-box > .box strong .noti-txt{font-size: 18px;}
    .main .wrap-data-box .data-box .left-box .new .txt-box .noti-txt{font-size: 22px;}
    .main .wrap-data-box .data-box .left-box .txt-box span{margin-top: 7px;}
    .main .wrap-data-box .data-box .left-box .new .txt-box{padding-left: 20px;}
    .main .wrap-data-box .data-box .left-box .new .title-box{margin-right: 24px;}
    .main .wrap-data-box .data-box .left-box .new .title-box .day{margin-top: 0;font-size: 29px;}
    .main .wrap-data-box .data-box .left-box{width: 50%;height: 584px;padding-left: 30px;}
    .main .wrap-data-box .new-box > .box .day{font-size:14px;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{margin: 15px 0 0 25px;width: 44%;}
    .main .wrap-data-box .data-box .left-box .wrap-box ul > .new{margin-bottom: 20px;padding-bottom: 20px;}   
    .main .wrap-data-box .new-box > .box strong:before{left: -14px;}
    .main .wrap-data-box .data-box .right-box{padding: 0 30px 0 0;}    
    .main .wrap-data-box .data-box .left-box .wrap-box .box{top: 49px;padding: 0 30px 0 30px;height: 530px;} 
    .main .wrap-data-box{padding: 0 0 2.8% 0;}

    /** 공지사항 **/
    .main .wrap-noti{padding: 30px 30px 0 30px;height: 309px;}
    .main .wrap-noti .right-box li:not(:first-child){margin-left:15px;}
    .main .wrap-noti .left-box{width: calc(100% - 30px);margin-right:15px;}
    .main .wrap-noti .right-box{width: calc(100% -  30px);margin-left:15px;}
    .main .wrap-noti .right-box .txt-box a:not(.more2){padding: 25px;} 
    .main .wrap-noti .right-box .day{left: 25px;bottom: 25px;}
    .main .wrap-noti .more2{top: -68px;}

    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/
    .main .w-np-box .wrap-pl-box, 
    .main .w-np-box .wrap-board-box,
    .main .w-np-box .wrap-photonews-box{margin-right: 20px;}
    .main .w-np-box .title i{font-size: 20px;}
    .main .w-np-box .wrap-minister-box .txt{margin-top: 5px;}
    .main .w-np-box .wrap-minister-box .btn-box button{height: 50px;font-size: 15px;}
    .main .w-np-box .wrap-minister-box:before{width: 55%;bottom: 14%;}
    .main .w-np-box .swiper-title .swiper-pagination{margin-left: 5px;} 
    .main .w-np-box .wrap-minister-box{min-width: 245px;}
    .main .w-np-box .swiper-slide .txt{font-size: 14px;padding: 10px 20px;}
    .main .w-np-box .wrap-minister-box:after{bottom: 8px;left: 48px;width: 80px;height: 111px;background-size: contain;}

    /** 협업 인플루언서 **/
    .main .w-in-box .title-box{top: 30px;}
    .main .w-in-box .more2{top: 35px;}
    .main .wrap-in-box .w-in-box{padding: 85px 30px 30px 30px;}
}
/** 1280px 이상 끝 **/

/** 1024px 이상 시작 **/
@media screen and (max-width:1024px){
    /** 메인 슬라이드 **/
    .main .wrap-main-slide .swiper-navi{width: 220px;height: 50px;}
    .main .wrap-main-slide .swiper-navi .swiper-pagination{font-size: 18px;}
    .main .wrap-main-slide .swiper-navi .swiper-pagination .c-num, 
    .main .wrap-main-slide .swiper-navi .swiper-pagination .swiper-pagination-current{font-size: 20px;}

    /** 자주 사용하는 메뉴 **/
    .main .menu-box li{width: calc(33.333% - 10px);}
    .main .menu-box .title{font-size: 22px;}
    .main .menu-box a{padding: 67px 0 10px 0;}
    .main .menu-box a:before{top: 15px;}
    
    /** 사실은 이렇습니다 **/     
    .main .wrap-mark-box .txt{width: calc(100% - 200px);padding: 10px 87px 10px 102px;font-size: 18px;}    
    .main .wrap-mark-box .txt:after{right: 13px;}    

    /** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/        
    .main .wrap-data-box .data-box .left-box{width: calc(100% - 60px);height: 379px;border-radius: 0 0 20px 20px;padding-left: 30px;margin: 0 30px;box-shadow: none;}
    .main .wrap-data-box .data-box .right-box{width:100%;margin-left: 0;padding: 0 30px 28% 30px;margin-top: 30px;background-color: #f4f6fa;}
    .main .wrap-data-box .data-box{flex-wrap:wrap;}
    .main .wrap-data-box .data-box .left-box .wrap-box .box > ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:-10px}
    .main .wrap-data-box .data-box .left-box .new .txt-box{display:flex;align-items: center;}    
    .main .wrap-data-box .data-box .left-box .wrap-box li .box li:not(.new){width: calc(50% - 16px);}
    .main .wrap-data-box .data-box .left-box .wrap-box ul > .new{width: 100%;margin-bottom: 0px;padding-bottom: 15px;margin-top: 10px;}
    .main .wrap-data-box .data-box .left-box .new .title-box .day{font-size: 27px;}
    .main .wrap-data-box .data-box .left-box .new .title-box .year{font-size: 14px;}
    .main .wrap-data-box .data-box .left-box .new .txt-box .noti-txt{font-size: 20px;-webkit-line-clamp: 1;}    
    .main .wrap-data-box .data-box .left-box .txt-box span{margin-top: 5px;}    
    .main .wrap-data-box .new-box > .box li a,
    .main .wrap-data-box .new-box .box li:first-child a{padding: 10px 0;}
    .main .more1{width: 50px;height: 50px;right: 0;}
    .main .more1:before{width:100%;height:100%;}    
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{width: calc(25% - 1%);margin: 2% 0 0 0;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li > a{padding-top:90%;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul{display: flex;justify-content: space-between;margin: 0;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box{top: 49px;left: 0;padding: 0 30px;}
    .main .wrap-data-box .data-box .right-box .wrap-box{margin: 0;}    
    .main .wrap-data-box .data-box .right-box .wrap-box::-webkit-scrollbar-track {background-color: #fff;}
    .main .wrap-data-box:before{display:none;}
    .main .wrap-data-box .data-box .left-box .wrap-box .box{height: 321px;}    
    .main .wrap-data-box .data-box .left-box .new .txt-box .new-txt + span{padding-left:0}
    .main .wrap-data-box .data-box .left-box .new .txt-box .new-txt{flex-direction: row;padding-left: 0;}    

    /** 공지사항 **/      
    .main .wrap-noti .tit-a{font-size: 18px;padding: 15px 15px;}    
    .main .wrap-noti .txt-box{top: 73px;width: 100%;padding: 0;}
    .main .wrap-noti .right-box .txt-box a:not(.more2){padding: 15px;}   
    .main .wrap-noti .right-box .day{left: 15px;bottom: 15px;}
    .main .wrap-noti{height: 295px;padding-left: 30px;padding-right: 30px;}
    .main .wrap-noti .more2{top: -63px;}
    .main .wrap-noti .right-box li:not(:first-child){margin-left:10px;}

    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/     
    .main .w-np-box > div,
    .main .w-np-box .wrap-photonews-box{margin-right: 30px;}                
    .main .w-np-box{flex-wrap: wrap;width: 100%;justify-content: space-between;padding: 30px 30px 30px 30px;}    
    .main .w-np-box [class*="wrap-"]{width: calc(50% - 10px);}
    .main .w-np-box .wrap-pl-box,
    .main .w-np-box .wrap-board-box,
    .main .w-np-box .wrap-photonews-box,
    .main .w-np-box .wrap-minister-box{margin-right: 0;}            
    .main .w-np-box .wrap-photonews-box,
    .main .w-np-box .wrap-minister-box{margin-top: 30px;}    
    .main .w-np-box .swiper-box .swiper-slide a img,
    .main .w-np-box .wrap-pl-box .img-box a img{height: 100%;width: auto;top:0;left: 50%;transform: translate(-50%,-0);}
    .main .w-np-box .swiper-slide a,
    .main .w-np-box .wrap-pl-box .img-box a{background-color:#f1f1f1;}    
    .main .w-np-box .wrap-minister-box{min-width: auto;padding: 0;height: auto;}
    .main .w-np-box .wrap-minister-box .title1{font-size: 20px;}
    .main .w-np-box .wrap-minister-box .title2{font-size: 30px;}
    .main .w-np-box .wrap-minister-box .txt{margin-top: 15px;font-size: 15px;}
    .main .w-np-box .wrap-minister-box:after{left: auto;right: 34%;width: 116px;height: 132px;bottom: 33px;}
    .main .w-np-box .wrap-minister-box .btn-box button{height: 55px;font-size: 16px;}
    .main .w-np-box .swiper-slide .txt{font-size: 16px;padding: 18px 26px;}
    .main .w-np-box .wrap-minister-box:before{width: 42%;height: 100%;}
    .main .w-np-box .swiper-slide a{padding-top: 50%;}
    .main .w-np-box .wrap-pl-box .img-box a{padding-top: 50%;}

    /** 협업 인플루언서 **/
    .main .wrap-in-box .w-in-box{flex-wrap:wrap;}
    .main .w-in-box .slide-box,
    .main .w-in-box .mail-box{width:100%;}
    .main .w-in-box .mail-box{display: flex;justify-content: space-between;margin-left:0;margin-top: 20px;}
    .main .w-in-box .mail-box li:not(:first-child){margin-top:0;}
    .main .w-in-box .mail-box li{width:100%;}    
    .main .w-in-box .mail-box .list1{margin-right:10px;}
    .main .w-in-box .mail-box .list2{margin-left:10px;}
    .main .w-in-box .img-box{padding-top: 56.5%;}
    .main .w-in-box .swiper-navi a{width: 50px;height: 50px;}
    .main .w-in-box .swiper-navi .swiper-prev{left: -16px;}
    .main .w-in-box .swiper-navi .swiper-next{right: -17px;}
    .main .w-in-box .more2{left: auto;right: 30px;}
    .main .w-in-box .slide-box #slide-in{padding:0;}
}
/** 1024px 이상 끝 **/

/** 900px 이상 시작 **/
@media screen and (max-width:900px){
    /** 공지사항 **/
    .main .wrap-noti{flex-wrap:wrap;height: 548px;}
    .main .wrap-noti .left-box{width: 100%;margin-right:0;}
    .main .wrap-noti .right-box{width: 100%;margin-left:0;margin-top: 30px;}
    .main .wrap-noti .right-box li:last-child{display:block;}
    .main .wrap-noti .right-box .day{margin-top: 0;}
    .main .wrap-noti .right-box .txt-box a:not(.more2){height: 170px;}
    .main .wrap-noti .right-box .noti-txt{margin: 0;}
}
/** 900px 이상 끝 **/

/** 767px 이상 시작 **/
@media screen and (max-width:767px){  
    /** 메인 슬라이드 **/
    .main .wrap-main-slide .swiper-navi{height: 40px;}
    .main .wrap-main-slide .swiper-navi .swiper-pagination{font-size: 16px;}
    .main .wrap-main-slide .swiper-navi .swiper-pagination .c-num, 
    .main .wrap-main-slide .swiper-navi .swiper-pagination .swiper-pagination-current{font-size: 18px;}     
    .main .top-box{padding: 0 20px;}    

    /** 자주 사용하는 메뉴 **/
    .main .menu-box{margin: 30px 0 0 0;padding: 20px;}

    /** 사실은 이렇습니다 **/
    .main .wrap-mark-box a{flex-wrap:wrap;box-shadow: none;background-image: none;}
    .main .wrap-mark-box .txt{width: calc(100% - 0px);padding: 10px 75px 10px 20px;border-radius: 10px;background-color:#6d319f;}
    .main .wrap-mark-box .title{width:100%;padding-left: 0;min-height: auto;margin-bottom: 10px;}   
    .main .wrap-mark-box{box-shadow:none;padding: 30px 20px;}
    .main .wrap-mark-box .txt:before{display:none;}
    .main .wrap-mark-box .txt:after{right: 20px;width: 35px;height: 35px;background-size: contain;}    

    /** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/
    .main .wrap-data-box .data-box .left-box .wrap-box li .box li:not(.new){width: 100%;margin-top: 15px;}
    .main .wrap-data-box .data-box .left-box .wrap-box .new-box > .box li{margin-top: 0px !important;}
    .main .wrap-data-box .data-box .left-box .wrap-box .box{padding: 0 20px;height: 488px;}
    .main .wrap-data-box .data-box .left-box{width: calc(100% - 40px);height: 544px;padding-left: 20px;padding-right: 20px;margin: 0 20px;} 
    .main .wrap-data-box .data-box .left-box .wrap-box li:not(.new-box) .box li:last-child{display: flex;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box{padding: 0 20px;}    
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{width: calc(50% - 2%);margin: 3% 0 0 0;}
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li > a{padding-top:71%;}
    .main .wrap-data-box .data-box .right-box{margin-top: 40px;padding: 0 20px 82% 20px;}
    .main .wrap-data-box .new-box .day{width: 75px;height: 75px;}    
    .main .wrap-data-box .new-box .month{font-size: 27px;}        

    /** 공지사항 **/
    .main .wrap-noti{padding-top: 30px;padding-left: 20px;padding-right: 20px;}    

    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/ 
    .main .w-np-box .wrap-minister-box .btn-box button{height: 50px;font-size: 15px;}
    .main .w-np-box .wrap-minister-box:before{width: 45%;bottom: 33px;}   
    .main .w-np-box .title i{font-size: 20px;}
    .main .w-np-box{padding: 30px 20px 30px 20px;}
    .main .w-np-box .wrap-minister-box:after{width: 100px;height: 117px;bottom: 24px;}
    .main .w-np-box .wrap-minister-box .title1{font-size: 18px;}
    .main .w-np-box .wrap-minister-box .title2{font-size: 25px;}
    .main .w-np-box .wrap-minister-box .txt{margin-top: 10px;font-size: 14px;}

    /** 협업 인플루언서 **/
    .main .w-in-box .slide-box .swiper-slide .txt{padding: 16px 20px;height: 65px;}
    .main .w-in-box .mail-box{margin-top: 14px;}
    .main .w-in-box .title-box,
    .main .w-in-box .more2{top: 20px;}
    .main .w-in-box .more2{top: 24px;right: 20px;}
    .main .wrap-in-box .w-in-box{padding: 65px 20px 20px 20px;}    
    .main .w-in-box .title-box .title{font-size: 24px;}

    /** 정책브리핑 **/
    .briefing{max-width: 1500px;margin:0 auto;padding: 36px 20px 46px 20px;}

    /** 배너 **/
    .main .wrap-banner-box .swiper-box{padding:20px 0 20px 0;}
    .main .wrap-banner-box .swiper-navi1{top: 25px;}
    .main .wrap-banner-box{padding: 0 20px;}
}
/** 767px 이상 끝 **/

/** 635px 이상 시작 **/
@media screen and (max-width:635px){
    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/
    .main .w-np-box [class*="wrap-"]{width: calc(100% - 0px);}
    .main .w-np-box [class*="wrap-"]:not(:first-child){margin-top: 30px;}        
    .main .w-np-box{padding: 30px 20px 30px 20px;}    
    .main .w-np-box .wrap-minister-box:before{height: 214px;bottom: 28px;background-position: bottom right;}
    .main .w-np-box .wrap-minister-box:after{right: 148px;width: 107px;height: 111px;bottom: 32px;}
    .main .w-np-box .wrap-minister-box{padding: 15px 0 0 15px;height: 257px;}
    .main .w-np-box .wrap-minister-box .title1{font-size: 20px;}
    .main .w-np-box .wrap-minister-box .title2{font-size: 30px;}
    .main .w-np-box .wrap-minister-box .txt{font-size: 18px;}    

    /** 협업 인플루언서 **/
    .main .w-in-box .mail-box{flex-wrap:wrap;}
    .main .w-in-box .mail-box .list1{margin-right:0;}
    .main .w-in-box .mail-box .list2{margin-left:0;}
    .main .w-in-box .mail-box li:not(:first-child){margin-top: 10px;}
    .main .w-in-box .mail-box{margin-top: 10px;}
    .main .w-in-box .mail-box .title, 
    .main .w-in-box .mail-box .txt{display: block;}    
    .main .w-in-box .mail-box .txt{margin-top: 5px;}
    .main .w-in-box .mail-box .txt br{display:none}    
    .main .w-in-box .mail-box a{padding: 15px 70px 15px 15px;}
}
/** 635px 이상 끝 **/

/** 520px 이상 시작**/
@media screen and (max-width:520px){
    /** 자주 사용하는 메뉴 **/
    .main .menu-box li{width: calc(50% - 5px);margin-top: 10px;}  

    /** 공지사항 **/    
    .main .wrap-noti .tit-a{font-size: 17px;}    
    .main .wrap-noti .w-box{padding: 0px 50px 2px 0;}
    .main .wrap-noti .noti-txt{font-size: 15px;}
    .main .wrap-noti .day{font-size:14px;}
    .main .wrap-noti .more2{right:0;}
    .main .wrap-noti .right-box ul{flex-wrap:wrap;}    
    .main .wrap-noti .right-box .txt-box a:not(.more2){height: 101px;padding: 10px 15px;}
    .main .wrap-noti .right-box li:not(:first-child){margin-left:0;margin-top:14px;}
    .main .wrap-noti .right-box .noti-txt{-webkit-line-clamp: 1;}
    .main .wrap-noti .right-box .title.new-txt{flex-direction: row;padding-left: 0;}
    .main .wrap-noti .right-box .title .new-icon{margin: 1px 0 0 0;}
    .main .wrap-noti .right-box .day{bottom: 10px;}

    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/ 
    .main .w-np-box{padding: 190px 20px 30px 20px;}   

    /** 협업 인플루언서 **/
    .main .w-in-box .img-box{height: auto;padding-top: 56.5%;}
    .main .w-in-box .slide-box .swiper-slide{padding-bottom:0;}    
}
/** 520px 이상 끝 **/

/** 414px 이상 시작 **/
@media screen and (max-width:414px){
    /** 자주 사용하는 메뉴 **/    
    .main .menu-box{margin: 20px 0 0 0;}
    .main .menu-box .title{font-size: 18px;}  
    .main .menu-box li{width: calc(100% - 0px);}
    .main .menu-box a{padding: 15px 20px 15px 65px;text-align: left;font-size: 14px;}
    .main .menu-box a:before{top: 0;left: 20px;width: 30px;height: 100%;background-size: contain;}

    /** 사실은 이렇습니다 **/
    .main .wrap-mark-box .txt{padding: 10px 20px;font-size: 17px;}
    .main .wrap-mark-box .txt:after{display:none;}

    /** 정책뉴스 / 보도자료 / 설명자료 / 최신소식 **/
    .main .wrap-data-box .data-box .left-box li.on > .title{font-size: 24px;}    
    .main .wrap-data-box .data-box .left-box .wrap-box li .box li{flex-wrap: wrap;margin-top: 0;}    
    .main .wrap-data-box .data-box .left-box .new .title-box{display: flex;width: 100%;align-items: center;}    
    .main .wrap-data-box .data-box .left-box .new .title-box .day{margin: 0;position: absolute;top: 50%;left: 124px;font-size: 14px;transform: translateY(-50%);letter-spacing: 0;}    
    .main .wrap-data-box .data-box .left-box .new .title-box .day:before{content:".";display:block;position:absolute;top:0;left: 0px;}
    .main .wrap-data-box .data-box .left-box .title-box{margin-right:0;}
    .main .wrap-data-box .data-box .left-box .txt-box .noti-txt{-webkit-line-clamp: 1;width: 100%;}
    .main .wrap-data-box .data-box .left-box .txt-box .new-txt .noti-txt{width: calc(100% - 24px);}
    .main .wrap-data-box .data-box .left-box .txt-box span{-webkit-line-clamp: 1;}
    .main .wrap-data-box .data-box .left-box .wrap-box li .box .new .txt-box{width:100%;margin-top: 10px;border-left: 0;padding-left: 0;}    
    .main .wrap-data-box .data-box .left-box .txt-box a{padding-left: 8px;}
    .main .wrap-data-box .data-box .left-box .title-box .title{width: 60px;}  
    .main .wrap-data-box .data-box .left-box{height: 495px;} 
    .main .wrap-data-box .data-box .right-box .wrap-box .img-box > ul > li{width: calc(100% - 0%);margin: 3% 0 0 0;}        
    .main .wrap-data-box .data-box .right-box .wrap-box > li.on > a{font-size: 24px;}            
    .main .wrap-data-box .new-box > .box li a{padding: 14px 0;}
    .main .wrap-data-box .new-box .box li:first-child a{padding: 10px 0;}
    .main .wrap-data-box .new-box > .box .day{width: 68px;height: 58px;border-radius: 10px;}
    .main .wrap-data-box .new-box .box li a strong{padding-left: 10px;}
    .main .wrap-data-box .new-box .month{font-size: 20px;}
    .main .wrap-data-box .data-box .left-box .wrap-box li:not(.new-box) .box li:not(.new){margin-top: 10px;}
    .main .wrap-data-box .data-box .left-box .new .txt-box .noti-txt{font-size: 18px;}    
    .main .wrap-data-box .data-box .left-box .wrap-box li .box li .txt-box{width: calc(100% - 60px);}
    .main .wrap-data-box .data-box .left-box .new .title-box .year{margin-left: 10px;}
    .main .wrap-data-box .data-box .left-box .wrap-box .box{height: 421px;}
    .main .wrap-data-box .data-box .right-box{margin-top: 11px;padding: 0 20px 284% 20px;}
    .main .wrap-data-box .new-box > .box strong .noti-txt{font-size: 16px;}

    /** 공지사항 **/
    .main .wrap-noti .tit-a{padding: 15px;border-radius: 5px;}     
    .main .wrap-noti .left-box:before,
    .main .wrap-noti .right-box:before{display:block;}    

    /** 온통광장 / 알림판 / 포토뉴스 박상우 **/ 
    .main .w-np-box .title i{font-size: 20px;}    
    .main .w-np-box .wrap-minister-box .title1{font-size: 15px;}
    .main .w-np-box .wrap-minister-box .title2{font-size: 24px;}
    .main .w-np-box .wrap-minister-box .txt{font-size: 14px;}
    .main .w-np-box .wrap-minister-box:after{bottom: 35px;right: 144px;width: 90px;height: 90px;background-size: contain;}
    .main .w-np-box .wrap-minister-box:before{width: 165px;}
    .main .w-np-box .wrap-pl-box .img-box a{padding-top: 73%;}
    .main .w-np-box .swiper-slide a{padding-top: 73%;}
    .main .w-np-box .swiper-box .swiper-slide a img, 
    .main .w-np-box .wrap-pl-box .img-box a img{width:100%;}
    .main .w-np-box .swiper-slide .txt{font-size: 14px;padding: 10px 20px;}

    /** 협업 인플루언서 **/
    .main .w-in-box .swiper-navi a{top:40%}
    .main .w-in-box .mail-box a{padding: 20px 38px 20px 20px;}
    .main .w-in-box .mail-box a:before{width: 40px;height: 40px;background-size: 50%;}
    .main .w-in-box .title-box .title,
    .main .w-in-box .title-box .txt{display:block}
    .main .w-in-box .title-box .txt{margin-left:0px;}
    .main .w-in-box .title-box{left:20px;}
    .main .wrap-in-box .w-in-box{padding: 77px 20px 20px 20px;}    

    /** 배너 **/
    .main .wrap-banner-box .slider-cont{margin-left: 150px;}
}
/** 414px 이상 끝 **/

/** 320px 이상 시작 **/
@media screen and (max-width:320px){
    .main .w-np-box .wrap-minister-box:before{width: 145px;}
    .main .w-np-box .wrap-minister-box:after{right: 128px;width: 80px;height: 80px;}
    .main .w-np-box .wrap-minister-box .txt{font-size: 14px;}
    .main .w-np-box .wrap-minister-box{padding: 0;}
    .main .w-np-box .wrap-minister-box{height: 217px;}
}
/** 320px 이상 끝 **/


/* 링크 버튼 ver01 */
#con .btn-move {display: inline-block; padding: 5px 5px; font-size: 1rem; vertical-align: middle; background-color: transparent;}
#con .btn-move > span {padding: 5px 50px 5px 5px; background-image: url(/images/www2024/images2024/layout/i_link_after_edit.svg); background-repeat: no-repeat; background-size: 30px; background-position: center right 15px;/* color:#000; font-weight: 800; transition:background .3s;*/}

/* interaction */
#con .btn-move:focus > span,
#con .btn-move:hover > span {background-image: url(/images/www2024/images2024/layout/i_link_after_edit.svg); background-position: center right 6px;}