body {
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
}

.blind {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
  .hd_bg {background: #fff; display: block; width: 100%; top: 100px; left: 0; right: 0; z-index: 1; position: absolute; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
header {position: fixed; z-index: 1001; width: 100%; top: 0; background: #fff; transition: .2s; height: 100px;}
header::after {content: ''; display: inline-block; width: 100%; height: 0; position: absolute; top:0; left: 0; right: 0; background: #fff; z-index: -1; border-bottom: 1px solid #D9D9D9; height: 100%;}
header.open {overflow: unset;}
/* header.open::after {height: 453px;}
header.has::after {height: 550px;} */
header .m_hd {display: none;}
header .header_wrap.pc_hd {position: relative; display: flex; justify-content: center; border-bottom: 1px solid #d9d9d9; height: 100%;}
header .header_wrap.pc_hd .inner {display: flex; align-items: center; justify-content: space-between; max-width: 1500px; width: 100%; height: 100%; padding: 0 10px;}
header .header_wrap.pc_hd .logo {}
header .header_wrap.pc_hd .logo h1 {font-size: unset; margin-bottom: 0;}
.logo a {display: inline-block; width: 306px; height: 53px; background: url(/theme/basic/img/logo.png) no-repeat; background-size: 100%;}
header .header_wrap.pc_hd nav {width: 100%; max-width: 680px;}
header .header_wrap.pc_hd nav ul {padding-left: 0;}
header .header_wrap.pc_hd nav ul.depth1 {display: flex; justify-content: space-between;}
header .header_wrap.pc_hd nav ul.depth1 > li {position: relative; width: calc(100% / 4); text-align: center; transition: .1s;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover {color: #4ac5be;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover .depth2 li .depth2 li a:hover{text-decoration:underline;}
header .header_wrap.pc_hd nav ul.depth1 > li > a {display: block; font-size: 22px; font-weight: 500; padding: 33px 0; color: #444;}

header .header_wrap.pc_hd nav ul.depth1 > li > a:hover {color: #3F7C53;}
header .header_wrap.pc_hd nav ul.depth1 > li {position: relative;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover > a {color: #3F7C53;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #3F7C53;}
header .header_wrap.pc_hd nav ul.depth1 > li:first-child > ul.depth2 {border-left: 1px solid var(--border_color);}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 {display: none; position: absolute; width: 100%; top: 98px; padding: 15px 0; border-right: 1px solid var(--border_color); transition: .2s; z-index: 10; height: 350px;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li {}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a {display: inline-block; padding: 10px 5px; font-size: 1.12em;
  color: #252525; position: relative;}

header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a:hover {color: #19A447;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a:hover::after {content: ''; position: absolute; right: -5px;  /* 텍스트 바로 뒤 */ top: 12px; width: 5px; height: 5px; background: #19A447; border-radius: 50%;}
header .header_wrap.pc_hd .util {display: flex; align-items: center;}
header .header_wrap.pc_hd .util > div {display: flex;}
/*header .header_wrap.pc_hd .util > div::after {content: ''; display: inline-block; width: 1px; height: 30px; background: #D0D0D0; margin: 0 20px;}*/
header .header_wrap.pc_hd .util > div:last-child::after {display: none;}
header .header_wrap.pc_hd .util > div a {font-size: 15px; color: #575757;}
header .header_wrap.pc_hd .util > div a img {margin-right: 10px;}
header .header_wrap.pc_hd .util .home a {display: flex; align-items: center;}
header .header_wrap.pc_hd .side_btn a {display: flex; align-items: center;}
header .header_wrap.pc_hd .side_btn.m_btn {display: none;}
header .header_wrap.pc_hd .btn_right {display: flex;}
header .header_wrap.pc_hd .search {display: flex; margin-right: 12px;}
header .header_wrap.pc_hd .search a {display: inline-block; width: 25px; height: 25px; background: url(/theme/basic/img/icon-search.svg) no-repeat; background-size: 100%;}
header .header_wrap.pc_hd .search a.active {background: url(/theme/basic/img/icon-close.svg) no-repeat; background-size: 100%;}
header .header_wrap.pc_hd .search .search_box {position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding: 10px; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; display: flex; align-items: center; height: 200px; display: none;}
header .header_wrap.pc_hd .search a.active + .search_box {display: flex;}
header .header_wrap.pc_hd .search .search_box form {display: flex; justify-content: center; width: 100%;}
header .header_wrap.pc_hd .search .search_box form input {border-radius: 20px; border: 2px solid #283C82; background: #FFF; padding: 23px;  max-width: 600px;  width: 100%;}
header .header_wrap.pc_hd .search .search_box form input::placeholder {font-size: 20px; color: #BBB;}
header .header_wrap.pc_hd .search .search_box form button {border-radius: 25px; background: #283C82; padding: 24px; margin-left: 12px;}
header .header_wrap.pc_hd .search .search_box form button img {filter: brightness(0) invert(1);}
header .header_wrap.pc_hd .m_btn {display: none;}
.searchBar_wrap {
    display: flex;
    align-items: center;
    padding: 24px 41px;
    background: #E4F4E9;
    border-radius: 20px;
    margin-bottom: 30px;
}

.searchBar_wrap p {
    min-width: 68px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    color: #4C7C5C !important;
    text-align: center;
    margin-right: 30px;
    letter-spacing: -1px;
}

.searchBar_wrap .searchbar {
    width: calc(100% - 98px);
}

.searchBar_wrap .searchbar input.form-control {
    border: 2px solid #5AA874;
    border-radius: 20px 0 0 20px;
    box-sizing: border-box;
    padding: 14px 28px 12px;
}

.searchBar_wrap .searchbar button.searchBtn {
    min-width: 70px;
    background: #5AA874;
    border-radius: 0 20px 20px 0;
    padding: 14px;
    border: 2px solid #5AA874;
    height: auto;
}

.search_result p.tit {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    background: url('img/ico_bullet.png') no-repeat 0 center;
    padding-left: 20px;
    margin-bottom: 20px;
}

.search_result .ac_word {
    color: #4C7C5C !important;
}

.result_table table {
    width: 100%;
    border-top: 2px solid #05003c;
    border-bottom: 1px solid #dedede;
}

.result_table {
    margin-bottom: 40px;
}

.result_table:last-child {
    margin-bottom: 73px;
}

.result_table table td {
    border-bottom: 1px dotted #b3b3b3;
    padding: 22px 0 29px;
}

.result_table table tr:last-child td {
    border-bottom: 0;
}

.result_table table tr:first-child:last-child td {
    border-bottom: 0;
}

.result_table table p.board_tit {
    font-size: 17px;
    font-weight: 500;
    color: #444;
    letter-spacing: -1px;
    margin-bottom: 13px;
    background: url(img/ico_bullet02.png) no-repeat 0 10.25px;
    padding-left: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.result_table table p.board_tit a {
    color: #444;
}

.result_table table p.board_txt {
    margin-left: 5px;
    margin-bottom: 23px;
    padding-left: 16px;
    letter-spacing: -1px;
    background: url(img/ico_bullet03.png) no-repeat 0 10.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.loca ul {
    display: flex;
    margin-left: 12px;
}

.loca .child_t::before {
    width: 45px;
    height: 45px;
    background: url(/assets/gmi/top_right_icon.png) no-repeat 0 center;
    content: '';
    display: inline-block;
    margin-right: 14px;
}

.loca ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
}

.loca ul li a {
    color: #252525;
    letter-spacing: -1px;
}

.loca ul li:last-child a {
    font-weight: 500;
}

.loca ul li:first-child:before {
    content: '';
    display: block;
    width: 22px;
    height: 17px;
    background: url(/theme/basic/img/top_icon.png) no-repeat 0 center;
    margin: 0;
}

.loca ul li::before {
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    background: url(/theme/basic/img/top_icon.png) no-repeat -35px center;
    margin: 2px 14px 0px 14px;
}

@media (max-width: 768px) {
    /*통합검색*/ .searchBar_wrap {
        flex-direction: column;
    }

    .searchBar_wrap p {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .searchBar_wrap .searchbar {
        width: 100%;
    }
}

@media (max-width: 460px) {
    /*통합검색*/ .searchBar_wrap {
        padding:20px 10px;
    }
}

/*#wrapper {margin-top: 100px;}*/
.inner {max-width: 1500px; width: 100%; margin: 0 auto; padding: 0 10px;}
.inner .tit {font-size: 36px; font-weight: 700 !important; color: #000;}
.main_visual {position: relative; max-width: 1920px; width: 100%; margin: 0 auto;}
.main_visual .img_wrap {height: 660px; border-radius: 0 0 200px 0;}
.main_visual .img_wrap img {width: 100%; height: 100%; object-fit: cover;}
.main_visual .float {position: absolute; top: 66px; right: 160px;}
.main_visual .float .circle {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 134px; height: 134px; background-color: rgba(255, 255, 255, 0.80); border: 3px solid #179f4d; border-radius: 50%; margin-bottom: 20px;}
.main_visual .float .circle:nth-child(2) {margin-left: 77px;}
.main_visual .float .circle span {font-size: 15px; color: #333; font-weight: 600; text-align: center;}
.main_visual .float .circle p {color: #3F7C53; font-size: 20px; line-height: 1;text-align: center;}
.main_visual .float .circle p strong {font-size: 32px; font-weight: 700; line-height: 1;}

#content_quicklink {margin-top: -80px; position: relative; z-index: 10;}
#content_quicklink::before {display: block; content: ''; width: 50%; height: 160px; background: #19A447; position: absolute; z-index: -1;}
#content_quicklink .quicklink_area {max-width: 1500px; width: 100%; height: 160px; margin: 0 auto; background: #19A447; border-radius: 0 100px 100px 0; display: flex; justify-content: space-between; align-items: center; padding-right: 30px; margin-bottom: 70px;}
#content_quicklink .quicklink_area .txt {display: flex; align-items: center;}
#content_quicklink .quicklink_area .txt img {margin-right: 50px;}
#content_quicklink .quicklink_area .txt p {margin-bottom: 0; font-size: 26px; color: #fff; font-weight: 600; word-break: keep-all;}
#content_quicklink .quicklink_area .link {display: flex; padding: 0 10px;}
#content_quicklink .quicklink_area .link a {display: flex; align-items: center; justify-content: space-between; width: 230px; padding: 18px 30px; border-radius: 100px; border: 2px solid #fff; margin-right: 20px; font-size: 20px; color: #fff;}

.popupzone .swiper-button-prev::after,
.popupzone .swiper-button-next::after {display: none;}
.popupzone .tit-area {display: flex; justify-content: space-between; margin-bottom: 40px; align-items: center;}
.popupzone .tit-area .controls {display: flex; align-items: center;}
.popupzone .tit-area .controls .btn_toggle {margin-right: 4px; cursor: pointer;} 
.popupzone .swiper-pagination {position: static;}
.popupzone .swiper-pagination {position: static;}
.popupzone .swiper-pagination-fraction {margin-right: 15px; color: #979797; font-size: 18px;}
.popupzone .swiper-pagination-current {color: #19A447;}
.popupzone .swiper-button-next,
.popupzone .swiper-button-prev {position: static !important; margin-top: 0; width: 46px;}
.popupzone .swiper-button-prev {margin-right: 4px;}
.popupzone .swiper {height: 290px;}
.popupzone .swiper-slide {width: 100%; border-radius: 20px; overflow: hidden;}
.popupzone .swiper-slide img {width: 100%; height: 100%; object-fit: cover; display: block;}

.notice_area {display: flex; gap: 70px; margin-bottom: 65px;}
.notice_area .navi {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.more_btn1 {display: flex; height: 44px; border-radius: 100px; background: #000;}
.more_btn1 a {display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; color: #fff; width: 140px;}
.more_btn1 img {}
.notice_area .navi ul {display: flex; align-items: center;}
.notice_area .navi ul li a {display: flex; align-items: center; font-size: 36px; font-weight: 700; color: #B8B8B8;}
.notice_area .navi ul li a.active {color: #000;}
.notice_area .navi ul li a::after {content: ''; display: block; width: 4px; height: 4px; background: #9F9F9F; border-radius: 50%; margin: 0 14px;}
.notice_area .navi ul li:last-child a::after {display: none;}
.notice_area .navi .more_btn1 {display: none;}
.notice_area .navi .more_btn1.active {display: block;}
.notice_area .notice {width: 65%;}
.notice_area .popupzone {width: 35%;}
.notice_area .notice {}
.notice_area .quick-item ul {display: flex; gap: 25px;}
.notice_area .quick-item ul li {width: calc((100% - 50px) / 3); padding: 36px 30px; border-radius: 20px; background: #F8F8F8; transition: 0.1s; border: 1px solid transparent;}
.notice_area .quick-item ul li:hover {border: 1px solid #AE842C; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.15);}
.notice_area .quick-item ul li:nth-child(3n) {margin-right: 0;}
.notice_area .quick-item ul li a {display: flex; flex-direction: column;}
.notice_area .quick-item ul li a .date {display: flex; flex-direction: column; margin-bottom: 30px;}
.notice_area .quick-item ul li a .date strong {color: #AE842C; font-size: 36px; font-weight: 500; line-height: 1;}
.notice_area .quick-item ul li a .date span {color: #888; font-size: 16px; font-weight: 400;}
.notice_area .quick-item ul li a .tit { display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; font-size: 21px; color: #000; font-weight: 600; margin-bottom: 20px;}
.notice_area .quick-item ul li a .desc { display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #666;}
.notice .quick-item {display: none;}
.notice .quick-item.board {display: block;}

.photo {margin-bottom: 80px;}
.photo .tit_area {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.photo ul {display: flex; gap: 45px;}
.photo ul li {border-radius: 20px; overflow: hidden; width: calc((100% - 90px) / 3);}
.photo ul li a {display: block;}
.photo ul li a .img img {width: 100%; height: 100%; max-height: 240px; object-fit: cover;}
.photo ul li a .txt {padding: 13px 30px 23px; background-color: #f8f8f8;}
.photo ul li a .txt .desc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; font-size: 20px; font-weight: 500;}
.photo ul li a .txt span {color: #888; font-size: 16px;}

.footer .logo_area {padding: 40px 10px;}
.footer .logo_area .f_logo {margin-bottom: 38px;}
.footer .logo_area .info {display: flex; justify-content: space-between;}
.footer .logo_area .info .add {color: #474747; font-size: 19px; font-weight: 500;}
.footer .logo_area .info .copy {color: #474747; font-size: 15px; font-weight: 400;}
.footer .logo_area .info .number {display: flex;}
.footer .logo_area .info .number dl {margin-left: 50px;}
.footer .logo_area .info .number dl dt {font-size: 17px; font-weight: 400;}
.footer .logo_area .info .number dl dd {font-size: 19px; font-weight: 700;}
.footer .link_area {display: flex; justify-content: space-between; padding: 25px 10px; border-top: 1px solid #E2E2E2;}
.footer .link_area .footer_txt li {display: flex; align-items: center;}
.footer .link_area .footer_txt li a {font-size: 17px; color: #474747; font-weight: 500;}
.footer .link_area .footer_txt li::after {content: ''; display: inline-block; width: 1px; height: 18px; background: #e2e2e2; margin: 0 10px;}
.footer .link_area .footer_txt li:last-child::after {display: none;}
.footer .link_area .footer_txt li:first-child a {color: #00CCA2;}
.footer_select {width:240px; padding: 15px 23px; border-radius: 7px; border: 1px solid #DDD; background: #FFF; appearance:none; background:url('/theme/basic/img/icon-open.svg') no-repeat calc(100% - 19px) 50%; color: #474747; font-weight: 500;}
 
/* 모바일 */

header .m_hd.active {display: block;}
.m_container {position: fixed; top: 0; right: 0; width: 290px; height: 100%; background-color: #fff;}
header .m_hd nav a {display:  inline-block; width: 100%; padding: 20px; color: #444; font-weight: 500;}
header .m_hd nav ul.depth1 > li > a {background: #fff; transition: .2s;color: #000; border-bottom: 1px solid #ddd;}
header .m_hd nav ul.depth1 > li > a.open {background: #3F7C53; color: #fff;}
header .m_hd nav ul.depth2  {display: none; padding: 5px 0; background: #fff; border-bottom: 1px solid #ddd;}
header .m_hd nav ul.depth2 > li {}
header .m_hd nav ul.depth2 > li > a {padding: 8px 20px;}
header .m_hd nav ul.depth2 > li > a::before {content: '';  display: inline-block; width: 3px; height: 3px; vertical-align: 3px; margin-right: 7px; background: #444;}
header .m_hd span.bg {display: inline-block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}
header .m_hd .m_container .m_header {display: flex; justify-content: space-between; align-items: center; padding: 15px;}
header .m_hd .m_container .m_logo {width: 190px;}
header .m_hd .m_container .m_logo img {width: 100%;}
header .m_hd .m_container .m_header .m_close {}
header .header_wrap.m_hd.active {display: block;}
header .header_wrap.m_hd .language {background-color: #f3f3f3;}
header .header_wrap.m_hd .language a {padding: 20px; display: flex; justify-content: center; align-items: center;}
header .header_wrap.m_hd .language .drop {height: 0; transition: .2s;}
header .header_wrap.m_hd .language .drop.open {height: 50px;}
header .header_wrap.m_hd .language .drop a {border-top: 1px solid #e2e2e2;}

/*사이트맵*/
.siteMap_tit{padding-top:3%; font-size: 2.6rem;font-weight: 700;color: #000;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.full_menu{display: none; width: 100%; height: 100%; overflow-y: scroll; background: #fff;position: fixed; left: 0; top: 0;z-index: 99999;box-sizing: border-box;}
.full_menu .full_top {width: 100%; height: 100px; border-bottom: 1px solid #dadada;}
.full_menu .full_top .container {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.full_menu .full_top .logo {width: 150px; height: 61px; display: flex; align-items: center;}
.full_menu .full_top .logo img {width: 100%;}
.full_menu .full_bottom .wrap {padding: 0;}
.full_menu .menu_close {background: url('../img/icon_btn_close.png') center center no-repeat; width: 20px; height: 20px; border: 0;}
.full_menu .depth1{display: inline-block;width: 100%;height: 100%;font-size: 0;}
.full_menu .depth1 > li{/* min-height: 47px; */width: 100%;border-bottom: 1px solid #ededed;padding: 3% 0;/* position: relative; *//* z-index: 0; */display: flex;}
.full_menu .depth1 > li:first-child{border-left:0;}
.full_menu .depth1 > li > a{font-size: 1.3rem;font-weight: 700;color: #000;min-width:115px; margin-right: 5%;line-height: 42px;}
.full_menu .depth1 > li > a > span{position: relative;}
.full_menu .depth1 > li > .depth2{width:calc(100% - 110px); display: flex; flex-wrap: wrap;}
.full_menu .depth1 > li > .depth2 > li{width: calc(100% / 4); vertical-align: top;padding-left: 10px;box-sizing: border-box;height: auto;}
.full_menu .depth1 > li > .depth2 > li > a{font-size: 1.1rem;font-weight: 500;color: #444;padding: 15px 10px;  display: block; margin-bottom: 10px; position: relative; line-height: 1em;}
.full_menu .depth1 > li > .depth2 > li > a[target="_blank"]::after {content: ""; display: inline-block; width: 15px ;height: 15px; transform: translateY(1px); background: url('../img/go_btn.png') center no-repeat; margin-left:5px;}
.full_menu .depth1 > li > .depth2 > li:hover > a {color: #3e4f7a;}
/*.full_menu .depth1 > li > .depth2 > li:hover > a[target="_blank"]::after {background: url(/images/layout/icon_active_link.svg) center no-repeat;}*/
.full_menu .depth1 > li > .depth2 > li > .depth3{}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li{padding: 7px 10px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{font-size: 1rem;position: relative;font-weight: 400; color:#333; text-decoration: none;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:hover{color:#3e4f7a; transition: all 0.3s ease;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li:last-child{margin-bottom:40px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > .depth4{display: none;}
.full_menu .depth1 > li > .depth2 > li.blank > a{position: relative;}
.full_menu .depth1 > li > .depth2 > li.blank > a:after{content: '';position: absolute;background:url(/images/layout/icon_normal_link.svg) center no-repeat; background-size: cover; width:15px; height:15px; top: 19px; margin-left: 10px;}
.full_menu .depth1 > li > .depth2 {display: block;}
/*::-webkit-scrollbar {width: 6px; height: 3px;}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3); background-clip: padding-box;}
::-webkit-scrollbar-track {background: transparent;}*/

@media(max-width:1200px){
    .full_menu .depth1 > li > .depth2 > li{width: calc(100% / 3);}
}

@media screen and (max-width: 1024px) {
  header .header_wrap.pc_hd nav {display: none;}
  header .header_wrap.pc_hd .util {display: none;}
  header .header_wrap.pc_hd .inner {padding: 5px 10px;}
  header .header_wrap.pc_hd .m_btn {display: block;}

  .notice_area {flex-direction: column;}
  .notice_area .notice {width: 100%;}

  .notice_area .popupzone {width: 50%; margin: 0 auto;}

  #content_quicklink .quicklink_area {flex-direction: column; padding: 10px 10px 20px;}
  #content_quicklink .quicklink_area .txt img {width: 15%; margin-right: 20px;}
  #content_quicklink .quicklink_area .txt p {font-size: 16px;}
  #content_quicklink .quicklink_area .link a {width: 150px; padding: 10px; font-size: 15px; margin-right: 8px;}

  .footer .logo_area .f_logo {margin-bottom: 20px;}
  .footer .logo_area {padding: 20px 10px;}
  .footer .logo_area .add_area {margin-bottom: 10px;}
  .footer .link_area {padding: 10px;}
}

@media screen and (max-width: 768px){
  .notice_area .quick-item ul li {width: calc((100% - 25px) / 2);}
  .notice_area .quick-item ul li:nth-child(3n) {display: none;}

  .photo ul {gap: 25px;}
  .photo ul li {width: calc((100% - 25px) / 2);}
  .photo ul li:nth-child(3) {display: none;}
  .footer .logo_area .info {flex-direction: column;}
  .footer .logo_area .info .number dl {margin-left: 0;} 
}

@media screen and (max-width: 640px){
  .footer .logo_area .f_logo {display: flex;}
  .footer .logo_area .f_logo img {width: 200px;}
  .logo a {width: 200px; height: 33px;}
  #content_quicklink .quicklink_area {align-items: flex-start; padding: 25px 10px 25px;}
  #content_quicklink .quicklink_area .txt img {display: none;}
  #content_quicklink .quicklink_area .link {padding: 0;}
  .notice_area {margin-bottom: 35px;}
  .notice_area .navi ul li a {font-size: 24px;}
  .more_btn1 a {width: 100%; padding: 10px 15px;}
  .more_btn1 img {margin-left: 10px;}
  .more_btn1 i.notice_area .popupzonemg {margin-left: 10px;}
  .notice_area .popupzone {width: 100%;}
  .notice_area .quick-item ul li {padding: 17px 10px;}
  .inner .tit {font-size: 24px;}
  .photo {margin-bottom: 40px;}
  .photo ul li a .txt {padding: 12px 15px 12px;}
  .photo ul li a .txt .desc {font-size: 16px; margin-bottom: 8px;}
  .photo ul li a .txt span {font-size: 14px;}
}