@charset "UTF-8";
/****************************************/
/*  Name : 인천 스타트업파크 실증맵
/*  PART : style
/****************************************/

/* layout */
#wrap { display: flex; align-items: flex-start; width: 100vw; height: 100vh; overflow: hidden; }
.inner { padding: 0 3rem; }

/* header */
.header { position: relative; flex-shrink: 0; display: flex; flex-direction: column; width: 339px; height: 100vh; border-right: 1px solid #ddd; z-index: 100; transform: translateX(-100%); transition: transform 0.2s; }
.header .btn_sidebar { position: absolute; top: 50%; left: 100%; width: 3rem; height: 7rem; margin-top: -3.5rem; font-size: 0; background: #fff url(../../images/common/icon_side_open.svg) no-repeat center / contain; border: 1px solid #ddd; border-left: 1px solid #fff; border-radius: 0 5px 5px 0; }

.header_top { flex-shrink: 0; padding: 3rem 0; text-align: center; }
.header_top .logo { width: 80%; max-width: 190px; margin: 0 auto; }
.header_top .logo > a { display: block; }

.header_search { flex-shrink: 0; padding-bottom: 3rem; }
.header_search .search_box { display: flex; }
.header_search .search_box .input_box { position: relative; width: 100%; }
.header_search .search_box .form_control { padding-right: 4rem; border: 2px solid var(--cm_color1); }
.header_search .search_box .btn_reset { position: absolute; top: 50%; right: 1.2rem; width: 1.7rem; height: 1.7rem; margin-top: -.85rem; font-size: 0; background: url(../../images/common/icon_close02.svg) no-repeat center / contain; }
.header_search .search_box .btn_search { flex-shrink: 0; display: flex; width: 4.5rem; height: 4.5rem; margin-left: 10px; font-size: 0; background: var(--cm_color1) url(../../images/common/icon_search01.svg) no-repeat center / 1.9rem; border-radius: 5px; }
.header_search .category_box { position: absolute; left: 100%; top: 0; max-width: calc(100vw - 12rem); padding: 3rem; transition: width 0.2s; }
.header_search .category_box2 { display: inline-flex; vertical-align: baseline; padding: 1.5rem 2.5rem; margin-top: 1.5rem; background-color: #fff; border: 1px solid #aaa; border-radius: 5px; }
.header_search .category_box2 .form_check_area { flex-wrap: nowrap; }
.header_search .category_box2 .form_label { white-space: nowrap; }
.header_search .btn_search_toggle { display: none; }

.header_search_list { display: flex; flex-direction: column; height: calc(100% - 10rem - 7.5rem); }
.header_search_list .search_title { flex-shrink: 0; }
.header_search_list .search_list { height: 100%; padding-bottom: 3rem; overflow: hidden; overflow-y: scroll; }
.header_search_list .btn_list_toggle { display: none; }

.viewSide .header { transform: translateX(0); }
.viewSide .header .btn_sidebar { background: #fff url(../../images/common/icon_side_close.svg) no-repeat center / contain; }
.viewSide .header_search .category_box { max-width: calc(100vw - 339px - 12rem); }

/* container */
.container { width: 100vw; height: 100vh; flex-shrink: 0; transform: translateX(-339px); transition: width 0.2s, transform 0.2s; }

.viewSide .container { width: calc(100vw - 339px); transform: translateX(0); }

/* map */
.map_area { position: relative; width: 100vw; height: 100vh; overflow: hidden; transition: width 0.2s, height 0.2s; z-index: 1; }
.map_area .map { width: 100% !important; height: 100% !important; }
.map_area .map_option { position: fixed; top: 50%; right: 3rem; display: flex; flex-direction: column; margin-top: -6rem; background-color: #fff; border: 1px solid #aaa; border-radius: 5px; overflow: hidden; z-index: 10; }
.map_area .map_option .btn_map { display: flex; align-items: center; width: 3.8rem; height: 4rem; font-size: 0; background-repeat: no-repeat; background-size: contain; background-position: center; border-bottom: 1px solid #aaa; }
.map_area .map_option .btn_map:last-child { border-bottom: 0; }
.map_area .map_option .btn_map.btn_map_focus { background-image: url(../../images/common/map_zoom_focus.svg); }
.map_area .map_option .btn_map.btn_map_zoomin { background-image: url(../../images/common/map_zoom_in.svg); }
.map_area .map_option .btn_map.btn_map_zoomout { background-image: url(../../images/common/map_zoom_out.svg); }
.map_area .map_marker { position: absolute; display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; margin-left: -3.5rem; margin-top: -3.5rem; z-index: 1; }
.map_area .map_marker > * { position: absolute; }
.map_area .map_marker .map_counter { position: relative; width: 100%; height: 100%; border-radius: 100%; z-index: 5; }
.map_area .map_marker .map_counter > span { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 2.2rem; font-weight: 700; text-align: center; color: var(--cm_color1); background-color: #fff; border: 2px solid var(--cm_color1); border-radius: 100%; z-index: 2; }
.map_area .map_marker .map_counter:before { content: ""; position: absolute; top: -2.5rem; left: -2.5rem; width: 5.6rem; height: 5.6rem; background: url(../../images/common/icon_tryout.svg) no-repeat center / contain; border: 3px solid #fff; border-radius: 100%; z-index: 3; }
.map_area .map_marker .map_company { position: relative; width: 5.6rem; height: 5.6rem; border: 3px solid #fff; border-radius: 100%; }
.map_area .map_marker .map_company > span img { width: 100%; height: 100%; }
.map_area .map_marker .map_company > .logo_box { position: absolute; bottom: calc(100% + 1rem); left: 50%; display: flex; align-items: center; justify-content: center; width: 14.5rem; height: 5.5rem; margin-left: -7.25rem; padding: 1.2rem 1.5rem; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }
.map_area .map_marker .map_company > .logo_box > img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.map_area .map_marker .map_company > .logo_box:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 1rem; height: 1rem; margin-left: -.5rem; margin-bottom: -0.6rem; background-color: #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(45deg); }
.map_area .map_marker.active .map_counter:after { content: ""; position: absolute; top: -25px; right: -25px; bottom: -25px; left: -25px; background-color: #661e9e; opacity: 0.3; border-radius: 100%; z-index: -1; transform: scale(0.5); animation: scaleFade 2s linear infinite; }
.map_area .map_marker.active .icon-coop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.map_area .map_marker.active .icon-coop:after { content: ""; position: absolute; top: -25px; right: -25px; bottom: -25px; left: -25px; background-color: #661e9e; opacity: 0.3; border-radius: 100%; z-index: -1; transform: scale(0.5); animation: scaleFade 2s linear infinite; }

/* 실증자원·사례 모달 */
.viewList_modal .modal_contents { height: calc(100vh - 10rem); }

.resource_box { word-break: keep-all; }
.resource_box + .resource_box { margin-top: 3rem; }
.resource_box .resource_cont { margin-top: 1rem; }
.resource_box .resource_list { display: flex; flex-wrap: wrap; gap: 1rem; }
.resource_box .resource_list .list_item { width: 100%; }
.resource_box .resource_list .item_head { position: relative; display: flex; align-items: center; min-height: 5.8rem; padding: 1.5rem 2rem; padding-right: 5rem; font-size: 1.5rem; line-height: 1.5; background-color: #f8f5fa; border: 1px solid #e1d8e7; border-radius: 5px; }
.resource_box .resource_list .item_head:after { content: ''; position: absolute; top: 2.5rem; right: 2rem; width: 1.2rem; height: .7rem; background: url(../../images/common/icon_arr02.svg) no-repeat center / contain; }
.resource_box .resource_list .list_item:hover .item_head:before,
.resource_box .resource_list .list_item.active .item_head:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 2px solid var(--cm_color1); border-radius: inherit; }
.resource_box .resource_list .list_item.active .item_head:after { background: url(../../images/common/icon_arr01.svg) no-repeat center / contain; }
.resource_box .resource_list .item_body { padding: 2rem 0; display: none; }
.resource_box .item_title { position: relative; margin-bottom: 2rem; padding-right: 4rem; font-size: 2rem; font-weight: 500; }
.resource_box .item_title .btn_home { position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; font-size: 0; background: #f8f5fa url(../../images/common/icon_home.svg) no-repeat center / 1.4rem; border: 1px solid #e1d8e7; border-radius: 3px; }
.resource_box .item_slide { position: relative; margin-bottom: 2rem; overflow: hidden; }
.resource_box .item_slide .item_label { position: absolute; top: 1rem; left: 1rem; right: 1rem; z-index: 2; }
.resource_box .item_slide .swiper-slide { position: relative; background-color: #eee; z-index: 1; }
.resource_box .item_slide .swiper-slide:after { content: ''; display: block; width: 100%; padding-top: 66.67%; }
.resource_box .item_slide .swiper-slide .item_thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.resource_box .item_slide .swiper-btn-wrap { position: absolute; right: 1rem; bottom: 1rem; z-index: 2; }
.resource_box .item_slide .swiper-btn-wrap .swiper-pagination { position: static; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 6rem; min-height: 3rem; padding: .5rem 1rem; text-align: center; color: #fff; font-size: 1.4rem; background-color: #444; border-radius: 100px; }
.resource_box .item_slide .swiper-btn-wrap .swiper-pagination > span { padding: 0 .2rem; }
.resource_box .item_info { display: flex; flex-direction: column; gap: 0.7rem; margin-bottom: 1rem; }
.resource_box .item_info > dl { display: flex; font-size: 1.5rem; }
.resource_box .item_info > dl dt { flex-shrink: 0; margin-right: 1rem; margin-top: .1rem; }
.resource_box .item_info > dl dd { width: 100%; }
.resource_box .item_info > dl.type2 dt { margin-top: .6rem; }
.resource_box .item_desc { margin-bottom: 1rem; font-size: 1.5rem; color: #555; line-height: 1.6; }
.resource_box .item_instance { margin-top: 2rem; }
.resource_box .item_instance .inst_title { margin-bottom: 1rem; font-size: 1.5rem; font-weight: 500; }
.resource_box .item_instance .inst_box { display: block; padding: 1.5rem 2rem; font-size: 1.4rem; line-height: 1.6; background-color: #fff; border: 1px solid #e1d8e7; border-radius: 3px; }
.resource_box .item_instance .inst_box + .inst_box { margin-top: 1rem; }
.resource_box .item_instance .inst_box .cm_color { font-weight: 700; }
.resource_box .item_instance .inst_box:hover { text-decoration: underline; }
.resource_box .item_instance .inst_box.active { padding: 1.3rem 1.8rem; border: 3px solid #661e9e; }
.resource_box .item_instance.type2 .inst_box { background-color: #f8f5fa; border: 1px solid #e9e3ed; }
.resource_box .item_instance.type2 .inst_box.active { padding: 1.3rem 1.8rem; border: 3px solid #661e9e; }
.resource_box .item_media { position: relative; margin-top: 2rem; }
.resource_box .item_media:after { content: ''; display: block; width: 100%; padding-top: 66.67%; }
.resource_box .item_media > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.resource_box .item_slide.type2 { border: 1px solid #ddd; }
.resource_box .item_slide.type2 .swiper-slide { display: flex; align-items: center; justify-content: center; background-color: #fff; }
.resource_box .item_slide.type2 .swiper-slide:after { padding-top: 43.284%; }
.resource_box .item_slide.type2 .swiper-slide .thumb_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.5rem; display: flex; align-items: center; justify-content: center; background-color: transparent; }
.resource_box .item_slide.type2 .swiper-slide .item_thumb { position: static; width: auto !important; height: auto !important; max-width: 75%; max-height: 50%; }

/* chatbot */
.chat_floating { position: absolute; right: 3rem; top: 3rem; z-index: 199; }
.chat_floating .btn_floating { display: block; width: 100%; height: 100%; }
.chat_floating .btn_floating:before { content: ''; display: block; width: 9.4rem; height: 12rem; background: url(../../images/chat/chatbot.svg) no-repeat center / contain; }

.wrap_chat { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 201; }
.wrap_chat.active { display: block; }
.wrap_chat .inner_chat { display: flex; flex-direction: column; position: absolute; top: 1rem; right: 1rem; width: calc(100% - 2rem); max-width: 55rem; height: calc(100vh - 2rem); overflow: hidden; border-radius: 20px; background-color: #eff0f4; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3); }
.wrap_chat .inner_chat .head_chat { display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; height: 6rem; font-weight: 500; font-size: 2rem; border-bottom: 1px solid #ddd; background-color: #fff; }
.wrap_chat .inner_chat .head_chat .btn_close_chat { position: absolute; top: 50%; right: 3rem; width: 2rem; height: 2rem; margin-top: -1rem; font-size: 0; background: url(../../images/chat/icon_close02.svg) no-repeat center / contain; }

.wrap_chat .inner_chat .body_chat { display: flex; flex-direction: column; height: calc(100% - 18rem); }
.wrap_chat .inner_chat .body_chat .message_area { height: 100%; padding: 3rem; overflow: hidden; overflow-y: auto; word-break: keep-all; }
.wrap_chat .inner_chat .body_chat .message_area .message_box { position: relative; padding-right: 7.5rem; line-height: 1.5; }
.wrap_chat .inner_chat .body_chat .message_area .message_box + .message_box { margin-top: 2rem; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .chat_avatar { display: flex; align-items: center; margin-bottom: 1.5rem; color: var(--cm_color1); font-weight: 600; font-size: 15px; line-height: 1; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_bubble { position: relative; padding: 1.5rem 2rem; border: 1px solid #ddd; border-radius: 0 20px 20px 20px; background-color: #fff; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_bubble .message_date { position: absolute; bottom: .5rem; left: calc(100% + 1rem); color: #666; font-size: 1.5rem; letter-spacing: 0; white-space: nowrap; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_bubble .message_btn { display: flex; width: 100%; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_bubble * ~ .message_btn { margin-top: 1.2rem; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_bubble .message_btn .cm_btn { width: 100%; min-height: 4.5rem; color: var(--cm_color1); border-color: #e3defa; background-color: #e3defa; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_select { display: flex; flex-wrap: wrap; margin: 0 -.5rem; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_select .btn_select { display: flex; align-items: center; height: 4.5rem; margin: 0 .5rem; margin-top: 1rem; padding: 1.5rem 2rem; line-height: 1.2; border: 1px solid #ddd; border-radius: 10px; background-color: #fff; transition: color 0.2s, border-color 0.2s; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_select .btn_select:before { content: ''; display: block; width: 1.2rem; height: .9rem; margin-right: 1rem; background: url(../../images/chat/icon_check05.svg) no-repeat center  / contain; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_select .btn_select:hover { border-color: var(--cm_color1); color: var(--cm_color1); }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_select .btn_select:hover:before { background-image: url(../../images/chat/icon_check06.svg); }
.wrap_chat .inner_chat .body_chat .message_area .message_box.user { display: flex; flex-direction: column; align-items: flex-end; padding-right: 0; padding-left: 7.5rem; }
.wrap_chat .inner_chat .body_chat .message_area .message_box.user .message_bubble { color: #fff; border-radius: 2rem 0 2rem 2rem; border-color: #697189; background-color: #697189; }
.wrap_chat .inner_chat .body_chat .message_area .message_box.user .message_bubble .message_date { right: calc(100% + 1rem); left: auto; }

.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text ul,
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text ol { list-style: auto; margin: initial; margin-bottom: 7px; padding: revert; padding-left: 15px; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text p { margin: 0px 0px 4px 0px; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text strong {font-weight: revert; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text h1,
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text h2,
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text h3 { font-size: initial; font-weight: revert; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text table * { border: 1px solid #e2e2e2; }
.wrap_chat .inner_chat .body_chat .message_area .message_box .message_text table thead { font-weight: 500; }

.wrap_chat .inner_chat .footer_chat .input_area { position: relative; flex-shrink: 0; padding: 2rem; padding-bottom: 0; }
.wrap_chat .inner_chat .footer_chat .input_area .chat_input { width: 100%; height: 6rem; padding: 1rem 3rem; padding-right: 8rem; font-size: 1.8rem; border: 1px solid #ddd; border-radius: 100px; background-color: #fff; }
.wrap_chat .inner_chat .footer_chat .input_area .chat_btn { position: absolute; top: 3rem; right: 5rem; width: 4rem; height: 4rem; font-size: 0; border-radius: 100%; background: #652a99 url(../../images/chat/transfer.svg) no-repeat center / contain; }
.wrap_chat .inner_chat .footer_chat .warn {display: flex; justify-content: center; padding: 1rem 0; padding-bottom: 2.5rem; }

/* loader */
.wrap_chat .inner_chat .loader_chat { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; }
.wrap_chat .inner_chat .loader_chat .loader {
	width: 45px; aspect-ratio: .75;
	--a: no-repeat linear-gradient(#b655ff 0 0);
    --b: no-repeat linear-gradient(#661e9e 0 0);
    --c: no-repeat linear-gradient(#3d0766 0 0); 
	background: var(--a) 0%   100%, var(--b) 50%  100%, var(--c) 100% 100%; 
	background-size: 20% 65%; 
	animation: l5 1s infinite linear;
}
@keyframes l5 {
	20% { background-position: 0% 50%, 50% 100%, 100% 100%; }
	40% { background-position: 0% 0%, 50% 50%, 100% 100%; }
	60% { background-position: 0% 100%, 50% 0%, 100% 50%; }
	80% { background-position: 0% 100%, 50% 100%, 100% 0%; }
}

@media screen and (max-width: 1279px) {
	/* layout */
	#wrap { flex-direction: column; }
	.inner { padding: 0 2rem; }

	/* header */
	.header { width: 100vw; height: auto; border-right: 0; transform: translateX(0); transition: none !important; transform: none !important; }
	.header .btn_sidebar { display: none; }

	.header_top { position: absolute; top: 0; left: 0; width: 100%; padding: 1.5rem 2rem; background-color: #fff; z-index: 1; }
	.header_top .inner { padding: 0; }
	.header_top .logo { width: 16rem; margin: 0; }

	.header_search { flex-shrink: 0; position: absolute; top: calc(100% + 6.4rem + 1.5rem); left: 0; width: 100%; padding-bottom: 2rem; }
	.header_search .search_box .form_control { height: 50px; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1); }
	.header_search .search_box .btn_search { width: 50px; height: 50px; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1); }
	.header_search .category_box { position: static; display: flex; align-items: center; width: 100%; max-width: 100%; margin-top: 1.5rem; padding: 0; }
	.header_search .category_box1 { flex-shrink: 0; margin-right: 1.5rem; }
	.header_search .category_box1 .cm_tab.tab1 .tab_list { background-color: transparent; border: 0; padding: 0; }
	.header_search .category_box1 .cm_tab.tab1 .tab_list > li > a { box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1); }
	.header_search .category_box2 { margin: 0; padding: 0; background-color: transparent; border: 0; transition: none !important; }
	.header_search .category_box2 .form_check_area { gap: 0.5rem;  margin: 0 -2rem; padding: 0 2rem; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; }
	.header_search .category_box2 .form_check_area > li { flex-shrink: 0; padding: 0; }
	.header_search .category_box2 .form_check.check1 input + .form_label { height: 3.8rem; padding: .5rem 1.5rem; background-color: #fff; border-radius: 100px; border: 1px solid #ddd; }
	.header_search .category_box2 .form_check.check1 input + .form_label { height: 3.8rem; padding: .5rem 1.5rem; background-color: #fff; border-radius: 100px; border: 1px solid #ddd; }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label { color: #fff; background-color: var(--cm_color1); border-color: var(--cm_color1); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon:before { transition: none !important; }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate1:before { background-image: url(../../images/common/icon_cate01_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate2:before { background-image: url(../../images/common/icon_cate02_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate3:before { background-image: url(../../images/common/icon_cate03_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate4:before { background-image: url(../../images/common/icon_cate04_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate5:before { background-image: url(../../images/common/icon_cate05_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate6:before { background-image: url(../../images/common/icon_cate06_wh.svg); }
	.header_search .category_box2 .form_check.check1 input:checked + .form_label .cm_icon.icon_cate7:before { background-image: url(../../images/common/icon_cate07_wh.svg); }
	.header_search .category_box2 .form_check.check1 input + .form_label:before { display: none; }

	.header_search_list { position: fixed; bottom: 0; left: 0; right: 0; height: 50vh; background-color: #fff; border-top: 1px solid #ddd; border-radius: 10px 10px 0 0; transform: translateY(100%); transition: transform 0.2s; }
	.header_search_list .search_title { flex-shrink: 0; padding: 2rem 0; }
	.header_search_list .search_title .cm_title.title1 { margin: 0; font-size: 1.9rem; }
	.header_search_list .search_list { height: 100%; padding-bottom: 2rem; overflow: hidden; overflow-y: scroll; }
	.header_search_list .search_list .cm_list.list1 .list_body { gap: 3rem; }
	.header_search_list .search_list .cm_list.list1 .list_item { width: calc((100% - 3rem) / 2); padding: 0; border: 0; }
	.header_search_list .search_list .cm_list.list1 .list_item .thumb_area .thumb_box:after { display: block; padding-top: 66.67%; }
	.header_search_list .search_list .cm_list.list1 .list_item .thumb_area .thumb_box .item_thumb { position: absolute; height: 100% !important; object-fit: contain; }
	.header_search_list .search_list .cm_list.list1.type2 .list_item .thumb_area .thumb_box:after { display: none; }
	.header_search_list .search_list .cm_list.list1.type2 .list_item .thumb_area .thumb_box .item_thumb { position: static; height: auto !important; object-fit: unset; }
	.header_search_list .btn_list_toggle { display: block; position: absolute; bottom: 100%; left: 50%; width: 7.4rem; height: 3.2rem; margin-left: -3.7rem; font-size: 0; background: #fff url(../../images/common/icon_arr07.svg) no-repeat center / contain; border: 1px solid #ddd; border-bottom: 1px solid #fff; border-radius: 5px 5px 0 0; }

	.viewSide .header { transform: translateX(0); }
	.viewSide .header_search .category_box { width: 100%; max-width: 100%; }
	.viewSide .header_search_list { transform: translateY(0); }
	.viewSide .header_search_list .btn_list_toggle { background: #fff url(../../images/common/icon_arr08.svg) no-repeat center / contain; }

	/* container */
	.container { height: 100vh; transform: none !important; transition: none !important; }
	.viewSide .container { width: 100vw; }

	/* map */
	.map_area { height: 100%; }
	.map_area .map { width: 100% !important; height: 100% !important; }
	.map_area .map_option { top: auto; right: auto; left: 2rem; bottom: calc(2rem); margin-top: 0; transition: bottom 0.2s; }
	.map_area .map_option .btn_map.btn_map_focus { border-bottom: 0; }
	.map_area .map_option .btn_map.btn_map_zoomin,
	.map_area .map_option .btn_map.btn_map_zoomout { display: none; }
	
	.viewSide .map_area .map_option { bottom: calc(50vh + 2rem); }

	/* chatbot */
	.chat_floating { top: auto; bottom: 2rem; }
	.chat_floating .btn_floating:before { width: calc(9.4rem * 0.8); height: calc(12rem * 0.8); }
}

@media screen and (max-width: 1023px) {
	/* 실증자원·사례 모달 */
	.viewList_modal .modal_contents { height: 100vh; }
}

@media screen and (max-width: 768px) {
	/* header */
	.header_search .search_box .form_control { height: 45px; }
	.header_search .search_box .btn_search { width: 45px; height: 45px; }
	.header_search .category_box { display: block; }
	.header_search .category_box1 { margin: 0; }
	.header_search .category_box2 { width: 100%; }
	.header_search .category_box2 .form_check_area { gap: 0.5rem; margin: 0 -2rem; margin-top: 1.5rem; padding: 0 2rem; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; }
	.header_search .category_box2 .form_check_area > li { flex-shrink: 0; padding: 0; }
	
	.header_search_list .search_list .cm_list.list1 .list_body { gap: 0; }
	.header_search_list .search_list .cm_list.list1 .list_item { width: 100%; padding: 3rem 0; border-bottom: 1px solid #ddd; }
	.header_search_list .search_list .cm_list.list1 .list_item:first-child { padding-top: 0; }
	.header_search_list .search_list .cm_list.list1 .list_item:last-child { padding-bottom: 0; border-bottom: 0; }
	.header_search_list .search_list .cm_list.list1 .list_item .thumb_area .thumb_box:after { display: none; padding-top: 66.67%; }
	.header_search_list .search_list .cm_list.list1 .list_item .thumb_area .thumb_box .item_thumb { position: static; height: auto !important; object-fit: unset; }
}


@media screen and (max-width: 480px) {
	
}