@charset "UTF-8";

/* layout */
.wrap { font-size: 1.6rem; }
.inner { width: 100%; max-width: var(--inner); margin: 0 auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.container .inner { margin: 0 auto; }

/* header */
.header { z-index: 100; position: relative; height: 17rem; background: transparent; transition: background-color 0.3s; }
.header .inner { display: flex; align-items: center; justify-content: space-between; max-width: 1660px; height: 100%; padding: 0; }
.header .logo { flex-shrink: 0; width: 24.7rem; height: 6.8rem; margin-top: 2rem; }
.header .logo > a { display: block; width: 100%; height: 100%; background: url(../../images/common/logo02.svg) no-repeat center/contain; font-size: 0; transition: background-image 0.3s; }
.header .logo > a > img { width: 100%; height: 100%; object-fit: contain; }
.header .gnb_area { width: 100%; }
.header .util_area { display: flex; flex-shrink: 0; align-items: center; gap: 3rem; }
.header .util_area .language_area { position: relative; flex-shrink: 0; }
.header .util_area .language_area .btn_lang { display: flex; position: relative; align-items: center; justify-content: center; min-width: 8.6rem; height: 4.4rem; padding: 1px 1.5rem 0; padding-right: 4rem; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 100px; color: #fff; font-weight: 500; font-size: 1.7rem; transition: background-color 0.3s, border-color 0.3s; }
.header .util_area .language_area .btn_lang:after { position: absolute; top: 50%; right: 1.5rem; width: 1.5rem; height: 0.8rem; margin-top: -0.4rem; background: url(../../images/common/icon_arr05_down.svg) no-repeat center/contain; content: ""; transition: background-image 0.3s; }
.header .util_area .language_area .lang_layer { display: none; position: absolute; top: calc(100% + 1rem); left: 0; width: 100%; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: var(--border_radius10); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15); transition: border-color 0.3s; }
.header .util_area .language_area .lang_layer a { display: block; padding: 0.5rem 1rem; border-radius: var(--border_radius5); color: #fff; font-weight: 500; font-size: 1.5rem; text-align: center; }
.header .util_area .language_area .lang_layer a:hover { text-decoration: underline; }
.header .util_area .language_area .btn_lang.active + .lang_layer { display: block; }
.header .util_area .sitemap_area { flex-shrink: 0; }
.header .util_area .sitemap_area .btn_sitemap { display: block; position: relative; width: 4rem; height: 1.2rem; font-size: 0; }
.header .util_area .sitemap_area .btn_sitemap:before,
.header .util_area .sitemap_area .btn_sitemap:after { position: absolute; right: 0; width: 100%; height: 2px; background: #fff; content: ""; }
.header .util_area .sitemap_area .btn_sitemap:before { top: 0; }
.header .util_area .sitemap_area .btn_sitemap:after { bottom: 0; width: 2.6rem; }
.header.main,
.header.hover,
.header.viewSiteMap { background: #fff; }
.header.main .logo > a,
.header.hover .logo > a,
.header.viewSiteMap .logo > a { background-image: url(../../images/common/logo.svg); }
.header.main .util_area .language_area .btn_lang,
.header.hover .util_area .language_area .btn_lang,
.header.viewSiteMap .util_area .language_area .btn_lang { border: 1px solid #ddd; background: #fff; color: #222; }
.header.main .util_area .language_area .btn_lang:after,
.header.hover .util_area .language_area .btn_lang:after,
.header.viewSiteMap .util_area .language_area .btn_lang:after { background-image: url(../../images/common/icon_arr_select.svg); }
.header.main .util_area .language_area .lang_layer,
.header.hover .util_area .language_area .lang_layer,
.header.viewSiteMap .util_area .language_area .lang_layer { border: 1px solid #ddd; background: #fff; }
.header.main .util_area .language_area .lang_layer a,
.header.hover .util_area .language_area .lang_layer a,
.header.viewSiteMap .util_area .language_area .lang_layer a { color: #222; }
.header.main .util_area .sitemap_area .btn_sitemap:before,
.header.main .util_area .sitemap_area .btn_sitemap:after,
.header.hover .util_area .sitemap_area .btn_sitemap:before,
.header.hover .util_area .sitemap_area .btn_sitemap:after,
.header.viewSiteMap .util_area .sitemap_area .btn_sitemap:before,
.header.viewSiteMap .util_area .sitemap_area .btn_sitemap:after { background: #333; }

/* real content */
.real_content { width: 100%; }
.sub_page_head { display: flex; flex-direction: column; justify-content: center; height: 47.5rem; margin-top: -17rem; padding-top: 17rem; background: linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual1 { background: url(../../images/contents/visual_bg01.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual2 { background: url(../../images/contents/visual_bg02.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual3 { background: url(../../images/contents/visual_bg03.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual4 { background: url(../../images/contents/visual_bg04.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual5 { background: url(../../images/contents/visual_bg05.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head.visual6 { background: url(../../images/contents/visual_bg06.png) no-repeat center/cover, linear-gradient(88deg, #3F9ABC 1.85%, #8B8CF0 100%); }
.sub_page_head .page_title { color: #fff; font-weight: 700; font-size: 4.8rem; line-height: 1.4; }
.sub_page_head .page_breadcrumb { display: flex; align-items: center; margin-top: 2.4rem; gap: 3.3rem; color: #fff; font-weight: 500; font-size: 1.7rem; }
.sub_page_head .page_breadcrumb > li > span { display: block; position: relative; }
.sub_page_head .page_breadcrumb > li + li > span:before { position: absolute; top: 50%; left: -1.6rem; width: 1px; height: 1.2rem; margin-top: -0.6rem; background: rgba(255, 255, 255, 0.4); content: ""; }
.sub_page_head .page_breadcrumb .home > span { display: block; width: 2rem; height: 2rem; background: url(../../images/common/icon_home.svg) no-repeat center/contain; font-size: 0; }
.content_area { display: flex; align-items: flex-start; padding: 8rem 0 10rem; }
.cm_section + .cm_section { margin-top: 8rem; }

/* footer */
.footer { position: relative; padding: 5rem 0 4rem; background: #292929; word-break: keep-all; }
.footer .inner { max-width: 1660px; padding: 0 30px; }
.footer .menu_area { display: flex; align-items: center; margin-bottom: 2.5rem; gap: 3rem; }
.footer .menu_area > .menu_item { color: #999; font-size: 1.7rem; line-height: 1; }
.footer .menu_area > .menu_item.highlight { color: #0ab1ba; font-weight: 700; }
.footer .info_area { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.footer .info_area > .info_item { color: #999; font-size: 1.7rem; line-height: 1.5; }
.footer .copy_area { margin-top: 0.5rem; color: #666; font-size: 1.7rem; line-height: 1.5; }
.footer .btn_top { z-index: 5; position: fixed; right: 2vw; bottom: 2vw; width: 5rem; height: 5rem; border-radius: var(--border_radius10); background: url(../../images/common/icon_top.svg) no-repeat center/contain, rgba(0, 0, 0, 0.2); font-size: 0; }
.footer_top_slider { border-top: 1px solid #ddd; }
.footer_top_slider .inner { position: relative; }
.footer_top_slider .foot_swiper_navigation .swiper-btn { display: block; z-index: 1; position: absolute; top: calc(50% - 2.3rem); width: 4.6rem; height: 4.6rem; background-position: center; background-size: 2.5rem; background-repeat: no-repeat; font-size: 0; }
.footer_top_slider .foot_swiper_navigation .swiper-btn.swiper-prev { left: -4.6rem; background-image: url(../../images/common/pg_prev.svg); }
.footer_top_slider .foot_swiper_navigation .swiper-btn.swiper-next { right: -4.6rem; background-image: url(../../images/common/pg_next.svg); }
.footer_top_slider .footer_swiper .logo { display: flex; align-items: center; justify-content: center; height: 10.8rem; }

/* 메인 공통 */
.main_page .main_section { position: relative; margin-top: 12.5rem; word-break: keep-all; }
.main_page .flex_inner { display: flex; align-items: flex-start; justify-content: space-between; }
.main_page .main_title { font-weight: 700; font-size: 5rem; line-height: 1.3; letter-spacing: -2px; }
.main_page .main_title.bul > span { position: relative; padding-right: 2.5rem; }
.main_page .main_title.bul > span:after { position: absolute; top: -0.5rem; right: 0; width: 1.8rem; height: 1.8rem; background: url(../../images/common/icon_bullet.svg) no-repeat center/contain; content: ""; }
.main_page .btn_more { display: inline-flex; align-items: center; justify-content: center; height: 5.4rem; padding: 1rem 1.7rem; padding-right: 0; border: 1px solid #000; background: #fff; font-weight: 500; font-size: 1.7rem; vertical-align: baseline; }
.main_page .btn_more:after { display: block; width: 4.8rem; height: 5.4rem; margin-left: 2rem; border-left: 1px solid #000; background: url(../../images/common/icon_arr02_right.svg) no-repeat center/1.9rem; content: ""; }
.main_page .btn_more.type2 { width: 4rem; height: 4rem; padding: 0; border: 0; background: url(../../images/common/icon_arr04.svg) no-repeat center/contain; font-size: 0; }
.main_page .btn_more.type2:after { display: none; }

/* 메인 비주얼 */
.main_page .main_visual { margin-top: 0 !important; padding-top: 1.5rem; }
.main_page .main_visual .inner { display: flex; position: relative; justify-content: space-between; gap: 5rem; }
.main_page .main_visual .visual_slogan_area { padding-top: 3rem; line-height: 1.4; letter-spacing: -1px; opacity: 1 !important; }
.main_page .main_visual .visual_slogan_area .main_title { transform: translateX(10%); font-weight: 700; font-size: 4.8rem; letter-spacing: -3px; opacity: 0; transition: opacity 1s, transform 1s; }
.main_page .main_visual .visual_slogan_area .slogan_desc { margin-top: 2.5rem; transform: translateX(10%); color: #999; font-size: 2.2rem; opacity: 0; transition: opacity 1s 0.2s, transform 1s 0.2s; }
.main_page .main_visual .visual_slogan_area.aos-animate .main_title,
.main_page .main_visual .visual_slogan_area.aos-animate .slogan_desc { transform: translateX(0); opacity: 1; }
.main_page .main_visual .visual_slide_area { width: 78rem; }
.main_page .main_visual .visual_slide_area .visual_slide .swiper { overflow: visible; }
.main_page .main_visual .visual_slide_area .visual_slide .swiper-slide { opacity: 0; transition: opacity 0.5s; }
.main_page .main_visual .visual_slide_area .visual_slide .swiper-slide-active { opacity: 1; }
.main_page .main_visual .visual_slide_area .visual_slide .item_box { display: flex; position: relative; flex-direction: column; width: calc(100% + 13rem); height: 53.6rem; padding: 7.8rem; overflow: hidden; border-radius: 0 80px 0 0; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; line-height: 1.4; }
.main_page .main_visual .visual_slide_area .visual_slide .item_box1 { background-image: url(../../images/main/visual_img01.png); }
.main_page .main_visual .visual_slide_area .visual_slide .item_box2 { background-image: url(../../images/main/visual_img02.png); }
.main_page .main_visual .visual_slide_area .visual_slide .item_box3 { background-image: url(../../images/main/visual_img03.png); }
.main_page .main_visual .visual_slide_area .visual_slide .item_box4 { background-image: url(../../images/main/visual_img04.png); }
.main_page .main_visual .visual_slide_area .visual_slide .item_box5 { background-image: url(../../images/main/visual_img05.png); }
.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_title { font-weight: 700; font-size: 4rem; }
.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_desc { margin-top: 1.5rem; font-size: 2.2rem; }
.main_page .main_visual .visual_slide_area .visual_thumb { z-index: 2; position: absolute; right: 26.5rem; bottom: 0; width: calc(77.2rem + 30px + 20px); border: 10px solid #fff; border-bottom: 0; background: #fff; }
.main_page .main_visual .visual_slide_area .visual_thumb .swiper-slide { width: 19.3rem !important; }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box { display: flex; position: relative; flex-direction: column; align-items: flex-end; justify-content: flex-end; width: 100%; height: 18.1rem; padding: 2.4rem; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; line-height: 1.4; }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box .item_title { font-weight: 500; font-size: 1.8rem; }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box1 { background-image: url(../../images/main/visual_thumb01.png); }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box2 { background-image: url(../../images/main/visual_thumb02.png); }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box3 { background-image: url(../../images/main/visual_thumb03.png); }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box4 { background-image: url(../../images/main/visual_thumb04.png); }
.main_page .main_visual .visual_slide_area .visual_thumb .item_box5 { background-image: url(../../images/main/visual_thumb05.png); }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap { display: flex; position: absolute; bottom: 2.5rem; left: 1rem; align-items: center; gap: 3rem; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction { display: flex; position: relative; flex-shrink: 0; align-items: center; padding: 0 3.3rem; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-pagination { position: static; transform: none !important; opacity: 1 !important; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-number { font-size: 0; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-number .swiper-pagination-current,
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-number .swiper-pagination-total { position: absolute; top: 0; width: 3.3rem; transform: translateY(-50%); font-size: 1.7rem; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-number .swiper-pagination-current { left: 0; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-number .swiper-pagination-total { right: 0; text-align: right; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-progress { position: relative; flex-shrink: 0; width: 14.5rem; height: 2px; background: #ccc; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-fraction .swiper-progress .swiper-pagination-progressbar-fill { background: #333; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-btn { display: block; width: 2.7rem; height: 2.7rem; background-position: center; background-size: 1rem; background-repeat: no-repeat; font-size: 0; }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-prev { background-image: url(../../images/common/icon_arr01_left.svg); }
.main_page .main_visual .visual_slide_area .swiper-btn-wrap .swiper-next { background-image: url(../../images/common/icon_arr01_right.svg); }

/* 메인 공지사항 */
.main_page .main_notice .title_area { display: flex; align-items: center; justify-content: space-between; }
.main_page .main_notice .notice_area .list_body { display: flex; flex-wrap: wrap; gap: 6rem; }
.main_page .main_notice .notice_area .list_item { width: calc((100% - 6rem) / 2); opacity: 0; transition: opacity 0.8s; }
.main_page .main_notice .notice_area.aos-animate .list_item { opacity: 1; }
.main_page .main_notice .notice_area.aos-animate .list_item:nth-child(1) { transition-delay: 0.1s; }
.main_page .main_notice .notice_area.aos-animate .list_item:nth-child(2) { transition-delay: 0.15s; }
.main_page .main_notice .notice_area.aos-animate .list_item:nth-child(3) { transition-delay: 0.2s; }
.main_page .main_notice .notice_area.aos-animate .list_item:nth-child(4) { transition-delay: 0.25s; }
.main_page .main_notice .notice_area .item_box { display: flex; position: relative; flex-direction: column; padding: 2rem 0 4.5rem; border-top: 3px solid #000; border-bottom: 1px solid #ddd; background: #fff; }
.main_page .main_notice .notice_area .item_box:after { position: absolute; right: 2.5rem; bottom: 3rem; width: 4rem; height: 4rem; background: url(../../images/common/icon_arr04.svg) no-repeat center/contain; content: ""; }
.main_page .main_notice .notice_area .item_box .item_new { position: absolute; top: 0; right: 0; }
.main_page .main_notice .notice_area .item_box .item_new > span { display: flex; align-items: center; justify-content: center; padding: 0.5rem 2rem; border-radius: 0 0 10px 10px; background: #333; color: #1390ab; font-weight: 500; font-size: 2rem; }
.main_page .main_notice .notice_area .item_box .item_label { display: flex; gap: 1rem; }
.main_page .main_notice .notice_area .item_box .item_label .cm_label { padding: 0 1rem 0.5rem; border: 0; border-bottom: 2px solid #1390ab; border-radius: 0; background: none; font-weight: 500; font-size: 1.8rem; line-height: 1; }
.main_page .main_notice .notice_area .item_box .item_title { margin-top: 4.2rem; overflow: hidden; font-weight: 500; font-size: 2.2rem; text-overflow: ellipsis; white-space: nowrap; }
.main_page .main_notice .notice_area .item_box .item_label + .item_title { margin-top: 1rem; }
.main_page .main_notice .notice_area .item_box .item_info { display: flex; margin-top: 2.5rem; gap: 1rem; color: #444; font-size: 1.7rem; }
.main_page .main_notice .notice_area .item_box:hover .item_title { text-decoration: underline; }
.main_page .main_notice .notice_area .nodata { display: flex; flex: 1; flex-direction: column; padding: 4.5rem 0; border-top: 3px solid #000; border-bottom: 1px solid #ddd; background: #fff; }

/* 메인 퀵메뉴 */
.main_page .main_quick { margin-top: 10.5rem; }
.main_page .main_quick .title_area { display: flex; align-items: flex-end; justify-content: space-between; }
.main_page .main_quick .title_area .main_title { font-size: 4.6rem; }
.main_page .main_quick .quick_area { width: calc(100% + 26rem); margin-left: -13rem; opacity: 1 !important; }
.main_page .main_quick .quick_area .list_body { display: flex; }
.main_page .main_quick .quick_area .list_item { width: 100%; transform: translateY(10%); opacity: 0; transition: transform 0.8s, opacity 0.8s; }
.main_page .main_quick .quick_area.aos-animate .list_item { transform: translateY(0); opacity: 1; }
.main_page .main_quick .quick_area.aos-animate .list_item:nth-child(1) { transition-delay: 0.05s; }
.main_page .main_quick .quick_area.aos-animate .list_item:nth-child(2) { transition-delay: 0.1s; }
.main_page .main_quick .quick_area.aos-animate .list_item:nth-child(3) { transition-delay: 0.15s; }
.main_page .main_quick .quick_area.aos-animate .list_item:nth-child(4) { transition-delay: 0.2s; }
.main_page .main_quick .quick_area .item_box { display: block; z-index: 1; position: relative; width: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; line-height: 1; transition: border-radius 0.5s, transform 0.5s; }
.main_page .main_quick .quick_area .item_box1 { background-image: url(../../images/main/quick_img01.png); }
.main_page .main_quick .quick_area .item_box2 { background-image: url(../../images/main/quick_img02.png); }
.main_page .main_quick .quick_area .item_box3 { background-image: url(../../images/main/quick_img03.png); }
.main_page .main_quick .quick_area .item_box4 { background-image: url(../../images/main/quick_img04.png); }
.main_page .main_quick .quick_area .item_box:before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/main/quick_bg01.png) no-repeat center top/contain, linear-gradient(0deg, rgba(8, 187, 243, 0.5) 0%, rgba(94, 119, 253, 0.5) 100%); content: ""; opacity: 0; transition: opacity 0.5s; }
.main_page .main_quick .quick_area .item_box:after { display: block; width: 100%; padding-top: 144.93%; content: ""; }
.main_page .main_quick .quick_area .item_box .item_eng { position: absolute; top: 4rem; left: 5rem; font-size: 1.6rem; }
.main_page .main_quick .quick_area .item_box .item_eng > span { display: block; transform: rotate(90deg); transform-origin: 5% 45%; }
.main_page .main_quick .quick_area .item_box .item_title { display: flex; position: absolute; top: 0; left: 0; align-items: flex-end; width: 100%; height: 100%; padding: 4rem 5rem; font-weight: 700; font-size: 4rem; }
.main_page .main_quick .quick_area .item_box .item_title:before { position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.1); content: ""; transition: opacity 0.5s; }
.main_page .main_quick .quick_area .item_box .item_title:after { position: absolute; right: -1px; bottom: 0; width: 7rem; height: 7rem; background: #fff url(../../images/common/icon_arr01_right.svg) no-repeat center/1.2rem; content: ""; opacity: 0; transition: opacity 0.5s; }
.main_page .main_quick .quick_area .item_box:hover { transform: translateY(-6rem); border: 0; border-radius: 0 70px 0 0; }
.main_page .main_quick .quick_area .item_box:hover:before { opacity: 1; }
.main_page .main_quick .quick_area .item_box:hover .item_title:before { opacity: 0; }
.main_page .main_quick .quick_area .item_box:hover .item_title:after { opacity: 1; }

/* 메인 보도자료/네트워크 */
.main_page .main_press { padding-bottom: 32.5rem; overflow: hidden; background: url(../../images/main/network_bg01.png) no-repeat center top/cover; }
.main_page .main_press .inner { gap: 5rem; }
.main_page .main_press .obj_text1 { position: absolute; bottom: 8rem; left: 0; color: #fff; font-weight: 700; font-size: 11rem; line-height: 1; letter-spacing: -5px; white-space: nowrap; opacity: 0.2; }
.main_page .main_press .obj_text2 { position: absolute; bottom: -1.5rem; left: 0; color: #fff; font-weight: 700; font-size: 10rem; line-height: 1; letter-spacing: -2.2px; white-space: nowrap; }
.main_page .main_press .press_area .title_area,
.main_page .main_press .network_area .title_area { display: flex; align-items: center; justify-content: space-between; }
.main_page .main_press .press_area { width: 48.85%; }
.main_page .main_press .press_area .list_body { display: flex; flex-wrap: wrap; gap: 3rem 3.4rem; }
.main_page .main_press .press_area .list_item { width: calc((100% - 3.4rem) / 2); }
.main_page .main_press .press_area .list_item.nodata { display: flex; align-items: center; justify-content: center; width: 100%; height: 54.4rem; border-radius: 0 7rem 0 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.main_page .main_press .press_area .item_box { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 25.5rem; padding: 3.7rem; overflow: hidden; background: #fff; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15); transition: border-radius 0.5s; }
.main_page .main_press .press_area .item_box:before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(20deg, #2198c3 0%, #4e69c2 100%); content: ""; opacity: 0; transition: opacity 0.5s; }
.main_page .main_press .press_area .item_box:after { position: absolute; right: 3rem; bottom: 3rem; width: 5rem; height: 5rem; background: url(../../images/common/icon_arr03_right.svg) no-repeat center/contain; content: ""; opacity: 0; transition: opacity 0.5s; }
.main_page .main_press .press_area .item_box .item_title { display: -webkit-box; height: 6.16rem; font-weight: 500; font-size: 2.2rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.5s; }
.main_page .main_press .press_area .item_box .item_info { display: flex; margin-top: 2rem; gap: 1rem; font-weight: 500; font-size: 1.7rem; }
.main_page .main_press .press_area .item_box .item_info > span { display: flex; align-items: center; padding: 0.5rem 1.7rem; border: 1px solid #333; border-radius: 100px; background: #fff; transition: color 0.5s, background-color 0.5s, border-color 0.5s; }
.main_page .main_press .press_area .item_box:hover { border-radius: 0 50px 0 0; }
.main_page .main_press .press_area .item_box:hover:before { opacity: 1; }
.main_page .main_press .press_area .item_box:hover:after { opacity: 1; }
.main_page .main_press .press_area .item_box:hover .item_title { color: #fff; text-decoration: underline; }
.main_page .main_press .press_area .item_box:hover .item_info > span { border-color: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.2); color: #fff; }
.main_page .main_press .network_area { width: 41.07%; }
.main_page .main_press .network_area .network_list { z-index: 1; position: relative; }
.main_page .main_press .network_area .network_list .item_box { position: absolute; transform: scale(0); border-radius: 100%; opacity: 0; transition: transform 1s, opacity 1s; }
.main_page .main_press .network_area .network_list.aos-animate .item_box { transform: scale(1); opacity: 1; }
.main_page .main_press .network_area .network_list .item_box:after { position: absolute; border-radius: 100%; background: rgba(255, 255, 255, 0.1); content: ""; }
.main_page .main_press .network_area .network_list .item_box1 { top: -20px; left: 460px; width: 21rem; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2); transition-delay: 0.4s; }
.main_page .main_press .network_area .network_list .item_box2 { z-index: 2; top: 140px; left: 255px; width: 13.6rem; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2); transition-delay: 0.2s; }
.main_page .main_press .network_area .network_list .item_box3 { top: 220px; left: 265px; width: 22.7rem; transition-delay: 0.3s; }
.main_page .main_press .network_area .network_list .item_box3:after { top: -0.5rem; right: -0.5rem; bottom: -0.5rem; left: -0.5rem; transition-delay: 1.8s; }
.main_page .main_press .network_area .network_list .item_box4 { top: 250px; left: 40px; width: 16.5rem; transition-delay: 0.35s; }
.main_page .main_press .network_area .network_list .item_box4:after { top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; transition-delay: 1.8s; }
.main_page .main_press .network_area .network_list .item_box5 { top: 495px; left: -85px; width: 10.9rem; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2); transition-delay: 0.1s; }
.main_page .main_press .network_area .network_list .item_box6 { top: 460px; left: 120px; width: 15.9rem; transition-delay: 0.5s; }
.main_page .main_press .network_area .network_list .item_box6:after { top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; transition-delay: 1.8s; }
.main_page .main_press .network_area .network_list .item_box7 { top: 380px; left: 515px; width: 16.8rem; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2); transition-delay: 0.6s; }
.main_page .main_press .network_area .network_list .item_box8 { top: -75px; left: 440px; width: 9rem; transition-delay: 0.5s; }

/* aos */
.aos_default { transform: translateY(20px); opacity: 0; transition: opacity 1s, transform 1s; }
.aos-animate .aos_default { transform: translateY(0); opacity: 1; }

/* 페이지 공유 버튼 */
.cm_shard_wrap { position: relative; }
.cm_shard_wrap .share_btn { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100px; background: #eee; }
.cm_shard_wrap .share_list { display: none; z-index: 1; position: absolute; top: calc(100% + 5px); left: 0; flex-direction: column; padding: 1.2rem 0.8rem; gap: 0.8rem; border: 1px solid #ddd; border-radius: 100px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.cm_shard_wrap.active .share_list { display: flex; }
.cm_shard_wrap.active .share_list .share_item_btn { width: 2.8rem; height: 2.8rem; border-radius: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.cm_shard_wrap.active .share_list .share_item_btn.kakao { background-image: url(../../images/common/icon_kakao.svg); }
.cm_shard_wrap.active .share_list .share_item_btn.band { background-image: url(../../images/common/icon_band.svg); }
.cm_shard_wrap.active .share_list .share_item_btn.facebook { background-image: url(../../images/common/icon_facebook.svg); }
.cm_shard_wrap.active .share_list .share_item_btn.twitter { background-image: url(../../images/common/icon_twitter.svg); }
.cm_shard_wrap.active .share_list .share_item_btn.url { background-image: url(../../images/common/icon_url.svg); }

/* 재단소개 - 인사말 */
.page_GTHB3 .greeting_wrap { display: flex; justify-content: space-between; gap: 4rem; word-break: keep-all; }
.page_GTHB3 .greeting_wrap .img_area { position: relative; width: 30.15%; padding-top: 2.2rem; transform: translateX(10%); transition: opacity 1s, transform 1s; }
.page_GTHB3 .greeting_wrap .img_area.aos-animate { transform: translateX(0); opacity: 1; }
.page_GTHB3 .greeting_wrap .img_area:before { position: absolute; top: 11.5rem; left: -3.8rem; width: 6rem; height: 6rem; background: url(../../images/contents/sub3_img02.png) no-repeat center/contain; content: ""; }
.page_GTHB3 .greeting_wrap .img_area:after { position: absolute; right: -4.5rem; bottom: 2.2rem; width: 3.3rem; height: 3.3rem; background: url(../../images/contents/sub3_img03.png) no-repeat center/contain; content: ""; }
.page_GTHB3 .greeting_wrap .text_area { flex: 1; max-width: 90rem; transform: translateX(10%); transition: opacity 1s, transform 1s; }
.page_GTHB3 .greeting_wrap .text_area.aos-animate { transform: translateX(0); opacity: 1; }
.page_GTHB3 .greeting_wrap .text_area .title_area { position: relative; margin-bottom: 4rem; padding-bottom: 4rem; font-size: 2.8rem; line-height: 1.35; }
.page_GTHB3 .greeting_wrap .text_area .title_area:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0256A8; content: ""; }
.page_GTHB3 .greeting_wrap .text_area .title_area strong { display: block; font-weight: 600; }
.page_GTHB3 .greeting_wrap .text_area .desc_area { margin-bottom: 4rem; color: var(--color4); font-size: 1.7rem; }
.page_GTHB3 .greeting_wrap .text_area .foot_area { display: flex; flex-wrap: wrap; align-items: end; gap: 1.2rem 6rem; font-size: 2rem; line-height: 1.5; }
.page_GTHB3 .greeting_wrap .text_area .foot_area em { font-weight: 600; }

/* 재단소개 - ci */
.page_GTHB4 [data-aos=fade-up] { transform: translateY(30px); opacity: 0; }
.page_GTHB4 [data-aos=fade-up].aos-animate { transform: translateY(0); opacity: 1; }
.page_GTHB4 .section ~ .section { margin-top: 8rem; }
.page_GTHB4 .section .section_content { display: flex; gap: 4rem; }
.page_GTHB4 .section .section_content .img_box { display: flex; flex: 1; align-items: center; justify-content: center; height: 30rem; padding: 4rem; border-radius: 1.2rem; }
.page_GTHB4 .section .section_content .img_box.box1 { border: 1px solid #ddd; }
.page_GTHB4 .section .section_content .img_box.box2 { background: #003863; }
.page_GTHB4 .section1 .section_content .buttons_area { display: flex; flex-direction: column; justify-content: space-between; width: 20.3rem; }
.page_GTHB4 .section1 .section_content .buttons_area .cm_btn { width: 100%; }
.page_GTHB4 .section1 .section_content .img_box { position: relative; width: calc((100% - 20.3rem - 8rem) / 2); overflow: hidden; border: 1px solid #ddd; }
.page_GTHB4 .section1 .section_content .img_box:after { position: absolute; top: -1.2rem; left: -1.2rem; width: calc(100% + 2.4rem); height: calc(100% + 2.4rem); border: 1px solid #ddd; border-radius: 1.2rem; background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.08) 0 1px, transparent 1px 24px), repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0 1px, transparent 0px 24px); content: ""; }
.page_GTHB4 .section1 .vision_content { margin: 10rem 0 20rem; text-align: center; word-break: keep-all; }
.page_GTHB4 .section1 .vision_content .vision_title { font-weight: 700; font-size: 4rem; line-height: 1.4; }
.page_GTHB4 .section1 .vision_content .vision_title .title1 span { position: relative; background: linear-gradient(to right, #003668, #2990D0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.page_GTHB4 .section1 .vision_content .vision_title .title1 span:before { position: absolute; top: calc(50% - 0.4rem); left: -2.2rem; width: 0.7rem; height: 0.7rem; border-radius: 100px; background: #3DABA4; content: ""; }
.page_GTHB4 .section1 .vision_content .vision_title .title1 span:after { position: absolute; top: calc(50% - 0.7rem); right: -2.8rem; width: 1.3rem; height: 1.3rem; border-radius: 100px; background: #3DABA4; content: ""; }
.page_GTHB4 .section1 .vision_content .vision_title .title2 { font-size: 3.2rem; }
.page_GTHB4 .section1 .vision_content .vision_title .title2 em { font-size: 4rem; }
.page_GTHB4 .section1 .vision_content .vision_desc { margin-top: 2rem; color: #555; font-weight: 500; font-size: 2.4rem; line-height: 1.4; }
.page_GTHB4 .section1 .vision_content .vision_desc .color1 { color: #2A7ECA; }
.page_GTHB4 .section1 .vision_content .vision_desc .color2 { color: #36ABA3; }
.page_GTHB4 .section1 .vision_content .vision_desc .color3 { color: #003668; }
.page_GTHB4 .section2 .color_box { flex: 1; padding: 4rem; border-radius: 1.2rem; color: #fff; }
.page_GTHB4 .section2 .color_box.color1 { background-color: #003668; }
.page_GTHB4 .section2 .color_box.color2 { background-color: #2990D0; }
.page_GTHB4 .section2 .color_box.color3 { background-color: #3daba4; }
.page_GTHB4 .section2 .color_box .color_code { margin-bottom: 2.4rem; padding-bottom: 4rem; border-bottom: 1px solid #ddd; font-weight: 500; font-size: 1.8rem; }
.page_GTHB4 .section2 .color_box .others dl { display: flex; text-transform: uppercase; }
.page_GTHB4 .section2 .color_box .others dl ~ dl { margin-top: 2.4rem; }
.page_GTHB4 .section2 .color_box .others dl dt { width: 8rem; font-weight: 500; font-size: 1.8rem; }
.page_GTHB4 .section2 .color_box .others dl dd { flex: 1; font-size: 1.7rem; }
.page_GTHB4 .section5 .section_content .img_box { height: 36rem; }

/* 재단소개 - 기관소개 */
.page_GTHB5 { text-align: center; }
.page_GTHB5 .section ~ .section { margin-top: 6rem; }
.page_GTHB5 .section1 { position: relative; margin: 10rem 0px 18rem; padding-bottom: 7.8rem; }
.page_GTHB5 .section1:before { position: absolute; bottom: 0.3rem; left: 22.8rem; width: 19rem; height: 19.1rem; background: url(../../images/contents/sub5_img02.png) no-repeat center/contain; content: ""; }
.page_GTHB5 .section1:after { position: absolute; right: 21.6rem; bottom: 0rem; width: 27.6rem; height: 29.2rem; background: url(../../images/contents/sub5_img01.png) no-repeat center/contain; content: ""; }
.page_GTHB5 .section1 .section_content { z-index: 1; position: relative; max-width: 85rem; margin: 0 auto; font-weight: 500; font-size: 2.4rem; word-break: keep-all; }
.page_GTHB5 .section3.section3 { margin-top: 20rem; }
.page_GTHB5 .section4.section4 { position: relative; margin-top: 10rem; padding-top: 10rem; }
.page_GTHB5 .section4.section4:after { position: absolute; top: 0; left: 50%; width: 100vw; height: calc(100% + 10rem); transform: translateX(-50%); background: #F5FAFE; content: ""; }
.page_GTHB5 .section4 .cm_title,
.page_GTHB5 .section4 .section_content { z-index: 1; position: relative; }

/* 연혁 */
.page_GTHB5 .year { height: 5.6rem; margin-bottom: 2rem; font-weight: 600; font-size: 4rem; letter-spacing: -0.02em; text-align: center; transition: color 0.25s; }
.page_GTHB5 .history_section.on .year { color: var(--cm_color2); }
.page_GTHB5 .scroll { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; transform: translateX(-50%); background: #d9d9d9; }
.page_GTHB5 .scroll span { position: absolute; top: 0; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); border-radius: 50%; background: #BCDEFF; }
.page_GTHB5 .scroll span::after { position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--cm_color2); content: ""; }
.page_GTHB5 .scroll .bar { width: 100%; background: var(--cm_color2); }
.page_GTHB5 .flex_box { display: flex; position: relative; padding: 5rem 0; }
.page_GTHB5 .history_img,
.page_GTHB5 .history_content { width: 50%; }
.page_GTHB5 .history_img .img { position: relative; width: 100%; padding-top: 56.335%; overflow: hidden; border-radius: 1.2rem; opacity: 1; }
.page_GTHB5 .history_img .img::after { z-index: 10; position: absolute; top: 0; left: 0; width: 200%; height: 100%; transform: translateX(-50%); background: linear-gradient(to left, #fff 50%, var(--cm_color2) 50%); content: ""; transition: transform 1.6s cubic-bezier(0.86, 0, 0.07, 1); }
.page_GTHB5 .history_img .img.aos-animate::after { transform: translateX(50%); animation: imgCover 1.5s cubic-bezier(0.86, 0, 0.07, 1) both; }
.page_GTHB5 .history_img .img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.page_GTHB5 .history_section .history_content { font-weight: 500; font-size: 2rem; line-height: 1.5; }
.page_GTHB5 .history_section .history_content em { font-weight: 600; }
.page_GTHB5 .history_section .history_content .cm_bul_list > li ~ li { margin-top: 2rem; }
.page_GTHB5 .history_section .history_content .cm_bul_list > li span:before { top: 1.3rem; background: #999; }
.page_GTHB5 .history_section:nth-child(even) .flex_box { flex-direction: row-reverse; }
.page_GTHB5 .history_section:nth-child(even) .history_img { padding-left: 10rem; }
.page_GTHB5 .history_section:nth-child(even) .history_content { padding-right: 7rem; text-align: right; }
.page_GTHB5 .history_section:nth-child(even) .history_content .cm_bul_list > li span { padding-right: 1.4rem; padding-left: 0; }
.page_GTHB5 .history_section:nth-child(even) .history_content .cm_bul_list > li span:before { right: 0; left: auto; }
.page_GTHB5 .history_section:nth-child(odd) .history_img { padding-right: 10rem; }
.page_GTHB5 .history_section:nth-child(odd) .history_content { padding-left: 7rem; }
.page_GTHB5 .history_section:nth-child(odd) .history_content .cm_bul_list > li { text-align: left; }

/* 재단소개 - 조직 및 업무 */
.page_GTHB6 .cm_tab .tab_list { margin-bottom: 8.4rem; }
.page_GTHB6 .org_chart { width: 100%; max-width: 82rem; margin-right: auto; margin-bottom: 6rem; margin-left: auto; transform: translateY(2rem); text-align: center; }
.page_GTHB6 .org_chart.aos-animate { transform: translateY(0); }
.page_GTHB6 .org_chart .chart_head { display: inline-flex; position: relative; align-items: center; justify-content: center; width: 14.3rem; height: 14.3rem; border-radius: 50%; background: #003668; color: #fff; font-weight: 600; font-size: 2.4rem; }
.page_GTHB6 .org_chart .chart_head:before { position: absolute; top: 50%; left: 50%; width: calc(100% + 1.8rem); height: calc(100% + 1.8rem); transform: translate(-50%, -50%); border-radius: 100px; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%230256A8' stroke-width='2' stroke-dasharray='4' stroke-dashoffset='50' stroke-linecap='butt'/%3e%3c/svg%3e"); content: ""; }
.page_GTHB6 .org_chart .chart_body { position: relative; margin-top: 3rem; }
.page_GTHB6 .org_chart .chart_body:before { position: absolute; top: 0; left: 50%; width: 1px; height: calc(100% - 12.8rem); background: #ddd; content: ""; }
.page_GTHB6 .org_chart .chart_body .chart_group { z-index: 1; position: relative; }
.page_GTHB6 .org_chart .chart_body .chart_box { display: inline-flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: 18.4rem; height: 5.8rem; border: 1px solid #F3F3F3; border-radius: 0.8rem; background: #f3f3f3; color: #555; font-weight: 500; font-size: 1.8rem; }
.page_GTHB6 .org_chart .chart_body .group1 { margin-bottom: 3rem; }
.page_GTHB6 .org_chart .chart_body .group1 .chart_box { border-color: var(--cm_color2); background: var(--cm_color2); color: #fff; }
.page_GTHB6 .org_chart .chart_body .group2 { text-align: right; }
.page_GTHB6 .org_chart .chart_body .group2:before { position: absolute; top: 50%; left: 50%; width: 50%; height: 1px; background: #ddd; content: ""; }
.page_GTHB6 .org_chart .chart_body .group2 .chart_box { border-color: var(--cm_color2); background: #fff; color: var(--cm_color2); }
.page_GTHB6 .org_chart .chart_body .group3 { margin-top: -3.2rem; text-align: left; }
.page_GTHB6 .org_chart .chart_body .group3:before { position: absolute; top: 5.3rem; left: 0; width: 50%; height: 1px; background: #ddd; content: ""; }
.page_GTHB6 .org_chart .chart_body .group3 .chart_box_wrap { color: #6a6a6a; }
.page_GTHB6 .org_chart .chart_body .group3 .box1 { margin-bottom: 5.3rem; border-color: #2074C2; background: #fff; color: #2074C2; }
.page_GTHB6 .org_chart .chart_body .group3 .box2 { border-color: #bababa; background: #fff; color: #555; }
.page_GTHB6 .org_chart .chart_body .group3 .box2:before { position: absolute; bottom: 100%; left: 50%; width: 1px; height: 5.3rem; background: #ddd; content: ""; }
.page_GTHB6 .org_chart .chart_body .group4 { margin-top: -8.8rem; }
.page_GTHB6 .org_chart .chart_body .group4 .box1 { margin-bottom: 7rem; border-color: #428FD5; background: #428FD5; color: #fff; }
.page_GTHB6 .org_chart .chart_body .group4 .chart_box_wrap { position: relative; width: max-content; margin: 0 auto; padding-top: 7rem; }
.page_GTHB6 .org_chart .chart_body .group4 .chart_box_wrap:before { position: absolute; top: 0; left: 50%; width: calc(50% + 2px); height: 1px; transform: translateX(-50%); background: #ddd; content: ""; }
.page_GTHB6 .org_chart .chart_body .group4 .chart_box_wrap .chart_box:before { position: absolute; bottom: 100%; left: 50%; width: 1px; height: 7.1rem; background: #ddd; content: ""; }
.page_GTHB6 .org_content .cm_tab { margin-bottom: 2.4rem; }

/* 재단소개 - GBC 및 네트워크 캠퍼스 */
.page_GTHB7 .page_head .desc { color: #555; font-weight: 500; font-size: 2.4rem; line-height: 1.4; }
.page_GTHB7 .section ~ .section { margin-top: 6rem; }
.page_GTHB7 .section1 .content_wrap { position: relative; width: 100%; margin: 9rem auto 10.2rem; }
.page_GTHB7 .section1 .content_wrap .mobile { display: none; }
.page_GTHB7 .section1 .content_wrap .content_circle { position: relative; width: 59.1rem; height: 58.8rem; margin: 0 auto; }
.page_GTHB7 .section1 .content_wrap .content_circle:before { position: absolute; top: 50%; left: 50%; width: 40rem; height: 40rem; transform: translate(-50%, -50%); background: url(../../images/contents/sub7_img07.png) no-repeat center/contain; content: ""; }
.page_GTHB7 .section1 .content_wrap .content_circle:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background: url(../../images/contents/sub7_img08.png) no-repeat center/contain; content: ""; }
.page_GTHB7 .section1 .content_wrap .item_box { z-index: 1; position: absolute; transform: scale(0); transition: opacity 1s, transform 1s; }
.page_GTHB7 .section1 .content_wrap.aos-animate .item_box { transform: scale(1); opacity: 1; }
.page_GTHB7 .section1 .content_wrap .item_box.box1 { display: flex; top: 50%; left: 50%; align-items: center; justify-content: center; width: 26rem; height: 26rem; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; box-shadow: 0 4px 30px rgba(26, 86, 168, 0.15); }
.page_GTHB7 .section1 .content_wrap .item_box.box1 img { width: 13rem; }
.page_GTHB7 .section1 .content_wrap .item_box.box2 { top: calc(50% - 5rem); right: 18rem; transition-delay: 0.15s; }
.page_GTHB7 .section1 .content_wrap .item_box.box3 { top: 1.6rem; left: 24rem; transition-delay: 0.25s; }
.page_GTHB7 .section1 .content_wrap .item_box.box4 { top: 0rem; right: 4rem; transition-delay: 0.3s; }
.page_GTHB7 .section1 .content_wrap .item_box.box5 { bottom: 8.8rem; left: 13.5rem; transition-delay: 0.35s; }
.page_GTHB7 .section1 .content_wrap .item_box.box6 { top: 21.3rem; left: 0rem; transition-delay: 0.4s; }
.page_GTHB7 .section1 .content_wrap .item_box.box7 { right: 0; bottom: 0; padding-bottom: 0.8rem; transition-delay: 0.45s; }
.page_GTHB7 .section1 .content_wrap .item_box.box7 .title { display: inline-flex; position: absolute; right: 4rem; bottom: 0; align-items: center; justify-content: center; height: 3.7rem; padding: 0 1.4rem; border-radius: 50px; background: var(--cm_color2); color: #fff; font-weight: 600; }
.page_GTHB7 .section1 .map_content_area { text-align: center; }
.page_GTHB7 .section1 .map_content_area .map_area.pc { position: relative; width: calc(100% - 16rem); margin: 0 auto; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo { position: absolute; transform: scale(0); transition: opacity 1s, transform 1s; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo1 { top: -7px; left: 3.6rem; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo2 { top: 350px; left: 2rem; transition-delay: 0.25s; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo3 { top: -45px; right: 9.2rem; transition-delay: 0.4s; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo4 { top: 140px; right: 9.2rem; transition-delay: 0.55s; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo5 { right: 2.2rem; bottom: 12.9rem; transition-delay: 0.7s; }
.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo6 { bottom: -2.2rem; left: 50%; transition-delay: 0.85s; }
.page_GTHB7 .section1 .map_content_area .map_area.aos-animate .map_logo { transform: scale(1); }
.page_GTHB7 .section1 .map_content_area .map_logo.aos-animate { transform: scale(0); }
.page_GTHB7 .section1 .map_content_area .map_area.mob { display: none; }
.page_GTHB7 .cm_overview2 ~ .cm_overview2 { margin-top: 2.4rem; }
.page_GTHB7 .cm_overview2 { transform: translateY(20px); transition: opacity 1s, transform 1s; }
.page_GTHB7 .cm_overview2.aos-animate { transform: translateY(0); opacity: 1; }

/* 재단소개 - 오시는 길 */
.page_GTHB8 .location_page_wrap { position: relative; }
.page_GTHB8 .head_area { margin-bottom: 8rem; padding-right: 67rem; }
.page_GTHB8 .head_area .title { display: inline-block; position: relative; margin-bottom: 4.8rem; transform: translateY(10px); font-weight: 600; font-size: 4rem; line-height: 1.4; opacity: 0; transition: opacity 1s, transform 1s; }
.page_GTHB8 .head_area .title img { margin-top: 5px; margin-left: 12px; }
.page_GTHB8 .head_area .location_info dl { display: flex; gap: 1.2rem; font-size: 2rem; line-height: 1.4; }
.page_GTHB8 .head_area .location_info dl dt { position: relative; width: 10.2rem; padding-left: 3.2rem; font-weight: 500; }
.page_GTHB8 .head_area .location_info dl dt:before { position: absolute; top: 2px; left: 0; width: 2.4rem; height: 2.4rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.page_GTHB8 .head_area .location_info dl dd { flex: 1; color: #555; }
.page_GTHB8 .head_area .location_info .location dt:before { background-image: url(../../images/common/icon_marker.svg); }
.page_GTHB8 .head_area .location_info .tel dt:before { background-image: url(../../images/common/icon_call.svg); }
.page_GTHB8 .head_area .location_info .fax dt:before { background-image: url(../../images/common/icon_print.svg); }
.page_GTHB8 .head_area .location_info .top { margin-bottom: 2.8rem; padding-bottom: 2.8rem; transform: translateY(10px); border-bottom: 1px solid #ddd; opacity: 0; transition: opacity 1s, transform 1s; }
.page_GTHB8 .head_area .location_info .bottom { display: flex; transform: translateY(10px); opacity: 0; transition: opacity 1s, transform 1s; }
.page_GTHB8 .head_area .location_info .bottom dl { width: 50%; }
.page_GTHB8 .map_area { position: relative; padding-top: 42.5%; }
.page_GTHB8 .map_area .map { width: 100%; height: 100%; }
.page_GTHB8 .map_area .root_daum_roughmap { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 10rem); }
.page_GTHB8 .map_area .map .root_daum_roughmap .cont { display: none; }
.page_GTHB8 .map_area .map .root_daum_roughmap .wrap_map { height: 100%; border: 0; }
.page_GTHB8 .map_area .map .root_daum_roughmap .border1,
.page_GTHB8 .map_area .map .root_daum_roughmap .border2,
.page_GTHB8 .map_area .map .root_daum_roughmap .border3,
.page_GTHB8 .map_area .map .root_daum_roughmap .border4 { border: 0; background: none; }
.page_GTHB8 .head_area.aos-animate .title { transform: translateY(0); opacity: 1; }
.page_GTHB8 .head_area.aos-animate .top { transform: translateY(0); opacity: 1; transition-delay: 0.25s; }
.page_GTHB8 .head_area.aos-animate .bottom { transform: translateY(0); opacity: 1; transition-delay: 0.35s; }
.page_GTHB8 .directions { z-index: 1; position: absolute; top: 3.2rem; right: 5.2rem; overflow: hidden; }
.page_GTHB8 .directions .box_wrap { width: 100%; max-width: 0; height: 508px; max-height: 0; margin-left: auto; overflow: hidden; transition: all 1s; transition-delay: 0.25s; }
.page_GTHB8 .directions_box { width: 100%; height: 508px; padding: 4rem; padding-bottom: 12rem; overflow: hidden; border-radius: 1.2rem; background: #f2f2f2; }
.page_GTHB8 .directions_box .box_title { margin-bottom: 4rem; font-weight: 600; font-size: 2.8rem; white-space: nowrap; }
.page_GTHB8 .directions_box .box_content { width: 34.1rem; padding: 2rem; border-radius: 1.2rem; background: #fff; }
.page_GTHB8 .directions_box .box_content ~ .box_content { margin-top: 2rem; }
.page_GTHB8 .directions_box .box_content .box_sub_title { margin-bottom: 2rem; font-weight: 600; font-size: 1.8rem; }
.page_GTHB8 .directions_box .box_content p { color: #555; word-break: keep-all; }
.page_GTHB8 .directions_box .box_decoration { position: absolute; bottom: -1rem; left: 3.4rem; color: #fff; font-weight: 700; font-size: 6rem; line-height: 1; white-space: nowrap; opacity: 0; transition: opacity 5s; }
.page_GTHB8 .directions.aos-animate .box_wrap { max-width: 100%; max-height: 508px; }
.page_GTHB8 .directions.aos-animate .box_decoration { opacity: 1; }

/* 교육과정 - 교육소개 */
.page_GTHB41 .cm_tab .tab_list { margin-bottom: 8.4rem; }
.page_GTHB41 .section1 { margin-bottom: 12rem; }
.page_GTHB41 .section1 .section_content { display: flex; justify-content: center; font-weight: 500; font-size: 1.8rem; }
.page_GTHB41 .section1 .section_content .item_box { display: flex; align-items: center; justify-content: center; height: 5.7rem; border-radius: 0.8rem; }
.page_GTHB41 .section1 .section_content .left_area { width: 36.7rem; margin-right: 8.6rem; padding-top: 2.6rem; }
.page_GTHB41 .section1 .section_content .left_area .head { position: relative; margin-bottom: 8.1rem; background: var(--cm_color2); color: #fff; }
.page_GTHB41 .section1 .section_content .left_area .head:after { position: absolute; top: 100%; left: 50%; width: 1px; height: 8.1rem; background: var(--cm_color2); content: ""; }
.page_GTHB41 .section1 .section_content .left_area .body { position: relative; border: 1px solid var(--cm_color2); border-radius: 0.8rem; }
.page_GTHB41 .section1 .section_content .left_area .body:after { position: absolute; top: 2.7rem; left: 100%; width: 17.4rem; height: 1px; background: var(--cm_color2); content: ""; }
.page_GTHB41 .section1 .section_content .left_area .body .body_head { border-radius: 0.5rem 0.5rem 0 0; background: var(--cm_color2); color: #fff; }
.page_GTHB41 .section1 .section_content .left_area .body .body_content { padding: 1.4rem 3rem; font-weight: 400; }
.page_GTHB41 .section1 .section_content .left_area .body .cm_bul_list li ~ li { margin-top: 1rem; }
.page_GTHB41 .section1 .section_content .left_area .body .cm_bul_list.bul_list1 > li > span { padding-left: 2rem; }
.page_GTHB41 .section1 .section_content .left_area .body .cm_bul_list.bul_list1 > li > span:before { top: 1.3rem; }
.page_GTHB41 .section1 .section_content .right_area { position: relative; width: 42.4rem; margin-left: 8.6rem; text-align: center; transition-delay: 0.25s; }
.page_GTHB41 .section1 .section_content .right_area:after { position: absolute; bottom: 2.7rem; left: -8.6rem; width: 1px; height: 29.4rem; background: var(--cm_color2); content: ""; }
.page_GTHB41 .section1 .section_content .right_area .head { width: 24.5rem; margin-right: auto; margin-bottom: 3rem; margin-left: auto; }
.page_GTHB41 .section1 .section_content .right_area .head p { color: #36ABA3; }
.page_GTHB41 .section1 .section_content .right_area .head .head_box { background: #36ABA3; color: #fff; }
.page_GTHB41 .section1 .section_content .right_area .body .body_head { height: 4.2rem; margin-bottom: 0.8rem; background: var(--cm_color2); color: #fff; }
.page_GTHB41 .section1 .section_content .right_area .body .body_item { position: relative; border: 1px solid var(--cm_color2); color: var(--cm_color2); }
.page_GTHB41 .section1 .section_content .right_area .body .body_item ~ .body_item { margin-top: 1.6rem; }
.page_GTHB41 .section1 .section_content .right_area .body .body_item:after { position: absolute; top: 50%; right: 100%; width: 8.7rem; height: 1px; background: var(--cm_color2); content: ""; }
.page_GTHB41 .section1 .section_content .right_area .body .body_item:nth-child(2):after { display: none; }
.page_GTHB41 .section2 .section2_mobile { display: none; }
.page_GTHB41 .section2 .cm_overview5 .title_item:nth-child(2) { transition-delay: 0.15s; }
.page_GTHB41 .section2 .cm_overview5 .title_item:nth-child(3) { transition-delay: 0.3s; }
.page_GTHB41 .section2 .cm_overview5 .title_item:nth-child(4) { transition-delay: 0.45s; }
.page_GTHB41 .section3 .section_cont { margin-top: 6rem; }
.page_GTHB41 .section3 .section_cont .cm_title.title1 { margin-bottom: 3.2rem; }
.page_GTHB41 .section3 .section_cont .cm_bul_list.bul_list1 li { font-size: 1.8rem; line-height: 1.6; }
.page_GTHB41 .section3 .section_cont .cm_bul_list.bul_list1 li ~ li { margin-top: 1.2rem; }
.page_GTHB41 .section3 .section_cont:nth-child(2) { transition-delay: 0.15s; }
.page_GTHB41 .section3 .section_cont:nth-child(3) { transition-delay: 0.3s; }

/* 교육과정 - 실적 및 예정 교육 */
.page_GTHB42 .cm_tab .tab_list { margin-bottom: 2.4rem; }
.page_GTHB42 section ~ section { margin-top: 6rem; }
.page_GTHB42 .table1 { transition-delay: 0.25s; }

/* 교육과정 - 이론교육 */
.page_GTHB25 .cm_title,
.page_GTHB26 .cm_title,
.page_GTHB29 .cm_title { margin-bottom: 2.4rem; }
.page_GTHB25 .title_desc,
.page_GTHB26 .title_desc,
.page_GTHB29 .title_desc { font-weight: 500; font-size: 2.4rem; line-height: 1.4; text-align: center; transition-delay: 0.25s; }
.page_GTHB25 .section1 .section1_img_wrap { position: relative; margin-top: 6.4rem; }
.page_GTHB25 .section1 .section1_img_wrap .img_wrap { position: relative; aspect-ratio: 1920/787; overflow: hidden; border-radius: 6rem 6rem 0 0; }
.page_GTHB25 .section1 .section1_img_wrap .img_wrap .img { width: 100%; height: 100%; background-image: url(../../images/contents/sub25_img1.png); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.page_GTHB25 .section2 { margin-top: 5.6rem; }
.page_GTHB25 .section2 .section2_cont .cont_item { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4.8rem; gap: 12rem; border-top: 1px solid #ddd; }
.page_GTHB25 .section2 .section2_cont .cont_item:last-child { border-bottom: 1px solid #ddd; }
.page_GTHB25 .section2 .section2_cont .cont_item .text_area { flex: 1; padding-left: 8.4rem; text-align: left; }
.page_GTHB25 .section2 .section2_cont .cont_item .text_area .sub_text { color: var(--cm_color2); font-weight: 600; font-size: 2rem; line-height: 1.5; }
.page_GTHB25 .section2 .section2_cont .cont_item .text_area .main_text { font-weight: 600; font-size: 2.4rem; line-height: 1.4; }
.page_GTHB25 .section2 .section2_cont .cont_item .img_area { width: 35.277%; overflow: hidden; border-radius: 0.8rem; transition-delay: 0.5s; }
.page_GTHB25 .section2 .section2_cont .cont_item:nth-child(even) { flex-direction: row-reverse; }
.page_GTHB25 .section2 .section2_cont .cont_item:nth-child(even) .text_area { transition-delay: 0.5s; }
.page_GTHB25 .section2 .section2_cont .cont_item:nth-child(even) .img_area { transition-delay: 0; }

/* 교육과정 - 실습교육 */
.page_GTHB26 .section2 { margin-top: 12.4rem; }
.cm_animation1 { position: relative; height: 100vh; margin-top: 6rem; text-align: center; }
.cm_animation1 .img_wrap { position: relative; width: 70%; height: 100%; margin: 0 auto; overflow: hidden; border-radius: 6rem; }
.cm_animation1 .img_wrap .img { width: 100%; height: 100%; }
.cm_animation1 .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.cm_animation1 .img_wrap .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; }
.cm_animation1 .inner_text { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 4rem; transform: translateY(10rem); color: #fff; font-weight: 600; font-size: 4.2rem; line-height: 1.4; opacity: 0; }

/* 주요사업 - 사업소개 */
.page_GTHB29 .section2 { margin-top: 6rem; }

/* 부가메뉴 - 이메일무단수집거부 */
.page_GTHB40 .contents_box { padding: 12rem 4rem; background: #FAFAFA; text-align: center; word-break: keep-all; }
.page_GTHB40 .contents_box .title { margin: 2.4rem 0 1.6rem; font-weight: 600; font-size: 2.4rem; }
.page_GTHB40 .contents_box .desc { color: #555; font-size: 1.7rem; }
.page_GTHB40 .contents_box .desc p:last-child { margin-top: 1.6rem; color: var(--cm_color2); font-weight: 600; font-size: 2rem; }

/* mobile */
@media screen and (min-width:1281px) {

	/* header */
	.header .gnb_area { padding: 0 12.5rem; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; align-items: center; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { position: relative; width: 100%; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { display: flex; align-items: center; justify-content: center; height: 17rem; color: #fff; font-weight: 500; font-size: 2.4rem; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a > span { display: flex; position: relative; align-items: center; height: 100%; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a > span:after { position: absolute; right: -1rem; bottom: 0; left: -1rem; height: 2px; transform: scaleX(0); background: var(--cm_color2); content: ""; transition: transform 0.3s; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.hover > a > span:after { transform: scaleX(1); }
	.header .gnb_area .gnb_depth2_wrap { position: absolute; top: 100%; left: 0; width: 100%; height: 0; padding: 0; overflow: hidden; transition: height 0.3s, padding 0.3s; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { display: block; padding: 1rem 0; color: #222; font-size: 1.8rem; line-height: 1.2; text-align: center; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.hover > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a { color: var(--cm_color2); font-weight: 500; }
	.header .header_bg { position: absolute; top: 100%; right: 0; left: 0; width: 100%; height: 0; border-color: transparent; background: #fff; transition: height 0.3s, border 0.3s, box-shadow 0.3s; }
	.header.hover { background: #fff; }
	.header.hover .logo > a { background: url(../../images/common/logo.svg) no-repeat center/contain; }
	.header.hover .gnb_depth2_wrap { height: 450px; padding: 4rem 0; }
	.header.hover .header_bg { height: 450px; border-top: 1px solid #ddd; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15); }
	.header .sitemap_area .sitemap_layer { visibility: hidden; z-index: 10; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
	.header .sitemap_area .sitemap_layer .btn_close { z-index: 11; position: absolute; top: 9rem; right: 13rem; width: 4rem; height: 4rem; background: url(../../images/common/icon_close03.svg) no-repeat center/contain; font-size: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; text-align: left; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 { display: flex; justify-content: center; width: 100%; height: 100%; padding: 0 var(--inner_padding); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li { width: 25%; max-width: 36rem; padding: 25vh 0; transform: translateX(-50px); border-left: 1px solid #ddd; opacity: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:last-child { border-right: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li > a { position: relative; padding: 0.7rem 17%; font-weight: 800; font-size: 2rem; line-height: 1; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li { margin-top: 4rem; padding: 0 17%; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a { font-weight: 700; font-size: 1.8rem; line-height: 1; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { visibility: visible; opacity: 1; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li { transform: translateX(0); opacity: 1; transition: opacity 0.8s, transform 0.8s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(1) { transition-delay: 0.2s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(2) { transition-delay: 0.25s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(3) { transition-delay: 0.3s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(4) { transition-delay: 0.35s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(5) { transition-delay: 0.4s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:nth-child(6) { transition-delay: 0.4s; }
	.header.main .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a,
	.header.hover .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { color: #222; }
}
@media screen and (max-width:1680px) {

	/* header */
	.header .inner { max-width: 100%; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
	.header .gnb_area { padding: 0 6rem; }
	.header .sitemap_area .sitemap_layer .btn_close { right: 2rem; }

	/* footer */
	.footer .inner { max-width: var(--inner); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
	.footer_top_slider .footer_swiper { width: calc(100% - 8rem); margin-right: auto; margin-left: auto; }
	.footer_top_slider .foot_swiper_navigation .swiper-btn.swiper-prev { left: 0; }
	.footer_top_slider .foot_swiper_navigation .swiper-btn.swiper-next { right: 0; }

/* 메뉴 */ }
@media screen and (max-width:1440px) {

	/* header */
	.header .gnb_area { padding: 0 4rem; }
	.header .sitemap_area .sitemap_layer .btn_close { right: 4.5rem; }

	/* 메인 비주얼 */
	.main_page .main_visual .visual_slogan_area .main_title { font-size: 4.4rem; }
	.main_page .main_visual .visual_slide_area { width: 75rem; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box { padding: 7rem; }
	.main_page .main_visual .visual_slide_area .visual_thumb { right: 20rem; width: calc(72rem + 30px + 20px); }
	.main_page .main_visual .visual_slide_area .visual_thumb .swiper-slide { width: 18rem !important; }
	.main_page .main_visual .visual_slide_area .swiper-btn-wrap { left: var(--inner_padding); }

	/* 메인 퀵메뉴 */
	.main_page .main_quick .quick_area { width: calc(100% + var(--inner_padding) * 2); margin-left: calc(-1 * var(--inner_padding)); }

	/* 메인 보도자료/네트워크 */
	.main_page .main_press .network_area .network_list .item_box1 { left: 322px; width: 18.9rem; }
	.main_page .main_press .network_area .network_list .item_box2 { left: 178.5px; width: 12.24rem; }
	.main_page .main_press .network_area .network_list .item_box3 { left: 185.5px; width: 20.43rem; }
	.main_page .main_press .network_area .network_list .item_box4 { left: 28px; width: 14.85rem; }
	.main_page .main_press .network_area .network_list .item_box5 { left: -59.5px; width: 9.81rem; }
	.main_page .main_press .network_area .network_list .item_box6 { left: 84px; width: 14.31rem; }
	.main_page .main_press .network_area .network_list .item_box7 { left: 360.5px; width: 15.12rem; }
	.main_page .main_press .network_area .network_list .item_box8 { top: -50px; width: 8.1rem; }
	.page_GTHB7 .section1 .map_content_area { width: 1200px; margin-right: auto; margin-left: auto; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc { width: 100%; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo1 { left: 15px; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo2 { left: 0; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo3 { right: 72px; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo4 { right: 72px; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc .map_logo5 { right: 2px; }

	/* 재단소개 - 인사말 */
	.page_GTHB3 .greeting_wrap .img_area:before,
	.page_GTHB3 .greeting_wrap .img_area:after { display: none; }

	/* 재단소개 - 오시는길 */
	.page_GTHB8 .head_area { padding-right: 53rem; }
}
@media screen and (max-width:1280px) {

	/* layout */
	.container { display: block; padding-top: 100px; }

	/* header */
	.header { position: fixed; top: 55px; left: 0; width: 100%; height: 100px; border-bottom: 1px solid transparent; background: transparent; }
	.header.scroll { top: 0; }
	.header .logo { width: 19.76rem; margin-top: 0; }
	.header .logo > a { background: url(../../images/common/logo02.svg) no-repeat center/contain; }
	.header .gnb_area { display: none; }
	.header .header_bg { display: none; z-index: 1; position: fixed; top: 155px; left: 0; width: 100%; height: calc(100vh - 155px); background: rgba(0, 0, 0, 0.5); }
	.header .util_area .language_area .lang_layer { z-index: 11; }
	.header .util_area .sitemap_area .btn_sitemap:before,
	.header .util_area .sitemap_area .btn_sitemap:after { transition: top 0.3s, bottom 0.3s, width 0.3s, transform 0.3s; }
	.header .sitemap_area .sitemap_layer { z-index: 10; position: fixed; top: 155px; right: 0; width: 100%; max-width: 360px; height: calc(100vh - 155px); transform: translateX(100%); background: #fff; transition: transform 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li { border-bottom: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li > a { display: flex; position: relative; align-items: center; justify-content: flex-start; height: 9.5rem; padding: 3rem 2.5rem; font-weight: 700; font-size: 2rem; line-height: 1.5; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li > a:before { display: block; width: 1.3rem; height: 1.3rem; margin-right: 1.5rem; background: url(../../images/common/icon_bullet02.svg) no-repeat center/contain; content: ""; transition: background-image 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.has_depth > a:after { display: block; position: absolute; top: 50%; right: 2.5rem; width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; background: url(../../images/common/icon_arr_select.svg) no-repeat center/1.6rem; content: ""; transition: background-image 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap { display: none; padding: 2.4rem 2.5rem; padding-left: 5rem; border-top: 1px solid #ddd; background: #F3F3F3; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 { display: flex; flex-direction: column; gap: 1.6rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a { font-size: 1.8rem; line-height: 1.6; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.active > a:before,
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.hover > a:before { background-image: url(../../images/common/icon_bullet.svg); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.has_depth.hover > a:after { background-image: url(../../images/common/icon_arr_select_on.svg); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.hover .sitemap_depth2_wrap { display: block; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li.active > a { color: var(--cm_color2); font-weight: 700; }
	.header.viewSiteMap { border-bottom: 1px solid #ddd; }
	.header.viewSiteMap .util_area .sitemap_area .btn_sitemap:before { top: 50%; transform: translateY(-50%) rotate(45deg); }
	.header.viewSiteMap .util_area .sitemap_area .btn_sitemap:after { top: 50%; bottom: auto; width: 100%; transform: translateY(-50%) rotate(-45deg); }
	.header.viewSiteMap .header_bg { display: block; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { transform: translateX(0); }
	.header.scroll { background: #fff; }
	.header.scroll .logo > a { background-image: url(../../images/common/logo.svg); }
	.header.scroll .util_area .language_area .btn_lang { border: 1px solid #ddd; background: #fff; color: #222; }
	.header.scroll .util_area .language_area .btn_lang:after { background-image: url(../../images/common/icon_arr_select.svg); }
	.header.scroll .util_area .language_area .lang_layer { border: 1px solid #ddd; background: #fff; }
	.header.scroll .util_area .language_area .lang_layer a { color: #222; }
	.header.scroll .util_area .sitemap_area .btn_sitemap:before,
	.header.scroll .util_area .sitemap_area .btn_sitemap:after { background: #333; }

	/* real content */
	.sub_page_head { height: 40rem; margin-top: -100px; padding-top: 100px; }
	.sub_page_head .page_title { font-size: 4rem; }

	/* 메인 공통 */
	.main_page .main_section { margin-top: 12rem; }
	.main_page .flex_inner { display: block; }
	.main_page .main_title { font-size: 4rem; }
	.main_page .main_title.bul > span { padding-right: 2.5rem; }
	.main_page .main_title.bul > span:after { width: 1.44rem; height: 1.44rem; }
	.main_page .btn_more { height: 5rem; padding-right: 0; font-size: 1.6rem; }
	.main_page .btn_more:after { height: 5rem; background-size: 1.7rem; }
	.main_page .btn_more.type2 { width: 3.2rem; height: 3.2rem; }

	/* 메인 비주얼 */
	.main_page .main_visual { padding-top: 0; }
	.main_page .main_visual .visual_slogan_area { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; padding: 10rem var(--inner_padding); text-align: center; }
	.main_page .main_visual .visual_slogan_area .main_title { color: #fff; font-size: 4rem; }
	.main_page .main_visual .visual_slogan_area .slogan_desc { color: #fff; }
	.main_page .main_visual .visual_slogan_area .main_title,
	.main_page .main_visual .visual_slogan_area .slogan_desc { transform: translateY(50%); }
	.main_page .main_visual .visual_slogan_area.aos-animate .main_title,
	.main_page .main_visual .visual_slogan_area.aos-animate .slogan_desc { transform: translateY(0); }
	.main_page .main_visual .visual_slide_area { width: calc(100% + var(--inner_padding) * 2); margin-left: calc(-1 * var(--inner_padding)); }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box { display: flex; z-index: 1; flex-direction: column; align-items: center; width: 100%; height: 70rem; padding: 6rem 5rem; padding-top: 35rem; border-radius: 0; text-align: center; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ""; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_title { z-index: 2; min-width: 33rem; padding-top: 5rem; border-top: 1px solid #fff; font-size: 3.8rem; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_desc { z-index: 2; margin-top: 3rem; font-size: 2rem; }
	.main_page .main_visual .visual_slide_area .visual_thumb { display: none; }
	.main_page .main_visual .visual_slide_area .swiper-btn-wrap { display: none; }

	/* 메인 공지사항 */
	.main_page .main_notice .notice_area .list_body { display: block; }
	.main_page .main_notice .notice_area .list_item { width: 100%; }
	.main_page .main_notice .notice_area .list_item + .list_item .item_box { border-top: 0; }
	.main_page .main_notice .notice_area .item_box { padding: 3.5rem 0; }
	.main_page .main_notice .notice_area .item_box:after { width: 3.2rem; height: 3.2rem; }
	.main_page .main_notice .notice_area .item_box .item_title { margin-top: 0; }
	.main_page .main_notice .notice_area .item_box .item_label + .item_title { margin-top: 1.5rem; }
	.main_page .main_notice .notice_area .item_box .item_info { margin-top: 2rem; }

	/* 메인 퀵메뉴 */
	.main_page .main_quick .quick_area .item_box { transform: none !important; }

	/* 메인 보도자료/네트워크 */
	.main_page .main_press { padding-bottom: 20rem; }
	.main_page .main_press .press_area { width: 100%; }
	.main_page .main_press .press_area .item_box { height: auto; padding: 4rem 3rem; }
	.main_page .main_press .press_area .item_box .item_title { height: 5.6rem; font-size: 2rem; }
	.main_page .main_press .press_area .item_box .item_info { font-size: 1.6rem; }
	.main_page .main_press .network_area { width: 100%; margin-top: 10rem; }
	.main_page .main_press .network_area .network_list { height: 30rem; }
	.main_page .main_press .network_area .network_list .item_box1 { top: -30px; left: 80%; width: 18.9rem; }
	.main_page .main_press .network_area .network_list .item_box2 { top: 28px; left: 57%; width: 12.24rem; }
	.main_page .main_press .network_area .network_list .item_box3 { top: 44px; left: 63%; width: 20.43rem; }
	.main_page .main_press .network_area .network_list .item_box4 { top: 25px; left: 26%; width: 14.85rem; }
	.main_page .main_press .network_area .network_list .item_box5 { top: 99px; left: 5%; width: 9.81rem; }
	.main_page .main_press .network_area .network_list .item_box6 { top: 138px; left: 18%; width: 14.31rem; }
	.main_page .main_press .network_area .network_list .item_box7 { top: 76px; left: 43%; width: 15.12rem; }
	.main_page .main_press .network_area .network_list .item_box8 { display: none; }
	.page_GTHB7 .section1 .map_content_area { width: 100%; }
	.page_GTHB7 .section1 .map_content_area .map_area.pc { display: none; }
	.page_GTHB7 .section1 .map_content_area .map_area.mob { display: block; }

	/* 재단소개 - CI */
	.page_GTHB4 .section .section_content { gap: 3rem; }
	.page_GTHB4 .section .img_box img { transform: scale(0.85); }
	.page_GTHB4 .section1 .section_content { flex-wrap: wrap; }
	.page_GTHB4 .section1 .section_content .buttons_area { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-gap: 3rem; }
	.page_GTHB7 .cm_overview2 ~ .cm_overview2 { margin-top: 3.5rem; }

	/* 재단소개 - 기관소개 */
	.page_GTHB5 .section1:before { left: 0; }
	.page_GTHB5 .section1:after { right: 0; }
	.page_GTHB5 .history_section:nth-child(even) .history_img { padding-left: 50px; }
	.page_GTHB5 .history_section:nth-child(even) .history_content { padding-right: 40px; }
	.page_GTHB5 .history_section:nth-child(odd) .history_img { padding-right: 50px; }
	.page_GTHB5 .history_section:nth-child(odd) .history_content { padding-left: 40px; }

	/* 재단소개 - GBC 및 네트워크 캠퍼스 */
	.page_GTHB7 .section1 .content_wrap { margin: 6rem auto 8rem; padding: 0; }

	/* 재단소개 - 오시는길 */
	.page_GTHB8 .head_area { margin-bottom: 5rem; padding-right: 0; }
	.page_GTHB8 .directions { position: static; }
	.page_GTHB8 .directions .box_wrap { width: 100%; max-width: 100%; height: 100%; max-height: 100%; opacity: 1; }
	.page_GTHB8 .directions .directions_box { border-radius: 0 0 1.2rem 1.2rem; }
	.page_GTHB8 .directions_box { height: 100%; padding-bottom: 8rem; }
	.page_GTHB8 .directions_box .box_content { width: 100%; }
	.page_GTHB8 .map_area { overflow: hidden; border-radius: 1.2rem 1.2rem 0 0; }
	.page_GTHB8 .map_area .root_daum_roughmap { width: 100%; height: 100%; }

	/* 교육과정 - 교육소개 */
	.page_GTHB41 .section1 .section_content .right_area .body .body_item:after { max-width: 100%; }
	.page_GTHB41 .section3 .cm_title.bul > span:after { top: auto; bottom: 18px; }
}
@media screen and (max-width:1080px) {

	/* layout */
	.container { padding-top: 80px; }

	/* header */
	.header { height: 80px; }
	.header .logo { width: 17.29rem; }
	.header .util_area .language_area .btn_lang { height: 4rem; font-size: 1.6rem; }
	.header .util_area .language_area .btn_lang:after { right: 1.5rem; width: 1.2rem; }
	.header .util_area .sitemap_area .btn_sitemap { width: 3.6rem; }
	.header .header_bg { top: 135px; height: calc(100vh - 135px); }
	.header .sitemap_area .sitemap_layer { top: 135px; height: calc(100vh - 135px); }

	/* real content */
	.sub_page_head { height: 35rem; margin-top: -80px; padding-top: 80px; }
	.sub_page_head .page_title { font-size: 3.8rem; }

	/* 메인 공통 */
	.main_page .main_section { margin-top: 10rem; }
	.main_page .main_title { font-size: 3.6rem; }
	.main_page .btn_more { height: 4.5rem; padding-right: 0; font-size: 1.6rem; }
	.main_page .btn_more:after { width: 4.5rem; height: 4.5rem; }
	.main_page .btn_more.type2 { width: 2.8rem; height: 2.8rem; }

	/* 메인 공지사항 */
	.main_page .main_notice .notice_area .item_box:after { width: 2.8rem; height: 2.8rem; }

	/* 메인 퀵메뉴 */
	.main_page .main_quick .title_area .main_title { font-size: 3.6rem; }
	.main_page .main_quick .quick_area .item_box .item_eng { left: 3rem; }
	.main_page .main_quick .quick_area .item_box .item_title { font-size: 2.4rem; }

	/* 메인 보도자료/네트워크 */
	.main_page .main_press { padding-bottom: 17rem; }
	.main_page .main_press .obj_text1 { bottom: 5rem; font-size: 8rem; letter-spacing: -1px; }
	.main_page .main_press .obj_text2 { bottom: -1rem; font-size: 7rem; }

	/* 재단소개 - 기관소개 */
	.page_GTHB5 .scroll-box .history_section:not(:last-of-type) { margin-bottom: 50px; }
	.page_GTHB5 .flex_box { flex-direction: column !important; padding: 5px 0 20px; padding-left: 50px; }
	.page_GTHB5 .scroll { top: 0; left: 9px; transform: translateX(0); }
	.page_GTHB5 .history_img,
	.page_GTHB5 .history_content { width: 100%; }
	.page_GTHB5 .history_content { padding-top: 20px; }
	.page_GTHB5 .year { font-size: 4rem; text-align: left; }
	.page_GTHB5 .history_section:nth-of-type(even) .history_img { padding-left: 0; }
	.page_GTHB5 .history_section:nth-of-type(even) .history_content { padding-right: 0; text-align: left; }
	.page_GTHB5 .history_section:nth-of-type(odd) .history_img { padding-right: 0; }
	.page_GTHB5 .history_section:nth-of-type(odd) .history_content { padding-left: 0; }

	/* 교육과정 - 실습교육 */
	.cm_animation1 { height: 360px; }
	.cm_animation1 .img_wrap { width: 100% !important; border-radius: 0 !important; }
	.cm_animation1 .inner_text { transform: translate(0, 0) !important; font-size: 3rem; opacity: 1 !important; }
}
@media screen and (max-width:768px) {

	/* header */
	.header .header_bg { display: none !important; }
	.header .logo { z-index: 11; }
	.header .util_area .language_area { visibility: hidden; z-index: 11; position: fixed; bottom: 0; left: 0; width: 100vw; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
	.header .util_area .language_area .btn_lang { display: none; }
	.header .util_area .language_area .lang_layer { display: flex; position: static; top: 0; left: 0; align-items: center; width: auto; height: 80px; padding: 0 2.5rem; gap: 4rem; border: 0; background: #fff; }
	.header .util_area .language_area .lang_layer a { position: relative; flex-shrink: 0; padding: 0; font-weight: 500; font-size: 1.8rem; line-height: 1.4; text-transform: uppercase; }
	.header .util_area .language_area .lang_layer a:after { position: absolute; top: 50%; right: -2.3rem; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; border-radius: var(--border_radius_circle); background: #ddd; content: ""; }
	.header .util_area .language_area .lang_layer a:last-child:after { display: none; }
	.header .util_area .sitemap_area .btn_sitemap { height: 1.5rem; z-index: 11; }
	.header .sitemap_area .sitemap_layer { top: 0; max-width: 100%; height: 100vh; padding-top: 135px; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap { border-top: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .btn_close { display: block; position: absolute; top: 3.5rem; right: 3.5rem; width: 3.6rem; height: 3.6rem; background: url(../../images/common/icon_close03.svg) no-repeat center/contain; font-size: 0; }
	.header.viewSiteMap .util_area .language_area { visibility: visible; opacity: 1; }
	/* .header.viewSiteMap .util_area .sitemap_area .btn_sitemap:before { top: 0; transform: none; } */
	/* .header.viewSiteMap .util_area .sitemap_area .btn_sitemap:after { bottom: 0; width: 2.6rem; transform: none; } */
	.header.main .util_area .language_area .lang_layer,
	.header.hover .util_area .language_area .lang_layer,
	.header.viewSiteMap .util_area .language_area .lang_layer { border: 0; border-top: 1px solid #ddd; border-radius: 0; }

	/* footer */
	.footer .menu_area { gap: 2rem; }
	.footer .copy_area { margin-top: 1rem; }
	.footer .btn_top { width: 4rem; height: 4rem; }
	.footer_top_slider .footer_swiper { width: calc(100% - 6rem); }
	.footer_top_slider .footer_swiper .logo { padding: 0 1rem; }
	.footer_top_slider .footer_swiper .logo img { transform: scale(0.85); }

	/* 메인 비주얼 */
	.main_page .main_visual .visual_slogan_area { padding: 8rem var(--inner_padding); }
	.main_page .main_visual .visual_slogan_area .main_title { font-size: 3.6rem; }
	.main_page .main_visual .visual_slogan_area .slogan_desc { font-size: 2rem; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box { height: 62rem; padding-top: 31rem; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_title { font-size: 3.5rem; }
	.main_page .main_visual .visual_slide_area .visual_slide .item_box .item_desc { font-size: 1.7rem; }

	/* 메인 공지사항 */
	.main_page .main_notice .notice_area .item_box:after { width: 2rem; height: 2rem; }

	/* 메인 퀵메뉴 */
	.main_page .main_quick { margin-top: 8rem; }
	.main_page .main_quick .title_area { display: block; text-align: right; }
	.main_page .main_quick .title_area .main_title { font-size: 3.2rem; text-align: left; }
	.main_page .main_quick .title_area .btn_more { margin-top: 1.5rem; }
	.main_page .main_quick .quick_area .list_body { flex-wrap: wrap; }
	.main_page .main_quick .quick_area .list_item { width: 50%; transform: none; opacity: 1; }
	.main_page .main_quick .quick_area .item_box1 { background-image: url(../../images/main/quick_img01_mobile.png); }
	.main_page .main_quick .quick_area .item_box2 { background-image: url(../../images/main/quick_img02_mobile.png); }
	.main_page .main_quick .quick_area .item_box3 { background-image: url(../../images/main/quick_img03_mobile.png); }
	.main_page .main_quick .quick_area .item_box4 { background-image: url(../../images/main/quick_img04_mobile.png); }
	.main_page .main_quick .quick_area .item_box .item_title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

	/* 메인 보도자료/네트워크 */
	.main_page .main_press { padding-bottom: 23rem; }
	.main_page .main_press .obj_text1 { bottom: 10rem; font-size: 5rem; letter-spacing: -1px; white-space: wrap; }
	.main_page .main_press .obj_text2 { bottom: -1rem; font-size: 5rem; letter-spacing: -1px; white-space: wrap; }
	.main_page .main_press .press_area .list_body { gap: 2rem; }
	.main_page .main_press .press_area .list_item { width: 100%; }
	.main_page .main_press .network_area .network_list .item_box1 { top: -13%; left: 70%; width: 18.9rem; }
	.main_page .main_press .network_area .network_list .item_box2 { top: 44%; left: 59%; width: 12.24rem; }
	.main_page .main_press .network_area .network_list .item_box3 { top: 63%; left: 63%; width: 20.43rem; }
	.main_page .main_press .network_area .network_list .item_box4 { top: 4%; left: 5%; width: 14.85rem; }
	.main_page .main_press .network_area .network_list .item_box5 { top: 49%; left: 0; width: 9.81rem; }
	.main_page .main_press .network_area .network_list .item_box6 { top: 69%; left: 18%; width: 14.31rem; }
	.main_page .main_press .network_area .network_list .item_box7 { top: 16%; left: 33%; width: 15.12rem; }
	.main_page .main_press .press_area .list_item.nodata { height: 30rem; }

	/* 재단소개 - 인사말 */
	.page_GTHB3 .greeting_wrap { flex-direction: column; }
	.page_GTHB3 .greeting_wrap .img_area { width: 100%; max-width: 35rem; margin: 0 auto; }

	/* 재단소개 - CI */
	.page_GTHB4 .section .section_content { flex-direction: column; gap: 1.5rem; }
	.page_GTHB4 .section .section_content .img_box.img_box { height: auto; }
	.page_GTHB4 .section1 .section_content .buttons_area { grid-gap: 1.5rem; grid-template-columns: repeat(2, 1fr); }
	.page_GTHB4 .section1 .section_content .img_box { width: 100%; }
	.page_GTHB4 .section1 .vision_content .vision_title { font-size: 3.4rem; }
	.page_GTHB4 .section1 .vision_content .vision_title .title2 em { font-size: 3.2rem; }
	.page_GTHB4 .section1 .vision_content .vision_title .title2 { font-size: 2.6rem; }

	/* 재단소개 - 기관소개 */
	.page_GTHB5 .section { margin: 6rem 0 12rem; overflow: hidden; }
	.page_GTHB5 .section1:before { left: -45px; width: 14rem; height: 14.1rem; }
	.page_GTHB5 .section1:after { right: -50px; bottom: 12rem; width: 18.6rem; height: 20.2rem; }
	.page_GTHB5 .section4.section4 { margin-bottom: 0; overflow: visible; }

	/* 재단소개 - 조직도 */
	.page_GTHB6 .org_chart .chart_body .group3 .box1 { margin-bottom: 9rem; }
	.page_GTHB6 .org_chart .chart_body .group3 .box2:before { height: 9rem; }
	.page_GTHB6 .org_chart .chart_body .group4 { margin-top: -13.2rem; }
	.page_GTHB6 .org_chart .chart_body .group4 .box1 { margin-bottom: 11rem; }
	.page_GTHB6 .org_chart .chart_body .group4 .chart_box_wrap { padding-top: 3.5rem; }
	.page_GTHB6 .org_chart .chart_body .group4 .chart_box_wrap .chart_box:before { height: 3.6rem; }

	/* 재단소개 - 오시는 길 */
	.page_GTHB8 .map_area { padding-top: 65%; }

	/* 교육소개 */
	.tab_center.cm_tab .tab_list { margin-bottom: 3.5rem; }
	.page_GTHB41 .section1 .section_content { display: block; }
	.page_GTHB41 .section1 .section_content .left_area,
	.page_GTHB41 .section1 .section_content .right_area { width: 100%; margin: 0 auto; }
	.page_GTHB41 .section1 .section_content .left_area { margin-bottom: 6rem; }
	.page_GTHB41 .section1 .section_content .left_area .body:after { top: 100%; left: 50%; width: 1px; height: 6.1rem; }
	.page_GTHB41 .section1 .section_content .left_area .head { margin-bottom: 1.5rem; }
	.page_GTHB41 .section1 .section_content .left_area .head:after { height: 1.5rem; }
	.page_GTHB41 .section1 .section_content .right_area { padding: 2rem; border: 1px solid #ccc; border-radius: 0.8rem; }
	.page_GTHB41 .section1 .section_content .right_area .body .body_item:after { display: none; }
	.page_GTHB41 .section2 .section2_pc { display: none; }
	.page_GTHB41 .section2 .section2_mobile { display: block; }

	/* 교육과정 - 이론교육 */
	.page_GTHB25 .section1 .section1_img_wrap .img_wrap { aspect-ratio: 0; padding-top: 45%; }
	.page_GTHB25 .section1 .section1_img_wrap .img_wrap .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.page_GTHB25 .section2 .section2_cont .cont_item.cont_item { flex-direction: column-reverse; align-items: start; padding: 20px 0; gap: 20px; }
	.page_GTHB25 .section2 .section2_cont .cont_item .img_area { width: 200px; margin: 0 auto; }
	.page_GTHB25 .section2 .section2_cont .cont_item .text_area { padding-left: 0; }

	/* 교육과정 - 실습교육 */
	.page_GTHB26 .section2 { margin-top: 8rem; }
	.cm_animation1 .inner_text { font-size: 2.4rem; }
}
@media screen and (max-width:480px) {

	/* real content */
	.sub_page_head { height: 30rem; }
	.sub_page_head .page_title { font-size: 3.6rem; }

	/* 메인 보도자료/네트워크 */
	.main_page .main_press .network_area .network_list .item_box1 { width: 16.8rem; }
	.main_page .main_press .network_area .network_list .item_box2 { width: 10.88rem; }
	.main_page .main_press .network_area .network_list .item_box3 { width: 18.16rem; }
	.main_page .main_press .network_area .network_list .item_box4 { width: 13.2rem; }
	.main_page .main_press .network_area .network_list .item_box5 { width: 8.72rem; }
	.main_page .main_press .network_area .network_list .item_box6 { width: 12.72rem; }
	.main_page .main_press .network_area .network_list .item_box7 { width: 13.44rem; }

	/* 재단소개 - CI */
	.page_GTHB6 .org_chart .chart_body:before { height: calc(100% - 9.2rem); }
	.page_GTHB4 .section1 .vision_content .vision_title .title1 span:before { top: 12px; left: -12px; }
	.page_GTHB4 .section1 .vision_content .vision_title .title1 span:after { top: auto; right: -18px; bottom: 11px; }

	/* 재단소개 - 오시는 길 */
	.page_GTHB8 .head_area.aos-animate .bottom { flex-direction: column; gap: 16px; }
	.page_GTHB8 .head_area.aos-animate .bottom dl { width: 100%; }
}
@media screen and (max-width:360px) {

/* 메뉴 */ }