@charset "utf-8";

body {min-width: 1240px;}

.wrap {
    overflow-x: hidden;
}

/* header */
.header {position: relative; height: 120px; border-bottom: 1px solid #c9c9c9;}
    .header > .inner {position: relative; width: 1240px; margin: 0 auto; height: 120px;}

    /* 로고 */
    .logo {position: absolute; left: -280px; top: 43px; z-index: 4;}
    .logo a {display: block; width: 170px; height: 45px; font-size: 0; background: url(../images/logo.png) no-repeat; background-size: contain;}

    /* Top 메뉴 */
    .top_menu {position: absolute; right: -280px; width: 280px; top: 13px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 0; text-align: right;}
    .top_menu li {display: inline-block; margin-right: 20px;}
    .top_menu li:last-child {margin-right: 0;}
    .top_menu li::before {content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 6px; background: #004fbb; vertical-align: 3px;}
    .top_menu li a {color: #454545; font-size: 14px;}

    /* 헤더 우측 메뉴 */
    .header > .inner > .right {z-index: 3; position: absolute; right: -280px; top: 56px; /*width: 280px;*/ font-size: 0; text-align: right;}
    /*
    .header > .inner > .right button {margin-left: 17px;}
    .header > .inner > .right button:first-child {margin-left: 0;}
    */              /* 220126 웹 접근성 수정 */
    .header > .inner > .rightSitemap {margin-left: 17px;}
    .header > .inner > .rightSearch {margin-left: 0; margin-right: 56px;}
    
    /* 전체검색 */
    .total_search {z-index: 2; display: none; position: absolute; left: 0; top: 120px; width: 100%; background: #eee; border-bottom: 1px solid #c9c9c9; }
    /*.total_search > .inner {width: 684px; margin: 0 auto; padding: 40px 0 39px 0; text-align: center;}*/
    .total_search > .inner {width: 750px; position: relative; margin: 0 auto; padding: 40px 0 39px 0; text-align: center;}      /* 220126 웹 접근성 수정 */
    .total_search .search_bar {font-size: 0; width: 700px; /* 220126 웹 접근성 수정 */}
    .total_search .search_bar > * {display: inline-block; vertical-align: top;}
    .total_search .search_bar label {width: 84px; height: 50px; padding-right: 18px; color: #393939; font-size: 18px; line-height: 50px;}
    .total_search .bar {position: relative; /*width: 600px;*/ width: 550px; /* 220126 웹 접근성 수정 */}
    .total_search .bar input[type=text] {width: 100%; height: 50px; padding: 0 40px 0 17px; border: 1px solid #bbb; border-radius: 9px; font-size: 22px;}
    .total_search .bar button {display: block; position: absolute; right: 10px; top: 14px; width: 22px; height: 24px; font-size: 0; text-indent: -9999px;; background: url(../images/icon/ico_sch_b22x24.png) no-repeat;}
    .total_search .favorite {padding-top: 13px; text-align: right; font-size: 0; width: 700px; /* 220126 웹 접근성 수정 */}
    .total_search .favorite > * {display: inline-block; font-size: 0; vertical-align: top;}
    .total_search .favorite .txt {width: calc(100% - 59px); padding-left: 74px; text-align: left; overflow: hidden; white-space: nowrap;}
    .total_search .favorite .txt span {display: inline-block; margin-left: 10px; font-size: 0;}
    .total_search .favorite .txt span::before {content: ""; display: inline-block; width: 1px; height: 13px; background: #bbb; vertical-align: top;}
    .total_search .favorite .txt span:first-child::before {content: none;}
    .total_search .favorite .txt span a {display: inline-block; max-width: 100px; margin-left: 10px; color: #454545; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

    .total_search .favorite .btns {position: relative; width: 59px; font-size: 0;}
    .total_search .favorite .btns::before {content: ""; display: block; position: absolute; left: 50%; top: 1px; transform: translateX(-50%); width: 1px; height: 13px; background: #bbb;}
    .total_search .favorite .btns > button {display: inline-block; width: 29px; height: 14px;}
    .total_search .favorite .btns .prev {background: url(../images/icon/ico_arrow_left7x11.png) no-repeat center;}
    .total_search .favorite .btns .next {background: url(../images/icon/ico_arrow_right7x11.png) no-repeat center;}

    /* 220126 웹 접근성 수정 */
    .total_search .close_btn {display: inline-block; width: 50px; position: absolute; right: 0; top: 50px;}

    /* 241230 공식 전자정부 배너 추가 */
    #g-header-top {position: relative; width: 100%; background-color: #edf1f5; color: #1d1d1d; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
    #g-header-top .toggle-head .inner {position: relative; gap: 0.4rem 0.4rem; min-height: 2rem; padding: 0.4rem 0.8rem 0.4rem 3rem;}
    #g-header-top .inner {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; max-width: 1920px; min-width: 1024px;}
    #g-header-top .toggle-head .nuri-txt {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: 0.9rem; line-height: 1; white-space: nowrap;}
    #g-header-top .toggle-head .nuri-txt::before {display: inline-flex; position: absolute; left: 0.8rem; content: ""; width: 2rem; height: 1rem; margin-right: 0.8rem; background: url(../images/icon/top_ban_ico_flag.svg) no-repeat center; background-size: contain;}

    /* 주메뉴 */
    .gnb {position: relative; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; z-index: 3;}
    .gnb > ul {height: 121px; padding: 55px 0 0 85px; font-size: 0; text-align: center;}
    .gnb > ul > li {display: inline-block; position: relative; margin: 0 35px;}
    .gnb > ul > li:first-child {margin-left: 0;}
    .gnb > ul > li:last-child {margin-right: 0;}
    .gnb > ul > li > a {display: inline-block; position: relative; color: #222; font-size: 20px; font-weight: 700; letter-spacing: -1.5px;}
    .gnb > ul > li > a:hover::after {content: ""; display: block; position: absolute; left: 50%; top: 37px; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #004fbb;}
    .gnb > ul > li > a.on::after {content: ""; display: block; position: absolute; z-index: -1; left: 50%; top: 37px; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #004fbb;}
    .gnb > ul > li > ul {display: none; position: absolute; left: 0; top: 64px; width: 220px; height: 296px; padding-top: 18px; text-align: left;}
    .gnb > ul > li:last-child > ul {width: 120px;}
    .gnb > ul > li > ul > li {margin-top: 10px;}
    .gnb > ul > li > ul > li > a,
    .gnb > ul > li > ul > li > span {color: #222; font-size: 13px; font-weight: bold; letter-spacing: -1px;}
    .gnb > ul > li > ul > li > a.on {font-weight: 700;}
    .gnb > ul > li > ul > li > a.new_window {display: inline-block; padding-right: 15px; background: url(../images/icon/ico_new_window.png) no-repeat right 5px;}
    .gnb > ul > li > ul > li > a:hover {text-decoration: underline;}
    .gnb > ul > li > ul > li > ul > li {margin-top: 5px;}
    .gnb > ul > li > ul > li > ul > li > a {color: #666; font-size: 12px;}
    .gnb > ul > li > ul > li > ul > li > a:hover {color: #222; text-decoration: underline;}
    .gnb > ul > li > ul > li > ul > li > a.on {font-weight: bold;}
    .gnb > ul > li > ul > li > ul > li > a.new_window {display: inline-block; padding-right: 15px; background: url(../images/icon/ico_new_window.png) no-repeat right 5px;}

    /* Gnb 바닥 */
    .header.on::before {content: ""; z-index: 3; display: block; position: absolute; left: 0; top: 120px; width: 100%; height: 295px; border-bottom: 1px solid #ddd; background: #f5f5f5;}


    /* 메인화면 헤더 : 서브메뉴 열릴때 */
    .main_p .gnb > ul > li > a.on::after {background: #fff;}

    .main_p .header.on {background: #fff;}
    .main_p .header.on .logo a {background: url(../images/logo.png) no-repeat; background-size: contain;}
    .main_p .header.on .top_menu li::before {background: #004fbb;}
    .main_p .header.on .top_menu li a {color: #454545;}
    .main_p .header.on .gnb > ul > li > a {color: #222;}
    .main_p .header.on .gnb > ul > li > a:hover::after {background: #004fbb;}
    

    /* 사이트맵 */
    .sitemap {z-index: 4; display: none; position: absolute; left: 0; top: 120px; width: 100%; background: #1a4890;}
    .sitemap > .inner {position: relative; width: 1240px; margin: 0 auto;}
    .sitemap > .inner .head {position: relative; padding: 43px 0 32px 0;}
    .sitemap > .inner .head h1 {display: block; width: 170px;}
    .sitemap > .inner .head h1 a {display: block; height: 45px; font-size: 0; background: url(../images/logo_sitemap.png) no-repeat;}
    .sitemap > .inner .close {display: block; position: absolute; right: 10px; top: 18px; height: 25px; padding-right: 39px; color: #fff; font-size: 20px; line-height: 25px; background: url(../images/icon/ico_close_sitemap_web.png) no-repeat right center;}

    .sitemap > .inner .sub {display: table; width: 100%; padding: 55px 0 50px 0; text-align: left;}
    .sitemap > .inner .sub > div {display: table-cell; padding-left: 50px; border-right: 1px solid #486da6; font-size: 20px;}
    .sitemap > .inner .sub > div:nth-child(1),
    .sitemap > .inner .sub > div:nth-child(3) {width: 415px;}
    .sitemap > .inner .sub > div:nth-child(2) {width: auto;}
    .sitemap > .inner .sub > div:last-child {border-right: 0;}
    .sitemap > .inner .sub > div h2 {position: relative; margin-top: 60px; padding-bottom: 28px;}
    .sitemap > .inner .sub > div h2::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #fff;}
    .sitemap > .inner .sub > div h2:first-child {margin-top: 0;}
    .sitemap > .inner .sub > div h2 > a {color: #fff; font-size: 24px; font-weight: 700; pointer-events: none;}
    .sitemap > .inner .sub > div > ul.on { display: block }
    .sitemap > .inner .sub > div > ul > li {position: relative; margin-top: 28px; padding-left: 20px;}
    .sitemap > .inner .sub > div > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #8da4c8;}
    .sitemap > .inner .sub > div > ul > li > a {color: #fff; font-size: 20px; font-weight: 700;}
    .sitemap > .inner .sub > div > ul > li > a:hover {text-decoration: underline;}
    .sitemap > .inner .sub > div > ul > li > ul > li {position: relative; margin-top: 8px; padding-left: 14px;}
    .sitemap > .inner .sub > div > ul > li > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 11px; width: 6px; height: 1px; border-radius: 50%; background: #e0e7f0;}
    .sitemap > .inner .sub > div > ul > li > ul > li > a {color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
    .sitemap > .inner .sub > div > ul > li > ul > li > a:hover {text-decoration: underline;}

    .sitemap > .inner .sub > div > ul > li > ul > li > a.new_window {display: inline-block; position: relative;}
    .sitemap > .inner .sub > div > ul > li > ul > li > a.new_window::after {content: ""; display: block; position: absolute; right: -15px; top: 8px; width: 10px; height: 10px; background: url(../images/icon/ico_new_window_W.png) no-repeat;}
    
    .sitemap > .inner .sub > div > ul > li > a.new_window {display: inline-block; position: relative;}
    .sitemap > .inner .sub > div > ul > li > a.new_window::after {content: ""; display: block; position: absolute; right: -15px; top: 5px; width: 10px; height: 10px; background: url(../images/icon/ico_new_window_W.png) no-repeat;}

    /* 메인화면 */
    .main_p.bg1 {background: url(../images/bg_main01.png) no-repeat; background-position: center 2rem;}
    .main_p.bg2 {background: url(../images/bg_main01.png) no-repeat center top;}
    .main_p.bg3 {background: url(../images/bg_main01.png) no-repeat center top;}
    .main_p.bg4 {background: url(../images/bg_main01.png) no-repeat center top;}

    .main_p .logo a {background: url(../images/logo_white.png) no-repeat;}
    .main_p .header {border-bottom: 0;}
    .main_p .gnb > ul > li > a {color: #fff;}
    .main_p .gnb > ul > li > a:hover::after {background: #fff;}
    .main_p .top_menu li::before {background: #fff;}
    .main_p .top_menu li a {color: #fff;}
    .main_p .btn_search_all {background: url(../images/icon/ico_sch_w.png) no-repeat; background-size: contain;}
    .main_p .btn_sitemap {background: url(../images/icon/ico_sitemap_w.png) no-repeat; background-size: contain;}
    .main_p .contents_wrap {padding-bottom: 0;}

    .visual_area {position: relative; /*height: 720px;*/ height: 360px;}
    .visual_area .text_area, .visual_area .text_area a {/*height: 720px;*/ /*height: 360px; 220126 웹 접근성 수정 */ color: #fff; text-align: center; display: inline-block; /* 220126 웹 접근성 수정 */}
    /*.visual_area .text_area.item1 {background: url(../images/bg_main01_in.png) no-repeat center 326px;}
    .visual_area .text_area.item2 {background: url(../images/bg_main02_in.png) no-repeat center 317px;}*/
    /* 220126 웹 접근성 수정 */
    .visual_area > .swiper-container {height: 360px;}
      
    .visual_area .text_area p {padding-top: 34px;}
    .visual_area .text_area p span {display: block;}
    .visual_area .text_area p .txt1 {font-size: 60px;}
    .visual_area .text_area p .txt2 {height: 41px; margin-top: 15px; font-size: 0; background: url(../images/main_visual_txt1.png) no-repeat center top;}
    .visual_area .text_area p .txt3 {margin-top: 15px; font-size: 30px; line-height: 40px;}
    .visual_area .navigation {position: absolute; left: 0; bottom: 50px; width: 100%; font-size: 0; text-align: center;}
    .visual_area .navigation > * {display: inline-block; vertical-align: top;}
    .visual_area .navigation > ul li {display: inline-block; width: 16px; height: 16px; margin-right: 10px; border: 3px solid #fff; border-radius: 50%; vertical-align: top;}
    .visual_area .navigation > ul li.on {width: 60px; border: 0; border-radius: 8px; background: #fff;}
    .visual_area .navigation > ul li:last-child {margin-right: 18px;}
    .visual_area .navigation button {width: 16px; height: 16px;}
    .visual_area .navigation .pause {background: url(../images/icon/ico_pause.png) no-repeat center;}
    .visual_area .navigation .play {display: none; background: url(../images/icon/ico_play.png) no-repeat center;}
    .visual_area .navigation .count {height: 16px; margin-left: 7px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color: #fff; font-size: 17px; line-height: 16px;}
    .visual_area .navigation .count > span {display: inline-block; height: 16px;}
    .visual_area .auto_controll {position: absolute; left: 60px; bottom: 12px; z-index: 11;}
    .visual_area .auto_controll > button {width: 16px; height: 16px;}
    .visual_area .auto_controll .pause {background: url(../images/icon/ico_pause.png) no-repeat center;}
    .visual_area .auto_controll .play {display: none; background: url(../images/icon/ico_play.png) no-repeat center;}

    .notice_pds {width: 1240px; height: 520px; margin: 0 auto; background: #fff;}
    .notice_pds .top ul {padding-top: 70px; text-align: center; font-size: 0;}
    .notice_pds .top ul li {display: inline-block; margin-right: 60px;}
    .notice_pds .top ul li:last-child {margin-right: 0;}
    .notice_pds .top ul li > a {display: block; position: relative; color: #333; font-size: 36px; font-weight: 700; line-height: 35px;}
    .notice_pds .top ul li > a.on::before {content: ""; display: block; position: absolute; left: 50%; top: -20px; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #004fbb;}
    .notice_pds .bot {position: relative; margin-top: 44px;}
    .notice_pds .bot > div {display: none;}
    .notice_pds .bot > div:first-child {display: block;}
    .notice_pds .bot > div ul::after {content: ""; display: block; clear: both;}
    .notice_pds .bot > div ul li {float: left; width: 290px; margin-right: 27px;}
    .notice_pds .bot > div ul li:nth-child(3) {margin-right: 26px;}
    .notice_pds .bot > div ul li:last-child {margin-right: 0;}
    .notice_pds .bot > div ul li a {display: block; position: relative; height: 300px; padding: 44px 30px 0 30px; border: 1px solid #b7b7b7;}
    .notice_pds .bot > div ul li .new {content: "신규게시글"; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; position: absolute; left: 30px; top: -11px; width: 40px; height: 40px; background: #004fbb url(../images/icon/ico_new_main.png) no-repeat center;}
    .notice_pds .bot > div ul li a > span {display: block; word-break: break-all;}
    .notice_pds .bot > div ul li a .title {height: 90px; color: #333; font-size: 24px; font-weight: 700; line-height: 30px; overflow: hidden;}
    .notice_pds .bot > div ul li a .desc {height: 75px; margin-top: 11px; color: #333; font-size: 18px; line-height: 24px; overflow: hidden;}
    .notice_pds .bot > div ul li a .dates {margin-top: 20px; color: #666; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 17px;}
    .notice_pds .bot .btn_more {position: absolute; right: 0; top: -79px;}

    .faq_qna {height: 500px; background: #e8f0fb url(../images/bg_mainbox3.png) no-repeat center top;}
    .faq_qna .inner {position: relative; width: 1240px; margin: 0 auto; padding-left: 160px;}
    .faq_qna .inner .tab_list {position: absolute; left: 0; top: 20px;}
    .faq_qna .inner .tab_list li {margin-top: 20px;}
    .faq_qna .inner .tab_list li a {display: block; width: 160px; height: 70px; border-bottom: 1px solid #b5bcc6; color: #333; font-size: 22px; font-weight: 700; line-height: 70px;}
    .faq_qna .inner .tab_list li a.on {width: 190px; border-bottom: 0; color: #fff; text-align: center; background: #004fbb; box-shadow: 7px 8px 6px #dadada;}

    .faq_qna .tab_item {display: none; height: 430px; padding: 0 80px; background: #fff;}
    .faq_qna .tab_item:first-child {display: block;}
    .faq_qna .tab_item .top {position: relative; padding: 47px 0 25px 0; border-bottom: 2px solid #333;}
    .faq_qna .tab_item .top h2 {color: #333; font-size: 30px; font-weight: 700;}
    /*
    .faq_qna .tab_item .top .more {display: block; position: absolute; right: 0; top: 52px; width: 24px; height: 24px; background: url(../images/icon/ico_more.png) no-repeat; background-size: contain;}
    */
    .faq_qna .tab_item .more {position: absolute;right: 80px;top: 52px;width: 24px; height: 24px;background: url(../images/icon/ico_more.png) no-repeat; background-size: contain;}
    .faq_qna .tab_item .list > div {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #b5bcc6; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
    .faq_qna .tab_item .list > div:last-child {border-bottom: 0;}
    .faq_qna .tab_item .list > div > span {display: table-cell; height: 70px; vertical-align: middle;}
    .faq_qna .tab_item .list > div > span:nth-child(1) {width: 130px;}
    .faq_qna .tab_item .list > div > span:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .faq_qna .tab_item .list > div > span:nth-child(2) a {color: #333; font-size: 20px;}
    .faq_qna .tab_item .list > div > span:nth-child(2) a:hover {text-decoration: underline;}
    .faq_qna .tab_item .list > div > span:nth-child(3) {width: 110px; text-align: right;}
    .faq_qna .tab_item .list > div .lb {display: inline-block; width: 110px; height: 30px; border-radius: 15px; color: #fff; font-size: 16px; line-height: 30px; text-align: center; letter-spacing: -2px;}
    .faq_qna .tab_item .list > div .lb.green {background: #008920;}
    .faq_qna .tab_item .list > div .lb.blue {background: #005982;}

	.down_guide .inner {width: 1240px; margin: 0 auto; padding: 67px 0 70px 0;}
    .down_guide .inner h2 {color: #000; font-size: 36px; font-weight: 700; text-align: center;}
    .down_guide .inner .txt_top {margin-top: 14px; color: #666; font-size: 18px; text-align: center;}
    .down_guide .inner > ul {margin-top: 47px;}
    .down_guide .inner > ul::after {content: ""; display: block; clear: both;}
    .down_guide .inner > ul > li {float: left; width: 295px; height: 460px; margin-right: 20px; text-align: center; background: #004cb5;}
    .down_guide .inner > ul > li:nth-child(2n) {background: #196cde;}
    .down_guide .inner > ul > li:last-child {margin-right: 0;}
    .down_guide .inner > ul > li > span {display: block; color: #fff;}
    .down_guide .inner > ul > li > span.tit {padding-top: 188px; font-size: 30px; font-weight: 700;}
    .down_guide .inner > ul > li:nth-child(1) > span.tit {background: url(../images/icon/ico_dn_guide01.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(2) > span.tit {background: url(../images/icon/ico_dn_guide02.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(3) > span.tit {background: url(../images/icon/ico_dn_guide03.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(4) > span.tit {background: url(../images/icon/ico_dn_guide04.png) no-repeat center 50px;}
    .down_guide .inner > ul > li > span.txt {margin-top: 12px; font-size: 20px; line-height: 24px;}
    .down_guide .inner > ul > li > div {margin-top: 17px;}
    .down_guide .inner > ul > li a {width: 200px; height: 50px; line-height: 48px; margin-top: 10px; border: 1px solid #b3cae9; border-radius: 4px; color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 26px; background: transparent;}
    .down_guide .inner > ul > li:nth-child(2n) a {border-color: #bad3f5;}
    .down_guide .inner > ul > li a:hover {color: #004cb5; background: #fff;}
    .down_guide .inner > ul > li:nth-child(2n) a:hover {color: #196cde; background: #fff;}

    .support_serv {background: #eee;}
    .support_serv .inner {width: 1240px; margin: 0 auto; padding: 67px 0 70px 0;}
    .support_serv .inner h2 {color: #000; font-size: 36px; font-weight: 700; text-align: center;}
    .support_serv .inner .txt_top {margin-top: 13px; color: #666; font-size: 18px; line-height: 22px; text-align: center;}
    .support_serv .inner > ul {margin-top: 47px; color: #fff;}
    .support_serv .inner > ul::after {content: ""; display: block; clear: both;}
    .support_serv .inner > ul > li {float: left; width: 400px; height: 280px; margin-right: 20px; text-align: center;}
    .support_serv .inner > ul > li:nth-child(1) {background: url(../images/bg_main_support_li01.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:nth-child(2) {background: url(../images/bg_main_support_li02.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:nth-child(3) {background: url(../images/bg_main_support_li03.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:last-child {margin-right: 0;}
    .support_serv .inner > ul > li > span {display: block;}
    .support_serv .inner > ul > li .txt01 {padding-top: 67px; color: #fff; font-size: 30px;}
    .support_serv .inner > ul > li .txt02 {margin-top: 14px; font-size: 20px; line-height: 24px;}
    .support_serv .inner > ul > li > div {margin-top: 37px;}
    .support_serv .inner > ul > li a {width: 160px; height: 50px; line-height: 48px; margin-right: 6px; border: 1px solid #9d9ca3; border-radius: 5px; color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 16px; background: transparent;}
    .support_serv .inner > ul > li a:last-child {margin-right: 0;}
    .support_serv .inner > ul > li a:hover {border-color: #fff; color: #004cb5; font-weight: 700; background: #fff;}
    .support_serv .inner .banner {display: block; position: relative; height: 140px; margin-top: 20px; color: #fff; font-size: 30px; font-weight: 700; line-height: 140px; text-align: center; background: url(../images/banner_support.png) no-repeat;}
    .support_serv .inner .banner i {display: block; position: absolute; right: 35px; top: 50%; width: 50px; height: 50px; border-radius: 50%; transform: translateY(-50%); color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 16px; font-weight: 300; text-align: center; line-height: 50px; background: #3e5153;}


/* Container */
    /* window height - header - footer */
    .container {min-height: calc(100vh - 430px);}

    .contents_wrap {padding-bottom: 140px;}

    /* 서브페이지 상단 비주얼 */
    .contents_top {position: relative; background: url(../images/bg_content_top.png) no-repeat center top;}
    .contents_top > .inner {position: relative; width: 1240px; margin: 0 auto; padding-top: 80px; text-align: center; background: url(../images/bg_content_top.png) no-repeat center top;height: auto;min-height: 318px;}
    .contents_top > .inner .txt_egov {position: absolute; left: -9999px; top: -9999px; font-size: 0;}
    .contents_top > .inner h1 > span {display: block;}
    .contents_top .eng {color: #767676; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 7px;}        /* 220121 웹접근성 color 수정 */
    .contents_top .kor {margin-top: 22px; color: #10325b; font-size: 48px; font-weight: 700;}

    .page_title {margin-top: 52px;margin-bottom: 20px;color: #222; font-size: 30px; font-weight: 700;}

    /* Pages */
    .pages {width: 1240px; margin: 0 auto;}



/* 푸터 */
.footer {height: 260px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; background: #2c3136;}
    .footer > .inner {width: 1240px; margin: 0 auto; padding-top: 50px;}    
    .footer .top {height: 70px; border: 1px solid #565a5e;}
    .footer .top::after {content: ""; display: block; clear: both;}
    .footer .top > * {float: left;}
    .footer .links {width: 989px; height: 68px; padding: 24px 0 0 39px; font-size: 0;}
    .footer .links a {display: inline-block; margin-right: 65px; color: #fff; font-size: 15px;}
    .footer .links a:last-child {margin-right: 0;}
    .footer .links a:hover {color: #f8b551;}
    .footer .links a.blue { color:#4fa6ff; }

    .footer .download {width: 249px; height: 68px;}
    .footer .download a {display: block; position: relative; height: 100%; padding: 24px 0 0 19px; color: #fff; letter-spacing: -1.5px;}
    .footer .download a:hover {text-decoration: underline;}
    .footer .download a::before {content: ""; display: block; position: absolute; right: 18px; top: 29px; width: 11px; height: 13px; background: url(../images/icon/ico_down.png) no-repeat;}

    .footer .bot {position: relative;}
    .footer .bot > * {float: left;}
    .footer .bot h1 {width: 170px; margin-right: 50px; padding-top: 30px;}
    .footer .bot h1 a {display: block; height: 45px; font-size: 0; background: url(../images/logo_footer.png) no-repeat;}
    .footer .bot .contact {padding-top: 30px; color: #96989b;}
    .footer .bot .contact address {display: block; font-size: 0;}
    .footer .bot .contact address span {display: inline-block; font-size: 14px;}
    .footer .bot .contact address span:first-child::after {content: ""; display: inline-block; width: 1px; height: 16px; margin: 0 13px 0 14px; background: #96989b; vertical-align: -2px;}
    .footer .bot .contact p {margin-top: 10px; font-size: 14px;}
    .footer .bot .contact a { color: #96989b; text-decoration: underline; }

    .footer .bot .banner {position: absolute; right: 0; top: 12px;}
    .footer .bot .banner a {display: inline-block; width: 160px; height: 50px; font-size: 0;}
    .footer .bot .banner a.hab {background: url(../images/banner_hab.png) no-repeat; background-size: contain;}
    .footer .bot .banner a.nia {background: url(../images/banner_nia.png) no-repeat; background-size: contain;width: 180px; }

    /* 220203 웹 접근성 인증마크 추가 */
    .footer .bot .banner a:last-child {width: 70.5px;}


    .l_pop {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 420px; font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-shadow: 3px 6px 10px #d4d4d4;}
    .l_head {position: relative; background: #014fbb;}
    .l_head h1 {height: 50px; padding: 0 56px 0 20px; color: #fff; font-size: 16px; line-height: 50px;}
    .l_head .close {display: block; position: absolute; right: 20px; top: 17px; width: 16px; height: 16px; background: url(../images/icon/ico_close_w16.png) no-repeat; background-size: contain;}
    .l_container {padding: 20px 20px 0 20px; background: #fff;}
    .l_container .msg {padding-bottom: 20px; color: #222; text-align: center;}
    .l_container .pwd_chk {padding: 26px 0 29px 0; border-radius: 8px; text-align: center; background: #eee;}
    .l_container .pwd_chk p {padding-bottom: 18px; color: #222; font-size: 16px;}
    .l_footer {background: #fff;}
    .l_footer {padding: 20px 0 30px 0; text-align: center;}
    .l_footer > a {width: 70px;}


/* 웹접근성 - 바로가기 */
.skip_navigation a {left: 0;position: absolute;top: -3000px; z-index: 9999; /* 220126 웹 접근성 수정 */}
.skip_navigation a:focus {background: none repeat scroll 0 0 #005494;color: #FFFFFF;font-size: 15px;font-weight: bold;height: 30px;line-height: 30px;position: absolute;text-align: center;top: 0;width:100%;}

/* 웹접근성 - 지적사항 수정 묻고답하기 버튼 */
.test_btn1{ background-color: #1a4890; color:  white; padding: 5px; border-radius: 5px;   }