@charset "UTF-8";/* main */
.main_inner { width: 100%; max-width: 1600px; box-sizing: border-box; margin: 0 auto; position: relative; } 

/* head */
.main_header_wrap { position: fixed; top: 0; width: 100%; z-index: 998; background-color: transparent; left: 0; right: 0; background-color: #fff; } 
.main_header_wrap.on { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } 
.main_head_inner { border-bottom: 3px solid #333; } 
.head_top { display: flex; justify-content: flex-end; align-items: center; gap: 25px; padding-top: 25px; } 
.head_top > li { position: relative; } 
.head_top > li::after { display: block; content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 50%; left: calc(100% + 12px); transform: translateY(-50%); } 
.head_top > li:last-child:after { display: none; } 
.head_top > li > a { font-size: 16px; color: #000; letter-spacing: -0.5px; line-height: 1; align-items: center; font-weight: 600; display: flex; } 
.head_top > li.login > a > img { margin-right: 5px; } 
.head_top .hd_size { display: flex; align-items: center; gap: 5px; } 
.head_top .hd_size > p { font-size: 16px; color: #000; letter-spacing: -0.5px; line-height: 1; font-weight: 600; } 
.hd_bottom { display: flex; justify-content: space-between; height: 70px; margin-top: 20px; align-items: center; } 
.hd_logo > a { display: flex; } 
.hd_logo > a > img { width: 100%; } 
.gnb_dep01 { display: flex; height: 100%; } 
.gnb_dep01 > li { position: relative; height: 100%; } 
.gnb_dep01 > li > a { font-size: 24px; font-weight: 600; color: #000; letter-spacing: -0.5px; line-height: 1; display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 30px; } 
.gnb_dep01 > li.h_logo_ul_wrap { width: 260px; padding: 0 40px; position: relative; display: flex; align-items: center; display:none; } 
.gnb_dep01 > li.h_logo_ul_wrap .h_logo_prev { width: 9px; height: 15px; background: url(../images/main/h_logo_prev.png); position: absolute; top: 50%; transform: translateY(-50%); left: 0; cursor: pointer; } 
.gnb_dep01 > li.h_logo_ul_wrap .h_logo_next { width: 9px; height: 15px; background: url(../images/main/h_logo_next.png); position: absolute; top: 50%; transform: translateY(-50%); right: 0; cursor: pointer; } 
.gnb_dep01 > li.h_logo_ul_wrap .swiper-slide { width: fit-content; box-sizing: border-box; } 
.gnb_dep01 > li.h_logo_ul_wrap .swiper-slide > a { display: flex; justify-content: center; align-items: center; } 
.gnb_dep01 > li.h_logo_ul_wrap .swiper-slide > a > img { width: 100%; } 
.gnb_dep01 > li.site_map > a { justify-content: flex-end; padding-left: 50px; padding-right: 0; } 
.gnb_dep01 > li .gnb_dep02 { position: absolute; width: 220px; box-shadow: 20px 0 24px rgba(0, 0, 0, 0.2); background-color: #fff; border-top: 4px solid #003668; padding: 25px 10px; box-sizing: border-box; display: none; z-index: 100; left: 50%; transform: translateX(-50%); height: auto; } 
.gnb_dep01 > li .gnb_dep02 > li { line-height: 1; text-align: center; position: relative; margin-top: 25px; background-color: #fff; } 
.gnb_dep01 > li .gnb_dep02 > li:first-child { margin-top: 0; } 
.gnb_dep01 > li .gnb_dep02 > li::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: calc(100% + 12.5px); } 
.gnb_dep01 > li .gnb_dep02 > li:last-child::after { display: none; } 
.gnb_dep01 > li .gnb_dep02 > li > a { line-height: 1.5; font-size: 17px; font-weight: 500; letter-spacing: -0.25px; color: #000; word-break: keep-all; } 
.gnb_dep01 > li .gnb_dep02 > li:hover > a { font-weight: 700; } 

/* contnets */
.main_content_wrap { padding-top: 155px; } 
/* 버튼 */
.btn_link { position:relative; display: inline-flex; font-size:17px; font-weight:900; color:#262c3a; letter-spacing:-0.7px; padding-right:18px; } 
.btn_link:before { content:"+"; display:block; position:absolute; top:0; right:0; font-size:17px; font-weight:700; } 
.btn_link.fc_w { color:#fff; } 

.main_content_wrap { padding-top:130px; font-family:'Noto Sans Korean'; } 
.main_visual_wrap { position:relative; margin:70px auto 100px; } 
.visual_copyright { position:relative; height:530px; max-width:1600px; margin-inline:auto; z-index:1; } 
.visual_copyright .logo { padding-top: 70px; } 
.visual_copyright .title { font-size:73px; font-weight:300; color:#333; letter-spacing:-1px; line-height:1; padding-top: 23px; } 
.visual_copyright .dec { font-size:20px; font-weight:300; color:#333; letter-spacing:-0.5px; line-height:30px; margin-top:30px; } 
.visual_photo { position:absolute; top:0; left:50%; overflow: hidden; } 

.main_link_wrap {position:relative;/* margin-top: -90px; */display:block;max-width:1600px;margin-inline:auto;z-index:1;} 
.main_link_box { display: inline-flex; height:275px; } 
.main_link_box > .title { display:flex; width: 200px; background-color: #07365d; font-size: 33px; line-height: 1.3; font-weight: 500; color: #fff; letter-spacing: -1px; justify-content: center; align-items: center; text-align: center; border-right: 5px solid #fff; } 

.link_group_wrap:not(.link_group_wrap.bg_w) { background: #abcce8; border-left:1px solid rgba(255,255,255,.35); } 
.group_header { display:flex; height:90px; padding:0 40px; align-items: center; justify-content: space-between; border-bottom:1px solid rgba(255,255,255,.35); } 
.link_group_wrap.bg_w .group_header .title{display:none;}
.group_header .title { font-size:25px; font-weight: 700; color:#262c3a; letter-spacing:-0.7px; } 


.group_body {padding: 30px 0;} 
.group_body .btn {position:relative;display: inline-flex;width:175px;height: auto;font-size:20px;line-height: 1.2;font-weight:400;color:#262c3a;letter-spacing: -1px;text-align: center;flex-direction: column;background: transparent;border: 0;padding: 0;align-items: center;justify-content: center;gap: 0;vertical-align: initial;} 
.group_body .btn i { position: relative; width: 68px; height: 68px; transition: transform .3s; } 
.group_body .btn:hover i { transform: translateY(-10px); } 
.group_body .btn i.ico_business { background:url(../images/main/ico_business.png) no-repeat; } 
.group_body .btn i.ico_status { background:url(../images/main/ico_status.png) no-repeat; } 
.group_body .btn i.ico_fund { background:url(../images/main/ico_fund.png) no-repeat; } 
.group_body .btn i.ico_infla { background:url(../images/main/ico_infla.png) no-repeat; } 
.group_body .btn i.ico_support { background:url(../images/main/ico_support.png) no-repeat; } 
.group_body .btn i.ico_map { background:url(../images/main/ico_map.png) no-repeat; } 
.group_body .btn i.ico_faq { background:url(../images/main/ico_faq.png) no-repeat; } 

.group_body .btn + .btn:before { content:""; position:absolute; top: 10px; left:0; display:block; width:1px; height: 100px; background:rgba(255,255,255,.35); } 
.link_group_wrap.bg_w .group_body .btn + .btn:before { background-color:#bfd5eb; } 


/* main_board_wrap */
.main_board_wrap { position:relative; max-width:1600px; margin-inline:auto; display:flex; gap:90px; margin-bottom:100px; } 
.main_board_wrap .board_notice_wrap { flex:1; } 
.main_board_wrap .board_donation_wrap { flex:0 0 590px; } 

.main_board_wrap .board_notice_header { display:flex; border-bottom:4px solid #333; justify-content: space-between; padding-bottom: 24px; } 
.main_board_wrap .board_notice_header > .title { font-size:37px; font-weight:700; color:#333; letter-spacing:-0.7px; line-height:1; } 
.main_board_wrap .board_notice_header > .title span { font-size:20px; font-weight:900; color:#c8c8c8; } 
.main_board_wrap .notice_headiine {border-bottom:1px solid #c1c1c1;padding: 64px 0 36px;} 
.main_board_wrap .notice_headiine > a { display:flex; gap:12px; align-items: center; } 
.main_board_wrap .headline_date { flex:0 0 100px; } 

.main_board_wrap .headline_date .day { display:block; font-size:60px; font-weight:900; color:#333; letter-spacing:-0.1px; line-height:1; } 
.main_board_wrap .headline_date .month { display:block; font-size:20px; font-weight:400; color:#333; letter-spacing:-0.1px; line-height:1; } 
.main_board_wrap .headline_content { flex: 1; } 
.main_board_wrap .headline_content .cate { display:inline-flex; font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.8px; background:#cd67a5; border-radius:100px; height:40px; padding:0 20px; justify-content: center; align-items: center; } 
.main_board_wrap .headline_content > .title { font-size:28px; font-weight:700; color:#333; letter-spacing:-0.8px; line-height:60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.main_board_wrap .headline_content .dec { display: block; font-size: 17px; font-weight:400; color:#848484; line-height: 27px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.main_board_wrap .notice_list { padding:45px 0 0; } 
.main_board_wrap .notice_list > li:not(:last-child) { margin-bottom:24px; } 
.main_board_wrap .notice_list a { display:flex; justify-content: space-between; font-size:18px; font-weight:500; color:#333; letter-spacing:-0.8px; line-height:1; } 
.main_board_wrap .notice_list .title { flex:1; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 

/* board_gallery_wrap */
.board_gallery_wrap { flex:0 0 590px; } 
.board_gallery_wrap .board_gallery_header { display:flex; border-bottom:4px solid #333; justify-content: space-between; padding-bottom: 24px; } 
.board_gallery_wrap .board_gallery_header > .title { font-size:37px; font-weight:700; color:#333; letter-spacing:-0.7px; line-height:1; } 
.board_gallery_wrap .board_gallery_header > .title span { font-size:20px; font-weight:900; color:#c8c8c8; } 

.board_gallery_body { padding-top:60px; } 
.gallery_list a {display:flex;justify-content: flex-start;gap:40px;} 
.gallery_list > li:not(:last-child) { margin-bottom:24px; } 
.gallery_contents .title { display:block; font-size:24px; font-weight:700; color:#333; letter-spacing:-0.5px; line-height: 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.gallery_contents .dec { margin-top: 12px; display:block; font-size:16px; font-weight: 400; color:#848484; line-height: 26px; letter-spacing:-0.25px; } 
.gallery_contents .date { margin-top: 27px; display:block; font-size:15px; font-weight:700; color:#848484; line-height:1; } 
.gallery_photo {flex:0 0 245px;width:245px;height: auto;aspect-ratio: 4 / 3;overflow: hidden;} 
.gallery_photo img { width:100%; height:100%; object-fit:cover; } 

/* main_project_wrap */
.main_project_wrap {position: relative;max-width:1600px;margin-inline:auto;margin-bottom:100px;} 
.project_title_wrap { position: absolute; left: -160px; width: 520px; height: 390px; padding: 70px 65px 0px 160px; border-right: 3px solid #fff; solid #fff; border-bottom: 3px solid #fff; background:#cd67a5; box-sizing: border-box; z-index:10; } 
.project_title_wrap .title { font-size:40px; font-weight:300; line-height:50px; letter-spacing:-0.7px; color:#fff; } 
.project_title_wrap .dec { display:block; margin-top:10px; font-size:20px; font-weight: 100; color:#fff; line-height:26px; letter-spacing:0.1px; word-break: break-word; } 
.project_title_wrap .swiper-pagination {display: flex;position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;padding:0;margin: 0 0 24px 0;justify-content: space-evenly;} 
.project_title_wrap .swiper-pagination .swiper-pagination-bullet { display: inline-flex; position:relative; top:auto; right:auto; bottom:auto; left:auto; width: 64px; height: 64px; padding:0; margin:0; border: 1px solid #fff; background:none; color: #fff; font-weight:500; font-size: 25px; line-height:33px; text-align:center; vertical-align:middle; transform:none; border-radius:35px; opacity:1; transition:all .3s; justify-content: center; align-items: center; } 
.project_title_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; color:#cd67a5; } 
.project_title_wrap .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0;} 

.project_content_wrap { position:relative; z-index:1; padding-top: 60px; } 
.project_content {width: calc(100% + 145px);} 
.project_content .copyright { position:absolute; max-width:1600px; padding:134px 0 0 455px; box-sizing:border-box; display:flex; gap:32px; align-items:flex-start; } 
.project_content .copyright .title { font-size: 40px; font-weight:300; color:#fff; letter-spacing:-1px; line-height:1.2; } 
.project_content .copyright .title strong { font-weight:700; } 
.project_content .copyright .dec { border-left:1px solid #fff; padding-left:30px; font-size: 20px; font-weight: 200; color:#fff; letter-spacing: -1px; line-height: 30px; } 


.main_quick_wrap { position:relative; overflow: hidden; } 
.main_quick_wrap:before { content:""; position:absolute; bottom:0; left:0; display:block; width:398px; height:398px; background:url(../images/main/bg_quick01.png); } 
.main_quick_wrap:after { content:""; position:absolute; top: 0; right: -180px; display:block; width:534px; height:113px; background:url(../images/main/bg_quick03.png); } 
.main_quick_inner { position: relative; max-width:1600px; margin-inline:auto; margin-bottom:100px; } 
.main_quick_inner:before { content:""; position: absolute; top: 0; right: 400px; display:block; width:140px; height:278px; background:url(../images/main/bg_quick02.png) no-repeat 0 0; } 

.main_quick_header { text-align:center; margin-bottom:70px; } 
.main_quick_header > .title { font-size:37px; font-weight:700; color:#333; letter-spacing:-0.7px; line-height:1; } 
.main_quick_header > .title span { font-size:20px; font-weight:900; color:#c8c8c8; } 
.main_quick_body { position:relative; z-index:1; } 
.main_quick_wrap .quick_list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:100px;} 
.main_quick_wrap .quick_list > li { flex:1; text-align:center; } 
.main_quick_wrap .quick_list .title { padding:20px 0 40px 0; display:block; font-size:30px; font-weight:700; color:#333; letter-spacing:-1px; border-bottom:4px solid #333; } 
/* .main_quick_wrap .quick_list .item01 .title { background:url(../images/main/img_quick01.png) no-repeat center 0; } 
.main_quick_wrap .quick_list .item02 .title { background:url(../images/main/img_quick02.png) no-repeat center 0; } 
.main_quick_wrap .quick_list .item03 .title { background:url(../images/main/img_quick03.png) no-repeat center 0; } 
.main_quick_wrap .quick_list .item04 .title { background:url(../images/main/img_quick04.png) no-repeat center 0; } */
.main_quick_wrap .quick_list .dec { margin-top:30px; font-size:16px; font-weight:400; color:#333; letter-spacing:-1.5px; line-height:26px; } 
.main_quick_wrap .quick_list .btn_more { display:inline-block; margin-top:45px; font-size:17px; font-weight:900; color:#333; letter-spacing:-1px; text-decoration:underline;; } 

.main_mission_wrap { position:relative; background:#f3f4f6; padding:95px 0 0; text-align: center; overflow: hidden; font-size: 0; } 

.mission_header { text-align:center; } 
.mission_header > .title { font-size:37px; font-weight:700; color:#333; letter-spacing:-0.7px; line-height:1; } 
.mission_header > .title span { font-size:20px; font-weight:900; color:#c8c8c8; } 
.mission_header .dec { margin-top:25px; font-size:16px; font-weight:400; color:#999; } 
.mission_body .img_text {max-width: 80%;margin-top:40px;margin-bottom:110px;} 
.mission_photo {display: grid;grid-template-columns: 1fr 1fr;} 
.mission_photo img{width: 100%;flex:0 0 50%;}


/* footer */
.main_footer_wrap { position: relative; padding: 75px 0; background-color: #48505f; font-family: 'Noto Sans Korean'; } 
.main_footer_wrap .main_inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } 
.main_f_left .foot_ul { display: flex; gap: 40px; } 
.main_f_left .foot_ul > li { position: relative; } 
.main_f_left .foot_ul > li > a { font-weight: 500; letter-spacing: -0.75px; line-height: 1; color: #ffffff; font-size: 20px; } 
.main_f_left .foot_ul > li::after { display: block; content: ''; position: absolute; width: 1px; height: 10px; background-color: #fff; top: 50%; transform: translateY(-50%); right: calc(100% + 19.5px); } 
.main_f_left .foot_ul > li:first-child::after { display: none; } 
.main_f_left > p { font-weight: 300; word-break: keep-all; font-size: 16px; letter-spacing: -0.5px; color: #fff; margin-top: 45px; } 

.main_f_right { display: flex; gap: 45px; align-items: center; } 
.main_f_right .f_logo_ul { display: flex; align-items: center; gap: 20px; } 
.main_f_right .family_site_wrap { position: relative; cursor: pointer; width: 250px; } 
.main_f_right .family_site_wrap::after { display: block; content: ''; position: absolute; width: 1px; height: 30px; top: 50%; transform: translateY(-50%); background-color: #a4a8af; left: calc(100% - 55px); } 
.main_f_right .family_site_wrap .family_tit { border: 1px solid #fff; color: #fff; background: url(../images/common/ico_family_site.png) no-repeat calc(100% - 15px) center; display: flex; align-items: center; height: 55px; box-sizing: border-box; padding: 5px 55px 5px 30px; position: relative; font-size: 15px; font-weight: 900; line-height: 1; } 
.main_f_right .family_site_wrap .family_list { background-color: #fff; position: absolute; width: 100%; bottom: 100%; border: 1px solid #2A2E37; border-bottom: none; padding:10px 30px; box-sizing: border-box; display: none; } 
.main_f_right .family_site_wrap .family_list > li { margin-bottom: 10px; } 
.main_f_right .family_site_wrap .family_list > li:last-child { margin-bottom: 0; } 
.main_f_right .family_site_wrap .family_list > li > a { color: #000; display: block; width: 100%; font-size: 15px; line-height: 1; letter-spacing: -0.5px; font-weight: 400; } 
.main_f_right .family_site_wrap .family_list > li:hover > a { font-weight: 700; } 


@media (max-width: 1920px){
 
 }

@media (max-width: 1680px) {
 /* main */
 .main_inner { padding: 0 40px; max-width: 100%; } 
 
 /* head */
 .hd_logo > a { width: 300px; } 
 .gnb_dep01 > li > a { padding: 0 18px; } 
 .gnb_dep01 > li.h_logo_ul_wrap { padding: 0 30px; width: 220px; } 
 .gnb_dep01 > li.site_map > a { padding-left: 40px; } 
 
 /* footer */
 .main_f_right { flex-direction: column; align-items: flex-end; } 


 .main_board_wrap,
 .main_quick_inner{padding: 0 30px;}
 .main_quick_wrap .quick_list{gap:50px;}
 .main_quick_wrap .quick_list .dec br{display:none;}

 
 .project_content_wrap{padding:0;}
 .project_content {width:100%;} 
 .project_title_wrap{display: block;padding: 0;bottom: 50px;left: 50%;transform: translateX(-50%);width: 200px;height:auto;background:none;border:0;}
 .project_content .copyright{display: flex;width:100%;padding: 50px 100px 0;flex-direction:column;}
 .project_title_wrap .title{font-size: 24px;line-height: 1.2;display: none;}
 .project_title_wrap .dec{display:none;}
 .project_title_wrap .swiper-pagination .swiper-pagination-bullet{width:45px; height:45px; font-size:16px;}
 
 .project_content .copyright .title{font-weight:500;}
 .project_content .copyright .title br{display:none; }
 .project_title_wrap .swiper-pagination{margin: 0;}
 
 
 
 }


@media (max-width: 1400px) {
 /* head */
 .gnb_dep01 { gap: 0; } 
 .gnb_dep01 > li > a { font-size: 22px; } 
 .gnb_dep01 > li.h_logo_ul_wrap { display: none; } 
 .gnb_dep01 > li .gnb_dep02 { width: 220px; } 

 .main_board_wrap{gap: 60px;}

 
 
 }

 @media (max-width: 1300px) {
 /* main_visual_wrap */
 .visual_copyright { padding:0 30px; } 
 .visual_copyright .title { font-size:60px; } 
 .main_link_box > .title { width:100px; font-size:20px; } 
 
 .main_link_wrap {padding: 0;/* margin-top: -60px; */} 
 .main_link_box { height:auto; } 
 .group_header {height:60px;padding: 0 30px;} 
 .group_header .title { font-size:20px; } 
  .link_group_wrap.bg_w .group_header .title{display:block;}
 .group_body {display:flex;/* flex-direction: column; */padding: 30px;flex-wrap: wrap;} 
 .group_body .btn { min-width: 300px; font-size:18px; flex-direction: row; justify-content:flex-start; gap:10px; } 
 .group_body .btn i { width:45px; height:45px; background-size:100% auto !important; } 
 .group_body .btn span br { display:none; } 
 .group_body .btn + .btn:before { display:none; } 
 .link_group_wrap.bg_w { background: rgba(255,255,255,.8); } 
 }


@media (max-width: 1280px) {
 /* head */
 .main_head_inner { padding: 0 30px; } 
 .head_top { padding-top: 35px; } 
 .hd_bottom { margin-top: 10px; } 
 .gnb_dep01 > li > a { font-size: 20px; padding: 0px 10px; } 
 .gnb_dep01 > li.site_map > a { padding-left: 15px; } 
 .gnb_dep01 > li .gnb_dep02 { padding: 15px 10px; width: 210px; } 

 /* contents */
 .main_content_wrap { padding-top: 135px; } 

 /* footer */
 .main_footer_wrap { padding: 60px 0; } 
 .main_f_left > p { margin-top: 35px; } 
 .main_f_right { gap: 35px; } 
 .main_f_right .f_logo_ul { flex-wrap: wrap; justify-content: flex-end; gap: 10px 20px; } 

 .main_board_wrap{flex-direction:column;}
 .board_gallery_wrap{flex:1}
 .main_board_wrap .notice_headiine,
 .board_gallery_body{padding-top:30px;}
 .main_board_wrap .headline_content > .title{font-size:18px;line-height: 30px;}
 .main_board_wrap .headline_content .cate{font-size:14px;height:20px;padding: 0 12px;}
 .main_board_wrap .headline_content .dec{font-size:16px;}
 .main_board_wrap .notice_list a{font-size:16px;}
 .gallery_contents .title{font-size:18px;line-height: 28px;}
 .gallery_contents .dec{font-size:16px; }
 .gallery_list a{gap: 24px;}
 .gallery_photo{flex-basis: 180px;}
 }


 @media (max-width: 1200px) {
 /* main_visual_wrap */
 .main_link_box { display:flex; width:100%; } 
 .main_link_box > .title { flex:1; } 
 .link_group_wrap { flex:1; } 
 .visual_copyright { height:428px; } 
 .visual_copyright .title { font-size: 48px; padding-top: 20px; } 
 .visual_copyright .logo { height: 30px; } 
 .visual_copyright .logo img { height:100%; } 
 .visual_copyright .dec { font-size:16px; margin-top: 16px; } 
 
  .main_visual_wrap,
  .main_board_wrap,
  .main_quick_inner{ margin: 0px auto 70px; } 
 
 
 .main_visual_wrap .visual_photo { height: 428px; aspect-ratio: 4/3; } 
 .main_visual_wrap .visual_photo img { width:100%; height:100%; object-fit:cover; } 

  .main_quick_wrap .quick_list{grid-template-columns:1fr 1fr;}
  .main_quick_wrap .quick_list .title{padding: 0 0 10px 0;font-size: 24px;}
  .main_quick_wrap .quick_list .dec{margin-top:15px;}
 
 }

@media (max-width: 1130px){
 .main_link_wrap {padding: 0;} 
 .main_link_box { flex-direction:column } 
 .main_link_box > .title { flex: 0 0 60px; width:300px; border: 0; } 
 .main_link_box > .title br { display:none; } 
 .visual_copyright .title {color:#fff;} 
 .visual_copyright .dec { color:#fff; } 
 .main_visual_wrap .visual_photo { width: 100%; left: auto; height: 430px; } 
 .main_visual_wrap .visual_photo:after {content:"";display:block;position: absolute;top: 0;left: 0;width:100%;height:100%;background: rgba(0,0,0,0.3);} 
 .main_link_wrap .main_link_box .link_group_wrap {background: #abcce8;margin-bottom: 4px;} 
 
 .group_header { height:45px; } 
 .group_header .title { font-size: 16px; } 
 }

@media (max-width: 1024px) {
 /* main */
 .main_inner { padding: 0 30px; } 

 /* head */
 .head_top { padding-top: 25px; justify-content: flex-start; } 
 .head_top > li > a { font-size: 15px; } 
 .hd_bottom { height: auto; margin: 0; } 
 .hd_logo > a { width: 280px; padding: 15px 0; } 
 .hd_logo > a > img { width: 100%; } 
 .gnb_dep01 { height: 45px; width: 100%; justify-content: flex-end; } 
 .gnb_dep01 > li > a { padding: 0 10px; font-size: 18px; } 
 .gnb_dep01 > li.site_map { display: flex; position: static; align-items: center; } 
 .gnb_dep01 > li.site_map > a { padding-left: 20px; } 
 .gnb_dep01 > li .gnb_dep02 { padding: 12px 7px; /*width: 100%;*/ } 
 .gnb_dep01 > li .gnb_dep02 > li { margin-top: 20px; } 
 .gnb_dep01 > li .gnb_dep02 > li::after { top: calc(100% + 9.5px); } 
 .gnb_dep01 > li .gnb_dep02 > li > a { font-size: 16px; } 

 /* contents */
 .main_content_wrap { padding-top: 117px; } 


 /* footer */
 .main_footer_wrap { padding: 45px 0; } 
 .main_f_left .foot_ul > li > a { font-size: 18px; } 
 .main_f_left > p { margin-top: 25px; font-size: 15px; } 
 .main_f_right { gap: 30px; } 
 .main_f_right .f_logo_ul { gap: 10px 15px; } 
 .main_f_right .f_logo_ul > li > a > img { max-width: 110px; } 
 .main_f_right .family_site_wrap { width: 220px; } 
 .main_f_right .family_site_wrap::after { height: 25px; left: calc(100% - 50px); } 
 .main_f_right .family_site_wrap .family_tit { padding: 5px 45px 5px 25px; height: 50px; } 
 .main_f_right .family_site_wrap .family_list { padding: 10px 25px; } 
 }

@media (max-width: 860px) {+
 /* main */
 .main_inner { padding: 0 25px; } 

 /* head */
 .main_head_inner { padding: 0; } 
 .head_top { justify-content: flex-start; padding: 20px 25px 0; } 
 .hd_bottom { padding: 10px 0; } 
 .hd_logo > a { padding: 10px 25px 0; } 
 .gnb_dep01 { width: auto; } 
 .gnb_dep01 > li { display: none; } 
 .gnb_dep01 > li > a { font-size: 18px; padding: 0 7px; } 
 .gnb_dep01 > li.site_map > a { height: auto; padding-left: 0; padding-right: 25px; } 
 .gnb_dep01 > li .gnb_dep02 > li { margin-top: 10px; } 
 .gnb_dep01 > li .gnb_dep02 > li::after { top: calc(100% + 5px); } 
 .gnb_dep01 > li .gnb_dep02 > li > a { font-size: 15px; letter-spacing: -0.75px; } 

 /* contents */
 .main_content_wrap { padding-top: 112px; } 

 /* footer */
 .main_footer_wrap { padding: 30px 0; } 
 .main_footer_wrap .main_inner { flex-direction: column; } 
 .main_f_left .foot_ul > li > a { font-size: 17px; } 
 .main_f_left > p { margin-top: 20px; font-size: 14px; } 
 .main_f_right { gap: 20px; align-items: center; width: 100%; flex-direction: row; justify-content: space-between; } 
 .main_f_right .f_logo_ul { gap: 10px; } 
 .main_f_right .family_site_wrap { width: 200px; } 
 .main_f_right .family_site_wrap .family_list > li > a { font-size: 14px; } 
 }

@media (max-width: 640px) {
 /* main */
 .main_inner { padding: 0 20px; } 

 /* head */
 .head_top { padding: 15px 0 0; gap: 15px; } 
 .head_top > li::after { left: calc(100% + 8px); } 
 .head_top > li > a { font-size: 13.5px; } 
 .hd_bottom { padding: 10px 0; } 
 .hd_logo > a { padding: 0; width: 300px; } 
 .gnb_dep01 { height: 0; } 
 .gnb_dep01 > li { display: none; } 
 .gnb_dep01 > li > a { font-size: 16px; } 
 .gnb_dep01 > li.h_logo_ul_wrap { display: none; } 
 .gnb_dep01 > li.site_map { display: flex; } 
 .gnb_dep01 > li.site_map > a { padding-right: 0; } 
 .gnb_dep01 > li .gnb_dep02 > li > a { font-size: 14px; } 

 /* contents */
 .main_content_wrap { padding-top: 100px; } 

 /* footer */
 .main_footer_wrap { padding: 25px 0; } 
 .main_f_left .foot_ul > li > a { font-size: 16px; } 
 .main_f_left > p { font-size: 13.5px; margin-top: 15px; } 
 .main_f_right { gap: 15px; flex-direction: column; align-items: flex-start; } 
 .main_f_right .family_site_wrap::after { left: calc(100% - 45px); } 
 .main_f_right .family_site_wrap .family_tit { padding: 5px 40px 5px 20px; height: 45px; font-size: 13.5px; } 
 .main_f_right .family_site_wrap .family_list { padding: 10px 20px; } 
 .main_f_right .family_site_wrap .family_list > li > a { font-size: 13.5px; } 
 }

@media (max-width: 576px) {

 .main_visual_wrap, 
 .main_board_wrap, 
 .main_quick_inner,
 .main_project_wrap{margin-bottom: 40px;}
 .main_board_wrap, 
 .main_quick_inner{padding:0 20px}
 .main_visual_wrap .visual_photo{height:360px;}
.visual_copyright{height: 360px;}
.visual_copyright .logo{padding-top: 30px;height:24px;}
 .visual_copyright .title{font-size: 30px;}
 .visual_copyright .dec{font-size:14px; line-height:1.4;}
 .visual_copyright .dec br{display:none;}
 .main_link_wrap{margin:0;}
 .main_board_wrap{gap:40px;}
 .main_board_wrap .board_notice_header > .title,
 .main_board_wrap .board_gallery_header > .title{font-size:24px;}
 
 
 .main_board_wrap .board_notice_header,
 .main_board_wrap .board_gallery_header{padding-bottom:10px;}
 .main_board_wrap .board_notice_header > .title span
 .main_board_wrap .board_gallery_header > .title span{font-size:13px;}

 
 
 .group_header{display:none;}
 .main_link_wrap .main_link_box .link_group_wrap{margin:0;border: 0;background: none;}
 .group_header .title{font-size: 18px;}
 .group_body{padding: 0px 20px 0;}
 .group_body .btn{padding:2px 0;}
 .main_link_box{background: #abcce8;}
 .main_link_box > .title{width:100%;}
 .group_body .btn{font-size:14px;}
 .main_link_box > .title{flex-basis:40px; font-size:18px;}

 .main_board_wrap .headline_date .day{font-size:30px;}
 .main_board_wrap .headline_date .month{font-size:13px;}
 .main_board_wrap .headline_date{flex-basis:50px;text-align: center;}
 .main_board_wrap .notice_headiine, .board_gallery_body{padding:10px 0;}
 .main_board_wrap .notice_list{padding-top:15px;}
 .main_board_wrap .board_notice_header > .title span,
 .board_gallery_wrap .board_gallery_header > .title span{font-size:12px;}

 .gallery_photo{flex-basis: 100px;width: 100px;height: 80px;}
 .gallery_contents{flex:1;}
 .gallery_contents .title{font-size: 16px;line-height: 1.5;}
 .gallery_contents .dec{font-size:13px; line-height:1.5; margin-top:5px}
 .gallery_contents .date{margin-top:5px; font-size:12px; text-align:right;}

 .project_content .copyright{padding: 30px 30px 0;display:flex;/* text-align:center; */align-items: center;}
 .project_content .copyright .title{font-size: 24px;text-align: center;}
 .project_content .copyright .dec{border:0;font-size: 14px;line-height: 24px;padding-left: 0;}
 .project_content .copyright .dec br{display:none;}
 .project_content_wrap .photo{height: 370px;}
 .project_title_wrap{transform: translateX(-50%);bottom: 30px;}

 .main_quick_header{margin-bottom:30px;}
 .main_quick_header > .title{font-size:24px;}
 .main_quick_header > .title span{font-size: 12px;}
 .main_quick_wrap .quick_list .title{font-size:18px;}
 .main_quick_wrap .quick_list .dec{font-size:14px;}
 .main_quick_wrap .quick_list{gap: 40px 20px;}
 .main_quick_wrap .quick_list .btn_more{margin-top:10px;font-size: 14px;}
 .main_quick_inner:before{right:0; top:50%}

 .main_mission_wrap{padding:40px 0 0;}
 .mission_header > .title{font-size:24px;}
 .mission_header > .title span{font-size:12px;}
 .mission_header .dec{font-size:14px;padding:0 30px;margin-top: 10px;}

 .mission_body .img_text{margin-bottom:40px;}

 
}
@media (max-width: 480px) {
 /* main */
 .main_inner { padding: 0 15px; } 

 /* head */
 .head_top { gap: 10px; } 
 .head_top > li::after { display: none; } 
 .head_top > li > a { font-size: 13px; } 
 .head_top > li.login > a > img { display: none; } 
 .head_top .hd_size { display: none; } 
 .head_top .hd_size > p { font-size: 13px; } 
 .hd_logo > a.hd_logo { width: 250px; } 
 .gnb_dep01 > li.site_map { right: 15px; } 
 .gnb_dep01 > li > a { font-size: 15px; } 
 .gnb_dep01 > li .gnb_dep02 > li > a { font-size: 13.5px; } 

 /* contents */
 .main_content_wrap { padding-top: 86px; } 

 /* footer */
 .main_footer_wrap { padding: 20px 0; } 
 .main_f_left .foot_ul > li > a { font-size: 15px; } 
 .main_f_left > p { font-size: 13px; margin-top: 10px; } 
 .main_f_right { gap: 10px; } 
 .main_f_right .family_site_wrap { width: 100%; } 
 .main_f_right .family_site_wrap .family_tit { font-size: 13px; } 
 .main_f_right .family_site_wrap .family_list > li > a { font-size: 13px; } 
 }

 /* 20251112 KJH 슬라이더 하단 텍스트추가 */
  .main_visual_subtxt { position: absolute; top: 0; right: 0; }
  @media(max-width:1300px){
    .main_visual_subtxt { display: none; }
  }