@charset "UTF-8";

/* **************************************************************************************** *
* Header
* **************************************************************************************** */
.header { z-index: 999; position: absolute; top: 0; left: 0; width: 100%; min-width: 360px; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: background 0.2s ease-in-out; }
.header .header_inner { display: flex; align-items: start; max-width: 174rem; gap: 2rem; }
.header .logo { display: flex; align-items: center; justify-content: center; width: 31rem; height: 10rem; }
.header .logo a { display: block; width: 100%; height: 3.8rem; background-image: url(../../images/common/logo.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.header .gnb { width: calc(100% - 33rem - 18rem); max-height: 10rem; overflow: hidden; color: #000; transition: max-height 0.3s ease-in-out; }
.header .gnb_depth1 { display: flex; align-items: start; justify-content: center; padding-bottom: 3rem; gap: 5rem; text-align: center; }
.header .gnb_depth1 > li { max-width: 15.5rem; }
.header .gnb_depth1 .gnb_depth1_menu { display: flex; position: relative; align-items: center; justify-content: center; height: 10rem; font-weight: 600; font-size: 2rem; }
.header .gnb_depth1 > li.active .gnb_depth1_menu:after { z-index: 1; position: absolute; bottom: 0; left: -1rem; width: calc(100% + 2rem); height: 3px; background: var(--color1); content: ""; }
.header .gnb_depth2_wrap { padding: 3rem 0 5rem; }
.header .gnb_depth2 > li { padding: 1rem 0; }
.header .gnb_depth2 > li > a { color: #222; font-weight: 400; font-size: 1.7rem; word-break: keep-all; transition: color 0.15s ease-in-out; }
.header .gnb_depth2 > li > a:hover { color: var(--color4); }
.header .header_util { display: flex; align-items: center; justify-content: end; width: 16rem; height: 10rem; margin-right: -1rem; gap: 3rem; }
.header .header_util .util { position: relative; width: 3.6rem; height: 3.6rem; }
.header .header_util .util_btn { width: 3.6rem; height: 3.6rem; padding: 0.5rem; background-position: center; background-size: 2.6rem; background-repeat: no-repeat; }
.header .header_util .util_language .util_btn { background-image: url(../../images/icons/icon_language.svg); }
.header .header_util .util_sitemap .util_btn { background-image: url(../../images/icons/icon_menu.svg); }
.header .header_util .util_sitemap .util_btn.active { background-image: url(../../images/icons/icon_close01.svg); background-size: 2.2rem; }
.header .header_util .util_language_list { display: none; z-index: 5; position: absolute; top: 5rem; left: 50%; width: 12.5rem; padding: 1.5rem 2rem; transform: translateX(-50%); border: 1px solid #ddd; border-radius: 10px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); color: #333; }
.header .header_util .util_language_list.active { display: block; }
.header .header_util .util_language_list:before { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: #fff; content: ""; }
.header .header_util .util_language_list:after { position: absolute; top: -5px; left: calc(50% - 5px); width: 10px; height: 10px; transform: rotate(45deg); border: 1px solid #ddd; background: #fff; content: ""; }
.header .header_util .util_language_list > li { z-index: 2; position: relative; margin-bottom: 0.4rem; font-size: 1.5rem; }
.header .header_util .util_language_list > li:last-child { margin-bottom: 0; }
.header .header_util .util_language_list > li > a { transition: all 0.2s ease-in-out; }
.header .header_util .util_language_list > li > a:hover { font-weight: 500; }

/* header - active */
.header.active { position: fixed; width: 100%; }

/* header - hover */
.header.hover:after { position: absolute; top: 9.9rem; left: 0; width: 100%; height: 1px; background: #ddd; content: ""; }
.header.hover .gnb { max-height: 100rem; }

/* **************************************************************************************** *
* Footer
* **************************************************************************************** */
.footer { padding: 3.5rem 0 6rem; background: #000; color: #888; }
.footer .footer_top_area { display: flex; align-items: end; justify-content: space-between; width: 100%; padding-bottom: 3.5rem; border-bottom: 1px solid #333; }
.footer .footer_links_wrap { display: flex; }
.footer .footer_links_wrap li { position: relative; margin-right: 15px; padding-right: 15px; }
.footer .footer_links_wrap li:after { position: absolute; top: 8px; right: 0; width: 1px; height: 12px; background: #333; content: ""; }
.footer .footer_links_wrap li:last-child { margin-right: 0; padding-right: 0; }
.footer .footer_links_wrap li:last-child:after { width: 0; }
.footer .footer_links_wrap li a:focus { outline: 2px dashed #fff; }
.footer .foot_logo_area { display: flex; align-items: center; gap: 2rem; }
.footer .foot_logo_area > div:last-child { margin-top: 6px; }
.footer .foot_logo_area > div:first-child img { height: 3.2rem; }
.footer .foot_logo_area > div:last-child img { height: 2.1rem; }
.footer .footer_bottom_area { display: flex; justify-content: space-between; padding-top: 3rem; }
.footer .footer_numbers { display: flex; margin-top: 5px; gap: 10px; }
.footer .footer_copy_area { color: #555; font-weight: 500; text-align: right; }
.footer .footer_copy_area .copy { margin-top: 5px; }
.footer .btn_top { display: flex; visibility: hidden; z-index: 10; position: fixed; right: 10rem; bottom: 5rem; align-items: center; justify-content: center; width: 7rem; height: 7rem; border-radius: 50%; background: var(--color1); opacity: 0; transition: opacity 0.15s ease-in-out; }
.footer .btn_top.active { visibility: visible; opacity: 1; }
.footer .btn_top.end { visibility: visible; position: absolute; top: -7rem; right: 1rem; opacity: 1; }

/* layout */
.cm_container { min-height: 72.7vh; padding-top: 10rem; }
.cm_inner { position: relative; width: calc(100% - 40px); max-width: 160rem; margin: 0 auto; }
.cm_inner.inner2 { max-width: 128rem; }

/* **************************************************************************************** *
* Intro
* **************************************************************************************** */
.intro_page { display: flex; }
.intro_page .intro_section { width: 50%; height: 100vh; color: #fff; font-size: 1.8rem; line-height: 1.7; }
.intro_page .intro_section > a { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; text-align: center; }
.intro_page .intro_section > a:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-position: center; background-size: cover; background-repeat: no-repeat; content: ""; transition: transform 0.45s ease-in-out; }
.intro_page .intro_section.tech_section > a:after { background-image: url(../../images/sub/intro_bg1.jpg); }
.intro_page .intro_section.hub_section > a:after { background-image: url(../../images/sub/intro_bg2.jpg); }
.intro_page .content { z-index: 1; position: relative; transition: transform 0.35s ease-in-out; }
.intro_page .intro_desc { position: relative; margin-top: 4.5rem; padding-top: 4rem; }
.intro_page .intro_desc:after { position: absolute; top: 0; left: 50%; width: 6rem; height: 2px; transform: translateX(-50%); background: #fff; content: ""; }
.intro_page .intro_section > a:hover:after { transform: translate(-50%, -50%) scale(1.04); }
.intro_page .intro_section > a:hover .content { transform: translateY(-1rem); }

/* **************************************************************************************** *
* Main
* **************************************************************************************** */
.main_page { word-break: keep-all; }
.main_sub_title { font-weight: 600; font-size: 3.2rem; }
.main_title { font-weight: 600; font-size: 4.5rem; }
.main_desc { font-size: 2.4rem; }
.main_flex_layout { display: flex; justify-content: space-between; }

/**************************** section visual ****************************/
.section_visual { position: relative; }
.section_visual .visual_items_bg { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: width 0.45s ease-in-out; }
.section_visual .visual_items_bg .visual_bg { width: 33.3333%; background: #000; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.45s ease-in-out; }
.section_visual .visual_items_bg .visual_bg.visual_bg1 { background-image: url(../../images/main/visual01.png); }
.section_visual .visual_items_bg .visual_bg.visual_bg2 { background-image: url(../../images/main/visual02.png); }
.section_visual .visual_items_bg .visual_bg.visual_bg3 { background-image: url(../../images/main/visual03.png); }
.section_visual .visual_items_bg .visual_bg .active_bg { position: absolute; top: 0; left: 0; width: 33.3333%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: all 0.45s ease-in-out; }
.section_visual .visual_items_bg .visual_bg1 .active_bg { background-image: url(../../images/main/visual01_on.png); }
.section_visual .visual_items_bg .visual_bg2 .active_bg { left: 33.3333%; background-image: url(../../images/main/visual02_on.png); }
.section_visual .visual_items_bg .visual_bg3 .active_bg { left: 66.6666%; background-image: url(../../images/main/visual03_on.png); }
.section_visual .visual_items_wrap { display: flex; z-index: 1; position: relative; }
.section_visual .visual_items_wrap .visual_item { width: 33.3333%; height: 88rem; padding: 15.5rem 9rem 33rem; overflow-y: hidden; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff; transition: all 0.25s ease-in-out; }
.section_visual .cover_content { transition: opacity 0.25s ease-in-out; }
.section_visual .cover_content .visual_title { font-weight: 500; font-size: 5rem; }
.section_visual .cover_content .visual_title b { display: block; color: var(--color2); font-weight: 700; font-size: 10rem; line-height: 1.3; }
.section_visual .cover_content .visual_desc { margin: 1rem 0 5rem; font-weight: 300; font-size: 2.4rem; }
.section_visual .cover_content .more_link .cm_more1 { font-weight: 400; font-size: 2rem; }
.section_visual .cover_content .more_link .cm_more1:focus { outline: 2px dashed #fff; }
.section_visual .active_content { position: absolute; top: 30rem; right: 9rem; width: 100%; max-width: 66.6666%; transform: translateY(30px); opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; /* 애니메이션 전환 */ }
.section_visual .active_content .content_items { display: flex; flex-wrap: wrap; gap: 3rem; }
.section_visual .active_content .content_items .item { display: flex; align-items: center; justify-content: center; width: 29rem; height: 14.6rem; border: 1px solid #fff; color: #fff; font-size: 1.8rem; text-align: center; }
.section_visual .visual_bg2 { max-width: 33.3333%; }
.section_visual .visual_bg2 .active_content .content_items { flex-direction: column; align-items: end; }
.section_visual .visual_bg2 .active_content .content_items .item { justify-content: start; width: 54rem; padding-right: 5rem; padding-left: 5rem; font-size: 2.4rem; text-align: left; }
.section_visual .visual_bg3 .active_content { right: auto; left: 16rem; }
.section_visual .visual_bg3 .active_content .content_items .item { width: 31rem; }
.section_visual .hover_bg_text { z-index: 3; position: absolute; right: -1px; bottom: -1.1rem; transform: translateY(30px); color: var(--color2); font-weight: 800; font-size: 13rem; line-height: 1; letter-spacing: -5px; text-align: right; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; }
.section_visual .hover_bg_text b { display: block; -webkit-text-stroke: 2px #fff; color: transparent; }
.section_visual .hover_bg_text.bg1 { background: transparent !important; }
.section_visual .hover_bg_text.bg2 { right: auto; left: -20px; color: #fff; text-align: right; }
.section_visual .hover_bg_text.bg3 { right: auto; left: -6px; }
.section_visual .hover_bg_text.bg3 b { display: inline; }

/********** hover **********/
.section_visual .visual_item.hover,
.section_visual .visual_item.hover_not { border-color: rgba(255, 255, 255, 0.05); }
.section_visual .visual_item.hover_not .cover_content { opacity: 0; }
.section_visual .visual_items_bg .visual_bg.hover .active_bg { left: 0; width: 100%; opacity: 1; }
.section_visual .visual_bg.hover .active_content.active { transform: translateY(0); opacity: 1; }
.section_visual .hover_bg_text.active { transform: translateY(0); opacity: 1; }

/**************************** section vision ****************************/
.section_vision { padding: 10rem 0 13rem; background: url(../../images/main/bg_section2.jpg) no-repeat center bottom/cover; color: #000; }
.section_vision .title_area { display: flex; align-items: end; justify-content: space-between; margin-bottom: 5.5rem; }
.section_vision .main_title { margin-bottom: 2.5rem; }
.section_vision .main_title .cm_color { color: var(--color1); }
.section_vision .cm_more1:focus { outline: 2px dashed #000; }
.section_vision .visions_list { display: flex; flex-wrap: wrap; }
.section_vision .visions_list .vision_item { width: 20%; color: #fff; opacity: 0; transition: all 0.5s ease-in-out; }
.section_vision .visions_list .vision_item:nth-child(odd) { padding-top: 7rem; }
.section_vision .vision_box { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 34.5rem; padding: 4rem; padding-top: 5rem; background: gray; clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0); }
.section_vision .vision_box.vision1 { padding-top: 5.5rem; background: #225097; }
.section_vision .vision_box.vision2 { background: #9c00ff; }
.section_vision .vision_box.vision3 { background: #00d564; }
.section_vision .vision_box.vision4 { padding-top: 6rem; background: #00383d; }
.section_vision .vision_box.vision5 { padding-top: 6rem; background: #00baff; }
.section_vision .vision_box .vision_title { margin-bottom: 2rem; font-weight: 600; font-size: 2.6rem; }
.section_vision .vision_box .vision_desc { font-size: 2rem; line-height: 1.4; }
.section_vision .visions_list .vision_item.item1 { transform: translate(-140px, 90px); }
.section_vision .visions_list .vision_item.item2 { transform: translate(-70px, 90px); }
.section_vision .visions_list .vision_item.item3 { transform: translate(0, 90px); }
.section_vision .visions_list .vision_item.item4 { transform: translate(70px, 90px); }
.section_vision .visions_list .vision_item.item5 { transform: translate(140px, 90px); }
.section_vision .visions_list.action .vision_item { transform: translate(0) !important; opacity: 1; }

/**************************** section board ****************************/
.section_board { padding: 9.5rem 0; }
.section_board .title_area { position: relative; margin-bottom: 4.5rem; padding: 0 22rem; color: #000; text-align: center; }
.section_board .title_area .board_tab { position: absolute; right: 0; bottom: 0; }
.section_board .content_area { display: flex; position: relative; }
.section_board .content_area .img_section { display: flex; flex-direction: column; justify-content: end; width: 50%; height: 100%; padding: 8rem 0; }
.section_board .content_area .img_section .img { position: absolute; top: 0; right: calc(50% + 20px); width: calc(50vw - 20px); height: 100%; overflow: hidden; transition: width 0.45s ease-in-out; }
.section_board .content_area .img_section .img img { position: absolute; top: 0%; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: right bottom; transition: transform 0.45s ease-in-out; }
.section_board .content_area .img_section.action .img img { transform: scale(1.15); }
.section_board .content_area .btn_wrap { z-index: 1; position: absolute; bottom: 8rem; left: 0; color: #fff; }
.section_board .content_area .btn_wrap .img_title { margin-bottom: 2rem; font-weight: 600; font-size: 3.2rem; }
.section_board .content_area .board_section { width: 50%; height: 63.3rem; padding-bottom: 4rem; padding-left: 4rem; }
.section_board .content_area .board_section .board_item { padding: 2.5rem 0 3rem; border-bottom: 1px solid #ddd; cursor: pointer; }
.section_board .content_area .board_section .board_title { position: relative; padding-right: 5rem; color: #000; font-weight: 600; font-size: 2.8rem; line-height: 1.4; }
.section_board .content_area .board_section .board_title .board_more_icon { position: absolute; top: 8px; right: 0; width: 3rem; height: 3rem; transform: scale(-1, -1); background: url(../../images/icons/icon_link01.svg) no-repeat center/contain; transition: transform 0.25s ease-in-out; }
.section_board .content_area .board_section .board_detail { margin-top: 2.5rem; color: #000; font-size: 2rem; }
.section_board .content_area .board_section .ellipsis { word-break: keep-all; }
.section_board .content_area .board_section .board_link { margin-top: 3.5rem; }
.section_board .content_area .slide_content { display: none; }

/* board item - active */
.section_board .content_area .board_item.active { cursor: default; }
.section_board .content_area .board_item.active .slide_content { display: block; }
.section_board .content_area .board_section .board_item.active .board_title .board_more_icon { transform: scale(1, 1); }

/**************************** section quick ****************************/
.section_quick { padding: 11rem 0; background: url(../../images/main/bg_quick.png) no-repeat center/cover; color: #fff; }
.section_quick .title_area .main_title { margin-bottom: 1.5rem; }
.section_quick .quick_items_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 3.5rem; }
.section_quick .quick_item:nth-child(odd) { margin-top: 3.5rem; }
.section_quick .quick_item .quick_link { display: flex; position: relative; flex-direction: column; justify-content: space-between; width: 44rem; height: 25rem; padding: 4.5rem 5rem; border: 1px solid #0833ff; background: #021576; color: #fff; line-height: 1; transition: background 0.25s ease-in-out; }
.section_quick .quick_item .quick_link:hover { background: #061e99; }
.section_quick .quick_item .quick_link:focus { outline: 2px dashed #fff; }
.section_quick .quick_item .quick_title .sub_title { margin-bottom: 1rem; color: var(--color3); font-weight: 500; font-size: 1.5rem; }
.section_quick .quick_item .quick_title .title { font-weight: 600; font-size: 2.8rem; }
.section_quick .quick_item .cm_icon.icon_more1_wt { position: absolute; top: 4.5rem; right: 4.5rem; width: 1.6rem; height: 1.5rem; }

/**************************** section activities ****************************/
.section_activities { padding: 11rem 0 13rem; overflow: hidden; background: linear-gradient(180deg, rgb(36, 0, 61) 0%, rgb(20, 0, 34) 100%); color: #fff; line-height: 1.4; }
.section_activities .main_flex_layout { position: relative; align-items: end; padding-bottom: 6rem; }
.section_activities .title_area,
.section_activities .content_area { z-index: 1; position: relative; }
.section_activities .bg_text { position: absolute; right: -63rem; bottom: -15px; color: #28063f; font-weight: 600; font-size: 18rem; line-height: 1; letter-spacing: -5px; white-space: nowrap; }
.section_activities .cm_tab.tab1 .tab_item { color: #c1c1c1; }
.section_activities .cm_tab.tab1 .tab_item.active { color: #fff; }
.section_activities .cm_tab.tab1 .tab_item:after { background: #aaa; }
.section_activities .cm_tab.tab1 .tab_item a:focus { outline: 2px dashed #fff; }
.section_activities .main_activities_content { position: relative; padding-top: 42.063%; }
.section_activities .main_activities_content .activity_container { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section_activities .main_activities_content .activity_container.active { display: block; }
.section_activities .main_activities_content .activity_img { position: relative; padding-top: 42.063%; }
.section_activities .main_activities_content .activity_img .img { position: absolute; top: 0; right: 0; width: 100vw; height: 100%; overflow: hidden; clip-path: polygon(100% 0, 100% 79%, 92.8% 100%, 0 100%, 0 0); }
.section_activities .main_activities_content .activity_img .img img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: transform 0.45s ease-in-out; }
.section_activities .main_activities_content .activity_img:hover .img img { transform: translate(-50%, -50%) scale(1.05); }
.section_activities .main_activities_content .activity_text { position: absolute; top: 9rem; left: 0; }
.section_activities .main_activities_content .activity_text .title { margin-bottom: 2.5rem; font-weight: 600; font-size: 3.6rem; }
.section_activities .main_activities_content .activity_text .desc { margin-bottom: 3rem; font-weight: 300; font-size: 2.4rem; }
.section_activities .main_activities_content .activity_control_btns_wrap { display: flex; z-index: 2; position: absolute; right: 0; bottom: 0; font-size: 2.4rem; }
.section_activities .main_activities_content .activity_control_btns_wrap .activity_control_btn { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 3.6rem; padding: 0.5rem; }
.section_activities .main_activities_content .activity_control_btns_wrap .activity_control_btn:focus { outline: 2px dashed #fff; }
.section_activities .main_activities_content .activity_control_btns_wrap .btn_prev { position: relative; margin-right: 1.5rem; }
.section_activities .main_activities_content .activity_control_btns_wrap .btn_prev:after { position: absolute; top: 5px; right: -1.6rem; width: 1px; height: 2.6rem; background: #fff; content: ""; }
.section_activities .main_activities_content .activity_control_btns_wrap .btn_next { margin-left: 1.5rem; }

/* **************************************************************************************** *
* Sub Page
* **************************************************************************************** */
.sub_page { padding: 10rem 0; }

/* sub page head */
.sub_page_head { padding-bottom: 5rem; }
.sub_page_head .sub_page_head_nav { display: flex; margin-bottom: 2rem; }
.sub_page_head .sub_page_head_nav .sub_page_nav_item { position: relative; margin-right: 1.5rem; padding-right: 3.2rem; font-weight: 500; font-size: 16px; }
.sub_page_head .sub_page_head_nav .sub_page_nav_item:after { position: absolute; top: 10px; right: 0; width: 18px; height: 4px; background: url(../../images/icons/icon_dots.png) no-repeat center/contain; content: ""; }
.sub_page_head .sub_page_head_nav .sub_page_nav_item:last-child { margin-right: 0; padding-right: 0; }
.sub_page_head .sub_page_head_nav .sub_page_nav_item:last-child:after { display: none; width: 0; }
.sub_page_head .sub_page_head_nav .sub_page_nav_item.home .icon_home { display: block; width: 18px; height: 20px; background: url(../../images/icons/icon_home.svg) no-repeat center/contain; }
.sub_page_head .sub_page_title { font-weight: 600; font-size: 4.5rem; }

/* sub common img flex */
.cm_sub_imgflex { display: flex; align-items: center; gap: 3rem; }
.cm_sub_imgflex .cm_imgflex_content_area { flex: 1; }
.cm_sub_imgflex .cm_imgflex_img_area { position: relative; width: 50rem; height: 100%; padding-top: 30%; background: #fff; }
.cm_sub_imgflex .cm_imgflex_img_area .img-radius,
.cm_sub_imgflex .cm_imgflex_img_area img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.cm_sub_imgflex .cm_imgflex_img_area .img-radius { width: fit-content; overflow: hidden; border-radius: 2rem; }
.cm_sub_imgflex .cm_imgflex_img_area .img-radius img { position: relative; }

/* **************************************************************************************** *
* 사업안내
* **************************************************************************************** */

/* 사업개요 */
.page_BLOCK8 .cont_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 4rem; }
.page_BLOCK8 .cm_num_list.num_list1 .item .num { display: flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 5rem; background: #000; color: #fff; font-weight: 500; font-size: 1.2rem; }
.page_BLOCK8 .cm_num_list.num_list1 .item .num::before { width: 0; height: 0; content: ""; }
.page_BLOCK8 .propulsion_map .line { display: flex; position: relative; justify-content: center; margin-bottom: 3rem; }
.page_BLOCK8 .propulsion_map .line.line2 { justify-content: space-between; max-width: 90rem; margin-right: auto; margin-left: auto; }
.page_BLOCK8 .propulsion_map .line.line4 { justify-content: space-between; margin-top: 6rem; }
.page_BLOCK8 .propulsion_map .cm_box.box1 { max-width: 35rem; }

/* line */
.page_BLOCK8 .propulsion_map .line:before { position: absolute; background: #ddd; content: ""; }
.page_BLOCK8 .propulsion_map .line.line1:before { top: 100%; left: 50%; width: 1px; height: 300px; }
.page_BLOCK8 .propulsion_map .line.line2:before { top: 50%; left: 50%; width: 200px; height: 1px; transform: translateX(-50%); }
.page_BLOCK8 .propulsion_map .line.line4:before { top: -3rem; left: 50%; width: calc(100% - 35rem); height: 1px; transform: translateX(-50%); }
.page_BLOCK8 .propulsion_map .line.line4 .cm_box { position: relative; }
.page_BLOCK8 .propulsion_map .line.line4 .cm_box:before { position: absolute; bottom: 100%; left: 50%; width: 1px; height: 3rem; background: #ddd; content: ""; }
.page_BLOCK8 .propulsion_map .line.line4 .cm_box:nth-child(2):before { height: 6rem; }
.page_BLOCK8 .cm_sub_imgflex .cm_imgflex_img_area img { width: 34rem; height: 45.9rem; }
.page_BLOCK8 .cm_sub_imgflex + .cm_title { margin-top: -2.4rem; }

/* 사업지원 */
.page_BLOCK9 .cont_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 4rem; align-items: stretch; }
.page_BLOCK9 .cont_box .step_item { width: 100%; }
.page_BLOCK9 .cont_box .step_item:last-child { height: auto; }
.page_BLOCK9 .cont_box .cm_box { height: 100%; }
.page_BLOCK9 .cont_box .cm_box .box_content { height: calc(100% - 6rem); }
.page_BLOCK9 .cont_box .step_item:last-child .cm_box { display: flex; align-items: center; justify-content: center; }
.page_BLOCK9 .cont_box .step_item:last-child .cm_box.box1 .box_title { width: 100%; border-radius: 1rem; }
.page_BLOCK9 .cont_box .step_item ~ .step_item:after { left: -25px; }
.page_BLOCK9 .cont_box.type2 .step_item:last-child .cm_box { display: block; }
.page_BLOCK9 .cont_box.type2 .step_item:last-child .cm_box.box1 .box_title { border-radius: 1rem 1rem 0 0; }
.page_BLOCK9 .cont_box.type2 .step_item.add:after { left: -32px; width: 25px; height: 25px; transform: translateY(-50%); background: url(../../images/icons/arr_step_add.svg) no-repeat center/contain; }

/* **************************************************************************************** *
* 교육 및 행사
* **************************************************************************************** */

/* 기술혁신지원센터 개소식 */
.page_BLOCK12 .intro_area { display: flex; position: relative; padding-bottom: 5rem; gap: 8rem; }
.page_BLOCK12 .intro_area:after { position: absolute; bottom: 0; left: 50%; width: 100vw; height: calc(100% - 7rem); transform: translateX(-50%); background: #f8f8f8; content: ""; }
.page_BLOCK12 .intro_area .thumb_area { z-index: 1; position: relative; width: 32rem; }
.page_BLOCK12 .intro_area .thumb_area .thumb { z-index: 1; position: relative; width: 100%; padding-top: 133.44%; overflow: hidden; border-radius: 2rem; background-color: #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.page_BLOCK12 .intro_area .thumb_area .thumb img { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; transition: transform 0.6s; }
.page_BLOCK12 .intro_area .text_area { z-index: 1; position: relative; flex: 1; }
.page_BLOCK12 .intro_area .text_area h6 { margin-bottom: 6rem; }
.page_BLOCK12 .intro_area .text_area .cm_overview3 { display: flex; flex-wrap: wrap; gap: 0.5rem 3rem; }
.page_BLOCK12 .intro_area .text_area .cm_overview3 .ovw3_list { width: calc(50% - 1.5rem); word-break: keep-all; }

/* 세미나 컨퍼런스 */
.page_BLOCK12.page_BLOCK47 .cm_title.title2 { font-size: 2.6rem; }
.page_BLOCK12.page_BLOCK47 .cm_title.title2:after { top: 1rem; }
.page_BLOCK12.page_BLOCK47 .cm_dash_list .title:after { top: 1.2rem; }
.page_BLOCK12.page_BLOCK47 .video_area { margin-top: 3.5rem; }
.page_BLOCK12.page_BLOCK47 .cm_table .cm_state2 { width: 9rem; padding: 7px 10px; }

/* **************************************************************************************** *
* 센터소개
* **************************************************************************************** */

/* 센터소개 */
.page_BLOCK31 .section_title { margin-bottom: 2.5rem; font-weight: 600; font-size: 3rem; line-height: 1; }
.page_BLOCK31 .section1 { position: relative; padding-top: 10rem; padding-bottom: 10rem; }
.page_BLOCK31 .section1:after { position: absolute; bottom: 0; left: 50%; width: 100vw; height: calc(100% - 10rem); transform: translateX(-50%); background: #f7f7f7; content: ""; }
.page_BLOCK31 .section1 .section_top_box { z-index: 1; position: absolute; top: 0; left: 0; padding: 5rem 12rem 5rem 2rem; border-radius: 0 3rem 3rem 0; background: var(--color1); color: #fff; }
.page_BLOCK31 .section1 .section_top_box:after { position: absolute; top: 0; right: 100%; width: 100%; height: 100%; background: var(--color1); content: ""; }
.page_BLOCK31 .section1 .section_top_box .box_content { display: flex; flex-wrap: wrap; gap: 1rem 4rem; font-size: 1.9rem; }
.page_BLOCK31 .section1 .section_top_box .cm_num_list .item ~ .item { margin-top: 0; }
.page_BLOCK31 .section1 .section_top_box .cm_num_list.num_list1 > .item .num::before { margin-top: 0.35rem; border-radius: 50px; background: #fff; color: var(--color1); font-weight: 600; }
.page_BLOCK31 .section1 .section_content { z-index: 1; position: relative; padding-top: 13.5rem; }
.page_BLOCK31 .section1 .section_content .content_item { display: flex; align-items: center; padding: 4.3rem 5rem; gap: 5.5rem; border-radius: 1.5rem; background: #fff; }
.page_BLOCK31 .section1 .section_content .content_item ~ .content_item { margin-top: 3rem; }
.page_BLOCK31 .section1 .section_content .content_item .icon_area { display: flex; align-items: center; justify-content: center; width: 9rem; height: 9.2rem; }
.page_BLOCK31 .section1 .section_content .content_item .text_area { flex: 1; }
.page_BLOCK31 .section1 .section_content .content_item .text_area .title { margin-bottom: 0.5rem; font-weight: 500; font-size: 2rem; }
.page_BLOCK31 .section1 .section_content .content_item .text_area .desc { color: #333; }
.page_BLOCK31 .section2 { padding: 6rem 0 15rem; }
.page_BLOCK31 .section2 .content_box { display: grid; grid-template-columns: repeat(2, 1fr); padding: 4rem; border-radius: 1.5rem; background: #f7f7f7; grid-gap: 3rem; }
.page_BLOCK31 .section2 .content_box .cm_box.box4 .box_content { display: flex; align-items: center; justify-content: center; height: 15rem; }
.page_BLOCK31 .section2 .video_area { margin-top: 6rem; }
.sub_page .video_area .video_wrap { position: relative; width: 100%; height: 100%; padding-top: 56.25%; overflow: hidden; border-radius: 1.5rem; }
.sub_page .video_area .video_wrap iframe { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }

/* 시설안내 */
.page_BLOCK37 .page_top_area { margin-bottom: 7rem; }
.page_BLOCK37 .page_top_area .cm_box { display: flex; position: relative; align-items: center; gap: 5rem; }
.page_BLOCK37 .page_top_area .cm_box .img_area,
.page_BLOCK37 .page_top_area .cm_box .text_area { z-index: 1; position: relative; }
.page_BLOCK37 .page_top_area .cm_box .title { display: flex; align-items: center; font-weight: 500; font-size: 2.4rem; }
.page_BLOCK37 .page_top_area .cm_box .title .icon { display: inline-block; margin-top: 1.2rem; margin-right: 1rem; }
.page_BLOCK37 .page_top_area .cm_box .desc { font-weight: 500; font-size: 2rem; }
.page_BLOCK37 .page_top_area .cm_box .box_bg_text { position: absolute; right: -1px; bottom: -1px; }
.page_BLOCK37 .page_content_item ~ .page_content_item { margin-top: 3.8rem; }
.page_BLOCK37 .page_content_item .cm_box.box5 { display: inline-flex; gap: 3rem; }
.page_BLOCK37 .page_content_item .page_content_detail { display: flex; flex-wrap: wrap; margin-top: 1.5rem; font-size: 1.8rem; }
.page_BLOCK37 .page_content_item .page_content_detail .title { font-weight: 500; }
.page_BLOCK37 .page_content_item .page_content_detail .title .num { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-right: 0.8rem; border-radius: 50px; background: var(--color1); color: #fff; font-weight: 500; font-size: 1.4rem; }
.page_BLOCK37 .page_content_item .page_content_detail .desc { position: relative; margin-left: 1.2rem; padding-left: 1.2rem; }
.page_BLOCK37 .page_content_item .page_content_detail .desc:after { position: absolute; top: 0.7rem; left: 0; width: 1px; height: 1.5rem; background: #ddd; content: ""; }
.page_BLOCK37 .page_content_item.row_item_wrap { display: flex; gap: 3rem; }

/* 비전 및 목표 */
.master_plan { z-index: 1; position: relative; padding-bottom: 80px; word-break: keep-all; }
.master_plan:after { z-index: -1; position: absolute; top: 2.6rem; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background-color: #f7f8fa; content: ""; }
.master_plan .master_sum { display: flex; align-items: flex-start; margin-top: 100px; }
.master_plan .master_sum .sum_box { z-index: 2; position: relative; width: 100%; }
.master_plan .master_sum .sum_box:after { z-index: -1; position: absolute; top: 0; bottom: 0; content: ""; }
.master_plan .master_sum .sum_box .sum_title { display: inline-flex; position: absolute; top: -30px; align-items: center; min-height: 60px; padding: 15px 35px; border-radius: 50px 50px 50px 0; font-weight: 500; font-size: 18px; }
.master_plan .master_sum .sum_box .sum_cont { display: flex; align-items: flex-start; width: 100%; }
.master_plan .master_sum .sum_future { padding-right: 40px; }
.master_plan .master_sum .sum_future:after { right: 40px; width: 50vw; border-radius: 0 15px 15px 0; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.master_plan .master_sum .sum_future .sum_title { background-color: #234772; color: #fff; }
.master_plan .master_sum .sum_future .sum_cont { padding: 65px 0 45px; padding-right: 40px; }
.master_plan .master_sum .sum_future .item_box { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 120px; height: 110px; margin-right: 10px; padding: 15px; border-radius: 10px; background-color: var(--color1); color: #fff; text-align: center; }
.master_plan .master_sum .sum_future .item_box:nth-child(even) { background-color: #004394; color: #fff; }
.master_plan .master_sum .sum_future .item_box:last-child { margin-right: 0; }
.master_plan .master_sum .sum_future .item_box1 { margin-top: 0; }
.master_plan .master_sum .sum_future .item_box2 { margin-top: 20px; }
.master_plan .master_sum .sum_future .item_box3 { margin-top: 40px; }
.master_plan .master_sum .sum_future .item_box4 { margin-top: 60px; }
.master_plan .master_sum .sum_special { z-index: 1; margin-top: 50px; }
.master_plan .master_sum .sum_special:after { left: -120px; width: calc(50vw + 120px); border-radius: 15px 0 0 15px; background-color: var(--color1); }
.master_plan .master_sum .sum_special .sum_title { background-color: #fff; color: #000; }
.master_plan .master_sum .sum_special .sum_cont { padding: 80px 0 60px; gap: 1.5rem; }
.master_plan .master_sum .sum_special .item_box { flex-shrink: 0; width: 10rem; }
.master_plan .master_sum .sum_special .item_box:last-child { margin-right: 0; }
.master_plan .master_sum .sum_special .item_box .item_img { display: flex; align-items: center; justify-content: center; width: 10rem; height: 10rem; border-radius: 10px; background-color: #fff; text-align: center; }
.master_plan .master_sum .sum_special .item_box .item_img img { max-width: 100%; max-height: 100%; }
.master_plan .master_sum .sum_special .item_box .item_text { margin-top: 15px; color: #fff; font-size: 17px; line-height: 1; text-align: center; }
.master_plan .master_sum .sum_special .item_wrap { display: flex; position: relative; align-items: flex-start; margin-left: 1rem; gap: 3.5rem; }
.master_plan .master_sum .sum_special .item_box4 .item_img:after { position: absolute; top: 50px; left: calc(50% - 17px); width: 35px; height: 5px; background: url(../../images/sub/img_master00.png) no-repeat center/contain; content: ""; }
.master_plan .master_vision { margin-top: 80px; }
.master_plan .master_vision .vision_box { display: flex; align-items: flex-start; }
.master_plan .master_vision .vision_box + .vision_box { margin-top: 60px; }
.master_plan .master_vision .vision_box .vision_title { display: flex; flex-shrink: 0; align-items: center; justify-content: center; min-width: 150px; min-height: 80px; padding: 15px; border-radius: 100px; background-color: #d9d9d9; font-weight: 500; font-size: 20px; }
.master_plan .master_vision .vision_box .vision_cont { width: 100%; margin-left: 50px; }
.master_plan .master_vision .vision_box1 .vision_cont { display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 30px; border: 1px solid var(--color1); border-left: 10px solid var(--color1); border-radius: 0 15px 15px 0; background-color: #fff; color: #888; font-size: 22px; line-height: 1.45; text-align: center; }
.master_plan .master_vision .vision_box2 .vision_item { display: flex; position: relative; align-items: center; justify-content: center; min-height: 90px; padding: 15px 30px; border-radius: 15px; background-color: #fff; font-size: 18px; line-height: 1.6; text-align: center; }
.master_plan .master_vision .vision_box2 .vision_item:after { position: absolute; top: 50%; left: -22px; width: 44px; height: 44px; margin-top: -22px; border: 1px solid #dfdfdf; border-radius: 100%; background: #fff url(../../images/sub/img_master00.svg) no-repeat center/1.6rem; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); content: ""; }
.master_plan .master_vision .vision_box2 .vision_item + .vision_item { margin-top: 20px; }
.master_plan .master_vision .vision_box2 .vision_item span { color: #000; font-weight: 500; }

/* 오시는길 */
.location_page .location_content_wrap { position: relative; }
.location_page .location_content_wrap2 { margin-top: 8rem; padding-top: 8rem; border-top: 1px dashed #ddd; }
.location_page .map_area { width: 100%; }
.location_page .map_area .root_daum_roughmap { width: 100%; }
.location_page .map_area .wrap_map { width: 100%; height: 48rem; }
.location_page .location_info_area { display: flex; z-index: 1; position: relative; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: -8rem; padding-left: 3rem; gap: 3rem; }
.location_page .title_box { display: flex; z-index: 1; position: relative; flex-direction: column; justify-content: space-between; width: 25.5rem; height: 24rem; padding: 3.5rem 3rem; background: var(--color1); color: #fff; }
.location_page .title_box.bg_bk { background: #222; }
.location_page .detail_info_wrap { display: flex; flex: 1; flex-wrap: wrap; margin-top: 3.5rem; gap: 1rem 3rem; }
.location_page .detail_info_wrap .detail_info_item { display: flex; }
.location_page .detail_info_item .location_icon { display: flex; align-items: center; justify-content: center; width: 6.3rem; height: 6.3rem; margin-right: 1rem; border-radius: 50%; background: #f4f4f4; }
.location_page .detail_info_wrap .detail_info_item dl { display: flex; flex: 1; align-items: center; font-size: 1.5rem; }
.location_page .detail_info_wrap .detail_info_item dl dt { margin-right: 1rem; color: #000; font-weight: 500; font-size: 1.6rem; }
.location_page .detail_info_wrap .detail_info_item dl dd { flex: 1; }
.location_way .way_box { display: flex; align-items: center; padding: 4rem 5rem; gap: 5rem; border: 1px solid #ddd; border-radius: 10px; }
.location_way .way_box ~ .way_box { margin-top: 3rem; }
.location_way .way_box .icon_wrap { width: 15.8rem; text-align: center; }
.location_way .way_box .icon_wrap .icon { display: inline-flex; align-items: center; justify-content: center; width: 8.5rem; height: 8.5rem; margin-bottom: 1.5rem; border-radius: 50%; background: #f3f3f3; }
.location_way .way_box .icon_wrap p { font-weight: 600; font-size: 2rem; }
.location_way .way_box .way_list { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; font-size: 1.7rem; }
.location_way .way_box .way_list ~ .way_list { margin-top: 1.8rem; }
.location_way .way_box .way_list dt { position: relative; padding-left: 1.5rem; font-weight: 500; }
.location_way .way_box .way_list dt:before { position: absolute; top: 1.2rem; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 10px; background: #ccc; content: ""; }
.location_way .way_box .way_list dd { padding-left: 2rem; color: #555; }

/* **************************************************************************************** *
* 실증서비스
* **************************************************************************************** */

/* 플랫폼 구축 */
.page_BLOCK48 .cm_tab.tab2 { height: 5.4rem; }
.page_BLOCK48 .page_section { margin-top: 50px; }
.page_BLOCK48 .page_section .section_title { margin-bottom: 2.5rem; font-weight: 700; font-size: 2.4rem; }
.page_BLOCK48 .page_section .img ~ .img { margin-top: 4rem; }
.page_BLOCK48 .page_section .img .img_title { display: flex; align-items: center; justify-content: start; height: 7rem; padding: 1rem 3rem; border-radius: 1.5rem 1.5rem 0 0; background: var(--color1); color: #fff; font-weight: 600; font-size: 2.4rem; }

/* 섬패스 */
.page_BLOCK44 .cont_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 4rem; align-items: stretch; }

/* 지식재산 플랫폼 */
.page_BLOCK45 .cont_box { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 4rem; align-items: stretch; }
.page_BLOCK39 .cm_step2,
.page_BLOCK45 .cm_step2 { max-width: 93rem; margin: 2rem auto 0; }
.page_BLOCK39 .cm_step2 .step_item,
.page_BLOCK45 .cm_step2 .step_item { width: 14rem; }
.page_BLOCK39 .cm_step2 .step_item ~ .step_item .num:before,
.page_BLOCK45 .cm_step2 .step_item ~ .step_item .num:before { width: 18.5rem; }

/* **************************************************************************************** *
* 인프라 지원
* **************************************************************************************** */

/* 입주기업 안내 */
.enterprise_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.enterprise_list .item_box { display: block; overflow: hidden; border-radius: 20px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
.enterprise_list .item_box .img_area { display: flex; align-items: center; justify-content: center; height: 130px; padding: 30px 30px 20px; }
.enterprise_list .item_box .img_area > img { max-width: 100%; max-height: 100%; image-rendering: auto; }
.enterprise_list .item_box .title_area { display: flex; align-items: center; justify-content: center; height: 60px; padding: 10px; background-color: #fafafa; }
.page_BLOCK29 .img-flex { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.page_BLOCK29 .img-flex .cm_bul1 { flex: 1; }
.page_BLOCK29 .img-flex .img_area { width: 49rem; overflow: hidden; border-radius: 2rem; }

/* **************************************************************************************** *
* Sub Page - ENG
* **************************************************************************************** */
@media screen and (max-width:1760px) {

	/* **************************************************************************************** *
	* Header
	* **************************************************************************************** */
	.header .header_inner { justify-content: space-between; }
	.header .gnb { width: calc(100% - 33rem - 20rem); }
	.header .gnb_depth1 .gnb_depth1_menu { font-size: 1.9rem; }
	.header .gnb_depth2 > li > a { font-size: 1.6rem; }
	.header .header_util { width: auto; }

	/* **************************************************************************************** *
	* Main
	* **************************************************************************************** */

	/**************************** section visual ****************************/
	.section_visual .visual_bg2 .active_content { width: 33.3333%; padding-left: 5rem; }
	.section_visual .visual_bg2 .active_content .content_items .item { width: 100%; }
	.section_visual .visual_bg3 .active_content { left: 10rem; }
}
@media screen and (max-width:1600px) {

	/* **************************************************************************************** *
	* Header
	* **************************************************************************************** */
	.header .gnb { width: calc(100% - 30rem - 15rem); }
	.header .gnb_depth1 { gap: 2rem; }
	.header .gnb_depth1 > li { min-width: 8rem; }
	.header .gnb_depth1 .gnb_depth1_menu { font-size: 1.6rem; }
	.header .header_util { gap: 2rem; }

	/* **************************************************************************************** *
	* Main
	* **************************************************************************************** */

	/**************************** section visual ****************************/
	.section_visual .visual_items_wrap .visual_item { height: 80rem; padding: 22rem 5rem; }
	.section_visual .cover_content .visual_title { font-size: 3.8rem; }
	.section_visual .cover_content .visual_title b { font-size: 7rem; }
	.section_visual .cover_content .visual_desc { font-size: 2.1rem; }
	.section_visual .active_content { top: 20rem; right: 5rem; padding-left: 3rem; }
	.section_visual .active_content .content_items .item { width: 25rem; padding: 1.5rem; }
	.section_visual .visual_bg2 .active_content .content_items .item { padding-right: 3rem; padding-left: 3rem; font-size: 2rem; }
	.section_visual .hover_bg_text { font-size: 10rem; }

	/**************************** section vision ****************************/
	.section_vision .visions_list { justify-content: center; gap: 2.5rem 0; }
	.section_vision .visions_list .vision_item { width: 30%; }
	.section_vision .visions_list .vision_item:nth-child(odd) { padding-top: 0; }
	.section_vision .visions_list .vision_item.item1 { transform: translate(-70px, 90px); }
	.section_vision .visions_list .vision_item.item2 { transform: translate(0, 90px); }
	.section_vision .visions_list .vision_item.item3 { transform: translate(70px, 90px); }
	.section_vision .visions_list .vision_item.item4 { transform: translate(-70px, 90px); }
	.section_vision .visions_list .vision_item.item5 { transform: translate(70px, 90px); }

	/**************************** section quick ****************************/
	.section_quick .quick_items_list { grid-gap: 2rem; }
	.section_quick .quick_item .quick_link { width: 40rem; padding: 4rem; }
	.section_quick .quick_item .cm_icon.icon_more1_wt { top: 4rem; right: 4rem; }
}
@media screen and (max-width:1440px) {
	.location_page .location_info_area { align-items: end; }
	.location_page .detail_info_item:first-child { width: 100%; }
}
@media screen and (max-width:1280px) {

	/* **************************************************************************************** *
	* Header
	* **************************************************************************************** */
	.header { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
	.header:after { opacity: 0; transition: opacity 0.25s ease-in-out; }
	.header .header_inner { justify-content: space-between; }
	.header .logo,
	.header .header_util { height: 80px; }
	.header .header_util { width: auto; }
	.header .gnb { visibility: hidden; z-index: 1;    /* display: none; */ position: fixed; top: 80px; left: 100vw; width: 100%; height: calc(100% - 80px); max-height: calc(100% - 80px) !important; background: #fff; opacity: 0; transition: all 0.5s ease-in-out; }
	.header .gnb_inner,
	.header .gnb_depth1_wrap,
	.header .gnb_depth1 { height: 100%; }
	.header .gnb_depth1 { flex-direction: column; align-items: start; justify-content: start; gap: 0; background: #f4f5f9; }
	.header .gnb_depth1 .gnb_depth1_menu { justify-content: start; width: 14.5rem; height: 80px; padding: 0 2.5rem; }
	.header .gnb_depth2_wrap { display: none; }
	.header .gnb_depth2 > li { padding: 1.3rem 0; }
	.header .gnb_depth1 > li.active .gnb_depth2_wrap { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 14.5rem; width: calc(100% - 14.5rem); padding: 1.5rem 3rem; background: #fff; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); text-align: left; }

	/* header active */
	.header.hover:after { z-index: 2; position: absolute; top: 80px; left: 0; width: 100%; height: 1px; background: #ddd; content: ""; opacity: 1; }
	.header.hover .gnb { visibility: visible; left: 0; opacity: 1; }
	.header.hover .gnb_depth1 { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }
	.header .gnb_depth1 > li.active .gnb_depth1_menu { background: #e5ecf9; }
	.header .gnb_depth1 > li.active .gnb_depth1_menu:after { display: none; }
	.header .gnb_depth2 > li.active > a { color: #222; font-weight: 500; }

	/* **************************************************************************************** *
	* Footer
	* **************************************************************************************** */
	.footer .foot_logo_area > div:last-child { margin-top: 3px; }
	.footer .btn_top { width: 5rem; height: 5rem; }
	.footer .btn_top.active { right: 2rem; }
	.footer .btn_top.end { top: -5.8rem; right: 0; }
	.cm_container { padding-top: 80px; }

	/* **************************************************************************************** *
	* Intro
	* **************************************************************************************** */
	.intro_page { flex-direction: column; }
	.intro_page .intro_section { width: 100%; height: 50vh; min-height: 40rem; }
	.intro_page .intro_section.tech_section .intro_logo img { width: 32rem; }
	.intro_page .intro_section.hub_section .intro_logo img { width: 24rem; }
	.intro_page .intro_section > a:hover:after { transform: translate(-50%, -50%); }
	.intro_page .intro_section > a:hover .content { transform: translateY(0); }
	.intro_page .content { padding: 2rem; font-size: 1.5rem; word-break: keep-all; }
	.intro_page .intro_desc { margin-top: 3.5rem; }

	/* **************************************************************************************** *
	* Main
	* **************************************************************************************** */
	.title_area .main_title { font-size: 3.6rem; line-height: 1.4; }
	.title_area .main_desc { font-size: 2.2rem; }
	.main_flex_layout { flex-direction: column; justify-content: start; }

	/**************************** section visual ****************************/
	.section_visual { background: url(../../images/main/visual03_on.png) no-repeat center/cover; }
	.section_visual .visual_items_bg { display: block; background-image: url(../../images/main/visual01_on.png); background-position: center; background-size: cover; background-repeat: no-repeat; transition: background 0.5s ease-in-out; }
	.section_visual .visual_items_bg.m_bg2 { background-image: url(../../images/main/visual02_on.png); }
	.section_visual .visual_items_bg.m_bg3 { background-image: url(../../images/main/visual03_on.png); }
	.section_visual .visual_items_bg .visual_bg { display: none; }
	.section_visual .visual_items_bg .visual_bg1 .active_bg,
	.section_visual .active_content,
	.section_visual .hover_bg_text { display: none; }
	.section_visual .visual_items_wrap { display: block; background: rgba(0, 0, 0, 0.15); }
	.section_visual .visual_items_wrap .visual_item { width: 100%; height: 72px; padding: 2rem 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: height 0.5s ease-in-out; }
	.section_visual .visual_item.hover_not .cover_content { opacity: 1; }
	.section_visual .cover_content .visual_title { font-size: 3rem; }
	.section_visual .cover_content .visual_title b { display: inline-block; margin-right: 10px; font-size: 3rem; }
	.section_visual .cover_content .visual_desc,
	.section_visual .cover_content .more_link { visibility: hidden; transform: translateY(50px); opacity: 0; transition: opacity 0.45s ease-in-out, visibility 0.45s ease-in-out, transform 0.45s ease-in-out; }
	.section_visual .cover_content .more_link .cm_more1 { font-size: 1.8rem; }

	/** active **/
	.section_visual .visual_items_wrap .visual_item.m_active { height: 350px; padding-top: 5rem; }
	.section_visual .visual_item.m_active .cover_content.m_active .visual_desc,
	.section_visual .visual_item.m_active .cover_content.m_active .more_link { visibility: visible; transform: translateY(0); opacity: 1; }
	.section_visual .visual_item.m_active .cover_content .visual_desc { margin-top: 14rem; margin-bottom: 2rem; }
	.section_visual .visual_item.m_active .cover_content .more_link { text-align: right; }

	/**************************** section vision ****************************/
	.section_vision .visions_list .vision_item.item1,
	.section_vision .visions_list .vision_item.item2,
	.section_vision .visions_list .vision_item.item3,
	.section_vision .visions_list .vision_item.item4,
	.section_vision .visions_list .vision_item.item5 { transform: translate(0, 0); opacity: 1; }

	/**************************** section board ****************************/
	.section_board .content_area .img_section { height: 60.5rem; }
	.section_board .content_area .board_section { height: 60rem; }
	.section_board .content_area .board_section .board_title { font-size: 2.3rem; }
	.section_board .content_area .board_section .board_title .board_more_icon { width: 2.5rem; height: 2.5rem; }
	.section_board .content_area .board_section .board_detail { margin-top: 1.5rem; font-size: 1.8rem; }
	.section_board .content_area .btn_wrap { display: none; }

	/**************************** section quick ****************************/
	.section_quick .title_area { margin-bottom: 3rem; }
	.section_quick .quick_item .quick_link { width: 100%; height: 23rem; }
	.section_quick .quick_item:nth-child(odd) { margin-top: 0; }

	/**************************** section activity ****************************/
	.section_activities .main_flex_layout { align-items: start; gap: 2rem; }
	.section_activities .bg_text { right: auto; left: 4rem; font-size: 14rem; }
	.section_activities .main_activities_content { padding-top: 50%; }
	.section_activities .main_activities_content .activity_text .title { margin-bottom: 1rem; font-size: 2.8rem; }
	.section_activities .main_activities_content .activity_text .desc { margin-bottom: 4rem; font-size: 2.1rem; }
	.section_activities .main_activities_content .activity_img { padding-top: 50%; }
	.section_activities .main_activities_content .activity_img .img { width: calc(100% + 20px); clip-path: polygon(100% 0, 100% 80%, 87.8% 100%, 0 100%, 0 0); }

	/* **************************************************************************************** *
	* Sub Page
	* **************************************************************************************** */
	.sub_page { padding-top: 5rem; }

	/* sub page head */
	.sub_page_head { padding-bottom: 3rem; }
	.sub_page_head .sub_page_head_nav { margin-bottom: 0.5rem; }
	.sub_page_head .sub_page_title { font-size: 4rem; }

	/* sub common img flex */
	.cm_sub_imgflex { flex-direction: column; }
	.cm_sub_imgflex .cm_imgflex_content_area,
	.cm_sub_imgflex .cm_imgflex_img_area { width: 100%; }
	.cm_sub_imgflex .cm_imgflex_img_area { padding-top: 45%; }

	/**************************** 사업개요 ****************************/
	.page_BLOCK8 .cont_box { display: block; padding: 3rem !important; }
	.page_BLOCK8 .cont_box .cm_box.box1 ~ .box1 { margin-top: 3rem; }
	.page_BLOCK8 .propulsion_map .line { display: block; width: 100%; max-width: 100%; }
	.page_BLOCK8 .propulsion_map .cm_box { max-width: 100%; }

	/* line reset */
	.page_BLOCK8 .propulsion_map .line:before,
	.page_BLOCK8 .propulsion_map .line .cm_box:before { display: none; }

	/* line */
	.page_BLOCK8 .propulsion_map .line.line1 { margin-bottom: 2rem; }
	.page_BLOCK8 .propulsion_map .line.line1:before { display: block; height: 550px; }
	.page_BLOCK8 .propulsion_map .line.line2 { margin-bottom: 0; }
	.page_BLOCK8 .propulsion_map .line.line2 .cm_box { margin-bottom: 2rem; }
	.page_BLOCK8 .propulsion_map .line.line4 { margin-top: 4rem; padding: 2.5rem 2rem; background: #f2f2f2; }
	.page_BLOCK8 .propulsion_map .line.line4 .cm_box ~ .cm_box { margin-top: 1.5rem; }
	.page_BLOCK8 .cm_sub_imgflex { flex-direction: row; }
	.page_BLOCK8 .cm_sub_imgflex .cm_imgflex_content_area,
	.page_BLOCK8 .cm_sub_imgflex .cm_imgflex_img_area { width: 50%; }
	.page_BLOCK8 .cm_sub_imgflex + .cm_title { margin-top: 5rem; }

	/* 지원프로그램 */
	.page_BLOCK9 .cm_font_size30 { font-size: 2.6rem !important; }
	.page_BLOCK9 .cont_box { gap: 2.5rem; }
	.page_BLOCK9 .cont_box.pd-40,
	.page_BLOCK9 .cm_box.box3.pd-40 { padding: 3rem !important; }
	.page_BLOCK9 .cont_box.cm_step1 { gap: 4rem !important; }

	/**************************** 교육 및 행사 ****************************/

	/* 교육 프로그램 */
	.page_BLOCK12 .intro_area { flex-direction: column; }
	.page_BLOCK12 .intro_area:after { left: -20px; height: 75%; transform: translateX(0); }
	.page_BLOCK12 .intro_area .thumb_area { margin-right: auto; margin-left: auto; }
	.page_BLOCK12 .intro_area .text_area .cm_overview3 > div { width: 50%; }

	/**************************** 센터소개 ****************************/

	/* 센터소개 */
	.page_BLOCK31 .section1 .section_content { padding-top: 17.5rem; }
	.page_BLOCK31 .section2 .cm_box.box4 .box_title { height: 8.5rem; font-size: 1.7rem; line-height: 1.3; }

	/* 시설안내 */
	.page_BLOCK37 .page_content_item .cm_box.box5,
	.page_BLOCK37 .page_content_item.row_item_wrap { display: grid; grid-template-columns: repeat(2, 1fr); }
	.page_BLOCK37 .page_content_item .cm_box.box5 .img { position: relative; width: 100%; }
	.page_BLOCK37 .page_content_item .cm_box.box5 .img img { width: 100%; }
	.page_BLOCK37 .page_content_item.row_item_wrap .cm_box.box5 { display: block; }
	.page_BLOCK37 .page_content_item .page_content_detail { display: block; }
	.page_BLOCK37 .page_content_item .page_content_detail .desc { margin-left: 0; padding-left: 0; }
	.page_BLOCK37 .page_content_item .page_content_detail .desc:after { display: none; }

	/* 비전 및 목표 */
	.master_plan .master_sum { display: block; margin-top: 70px; }
	.master_plan .master_sum .sum_box { padding-right: 30px; padding-left: 30px; }
	.master_plan .master_sum .sum_box .sum_title { top: -25px; min-height: 50px; padding: 10px 25px; font-size: 16px; }
	.master_plan .master_sum .sum_future { width: 100%; padding-right: 0; }
	.master_plan .master_sum .sum_future:after { right: 0; left: 0; width: 100%; border-radius: 10px; }
	.master_plan .master_sum .sum_future .sum_cont { padding: 55px 0 40px; padding-right: 30px; }
	.master_plan .master_sum .sum_future .item_box { max-width: 100%; height: 80px; margin-top: 0 !important; }
	.master_plan .master_sum .sum_special:after { right: 0; left: 0; width: auto; border-radius: 10px; }
	.master_plan .master_sum .sum_special .sum_cont { flex-wrap: wrap; justify-content: center; width: auto; padding: 55px 0 40px; }
	.master_plan .master_sum .sum_special .item_box .item_img { height: 85px; }
	.master_plan .master_sum .sum_special .item_box .item_text { font-size: 16px; }
	.master_plan .master_sum .sum_special .item_wrap { flex-shrink: unset; }
	.master_plan .master_sum .sum_special .item_box4 .item_img:after { top: 42px; }
	.master_plan .master_vision { margin-top: 50px; }
	.master_plan .master_vision .vision_box + .vision_box { margin-top: 50px; }
	.master_plan .master_vision .vision_box .vision_title { min-width: 130px; min-height: 55px; font-size: 16px; }
	.master_plan .master_vision .vision_box1 .vision_cont { min-height: 100px; font-size: 18px; }
	.master_plan .master_vision .vision_box2 .vision_item { min-height: 75px; font-size: 15px; }
	.master_plan .master_vision .vision_box2 .vision_item:after { left: -16px; width: 32px; height: 32px; margin-top: -16px; }
}
@media screen and (max-width:1024px) {

	/* **************************************************************************************** *
	* Footer
	* **************************************************************************************** */
	.footer .footer_top_area { flex-direction: column-reverse; align-items: start; }
	.footer .foot_logo_area { justify-content: start; margin-bottom: 1.5rem; }
	.footer .foot_logo_area > div { text-align: right; }
	.footer .foot_logo_area > div:last-child { margin-top: 5px; }
	.footer .foot_logo_area > div:first-child img { height: 3rem; }
	.footer .foot_logo_area > div:last-child img { height: 1.8rem; }
	.footer .footer_bottom_area { display: block; }
	.footer .footer_copy_area { margin-top: 2.5rem; text-align: left; }

	/* **************************************************************************************** *
	* Main
	* **************************************************************************************** */

	/**************************** section vision ****************************/
	.section_vision .title_area { margin-bottom: 4rem; gap: 1rem; }
	.section_vision .vision_icon { width: 5.5rem; height: 5.5rem; }
	.section_vision .vision_item:nth-child(1) .vision_icon { width: 6.8rem; height: 5.5rem; }
	.section_vision .vision_item:nth-child(2) .vision_icon { width: 2.6em; }
	.section_vision .vision_box { justify-content: start; height: 30rem; padding: 3rem; padding-top: 4rem !important; gap: 5rem; }
	.section_vision .vision_icon img { width: 100%; }
	.section_vision .vision_box .vision_title { margin-bottom: 1rem; font-size: 2.3rem; }
	.section_vision .vision_box .vision_desc { font-size: 1; }

	/**************************** section board ****************************/
	.section_board .title_area { margin-bottom: 2rem; padding: 0; }
	.section_board .title_area .board_tab { position: relative; margin-top: 2rem; }
	.section_board .title_area .board_tab .tab_list { justify-content: end; }
	.section_board .content_area .img_section { display: none; }
	.section_board .content_area .board_section { width: 100%; height: auto; padding: 0; }

	/**************************** section activity ****************************/
	.section_activities .main_activities_content .activity_img .img { clip-path: polygon(100% 0, 100% 75%, 85% 100%, 0 100%, 0 0); }
	.section_activities .main_activities_content .activity_control_btns_wrap .btn_prev { margin-right: 1rem; }
	.section_activities .main_activities_content .activity_control_btns_wrap .btn_prev:after { right: -1.1rem; height: 2.4rem; }
	.section_activities .main_activities_content .activity_control_btns_wrap .btn_next { margin-left: 1rem; }

	/**************************** section quick ****************************/
	.section_quick { padding-top: 9rem; padding-bottom: 12rem; }

	/**************************** section activity ****************************/
	.section_activities { padding-top: 8rem; padding-bottom: 10rem; }

	/**************************** 센터소개 ****************************/

	/* 센터소개 */
	.page_BLOCK31 .section_title { font-size: 2.6rem; }
	.page_BLOCK31 .section1 { padding-top: 0; padding-bottom: 7rem; }
	.page_BLOCK31 .section1 .section_top_box { position: relative; width: calc(100% - 2rem); padding: 3.5rem 2rem; }
	.page_BLOCK31 .section1 .section_top_box .section_title,
	.page_BLOCK31 .section1 .section_top_box .box_content { z-index: 1; position: relative; }
	.page_BLOCK31 .section1 .section_top_box .box_content { gap: 0.5rem 4rem; }
	.page_BLOCK31 .section1 .section_content { padding-top: 4rem; }
	.page_BLOCK31 .section1 .section_content .content_item { flex-direction: column; gap: 3.5rem; }
	.page_BLOCK31 .section1 .section_content .content_item .text_area { text-align: center; }
	.page_BLOCK31 .section2 { padding-bottom: 6rem; }
	.page_BLOCK31 .section2 .content_box { grid-template-columns: repeat(1, 1fr); padding: 0; background: none; grid-gap: 1.5rem; }
	.page_BLOCK31 .section2 .content_box .cm_box.box4 .box_content { height: auto; }

	/* 비전 및 목표 */
	.master_plan .master_sum .sum_special .sum_cont { gap: 3rem 2rem; }
	.master_plan .master_sum .sum_special .item_box { width: 8rem; }
	.master_plan .master_sum .sum_special .item_box .item_img { width: 8rem; }
	.master_plan .master_sum .sum_special .item_box4 .item_img:after { top: 35px; }
	.master_plan .master_sum .sum_special .item_box .item_img img { width: 45px; }
	.master_plan .master_sum .sum_special .item_box .item_text { font-size: 14px; }

	/* 조직도 */
	.organization_area .cm_table .cm_table1 { border-top: 0; }
	.organization_area .cm_table .cm_table1 colgroup col { width: auto !important; }
	.organization_area .cm_table .cm_table1 thead { display: none; }
	.organization_area .cm_table .cm_table1 tr { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 4rem; border-top: 1px solid #666; border-left: 1px solid #dadada; }
	.organization_area .cm_table .cm_table1 tr:last-child { margin-bottom: 0; }
	.organization_area .cm_table .cm_table1 th,
	.organization_area .cm_table .cm_table1 td { padding: 1.5rem 2rem; }
	.organization_area .cm_table .cm_table1 tr td:nth-child(1) { width: 100%; background: #f8f8f8; font-weight: 500; text-align: center; }
	.organization_area .cm_table .cm_table1 tr td:nth-child(2),
	.organization_area .cm_table .cm_table1 tr td:nth-child(3) { width: 50%; text-align: center; }
	.organization_area .cm_table .cm_table1 tr td:nth-child(4) { width: 100%; border-right: 1px solid #ddd; }

	/* 오시는길 */
	.location_page .map_area .wrap_map { height: 30rem; }
	.location_page .location_info_area { display: block; padding: 0; }
	.location_page .title_box { width: 100%; height: 15rem; padding: 2.2rem; }

	/**************************** 인프라 지원 ****************************/

	/* 입주기업 안내 */
	.enterprise_list { grid-template-columns: repeat(3, 1fr); gap: 30px; }
	.enterprise_list .item_box .img_area { height: 110px; }
	.enterprise_list .item_box .title_area { height: 55px; }
	.page_BLOCK29 .img-flex { flex-direction: column; align-items: start; }
	.page_BLOCK29 .img-flex > div { width: 100% !important; }

	/* 지식재산 플랫폼 */
	.page_BLOCK39 .cm_step2,
	.page_BLOCK45 .cm_step2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; }
	.page_BLOCK39 .cm_step2 .step_item,
	.page_BLOCK45 .cm_step2 .step_item { width: 100%; text-align: center; }
	.page_BLOCK39 .cm_step2 .step_item ~ .step_item .num:before,
	.page_BLOCK45 .cm_step2 .step_item ~ .step_item .num:before { display: none; }
}
@media screen and (max-width:768px) {

	/* **************************************************************************************** *
	* Header
	* **************************************************************************************** */
	.header .logo { width: 27rem; }
	.header .header_util { gap: 1rem; }

	/* **************************************************************************************** *
	 * main
	 * **************************************************************************************** */

	/**************************** section vision ****************************/
	.section_vision { padding-top: 8rem; padding-bottom: 9rem; }
	.section_vision .title_area { flex-direction: column; gap: 2rem; }
	.section_vision .title_area .title { width: 100%; }
	.section_vision .visions_list .vision_item { width: 100%; }
	.section_vision .vision_box { height: auto; padding: 2rem 2.5rem; gap: 2rem; clip-path: polygon(90% 0, 100% 25%, 100% 100%, 0 100%, 0 0); }
	.section_vision .vision_box .vision_title { margin-bottom: 0.5rem; }
	.section_vision .vision_item:nth-child(1) .vision_icon { width: 6rem; height: 3.5rem; }

	/**************************** section board ****************************/
	.section_board { padding-top: 6rem; padding-bottom: 8rem; }

	/**************************** section quick ****************************/
	.section_quick { padding-top: 7rem; padding-bottom: 8rem; }
	.section_quick .quick_items_list { display: block; }
	.section_quick .quick_item { margin-bottom: 1rem; transform: translate(0, 0); opacity: 1; }
	.section_quick .quick_items_list .quick_item:nth-child(odd),
	.section_quick .quick_items_list .quick_item:nth-child(odd).action { transform: translate(0, 0); }
	.section_quick .quick_item:last-child { margin-bottom: 0; }
	.section_quick .quick_item .quick_link { height: auto; padding: 3rem; }
	.section_quick .quick_item .quick_icon { display: none; }
	.section_quick .quick_item .quick_title .title { font-size: 2.3rem; }
	.section_quick .quick_item .cm_icon.icon_more1_wt { top: 50%; transform: translateY(-50%); }

	/**************************** section activity ****************************/
	.section_activities { padding-top: 6rem; padding-bottom: 8rem; }
	.section_activities .bg_text { font-size: 10.5rem; }
	.section_activities .main_activities_content { padding-top: 100%; }
	.section_activities .main_activities_content .activity_img { padding-top: 100%; }
	.section_activities .main_activities_content .activity_img .img { clip-path: polygon(100% 0, 100% 75%, 68% 100%, 0 100%, 0 0); }
	.sub_page_head .sub_page_title { font-size: 3.6rem; }

	/**************************** 사업안내 ****************************/

	/* 지원프로그램 */
	.page_BLOCK9 .cont_box { display: block; }
	.page_BLOCK9 .cont_box .step_item ~ .step_item { margin-top: 4rem; }
	.page_BLOCK9 .cont_box .step_item ~ .step_item:after { top: -3.5rem; left: 50%; transform: translate(-50%, 0) rotate(90deg); }
	.page_BLOCK9 .cont_box .cm_box ~ .cm_box { margin-top: 2rem; }
	.page_BLOCK9 .cm_overview1 > .ov_item { display: block; }
	.page_BLOCK9 .cm_overview1 > .ov_item > .item_desc { width: 100%; }
	.page_BLOCK9 .cont_box.type2 .step_item.add:after { top: -3.2rem; left: 50%; width: 20px; height: 20px; transform: translate(-50%, 0) rotate(90deg); }

	/**************************** 교육 및 행사 ****************************/

	/* 교육 프로그램 */
	.page_BLOCK12 .intro_area:after { height: 80%; }
	.page_BLOCK12 .intro_area .text_area h6 { margin-bottom: 3rem; }
	.page_BLOCK12 .intro_area .text_area .cm_overview3 { display: block; }
	.page_BLOCK12 .intro_area .text_area .cm_overview3 > div { width: 100%; }

	/**************************** 센터소개 ****************************/

	/* 시설안내 */
	.page_BLOCK37 .page_top_area .cm_box { display: block; padding: 2rem; padding-bottom: 3.5rem; text-align: center; }
	.page_BLOCK37 .page_top_area .cm_box .title { justify-content: center; margin-top: 2rem; font-size: 2.2rem; }
	.page_BLOCK37 .page_top_area .cm_box .title .icon { margin-top: 0.6rem; }
	.page_BLOCK37 .page_top_area .cm_box .desc { font-size: 1.8rem; }
	.page_BLOCK37 .page_content_item.row_item_wrap { gap: 2rem; }
	.page_BLOCK37 .page_content_item .cm_box.box5 { padding: 2rem; gap: 2rem; }

	/* 비전 및 목표 */
	.master_plan .master_sum { margin-top: 60px; }
	.master_plan .master_sum .sum_box { padding-right: 25px; padding-left: 25px; }
	.master_plan .master_sum .sum_box .sum_title { top: -23px; min-height: 46px; padding: 7px 20px; font-size: 15px; }
	.master_plan .master_sum .sum_future { padding-right: 0; }
	.master_plan .master_sum .sum_future .sum_cont { padding: 50px 0 35px; padding-right: 25px; }
	.master_plan .master_sum .sum_future .item_box { margin-top: 0 !important; font-size: 15px; }
	.master_plan .master_sum .sum_special .sum_cont { padding: 50px 0 35px; }
	.master_plan .master_sum .sum_special .item_box .item_img { height: 70px; }
	.master_plan .master_sum .sum_special .item_box .item_text { font-size: 15px; }
	.master_plan .master_sum .sum_special .item_wrap { margin-left: 15px; }
	.master_plan .master_vision .vision_box { display: block; }
	.master_plan .master_vision .vision_box .vision_title { min-width: 0; min-height: 50px; margin-bottom: 20px; border-radius: 5px; }
	.master_plan .master_vision .vision_box .vision_cont { margin-left: 0; }
	.master_plan .master_vision .vision_box1 .vision_cont { min-height: 80px; padding: 25px; font-size: 16px; }
	.master_plan .master_vision .vision_box2 .vision_item { min-height: 75px; padding: 15px 25px; }
	.master_plan .master_vision .vision_box2 .vision_item:after { top: -15px; left: 10px; width: 30px; height: 30px; margin-top: 0; }

	/* 오시는길 */
	.location_page .detail_info_wrap .detail_info_item dl { display: block; }
	.location_way .way_box { padding: 3rem 2rem; gap: 3rem; }
	.location_way .way_box .icon_wrap { width: 13rem; }
	.location_way .way_box .icon_wrap .icon { width: 7.5rem; height: 7.5rem; }
	.location_way .way_box .icon_wrap p { font-size: 1.7rem; }

	/**************************** 인프라 지원 ****************************/

	/* 입주기업 안내 */
	.enterprise_list { grid-template-columns: repeat(2, 1fr); gap: 25px; }
	.enterprise_list .item_box .img_area { height: 100px; }
}
@media screen and (max-width:480px) {

	/**************************** 센터소개 ****************************/

	/* 비전 및 목표 */
	.master_plan .master_sum .sum_future .sum_cont { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }

	/* 시설 */
	.page_BLOCK37 .page_top_area .cm_box .title { justify-content: start; }
	.page_BLOCK37 .page_top_area .cm_box .text_area { text-align: left; }
}