@import url("../css/reset.css");

/* 서브레이아웃 */
#contents {padding-bottom: 80px;line-height: 1.5;}
.en_main:not(:has(.en_contents)) #contents {padding-bottom: 0px;}
#contents:has(.Work_scope_list ) {padding-bottom: 50px;}

/* 서브비주얼 */
#sub_visual .sub_vis {position: relative; height: 200px; background: url(../images/sub/vis01.png) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.vis01 { background: url(../images/sub/vis01.png) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.vis02 { background: url(../images/sub/vis02.png) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.vis03 { background: url(../images/sub/vis03.png) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.vis04 { background: url(../images/sub/vis04.png) no-repeat center center; background-size: cover;}
#sub_visual:has(+.ai_search_wrap2) .sub_vis.ver2 { border-bottom: 0;}
#sub_visual .sub_vis.ver2.ai_vis { border-bottom: 0;}
#sub_visual .sub_vis.ver2 {background: none; border-bottom: 1px solid #D8D8D8;}
#sub_visual .sub_vis.bd0 { border-bottom: 0;}
#sub_visual .sub_vis .inner {position: relative; display: flex; padding: 20px; height: 100%; gap: 30px;}
#sub_visual .sub_vis .title_wrap {width: 100%; }
#sub_visual .sub_vis .title_wrap h2 {margin-top: 15px; font-size: 48px; font-weight: 700;color: #fff;}
#sub_visual .sub_vis.ver2 .title_wrap h2 {color: #000;}
#sub_visual .sub_vis .title_wrap .breadcrumb { display: flex; align-items: center; gap: 8px; margin-top: 8px; justify-content: flex-end;}
#sub_visual .sub_vis .title_wrap .breadcrumb li {display: flex; align-items: center;}
#sub_visual .sub_vis .title_wrap .breadcrumb li::after {content: ''; width: 8px; height: 16px; background: url(../images/sub/ic_arrow_r.svg) no-repeat center center; background-size: cover; margin-left: 8px;}
#sub_visual .sub_vis.ver2 .title_wrap .breadcrumb li::after {background: url(../images/sub/ic_arrow_r2.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis .title_wrap .breadcrumb li.on_depth {text-decoration: underline;color:#fff;text-underline-offset: 2px;}
#sub_visual .sub_vis.ver2 .title_wrap .breadcrumb li.on_depth {color:#000;}
#sub_visual .sub_vis .title_wrap .breadcrumb li.on_depth::after {display: none;} 
/* #sub_visual .sub_vis .title_wrap .breadcrumb li.on_depth::after {width: 16px; height: 16px; background: url(../images/sub/ic_depth.svg) no-repeat center center; background-size: cover;} */
#sub_visual .sub_vis .title_wrap .breadcrumb li a {font-size: 18px; font-weight: 400; color: #fff;}
.en_main #sub_visual .sub_vis .title_wrap .breadcrumb li a {letter-spacing: -0.4px;}
#sub_visual .sub_vis .title_wrap .breadcrumb li a:hover {text-decoration: underline;}
#sub_visual .sub_vis.ver2 .title_wrap .breadcrumb li a {color: #000;}
#sub_visual .sub_vis .title_wrap .breadcrumb li.on_depth a {font-weight: 700;} 
#sub_visual .sub_vis.ver2 .title_wrap .breadcrumb li.on_depth a {color: #0C2B80;} 
#sub_visual .sub_vis .title_wrap .breadcrumb li.btn_home a {width: 24px;height: 24px;background: url(../images/sub/ic_home.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.ver2 .title_wrap .breadcrumb li.btn_home a {background: url(../images/sub/ic_home2.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis .share {position: relative; display: flex;gap: 10px;margin-left: auto;}
#sub_visual .sub_vis .share .link{width: 48px;height: 48px;background: url(../images/sub/ic_share.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis.ver2 .share .link{background: url(../images/sub/ic_share2.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis .share .print{width: 48px;height: 48px;background: url(../images/sub/ic_print.svg) no-repeat center center; background-size: cover; }
#sub_visual .sub_vis.ver2 .share .print{background: url(../images/sub/ic_print2.svg) no-repeat center center; background-size: cover; }
#sub_visual .sub_vis .share .share_box {display: none; position: absolute; top: 60px; right: 60px; height: fit-content; background: #fff; border: 1px solid #0C2B80; border-radius: 20px; padding: 45px 20px 20px;}
#sub_visual .sub_vis .share .share_box .share_list {display: flex; gap: 10px; justify-content: center; align-items: center; ; }
#sub_visual .sub_vis .share .share_box .btn_close {position: absolute; top: 10px; right: 20px; width: 24px; height: 24px; background: url(../images/sub/btn_close.svg) no-repeat center center; background-size: cover;}
#sub_visual .sub_vis .share .link.on + .share_box {display: block;}

/* 서브탭메뉴(슬라이드X) */
.tab_menu {margin-bottom: 60px;}
.tab_menu ul {display: flex; width: 100%; gap: 10px; justify-content: center;}
.tab_menu ul li {display: flex; justify-content: center; align-items: center; width: fit-content;}
.tab_menu ul li a {height: 50px; line-height: 50px; color: #000;font-size: 18px;font-weight: 500; padding: 0 24px; border-radius: 50px; border: 1px solid #d8d8d8;}
.tab_menu ul li.on a {background: #0C2B80; border: 1px solid #0C2B80; color: #fff;}

/* 서브탭메뉴 */
.sub_tab_wrap {position: relative;overflow: hidden;border-bottom: 1px solid #D8D8D8;}
.sub_tab_wrap .inner {position: relative;}
.sub_tab_wrap .tab_swiper {position: relative; overflow: hidden; padding: 0 40px;}
.sub_tab_wrap .tab {display: flex; margin: 0; }
.sub_tab_wrap .tab.wd50 {justify-content: center;}
.sub_tab_wrap .tab.wd50 li {width: 50%;}
.sub_tab_wrap .tab li {position: relative; height: 60px; width: fit-content; display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex: 1; padding: 0 20px;}
.en_main .sub_tab_wrap .tab li {padding: 0 14px;}
.sub_tab_wrap .tab li::after { content: ''; width: 1px; height: 24px; background: #D8D8D8; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.sub_tab_wrap .tab li:last-of-type::after { display: none;}
.sub_tab_wrap .tab li a {position: relative; width: fit-content; font-size: 18px; font-weight: 700;color: #505557; white-space: nowrap; }
.en_main .sub_tab_wrap .tab li a {letter-spacing: -0.6px; }
.sub_tab_wrap .tab li a:hover {color: #007F6D; }
.sub_tab_wrap .tab li.on a { color: #0C2B80;}
.sub_tab_wrap .tab li a::before { content: ''; width: 0; height: 2px; background: transparent; position: absolute; left: 50%; transform: translateX(-50%); bottom: -19px; transition: all 0.2s ease-in-out;}
.en_contents .sub_tab_wrap .tab li a::before { bottom: -16px;}
.sub_tab_wrap .tab li.on a::before { width: 100%; background: #0C2B80; }

.sub_tab_wrap .tab_swiper_btn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; display: none;}
.sub_tab_wrap .tab_swiper_btn button {z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; cursor: pointer; pointer-events: auto;}
.sub_tab_wrap .tab_swiper_btn .tab_swiper_prev {left: 5px; background: url(../images/common/btn_prev.png) no-repeat center center; background-size: cover;}
.sub_tab_wrap .tab_swiper_btn .tab_swiper_next {right: 5px; background: url(../images/common/btn_next.png) no-repeat center center; background-size: cover;}
/* .sub_tab_wrap .tab_swiper_btn button.swiper-button-disabled {display: none;} */

.budget_swiper_btn_wrap .budget_swiper_btn {width: 97%; display: flex; justify-content: space-between; position: absolute; top: 310px; left: 50%; transform: translateX(-50%);} 
.budget_swiper_btn_wrap .budget_swiper_btn button {width: 46px; height: 40px;}
.budget_swiper_btn_wrap .budget_swiper_btn .budget_swiper_prev {width: 47px; background: url(../images/sub/btn_slide_prev2.svg) no-repeat center center; background-size: cover;}
.budget_swiper_btn_wrap .budget_swiper_btn .budget_swiper_next {background: url(../images/sub/btn_slide_next2.svg) no-repeat center center; background-size: cover;}

.sub_tab_depth2 .inner:has(.tab_swiper2) {position: relative; }
.sub_tab_depth2 .tab_swiper2 {overflow: hidden; padding: 40px 30px 0; margin-bottom: -20px;}
.sub_tab_depth2 .tab_swiper2 ul {display: flex; width: 100%; gap: 10px; justify-content: center;}
.sub_tab_depth2 .tab_swiper2 ul li {display: flex; justify-content: center; align-items: center; width: fit-content; }
.sub_tab_depth2 .tab_swiper2 ul li a {height: 50px; line-height: 50px; color: #000;font-size: 18px;font-weight: 500; padding: 0 24px; border-radius: 50px; border: 1px solid #d8d8d8;}
.sub_tab_depth2 .tab_swiper2 ul li a .num {color: inherit;font-size: inherit;font-weight: inherit;}
.sub_tab_depth2 .tab_swiper2 ul li.on a {background: #0C2B80; border: 1px solid #0C2B80; color: #fff;}
.sub_tab_depth2 .tab_swiper2 ul li a:hover,
.sub_tab_depth2 .tab_swiper2 ul li a:focus {text-decoration: underline;}
.tab_swiper2_pagination {pointer-events: none; opacity: 0;}

.sub_tab_depth2 .tab_swiper2_btn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;display: none;}
.sub_tab_depth2 .tab_swiper2_btn button {z-index: 10; position: absolute; top: 45px; width: 40px; height: 40px; border-radius: 100%; cursor: pointer; pointer-events: auto;}
.sub_tab_depth2 .tab_swiper2_btn .tab_swiper2_prev {left: 5px; background: url(../images/sub/btn_prev.png) #fff no-repeat center center; background-size: cover;}
.sub_tab_depth2 .tab_swiper2_btn .tab_swiper2_next {right: 5px; background: url(../images/sub/btn_next.png) #fff no-repeat center center; background-size: cover;}


.sub_tab_depth { border-bottom: 1px solid #E4E4E4; padding-bottom: 10px;}
.sub_tab_depth .tab_swiper3 {position: relative; overflow: hidden; padding: 40px 0;}
.sub_tab_depth .tab_swiper3 ul {display: flex; justify-content: flex-start; width: 100%; gap: 10px;}
.sub_tab_depth .tab_swiper3 ul li {display: flex; justify-content: center; align-items: center; width: fit-content; }
.sub_tab_depth .tab_swiper3 ul li button,
.sub_tab_depth .tab_swiper3 ul li a {height: 50px; line-height: 50px; color: #000;font-size: 18px;font-weight: 500; padding: 0 24px; border-radius: 50px; border: 1px solid #d8d8d8;}
.sub_tab_depth .tab_swiper3 ul li button .num,
.sub_tab_depth .tab_swiper3 ul li a .num {color: inherit;font-size: inherit;font-weight: inherit;}
.sub_tab_depth .tab_swiper3 ul li.on a,
.sub_tab_depth .tab_swiper3 ul li.on button {background: #0C2B80; border: 1px solid #0C2B80; color: #fff;}
.sub_tab_depth .tab_swiper3 ul li button:hover,
.sub_tab_depth .tab_swiper3 ul li a:hover,
.sub_tab_depth .tab_swiper3 ul li button:focus,
.sub_tab_depth .tab_swiper3 ul li a:focus {text-decoration: underline;}

.sub_tab_depth2 .tab_swiper4 {position: relative; overflow: hidden; padding: 0 0 100px;/* border-bottom: 1px solid #E4E4E4; */max-width: 1050px; margin: 0 auto;}
.sub_tab_depth2 .tab_swiper4 ul {display: flex; width: 100%; padding-top: 3px;}
.sub_tab_depth2 .tab_swiper4 ul li {display: flex; justify-content: center; align-items: center; width: fit-content; }
.sub_tab_depth2 .tab_swiper4 ul li button,
.sub_tab_depth2 .tab_swiper4 ul li a {height: 50px; line-height: 50px; color: #000;font-size: 18px;font-weight: 500; width: 100%; border-radius: 50px; background: #fff; border: 1px solid #d8d8d8;}
.sub_tab_depth2 .tab_swiper4 ul li button .num,
.sub_tab_depth2 .tab_swiper4 ul li a .num {color: inherit;font-size: inherit;font-weight: inherit;} 
.sub_tab_depth2 .tab_swiper4 ul li.on button,
.sub_tab_depth2 .tab_swiper4 ul li.on a {background: #0C2B80; border: 1px solid #0C2B80; color: #fff;}
.sub_tab_depth2 .tab_swiper4 ul li button:hover,
.sub_tab_depth2 .tab_swiper4 ul li a:hover,
.sub_tab_depth2 .tab_swiper4 ul li button:focus,
.sub_tab_depth2 .tab_swiper4 ul li a:focus {text-decoration: underline;}
.tab_swiper4_pagination {position: relative;z-index: 3; border-radius: 100px; height: 6px;margin: 20px auto; display: flex; display: none;}/* 251031 기능문제로 임시 숨김 */
.tab_swiper4_pagination .swiper-pagination-bullet {margin: 0 !important; background: #EEF2F6; opacity: 1;border-radius: 0; flex: 1;}
.tab_swiper4_pagination .swiper-pagination-bullet:first-of-type {border-radius: 100px 0 0 100px; }
.tab_swiper4_pagination .swiper-pagination-bullet:last-of-type {border-radius: 0 100px 100px 0; }
.tab_swiper4_pagination .swiper-pagination-bullet-active {background: #9AA2AA; border-radius: 100px !important;width: 200px;}
.tab_swiper4:has(+ .tab_swiper4_pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {display: none;}
.tab_swiper4_btn_wrap .tab_swiper4_btn {width: 83%; display: flex; justify-content: space-between; position: absolute; top: 80px;left: 50%; transform: translateX(-50%); } 
.tab_swiper4_btn_wrap .tab_swiper4_btn button {width: 40px; height: 40px;}
.tab_swiper4_btn_wrap .tab_swiper4_btn .tab_swiper4_prev {background: url(../images/sub/btn_prev.png) no-repeat center center; background-size: cover;}
.tab_swiper4_btn_wrap .tab_swiper4_btn .tab_swiper4_prev:hover {background: url(../images/sub/btn_prev_on.png) no-repeat center center; background-size: cover;}
.tab_swiper4_btn_wrap .tab_swiper4_btn .tab_swiper4_next {background: url(../images/sub/btn_next.png) no-repeat center center; background-size: cover;}
.tab_swiper4_btn_wrap .tab_swiper4_btn .tab_swiper4_next:hover {background: url(../images/sub/btn_next_on.png) no-repeat center center; background-size: cover;}
/* 예산춘추 페이드 */
.sub_tab_depth2 .tab_swiper4::before {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 3px;right: -5px; z-index: 2; width: 30px;height: 50px;background: url(../images/sub/img_blur_yellow_r.png) repeat center center;background-size: 100%; }
.sub_tab_depth2 .tab_swiper4::after {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 3px;left: -5px; z-index: 1; width: 30px;height: 50px;background: url(../images/sub/img_blur_yellow_l.png) repeat center center;background-size: 100%; }
.sub_tab_depth2 .tab_swiper4.sliding::before {opacity: 1;}
.sub_tab_depth2 .tab_swiper4.sliding::after {opacity: 1;}
.sub_tab_depth2 .tab_swiper4:has(ul li:last-child.swiper-end)::before {opacity: 0;}
.sub_tab_depth2 .tab_swiper4:has(ul li:last-child.on)::before {opacity: 0;}
.sub_tab_depth2 .tab_swiper4:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}

/* 게시판 */
.board_wrap {position: relative; margin-top: 60px;}
.board_wrap:has(.thesis_bg_box.type2) {margin-top: 40px;}
.board_wrap.mt0 {margin-top: 0;}
.board_wrap .sky_box {background: #EEF2F6; border-radius: 10px; padding: 40px; }
.board_wrap .sky_box p {font-size: 18px; }
.board_wrap .sky_box.mgb40 {margin-bottom: 40px; }
.board_wrap .sky_box + .board_option {margin-top: 20px;}
.board_wrap .sky_box.search_area {margin-top: 0;/* border-bottom: 1px solid #d8d8d8;  */border-radius: 0; max-width: 853px; width: 100%; padding: 20px 0; display: none;}
.board_wrap .sky_box.flex {display: flex; align-items: center; gap: 40px;}
.board_wrap .search_area {display: flex; flex-direction: column; align-items: center;gap: 10px; border-radius: 0 0 20px 20px; }
.board_wrap .search_area.active {display: flex; }
.board_wrap .search_area .select_wrap {width: 108px; }
.board_wrap .search_area .search_period {display: flex; justify-content: center; align-items: center;gap: 6px;}
.board_wrap .search_area .search_period .input_date {width: 170px;}
.board_wrap .search_area .search_period .input_date input {height: 50px;}
.board_wrap .search_area .search_period .input_date input:not(:placeholder-shown),
.board_wrap .search_area .search_period .input_date input:focus {border-color: #000;}
.board_wrap .search_area .search_period .btn_basic {padding: 10px;}
.board_wrap .search_area .search_area_inner {width: 100%;display: flex;gap: 6px;}
.board_option .tit {flex-shrink: 0; font-size: 18px; font-weight: 700; color: #222424;width: 88px;text-align: left;}
.board_wrap .sky_box .txt {font-size: 18px; font-weight: 400;line-height: 1.5;}
.board_wrap .sky_box .tip {font-size: 16px; font-weight: 400; color: #505557; display: block; margin-top: 20px;}
.board_view_wrap {margin-top: 40px;}
.board_view_wrap .mini_tit {font-size: 22px; font-weight: 400; color: #000; display: block; margin-bottom: 5px;}
.board_view_wrap .title_area {position: relative; display: flex; justify-content: space-between; gap: 40px;}
.board_view_wrap .title_area .tit {font-size: 38px; font-weight: 700; color: #000;letter-spacing: -3px; line-height: 1.3;}
.board_view_wrap .title_area:has(.qr_img) .tit {width: calc(100% - 104px);}
.board_view_wrap .title_area .qr_img {position: absolute; top: 0; right: 0; flex-shrink: 0; width: 64px; height: 81px;}
.board_view_wrap .title_area .qr_box {display: none; position: absolute; top: 0; right: 0; height: fit-content; background: #fff; border: 1px solid #0C2B80; border-radius: 20px; padding: 60px 40px 40px; text-align: center;}
.board_view_wrap .title_area .qr_img.on + .qr_box {display: block;}
.board_view_wrap .title_area .qr_box .btn_close {position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background: url(../images/sub/btn_close.svg) no-repeat center center; background-size: cover;}
.board_view_wrap .title_area .qr_box .btn_save {display: inline-flex; align-items: center; font-size: 16px;font-weight: 500;color: #444646; background: #EEF2F6; border: 1px solid #d8d8d8; padding: 0px 16px; height: 50px; border-radius: 10px; margin-top: 10px;}
.board_view_wrap .title_area .qr_box .btn_save:hover {background: #fff; color: #000;}
.board_view_wrap .title_area .qr_box .search_box {display: flex;margin-bottom: 10px;}
.board_view_wrap .title_area .qr_box .search_box input {border-radius: 10px 0 0 10px;}
.board_view_wrap .title_area .qr_img img {max-width: 100%;}
.board_view_wrap .view_info ul {display: flex; margin: 10px 0 20px;}
.board_view_wrap .view_info ul li {color: #444646; font-size: 18px; font-weight: 400; padding: 0 20px; line-height: 1; border-left: 1px solid #d8d8d8; display: flex; justify-content: center; align-items: center; gap: 2px;}
.board_view_wrap .view_info ul li:first-child {padding-left: 0;border-left: 0;}
.board_view_wrap .view_info ul li::before {content: ''; flex-shrink: 0; width: 20px; height: 20px;}
.board_view_wrap .view_info ul li.date::before {background: url(../images/sub/ic_cal2.svg) no-repeat center center; background-size: cover; }
.board_view_wrap .view_info ul li.name::before {background: url(../images/sub/ic_book.svg) no-repeat center center; background-size: cover; }
.board_view_wrap .view_info ul li.view {gap:4px; }
.board_view_wrap .view_info ul li.view::before {background: url(../images/sub/ic_eye.svg) no-repeat center center; background-size: cover; }
.board_view_wrap .file_wrap {background: #EEF2F6; border-radius: 20px; padding: 30px;}
.board_view_wrap .file_wrap ul {display: flex; flex-direction: column; gap: 10px;}
.board_view_wrap .file_wrap ul:has(.btn_wrap) {gap: 2px;}
.board_view_wrap .file_wrap ul li {display: flex; align-items: center;}
/* .board_view_wrap .file_wrap ul li + li {margin-top: 10px;} */
/* .board_view_wrap .file_wrap ul li:has(.btn_wrap) + li {margin-top: 2px;} */
/* .board_view_wrap .file_wrap ul li + li:has(.btn_wrap) {margin-top: 2px;} */
.board_view_wrap .file_wrap ul li button,
.board_view_wrap .file_wrap ul li a {display: flex; align-items: center; font-size: 16px;font-weight: 500;color: #444646;}
.board_view_wrap .file_wrap ul li .file_name {margin-right: 20px;align-items: flex-start; max-width: calc(100% - 202px);}
.board_view_wrap .file_wrap ul li .file_name:hover {text-decoration: underline;}
.board_view_wrap .file_wrap ul li .file_name::before {content: '';flex-shrink: 0; width: 20px;height: 20px;background: url(../images/sub/ic_file.svg) no-repeat center center; background-size: cover; margin-right: 10px;}
.board_view_wrap .file_wrap ul li .file_name.type_pdf::before {background: url(../images/sub/ic_file_pdf.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_xls::before {background: url(../images/sub/ic_file_xls.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_hwp::before {background: url(../images/sub/ic_file_hwp.png) no-repeat center center; background-size: cover;}

.board_view_wrap .file_wrap ul li .file_name.type_bmp::before {background: url(../images/sub/ic_file_img.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_csv::before {background: url(../images/sub/ic_file_xls.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_doc::before {background: url(../images/sub/ic_file_doc.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_docx::before {background: url(../images/sub/ic_file_doc.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_gif::before {background: url(../images/sub/ic_file_img.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_hwpx::before {background: url(../images/sub/ic_file_hwp.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_hwt::before {background: url(../images/sub/ic_file_hwp.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_hwtx::before {background: url(../images/sub/ic_file_hwp.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_jpeg::before {background: url(../images/sub/ic_file_img.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_jpg::before {background: url(../images/sub/ic_file_img.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_png::before {background: url(../images/sub/ic_file_img.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_txt::before {background: url(../images/sub/ic_file_txt.png) no-repeat center center; background-size: cover;}
.board_view_wrap .file_wrap ul li .file_name.type_xlsx::before {background: url(../images/sub/ic_file_xls.png) no-repeat center center; background-size: cover;}
.btn_wrap:has(.file_excel) {gap: 15px;}
.board_view_wrap .file_wrap ul li .file_excel {flex-shrink: 0; display: flex; justify-content: center; align-items: center; gap: 4px; height: 40px; background: #0C2B80;color: #fff; border-radius: 10px; border: 1px solid #0C2B80; padding: 0 10px;}
.board_view_wrap .file_wrap ul li .file_excel::before {content: '';flex-shrink: 0; margin-top: -2px; width: 18px;height: 18px;background: url(../images/sub/ic_down2.svg) no-repeat center center; background-size: cover; margin-right: 4px;}
.board_view_wrap .file_wrap ul li .btn_view {flex-shrink: 0; display: flex; justify-content: center; align-items: center; height: 40px; background: #fff;color: #000; border-radius: 10px; border: 1px solid #d8d8d8; padding: 0 10px; gap: 4px;}
.board_view_wrap .file_wrap ul li .btn_view::before {content: ''; flex-shrink: 0; width: 18px;height: 18px;background: url(../images/sub/ic_serarch.svg) no-repeat center center; background-size: cover;}
.board_view_wrap .content {width: 100%; }
.board_view_wrap .content + .btn_wrap {margin-top: 40px;}
.board_view_wrap .content .content_inner {padding: 40px 40px 60px; line-height: 2;}
.board_view_wrap .content .content_inner p {line-height: 1.5;}
.board_view_wrap .content .content_inner img {max-width: 100%;height: auto !important;}
.board_view_wrap .content .content_inner .toc_wrap {margin-top: 80px;}
.board_view_wrap .content .content_inner .toc { padding-bottom: 12px; border-bottom: 1px solid #E4E4E4;}
.board_view_wrap .content .content_inner .toc h2 {font-size: 26px !important; line-height: 1;}
.board_view_wrap .content .content_inner .toc span {font-size: 18px; }
.board_view_wrap .content .content_inner .toc_list {line-height: 1.7;}
.board_view_wrap .content .content_inner .toc_list a {color: #000; font-size: 18px;font-weight: 400;}
.board_view_wrap .content .content_inner .toc_list a:hover {color: #0C6EBF;}
.board_view_wrap .content .content_inner .toc span {font-size: 15px;}
.board_view_wrap .content .content_inner .toc_list > li > span {display: block;}
.board_view_wrap .content .content_inner .toc_list > li small {margin-left: 10px;font-size: 18px;color: #505557;font-weight: 400;}
/* .board_view_wrap .content .content_inner .toc_list > li + li {margin-top: 20px;} */

.toc_tab {padding: 30px 50px 26px; border-bottom: 1px solid #E4E4E4}
.toc_tab .toc_title .btn_toc {position: relative;}
.toc_tab .toc_title .btn_plus {position: absolute; width: 16px; height: 16px; position: absolute; top: 9px; left: -32px;}
.toc_tab .toc_title .btn_plus::before {content: ''; display: flex; width: 16px; height: 2px; background: #000;}
.toc_tab .toc_title .btn_plus::after {content: ''; display: flex; width: 2px; height: 16px; background: #000; position: absolute; top: -7px; left: 7px; transition: all 0.3s;}
.toc_tab .toc_title .btn_toc.active .btn_plus::after {transform: rotate(90deg); opacity: 0;}
.toc_tab .toc_list {height: 0; overflow: hidden; transition: max-height 0.3s ease-out;}
.toc_tab .toc_list.active {height: auto; transition: max-height 0.5s ease-in; margin-top: 20px;}

/* toc_tab이 하나만 있을 때 btn_plus 제거 */
.toc_tab.single-tab .toc_title .btn_plus::before,
.toc_tab.single-tab .toc_title .btn_plus::after {display: none;}

.board_view_wrap .content .content_inner .toc_list > li ul {padding-left: 20px;}
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title) {font-size: 18px;}
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:1px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 1px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:2px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 2px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:3px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 3px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:4px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 4px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:5px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 5px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:6px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 6px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:7px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 7px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:8px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 8px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:9px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 9px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:10px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 10px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:11px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 11px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:12px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 12px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:13px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 13px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:14px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 14px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:15px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 15px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:16px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 16px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size:17px"],
.board_view_wrap .content .content_inner *:not(.open_wrap):not(.toc_title)[style*="font-size: 17px"] {font-size: 18px !important;}
.board_view_wrap .content .content_inner .toc_title {font-size: 18px; line-height: 1.5;}
.board_view_wrap .content .bookmark_list li a {font-size: 18px !important; font-weight: 400; color: #000 !important; }
.open_wrap {background: #F3F8FD; border-radius: 20px; padding: 40px; margin-top: 60px; display: flex; gap: 20px;}
.open_wrap .img_wrap {flex-shrink: 0;}
.open_wrap .img_wrap img {max-width: 100%;}
.open_wrap .tip {font-weight: 400;font-size: 18px;color: #7D898F;line-height: 32px; }
.open_wrap .tip em {font-weight: 400;font-size: inherit;}
.open_wrap .tip span {font-weight: inherit;font-size: inherit;color: inherit;display: inline-block; margin-top: 10px;}
.open_wrap .tip .txt_blue {color: #0C2B80;font-weight: 700; text-decoration: underline;}
.open_wrap .tip .txt_black {color: #000;}
.board_btn_wrap {margin-top: 40px; border-radius: 20px;overflow: hidden;}
.board_btn_wrap div {display: flex;width: 100%; text-align: left; }
.board_btn_wrap div span {display: inline-block; padding: 18px 30px; font-size: 18px; font-weight: 400; }
.board_btn_wrap div a:focus,
.board_btn_wrap div a:hover {text-decoration: underline; }
.board_btn_wrap div .text_wrap {width: calc(100% - 160px); border-bottom: 1px solid #D8D8D8; font-weight: 400;}
.board_btn_wrap div .text_wrap a.board_no_data {color: #a0a0a0; pointer-events: none; cursor: default;}
.board_btn_wrap div:first-child .text_wrap {border-top: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; border-radius: 0 20px 0 0; }
.board_btn_wrap div:last-child .text_wrap { border-right: 1px solid #D8D8D8; border-radius: 0 0 20px 0; }
.board_btn_wrap div .prev {border-bottom: 1px solid #D8D8D8; }
.board_btn_wrap div .prev,
.board_btn_wrap div .next {display: flex; align-items: center; width: 160px; background: #EEF2F6; flex-shrink: 0; font-size: 16px; font-weight: 500; color: #444646;}
.board_btn_wrap div .prev::before {content: ''; width: 24px; height: 24px; background: url(../images/sub/btn_board_prev.svg) no-repeat center center; background-size: cover; margin-right: 4px;}
.board_btn_wrap div .next::before {content: ''; width: 24px; height: 24px; background: url(../images/sub/btn_board_next.svg) no-repeat center center; background-size: cover; margin-right: 4px;}

.tip_txt {font-size: 16px; font-weight: 400; letter-spacing: -1px; color: #7D898F; display: flex; justify-content: flex-end;}
.tip_txt span {font-size: inherit;font-weight: inherit;color: #004C41;margin-right: 4px;}
.recaptcha img {max-width: 100%;}

/* 게시판 옵션 */
.board_option {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #EEF2F6; border-radius: 20px; padding: 30px;}
.board_option.on {/* border-radius: 20px 20px 0 0; */}
.view_opti {display: flex; align-items: center;gap: 10px;margin-bottom: 10px; margin-top: 50px;}
.view_opti .sel_tit {font-size: 18px; font-weight: 700;}
.en_contents .view_count {margin: 0;}
.view_count .count {font-size: 18px; font-weight: 700;color: #000; margin-right: 24px;}
.view_count .count em {font-size: inherit; font-weight: inherit;color: #0C2B80;}
.view_opti .select_wrap { height: 50px; border-radius: 10px;}
.view_opti .select_wrap.sel_num { width: 80px; }
.view_opti .select_wrap.sel_date { width: 200px; }
.view_opti .select_wrap select {padding-left: 16px;}
.view_opti .btn_search {width: 65px; height: 50px; border-radius: 10px; padding: 0; color: #444646;background: #EEF2F6; border: 1px solid #D8D8D8; font-size:18px;}
.board_option .search_opti .search_box {display: flex; align-items: center; width: 100%; max-width: 853px;}
.board_option .search_opti .search_box .input_search {min-width: 540px; border-radius: 10px 0 0 10px; margin-left: 10px;border: 1px solid #d8d8d8; padding: 12px 16px;}
.board_option .search_opti .search_box .select_wrap {min-width: 170px;height: 50px;}
.board_option .search_opti .search_box .tit {display: none;}
.board_option.on .search_opti,
.board_option.active .search_opti {max-width: 853px;width: 100%;}
.board_option.on .search_opti .search_box .tit,
.board_option.active .search_opti .search_box .tit {display: block;width: 98px;}
.board_option.on .search_opti .search_box .input_search,
.board_option.active .search_opti .search_box .input_search {border-radius: 10px;width: 100%;border: 1px solid #d8d8d8;}
.board_option.on .search_area .search_area_inner,
.board_option.active .search_area .search_area_inner {border-bottom: 1px solid #ddd;padding-bottom: 20px; }
.board_option.on .search_opti .search_box .input_search + .btn_search,
.board_option.active .search_opti .search_box .input_search + .btn_search {display: none;}
.board_option.on .search_area .btn_search,
.board_option.active .search_area .btn_search {border-radius: 10px;font-size: 16px;font-weight: 400; width: auto; padding: 0 16px; height: 44px;margin: 10px auto 0;}
.board_option.on .search_area .btn_basic,
.board_option.active .search_area .btn_basic {width: 50px;padding: 0;}

/* 테이블스타일 게시판리스트 */
.board_list .list_head {display: flex; align-items: center; text-align: center; border-top: 2px solid #0C2B80; border-bottom: 1px solid #E4E4E4;  }
.board_list .list_head div { padding: 18px 10px; font-size: 18px; font-weight: 700; }
.board_list .list_item li.nodata {text-align: center; padding: 160px 20px; color: #9EA3A6; font-size: 18px; border-bottom: 1px solid  #e4e4e4;}
.board_list .list_item li .item_wrap {display: flex; align-items: center; justify-content: center; text-align: center; padding: 18px 0; font-size: 18px; letter-spacing: -0.5px; font-weight: 400; color: #444646; border-bottom: 1px solid #E4E4E4; }
.board_list .list_item li .item_wrap div {font-size: inherit;}
.board_list .list_item .report_name .text_wrap { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; }
.board_list .list_item .report_name .text_wrap .nb_tag {font-size: inherit;color: inherit;font-weight: inherit; margin-right: 4px; }
.board_list .list_item li a div {border-bottom: 1px solid transparent;}
.board_list .list_item li a:focus div,
.board_list .list_item li a:hover div { /* border-bottom: 1px solid #0C2B80; */ text-decoration: underline; }
.board_list .num {width: 10%; }
.board_list .report_name {width: 45%; font-size: 18px;}
.board_list.type2 .report_name {width: 60%; font-size: 18px;}
.board_list.type2:not(:has(.file)) .report_name {width: 68%; }
.board_list .list_item .report_name a {display: flex; text-align: left; font-weight: 500; color: #000; align-items: center; width: fit-content; max-width: 100%;}
.board_list .department_name {width: 15%; }
.board_list .date {width: 12%; }
.board_list .view {width: 10%; }
.board_list .file {width: 8%; }
/* .board_list .file img {margin-top: -2px; } */
.board_list .new {width: 24px; height: 24px; background: #0C2B80; border-radius: 100%; color: #fff; font-size: 13px; font-weight: 700; display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; margin-left: 10px; margin-top: 0;}
.board_list .talk {display: flex; gap:4px; align-items: center; font-size: 16px;font-weight: 700; color: #0C2B80; margin-left: 10px; }
.board_list .talk::before {content: '';width: 24px; height: 24px; background: url(../images/sub/ic_talk.svg)no-repeat center center;background-size:cover;}
@media print { 
    body {zoom: 0.8;}
    .board_list .list_item li a .text_wrap {white-space: normal;}
    /* #header,
    #sub_visual,
    .board_option,
    .view_opti,
    .board_btn_wrap,
    .board_view_wrap .btn_wrap {display: none;} */
}

.en_contents .thum_list_wrap {border-bottom: 1px solid #d8d8d8; padding-bottom: 80px;}
.thum_list {display: flex; gap: 40px; flex-wrap: wrap; border-top: 2px solid #0C2B80;padding-top: 30px; margin-top: 5px;}
.thum_list li {width: calc((100% / 3) - 27px);}
.thum_list li a .thum_img {height: 300px;background: #CFDAE6; border-radius: 20px; overflow: hidden; }
.thum_list li a .thum_img div {height: 100%;}
.thum_list li a .thum_img div img {width: 100%; height: 100%; object-fit: cover;}
.thum_list li a .thum_info {display: flex; flex-direction: column; margin-top: 20px; gap: 10px;}
.thum_list li a .thum_info .text_wrap2 {font-size: 20px;font-weight: 700;color: #222424;}
.thum_list li a .thum_info .date {font-size: 18px; font-weight: 400;color: #7D898F;}

/* 페이징버튼 */
.paging_wrap ul { display: flex; justify-content: center; gap: 0 10px; margin-top: 40px; } 
.paging_wrap ul li a,
.paging_wrap ul li button { width: 30px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 500; color: #444646; } 
.paging_wrap ul li a.on,
.paging_wrap ul li button.on {text-decoration: underline; color: #0C2B80; font-weight: 700; } 
.paging_wrap ul li a.btn_first,
.paging_wrap ul li button.btn_first,
.paging_wrap ul li a.btn_prev,
.paging_wrap ul li button.btn_prev,
.paging_wrap ul li a.btn_next,
.paging_wrap ul li button.btn_next,
.paging_wrap ul li button.btn_last,
.paging_wrap ul li a.btn_last { width: 40px; border: 1px solid #D8D8D8; border-radius: 10px; } 

/* 예산정책연구 */
.periodical_wrap {margin-top: 40px;}
.periodical_wrap .num_list:last-of-type {margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
.periodical_wrap .title01 {display: flex; gap: 10px; font-size: 38px;font-weight: 700; color: #000; margin-bottom: 20px;}
.periodical_wrap .title01::before {content: ''; margin-top: 13px; flex-shrink: 0; width: 28px; height: 28px; background: url(../images/sub/bull_tit.svg) no-repeat center center; background-size: cover;}
.en_contents .periodical_wrap .title01::before { margin-top: 15px; }
.periodical_wrap .con_txt {font-size: 18px; font-weight: 400; margin-bottom: 60px; line-height: 1.6; color: #000;}

.periodical_wrap.new_type .con_txt {display: flex; gap: 8px;}
.periodical_wrap.new_type .con_txt::before {content: ''; margin-top: 9px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.mail_wrap .con_txt ul li {display: flex; gap: 8px; font-size: 18px; color: #000; font-weight: 400;}
.mail_wrap .con_txt ul li::before {content: ''; margin-top: 10px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.mail_wrap .con_txt ul li + li {margin-top: 10px;}
.con_txt_big {font-size: 38px;font-weight: 700; letter-spacing: -1px; color: #000;text-align: center;margin-bottom: 40px; line-height: 1.5;}
.periodical_wrap .con_txt2 {display: block; margin-left: 10px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #444646;}
.periodical_wrap .con_txt2:last-of-type {margin-bottom: 10px;}
.periodical_wrap .con_txt.type2 {margin-bottom: 10px; }
.periodical_wrap .list_style01.mg0 .con_txt.type2 {margin-bottom: 0; }
.periodical_wrap .con_txt.type2:has(+ .con_txt2) {margin-bottom: 10px; }
.periodical_wrap .con_txt em {display: block; font-size: inherit;font-weight: 700;color: inherit;}
.periodical_wrap .icon_list { margin-bottom: 60px; display: flex; flex-wrap: wrap; gap: 40px;}
.periodical_wrap .icon_list > li { position: relative;padding: 32px; background: #F3F8FD; border-radius: 20px; width: 100%;display: flex; gap: 20px;}
.periodical_wrap .icon_list > li:nth-child(1),
.periodical_wrap .icon_list > li:nth-child(2) {width: calc(50% - 20px);}
.periodical_wrap .icon_list > li::before {content: ''; flex-shrink: 0; width: 64px;height: 64px;background:url(../images/sub/ic_thesis01.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .icon_list > li:nth-of-type(2):before {background:url(../images/sub/ic_thesis02.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .icon_list > li:nth-of-type(3):before {background:url(../images/sub/ic_thesis03.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .icon_list > li:nth-of-type(4):before {background:url(../images/sub/ic_thesis04.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .icon_list > li:nth-of-type(5):before {background:url(../images/sub/ic_thesis05.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .icon_list li .tit {display: block; font-size: 30px;font-weight: 700; color: #000;margin-bottom: 12px;}
.periodical_wrap .icon_list li .txt {font-size: 18px;font-weight: 400; color: #000; }
.periodical_wrap .icon_list li .depth2 li {font-size: 18px;font-weight: 400; color: #000; position: relative; padding-left: 10px;}
.periodical_wrap .icon_list li .depth2 li + li {margin-top: 10px; }
.periodical_wrap .icon_list li .depth2 li::before {content: ''; display: inline-block; margin-right: 8px;vertical-align: 4px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.periodical_wrap .icon_list li .depth2 li em { font-size: inherit;font-weight: 700; color:inherit; }
.periodical_wrap .icon_list li .depth2 li span { font-size: inherit;font-weight: inherit; color:inherit; }
.periodical_wrap .icon_list li .depth2 li a:not(.btn_white_mini) {font-size: inherit;font-weight: 700; color: #0C2B80; text-decoration: underline; }
.periodical_wrap .icon_list li .depth2 li a.btn_white_mini {margin: 4px 0 0;  }
.periodical_wrap .btn_wrap:not(.popup_wrap .btn_wrap, .mail_wrap .btn_wrap) { flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
.periodical_wrap .btn_wrap:not(.popup_wrap .btn_wrap, .mail_wrap .btn_wrap) button { margin: auto;}
.periodical_wrap:not(.mail_wrap) .btn_wrap .btn_popup {display: flex;align-items: center; border: 1px solid #D8D8D8; height: 50px; padding: 16px; border-radius: 10px; background: #fff; color: #444646;}
.periodical_wrap .txt_bg_box:has(.circle_list) {padding: 20px; margin-bottom: 10px;}
.periodical_wrap .circle_list {display: flex; gap: 70px; }
.periodical_wrap .circle_list li {position: relative; width: calc(100% / 4 - 52px); display: flex; align-items: center; gap: 12px; border-radius: 100px; height: 72px; font-size: 16px; font-weight: 400; padding: 20px;}
.periodical_wrap .circle_list li + li::before {content: '';width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; background: url(../images/sub/ic_arrow2.svg)no-repeat center center;background-size:cover;}
.periodical_wrap .circle_list li:nth-child(1) {background: #020B3D; color: #020B3D;}
.periodical_wrap .circle_list li:nth-child(2) {background: #102C7B; color: #102C7B;}
.periodical_wrap .circle_list li:nth-child(3) {background: #2243A0; color: #2243A0;}
.periodical_wrap .circle_list li:nth-child(4) {background: #4060B9; color: #4060B9;}
.periodical_wrap .circle_list li em {display: flex; justify-content: center; align-items: center; font-size: inherit; font-weight: 700; color: inherit; background: #fff; border-radius: 100%; width: 30px;height: 30px;flex-shrink: 0;}
.periodical_wrap .circle_list li span {font-size: inherit; font-weight: inherit; color: #fff;}
.periodical_wrap .img_box {border: 1px solid #E4E4E4;background: #fff; border-radius: 16px; overflow: hidden; margin: auto; width: fit-content; padding: 20px;}
.periodical_wrap .img_box img {width: 100%; height: 100%; object-fit: cover; }
.periodical_wrap .txt_bg_box.type2 {padding: 12px; border-radius: 12px;}
.thesis_bg_box {border-radius: 30px; padding: 30px 60px; background: url(../images/sub/bg_thesis.png) no-repeat center center; background-size: cover; height: 274px; display: flex; align-items: center; margin-bottom: 40px;}
.thesis_bg_box .con_txt {color: #fff;margin-bottom: 0;font-size: 18px;}
.thesis_bg_box .con_txt em {font-size: 24px;margin-bottom: 10px;}
.thesis_bg_box .con_txt span {color: inherit;}
.thesis_bg_box .con_txt em br {display: none;}
.thesis_bg_box.type2 {background: url(../images/sub/bg_thesis2.png) no-repeat center center; background-size: cover; margin-bottom: 40px; line-height: 1.5; font-size: 18px;}
.thesis_bg_box.type2 em {color: inherit; font-size: inherit; font-weight: 700;}
.open_api_menu .tip,
.thesis_bg_box.type2 .tip { display: flex; gap: 4px; margin-top: 20px; color: #fff; font-size: inherit;}
.open_api_menu .tip {color: #505557;margin-top: 5px;}
.open_api_menu .tip::before,
.thesis_bg_box.type2 .tip::before {content: '';margin-top: 2px; flex-shrink: 0; width: 20px;height: 20px;background: url(../images/sub/ic_exclamation2.svg) no-repeat center center;background-size: cover;}
.thesis_bg_box.type2 .issn { font-size: inherit; color: inherit; font-weight: inherit; display: block; margin: 20px 0;}
.card_list {display: flex; gap: 30px; flex-wrap: wrap; margin-top: 40px;}
.card_list > li {position: relative; width: calc(100% / 3 - 30px); display: flex; gap: 20px; background: url(../images/sub/card_bg.png)#EEF2F6 no-repeat right bottom ; padding: 50px 40px; border-radius: 20px; overflow: hidden;}
.en_contents .card_list > li:only-child {width: 100%;}
.card_list.type2 > li {gap: 30px; background: #EEF2F6;}
.card_list > li .picture {width: 94px;height: 120px; flex-shrink: 0;}
.card_list > li .picture div {position: relative;}
.card_list.type2 > li .picture div::before {content: '';width: 100%;height: 100%; background: #CFDAE6; position: absolute; top: 10px; left: 10px;z-index: 0;}
.card_list > li .picture div img {width: 100%; height: 100%; object-fit: cover; position: relative;z-index: 1;}
.card_list > li .info_box .name {display: flex; align-items: center; margin-bottom: 7px;}

.card_list.type2 > li .info_box .name {flex-direction: column; align-items: flex-start;}
.card_list > li .info_box .name h3 {font-size: 30px;font-weight: 700; color: #000; }
.card_list > li .info_box .name span {font-size: 18px; font-weight: 700; color: #0C2B80;letter-spacing: -1px;margin-left: 10px;}
.card_list > li .info_box .info ul li {font-size: 18px;display: flex; flex-wrap: wrap; gap: 4px;}
.card_list > li .info_box .date {font-size: 18px;font-weight: 400;letter-spacing: -0.5px;line-height: 1.6;}
.card_list > li .info_box .info ul li::before {content: ''; margin-top: 8px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.card_list > li .info_box .info ul li > div {width: calc(100% - 9px);}
.card_list > li .info_box .info ul li + li {margin-top: 8px;}
.card_list > li .info_box .info ul li em {margin-right: 4px; flex-shrink: 0; font-size: inherit; color: #000; font-weight: 700;}
.card_list > li .info_box .info ul li span {font-size: inherit; color: #000; font-weight: 400;}
.card_list > li .btn_popup {position: absolute; width: 87px;height: 57px; right: 0;bottom: 0;background: #B99563; color: #fff;font-size: 16px;font-weight: 500;display: flex; align-items: center; justify-content: center; gap: 4px; }
.card_list > li .btn_popup::after {content: ''; width: 24px; height: 24px; background: url(../images/sub/ic_plus.svg) no-repeat center center; background-size: cover;}
.budget_wrap {position: relative;margin-top: 40px;padding: 72px 88px 0; height: 802px; border-radius: 30px; background: #FBF7F2;}
.budget_wrap::before {content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 260px; background: #FAEEE0;display: none;}
.budget_wrap .budget_swiper_wrap {overflow: hidden;}
.budget_wrap .budget_swiper_wrap .budget_swiper {position: relative; overflow: hidden;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul {padding-top: 20px;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li {transition: 0.2s;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li > button,
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li > a {width: 100%; height: 100%;display: flex; border: 1px solid #00000020; border-radius: 0 20px 20px 0; overflow: hidden; }
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li.on { margin-top: -20px; }
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li.on > button,
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li.on > a { border: 3px solid #000; }
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li:hover > button,
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li:hover > a { border: 3px solid #c7c7c7; }
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thumb_img {width: 100%; height: 100%;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thumb_img img {width: 100%; height: 100%; object-fit: cover;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info {display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;margin: 20px 0;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > span {display: block; font-size: 20px;font-weight: 700;color: #222424;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap { display: none; gap: 10px; justify-content: center; align-items: center; margin-top: 20px;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li.on .thum_info > .btn_wrap,
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li:hover .thum_info > .btn_wrap { display: flex;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap button,
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap a {display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #d8d8d8; border-radius: 10px; font-size: 16px; color: #444646; font-weight: 500; padding: 10px; height: 40px;}
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap .btn_view::before {content: ''; width: 18px; height: 18px; background: url(../images/sub/ic_serarch_mini.svg) no-repeat center center; background-size: cover; }
.budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap .btn_down::before {content: ''; width: 24px; height: 24px; background: url(../images/sub/ic_down_mini.svg) no-repeat center center; background-size: cover; }
.budget_swiper_btn_wrap {position: absolute; top: 80px; left: 50%;width: 100%; transform: translateX(-50%);}.card_list > li .info_box .info ul li::before
.budget_swiper_btn_wrap .budget_swiper_pagination {display: none;}
.budget_swiper_btn_wrap .budget_swiper_btn {width: 97%; display: flex; justify-content: space-between; position: absolute; top: 310px; left: 50%; transform: translateX(-50%);} 
.budget_swiper_btn_wrap .budget_swiper_btn button {width: 46px; height: 40px;}
.budget_swiper_btn_wrap .budget_swiper_btn .budget_swiper_prev {width: 47px; background: url(../images/sub/btn_slide_prev2.svg) no-repeat center center; background-size: cover;}
.budget_swiper_btn_wrap .budget_swiper_btn .budget_swiper_next {background: url(../images/sub/btn_slide_next2.svg) no-repeat center center; background-size: cover;}
/* 예산춘추 아이템 페이드 */
.budget_swiper::before {opacity: 0; transition: 0.5s; content: '';position: absolute; top: 0;right: -5px; z-index: 2; width: 30px;height: 100%;background: url(../images/sub/img_blur_yellow_r.png) repeat center center;background-size: 100%; }
.budget_swiper::after {opacity: 0; transition: 0.5s; content: '';position: absolute; top: 0;left: -5px; z-index: 1; width: 30px;height: 100%;background: url(../images/sub/img_blur_yellow_l.png) repeat center center;background-size: 100%; }
.budget_swiper.sliding::before {opacity: 1;}
.budget_swiper.sliding::after {opacity: 1;}
.budget_swiper:has(ul li:last-child.swiper-end)::before {opacity: 0;}
.budget_swiper:has(ul li:last-child.on)::before {opacity: 0;}
.budget_swiper:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}

.budget_con {margin-top: 40px; display: none;}
.budpol {max-width: 950px; margin: 0 auto;}
.budpol_l {display: none;}
.budget_con .con_inner .con,
.budpol dl {padding-bottom: 30px; border-top: 1px solid #d8d8d8;}
.budpol dl:last-of-type {padding-bottom: 0; }
.budget_con .con_inner .con:first-of-type,
.budget_con .con_inner .budpol_r dl:first-of-type {border-top: 0;}
.budget_con .con_inner .con + .open_wrap {margin-top: 0;}
.budget_con .con_inner .con + .con,
.budpol dl + dl {padding-top: 30px;}
.budget_con .con_inner .con .con_tit,
.budpol dl dt {font-size: 30px; font-weight: 700; color: #000; margin-bottom: 16px;}
.budget_con .con_inner .con ul li,
.budpol dl dd {font-size: 18px;font-weight: 400; color: #000;}
.budget_con .con_inner .con ul li + li,
.budpol dl dd + dd {margin-top: 5px;}
.budget_con .con_inner .con .con_list2 li {display: flex; gap: 8px;}
.budget_con .con_inner .con .con_list2 li::before {content: ''; margin-top: 8px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}

.media_txt span {color: inherit;font-weight: inherit;font-size: inherit;}
.media_txt span a {font-weight: 700;}
.media_txt,
.rss_txt {display: flex; gap: 20px;font-size: 18px;}
.rss_txt {align-items: center;}
.rss_txt ul li {display: flex; align-items: flex-start; gap: 8px; font-size: 18px; word-break: break-all;color: #222424;}
.rss_txt ul li + li {margin-top: 20px;}
.rss_txt ul li span {color: inherit; font-size: inherit;}
.rss_txt ul li::before {content: ''; margin-top: 8px; width: 5px; height: 6px; flex-shrink: 0; background: url(../images/common/bull01.svg) no-repeat center center; background-size: cover;}
.media_txt::before {content: ''; flex-shrink: 0; width: 48px; height: 48px; background:url(../images/sub/ic_mail.svg) no-repeat center center; background-size: cover; }
.rss_txt::before {content: ''; flex-shrink: 0; width: 48px; height: 48px; background:url(../images/sub/ic_rss.svg) no-repeat center center; background-size: cover; }
.rss_list {width: 100%;}
.rss_list > li {display: flex; align-items: flex-end; flex-wrap: wrap; padding: 40px 0; border-bottom: 1px solid #D8D8D8;}
.rss_list > li:last-of-type {border-bottom: 0;padding-bottom: 0;}
.rss_list > li div {padding-bottom: 7px; margin-right: 20px;}
.rss_list > li .tit {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 16px;}
.rss_list > li .btn_link {font-size: 18px;font-weight: 400;word-break: break-all;}
.rss_list > li .btn_rss {display: flex; align-items: center; gap: 4px; width: fit-content;padding: 4px 8px 4px 6px; height: 40px;background: #000;color: #fff; border-radius: 10px; font-size: 16px;font-weight: 400;}
.rss_list > li .btn_rss::before {content: ''; flex-shrink: 0; width: 20px; height: 20px; background:url(../images/sub/ic_rss_mini.svg) no-repeat center center; background-size: cover; }
.sky_box.info {padding: 20px; background: #F3F8FD;font-size: 18px; font-weight: 400; color: #444646;}
.sky_box.info .tit {font-size: 18px; font-weight: 700;color: #0C2B80;display: block;}
.sky_box.info .list {}
.sky_box.info .list .tit {display: inline;margin-right: 12px;}
.sky_box.info .list span {display: inline-flex; align-items: center; gap: 4px; font-size: 18px;  font-weight: 400; color: #444646;}
.sky_box.info .list span.name {font-weight: 700;}
.sky_box.info .list span.tel::before {content: ''; width: 14px; height: 14px; background: url(../images/sub/ic_mini_phone.svg) no-repeat center center; background-size: cover;}
.sky_box.info .list span.mail2::before {content: ''; width: 14px; height: 14px; background: url(../images/sub/ic_mini_envelope.svg) no-repeat center center; background-size: cover;}
.sky_box.info .list span.name::after,
.sky_box.info .list span.tel::after {content: '';width: 1px; height: 16px; background: #D8D8D8; margin-right: 8px; margin-left: 8px;}
.copy_list {margin-top: 40px;}
.copy_list > li {display: flex; gap: 20px; color: #444646;}
.copy_list > li + li {margin-top: 40px;}
.copy_list > li .txt {width: 100%; }
.copy_list > li .txt_box {display: flex; gap: 20px;}
.copy_list > li .txt_box + .btn_wrap {margin-bottom: 20px;}
.copy_list > li .num {font-size: 24px;font-weight: 700;color: #444646; }
.copy_list > li .txt p {font-size: 18px;font-weight: 400;color: #444646; margin: 10px 0;line-height: 1.5;}
.copy_list > li .txt ul {margin: 10px 0;}
.copy_list > li ul.txt_list {margin: 0;}
.copy_list > li ul.txt_list li {font-size: 18px; color: #444646; display: flex; gap: 4px;}
.copy_list > li ul.txt_list li small {font-size: inherit;color: inherit;}
.copy_list > li ul.txt_list li span {font-size: inherit;color: inherit;}
.copy_list > li ul.txt_list li span em { display: inline-flex; gap: 4px;font-size: inherit;color: inherit;letter-spacing: -0.5px;}
.copy_list > li ul.txt_list li span em::before {content: '';margin-top: 6px; width: 14px; height: 14px; background: url(../images/sub/ic_mini_phone.svg) no-repeat center center; background-size: cover;}
.copy_list > li ul.txt_list li span em::after {content: '';margin-top: 5px; width: 1px;height: 16px; background: #D8D8D8;}
.copy_list > li ul.txt_list li span em:last-child::after {display: none;}
.copy_list > li ul.txt_list li span em:nth-of-type(2):before {margin-top: 7px; background: url(../images/sub/ic_mini_envelope.svg) no-repeat center center; background-size: cover;}
.copy_list > li ul.txt_list li span em:nth-of-type(3):before {width: 16px;height: 16px; background: url(../images/sub/ic_mini_print.svg) no-repeat center center; background-size: cover;}
.copy_list > li .copy_link {color: #0C2B80;text-decoration: underline;}
.copy_list > li .txt .mail {font-size: inherit; font-weight: 700;color: inherit;text-decoration: underline;}
.copy_list > li .txt .btn_link {color: #0C2B80;font-weight: 500;text-decoration: underline;}
.copy_list > li .txt ul li {font-size: 18px;font-weight: 400;color: #444646; line-height: 1.5;}
.copy_list > li .txt ul li .fc_bold {display: block; font-weight: 500;}
.copy_list > li .txt ul li:has(.fc_bold) + li {margin-top: 10px;}
.copy_list > li .txt p:first-of-type {margin-top: 0;}
.copy_list > li .txt .btn_wrap {display: flex; gap: 10px; justify-content: flex-start; flex-wrap: wrap;}
.copy_list > li .txt .btn_wrap a {display: flex; gap: 4px;  align-items: center; padding: 16px;  height: 50px; border: 1px solid #D8D8D8; border-radius: 10px; width: fit-content; font-size: 16px;font-weight: 500;color: #444646; }
.copy_list > li .txt .btn_wrap a:hover {text-decoration: underline;}
.copy_list > li .txt .btn_wrap a::after {display: none; content: ''; flex-shrink: 0; width: 20px; height: 20px; background:url(../images/sub/ic_link.svg) no-repeat center center; background-size: cover;}
.copy_list.privacy > li {display: block;}
.copy_list.privacy > li .privacy_tit {font-size: 24px;font-weight: 700;color: #444646; margin-bottom: 10px;}
.copy_list > li .txt p:has(+ .num_list2) {margin: 0;}
.copy_list.privacy .btn_link {display: block;}
.num_list2 {margin: 0 !important;}
.num_list2 li.flex_wrap .wd100,
.num_list2 li {display: flex; gap:4px; align-items: baseline;}
.num_list2 li.flex_wrap {flex-wrap: wrap;}
.num_list2 li div,
.num_list2 li span,
.num_list2 li em {font-size: inherit; color: inherit;}
.privacy_intro_txt {display: flex; gap: 20px;font-size: 18px;}
.privacy_intro_txt.type2 {align-items: center;}
/* .privacy_intro_txt::before {content: ''; flex-shrink: 0; width: 48px;height: 48px;background: url(../images/sub/ic_books.svg) no-repeat center center; background-size: cover;} */
.privacy_intro_txt.type2::before { width: 48px;height: 48px;background: url(../images/sub/ic_lock.svg) no-repeat center center; background-size: cover;}
.comment_box {margin: 60px 0; background: #EEF2F6; border-radius: 20px; padding: 30px; display: flex; justify-content: space-between; align-items: center;}
.comment_box:has(.comment_wrap) {flex-direction: column;padding-bottom: 10px;}
.comment_box .comment_wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 20px;}
.comment_box .comment_wrap + .comment_wrap { padding-top: 20px; border-top: 1px solid #B7C0D9;}
.comment_box .comment_wrap:nth-of-type(2) { padding-top: 0;}
.comment_box .comment {font-size: 18px; width: 100%}
.comment_box .btn_wrap {margin-top: 0px; }
.comment_box .comment .txt {font-size: inherit;font-weight: 400;color: #000; display: block;margin-top: 10px; word-break: break-all;}
.comment_box .comment .name {font-size: inherit;font-weight: 700;color: #000;margin-right: 10px;}
.comment_box .comment .date {font-size: 16px;font-weight: 400;color: #7D898F;}
.comment_box .comment .date .time {display: none;font-size: inherit;font-weight: 400;color: #7D898F;margin-left: 5px; }
.comment_box2 {margin: 40px 0; background: #fff; border: 1px solid #d8d8d8; border-radius: 20px; padding: 30px; display: flex; align-items: center; gap: 10px;}
.comment_box2 .input_wrap {display:flex; align-items: center; width: 100%;min-height: 50px;}
.comment_box2 .input_wrap textarea {height: 50px;resize: none; max-height:125px; line-height:160%; font-size: 18px;}
textarea.edit_comment {height: 50px;resize: none; max-height:125px; line-height:160%;margin-top: 10px;font-size: 18px;}
.comment_box2 .input_wrap input {height: 50px;}

.comment_box2 .input_wrap.password {max-width: 340px; }

.mail_wrap .comment_box2 {margin: 0; margin-bottom: 30px; display: block;}
.mail_wrap .comment_box2 p {font-size: 18px; font-weight: 400; color: #222424; margin-bottom: 20px;}
.mail_wrap .comment_box2 p em {font-size: inherit; font-weight: 700; color: #222424;}
.mail_wrap .btn_wrap.pop {justify-content: center;}
.tel_input,
.mail_input {display: flex; align-items: center; gap: 10px;}
.mail_input .select_wrap {max-width: 260px;width: 100%;}
.tel_input .select_wrap {max-width: 100px;width: 100%;}
.mail_input .mail2 {max-width: 260px;}

.open_api .comment_box {margin: 0 0 100px;}
.open_api .btn_wrap {justify-content: center !important;margin-top: 80px;}
.open_api .btn_wrap .btn_basic {background: #0C2B80; color: #fff;}
/* .open_api .btn_wrap .btn_basic:hover {background: #fff; color: #444646;} */
.open_api .table_wrap + .table_wrap {margin-top: 100px;}
.open_api .table_wrap td.no_data {padding: 30px 12px; color: #9EA3A6; font-size: 18px;font-weight: 400;}
.open_box {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 50px; margin-top: -20px; gap: 10px;}
.open_box .con_txt {margin-bottom: 0;}
.open_box .btn_basic:hover {background: #000;color: #fff;}
.api_tag {margin: auto; font-size: 13px;font-weight: 500;border-radius: 6px; display: flex;justify-content: center; align-items: center;height: 27px;width: fit-content; padding: 0 8px; flex-shrink: 0;}
.api_tag.type1 { background: #E6F7F4; color: #00A991;}
.api_tag.type2 { background: #00A991; color: #fff;}
.api_tag.type3 { background: #DB3535; color: #fff;margin-bottom: 2px;}
.api_tag.type4 { background: #FCEBEB; color: #DB3535;}
.api_tag.type5 { background: #EEF2F6; color: #9EA3A6}
.api_tag.type6 { background: #EEF2F6; color: #444646;}
.open_api .sns_list {display: flex; gap: 20px;}
.open_api .sns_list li {flex: 1; height: 380px; border: 1px solid #d8d8d8; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.open_api .sns_list li h3 {display: flex;align-items: center; flex-direction: column; gap: 20px; font-size: 30px;font-weight: 700;color: #000;}
.open_api .sns_list li h3::before {content: '';width: 58px; height: 58px;}
.open_api .sns_list li.naver h3::before {background: url(../images/common/ic_naver.png) no-repeat center center; background-size: cover;}
.open_api .sns_list li.kakao h3::before {background: url(../images/common/ic_kakao.png) no-repeat center center; background-size: cover;}
.open_api_menu .title02 {margin: 40px 0 16px; font-size: 30px;font-weight: 700;color: #000;}
.open_api_menu .con_txt2 {font-size: 18px;font-weight: 400;color: #000;}
.open_api_menu .comment_box {margin: 30px 0 100px;}
.open_api_menu .comment_box .info {display: flex; justify-content: center; align-items: center; gap: 40px;}
.open_api_menu .comment_box .info .api_box {background: #fff; font-size: 20px;font-weight: 700;color: #000; border-radius: 20px; width: fit-content; display: flex; justify-content: center; align-items: center; height: 74px; padding: 0 24px;}
.open_api_menu .comment_box .info .dot_list > li ,
.open_api_menu .dot_list > li span {word-break: break-all; }
.open_api_menu .comment_box .info .dot_list > li + li {margin-top: 0; }
.open_api_menu .btn_wrap button {padding: 0 40px;}
.open_api_menu .guide_down_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;gap: 16px;}
.open_api_menu .guide_down_wrap .btn_basic {border: 1px solid #000; color: #000;}
.open_api_menu .guide_down_wrap .title01 {margin-bottom: 0;}
.open_api_menu .tab_menu {margin-bottom: 40px;}
.open_api .box_list {display: flex; gap: 70px; margin-top: -30px;}
.open_api .box_list li {position: relative; width: calc(100% / 4 - 52px); display: flex; flex-direction: column; gap: 16px; border-radius: 20px; padding: 40px;}
.open_api .box_list li + li::before {content: '';width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; background: url(../images/sub/ic_arrow.svg)no-repeat center center;background-size:cover;}
.open_api .box_list li:nth-child(1) {background: #020B3D; color: #020B3D;}
.open_api .box_list li:nth-child(2) {background: #102C7B; color: #102C7B;}
.open_api .box_list li:nth-child(3) {background: #2243A0; color: #2243A0;}
.open_api .box_list li:nth-child(4) {background: #4060B9; color: #4060B9;}
.open_api .box_list li em {font-size: 30px; font-weight: 700; color: #fff }
.open_api .box_list li span {font-size: 18px; font-weight: 300; line-height: 1.7; color: #fff;}
.open_api .dot_list {margin-bottom: 60px;}
.open_api .dot_list li + li {margin-top: 10px;}

.quiz_wrap {max-width: 1360px; margin: 40px auto 0; padding: 0 20px;} /* 251219 980px에서 확장 */
.quiz_wrap .head {display: flex; justify-content: center; flex-direction: column; height: 240px; background: url(../images/sub/bg_quiz.png) no-repeat center right; background-size: cover; padding: 40px; border-radius: 20px; margin-bottom: 40px;}
.quiz_wrap .head h2 {font-size: 38px; font-weight: 700; color: #fff; line-height: 1; }
.quiz_wrap .head p { margin-top: 20px; font-size: 18px; font-weight: 400; color: #fff;}
.quiz_wrap .head p span {font-size: inherit; font-weight: 500; color: #ff0;}
.quiz_con {background: #fff; padding: 40px; }
.btn_apply {background: #e0e0e0;color: #3f3f3f;} 
.btn_apply.on {background: #0C2B80; color: #fff;} 
.quiz_con .quiz_box {padding-bottom: 60px; }
.quiz_con .quiz_box + .quiz_box {padding-top: 60px; border-top: 1px solid #E4E9F5;}
.quiz_con .quiz_box:last-of-type {padding-bottom:0; }
.quiz_con .quiz_box .quest_box .q_num {font-family: 'roboto'; font-size: 38px; font-weight: 700; color: #0C2B80;}
.quiz_con .quiz_box .quest_box .question {font-size: 18px; font-weight: 400; line-height: 1.7; color: #000;margin: 20px 0;}
.quiz_con .quiz_box .quest_box .hint {font-size: 16px; font-weight: 400; color: #006557; background: #E4F5E6; padding: 12px 8px; display: inline-block; border-radius: 8px; }
.quiz_con .quiz_box .answer_box {margin-top: 40px;}
.quiz_con .quiz_box .answer_box .radio_wrap2 {gap: 10px;}
.quiz_con .quiz_box .answer_box .radio_wrap2 .radio_box {border: 1px solid #DBDFEC; }
.quiz_con .quiz_box .answer_box .radio_wrap2 .radio_box:has(input:checked) {border:1px solid #0C2B80;}
.quiz_end_box {background: #F3F8FD; border-radius: 20px; padding: 20px; margin-bottom: 40px; text-align: center; }
.quiz_end_box span {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; font-size: 24px; font-weight: 700;color: #074273;}
.quiz_end_box span::before {content: '';width: 40px; height: 40px; background: url(../images/sub/ic_exclamation.svg) no-repeat center center; background-size: cover; }
.quiz_swiper_wrap{position: relative; background: #E4E9F5; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 10px 0 rgba(2, 11, 61, 0.10);}
.quiz_swiper {position: relative; max-width: 605px; margin: auto;overflow: hidden; padding: 40px 0;}
.quiz_swiper ul li button {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding: 20px 24px; border-radius: 20px; border: 1px solid #d8d8d8;background: #fff;color: #444646; width: 100%;}
.quiz_swiper ul li.on button {background: #0C2B80; color: #fff;}
.quiz_swiper ul li button em {font-size: 24px; color: inherit;}
.quiz_swiper ul li button .month {font-weight: 700;}
.quiz_swiper ul li button .year {font-weight: 500;font-size: 18px;}
.quiz_swiper_pagination {display: none;}
.quiz_swiper_btn_wrap .quiz_swiper_btn {position: absolute;width: calc(100% - 40px); top: 70px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; }
.quiz_swiper_btn_wrap .quiz_swiper_btn button {width: 40px; height: 40px; border-radius: 10px; /* border: 1px solid #d8d8d8; */  }
.quiz_swiper_btn_wrap .quiz_swiper_btn .quiz_swiper_prev {background: url(../images/sub/btn_prev.png) no-repeat center center; background-size: cover;}
.quiz_swiper_btn_wrap .quiz_swiper_btn .quiz_swiper_next {background: url(../images/sub/btn_next.png) no-repeat center center; background-size: cover;margin-left: auto;}
.quiz_swiper_btn_wrap .quiz_swiper_btn .quiz_swiper_prev:hover {background: url(../images/sub/btn_prev_on.png) no-repeat center center; background-size: cover;}
.quiz_swiper_btn_wrap .quiz_swiper_btn .quiz_swiper_next:hover {background: url(../images/sub/btn_next_on.png) no-repeat center center; background-size: cover;}
/* .quiz_swiper_prev.swiper-button-disabled {display: none;} */
/* .quiz_swiper_next.swiper-button-disabled {display: none;} */
/* 재정퀴즈 페이드 */
.quiz_swiper::before {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0;right: -5px; z-index: 2; width: 30px;height: 100%;background: url(../images/sub/img_blur_blue_r.png) repeat center center;background-size: 100%; }
.quiz_swiper::after {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0;left: -5px; z-index: 1; width: 30px;height: 100%;background: url(../images/sub/img_blur_blue_l.png) repeat center center;background-size: 100%; }
.quiz_swiper.sliding::before {opacity: 1;}
.quiz_swiper.sliding::after {opacity: 1;}
.quiz_swiper:has(ul li:last-child.swiper-end)::before {opacity: 0;}
.quiz_swiper:has(ul li:last-child.on)::before {opacity: 0;}
.quiz_swiper:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}

.map_con_wrap {margin-top: 40px;}
.map_con_wrap .img_wrap {margin: 0 auto 40px; text-align: center;}
.map_con_wrap .img_wrap img {max-width: 100%;}
.map_con_wrap .img_wrap .mo {display: none;}
.map_con_wrap .map_tit {margin-bottom: 60px;}
.map_con_wrap .map_tit h2 {font-size: 24px;font-weight: 700;color: #000; margin-bottom: 10px;}
.map_con_wrap .map_tit .tel {display: flex; gap: 10px; font-size: 20px;font-weight: 700;color: #0C2B80;}
.map_con_wrap .map_tit .tel::before {content: '';width: 28px;height: 28px;background: url(../images/sub/ic_call.svg) no-repeat center center; background-size: cover;}
.map_con_wrap .comment_box {margin-top: 0; justify-content: flex-start; align-items: flex-start; gap: 30px;}
.map_con_wrap .comment_box:has(+ .comment_box) {margin: 30px 0;}
.map_con_wrap .comment_box + .comment_box:last-of-type {margin-bottom: 60px;}
.map_con_wrap .comment_box .traffic_box {background: #fff; font-size: 24px;font-weight: 700;color: #0C2B80; border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 80px; padding: 0 24px; max-width: 157px; width: 100%}
.map_con_wrap .comment_box .dot_list > li em {flex-shrink: 0;}
.map_con_wrap .comment_box .traffic_box.bus::before {content: '';flex-shrink: 0; width: 32px; height: 32px; background: url(../images/sub/ic_bus.svg) no-repeat center center; background-size: cover; }
.map_con_wrap .comment_box .traffic_box.subway::before {content: '';flex-shrink: 0; width: 32px; height: 32px; background: url(../images/sub/ic_subway.svg) no-repeat center center; background-size: cover; }
.map_con_wrap .comment_box .traffic_box.subway + .dot_list {margin-top: 25px;}
.sub_title {font-size: 30px;font-weight: 700; color: #000; margin-bottom: 10px;}
.map_con_wrap .map_info_box + .map_info_box {margin-top: 60px;}
.map_con_wrap .map_info_box .map_info_list {display: flex; gap: 10px; flex-wrap: wrap;}
.map_con_wrap .map_info_box .map_info_list > li {width: calc(100% / 4 - 8px); background: #EEF2F6; border-radius: 20px; padding: 30px;}
.map_con_wrap .map_info_box .map_info_list > li div {font-size: 18px;display: flex;gap: 8px;flex-direction: column;}
.map_con_wrap .map_info_box .map_info_list > li div::before {display: none; content: ''; width: 3px; height: 3px; background: #000; border-radius: 100%; flex-shrink: 0; margin-top: 13px;} 
.map_con_wrap .map_info_box .map_info_list > li div em {font-size: inherit; font-weight: 700; color: #000; margin-right: 4px;}
.map_con_wrap .map_info_box .map_info_list > li div span {font-size: inherit; font-weight: 400; color: #444646;}

.title01_wrap {display: flex;gap: 20px; align-items: center;}
.title01_wrap .tip {display: inline-flex; gap: 4px; font-size: 16px;font-weight: 400;color: #505557;margin-bottom: 15px;}
.title01_wrap .tip::before {content: '';flex-shrink: 0; width: 20px;height: 20px;background: url(../images/sub/ic_exclamation2.svg) no-repeat center center;background-size: cover;}
.composition_list .depth1 > li {display: flex; justify-content: space-between;align-items:flex-start;position: relative;}
.composition_list .depth1 > li > button {position: relative; display: flex; justify-content: center; align-items: center;height: 80px;width: 100%; max-width: 373px; border-radius: 100px; padding: 0 20px;font-size: 24px;font-weight: 700; background: #0C2B80;color: #fff;}
.composition_list .depth1 > li > button::after {content: '';width: 800px; height: 1px; background: #d8d8d8; position: absolute; top: 50%; right: -800px; z-index: -1;}
.composition_list .depth1 > li .depth2 { width: calc(100% - 373px);}
.composition_list .depth1 > li .depth2 > li {display: flex; gap: 160px; justify-content: flex-end;}
.composition_list.type0 .depth1 > li .depth2 > li {gap: 100px;}
.composition_list .depth1 > li .depth2 > li > button {position: relative;z-index: 1; display: flex; justify-content: center; align-items: center;height: 72px;width: 100%; max-width: 373px; border-radius: 100px; padding: 0 20px;font-size: 24px;font-weight: 700; background: #4060B9;color: #fff;margin-top: 150px; position: absolute; left: 50%; transform: translateX(-50%); }
.composition_list .depth1 > li .depth2 > li > button::after {content: '';width: 1px; height: 110px; background: #d8d8d8; position: absolute; top: -110px; left: 50%; transform: translateX(-50%);}
.composition_list .depth1 > li .depth2 > li .depth3 {display: flex; flex-direction: column; gap: 20px;width: 100%; max-width: 373px;}
.composition_list .depth1 > li .depth2 > li .depth3 > li {position: relative;}
.composition_list .depth1 > li .depth2 > li .depth3 > li:last-of-type::before { content: '';width: 80px; height: 1px; background: #d8d8d8; position: absolute; top: 50%; left: -80px; transform: translateY(-50%);}
.composition_list .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {content: '';width: 1px; height: 548px; background: #d8d8d8; position: absolute; top: 40px; left: -80px;}
.composition_list.type2 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {height: 461px;}
.composition_list.type4 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {height: 180px;}
.composition_list.type2.type3 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {height: 272px;}
.composition_list .depth1 > li .depth2 > li .depth3 > li > button {display: flex; justify-content: center; align-items: center; gap: 10px; height: 72px;width: 100%; border-radius: 100px; padding: 0 10px;font-size: 22px;font-weight: 700; background: #E6ECF7; color: #000;}
.composition_list .depth1 > li .depth2 > li .depth3 > li > button::after {content: '';width: 20px;height: 20px;margin-top: 4px; background: url(../images/sub/plus_wite.svg) no-repeat center center;background-size: cover;}

.laws_wrap {margin-top: 40px;}
.laws_wrap .input_wrap {position: relative; max-width: 100%;height: 80px; margin: 0 auto; display: flex; background:linear-gradient(45deg, #0C2B80, #4CB699); border-radius: 24px; padding: 4px;}
.laws_wrap .input_wrap input { border-radius: 20px;  border: 0; padding-right: 100px; font-size: 24px; font-weight: 500;color: #000;}
.laws_wrap .input_wrap input::placeholder { color: #9EA3A6;}
.laws_wrap .input_wrap .btn_search {position: absolute; top: 0;right: 0; height: 100%; display: flex; justify-content: center; align-items: center; background: #00A991; border-radius: 0 20px 20px 0; width: 76px; }
.laws_wrap .input_wrap .btn_search::before {content: '';width: 34px; height: 34px; background: url(../images/common/btn_search_big.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.laws_wrap .laws_list li {display: flex; border-bottom: 1px solid #d8d8d8; padding: 40px 0; align-items: center; gap: 20px;}
.laws_wrap .laws_list li .btn_white_mini {margin: 0; margin-left: auto; }
.laws_wrap .laws_list li .num {display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 20px; background: #E6F7F4; color: #00A991;font-family: "roboto"; font-size: 38px;font-weight: 700;flex-shrink: 0;}
.laws_wrap .laws_list li .tit_wrap .tit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 5px;}
.laws_wrap .laws_list li .tit_wrap .tit a:hover {text-decoration: underline; }
.laws_wrap .laws_list li .tit_wrap .txt {font-size: 18px;font-weight: 400;color: #444646;}

.symbol_wrap {margin-top: 40px;}
.symbol_wrap .con_txt,
.symbol_wrap .dot_list {margin-bottom: 30px;}
.symbol_wrap .flex_box {display: flex; gap: 30px;}
.symbol_wrap .symbol_img {flex: 1; gap: 20px; border-radius: 20px; border: 1px solid #D8D8D8;padding: 40px;margin-bottom: 40px; min-height: 220px; display: flex; justify-content: center; align-items: center;}
.symbol_wrap .symbol_img img {max-width: 100%;}
.symbol_wrap .symbol_img .circle { flex-shrink: 0; width: 84px; height: 84px; border-radius: 100%; }
.symbol_wrap .symbol_img .circle.type1 {background: #0A4167;}
.symbol_wrap .symbol_img .circle.type2 {background: #B99563;}
.symbol_wrap .symbol_img dl dt {font-size: 18px; font-weight: 700; color: #000; margin-bottom: 5px;}
.symbol_wrap .symbol_img dl dd {font-size: 18px; font-weight: 400; color: #444646;}
.symbol_wrap .symbol_exp{margin-top:-70px; display:block; margin-bottom:100px;font-size: 18px;line-height: 1.6;}

.bill_cost {margin-top: 40px;}
.bill_cost .intro {display: flex; width: 100%; height: 274px;border-radius: 30px;overflow: hidden; padding: 60px; margin-bottom: 60px;}
.bill_cost .intro.bg01 {background: url(../images/sub/bg_bill_cost01.png) no-repeat center center;background-size: cover;}
.bill_cost .intro.bg02 {background: url(../images/sub/bg_bill_cost02.png) no-repeat center center;background-size: cover;}
.bill_cost .intro .txt_box h2 { color: #fff; font-size: 24px;font-weight: 700;margin-bottom: 10px; line-height: 1.6;}
.bill_cost .intro .txt_box h2 em { color: #00A991; font-weight: inherit; font-size: inherit;}
.bill_cost .intro .txt_box span { color: #fff; font-size: 16px; font-weight: 400; }
.bill_cost .comment_box2 {align-items: flex-start; gap: 40px; position: relative;margin-bottom: 100px; border: none; background:#EEF2F6; }
.bill_cost .comment_box2:last-of-type {margin-bottom: 60px;}
.bill_cost .comment_box2 .icon {flex-shrink: 0;width: 100px; height: 100px;}
.bill_cost .comment_box2 + .comment_box2::before {content: '';position: absolute; top: -75px; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; background:url(../images/sub/ic_arrow_down.svg) no-repeat center center; background-size: cover; }
.bill_cost .comment_box2 .info_box .tit {font-size: 30px; font-weight: 700;color: #000;margin-bottom: 16px;}
.bill_cost .comment_box2 .info_box .tit span {font-size: 24px;font-weight: 700;color: #7D898F;margin-left: 4px;}
.bill_cost .comment_box2 .icon01 {background: url(../images/sub/ic_cost01.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .icon02 {background: url(../images/sub/ic_cost02.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .icon03 {background: url(../images/sub/ic_cost03.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .icon04 {background: url(../images/sub/ic_cost04.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .icon05 {background: url(../images/sub/ic_cost05.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .icon06 {background: url(../images/sub/ic_cost06.svg) no-repeat center center; background-size: cover;}
.bill_cost .comment_box2 .btn_wrap {gap: 10px;margin-top: 10px;}
.bill_cost .num_list {border: 0;}
.bill_cost .comment_box2 .btn_wrap .btn_white_mini {margin: 0;}

.greetings_wrap {margin-top: 50px;}
.greetings_wrap .profile_wrap img {max-width: 100%;}
.greetings_wrap .profile_wrap .mo {display: none;}
.greetings_wrap .greetings_tit {margin: 40px 0;}
.greetings_wrap .greetings_tit p {font-size: 26px;font-weight: 400;color: #000;}
.greetings_wrap .greetings_tit p em {display: block;font-size: 34px;font-weight: 400;margin-bottom: 12px;letter-spacing: -0.78px;}
.greetings_wrap .greetings_tit p em br:not(.pc) {display: none;}
.greetings_wrap .greetings_txt {display: flex; gap: 100px;}
.greetings_wrap .greetings_txt > div {width: calc(50% - 50px);}
.greetings_wrap .greetings_txt p { font-size: 18px;font-weight: 400;color: #000;line-height: 32px;letter-spacing: -0.5px;word-break: keep-all;}
.greetings_wrap .greetings_txt p + p {margin-top: 20px;}
.greetings_wrap .greetings_txt .sign {text-align: right;margin-top: 30px;}
.greetings_wrap .greetings_txt .sign em {font-size: 28px; font-weight: 400; color: #000;letter-spacing: -0.8px;}
.profile_cont {display: flex; gap: 160px; margin-top: 70px; }
.profile_cont .pic_wrap {width: 430px;z-index: 1;}
.profile_cont .pic_wrap .pic {position: relative;width: 400px;}
.profile_cont .pic_wrap .pic img {position: relative;z-index: 1;max-width: 100%;}
.profile_cont .pic_wrap .pic::before {content: '';width: 100%;height: 100%; background: #CFDAE6; position: absolute; top: 30px; left: 30px;z-index: 0;}
.profile_cont .pic_wrap .name_wrap {margin-top: 60px;}
.profile_cont .pic_wrap .name_wrap .small_name {color: #0C2B80; font-size: 24px; font-weight: 700; }
.profile_cont .pic_wrap .name_wrap .name {font-size: 38px;font-weight: 700; color: #000; margin-bottom: 20px;}
.profile_cont .info .item + .item {margin-top: 60px;}

.direction_wrap .d_list_wrap .d_list {margin-bottom: 60px;}
.direction_wrap .d_list_wrap .d_list > li .tit {width: 180px;height: 180px;border-radius: 100%; background:linear-gradient(120deg, #0C2B80, #4CB699); display: flex; justify-content: center; align-items: center; color: #fff; font-size: 38px; font-weight: 700; margin: 0 auto 90px;}
.direction_wrap .d_list_wrap .d_list > li .item {display: flex; gap: 10px; flex-wrap: wrap;}
.direction_wrap .d_list_wrap .d_list > li .item > li {height: 349px; width: calc(100% / 5 - 8px); overflow: hidden; border: 1px solid #d8d8d8; border-radius: 20px;display: flex; flex-direction: column; padding: 20px;}
.direction_wrap .d_list_wrap .d_list > li .item > li:nth-child(1) { background: url(../images/sub/bg_job01.png) no-repeat center center; background-size: cover;}
.direction_wrap .d_list_wrap .d_list > li .item > li:nth-child(2) { background: url(../images/sub/bg_job02.png) no-repeat center center; background-size: cover;}
.direction_wrap .d_list_wrap .d_list > li .item > li:nth-child(3) { background: url(../images/sub/bg_job03.png) no-repeat center center; background-size: cover;}
.direction_wrap .d_list_wrap .d_list > li .item > li:nth-child(4) { background: url(../images/sub/bg_job04.png) no-repeat center center; background-size: cover;}
.direction_wrap .d_list_wrap .d_list > li .item > li:nth-child(5) { background: url(../images/sub/bg_job05.png) no-repeat center center; background-size: cover;}
.direction_wrap .d_list_wrap .d_list > li .item > li .num {font-size: 30px; font-weight: 200; color: #fff; margin-top: auto;}
.direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 18px; font-weight: 700; color: #fff; margin-top: 10px; height: 66px;}
.en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {height: 150px;letter-spacing: -0.5px;}
.vision_wrap .vis_box {position: relative; width: fit-content; margin: 0 auto 30px; font-size: 36px;font-weight: 700;color: #000;text-align: center;}
.en_contents .vision_wrap .vis_box {letter-spacing: -1px;}
.vision_wrap .vis_box br:not(.pc) {display: none;}
.vision_wrap .vis_box::before {content: '';position: absolute; top: 0; left: -30px; width: 20px; height: 19px;background: url(../images/sub/quote01.png) no-repeat center center; background-size: cover;} 
.vision_wrap .vis_box::after {content: '';position: absolute; top: 0; right: -30px; width: 20px; height: 19px;background: url(../images/sub/quote02.png) no-repeat center center; background-size: cover;} 
.en_contents .vision_wrap .vis_box::before, 
.en_contents .vision_wrap .vis_box::after {top: 35px; } 
.periodical_wrap.type2 .sub_title {margin: 0 auto 20px; color: #fff;background: #000;font-size: 24px;font-weight: 700; height: 44px; border-radius: 100px; display: flex; justify-content: center; align-items: center; width: fit-content; padding: 0 14px 0 12px;}
.mission_wrap .m_list {display: flex; gap: 10px;}
.mission_wrap .m_list li {width: calc(100% / 3 - 10px); display: flex; flex-direction: column; gap: 60px; align-items: center;}
.mission_wrap .m_list li .icon {width: 200px;height: 200px;border-radius: 100%; position: relative;}
.mission_wrap .m_list li .icon::before {content: ''; width: 1px;height: 60px; background: #d8d8d8;position: absolute; bottom: -60px;left: 50%; transform: translateX(-50%);}
.mission_wrap .m_list li:nth-child(1) .icon {background: url(../images/sub/ic_vision01.svg) #eef2f6 no-repeat center center; }
.mission_wrap .m_list li:nth-child(2) .icon {background: url(../images/sub/ic_vision02.svg) #eef2f6 no-repeat center center; }
.mission_wrap .m_list li:nth-child(3) .icon {background: url(../images/sub/ic_vision03.svg) #eef2f6 no-repeat center center; }
.mission_wrap .m_list li .txt {width: 100%; text-align: center; font-size: 18px;font-weight: 700;color: #000; border: 1px solid #d8d8d8; border-radius: 100px; padding: 30px 10px; display: flex; justify-content: center; align-items: center;}
.periodical_wrap.type2 .mission_wrap {padding: 40px; background: #EEF2F6; border-radius: 20px;}
.periodical_wrap.type2 .mission_wrap .m_list {display: flex; justify-content: center; align-items: center; background: #EEF2F6; border-radius: 20px;}
.periodical_wrap.type2 .mission_wrap .m_list li {gap: 30px; display: flex; justify-content: center; align-items: center; width: 400px;height: 400px;border-radius: 100%; background: linear-gradient(180deg, rgba(12, 44, 128, 0.30) 0%, rgba(12, 44, 128, 0.00) 100%);}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(1) {margin-right: -50px;}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(2) {background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(3) {margin-left: -50px; background: linear-gradient(180deg, rgba(0, 169, 145, 0.30) 0%, rgba(0, 169, 145, 0.00) 100%);}
.periodical_wrap.type2 .mission_wrap .m_list li .txt {border: 0;padding: 0;font-size: 24px; font-weight: 700;}
.periodical_wrap.type2 .mission_wrap .m_list li .icon {border: 0; width: 64px; height: 64px;border-radius: 0;}
.periodical_wrap.type2 .mission_wrap .m_list li .icon::before {display: none;}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(1) .icon {background: url(../images/sub/ic_vision01.svg) no-repeat center center; background-size: cover;}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(2) .icon {background: url(../images/sub/ic_vision02.svg) no-repeat center center; background-size: cover;}
.periodical_wrap.type2 .mission_wrap .m_list li:nth-child(3) .icon {background: url(../images/sub/ic_vision03.svg) no-repeat center center; background-size: cover;}
.periodical_wrap.type2 .rule_list {border: 1px solid #DBDFEC;height: auto; padding: 40px;background: #fff; }
.periodical_wrap.type2 .rule_list ul {gap: 70px;}
.periodical_wrap.type2 .rule_list ul li::after {transform: rotate(45deg); right: -55px;}
.periodical_wrap.type2 .rule_list ul li {position: relative; width: 347px; height: 184px; background: linear-gradient(45deg, #0C2B80, #4CB699); border-radius: 100px; font-size: 18px;font-weight: 400;color: #505557; line-height: 1;}
.periodical_wrap.type2 .rule_list ul li::before {position: absolute;width: 98%;height: 96%; border-radius: 100px; background:#fff !important;z-index: 1;}
.periodical_wrap.type2 .rule_list ul li em {font-size: 32px; font-weight: 700; color: #0C2B80; position: relative;z-index: 1;text-align: center;}
.periodical_wrap.type2 .rule_list ul li span { position: relative;z-index: 1;}
.periodical_wrap.type2 .rule_list ul li:nth-child(1) em::before {background: url(../images/sub/ic_di01.svg) no-repeat center center; background-size: cover;}
.periodical_wrap.type2 .rule_list ul li:nth-child(2) em::before {background: url(../images/sub/ic_di02.svg) no-repeat center center; background-size: cover;}
.periodical_wrap.type2 .rule_list ul li:nth-child(3) em::before {background: url(../images/sub/ic_di03.svg) no-repeat center center; background-size: cover;}
.direction_wrap .rule_list {display: flex; justify-content: center; align-items: center; background: #EEF2F6; border-radius: 200px; height: 240px;}
.direction_wrap .rule_list ul {display: flex; justify-content: center; align-items: center; height: 100%; gap: 100px;}
.direction_wrap .rule_list ul li {position: relative; width: 200px;height: 200px; border-radius: 100%; background: #fff; font-size: 20px;font-weight: 700;color: #000;display: flex;flex-direction: column; align-items: center; gap: 10px;justify-content: center;}
.direction_wrap .rule_list ul li::before {content: '';width: 72px; height: 72px; flex-shrink: 0;}
.direction_wrap .rule_list ul li .icon {display: flex;}
.direction_wrap .rule_list ul li .icon::before {content: '';width: 72px; height: 72px; flex-shrink: 0;}
.direction_wrap .rule_list ul li::after {content: '';width: 40px; height: 40px; flex-shrink: 0; position: absolute; right: -70px; background: url(../images/sub/ic_plus2.svg) no-repeat center center; background-size: cover;}
.direction_wrap .rule_list ul li:last-of-type::after {display: none;}
.direction_wrap .rule_list ul li:nth-of-type(1)::before { background: url(../images/sub/ic_di01.svg) no-repeat center center; background-size: cover; }
.direction_wrap .rule_list ul li:nth-of-type(2)::before { background: url(../images/sub/ic_di02.svg) no-repeat center center; background-size: cover; }
.direction_wrap .rule_list ul li:nth-of-type(3)::before { background: url(../images/sub/ic_di03.svg) no-repeat center center; background-size: cover; }
.direction_wrap .rule_list.type1 ul li:nth-of-type(1) .icon::before {width: 68px;height: 56px; background: url(../images/sub/ic_di01_2.png) no-repeat center center; background-size: cover; }
.direction_wrap .rule_list.type1 ul li:nth-of-type(2) .icon::before { background: url(../images/sub/ic_di02_2.png) no-repeat center center; background-size: cover; }
.direction_wrap .rule_list.type1 ul li:nth-of-type(3) .icon::before { background: url(../images/sub/ic_di03_2.png) no-repeat center center; background-size: cover; }
.intro_wrap .intro_bg .intro_txt {display: flex; flex-direction: column; justify-content: center; height: 274px; width: 100%; background: url(../images/sub/bg_intro.png) no-repeat center center;background-size: cover; border-radius: 30px; overflow: hidden; margin-top: 40px; padding: 50px 60px;}
.en_contents .intro_wrap .intro_bg .intro_txt {height: 400px;padding: 70px 40px;background: url(../images/sub/en_bg_intro.png) no-repeat center center;background-size: cover;}
.intro_wrap .intro_bg .intro_txt h2 {font-size: 30px; font-weight: 700;color: #fff; margin-bottom: 12px;} /* 251121 삭제요청 */
.intro_wrap .intro_bg .intro_txt p {font-size: 24px; font-weight: 700;color: #fff; margin-bottom: 10px;line-height: 1.6;}
.intro_wrap .intro_bg .intro_txt2 p {font-size: 38px; font-weight: 700;color: #000; text-align: center;margin-top: 60px;}
.intro_wrap .intro_bg .intro_txt2 p em {font-size: inherit; font-weight: inherit; color: #00A991; }
.intro_wrap .intro_bg .intro_txt span {font-size: 18px; font-weight: 500;color: #fff;}
.history_wrap .year_tab .year_list {display: flex; width: 100%; gap: 10px; justify-content: center;margin: 60px auto;}
.history_wrap .year_tab .year_list li {display: flex; justify-content: center; align-items: center; width: fit-content;}
.history_wrap .year_tab .year_list li a {height: 50px; line-height: 50px; color: #000;font-size: 18px;font-weight: 500; padding: 0 24px; border-radius: 50px; border: 1px solid #d8d8d8; background: #fff;}
.history_wrap .year_tab .year_list li.on a {background: #0C2B80; border: 1px solid #0C2B80; color: #fff;}
.history_wrap .year_tab .year_list li a:hover,
.history_wrap .year_tab .year_list li a:focus {text-decoration: underline;}
.history_wrap .inner { padding: 0;}
.history_wrap .year_tab .year_con > ul { display: flex; flex-direction: column; align-items: center;}
.history_wrap .year_tab .year_con > ul > li {position: relative; max-width: 850px; width: 100%; overflow: hidden; display:flex; flex-direction:column; align-items: center;}
.history_wrap .year_tab .year_con > ul > li + li {margin-top: 20px;}
.history_wrap .year_tab .year_con > ul > li::before {content: '';width: 1px; height: 100%; background: #0C2B80; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); }
.history_wrap .year_tab .year_con > ul > li::after {content: '';width: 12px; height: 12px; border-radius: 100%; background: #0C2B80; border: 2px solid #fff; position: absolute; top: 120px; left: 50%; transform: translateX(-50%); }
.history_wrap .year_tab .year_con > ul > li .year {font-family: "roboto"; font-size: 48px;font-weight: 700;color: #000;text-align: center;margin-bottom: 10px;}
.history_wrap .year_tab .year_con > ul > li .year_box {display: flex;flex-direction: column; gap: 4px; width: 400px;background:#EEF2F6;border-radius: 20px;padding: 30px; max-width:400px; width:fit-content;}
.history_wrap .year_tab .year_con > ul > li .year_box + .year_box {margin-top: 10px;}
.history_wrap .year_tab .year_con > ul > li .year_box .date {font-size: 24px; font-weight: 700; color: #000; }
.history_wrap .year_tab .year_con > ul > li .year_box .info {font-size: 18px; font-weight: 500; color: #000; }
.history_wrap .year_tab .year_con > ul > li:nth-of-type(odd) .year_box {transform:translateX(calc(50% + 26px));}
.history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box {transform:translateX(calc(-50% - 26px));}
.history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box *:not(.date){text-align:left;}
.history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box .date {text-align:right;}
.en_contents .history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box {text-align: left;}

.organization_chart .chart_list li a {letter-spacing: -1px;}
.organization_chart .chart_list > li {position: relative; width: 100%;}
.en_contents .organization_chart .chart_list a {cursor: auto;}
.organization_chart .chart_list > li > div,
.organization_chart .chart_list > li > a,
.organization_chart .chart_list > li > button,
.en_contents .organization_chart .chart_list > li > span { width: 333px;height: 80px; margin: 40px auto 160px; background:#0C2B80;color: #fff;border-radius: 100px;display: flex; justify-content: center;align-items: center;font-size: 24px;font-weight: 700;}
.en_contents .organization_chart .chart_list > li > span { width: 290px;}
.organization_chart .chart_list > li::before {content: '';width: 1px; height: 60px;background: #0C2B80; position: absolute;top: 80px;left: 50%; transform: translateX(-50%);}
.organization_chart .chart_list > li::after {content: '';width: 52%; height: 1px;background: #0C2B80; position: absolute;top: 140px;right: 11%;}
.organization_chart .chart_list > li > .depth2 {display: flex;gap: 60px; flex-wrap: wrap;}
.organization_chart .chart_list > li > .depth2 > li {position: relative; width: calc(100% / 4 - 45px);}
.organization_chart .chart_list > li > .depth2 > li .top {margin-bottom: 118px;}
.organization_chart .chart_list > li > .depth2 > li:nth-child(1)::before,
.organization_chart .chart_list > li > .depth2 > li:nth-child(2)::before,
.organization_chart .chart_list > li > .depth2 > li:nth-child(3)::before,
.organization_chart .chart_list > li > .depth2 > li:nth-child(4)::before {content: '';width: 1px; height: 290px;background: #0C2B80; position: absolute;top: -100px;left: 50%; transform: translateX(-50%);}
.en_contents .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::before,
.en_contents .organization_chart .chart_list > li > .depth2 > li:nth-child(2)::before,
.en_contents .organization_chart .chart_list > li > .depth2 > li:nth-child(3)::before,
.en_contents .organization_chart .chart_list > li > .depth2 > li:nth-child(4)::before {height: 100px;}
.organization_chart .chart_list > li > .depth2 > li:nth-child(1)::before { top: -125px;height: 315px;}
.en_contents .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::before {height: 125px;}
.organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {content: ''; position: absolute; background: #0C2B80; width: 179%; height: 1px; transform: rotate(180deg); top: -125px; left: 50%;}
/* .en_contents .organization_chart .chart_list > li > .depth2 > li::before {content: '';width: 1px; height: 100px;background: #0C2B80; position: absolute;top: -100px;left: 50%; transform: translateX(-50%);} */
.organization_chart .chart_list > li > .depth2 > li > div,
.organization_chart .chart_list > li > .depth2 > li > span,
.organization_chart .chart_list > li > .depth2 > li > button,
.organization_chart .chart_list > li > .depth2 > li > a {width: 100%; font-size: 24px; font-weight: 700; color: #0C2B80; background: #E6ECF7; height: 72px; border-radius: 100px; display: flex; justify-content: center; align-items: center; gap: 10px; position: relative;}
.en_contents .organization_chart .chart_list > li > .depth2 > li > div,
.en_contents .organization_chart .chart_list > li > .depth2 > li > button,
.en_contents .organization_chart .chart_list > li > .depth2 > li > a {text-align: center; line-height: 1.4; font-size: 20px;padding: 10px;}
/* .organization_chart .chart_list > li > .depth2 > li > a::after {content: '';width: 20px;height: 20px; background: url(../images/sub/plus_wite.svg) no-repeat center center; background-size: cover;} */
.organization_chart .chart_list > li > .depth2 > li > .depth3 {display: flex; flex-wrap: wrap; }
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li {width: 100%;}
.en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 {margin-bottom: 10px;}
.en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 + li div {padding-top: 10px;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.line {border-top: 1px solid #0C2B80;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director {position: absolute;top: 85px; left: 0; width: 46%;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director.right {position: absolute;top: 85px; left: initial; right: 0;margin-left: 0 !important;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director.right::before {content: ''; width: 9%; height: 1px; background: #0C2B80; position: absolute; top: 50%; transform: translateY(-50%); left: -9%;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director:not(.right)::before {content: ''; width: 9%; height: 1px; background: #0C2B80; position: absolute; top: 50%; transform: translateY(-50%); right: -9%;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > div,
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > button,
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a {text-align: center; padding: 4px; height: 70px; margin-top: 10px; border: 1px solid #B7C0D9;color: #0C2B80; border-radius: 100px; font-size: 18px;font-weight: 700;background: #fff;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director button {padding: 6px;}
/* .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2:has(+ li.type2),
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 + li.type2 {width: 49.5%;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 + li.type2 {margin-left: 1%;} */
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button {display: flex; justify-content: center; align-items: center; font-size: 18px;font-weight: 700;color: #000;padding: 20px 10px; border-bottom: 1px solid #E4E4E4; width: 100%;}
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li > div,
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button,
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li > a {display: flex; justify-content: center; align-items: center; font-size: 18px;font-weight: 700;color: #000;padding: 20px 10px; border-bottom: 1px solid #E4E4E4;background: #fff;}
.en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > div,
.en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button,
.en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > a {text-align: center;font-size: 16px;}
.organization_chart .con_txt {margin-top: 60px;font-weight: 700;}

.en_laws_wrap .sky_box .tit {font-size: 24px; font-weight: 700;color: #000;}
.en_laws_wrap .sky_box {display: flex; justify-content: space-between; align-items: center;}
.en_laws_wrap .sky_box + .sky_box {margin-top: 20px;}
.en_laws_wrap .sky_box a,
.en_laws_wrap .sky_box button {margin: 0;}

.workscope_wrap .title {font-size: 38px; font-weight: 700; color: #000;margin: 60px 0;}
.scope_list {display: flex; gap: 10px;}
.scope_list li {flex: 1; display: flex; flex-direction: column; border-radius: 20px; border: 1px solid #d8d8d8; overflow: hidden;}
.scope_list li .num {font-family: 'roboto'; font-size: 30px;font-weight: 700;color: #0C2B80; height: 78px;background: #EEF2F6;display: flex; justify-content: center; align-items: center;}
.scope_list li .txt {display: flex; justify-content: center; align-items: center; padding: 30px 20px; font-size: 18px; font-weight: 500;color: #000; text-align: center;}

.faq_list {margin-top: 40px; border-top: 2px solid #0C2B80;}
.faq_list .icon {flex-shrink: 0; width: 31px; height: 31px; border-radius: 100%; color: #fff; font-size: 18px;font-weight: 700; margin-right: 20px;}
.faq_list .question .icon {background: #0C2B80; }
.faq_list .answer .icon {background: #000; }
.faq_list .subject {width: 94%; text-align: left; padding-right: 77px;}
.Work_scope_list .answer .subject {width: 100%;padding-right: 0;}
.Work_scope_list:has(.popup_wrap) {margin-top: 8px;}
.Work_scope_list .answer .popup_wrap {display: block; position: static;transform: none;max-width: 100%;border-radius: 0;}
.Work_scope_list .answer .popup_wrap .popup_con {max-height: none;padding: 30px 20px;}
.Work_scope_list:has(.popup_wrap) .list_item li .question {border-top: 1px solid #E4E4E4; border-bottom: 0;}
.faq_list .list_item li .question:focus .subject,
.faq_list .list_item li .question:hover .subject { color: #0C2B80; }
.faq_list .list_item li .question {position: relative; border-bottom: 1px solid #E4E4E4;}
.faq_list .list_item li:last-of-type .question {border-bottom: 0;}
.faq_list .list_item li .question::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 18px; height: 2px; background: #000;}
.faq_list .list_item li .question::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); right: 28px; width: 2px; height: 18px; background: #000; transition: 0.2s;}
.faq_list .list_item li .question.on::after {transform: translateY(-50%) rotate(90deg);}
.faq_list .list_item li .answer { display: none; border-top: 1px solid #e0e0e0; background:#EEF2F6;}
.faq_list .list_item li .question,
.faq_list .list_item li .answer .con {display: flex; text-align: center; padding: 30px 20px; width: 100%;}
.faq_list .list_item li .subject {font-size: 20px; font-weight: 700; color: #000; }
.faq_list .list_item li .answer .subject { font-size: 18px; font-weight: 400; color: #000; }
.faq_list .list_item li .answer .subject .small_tit {display: block; margin-bottom: 10px; font-size: 18px; font-weight: 700; color: #000; }
.bill_cost_list {display: flex;flex-wrap: wrap; align-items: center; justify-content: center; gap: 90px; padding: 20px 60px;}
.bill_cost_list li {position: relative; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #fff; padding: 20px;text-align: center; width: calc(100% / 4 - 68px); height: 248px;}
.bill_cost_list li::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -62px; width: 32px; height: 32px; background: url(../images/sub/page_next.svg) no-repeat center center; background-size: cover;}
.bill_cost_list li:last-child::after {display: none;}
.bill_cost_list li span {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px;font-weight: 400;color: #444646;}
.bill_cost_list li span::before {content: ''; width: 72px; height: 72px; background: url(../images/sub/ic_scope01.svg) no-repeat center center; background-size: cover;}
.bill_cost_list li:nth-child(2) span::before { background: url(../images/sub/ic_scope02.svg) no-repeat center center; background-size: cover;}
.bill_cost_list li:nth-child(3) span::before { background: url(../images/sub/ic_scope03.svg) no-repeat center center; background-size: cover;}
.bill_cost_list li:nth-child(4) span::before { background: url(../images/sub/ic_scope04.svg) no-repeat center center; background-size: cover;}

/* 스켈레톤 UI */ 
.skeleton-container .skeleton {position: relative; }
.skeleton-container .skeleton:not(.type2)::before {content: '';position: absolute; top: 0;left: 0; z-index: 1;width: 100%;height: 100%;border-radius: 4px;background: #E6E6E6;}
.skeleton-container .skeleton.type2::after {content: '';position: absolute; top: 0;left: 0; z-index: 1;width: 100%;height: 100%;border-radius: 4px;background: #E6E6E6;}

/* datepicker */
.ui-datepicker .ui-datepicker-title {align-items: center;}
.ui-datepicker select.ui-datepicker-year {order: 1;}


@media screen and (max-width: 1500px) {
    .map_con_wrap .map_info_box .map_info_list > li div {flex-wrap: wrap;}
    .sub_tab_depth2 .tab_swiper4 {max-width: 950px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 180%;}
    .budget_wrap {height: 742px;}
    .sub_tab_depth2 .tab_swiper4 {padding: 0 0 80px;}
    .budget_swiper_btn_wrap .budget_swiper_btn {top: 280px;}
}
@media screen and (max-width: 1450px) {
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7) ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth */
    .sub_tab_depth2 .tab_swiper2::before,
    .sub_tab_depth2 .tab_swiper2::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7)::before { content: ''; position: absolute; top: 36px; right: 0; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7)::after { content: ''; position: absolute; top: 36px; left: 0; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7):has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2:not(.type2):not(.type3):not(.type4):not(.type5):not(.type6):not(.type7) + .tab_swiper2_btn {display: block;}

    .sub_tab_wrap .tab_swiper.type2 {padding: 0 22px;}
    /* 페이드 - type2 */
    .sub_tab_wrap:has(.tab_swiper.type2)::before {content: '';transition: 0.5s; position: absolute; top: 0; right: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap:has(.tab_swiper.type2)::after {content: '';transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2 ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type2) .tab_swiper_btn {display: block;}

    .sub_tab_wrap .tab_swiper.type5 {padding: 0 22px;}
    /* 페이드 - type5 */
    .sub_tab_wrap:has(.tab_swiper.type5)::before {content: '';transition: 0.5s; position: absolute; top: 0; right: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap:has(.tab_swiper.type5)::after {content: '';transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5 ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper.type5) .tab_swiper_btn {display: block;}
}
@media screen and (max-width: 1400px) {
    .periodical_wrap .circle_list {gap: 46px;}
    .periodical_wrap .circle_list li {width: calc(100% / 4 - 34px); font-size: 17px; gap: 12px; padding: 20px; height: auto;}
    .periodical_wrap .circle_list li + li::before {left: -39px;}
    .open_api .box_list {gap: 46px;}
    .open_api .box_list li {width: calc(100% / 4 - 34px); gap: 12px; padding: 30px;}
    .open_api .box_list li + li::before {left: -39px;}
    .open_api .box_list li em {font-size: 26px; }
    .open_api .box_list li span {font-size: 16px;}
    .map_con_wrap .map_info_box .map_info_list > li {width: calc(100% / 3 - 7px); padding: 20px;}
    .card_list.type2 > li {padding: 20px 20px 70px 20px;}
    .card_list > li .btn_popup {height: 47px;}
    .organization_chart .chart_list > li > .depth2 {gap: 20px;}
    .organization_chart .chart_list > li > .depth2 > li {width: calc(100% / 4 - 15px);}
    .organization_chart .chart_list > li::after {width: 51.2%; right: 11.6%; }
    .bill_cost_list {gap: 50px; padding: 20px;}
    .bill_cost_list li {width: calc(100% / 4 - 38px);}
    .bill_cost_list li::after {right: -40px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 165%;}
    .sub_tab_depth2 .tab_swiper4 { padding: 0 0 50px;}
    .budget_wrap {height: 670px;}
    .budget_swiper_btn_wrap .budget_swiper_btn {top: 240px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 160%;}   
    .tab_swiper4_btn_wrap .tab_swiper4_btn {width: 86%;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 15px; height: 120px; margin-top: 4px;}
}

@media screen and (max-width: 1280px) {
    .board_option {flex-direction: column; gap: 10px;}
    .thum_list li {width: calc((100% / 2) - 20px);} 
    .card_list {gap: 20px;}
    .card_list > li {width: calc(100% / 3 - 14px); padding: 30px 20px; gap: 16px;}
    .card_list > li .info_box .name h3 {font-size: 26px;}
    .card_list.type2 > li {gap: 28px;}
    .card_list.type2 > li .info_box .name h3 {font-size: 24px;}
    .card_list > li .info_box .name span {font-size: 16px;}
    .card_list.type2 > li .picture {width: 80px;height: 102px;}
    .budget_wrap {height: 750px;}
    .composition_list .depth1 > li > button::after {width: 730px; right: -730px; }
    .composition_list.type0 .depth1 > li > button::after {width: 800px; right: -800px; }
    .composition_list .depth1 > li > button,
    .composition_list .depth1 > li .depth2 > li > button,
    .composition_list .depth1 > li .depth2 > li .depth3 {max-width: 240px;}
    .composition_list .depth1 > li > button,
    .composition_list .depth1 > li .depth2 > li > button {font-size: 18px;height: 62px;}
    .composition_list .depth1 > li .depth2 > li > button {margin-top: 80px;}
    .composition_list .depth1 > li .depth2 > li .depth3 > li > button {font-size: 16px;text-align: center;}
    .composition_list.type0 .depth1 > li .depth2 > li > button {margin-top: 116px;}
    .composition_list .depth1 > li .depth2 > li .depth3 > li > button {height: 62px;}
    .composition_list .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {left: -40px; top: 32px; height: 492px;}
    .composition_list.type2 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after { height: 410px;}
    .composition_list.type2.type3 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after { height: 245px;}
    .composition_list.type4 .depth1 > li .depth2 > li .depth3 > li:first-of-type::after {height: 162px;}
    .composition_list .depth1 > li .depth2 > li > button::after {height: 85px; top: -85px;}
    .composition_list.type2 .depth1 > li .depth2 > li > button::after {height: 49px; top: -49px;}
    .composition_list .depth1 > li .depth2 > li .depth3 > li:first-of-type::before,
    .composition_list .depth1 > li .depth2 > li .depth3 > li:last-of-type::before {width: 40px; left: -40px;}
    .composition_list .depth1 > li .depth2 {width: calc(100% - 320px);}
    .profile_cont {gap: 100px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 160%;}
    .organization_chart .chart_list > li > .depth2 > li > div,
    .organization_chart .chart_list > li > .depth2 > li > button,
    .organization_chart .chart_list > li > .depth2 > li > a {font-size: 20px;height: 62px;}
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > div,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > a,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > div,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > button,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a {font-size: 15px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::before {height: 305px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(2)::before,
    .organization_chart .chart_list > li > .depth2 > li:nth-child(3)::before,
    .organization_chart .chart_list > li > .depth2 > li:nth-child(4)::before {height: 280px;}
    .en_contents .organization_chart .chart_list > li > .depth2 > li > div,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > button,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > a {font-size: 17px;line-height: 1.2;}
    .en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > div,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > a {font-size: 15px;}
    .organization_chart .chart_list > li > .depth2 > li > div,
    .organization_chart .chart_list > li > .depth2 > li > button,
    .organization_chart .chart_list > li > .depth2 > li > a {height: 62px;}
    .en_contents .organization_chart .chart_list > li > .depth2 > li > div,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > button,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > a {height: 70px;}
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > div,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > button,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a {height: 62px;}
    .organization_chart .chart_list > li > div,
    .organization_chart .chart_list > li > a,
    .organization_chart .chart_list > li > button {width: 300px;}
    .scope_list li .txt {padding: 12px;}
    .bill_cost_list li span {font-size: 16px;}
    .bill_cost_list li {height: 230px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 160%;}
    .sub_tab_depth2 .tab_swiper2 {margin-bottom: 0;}
    .sub_tab_depth2 .tab_swiper4 {max-width: 850px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li {height: 300px;padding: 16px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li .num {font-size: 26px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 16px; height: 80px;}
    .periodical_wrap.type2 .mission_wrap .m_list li {width: 320px;height: 320px;}
    .periodical_wrap.type2 .mission_wrap .m_list li .txt {font-size: 20px;}
    .periodical_wrap.type2 .mission_wrap {padding: 30px 10px; }
    .periodical_wrap.type2 .rule_list ul {gap: 40px;}
    .periodical_wrap.type2 .rule_list ul li::after {right: -40px;}
    .periodical_wrap.type2 .rule_list ul li {width: 240px;height: 160px;}
    .en_contents .periodical_wrap.type2 .rule_list ul li {width: 260px;}
    .en_contents .periodical_wrap.type2 .rule_list ul li em {font-size: 24px;}
    .budget_swiper_btn_wrap .budget_swiper_btn {top: 270px;}
}
@media screen and (max-width: 1230px) {
    .sub_tab_depth2 .tab_swiper2.type2 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type2 */
    .sub_tab_depth2 .tab_swiper2.type2::before,
    .sub_tab_depth2 .tab_swiper2.type2::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type2::before {content: '';position: absolute; top: 36px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type2::after {content: '';position: absolute; top: 36px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type2:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type2:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type2 + .tab_swiper2_btn {display: block;}
}
@media screen and (max-width: 1200px) {
    .budget_wrap {height: 740px;}
    .tab_swiper4_btn_wrap .tab_swiper4_btn {width: 90%;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {height: 130px;}
}
@media screen and (max-width: 1100px) {
    .en_main #sub_visual .sub_vis .title_wrap .breadcrumb li a {font-size: 16px;}
    .budget_wrap {height: 680px;}
    .sub_tab_depth .tab_swiper3 ul {gap: 0;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {height: 180px;}

    /* 페이드 - 통합검색 */
    .sub_tab_depth .tab_swiper3::before {transition: 0.5s; content: '';position: absolute; top: 36px; right: -7px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth .tab_swiper3::after {transition: 0.5s; content: '';position: absolute; top: 36px; left: -7px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth .tab_swiper3:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth .tab_swiper3:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth .tab_swiper3:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth .tab_swiper3:has(ul li:not(:first-child).on)::after {opacity: 0;}

    .sub_tab_depth2 .tab_swiper2.type5 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type5 */
    .sub_tab_depth2 .tab_swiper2.type5::before,
    .sub_tab_depth2 .tab_swiper2.type5::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type5::before {content: '';position: absolute; top: 36px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type5::after {content: '';position: absolute; top: 36px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type5:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type5:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type5 + .tab_swiper2_btn {display: block;}
}
@media screen and (max-width: 1024px) {
    #sub_visual .sub_vis .title_wrap h2 {font-size: 44px;margin-top: 30px;}
    .en_main #sub_visual .sub_vis .title_wrap h2 {font-size: 38px;}
    .board_wrap {margin-top: 40px;}
    .board_list .list_item li .item_wrap {font-size: 15px;}
    .board_list .file img {margin-top: 1px;width: 20px;}
    .board_option .tit {font-size: 16px;}
    .board_wrap .search_area .search_period {flex-wrap: wrap;margin-right: 0;gap: 8px;}
    .board_wrap .search_area {flex-wrap: wrap;}
    .board_wrap .search_area .search_period {width: 100%;}
    .board_option {flex-wrap: wrap; gap: 8px; }
    .board_wrap .sky_box.search_area {margin-bottom: 0}
    .board_wrap .search_area .search_period .input_date {width: calc(100% / 2 - 61px);}
    .board_option.on .search_area .search_area_inner {flex-wrap: wrap;}
    .board_wrap .search_area .btn_wrap {width: fit-content;}
    .board_wrap .search_area .select_wrap {width: auto;flex: auto;}
    .board_wrap .search_area .search_period + .select_wrap {margin-left: 96px;}
    .view_opti,
    .board_option .search_opti {width: 100%; justify-content: flex-start;}
    .view_count .count {margin-right: 0;}
    .board_option .search_opti .search_box .input_search {min-width: auto;}
    .sub_tab_wrap .tab_swiper {padding: 0 22px;}
    .sub_tab_wrap .tab_swiper_btn {display: block;}
    /* 페이드 */
    .sub_tab_wrap::before {content: '';transition: 0.5s; position: absolute; top: 0; right: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap::after {content: '';transition: 0.5s; position: absolute; top: 0; left: 0; z-index: 1; width: 30px;height: 100%;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_wrap:has(.tab_swiper:not(.swiper-initialized))::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper:not(.swiper-initialized))::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_wrap:has(.tab_swiper ul li:not(:first-child).on)::after {opacity: 0;}
    .board_view_wrap .title_area .tit {font-size: 36px;}
    .card_list > li {width: calc(100% / 2 - 10px);}
    .periodical_wrap .circle_list {flex-wrap: wrap; gap: 30px 46px; }
    .periodical_wrap .circle_list li {width: calc(50% - 23px); height: 100px;}
    .open_api .box_list {flex-wrap: wrap; gap: 30px 46px; }
    .open_api .box_list li {width: calc(50% - 23px);}
    .open_api .box_list li:nth-child(3)::before {left: 101.5%; top: -12%; transform: translateY(-50%) rotate(135deg);}
    .map_con_wrap .map_info_box .map_info_list > li {width: calc(100% / 2 - 5px);}
    .composition_list {margin-top: 50px;}
    .composition_list .depth1 > li {flex-direction: column; align-items: center;}
    .composition_list .depth1 > li .depth2 {width: 100%; }
    .composition_list .depth1 > li .depth2 > li {flex-direction: column; justify-content: center; align-items: center; gap: 0;}
    .composition_list .depth1 > li .depth2 > li .depth3 > li:first-of-type::after,
    .composition_list .depth1 > li .depth2 > li .depth3 > li:first-of-type::before,
    .composition_list .depth1 > li .depth2 > li .depth3 > li:last-of-type::before {display: none;}
    .composition_list .depth1 > li .depth2 > li > button,
    .composition_list .depth1 > li > button {margin-bottom: 40px;}
    .composition_list.type0 .depth1 > li > button {margin-bottom: 40px;margin-top: 0;}
    .composition_list .depth1 > li .depth2 > li > button {margin-top: 0;}
    .composition_list.type0 .depth1 > li .depth2 > li > button{margin-top: 0;}
    .composition_list .depth1 > li .depth2 > li > button {position: relative;left: initial; transform: none;}
    .composition_list.type0 .depth1 > li .depth2 > li {gap: 0;}
    .composition_list.type0 .depth1 > li > a::after {width: 1px;}
    .composition_list .depth1 > li > button::after {right: -550px;height: 40px; width: 1px; right: initial; left: 50%; transform: translateX(-50%) rotate(180deg); bottom: -40px; top: initial;}
    .composition_list.type0 .depth1 > li > button::after {right: -550px;height: 40px; width: 1px; right: initial; left: 50%; transform: translateX(-50%) rotate(180deg); bottom: -40px; top: initial;}
    .composition_list .depth1 > li .depth2 > li > button::after {height: 40px;bottom: -40px; top: initial;}
    .composition_list.type2 .depth1 > li .depth2 > li > button::after {height: 40px;bottom: -40px; top: initial;}
    .title01_wrap {flex-wrap: wrap; gap: 12px;}
    .composition_list.type2 .depth1 > li > button {margin-top:0;}
    .profile_cont {flex-direction: column; justify-content: center; align-items: center; gap: 80px;}
    .profile_cont .pic_wrap {width: 100%;}
    .profile_cont .info {width: 100%;}
    .profile_cont .pic_wrap .pic {width: 100%;}
    .profile_cont .pic_wrap .pic img {width: 100%;}
    .direction_wrap .con_txt br {display: none;}
    .direction_wrap .rule_list {height: 190px;}
    .direction_wrap .rule_list ul {gap: 64px;}
    .direction_wrap .rule_list ul li {width: 160px;height: 160px;font-size: 18px;}
    .direction_wrap .rule_list ul li::after {right: -52px;}
    .direction_wrap .rule_list ul li::before {width: 64px;height: 64px;}
    .history_wrap .year_tab .year_con > ul > li{display:block;}
    .history_wrap .year_tab .year_con > ul > li .year_box {max-width: 340px;}
    .scope_list {flex-wrap: wrap;}
    .scope_list li {flex: none; width: 100%;}
    .scope_list li .txt {padding: 20px;}
    .intro_wrap .intro_bg .intro_txt {padding: 40px;}
    .intro_wrap .intro_bg .intro_txt2 p {font-size: 28px;margin-top: 60px;}
    .en_contents .mission_wrap .m_list li .txt {font-size: 16px;}
    .bill_cost .intro {padding: 40px;}
    .bill_cost_list li {width: calc(100% / 2 - 25px); height: 300px;}
    .bill_cost_list li:nth-child(2)::after {display: none;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {width: 165%;}
    .thesis_bg_box {padding: 24px; }
    .thesis_bg_box .con_txt {font-size: 14px;margin-top: auto;} 
    .thesis_bg_box .con_txt em {font-size: 18px;} 
    .thesis_bg_box.type2 .con_txt em {font-size: inherit;}
    .thesis_bg_box.type2 .tip::before {margin-top: 0;width: 16px;height: 16px;}
    .periodical_wrap .icon_list {gap: 20px;}
    .periodical_wrap .icon_list > li:nth-child(1),
    .periodical_wrap .icon_list > li:nth-child(2) {width: 100%;}
    .periodical_wrap .icon_list > li {padding: 24px 16px;}
    .periodical_wrap .icon_list > li::before {top: 24px; left: 16px;}
    .periodical_wrap .icon_list li .tit {font-size: 22px;}
    .periodical_wrap .circle_list li:nth-child(3)::before {left: 101.5%; top: -12%; transform: translateY(-50%) rotate(135deg);}
    .sub_tab_depth2 .tab_swiper4 {padding: 0 0 40px;}
    .sub_tab_depth2 .tab_swiper4 {max-width: 700px;}
    .budget_wrap {height: 840px;}
    .con_txt_big {font-size: 28px;}
    .con_txt_big br {display: none;}
    .direction_wrap .d_list_wrap .d_list > li .item > li {height: 280px;}
    .vision_wrap .vis_box {font-size: 34px;}
    .en_contents .vision_wrap .vis_box {font-size: 30px;}
    .en_contents .vision_wrap .vis_box::before,
    .en_contents .vision_wrap .vis_box::after {top: 30px;}
    .periodical_wrap.type2 .sub_title {font-size: 20px; height: 38px;}
    .periodical_wrap.type2 .mission_wrap .m_list li {width: 280px;height: 280px;}
    .mail_input .mail2,
    .mail_input .select_wrap {max-width: 200px;}
}
@media screen and (max-width: 970px) {
    .en_main #sub_visual .sub_vis .title_wrap .breadcrumb li a {font-size: 14px;}
    .en_main #sub_visual .sub_vis .inner {gap: 20px;}
    .budget_wrap {height: 800px;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 14px;}
} 
@media screen and (max-width: 900px) {
    .direction_wrap .d_list_wrap .d_list > li .item > li {width: 100%;height: 120px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li .num {padding: 0;}
    .periodical_wrap.type2 .mission_wrap .m_list {flex-direction: column;}
    .periodical_wrap.type2 .mission_wrap .m_list li {gap: 10px;}
    .periodical_wrap.type2 .mission_wrap .m_list li:nth-child(1) {margin-right: 0;}
    .periodical_wrap.type2 .mission_wrap .m_list li:nth-child(2),
    .periodical_wrap.type2 .mission_wrap .m_list li:nth-child(3) {margin-left: 0; margin-top: -50px;}
    .periodical_wrap.type2 .rule_list ul {flex-direction: column;width: 100%;}
    .periodical_wrap.type2 .rule_list ul li::after {right: initial; top: 164px;}
    .greetings_wrap .greetings_tit p br {display: none;}
    .budget_wrap {height: 760px;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {height: auto;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .num {margin-top: 0;}
    .en_main #sub_visual .sub_vis .title_wrap {display: flex; flex-direction: column; align-items: flex-start;justify-content: center; gap: 10px;}
    .en_main #sub_visual .sub_vis .share { position: absolute; top: 16px;right: 20px;}
}
@media screen and (max-width: 820px) {
    .sub_tab_depth2 .tab_swiper2.type4 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type4 */
    .sub_tab_depth2 .tab_swiper2.type4::before,
    .sub_tab_depth2 .tab_swiper2.type4::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type4::before {content: '';position: absolute; top: 36px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type4::after {content: '';position: absolute; top: 36px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type4:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type4:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type4:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .budget_wrap {height: 700px;}
    .sub_tab_depth2 .tab_swiper2.type4 + .tab_swiper2_btn {display: block;}
}
@media screen and (max-width: 768px) {
    #contents,
    .en_contents #contents {padding-bottom: 40px;}
    #contents:has(.Work_scope_list ) {padding-bottom: 20px;} 
    .board_wrap .sky_box {padding: 20px;margin-top: 0;}
    #sub_visual .sub_vis {height: 210px;background: url(../images/sub/vis01_m.png) no-repeat center center; background-size: cover;}
    .en_main #sub_visual .sub_vis {height: 250px;}
    #sub_visual .sub_vis.ver2 {background: none !important;}
    #sub_visual .sub_vis.vis01 {background: url(../images/sub/vis01_m.png) no-repeat center center; background-size: cover;}
    #sub_visual .sub_vis.vis02 {background: url(../images/sub/vis02_m.png) no-repeat center center; background-size: cover;}
    #sub_visual .sub_vis.vis03 {background: url(../images/sub/vis03_m.png) no-repeat center center; background-size: cover;}
    #sub_visual .sub_vis.vis04 {background: url(../images/sub/vis04_m.png) no-repeat center center; background-size: cover;}
    #sub_visual .sub_vis.bd0 {height: fit-content;margin-bottom: 40px;}
    #sub_visual:has(+.ai_search_wrap2) .sub_vis {height: 220px;}
    #sub_visual:has(+.ai_search_wrap2) .sub_vis .title_wrap {margin-top: 70px;}
    #sub_visual .sub_vis .inner {padding: 16px 20px;}
    #sub_visual .sub_vis .title_wrap {display: flex; flex-direction: column; align-items: flex-start;justify-content: center; gap: 10px;}
    #sub_visual .sub_vis .title_wrap h2 {font-size: 34px;margin-top: 0px;}
    .en_main #sub_visual .sub_vis .title_wrap h2 {font-size: 30px;}
    #sub_visual .sub_vis .title_wrap .breadcrumb {justify-content: flex-start; flex-wrap: wrap;}
    #sub_visual .sub_vis .title_wrap .breadcrumb li.btn_home a {width: 16px;height: 16px;}
    #sub_visual .sub_vis .share { position: absolute; top: 16px;right: 20px;}
    #sub_visual .sub_vis .share .link,
    #sub_visual .sub_vis .share .print {width: 32px;height: 32px;}
    #sub_visual .sub_vis .title_wrap .breadcrumb li a {font-size: 13px;}
    #sub_visual .sub_vis .share .share_box {top: 40px;right: 40px;}
    .tab_menu {margin-bottom: 40px;}
    .tab_menu ul {gap: 8px;}
    .tab_menu ul li a {font-size: 15px;padding: 0 12px; height: 40px; line-height: 40px;}
    .sub_tab_wrap .tab li {height: 42px; }
    .sub_tab_wrap .tab li:first-of-type {padding-left: 0; }
    .sub_tab_wrap .tab li::after {height: 14px;}
    .sub_tab_wrap .tab.wd50 {justify-content: flex-start;}
    .sub_tab_wrap .tab.wd50 li {width: fit-content;}
    .sub_tab_wrap .tab li a {font-size: 16px; margin: 0;}
    .sub_tab_wrap .tab li a::before { bottom: -11px; }
    .sub_tab_wrap .tab_swiper::before,
    .sub_tab_wrap .tab_swiper::after {top: -7px;}
    .sub_tab_depth2 .tab_swiper2 {padding: 24px 28px 0;}
    .sub_tab_depth2 .tab_swiper2::before,
    .sub_tab_depth2 .tab_swiper2::after {top: 17px !important;}
    .sub_tab_depth2 .tab_swiper2 ul li a {font-size: 14px; height: 41px; line-height: 41px; padding: 0 16px;}
    .sub_tab_depth2 .tab_swiper2_btn button {top: 24px;}
    .sub_tab_depth .tab_swiper3 {padding: 24px 1px;}
    .sub_tab_depth .tab_swiper3 ul li button,
    .sub_tab_depth .tab_swiper3 ul li a {font-size: 14px; height: 41px; line-height: 41px; padding: 0 16px;}
    .sub_tab_depth .tab_swiper3::before,
    .sub_tab_depth .tab_swiper3::after {top: 16px;}
    .sub_tab_depth2 .tab_swiper4 {max-width: calc(100% - 50px);padding: 0 10px;}
    .board_wrap .sky_box .txt {font-size: 16px; }
    .board_wrap .search_area {padding: 24px 16px;}
    .board_option .tit {font-size: 14px;width: 100%;margin-right: 0;}
    .board_wrap .search_area .search_period {gap: 4px;}
    .board_wrap .search_area .search_period .input_date {width: calc(50% - 2px);}
    .board_wrap .search_area .search_period span {display: none;}
    .paging_wrap ul {gap: 8px;}
    .paging_wrap ul li button,
    .paging_wrap ul li a {height: 32px;font-size: 16px;}
    .paging_wrap ul li a.btn_first,
    .paging_wrap ul li button.btn_first,
    .paging_wrap ul li a.btn_prev,
    .paging_wrap ul li button.btn_prev,
    .paging_wrap ul li a.btn_next,
    .paging_wrap ul li button.btn_next,
    .paging_wrap ul li button.btn_last,
    .paging_wrap ul li a.btn_last { width: 32px; height: 32px; border-radius: 8px; } 
    .board_list .list_head {display: none;}
    .board_list .list_item {border-top: 2px solid #0C2B80;}
    .view_opti {flex-wrap: wrap;gap: 8px;}
    .view_opti .select_wrap.sel_num {width: 65px;}
    .view_opti .select_wrap.sel_date {width: calc(100% - 146px)}
    .view_opti .view_count {width: 100%; }
    .view_opti .sel_tit {font-size: 14px;width: 100%;}
    .view_count .count {font-size: 16px;}
    .view_opti .btn_search {font-size: 16px;}
    .board_option {padding: 16px; padding-bottom: 30px;}
    .board_option.on .search_area .search_area_inner {gap: 4px;}
    .board_wrap .search_area .search_period + .select_wrap {margin-left: 0;}
    .board_option .search_opti .search_box {flex-wrap: wrap;gap: 8px 0;}
    .board_option .search_opti .search_box .select_wrap {width: 100%;height: 44px;}
    .board_option .search_opti .search_box .input_search {margin-left: 0;width: calc(100% - 62px);height: 44px; }
    .board_option .search_opti .search_box .btn_setting {margin-left: auto;font-size: 14px; height: 36px; width: auto; gap: 2px;bottom: -17px;}
    .board_list .new {width: 16px;height: 16px;font-size: 11px;margin-top: 3px;}
    .board_list .num {display: none;}
    .board_list .list_item li .item_wrap {flex-wrap: wrap;justify-content: flex-start;gap: 0 12px; }
    .board_list .view {display: flex;}
    .board_list .view::before {content: '';margin-top: 2px; margin-right: 1px; flex-shrink: 0; width: 16px;height: 16px;background: url(../images/sub/ic_eye.svg) no-repeat center center; background-size: cover;}/* 251222 조회에서 아이콘으로 변경 */ 
    .board_list .department_name {width: 30%;display: flex;}
    .board_list .department_name::before {content: '';margin-top: 2px; flex-shrink: 0; width: 16px;height: 16px;background: url(../images/sub/ic_book.svg) no-repeat center center; background-size: cover;}
    .board_list .date {display: flex;}
    .board_list .date::before {content: '';margin-top: 2px; flex-shrink: 0; width: 16px;height: 16px;background: url(../images/sub/ic_cal2.svg) no-repeat center center; background-size: cover;}
    .board_list .list_item li .item_wrap > div {width: auto; font-size: 14px; color: #444646; position: relative;}
    .board_list .list_item li .item_wrap > div:not(.department_name)::after {content: ''; position: absolute; left: -6px;top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #d8d8d8; }
    .board_list .list_item li .item_wrap > div:last-of-type,
    .board_list .list_item li .item_wrap > div.report_name::after {display: none;}
    .board_list .list_item li .item_wrap > div.report_name {width: 100%;font-size: 18px; margin-bottom: 10px;}
    .board_list .list_item li.nodata {font-size: 16px; padding: 60px 20px;}
    .sub_tab_wrap .tab li a::before {bottom: -10px;}
    .en_contents .sub_tab_wrap .tab li a::before {bottom: -9px;} 
    .board_view_wrap .content + .btn_wrap {margin-top: 16px;}
    .board_wrap .sky_box.flex {flex-direction: column; gap: 20px;}
    .board_wrap .sky_box .tip {font-size: 14px;}
    .board_view_wrap .file_wrap {padding: 16px; border-radius: 16px;}
    .board_view_wrap .title_area {gap: 8px;}
    .board_view_wrap .title_area .qr_img {width: 48px;height: 61px;}
    .board_view_wrap .title_area .tit {font-size: 24px;}
    .board_view_wrap .title_area:has(.qr_img) .tit {width: calc(100% - 56px);}
    .board_view_wrap .mini_tit {font-size: 15px; margin-bottom: 5px;}
    .board_view_wrap .view_info ul li {font-size: 14px; padding: 0 6px;}
    .board_view_wrap .view_info ul li:last-child {padding-right: 0;}
    .board_view_wrap .view_info ul li::before {width: 16px;height: 16px;}
    .board_view_wrap .content .content_inner .toc_list > li > span {margin-bottom: 4px;}
    .board_view_wrap .content .content_inner .toc_list > li > span small {font-size: 16px;}
    .board_view_wrap .file_wrap ul li {flex-wrap: nowrap; gap: 4px; align-items: center;}
    .btn_wrap:has(.file_excel) {gap: 8px;}
    .board_view_wrap .file_wrap ul li .btn_wrap {justify-content: flex-end; width: auto; flex-shrink: 0;}
    .board_view_wrap .file_wrap ul li .btn_view,
    .board_view_wrap .file_wrap ul li .file_excel {width: 40px; font-size: 0; flex-shrink: 0;}
    .board_view_wrap .file_wrap ul li .file_excel::before {margin-right: 0;}
    .board_view_wrap .file_wrap ul li .btn_view::before {margin-left: 3px;}
    .board_view_wrap .file_wrap ul li .file_name {flex: 1; align-items: center; margin-right: 8px; min-width: 0; max-width: none;}
    .board_view_wrap .file_wrap ul li .file_name .text_wrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .board_view_wrap .content .content_inner .toc_list a {font-size: 16px;}
    .board_view_wrap table {table-layout: initial;}
    .open_wrap {flex-direction: column; gap: 8px; padding: 24px 16px;}
    .open_wrap .tip {font-size: 16px;line-height: 1.5;}
    .open_wrap .img_wrap {width: 135px;}
    .open_box .btn_basic {width: 100%; }
    .open_api .box_list li:nth-child(3)::before {left: 50%; transform: translateX(-50%) rotate(90deg); top: -50px;}
    .board_view_wrap .content .content_inner {padding: 40px 0;}
    .board_btn_wrap div .prev,
    .board_btn_wrap div .next {width: 96px;padding: 10px;align-items: center;}
    .board_btn_wrap div .text_wrap {width: calc(100% - 96px);}
    .board_btn_wrap div span {padding: 12px;font-size: 16px;}
    .board_list .file img {margin-top: 2px;width: 16px;}
    .thum_list {gap: 48px;}
    .thum_list li {width: 100%;}
    .thum_list li a .thum_info .text_wrap2 {font-size: 18px;}
    .thum_list li a .thum_info .date {font-size: 14px;}
    .periodical_wrap .title01::before {width: 20px;height: 20px; margin-top: 8px;}
    /* .en_contents .periodical_wrap .title01::before {margin-top: 10px;} */
    .periodical_wrap .title01 {font-size: 26px;margin-bottom: 16px;}
    .periodical_wrap .title01.mt60 {margin-top: 40px;}
    .periodical_wrap .icon_list li .tit {font-size: 21px;}
    .periodical_wrap .icon_list > li {gap: 16px;}
    .periodical_wrap .dot_list,
    .periodical_wrap .con_txt {font-size: 16px; margin-bottom: 20px;}
    .periodical_wrap .dot_list.mb60 { margin-bottom: 40px;}
    .en_contents .direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 13px; }
    .card_list > li {width: 100%;}    
    .card_list > li .info_box .name span {margin-left: 0;}
    .card_list > li .info_box .name h3 {font-size: 22px;} 
    .card_list > li .info_box .info ul li {font-size: 16px;}
    .card_list.type2 > li {gap: 24px; padding-bottom: 60px;}
    .card_list.type2 > li .info_box .name {gap: 4px;}
    .card_list > li .btn_popup {height: 44px;}
    .card_list > li .info_box .name span,
    .card_list > li .info_box .date {font-size: 16px;}
    .en_contents .card_list > li .info_box .name {flex-wrap: wrap;}
    .periodical_wrap .circle_list {gap: 64px;}
    .periodical_wrap .circle_list li {width: 100%; height: auto;}
    .periodical_wrap .circle_list li + li::before,
    .periodical_wrap .circle_list li:nth-child(3)::before {left: 50%; transform: translateX(-50%) rotate(90deg); top: -50px;}
    .periodical_wrap .circle_list li span br {display: none;}
    .open_api .box_list {gap: 64px;margin-top: 0;}
    .open_api .box_list li {width: 100%; height: auto;}
    .open_api .box_list li + li::before {left: 50%; transform: translateX(-50%) rotate(90deg); top: -50px;}
    .budget_swiper_btn_wrap {width: 93%;top: 44%; transform: translate(-50%, -50%); }
    .media_txt,
    .rss_txt {flex-direction: column;}
    .rss_txt {gap: 8px; align-items: flex-start;}
    .rss_txt ul li {font-size: 16px;}
    .rss_txt ul li + li {margin-top: 8px;}
    .rss_list > li {padding: 32px 0;}
    .rss_list > li .btn_rss {margin-top: 0;}
    .copy_list > li {flex-direction: column; gap: 10px;}
    .copy_list > li .txt_box {flex-direction: column; gap: 10px;}
    .copy_list > li .txt_box p {margin-bottom: 0;}
    .copy_list > li .txt .btn_wrap{margin-top: 12px;}
    .budget_wrap {padding: 27px 14px;border-radius: 16px;height: auto;margin-bottom: 0;}
    .budget_swiper_btn_wrap .budget_swiper_btn {top: 0;width: 100%;}
    .budget_swiper_btn_wrap .budget_swiper_btn button {width: 37px;height: 32px;}
    .budget_swiper_btn_wrap .budget_swiper_btn .budget_swiper_prev {width: 38px;} 
    .sub_tab_depth2 .tab_swiper4 ul li button,
    .sub_tab_depth2 .tab_swiper4 ul li a {font-size: 15px; height: 40px;padding: 0 12px;line-height: 40px;}
    .budget_wrap .budget_swiper_wrap {margin-top: 40px; padding: 0 40px;}
    .budget_wrap .budget_swiper_wrap .budget_swiper {padding: 0 10px;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul {padding-top: 0;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > span {font-size: 18px;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap button,
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap a {height: 36px; font-size: 14px;}
    .budget_swiper::before,
    .budget_swiper::after {width: 20px; }
    .tab_swiper4_btn_wrap .tab_swiper4_btn {top: 33px;width: 94%;}
    .tab_swiper4_btn_wrap .tab_swiper4_btn button {width: 32px;height: 32px;}
    .copy_list.privacy > li .privacy_tit {font-size: 18px;}
    .privacy_intro_txt {flex-direction: column;}
    .privacy_intro_txt.type2 {align-items: flex-start;}
    .privacy_intro_txt br {display: none;}
    .copy_list > li + li {margin-top: 20px;}
    .copy_list > li .txt p:first-of-type {margin-bottom: 0;}
    .tip_txt {font-size: 14px;}
    .comment_box {flex-direction: column;padding: 20px;}
    .comment_box .btn_wrap {justify-content: flex-start;margin-top: 0;}
    .comment_box2 {padding: 20px; flex-direction: column;}
    .comment_box2 .input_wrap:first-of-type input {height: 100px;}
    .comment_box2 .btn_black.plus {margin-left: auto; height: 44px;}
    .comment_box2 .input_wrap {height: auto;}
    .comment_box2 .input_wrap.password {max-width: 100%;}
    .comment_box2 .input_wrap textarea {height: 100px;}
    .comment_box .comment_wrap {flex-direction: column; gap: 10px; align-items: flex-start;}
    .mail_wrap .comment_box2 p {font-size: 16px;}
    .api_tag {margin: 0;}
    .open_api .btn_wrap button {width: 100%;}
    .open_api .table_wrap td.no_data{font-size: 14px; }
    .mail_input {flex-wrap: wrap;}
    .mail_input input {width: calc(50% - 18px) !important; }
    .mail_input .select_wrap {max-width: 100%;}
    .open_api .sns_list {flex-direction: column;}
    .open_api .sns_list li {padding: 40px;}
    .open_api .sns_list li h3 {font-size: 18px;}
    .open_api_menu .title02 {font-size: 22px;}
    .open_api_menu .comment_box {flex-direction: column;}
    .open_api_menu .comment_box .info {flex-direction: column; flex-wrap: wrap; width: 100%; gap: 20px; justify-content: center; align-items: center;}
    .open_api_menu .comment_box .info .api_box {width: 100%;}
    .open_api_menu .comment_box .info .dot_list {margin-bottom: 16px;}
    .open_api_menu .btn_wrap button {width: 100%;margin-top: -60px;}
    .open_api .box_list li em {font-size: 22px; }
    .open_api .box_list li span {font-size: 15px;}
    .open_api .btn_wrap {margin-top: 40px;}
    .open_api .btn_wrap a {width: 100%;}
    .quiz_wrap .head {justify-content: flex-start; height: 388px; background: url(../images/sub/bg_quiz_mo.png) no-repeat center bottom 17%; background-size: cover; padding: 24px; margin-bottom: 24px;}
    .quiz_wrap .head img {width: 187px;}
    .quiz_wrap .head h2 {font-size: 32px;}
    .quiz_wrap .head p {font-size: 15px;}
    .quiz_con .quiz_box .quest_box .hint {font-size: 14px;padding: 3px 8px;}
    .quiz_con {padding: 32px 12px; border-radius: 24px;}
    .quiz_con .quiz_box .quest_box .q_num {font-size: 26px;}
    .quiz_con .quiz_box .quest_box .question {margin: 10px 0;font-size: 15px;line-height: 1.5;}
    .quiz_con .quiz_box .answer_box {margin-top: 15px;}
    .quiz_end_box {margin-bottom: 20px; padding: 12px;}
    .quiz_end_box span {font-size: 18px;}
    .quiz_con .quiz_box + .quiz_box {border: 0; padding-top: 30px;}
    .quiz_con .quiz_box {padding-bottom: 30px;}
    .quiz_wrap .head::before {width: 64px; height: 57px;}
    .quiz_swiper {max-width: 78%; padding: 16px 0;} 
    .quiz_swiper_btn_wrap .quiz_swiper_btn {top: 42px; width: calc(100% - 16px);}
    .quiz_swiper_btn_wrap .quiz_swiper_btn button {width: 24px;height: 24px;}
    .quiz_swiper ul li button {padding: 13px;}
    .quiz_swiper ul li button .month {font-size: 16px;}
    .quiz_swiper ul li button .year {font-size: 13px;}
    .quiz_swiper::before,
    .quiz_swiper::after {width: 20px;}
    .map_con_wrap .img_wrap .pc {display: none;}
    .map_con_wrap .img_wrap .mo {display: block;}
    .map_con_wrap .comment_box:last-of-type,
    .map_con_wrap .map_tit {margin-bottom: 40px;}
    .map_con_wrap .map_tit h2,
    .map_con_wrap .map_tit .tel{font-size: 18px;}
    .map_con_wrap .map_tit .tel::before {width: 24px;height: 24px;}
    .map_con_wrap .comment_box {gap: 20px;}
    .map_con_wrap .comment_box .traffic_box.subway + .dot_list {margin-top: 0;}
    .map_con_wrap .comment_box .dot_list em {flex-shrink: 0;}
    .map_con_wrap .comment_box .traffic_box {max-width: none; width: 100%;height: 60px; border-radius: 16px; font-size: 18px;}
    .map_con_wrap .comment_box .traffic_box.bus::before,
    .map_con_wrap .comment_box .traffic_box.subway::before {width: 28px;height: 28px;}
    .sub_title {font-size: 22px;}
    .map_con_wrap .map_info_box .map_info_list > li {width: 100%;}
    .composition_list .depth1 > li > button,
    .composition_list .depth1 > li .depth2 > li > button, 
    .composition_list .depth1 > li .depth2 > li .depth3 {max-width: 100%;}
    .composition_list .depth1 > li .depth2 > li .depth3 {gap: 8px;}
    .title01_wrap .tip,
    .title01_wrap .title01 {margin-bottom: 0;}
    .laws_wrap .input_wrap input {font-size: 16px;}
    .laws_wrap .input_wrap {height: 64px; border-radius: 20px;}
    .laws_wrap .input_wrap input {border-radius: 16px;}
    .laws_wrap .input_wrap .btn_search {width: 56px; height: 56px;top: 4px;border-radius: 0 16px 16px 0;}
    .laws_wrap .input_wrap .btn_search::before {width: 30px;height: 30px; }
    .laws_wrap .laws_list li {align-items: flex-start; flex-wrap: wrap; gap: 12px; padding: 24px 0;}
    .laws_wrap .laws_list li .num {width: 52px;height: 52px; font-size: 26px;}
    .laws_wrap .laws_list li .tit_wrap { width: calc(100%  - 64px);}
    .laws_wrap .laws_list li .tit_wrap .tit { font-size: 18px;}
    .laws_wrap .laws_list li .tit_wrap .txt { font-size: 16px;}
    .laws_wrap .laws_list li .btn_white_mini {margin-left: 64px;}
    .symbol_wrap .symbol_img {padding: 30px;min-height: auto;}
    .symbol_wrap .flex_box {flex-direction: column;gap: 24px;}
    .symbol_wrap .flex_box .symbol_img:not(:last-child) {margin-bottom: 0;}
    .symbol_wrap .symbol_exp {font-size: 16px;}
    .bill_cost .intro {height: 360px;}
    .bill_cost .intro {padding: 24px;margin-bottom: 40px;}
    .bill_cost .intro.bg01 {background:url(../images/sub/bg_bill_cost02_mo.png) no-repeat center center; background-size: cover;}
    .bill_cost .intro.bg02 {background:url(../images/sub/bg_bill_cost01_mo.png) no-repeat center center; background-size: cover;}
    .bill_cost .intro .txt_box {margin-top: auto;}
    .bill_cost .intro .txt_box h2 {font-size: 18px;}
    .bill_cost .intro .txt_box h2 br {display: none;}
    .bill_cost .intro .txt_box span {font-size: 14px;}
    .bill_cost .comment_box2 {padding: 24px 16px; gap: 16px; flex-direction: row;margin-bottom: 64px;margin-top: 0;}
    .bill_cost .comment_box2:last-of-type {margin-bottom: 40px;}
    .bill_cost .comment_box2 .icon {width: 64px;height: 64px;}
    .bill_cost .comment_box2 .info_box .tit {font-size: 22px;}
    .bill_cost .comment_box2 .info_box .tit span {font-size: 16px;display: block;margin-left: 0;}
    .bill_cost .comment_box2 + .comment_box2::before {width: 32px;height: 32px;top: -50px;}
    .bill_cost .dot_list li + li {margin-top: 4px;}
    .bill_cost .dot_list em {flex-shrink: 0;}
    .greetings_wrap .greetings_tit {margin: 24px 0;}
    .greetings_wrap .greetings_tit p {font-size: 22px;}
    .greetings_wrap .greetings_tit p em {font-size: 26px;}
    .greetings_wrap .greetings_tit p em br {display: block;}
    .greetings_wrap .greetings_txt {gap: 0; flex-direction: column; gap: 24px;}
    .greetings_wrap .greetings_txt > div {width: 100%;}
    .greetings_wrap .greetings_txt p {line-height: 30px;}
    .greetings_wrap .greetings_txt p + p {margin-top: 24px;}
    .greetings_wrap .profile_wrap .mo {display: block;width: 100%;}
    .greetings_wrap .profile_wrap .pc {display: none;}
    .profile_cont .pic_wrap .pic {width: 80%;margin: auto;}
    .profile_cont .pic_wrap .name_wrap .small_name {font-size: 22px;}
    .profile_cont .pic_wrap .name_wrap .name {font-size: 26px;}
    .profile_cont .pic_wrap .pic::before {top: 16px;left: 16px;}
    .direction_wrap .d_list_wrap .d_list > li .tit {width: 120px;height: 120px;font-size: 22px;margin: 0 auto 40px;}
    .direction_wrap .rule_list {height: auto; width: 190px; margin: auto;padding: 20px 0;}
    .periodical_wrap.type2 .rule_list {width: 100%;border-radius: 20px;}
    .periodical_wrap.type2 .rule_list ul li {width: 100%;}
    .direction_wrap .rule_list ul {flex-direction: column; height: auto; width: 190px;}
    .direction_wrap .rule_list ul li::after {right: 60px; top: 170px;}
    .direction_wrap .d_list_wrap .d_list > li .item {flex-direction: column;}
    .direction_wrap .d_list_wrap .d_list > li .item > li {width: 100%;}
    .history_wrap .year_tab .year_list {margin: 24px auto;}
    .history_wrap .year_tab .year_list li a {font-size: 15px; padding: 0 12px; height: 41px; line-height: 41px;}
    .history_wrap .year_tab .year_con > ul > li .year_box .date {font-size: 18px;}
    .history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box .date {text-align: left;}
    .history_wrap .year_tab .year_con > ul > li .year_box .info {font-size: 16px;}
    .history_wrap .year_tab .year_con > ul > li .year_box {width: 95%; max-width:95%; margin-left:auto;}
    .history_wrap .year_tab .year_con > ul > li .year_box:nth-of-type(even),
    .history_wrap .year_tab .year_con > ul > li .year_box:nth-of-type(odd){transform:unset;}
    .history_wrap .year_tab .year_con > ul > li:nth-of-type(even) .year_box {margin-left: auto;text-align: left;}
    .history_wrap .year_tab .year_con > ul > li .year {font-size: 26px;text-align: left;}
    .history_wrap .year_tab .year_con > ul > li::after {left: 0; z-index: 2; transform: none; top: 85px; width: 8px;height: 8px;}
    .history_wrap .year_tab .year_con > ul > li::before {left: 5px; transform: none; top: 45px;}
    .organization_chart .chart_list > li > div,
    .organization_chart .chart_list > li > a,
    .organization_chart .chart_list > li > button,
    .en_contents .organization_chart .chart_list > li > span {width: 100%; height: 58px;font-size: 18px;margin: 40px auto 48px;}
    .organization_chart .chart_list > li::before {height: 48px; top: 58px;}
    .organization_chart .chart_list > li > .depth2 > li:nth-child(1)::after {display: none;}
    .organization_chart .chart_list > li > .depth2 > li:first-of-type::before,
    .organization_chart .chart_list > li > .depth2 > li:last-of-type::before,
    .organization_chart .chart_list > li > .depth2 > li::before,
    .en_contents .organization_chart .chart_list > li > .depth2 > li::before,
    .organization_chart .chart_list > li::after {display: none;}
    .organization_chart .chart_list > li > .depth2 { flex-direction: column; gap: 0;}
    .organization_chart .chart_list > li > .depth2 > li {width: 100%;}
    .organization_chart .chart_list > li > .depth2 > li > div,
    .organization_chart .chart_list > li > .depth2 > li > a,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > span,
    .organization_chart .chart_list > li > .depth2 > li > button,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a {font-size: 18px;height: 58px;}
    .organization_chart .chart_list > li > .depth2 > li .top {position: relative; margin-bottom: 100px;}
    .organization_chart .chart_list > li > .depth2 > li:has(.director) .top::before {content: ''; width: 1px; position: absolute; bottom: -100px; ;left: 50%; transform: translateX(-50%); height: 100px; background-color: #0C2B80;}
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director {top: 67px;}
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.director.right {top: 67px;}
    .organization_chart .chart_list > li > .depth2 > li:not(:has(.director)) .top {margin-bottom: 0;}
    .organization_chart .chart_list > li > .depth2 > li:not(:has(.director)) > .depth3 > li.line {border-top: 0;}
    .en_contents .organization_chart .chart_list > li > .depth2 > li > div,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > a,
    .en_contents .organization_chart .chart_list > li > .depth2 > li > button {height: 58px;}
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > div,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > button,
    .organization_chart .chart_list > li > .depth2 > li > .depth3 > li > a {padding: 16px;}
    .organization_chart .chart_list > li > .depth2 > li + li {margin-top: 28px;}
    .en_contents .organization_chart .chart_list > li > .depth2 > li + li {margin-top: 0;}
    .en_contents .organization_chart .chart_list > li > .depth2 {gap: 10px;}
    .en_laws_wrap .sky_box {flex-wrap: wrap; gap: 16px;}
    .workscope_wrap .title {font-size: 26px;}
    .scope_list li .num {height: 56px; font-size: 22px;}
    .faq_list .list_item li .subject {font-size: 18px;}
    .faq_list .icon {margin-right: 8px;}
    .faq_list .list_item li .question,
    .faq_list .list_item li .answer .con {padding: 20px 0; align-items: center;}
    .faq_list .subject {padding-right: 10px;}
    .faq_list .list_item li .answer .con {flex-direction: column; align-items: flex-start; padding: 24px 12px; padding-right: 0 !important;}
    .faq_list .list_item li .question::after {right: 10px;}
    .faq_list .list_item li .question::before {right: 3px;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li .thum_info > .btn_wrap {display: flex;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li.on {margin-top: 0;}
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li:hover > button,
    .budget_wrap .budget_swiper_wrap .budget_swiper > ul > li:hover > a {border: 1px solid #00000020;}
    .intro_wrap .intro_bg .intro_txt {height: 360px; background: url(../images/sub/bg_intro_mo.png) no-repeat center center; background-size: cover;display: flex;flex-direction: column; justify-content: flex-end; padding: 24px;} 
    .en_contents .intro_wrap .intro_bg .inner {padding: 0;}
    .en_contents .intro_wrap .intro_bg .intro_txt {height: 700px;background: url(../images/sub/en_bg_intro_mo.png) no-repeat center center; background-size: cover; border-radius: 0;margin-top: 0;padding: 32px;}
    .intro_wrap .intro_bg .intro_txt p {font-size: 18px;}
    .en_contents .intro_wrap .intro_bg .intro_txt h2 {font-size: 22px;}
    .intro_wrap .intro_bg .intro_txt2 p {font-size: 18px; text-align: left;margin-top: 40px;}
    .intro_wrap .intro_bg .intro_txt2 p br {display: none;}
    .mission_wrap .m_list {flex-wrap: wrap; gap: 40px;}
    .mission_wrap .m_list li {width: 100%;}
    .mission_wrap .m_list li .icon {width: 120px; height: 120px;}
    .bill_cost_list {flex-direction: column; gap: 70px;}
    .bill_cost_list li {width: 198px; height: 198px;}
    .bill_cost_list li span {font-size: 14px;}
    .bill_cost_list li::after {right: initial; left: 50%; transform: translateX(-50%) rotate(90deg); top: 215px;}
    .bill_cost_list li:nth-child(2)::after {display: block;}
    .bill_cost_list li span::before {width: 57px;height: 57px;}
    .sub_tab_depth2 .tab_swiper4::before,
    .sub_tab_depth2 .tab_swiper4::after {top: -2px; width: 20px;}
    .con_txt_big {font-size: 18px;text-align: left; margin-bottom: 20px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li .txt {font-size: 13px;}
    .direction_wrap .d_list_wrap .d_list > li .item > li .num {font-size: 22px;}
    .direction_wrap .d_list_wrap .d_list {margin-bottom: 20px;}
    .periodical_wrap.type2 .sub_title {font-size: 14px;height: 27px; padding: 0 10px 0 8px;}
    .periodical_wrap.new_type .table_wrap table td + td {border-left: 1px solid #e4e4e4;}
    .vision_wrap .vis_box {font-size: 22px;}
    .en_contents .vision_wrap .vis_box {font-size: 20px;}
    .vision_wrap .vis_box br.pc {display: none;}
    .vision_wrap .vis_box br {display: block;}
    .vision_wrap .vis_box::before,
    .vision_wrap .vis_box::after {width: 13px; height: 12px;top: 22px;}
    .thesis_bg_box {background:  url(../images/sub/bg_thesis_mo.png) no-repeat center top; background-size: cover; height: 472px;margin-top: auto;margin-bottom: 20px;}
    .thesis_bg_box.type2 {background:  url(../images/sub/bg_thesis_mo2.png) no-repeat center top; background-size: cover; height: 472px;margin-top: auto;}
    .thesis_bg_box .con_txt {font-size: 12px;}
    .thesis_bg_box .con_txt br {display: none;} 
    .thesis_bg_box .con_txt em br {display: block;} 
    .thesis_bg_box.type2 .tip {margin-top: 8px;}
    .thesis_bg_box.type2 .issn {margin: 12px 0;}
    .periodical_wrap.type2 .mission_wrap .m_list li .txt {font-size: 16px;}
    .periodical_wrap.type2 .rule_list ul li em {font-size: 24px;}
    .periodical_wrap.type2 .rule_list ul li span {font-size: 14px;}
    .board_list .list_item .report_name a {align-items: flex-start;}
    .board_view_wrap .file_wrap ul li .file_name::before {margin-right: 4px;margin-top: -2px;}
    .mail_input .mail2,
    .mail_input .select_wrap {max-width: 100%;}
    .sky_box.info .list .tit {margin-right: 6px;}
    .sky_box.info .list span.tel {margin-left: 0;margin-right: 6px;}
    .sky_box.info .list span.tel::after {display: none;}
    .periodical_wrap .icon_list {margin-bottom: 40px;}
    .toc_tab {padding: 30px 30px 26px; }
    .toc_tab .toc_title .btn_plus {left: -28px;}
}
@media screen and (max-width: 630px) {
    .sub_tab_depth2 .tab_swiper2.type6 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type6 */
    .sub_tab_depth2 .tab_swiper2.type6::before,
    .sub_tab_depth2 .tab_swiper2.type6::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type6::before {content: '';position: absolute; top: 36px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type6::after {content: '';position: absolute; top: 36px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type6:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type6:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type6 + .tab_swiper2_btn {display: block;}
}
@media screen and (max-width: 600px) {
    .sub_tab_depth2 .tab_swiper2.type7 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type7 */
    .sub_tab_depth2 .tab_swiper2.type7::before,
    .sub_tab_depth2 .tab_swiper2.type7::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type7::before {content: '';position: absolute; top: 36px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type7::after {content: '';position: absolute; top: 36px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type7:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type7:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type7 + .tab_swiper2_btn {display: block;}
}
@media screen and (max-width: 505px) {
    .sub_tab_depth2 .tab_swiper2.type3 ul {justify-content: flex-start; gap: 0;}
    /* 페이드 - 4edpth type3 */
    .sub_tab_depth2 .tab_swiper2.type3::before,
    .sub_tab_depth2 .tab_swiper2.type3::after {transition: 0.5s;}
    .sub_tab_depth2 .tab_swiper2.type3::before {content: '';position: absolute; top: 17px; right: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_r.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type3::after {content: '';position: absolute; top: 17px; left: -5px; z-index: 2; width: 30px;height: 57px;background: url(../images/common/img_blur_l.png) no-repeat center center;background-size: cover; opacity: 1;}
    .sub_tab_depth2 .tab_swiper2.type3:not(.swiper-initialized)::before { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type3:not(.swiper-initialized)::after { opacity: 0; }
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:first-child.on.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:not(:first-child).on)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:last-child.on)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:first-child.swiper-start)::after {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}
    .sub_tab_depth2 .tab_swiper2.type3 + .tab_swiper2_btn {display: block;}
}
@media only screen and (max-width: 480px) {
    .sub_tab_depth2 .tab_swiper4 {max-width: calc(100% - 29px);}
}