@charset "UTF-8";
body.header_open { overflow: hidden; }

/* header */
.header .search_list { display: none; padding-top: 1rem; }
.header .search_list ul { padding: 2rem; border: 1px solid #cecece; border-radius: var(--border_radius10); background-color: #fff; }
.header .search_list ul > li { margin-bottom: 1rem; }
.header .search_list ul > li:last-child { margin-bottom: 0; }
.header .search_list .search_list_btn { display: block; width: 100%; color: #222; text-align: left; }
.header .search_list .search_list_btn span { display: inline-block; width: 3rem; height: 3rem; margin-right: 1.5rem; border-radius: var(--border_radius5); background-color: #ece9f3; color: var(--color4); font-weight: bold; font-size: var(--font_size15); line-height: 3rem; text-align: center; }
.header .search_list .search_list_btn span.rank { background-color: var(--color4); color: #fff; }

/* footer */
.footer .footer_links_area { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: 2.5rem; border-bottom: 1px solid #ddd; }
.footer .footer_menu_list { display: flex; flex-wrap: wrap; margin: 0 -2rem; }
.footer .footer_menu_list > li { position: relative; padding: 0 2rem; color: #444; }
.footer .footer_menu_list > li:before { position: absolute; top: 50%; right: 0; width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; border-radius: 1000px; background-color: #ccc; content: ""; }
.footer .footer_menu_list > li:last-child:before { display: none; }
.footer .footer_links2 { display: flex; flex-wrap: wrap; align-items: center; }
.footer .footer_sns_list { display: flex; margin: 0 -0.5rem; margin-right: 3rem; }
.footer .footer_sns_list > li { padding: 0 0.5rem; }
.footer .footer_sns_list > li > a { display: block; width: 3.5rem; height: 3.5rem; overflow: hidden; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; opacity: 0.6; }
.footer .footer_sns_list > li.list1 > a { background-image: url(../../images/common/icon_sns_facebook.svg); background-size: 0.8rem; }
.footer .footer_sns_list > li.list2 > a { background-image: url(../../images/common/icon_sns_blog.svg); background-size: 1.2rem; }
.footer .footer_sns_list > li.list3 > a { background-image: url(../../images/common/icon_sns_instagram.svg); background-size: 1.6rem; }
.footer .footer_sns_list > li.list4 > a { background-image: url(../../images/common/icon_sns_youtube.svg); background-size: 2.1rem; }
.footer .footer_sns_list > li.list5 > a { background-image: url(../../images/common/icon_sns_ch.svg); background-size: 2rem; }
.footer .footer_sns_list > li > a:hover { opacity: 1; }
.footer .footer_familysite { position: relative; }
.footer .footer_familysite_title { display: flex; align-items: center; width: 21rem; height: 5rem; padding: 0 1.8rem; border: 1px solid #ddd; border-radius: var(--border_radius5); font: inherit; }
.footer .footer_familysite_title:after { display: block; position: absolute; top: 50%; right: 1.8rem; width: 1.2rem; height: 0.6rem; margin-top: -0.3rem; background: url(../../images/common/icon_arr_bottom1.svg) no-repeat center/contain; content: ""; }
.footer .footer_familysite_options { visibility: hidden; z-index: 1; position: absolute; right: 0; bottom: calc(100% + 0.5rem); left: 0; width: 100%; padding: 1.5rem 1.8rem; border: 1px solid #ddd; border-radius: var(--border_radius5); background-color: #fff; opacity: 0; }
.footer .footer_familysite_options a { display: block; margin-bottom: 1rem; }
.footer .footer_familysite_options a:last-child { margin-bottom: 0; }
.footer .footer_familysite_options a:hover,
.footer .footer_familysite_options a:focus { text-decoration: underline; }
.footer .footer_familysite_options_scroll { max-height: 20rem; overflow: auto; }
.footer .footer_familysite.opened .footer_familysite_title:after { background-image: url(../../images/common/icon_arr_top1.svg); }
.footer .footer_familysite.opened .footer_familysite_options { visibility: visible; opacity: 1; pointer-events: all; }
.footer .footer_info { position: relative; padding: 5rem 0 8.5rem 0; padding-right: 34.5rem; }
.footer .footer_logo { margin-bottom: 3.5rem; }
.footer .footer_logo a { display: block; width: 19.2rem; height: 3.3rem; overflow: hidden; background: url(../../images/common/logo2.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
.footer .footer_address { margin-bottom: 1rem; font-size: var(--font_size15); }
.footer .footer_info_list { display: flex; flex-wrap: wrap; margin: -0.25rem -0.7rem; margin-bottom: 2.3rem; color: #444; font-size: var(--font_size15); }
.footer .footer_info_list > li { padding: 0.25rem 0.7rem; }
.footer .footer_inquiry { position: absolute; top: 4.3rem; right: 0; }
.footer .footer_inquiry_title { display: inline-block; margin-bottom: 1.7rem; color: var(--color1); font-weight: bold; }
.footer .footer_inquiry_title span { position: relative; padding-right: 1.7rem; }
.footer .footer_inquiry_title span:before { display: block; position: absolute; top: 50%; right: 0; width: 0.8rem; height: 1.2rem; margin-top: -0.6rem; background: url(../../images/common/icon_arrow_right.png) no-repeat center/contain; content: ""; }
.footer .footer_inquiry_list { width: 33rem; }
.footer .footer_inquiry_list dl { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.5rem; }
.footer .footer_inquiry_list dl:last-child { margin-bottom: 0; }
.footer .footer_inquiry_list dt { color: #444; font-size: var(--font_size15); }
.footer .footer_inquiry_list dd { color: #222; font-weight: 500; }
.footer .footer_home_copy { color: #666; font-size: var(--font_size14); letter-spacing: normal; }
.footer .top_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 6.5rem; background-color: var(--color1); color: #fff; }
.footer .top_btn span { position: relative; padding-right: 2rem; }
.footer .top_btn span:before { display: block; position: absolute; top: 50%; right: 0; width: 1.2rem; height: 0.6rem; margin-top: -0.3rem; background: url(../../images/common/icon_arr_top3.svg) no-repeat center/contain; content: ""; }

/* layout */
.content_body { margin-top: 18.7rem; padding: 3rem 0; padding-bottom: 10.5rem; }
.sub_page_head .sub_page_head_nav { margin-bottom: 3.5rem; }
.sub_page_head .sub_page_head_nav ul { display: flex; flex-wrap: wrap; align-items: center; margin: -0.5rem -1.5rem; }
.sub_page_head .sub_page_head_nav ul > li { position: relative; margin-right: 0.5rem; padding: 0.5rem 1.5rem; padding-right: 2rem; }
.sub_page_head .sub_page_head_nav ul > li:before { position: absolute; top: 50%; right: -0.3rem; width: 0.6rem; height: 1rem; margin-top: -0.4rem; background: url(../../images/common/icon_arr_right4.svg) no-repeat center/contain; content: ""; }
.sub_page_head .sub_page_head_nav ul > li:last-child:before { display: none; }
.sub_page_head .sub_page_head_nav ul > li.home:before { width: 1px; height: 2rem; margin-top: -0.9rem; background: none; background-color: #d5d5d5; }
.sub_page_head .sub_page_head_nav ul > li.home span { display: block; width: 1.5rem; height: 1.5rem; overflow: hidden; background: url(../../images/common/icon_home.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
.sub_page_head .sub_page_head_title_wrap { margin-bottom: 2.5rem; }
.sub_page_head .sub_page_head_title { font-weight: bold; font-size: var(--font_size40); }

/* 메인 */
.main_page .item_box1 { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 9rem; }
.main_page .item_box2 .container { display: flex; flex-wrap: wrap; }
.main_page .item_box3 { padding: 9.5rem 0; }
.main_page .item_box4 { position: relative; }
.main_page .item_box4 .container { display: flex; flex-wrap: wrap; }
.main_page .main_banner_slide1 { width: 36.25%; margin-right: 3.75%; }
.main_page .main_banner_slide1 .swiper { overflow: hidden; border-radius: var(--border_radius30); }
.main_page .main_banner_slide1 .swiper-slide { position: relative; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
.main_page .main_banner_slide1 .swiper-slide:before { display: block; padding-top: 100%; content: ""; }
.main_page .main_banner_slide1 .swiper-slide > a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.main_page .g_artist { width: 60%; height: 58rem; padding: 4.5rem 4rem; border-radius: var(--border_radius30); box-shadow: 0.5rem 0.9rem 5rem 0 rgba(0, 0, 0, 0.07); }
.main_page .g_artist_title { margin-bottom: 3rem; }
.main_page .main_artist_slide1 { position: relative; }
.main_page .main_artist_slide1 .main_artist_slide1_control .control_btn.prev { left: -7rem; }
.main_page .main_artist_slide1 .main_artist_slide1_control .control_btn.next { right: -7rem; }
.main_page .artist_info { width: 28.409%; padding: 0 7.386% 0 2.841%; }
.main_page .artist_works { width: 71.591%; }
.main_page .artist_info2_wrap { display: flex; margin-top: 3.5rem; }
.main_page .artist_sns { display: flex; align-items: center; justify-content: center; width: 28.409%; padding: 0 7.386% 0 2.841%; }
.main_page .artist_sns_list { display: flex; }
.main_page .artist_sns_list > li { margin-right: 1rem; }
.main_page .artist_sns_list > li:last-child { margin-right: 0; }
.main_page .artist_sns_list > li > a { display: block; width: 3.8rem; height: 3.8rem; overflow: hidden; border-radius: 1000px; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; }
.main_page .artist_sns_list > li.insta > a { background-image: url(../../images/common/icon_sns_instagram3.png); }
.main_page .artist_sns_list > li.facebook > a { background-image: url(../../images/common/icon_sns_facebook3.png); }
.main_page .artist_like { margin-left: 2rem; }
.main_page .artist_tag { width: 71.591%; }
.main_page .artist_tag_list { height: 4.5rem; margin-top: 0; margin-bottom: 0; overflow: hidden; }
.main_page .artist_tag_list > li { flex: 0 0 auto; padding-top: 0; padding-bottom: 0; }
.main_page .region_artist { z-index: 1; position: relative; width: 50%; padding: 6rem 7.3rem; padding-left: 0; }
.main_page .region_artist:before { display: block; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; width: calc(50vw - 1rem); background-image: url(../../images/common/icon_bg4.png), url(../../images/main/bg1.png); background-position: right 6% bottom -2%, center; background-size: 44.842%, cover; background-repeat: no-repeat; content: ""; }
.main_page .region_artist:after { display: block; position: absolute; bottom: -3rem; left: -5.5rem; width: 17.4rem; height: 25.3rem; background: url(../../images/main/object2.png) no-repeat center/contain; content: ""; }
.main_page .region_artist_title { margin-bottom: 2rem; color: #fff; }
.main_page .region_artist_position { position: relative; padding-top: 18rem; }
.main_page .region_artist_wrap { display: flex; z-index: 1; position: absolute; top: 0; right: 0; left: 0; }
.main_page .region_artist_left { width: 61%; padding-right: 3rem; }
.main_page .region_artist_right { width: 39%; }
.main_page .region_artist_map { position: relative; width: 78.6rem; height: 70.3rem; background: url(../../images/main/map.png) no-repeat center/contain; }
.main_page .region_artist_map_btn { display: block; z-index: 1; position: absolute; line-height: 1.3; }
.main_page .region_artist_map_btn.btn1 { top: 19.6%; left: 12.4%; }
.main_page .region_artist_map_btn.btn2 { top: 20.7%; left: 40.2%; }
.main_page .region_artist_map_btn.btn3 { top: 34.7%; left: 26.3%; }
.main_page .region_artist_map_btn.btn4 { top: 59.2%; left: 19.5%; }
.main_page .region_artist_map_btn.btn5 { top: 49.1%; left: 41.4%; }
.main_page .region_artist_map_btn.btn6 { top: 59.6%; left: 36.5%; }
.main_page .region_artist_map_btn.btn7 { top: 54.6%; left: 54.6%; }
.main_page .region_artist_map_btn.btn8 { top: 61%; left: 51.2%; }
.main_page .region_artist_map_btn.btn9 { top: 65.3%; left: 61.9%; }
.main_page .region_artist_map_btn.btn10 { top: 71.3%; left: 69.5%; }
.main_page .region_artist_map_btn.btn11 { top: 78.5%; left: 68.4%; }
.main_page .region_artist_map_btn.btn12 { top: 81.5%; left: 83.3%; }
.main_page .region_artist_map_btn.btn13 { top: 54.6%; left: 68.4%; }
.main_page .region_artist_map_btn_txt { z-index: 1; position: relative; }
.main_page .region_artist_map_cnt { color: var(--color1); font-weight: bold; font-size: var(--font_size20); text-shadow: -0.3rem 0 #fff, 0 0.3rem #fff, 0.3rem 0 #fff, 0 -0.3rem #fff; }
.main_page .region_artist_map_title { color: #444; font-weight: 500; font-size: var(--font_size14); text-shadow: -0.3rem 0 #fff, 0 0.3rem #fff, 0.3rem 0 #fff, 0 -0.3rem #fff; }
.main_page .region_artist_map_btn.active { z-index: 2; }
.main_page .region_artist_map_btn.active .region_artist_map_btn_txt { transform: scale(1.5); }
.main_page .region_artist_map_btn.active:before { display: block; z-index: -1; position: absolute; top: 50%; left: 50%; width: 10.7rem; height: 10.7rem; transform: translate(-50%, -50%); border-radius: 1000px; background-color: var(--color1); content: ""; animation: ripple 0.7s linear infinite; }
.main_page .region_artist_map_btn.active .region_artist_map_cnt { color: #fff0a3; font-weight: bold; text-shadow: none; }
.main_page .region_artist_map_btn.active .region_artist_map_title { transform: scale(0.66); color: #fff; font-weight: 500; text-shadow: none; }
.main_page .field_artist { z-index: 1; position: relative; width: 50%; padding: 5rem 7.3rem; padding-right: 0; padding-bottom: 0; }
.main_page .field_artist:before { display: block; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; width: calc(50vw - 1rem); background-color: #ece9f3; content: ""; }
.main_page .field_artist1 { padding: 2.5rem 3rem; overflow: hidden; border-radius: var(--border_radius10); background-color: #fff; }
.main_page .field_artist1_txt1 { font-weight: bold; font-size: var(--font_size20); }
.main_page .field_artist1_txt2 { margin-bottom: 1.5rem; font-size: var(--font_size15); }
.main_page .field_artist1_txt3 { margin-bottom: 1.5rem; font-weight: 500; font-size: var(--font_size18); }
.main_page .field_artist1_right { margin-top: 2rem; padding: 2rem; border: 1px solid #ddd; border-radius: var(--border_radius10); background-color: #fafafa; }
.main_page .field_artist2_wrap { position: relative; }
.main_page .field_artist2_txt1 { position: absolute; top: 0; left: 0; font-size: var(--font_size30); }
.main_page .field_artist2 { overflow: hidden; }
.main_page .field_artist2 .field_artist2_btns { display: inline-flex; overflow: hidden; border-radius: var(--border_radius15) var(--border_radius15) 0 0; background-color: #b4a9d2; }
.main_page .field_artist2_txt2 { font-size: var(--font_size14); }
.main_page .field_artist2_txt3 { color: #9379d7; font-weight: bold; font-size: var(--font_size24); }
.main_page .field_artist2_txt4 { display: flex; align-items: center; height: 5rem; padding: 0 3rem; border-radius: var(--border_radius15) var(--border_radius15) 0 0; background-color: #b4a9d2; color: #fff; font-weight: 500; font-size: var(--font_size20); }
.main_page .field_artist2_txt4.active { background-color: var(--color1); }
.main_page .field_artist2_content_wrap { padding: 3rem 4rem; border-radius: 0 var(--border_radius15) var(--border_radius15) var(--border_radius15); background-color: #444; }
.main_page .field_artist2_content { visibility: hidden; position: absolute; }
.main_page .field_artist2_content.active { visibility: visible; position: static; }
.main_page .field_artist2_list { display: grid; grid-template-rows: repeat(4, auto); grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; margin: 0 -3rem; }
.main_page .field_artist2_list > li { margin-bottom: 0.5rem; padding: 0 3rem; }
.main_page .field_artist2_list > li:last-child { margin-bottom: 0; }
.main_page .field_artist2_list .field_artist2_list_box { display: flex; align-items: center; justify-content: space-between; background-image: repeating-linear-gradient(90deg, #666 0px, #666 4px, transparent 4px, transparent 6px); background-position: center; background-size: 6px 1px; background-repeat: repeat-x; color: #fff; }
.main_page .field_artist2_list .field_artist2_list_title_wrap { position: relative; padding-right: 1.5rem; background-color: #444; }
.main_page .field_artist2_list .field_artist2_list_num { display: flex; position: absolute; top: 50%; left: 0; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-top: -1.5rem; border-radius: var(--border_radius5); background-color: #575757; font-weight: bold; font-size: var(--font_size15); }
.main_page .field_artist2_list .field_artist2_list_title { padding-left: 4.5rem; font-size: var(--font_size15); }
.main_page .field_artist2_list .field_artist2_list_desc { min-width: 7.5rem; padding-left: 1.5rem; background-color: #444; font-size: var(--font_size15); }
.main_page .field_artist2_list .field_artist2_list_desc .cnt { color: var(--color4); font-weight: bold; font-size: var(--font_size24); }
.main_page .field_artist2 .notice_tab { display: flex; flex-wrap: wrap; margin: 0 -3rem; }
.main_page .field_artist2 .notice_tab > li { position: relative; padding: 0 3rem; color: #444; font-size: var(--font_size30); }
.main_page .field_artist2 .notice_tab > li:before { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 2.5rem; margin-top: -1.25rem; background-color: #c8c4d3; content: ""; }
.main_page .field_artist2 .notice_tab > li.active { color: #222; font-weight: bold; }
.main_page .field_artist2 .notice_tab > li:last-child:before { display: none; }
.main_page .field_artist2 .notice_contents { margin-top: 2.5rem; border-top: 2px solid #666; }
.main_page .field_artist2 .notice_content { display: none; }
.main_page .field_artist2 .notice_content.active { display: block; }
.main_page .field_artist1_chart { position: relative; padding-right: 15%; }
.main_page .field_artist1_chart:before { display: block; z-index: 1; position: absolute; top: 0; bottom: 0; left: 7.7rem; width: 1px; background-color: #ddd; content: ""; }
.main_page .field_artist1_chart .field_artist1_chart_box { display: flex; align-items: center; height: 3.8rem; }
.main_page .field_artist1_chart .field_artist1_chart_title { flex-shrink: 0; width: 7.7rem; }
.main_page .field_artist1_chart .field_artist1_chart_content { width: calc(100% - 7.7rem); }
.main_page .field_artist1_chart .field_artist1_chart_bar_wrap { display: flex; align-items: center; }
.main_page .field_artist1_chart .field_artist1_chart_bar { flex-shrink: 0; height: 1rem; border-radius: 0 1000px 1000px 0; transition: all 0.3s ease; }
.main_page .field_artist1_chart .field_artist1_chart_cnt { visibility: hidden; position: relative; flex-shrink: 0; height: 3.8rem; margin-left: 1.2rem; padding: 0 1rem; border-radius: var(--border_radius5); background-color: #191919; color: #fff; font-size: var(--font_size14); line-height: 3.8rem; white-space: nowrap; opacity: 0; }
.main_page .field_artist1_chart .field_artist1_chart_cnt:before { display: block; position: absolute; top: 50%; left: -0.4rem; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; transform: rotate(45deg); background-color: #191919; content: ""; }
.main_page .field_artist1_chart > li.list1 .field_artist1_chart_bar { background-color: #9678ae; }
.main_page .field_artist1_chart > li.list2 .field_artist1_chart_bar { background-color: #755ac5; }
.main_page .field_artist1_chart > li.list3 .field_artist1_chart_bar { background-color: #7f9acf; }
.main_page .field_artist1_chart > li.list4 .field_artist1_chart_bar { background-color: #86b8ba; }
.main_page .field_artist1_chart > li.list5 .field_artist1_chart_bar { background-color: #8bba86; }
.main_page .field_artist1_chart .field_artist1_chart_bar_wrap:hover .field_artist1_chart_bar { filter: brightness(1.2); }
.main_page .field_artist1_chart .field_artist1_chart_bar_wrap:hover .field_artist1_chart_cnt { visibility: visible; opacity: 1; }
.main_page .board_notice .notice_title_wrap { display: flex; justify-content: space-between; }
.main_page .gimpo_artist { z-index: 1; width: 40.625%; padding: 8.5rem 7rem 9.5rem 5rem; border-radius: var(--border_radius30); background-color: #fff; box-shadow: 0.5rem 0.9rem 5rem 0 rgba(0, 0, 0, 0.07); }
.main_page .gimpo_artist .gimpo_artist_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4rem; }
.main_page .gimpo_artist .gimpo_artist_list .doc12_list { display: flex; position: relative; justify-content: center; }
.main_page .gimpo_artist .gimpo_artist_list .doc12_list:before { display: block; position: absolute; top: 8rem; right: 25%; left: 25%; height: 1px; background-color: #ddd; content: ""; }
.main_page .gimpo_artist .gimpo_artist_list .doc12_list > li { width: 50%; }
.main_page .gimpo_artist .gimpo_artist_list .doc12_name { margin-bottom: 3.5rem; }
.main_page .art_works { position: absolute; top: 0; right: 0; width: 63.542%; margin-top: 3rem; padding: 5.5rem 0 6rem 10.938%; overflow: hidden; border-radius: var(--border_radius30) 0 0 var(--border_radius30); background-color: #f3f1f8; }
.main_page .art_works .art_works_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; padding: 0 16rem 0 0; }
.main_page .art_works .art_works_tab { margin-bottom: 3rem; }
.main_page .art_works .art_works_slide1 .doc13_list { flex-wrap: nowrap; padding-bottom: 4.5rem; }
.main_page .art_works .art_works_slide1 .doc13_list > li { flex: 0 0 auto; width: 37.3rem; }
.main_page .art_works .art_works_slide1 .doc13_cate { margin-bottom: 0.5rem; }
.main_page .art_works .swiper-pagination { top: auto; bottom: 0; background-color: #e3e0ec; }
.main_page .art_works .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--color4); }
.main_page .space_guide { margin-top: 7rem; padding: 9rem 0; }
.main_page .space_guide .space_guide_title_wrap { display: flex; align-items: center; justify-content: space-between; }
.main_page .space_guide .space_guide_title { margin-bottom: 2rem; }
.main_page .space_guide .space_guide_slide1 { position: relative; }
.main_page .space_guide .space_guide_slide1 .swiper { margin: 0 -3rem -3rem 0; padding: 0 3rem 3rem 0; }
.main_page .region_artist_mobile { display: none; }
.main_page2 .item_box1 { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 9rem; }
.main_page2 .item_box2 .container { display: flex; flex-wrap: wrap; }
.main_page2 .item_box3 { padding: 9.5rem 0; }
.main_page2 .item_box4 { position: relative; }
.main_page2 .item_box4 .container { display: flex; flex-wrap: wrap; }
.main_page2 .main_banner_slide1 { width: 36.25%; margin-right: 3.75%; }
.main_page2 .main_banner_slide1 .swiper { overflow: hidden; border-radius: var(--border_radius30); }
.main_page2 .main_banner_slide1 .swiper-slide { position: relative; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
.main_page2 .main_banner_slide1 .swiper-slide:before { display: block; padding-top: 100%; content: ""; }
.main_page2 .main_banner_slide1 .swiper-slide > a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.main_page2 .g_artist { width: 60%; height: 58rem; padding: 4.5rem 4rem; border-radius: var(--border_radius30); box-shadow: 0.5rem 0.9rem 5rem 0 rgba(0, 0, 0, 0.07); }
.main_page2 .g_artist_title { margin-bottom: 3rem; }
.main_page2 .main_artist_slide1 { position: relative; }
.main_page2 .main_artist_slide1 .main_artist_slide1_control .control_btn.prev { left: -7rem; }
.main_page2 .main_artist_slide1 .main_artist_slide1_control .control_btn.next { right: -7rem; }
.main_page2 .artist_info { width: 28.409%; padding: 0 7.386% 0 2.841%; }
.main_page2 .artist_works { width: 71.591%; }
.main_page2 .artist_info2_wrap { display: flex; margin-top: 3.5rem; }
.main_page2 .artist_sns { display: flex; align-items: center; justify-content: center; width: 28.409%; padding: 0 7.386% 0 2.841%; }
.main_page2 .artist_sns_list { display: flex; }
.main_page2 .artist_sns_list > li { margin-right: 1rem; }
.main_page2 .artist_sns_list > li:last-child { margin-right: 0; }
.main_page2 .artist_sns_list > li > a { display: block; width: 3.8rem; height: 3.8rem; overflow: hidden; border-radius: 1000px; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; }
.main_page2 .artist_sns_list > li.insta > a { background-image: url(../../images/common/icon_sns_instagram3.png); }
.main_page2 .artist_sns_list > li.facebook > a { background-image: url(../../images/common/icon_sns_facebook3.png); }
.main_page2 .artist_like { margin-left: 2rem; }
.main_page2 .artist_tag { width: 71.591%; }
.main_page2 .artist_tag_list { height: 4.5rem; margin-top: 0; margin-bottom: 0; overflow: hidden; }
.main_page2 .artist_tag_list > li { flex: 0 0 auto; padding-top: 0; padding-bottom: 0; }
.main_page2 .region_artist { z-index: 1; position: relative; width: 50%; padding: 6rem 5rem; padding-left: 0; }
.main_page2 .region_artist:before { display: block; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; width: calc(50vw - 1rem); background-image: url(../../images/common/icon_bg4.png), url(../../images/main/bg1.png); background-position: right 6% bottom 3%, center; background-size: 44.842%, cover; background-repeat: no-repeat; content: ""; }
.main_page2 .region_artist:after { display: block; position: absolute; bottom: -3rem; left: -5.5rem; width: 26.8rem; height: 211px; background: url(../../images/main/object1.png) no-repeat center/contain; content: ""; }
.main_page2 .region_artist_title { margin-bottom: 2rem; color: #fff; }
.main_page2 .region_artist_map { position: relative; width: 78.6rem; height: 70.3rem; background: url(../../images/main/map.png) no-repeat center/contain; }
.main_page2 .region_artist_map_btn { display: block; z-index: 1; position: absolute; line-height: 1.3; }
.main_page2 .region_artist_map_btn.btn1 { top: 19.6%; left: 12.4%; }
.main_page2 .region_artist_map_btn.btn2 { top: 20.7%; left: 40.2%; }
.main_page2 .region_artist_map_btn.btn3 { top: 34.7%; left: 26.3%; }
.main_page2 .region_artist_map_btn.btn4 { top: 59.2%; left: 19.5%; }
.main_page2 .region_artist_map_btn.btn5 { top: 49.1%; left: 41.4%; }
.main_page2 .region_artist_map_btn.btn6 { top: 59.6%; left: 36.5%; }
.main_page2 .region_artist_map_btn.btn7 { top: 54.6%; left: 54.6%; }
.main_page2 .region_artist_map_btn.btn8 { top: 61%; left: 51.2%; }
.main_page2 .region_artist_map_btn.btn9 { top: 65.3%; left: 61.9%; }
.main_page2 .region_artist_map_btn.btn10 { top: 71.3%; left: 69.5%; }
.main_page2 .region_artist_map_btn.btn11 { top: 78.5%; left: 68.4%; }
.main_page2 .region_artist_map_btn.btn12 { top: 81.5%; left: 83.3%; }
.main_page2 .region_artist_map_btn_txt { z-index: 1; position: relative; }
.main_page2 .region_artist_map_cnt { color: var(--color1); font-weight: bold; font-size: var(--font_size20); text-shadow: -0.3rem 0 #fff, 0 0.3rem #fff, 0.3rem 0 #fff, 0 -0.3rem #fff; }
.main_page2 .region_artist_map_title { color: #444; font-weight: 500; font-size: var(--font_size14); text-shadow: -0.3rem 0 #fff, 0 0.3rem #fff, 0.3rem 0 #fff, 0 -0.3rem #fff; }
.main_page2 .region_artist_map_btn.active { z-index: 2; }
.main_page2 .region_artist_map_btn.active .region_artist_map_btn_txt { transform: scale(1.5); }
.main_page2 .region_artist_map_btn.active:before { display: block; z-index: -1; position: absolute; top: 50%; left: 50%; width: 10.7rem; height: 10.7rem; transform: translate(-50%, -50%); border-radius: 1000px; background-color: var(--color1); content: ""; animation: ripple 0.7s linear infinite; }
.main_page2 .region_artist_map_btn.active .region_artist_map_cnt { color: #fff0a3; font-weight: bold; text-shadow: none; }
.main_page2 .region_artist_map_btn.active .region_artist_map_title { transform: scale(0.66); color: #fff; font-weight: 500; text-shadow: none; }
.main_page2 .field_artist { z-index: 1; position: relative; width: 50%; padding: 5rem; padding-right: 0; padding-bottom: 0; }
.main_page2 .field_artist:before { display: block; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; width: calc(50vw - 1rem); background-color: #ece9f3; content: ""; }
.main_page2 .field_artist1 { display: flex; height: 30rem; margin-bottom: 3rem; overflow: hidden; border: 4px solid #dcd6eb; border-radius: var(--border_radius30); background-color: #fff; }
.main_page2 .field_artist1_left { width: 50%; padding: 2.5rem 4rem; }
.main_page2 .field_artist1_txt1 { font-weight: bold; font-size: var(--font_size28); }
.main_page2 .field_artist1_txt2 { margin-bottom: 3rem; font-size: var(--font_size24); }
.main_page2 .field_artist1_txt3 { margin-bottom: 1.5rem; font-weight: 500; font-size: var(--font_size18); }
.main_page2 .field_artist1_right { width: 50%; padding: 3rem 4rem; background-color: #fafafa; }
.main_page2 .field_artist2_wrap { position: relative; padding-top: 6rem; }
.main_page2 .field_artist2 { height: 39rem; padding: 4rem; border-radius: var(--border_radius30); background-color: #fff; }
.main_page2 .field_artist2_left { width: 45%; }
.main_page2 .field_artist2_right { z-index: 2; position: absolute; top: 0; right: 3rem; bottom: 3rem; width: 44%; overflow: hidden; border-radius: var(--border_radius25); background-color: #444; }
.main_page2 .field_artist2_bottom { display: flex; z-index: 1; position: absolute; right: 0; bottom: 0; left: 0; align-items: center; height: 11rem; padding: 0 4rem; border-radius: 0 0 var(--border_radius30) var(--border_radius30); background-color: #f9f7ff; }
.main_page2 .field_artist2_bottom_box { position: relative; padding-left: 7rem; }
.main_page2 .field_artist2_bottom_box:before { display: block; position: absolute; top: 50%; left: 0; width: 5.5rem; height: 5.5rem; margin-top: -2.75rem; border: 1px solid #ece9f4; border-radius: 1000px; background-image: url(../../images/common/icon_user3.png); background-position: center; background-size: 2.4rem; background-repeat: no-repeat; background-color: #fff; content: ""; }
.main_page2 .field_artist2_txt2 { font-size: var(--font_size14); }
.main_page2 .field_artist2_txt3 { color: #9379d7; font-weight: bold; font-size: var(--font_size24); }
.main_page2 .field_artist2_txt4 { display: flex; align-items: center; height: 6rem; padding: 0 3rem; background-color: #9379d7; color: #fff; font-weight: 500; font-size: var(--font_size18); }
.main_page2 .field_artist2_content { height: calc(100% - 6rem); padding: 1.5rem 3rem; overflow: auto; }
.main_page2 .field_artist2_list > li { margin-bottom: 0.5rem; }
.main_page2 .field_artist2_list > li:last-child { margin-bottom: 0; }
.main_page2 .field_artist2_list .field_artist2_list_box { display: flex; align-items: center; justify-content: space-between; background-image: repeating-linear-gradient(90deg, #666 0px, #666 4px, transparent 4px, transparent 6px); background-position: center; background-size: 6px 1px; background-repeat: repeat-x; color: #fff; }
.main_page2 .field_artist2_list .field_artist2_list_title_wrap { position: relative; padding-right: 1.5rem; background-color: #444; }
.main_page2 .field_artist2_list .field_artist2_list_num { display: flex; position: absolute; top: 50%; left: 0; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-top: -1.5rem; border-radius: var(--border_radius5); background-color: #575757; font-weight: bold; font-size: var(--font_size15); }
.main_page2 .field_artist2_list .field_artist2_list_title { padding-left: 4.5rem; font-size: var(--font_size15); }
.main_page2 .field_artist2_list .field_artist2_list_desc { min-width: 7.5rem; padding-left: 1.5rem; background-color: #444; font-size: var(--font_size15); }
.main_page2 .field_artist2_list .field_artist2_list_desc .cnt { color: var(--color4); font-weight: bold; font-size: var(--font_size24); }
.main_page2 .field_artist1_chart { position: relative; padding-right: 38%; }
.main_page2 .field_artist1_chart:before { display: block; z-index: 1; position: absolute; top: 0; bottom: 0; left: 77px; width: 1px; background-color: #ddd; content: ""; }
.main_page2 .field_artist1_chart .field_artist1_chart_box { display: flex; align-items: center; height: 4.5rem; }
.main_page2 .field_artist1_chart .field_artist1_chart_title { flex-shrink: 0; width: 7.7rem; }
.main_page2 .field_artist1_chart .field_artist1_chart_content { flex-grow: 1; }
.main_page2 .field_artist1_chart .field_artist1_chart_bar_wrap { display: flex; align-items: center; }
.main_page2 .field_artist1_chart .field_artist1_chart_bar { flex-shrink: 0; height: 1rem; border-radius: 0 1000px 1000px 0; transition: all 0.3s ease; }
.main_page2 .field_artist1_chart .field_artist1_chart_cnt { visibility: hidden; position: relative; flex-shrink: 0; height: 4rem; margin-left: 1.5rem; padding: 0 1.5rem; border-radius: var(--border_radius5); background-color: #191919; color: #fff; font-size: var(--font_size15); line-height: 4rem; white-space: nowrap; opacity: 0; }
.main_page2 .field_artist1_chart .field_artist1_chart_cnt:before { display: block; position: absolute; top: 50%; left: -0.4rem; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; transform: rotate(45deg); background-color: #191919; content: ""; }
.main_page2 .field_artist1_chart > li.list1 .field_artist1_chart_bar { background-color: #9678ae; }
.main_page2 .field_artist1_chart > li.list2 .field_artist1_chart_bar { background-color: #755ac5; }
.main_page2 .field_artist1_chart > li.list3 .field_artist1_chart_bar { background-color: #7f9acf; }
.main_page2 .field_artist1_chart > li.list4 .field_artist1_chart_bar { background-color: #86b8ba; }
.main_page2 .field_artist1_chart .field_artist1_chart_bar_wrap:hover .field_artist1_chart_bar { filter: brightness(1.2); }
.main_page2 .field_artist1_chart .field_artist1_chart_bar_wrap:hover .field_artist1_chart_cnt { visibility: visible; opacity: 1; }
.main_page2 .board_notice .notice_title_wrap { display: flex; justify-content: space-between; }
.main_page2 .gimpo_artist { z-index: 1; width: 40.625%; padding: 8.5rem 7rem 9.5rem 5rem; border-radius: var(--border_radius30); background-color: #fff; box-shadow: 0.5rem 0.9rem 5rem 0 rgba(0, 0, 0, 0.07); }
.main_page2 .gimpo_artist .gimpo_artist_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4rem; }
.main_page2 .gimpo_artist .gimpo_artist_list .doc12_list { display: flex; position: relative; justify-content: center; }
.main_page2 .gimpo_artist .gimpo_artist_list .doc12_list:before { display: block; position: absolute; top: 8rem; right: 25%; left: 25%; height: 1px; background-color: #ddd; content: ""; }
.main_page2 .gimpo_artist .gimpo_artist_list .doc12_list > li { width: 50%; }
.main_page2 .gimpo_artist .gimpo_artist_list .doc12_name { margin-bottom: 3.5rem; }
.main_page2 .art_works { position: absolute; top: 0; right: 0; width: 63.542%; margin-top: 3rem; padding: 5.5rem 0 6rem 10.938%; overflow: hidden; border-radius: var(--border_radius30) 0 0 var(--border_radius30); background-color: #f3f1f8; }
.main_page2 .art_works .art_works_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; padding: 0 16rem 0 0; }
.main_page2 .art_works .art_works_tab { margin-bottom: 3rem; }
.main_page2 .art_works .art_works_slide1 .doc13_list { flex-wrap: nowrap; padding-bottom: 4.5rem; }
.main_page2 .art_works .art_works_slide1 .doc13_list > li { flex: 0 0 auto; width: 37.3rem; }
.main_page2 .art_works .art_works_slide1 .doc13_cate { margin-bottom: 0.5rem; }
.main_page2 .art_works .swiper-pagination { top: auto; bottom: 0; background-color: #e3e0ec; }
.main_page2 .art_works .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--color4); }
.main_page2 .space_guide { margin-top: 7rem; padding: 9rem 0; }
.main_page2 .space_guide .space_guide_title_wrap { display: flex; align-items: center; justify-content: space-between; }
.main_page2 .space_guide .space_guide_title { margin-bottom: 2rem; }
.main_page2 .space_guide .space_guide_slide1 { position: relative; }
.main_page2 .space_guide .space_guide_slide1 .swiper { margin: 0 -3rem -3rem 0; padding: 0 3rem 3rem 0; }
.main_page2 .region_artist_mobile { display: none; }

/* 메타버스 인트로 */
.meta_intro { position: relative; width: 100vw; height: 100vh; overflow: hidden; }
.meta_intro .intro_logo { display: flex; z-index: 1; position: absolute; top: 5.3rem; left: 6.5rem; align-items: center; }
.meta_intro .intro_logo .logo1,
.meta_intro .intro_logo .logo2 { flex-shrink: 0; }
.meta_intro .intro_logo .logo1 { width: 19.2rem; margin-right: 3.5rem; }
.meta_intro .intro_logo .logo2 { width: 12.1rem; }
.meta_intro .intro_video_wrap { height: 100%; }
.meta_intro .intro_video { width: 100%; height: 100%; object-fit: cover; }
.meta_intro .intro_enter_logo { display: block; z-index: 1; position: absolute; bottom: 6rem; left: 50%; width: 48rem; height: 18rem; margin-left: -24rem; overflow: hidden; background: url(../../images/intro/enter1.png) no-repeat center/contain; text-indent: 100%; white-space: nowrap; transition: background-image 0.3s; }
.meta_intro .intro_enter_logo:hover { background-image: url(../../images/intro/enter2.png); }
.meta_intro .intro_btn_wrap { display: flex; align-items: center; justify-content: center; height: 13rem; background-color: #000; }
.meta_intro .intro_btn_wrap .cm_btn_meta .btn_meta { background-color: #fff; color: #000; font-weight: bold; font-size: var(--font_size20); }
.meta_intro .intro_btn_wrap .cm_btn_meta .btn_meta:hover { transform: none; }
.meta_intro .intro_btn_wrap:hover .cm_btn_meta .btn_meta { transform: scale(1.1); }

/* G-Art 소개 */
.page_intro { padding-top: 5.5rem; word-break: keep-all; }
.page_intro .intro_top_box_wrap { position: relative; margin-bottom: -6rem; padding-top: 42rem; }
.page_intro .intro_top_box_wrap:before { display: block; position: absolute; top: 0; left: calc(50% - 50vw); width: 100%; height: 45rem; background: url(../../images/content/content1.png) no-repeat center/cover; content: ""; }
.page_intro .intro_top_box { position: relative; top: -6.5rem; width: 60.5%; margin-left: auto; padding: 4.5rem 16rem; background-color: #fff; }
.page_intro .intro_txt1 { margin-bottom: -1rem; font-weight: bold; font-size: 6.6rem; }
.page_intro .intro_txt2 { margin-bottom: 3.8rem; font-weight: bold; font-size: var(--font_size50); line-height: 1.3; }
.page_intro .intro_txt3 { margin-bottom: 1.5rem; font-size: var(--font_size40); line-height: 1.2; }
.page_intro .intro_txt4 { margin-top: 1.8rem; font-size: var(--font_size30); }
.page_intro .intro_txt5 { font-size: var(--font_size17); line-height: 1.6; }
.page_intro .intro_txt6 { font-size: var(--font_size17); line-height: 1.6; }
.page_intro .intro_list_wrap { position: relative; padding: 10.5rem 15rem; background-color: #f4f4fa; }
.page_intro .intro_list_wrap:before { display: block; z-index: -1; position: absolute; top: 0; right: calc(50% - 50vw + 0.5rem); width: 100%; height: 100%; background-color: #f4f4fa; content: ""; }
.page_intro .intro_list1 { margin-bottom: 5.8rem; }
.page_intro .intro_list2 { margin-bottom: 11rem; }
.page_intro .intro_circle_wrap { position: absolute; right: calc(50% - 50vw + 0.5rem); bottom: 10.5rem; overflow: hidden; }
.page_intro .intro_circle_inner { display: flex; margin-right: -6rem; }
.page_intro .intro_circle { display: flex; position: relative; align-items: center; width: 40rem; height: 40rem; border-radius: 1000px; background-color: #9481c6; }
.page_intro .intro_circle .circle_link { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; padding: 0 7.5rem; color: #fff; font-size: 3.6rem; }
.page_intro .intro_circle.circle1 { z-index: 2; right: -7rem; }
.page_intro .intro_circle.circle2 { display: block; z-index: 1; background: url(../../images/content/content2.png) no-repeat center; content: ""; }
.page_intro .circle_link_icon { position: relative; padding-right: 8.5rem; }
.page_intro .circle_link_icon:before { display: block; position: absolute; right: 0; bottom: 0.5rem; width: 4.2rem; height: 4.2rem; background: url(../../images/common/icon_arr1.svg) no-repeat center/contain; content: ""; }

/* BI 소개 */
.page_bi { padding: 5rem 0; padding-bottom: 10rem; overflow: hidden; word-break: keep-all; }
.page_bi .bi_txt1 { margin-bottom: -1rem; font-weight: bold; font-size: 6.6rem; line-height: 1.2; }
.page_bi .bi_txt2 { color: #444; font-size: var(--font_size17); }
.page_bi .bi_top_box { position: relative; padding: 5rem 0 6rem 0; }
.page_bi .bi_top_box:before { display: block; z-index: -1; position: absolute; top: 0.6rem; right: -5rem; left: -5rem; height: 33rem; background-color: var(--color3); content: ""; }
.page_bi .bi_content { display: flex; flex-wrap: wrap; align-items: flex-start; }
.page_bi .bi_content .content1 { width: 50%; }
.page_bi .bi_content .content2 { width: 50%; }
.page_bi .bi_icon_box { display: flex; align-items: center; justify-content: center; height: 55rem; padding: 0 1.5rem; border: 1px solid #e9e9ea; background: url(../../images/common/icon_pattern.png) repeat left top; }
.page_bi .bi_icon { display: block; width: 58.1rem; height: 19.3rem; overflow: hidden; background: url(../../images/content/content3.png) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
.page_bi .bi_txt_info { padding: 4.5rem 5rem 2rem 10rem; font-size: var(--font_size17); }
.page_bi .bi_txt_info p { margin-bottom: 3rem; }
.page_bi .bi_txt_info p:last-child { margin-bottom: 0; }
.page_bi .bi_txt_info p.type1 { margin-bottom: 2.5rem; font-weight: bold; font-size: var(--font_size40); }
.page_bi .bi_txt_info p.type2 { margin-top: 9rem; margin-bottom: 2rem; font-size: var(--font_size30); }

/* 저작권 권리 */
.page_GART49 .copy_title { color: var(--color1); font-weight: bold; font-size: var(--font_size20); }

/* 마이페이지 */
.page_mypage .mypage_main_item_wrap { display: flex; flex-wrap: wrap; margin: -2rem; }
.page_mypage .mypage_main_item { width: 50%; padding: 2rem; }
.page_mypage .mypage_main_item.item1_1 .mypage_main_item_contents,
.page_mypage .mypage_main_item.item1_2 .mypage_main_item_contents { height: 48.5rem; overflow-x: hidden; overflow-y: auto; }
.page_mypage .mypage_main_item.item1_3 { width: 100%; }
.page_mypage .mypage_main_item.item1_3 .mypage_main_item_contents { height: 47rem; overflow-x: hidden; overflow-y: auto; }
.page_mypage .mypage_main_item.item2_1 .mypage_main_item_contents,
.page_mypage .mypage_main_item.item2_2 .mypage_main_item_contents { position: relative; height: 31.5rem; overflow-x: hidden; overflow-y: auto; }
.page_mypage .mypage_main_item.item2_3 .mypage_main_item_contents,
.page_mypage .mypage_main_item.item2_4 .mypage_main_item_contents { height: 43.8rem; overflow-x: hidden; overflow-y: auto; }
.page_mypage .mypage_main_item .cm_nodata2 { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; }
.page_mypage .mypage_main_item_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.page_mypage .mypage_main_item_title { font-weight: bold; font-size: var(--font_size30); }
.page_mypage .mypage_main_item_contents { padding: 3rem; border: 1px solid #ddd; border-radius: var(--border_radius25); }
.page_mypage .mypage_main_item .art_list_wrap .cm_doc_list1 .doc1_list { margin: -1rem; }
.page_mypage .mypage_main_item .art_list_wrap .cm_doc_list1 .doc1_list > li { width: 50%; padding: 1rem; }
.page_mypage .mypage_main_item .art_list_wrap2 .cm_doc_list1 .doc1_list { margin: -1rem; }
.page_mypage .mypage_main_item .art_list_wrap2 .cm_doc_list1 .doc1_list > li { padding: 1rem; }
.page_mypage .mypage_work_slide1 .mypage_work_slide1_control { z-index: 1; position: absolute; right: 3rem; bottom: 3rem; }
.page_mypage .mypage_work_slide1 .mypage_work_slide1_control .control_btn { position: static; }
.page_mypage .mypage_work_slide1 .mypage_work_slide1_control .control_btn.next { margin-left: 1rem; }
.page_mypage .notice_search_wrap { display: flex; margin: calc(var(--row_padding5) * -1); margin-bottom: 5rem; }
.page_mypage .notice_search_item { display: flex; align-items: center; padding: var(--row_padding5); }
.page_mypage .notice_search_list .cm_doc_list6 .doc6_list > li { display: flex; margin-bottom: 4.5rem; }
.page_mypage .notice_search_list .cm_doc_list6 .doc6_list > li:last-child { margin-bottom: 0; }
.page_mypage .notice_search_list .cm_doc_list6 .doc6_date { width: 25rem; }
.page_mypage .notice_search_list .cm_doc_list6 .doc6_notice_wrap { width: calc(100% - 25rem); }
.page_mypage .notice_search_item .form_calendar { position: relative; }
.page_mypage .notice_search_item .form_calendar input { width: 20rem; padding: 0.8rem 3rem; padding-left: 4rem; }
.page_mypage .portfolio_artwork_list .doc1_box { height: auto; }

/* 서브 - 통합검색 */
.integrated_search_wrap .integrated_search { padding: 4.5rem 0 2rem 0; border-top: 1px solid #000; }
.integrated_search_wrap .integrated_search .cm_search2 { margin-bottom: 0; }
.integrated_search_wrap .search_result_txt { font-size: var(--font_size24); text-align: center; }
.integrated_search_wrap .search_list > li { margin-bottom: 5rem; }
.integrated_search_wrap .search_list_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd; }
.integrated_search_wrap .search_type1 { margin-top: -3rem; }
.integrated_search_wrap .search_type1 > li { padding: 3rem 0; border-bottom: 1px solid #ddd; }
.integrated_search_wrap .search_type1_title { margin-bottom: 1rem; font-weight: bold; font-size: var(--font_size18); }
.integrated_search_wrap .search_type1_desc { margin-bottom: 2rem; }
.integrated_search_wrap .search_type1_info > li { color: #666; }
.integrated_search_wrap .search_keyword { color: var(--color4) !important; font-weight: bold !important; }

/* 서브 - 예술인 등록안내 */
.page_guide .guide_info { display: flex; position: relative; align-items: center; justify-content: space-between; margin-top: 5rem; }
.page_guide .guide_content1 { position: relative; padding-bottom: 5rem; }
.page_guide .guide_content1:before { display: block; position: absolute; top: 30%; right: calc(50% - 50vw); bottom: 0; left: calc(50% - 50vw); background-color: #f2f1f7; content: ""; }
@media screen and (min-width:1281px) {

	/* header */
	.header { z-index: 2022; position: fixed; top: 0; right: 0; left: 0; padding: 3rem 0; background-color: #fff; }
	.header .header_inner { position: relative; }
	.header .logo a { display: block; width: 17rem; height: 5.1rem; overflow: hidden; background: url(../../images/common/logo.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
	.header .gnb { padding: 5rem 0 0 0; }
	.header .mobile_util { display: none; }
	.header .gnb_depth1 { display: flex; align-items: center; }
	.header .gnb_depth1 > li { position: relative; padding-right: 7rem; }
	.header .gnb_depth1 > li > a { color: #333; font-weight: bold; font-size: var(--font_size20); }
	.header .gnb_depth2_wrap { display: none; z-index: 1; position: absolute; top: 4.5rem; left: 0; min-width: calc(100% - 0.5rem); padding: 2.5rem 2.3rem; border: 1px solid var(--color4); border-radius: var(--border_radius10); background-color: #fff; color: #333; }
	.header .gnb_depth2 > li { margin-bottom: 1.5rem; }
	.header .gnb_depth2 > li:last-child { margin-bottom: 0; }
	.header .gnb_depth2 > li:hover > a { font-weight: bold; text-decoration: underline; }
	.header .mobile_search_btn { display: none; }
	.header .util { display: flex; position: absolute; top: 0; right: 0; align-items: center; }
	.header .gnb .btn_registration { display: flex; align-items: center; height: 5rem; padding: 0 2.3rem; border-radius: 1000px; /*background-color: #222;*/ background-color: var(--color4); color: #fff; font-weight:bold; }
	.header .util_menu { display: flex; align-items: center; }
	.header .util_menu > li { position: relative; align-items: center; padding: 0 2.5rem; color: #666; }
	.header .util_menu > li:before { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 1.5rem; margin-top: -0.75rem; background-color: #e0e0e0; content: ""; }
	.header .util_menu > li:last-child::before { display: none; }
	.header .search_form_wrap { position: absolute; top: 9rem; right: 0; }
	.header .search_form_wrap .search_input { width: 30rem; height: 5rem; padding: 0 2.5rem; padding-right: 5.5rem; border: 2px solid #222; border-radius: 1000px; font-size: var(--font_size15); }
	.header .search_form_wrap .search_input:focus { border: 2px solid #222 !important; outline: none; box-shadow: none; }
	.header .search_form_wrap .search_btn { position: absolute; top: 0.7rem; right: 2.1rem; width: 3.5rem; height: 3.5rem; overflow: hidden; background: url(../../images/common/icon_search.svg) no-repeat center/1.8rem; text-indent: 100%; white-space: nowrap; }
	.header .mobile_toggle_btn { display: none; }
	.header.scroll:before { display: block; z-index: 1; position: absolute; top: 21.1rem; right: 0; left: 0; border-bottom: 1px solid #e5e5e5; content: ""; }
}
@media screen and (min-width:1281px) and (max-width:1441px) {

	/* header */
	.header .gnb_depth1 > li { padding-right: 6rem; }
}
@media screen and (max-width:1680px) {

	/* 메인 */
	.main_page .region_artist { padding: 3rem; padding-left: 0; }
	.main_page .region_artist_map { width: 62.9rem; height: 56.2rem; }
	.main_page .region_artist_map_cnt { font-size: var(--default_font_size); }
	.main_page .region_artist_map_btn.active:before { width: 8rem; height: 8rem; }
	.main_page .region_artist:after { left: 0; width: 12.2rem; height: 17.7rem; }
	.main_page .region_artist_left { padding-right: 2rem; }
	.main_page .field_artist { padding: 3rem; padding-right: 0; }
	.main_page .field_artist1 { padding: 1.5rem; }
	.main_page .field_artist1_right { margin-top: 1.5rem; }
	.main_page .region_artist_position { padding-top: 17rem; }
	.main_page2 .container { max-width: 1360px; }
	.main_page2 .g_artist { height: 47.1rem; padding: 3rem 2.5rem; }
	.main_page2 .g_artist_title { margin-bottom: 2rem; }
	.main_page2 .main_artist_slide1 .main_artist_slide1_control .control_btn.prev { left: -5.5rem; }
	.main_page2 .main_artist_slide1 .main_artist_slide1_control .control_btn.next { right: -5.5rem; }
	.main_page2 .gimpo_artist { padding: 5.5rem 4rem; }
	.main_page2 .gimpo_artist .gimpo_artist_title_wrap { margin-bottom: 3rem; }
	.main_page2 .gimpo_artist .gimpo_artist_list .doc12_name { margin-bottom: 2.5rem; }
	.main_page2 .art_works { margin-top: 2.4rem; padding: 4.4rem 0 4.8rem 10.938%; }
	.main_page2 .art_works .art_works_title_wrap { margin-bottom: 1.5rem; padding: 0 12rem 0 0; }
	.main_page2 .art_works .art_works_tab { margin-bottom: 2rem; }
	.main_page2 .art_works .art_works_slide1 .doc13_list { padding-bottom: 3.5rem; }
	.main_page2 .art_works .art_works_slide1 .doc13_list > li { width: 29.8rem; }
	.main_page2 .artist_info2_wrap { margin-top: 2.5rem; }
	.main_page2 .space_guide { margin-top: 5.5rem; padding: 7rem 0; }
	.main_page2 .artist_tag_list { height: 4rem; }
	.main_page2 .region_artist_map { width: 62.9rem; height: 56.2rem; }
	.main_page2 .region_artist_map_cnt { font-size: var(--default_font_size); }
	.main_page2 .region_artist_map_btn.active:before { width: 8rem; height: 8rem; }
	.main_page2 .region_artist:after { bottom: -2.4rem; left: -4.4rem; width: 21.4rem; height: 16.9rem; }
	.main_page2 .field_artist { padding: 4rem; padding-right: 0; padding-bottom: 0; }
	.main_page2 .field_artist1 { height: 26rem; margin-bottom: 2rem; }
	.main_page2 .field_artist1_left { padding: 2rem 3rem; }
	.main_page2 .field_artist1_txt1 { font-size: var(--font_size22); }
	.main_page2 .field_artist1_txt2 { margin-bottom: 2rem; font-size: var(--font_size20); }
	.main_page2 .field_artist1_txt3 { font-size: var(--font_size15); }
	.main_page2 .field_artist1_right { padding: 2rem 3rem; }
	.main_page2 .field_artist2_wrap { padding-top: 4.5rem; }
	.main_page2 .field_artist2 { height: 33rem; padding: 3rem; }
	.main_page2 .field_artist2_bottom { height: 9rem; padding: 0 3rem; }
	.main_page2 .field_artist2_txt3 { font-size: var(--font_size22); }
	.main_page2 .field_artist2_txt4 { height: 4.5rem; padding: 0 2rem; font-size: var(--font_size15); }
	.main_page2 .field_artist2_content { height: calc(100% - 4.5rem); padding: 1rem 2rem; }
	.main_page2 .field_artist2_list .field_artist2_list_title_wrap { padding-right: 1rem; }
	.main_page2 .field_artist2_list .field_artist2_list_num { width: 2.5rem; height: 2.5rem; margin-top: -1.25rem; font-size: var(--font_size13); }
	.main_page2 .field_artist2_list .field_artist2_list_title { padding-left: 3.5rem; font-size: var(--font_size14); }
	.main_page2 .field_artist2_list .field_artist2_list_desc { min-width: 7rem; padding-left: 1rem; }
	.main_page2 .field_artist2_list .field_artist2_list_desc .cnt { font-size: var(--font_size20); }
	.main_page2 .field_artist1_chart .field_artist1_chart_box { height: 4rem; }
	.main_page2 .field_artist1_chart .field_artist1_chart_title { font-size: var(--font_size15); }
}
@media screen and (max-width:1440px) {

	/* G-Art 소개 */
	.page_intro .intro_top_box { padding-right: 4.5rem; padding-left: 4.5rem; }
	.page_intro .intro_list_wrap { padding-right: 10.5rem; padding-left: 10.5rem; }
	.page_intro .intro_circle { width: 35rem; height: 35rem; }
}
@media screen and (max-width:1380px) {

	/* 메인 */
	.main_page .region_artist_map { width: 44.5rem; height: 39.8rem; }
	.main_page .region_artist_map_cnt { font-size: var(--font_size12); }
	.main_page .region_artist_map_title { font-size: var(--font_size10); }
	.main_page .region_artist_map_btn.active:before { width: 6rem; height: 6rem; }
	.main_page .field_artist2_content_wrap { padding: 3rem; }
	.main_page .field_artist2_list { margin: 0 -1.5rem; }
	.main_page .field_artist2_list > li { padding: 0 1.5rem; }
	.main_page2 .container { max-width: 1060px; }
	.main_page2 .g_artist { height: 36.3rem; }
	.main_page2 .artist_info2_wrap { margin-top: 2rem; }
	.main_page2 .artist_tag_list { height: 3.5rem; }
	.main_page2 .artist_sns_list > li { margin-right: 0.5rem; }
	.main_page2 .artist_sns_list > li > a { width: 3rem; height: 3rem; }
	.main_page2 .artist_like { margin-left: 1rem; }
	.main_page2 .art_works .art_works_title_wrap { padding: 0 3rem 0 0; }
	.main_page2 .region_artist_map { width: 44.5rem; height: 39.8rem; }
	.main_page2 .region_artist_map_cnt { font-size: var(--font_size12); }
	.main_page2 .region_artist_map_title { font-size: var(--font_size10); }
	.main_page2 .region_artist_map_btn.active:before { width: 6rem; height: 6rem; }
	.main_page2 .region_artist:after { bottom: -1.5rem; left: -3rem; width: 15rem; height: 11.8rem; }
	.main_page2 .field_artist { padding: 3rem; padding-right: 0; padding-bottom: 0; }
	.main_page2 .field_artist1 { height: 22rem; }
	.main_page2 .field_artist1_left { padding: 1.5rem 2rem; }
	.main_page2 .field_artist1_txt1 { font-size: var(--font_size18); }
	.main_page2 .field_artist1_txt2 { font-size: var(--font_size15); }
	.main_page2 .field_artist1_right { padding: 1.5rem 2rem; }
	.main_page2 .field_artist2_wrap { padding-top: 4rem; }
	.main_page2 .field_artist2 { height: 24rem; padding: 2rem; }
	.main_page2 .field_artist2_bottom { height: 7rem; padding: 0 2rem; }
	.main_page2 .field_artist2_bottom_box { padding-left: 4.5rem; }
	.main_page2 .field_artist2_bottom_box:before { width: 3.5rem; height: 3.5rem; margin-top: -1.75rem; background-size: 1.6rem; }
	.main_page2 .field_artist2_txt2 { font-size: var(--font_size13); }
	.main_page2 .field_artist2_txt3 { font-size: var(--font_size18); }
	.main_page2 .field_artist2_txt4 { height: 4rem; }
	.main_page2 .field_artist2_content { height: calc(100% - 4rem); }
	.main_page2 .field_artist2_list > li { margin-bottom: 0.3rem; }
	.main_page2 .field_artist2_list .field_artist2_list_num { width: 1.5rem; height: 1.5rem; margin-top: -0.75rem; font-size: var(--font_size11); }
	.main_page2 .field_artist2_list .field_artist2_list_title { padding-left: 2rem; font-size: var(--font_size12); }
	.main_page2 .field_artist2_list .field_artist2_list_desc { min-width: 5.5rem; font-size: var(--font_size12); }
	.main_page2 .field_artist2_list .field_artist2_list_desc .cnt { font-size: var(--font_size14); }
	.main_page2 .field_artist1_chart:before { left: 6.5rem; }
	.main_page2 .field_artist1_chart .field_artist1_chart_box { height: 3.5rem; }
	.main_page2 .field_artist1_chart .field_artist1_chart_title { width: 6.5rem; font-size: var(--font_size14); }
	.main_page2 .field_artist1_chart .field_artist1_chart_cnt { height: 3.5rem; padding: 0 1rem; font-size: var(--font_size12); line-height: 3.5rem; }
}
@media screen and (max-width:1280px) {

	/* header */
	.header { z-index: 2022; position: fixed; top: 0; right: 0; left: 0; height: 8.75rem; }
	.header .container { height: 100%; }
	.header .header_inner { height: 100%; }
	.header .logo a { position: absolute; top: 2.375rem; left: 1.875rem; width: 13.375rem; height: 4rem; overflow: hidden; background: url(../../images/common/logo.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
	.header .mobile_toggle_btn { display: block; z-index: 2; position: absolute; top: 2.5rem; right: 1.5rem; width: 3.75rem; height: 3.75rem; overflow: hidden; background: url(../../images/common/icon_mo_menu.svg) no-repeat center/3rem; text-indent: 100%; white-space: nowrap; }
	.header.active .mobile_toggle_btn { background-image: url(../../images/common/icon_close.svg); background-size: 2.5rem; }
	.header .mobile_search_btn { display: block; position: absolute; top: 2.5rem; right: 6.75rem; width: 3.75rem; height: 3.75rem; overflow: hidden; background: url(../../images/common/icon_search.svg) no-repeat center/2.25rem; text-indent: 100%; white-space: nowrap; }
	.header .gnb { visibility: hidden; z-index: 2; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
	.header .gnb:before { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; }
	.header .gnb_inner { z-index: 2023; position: fixed; top: 0; right: -45rem; bottom: 0; width: 45rem; background-color: #fff; transition: right 0.2s ease-in-out; }
	.header .util { display: none; }
	.header .mobile_util { margin-bottom: 2.5rem; padding: 1.875rem 6.25rem 0 3.75rem; }
	.header .mobile_util_menu { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -1rem; }
	.header .mobile_util_menu > li { flex: 0 0 auto; padding: 0 1rem; }
	.header .mobile_util_menu > li > * { font-size: var(--font_size14); }
	.header .gnb .btn_registration { display: inline-flex; align-items: center; justify-content: center; width: 11.25rem; height: 5rem; border-radius: 1000px; /*background: #000;*/ background: var(--color4); color: #fff; text-align: center; font-weight: bold; margin-top: 1rem; }
	.header .search_form_wrap { display: none; z-index: 21; position: absolute; top: 7.375rem; right: 0; width: 100%; margin-top: 0; padding: 1.25rem 1.875rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
	.header .search_form_wrap .search_input { display: block; width: calc(100% - 6rem); height: 4.75rem; padding: 0 1.25rem; border: 1px solid #ddd; border-radius: var(--border_radius5); }
	.header .search_form_wrap .search_btn { position: absolute; top: 1.25rem; right: 1.875rem; width: 4.75rem; height: 4.75rem; border: 1px solid #ddd; border-radius: var(--border_radius5); }
	.header.active .gnb { visibility: visible; opacity: 1; }
	.header.active .gnb_inner { right: 0; }
	.header .gnb_depth1_wrap { height: calc(100% - 8.75rem); padding: 3.75rem; padding-top: 0.5rem; overflow: auto; }
	.header .gnb_depth1 > li > a { display: flex; position: relative; align-items: center; height: 5.625rem; color: #222; font-weight: bold; font-size: var(--font_size20); }
	.header .gnb_depth1 > li.active > a { color: var(--color1); font-weight: bold; }
	.header .gnb_depth1 > li.has_depth > a:before { display: block; position: absolute; top: 2.5rem; right: 0; width: 1.25rem; height: 0.75rem; background: url(../../images/common/icon_arr_bottom4.svg) no-repeat center/contain; content: ""; }
	.header .gnb_depth1 > li.has_depth.hover > a:before { background-image: url(../../images/common/icon_arr_top4.svg); }
	.header .gnb_depth2_wrap { display: none; }
	.header .gnb_depth1 > li.active .gnb_depth2_wrap { display: block; }
	.header .gnb_depth2 { padding-bottom: 2.5rem; }
	.header .gnb_depth2 > li > a { display: flex; align-items: center; height: 5rem; color: #333; }
	.header .gnb_depth2 > li.active > a { font-weight: bold; text-decoration: underline; }
	.header.scroll { border-bottom: 1px solid #ddd; background-color: #fff; }
	.header.scroll:before { top: 18.8rem; }

	/* layout */
	.content_body { margin-top: 8.75rem; }
	.main_page .region_artist { width: 100%; padding: 2.5rem; }
	.main_page .region_artist:after { display: none; }
	.main_page .region_artist:before { right: 0; left: 0; width: auto; }
	.main_page .region_artist_mobile { display: block; width: 100%; padding: 1.5rem 0; }
	.main_page .region_artist_mobile_title { margin-bottom: 1rem; font-weight: bold; font-size: var(--font_size20); }
	.main_page .region_artist_mobile_list { display: flex; margin: -0.5rem; overflow-x: auto; overflow-y: hidden; }
	.main_page .region_artist_mobile_list > li { flex-shrink: 0; padding: 0.5rem; }
	.main_page .region_artist_mobile_list > li > * { display: block; padding: 1rem 1.5rem; border: 2px solid var(--color4); border-radius: 1000px; background-color: #fff; font-size: 12px; }
	.main_page .region_artist_mobile_list > li.active > * { background-color: var(--color4); color: #fff; font-weight: bold; }
	.main_page .region_artist_map { display: none; }
	.main_page .region_artist_position { padding-top: 0; }
	.main_page .region_artist_wrap { position: static; flex-wrap: wrap; }
	.main_page .region_artist_left { width: 100%; padding-right: 0; padding-bottom: 2rem; }
	.main_page .region_artist_right { width: 100%; }
	.main_page .field_artist { width: 100%; padding: 2.5rem; }
	.main_page .field_artist:before { right: 0; left: 0; width: auto; }
	.main_page .field_artist2_list { display: block; }
	.main_page .field_artist2_content_wrap { padding: 2.5rem; }

	/* G-Art 소개 */
	.page_intro .intro_txt1 { font-size: 4.5rem; }
	.page_intro .intro_txt2 { font-size: 3.5rem; }
	.page_intro .intro_txt3 { font-size: 2.5rem; }
	.page_intro .intro_list_wrap { padding: 4.5rem; }
	.page_intro .intro_circle { width: 30rem; height: 30rem; }
	.page_intro .intro_circle .circle_link { font-size: 2.6rem; }

	/* BI 소개 */
	.page_bi .bi_txt1 { font-size: 4.5rem; }
	.page_bi .bi_txt_info { padding-left: 5rem; }
	.page_bi .bi_txt_info p.type1 { font-size: 3.5rem; }
	.page_bi .bi_txt_info p.type2 { font-size: 2.5rem; }
}
@media screen and (max-width:1024px) {

	/* footer */
	.footer .footer_menu_list { justify-content: center; }
	.footer .footer_links { width: 100%; margin-bottom: 2rem; }
	.footer .footer_links2 { flex-direction: column; align-items: stretch; width: 100%; }
	.footer .footer_sns_list { justify-content: center; }
	.footer .footer_familysite { margin-top: 2rem; }
	.footer .footer_familysite_title { width: 100%; }
	.footer .footer_info { padding: 2.5rem 0; }
	.footer .footer_inquiry { position: static; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ddd; }
	.footer .footer_inquiry_list { width: 100%; }
	.main_page .field_artist2_txt4 { padding: 0 2rem; font-size: var(--default_font_size); }
	.main_page2 .main_banner_slide1 { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.main_page2 .g_artist { width: 100%; height: auto; }
	.main_page2 .artist_info { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 20px; }
	.main_page2 .artist_info .artist_img { margin: 0; margin-right: 20px; }
	.main_page2 .artist_works { width: 100%; }
	.main_page2 .main_artist_slide1_control { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ddd; text-align: center; }
	.main_page2 .main_artist_slide1_control .control_btn { position: static; margin-top: 0; }
	.main_page2 .main_artist_slide1_control .control_btn.prev { margin-right: 10px; }
	.main_page2 .artist_info2_wrap { flex-wrap: wrap; }
	.main_page2 .artist_sns { width: 100%; margin-bottom: 15px; }
	.main_page2 .artist_tag { width: 100%; }
	.main_page2 .artist_tag_list { justify-content: center; }
	.main_page2 .region_artist { display: none; }
	.main_page2 .board_notice .notice_title_wrap { align-items: center; margin-bottom: 20px; }
	.main_page2 .board_notice .notice_tab { margin-bottom: 0; overflow-x: auto; overflow-y: hidden; }
	.main_page2 .board_notice .notice_tab::-webkit-scrollbar { display: none !important; }
	.main_page2 .board_notice .notice_title { flex: 0 0 auto; margin-right: 20px; }
	.main_page2 .board_notice .notice_tab_list { flex-wrap: nowrap; }
	.main_page2 .board_notice .notice_tab_list > li { flex: 0 0 auto; }
	.main_page2 .board_notice1 { margin-bottom: 20px; overflow-x: auto; overflow-y: hidden; }
	.main_page2 .board_notice1::-webkit-scrollbar { display: none !important; }
	.main_page2 .board_notice1 .doc15_list { flex-wrap: nowrap; }
	.main_page2 .board_notice1 .doc15_list > li { flex: 0 0 auto; width: 60%; }
	.main_page2 .board_notice2 { overflow-x: auto; overflow-y: hidden; }
	.main_page2 .board_notice2::-webkit-scrollbar { display: none !important; }
	.main_page2 .board_notice2 .doc16_list { flex-wrap: nowrap; }
	.main_page2 .board_notice2 .doc16_list > li { flex: 0 0 auto; width: 60%; }
	.main_page2 .gimpo_artist { width: 100%; padding: 4rem 3rem; }
	.main_page2 .art_works { position: static; width: 100%; padding: 4rem 3rem; border-radius: var(--border_radius30); }
	.main_page2 .art_works .art_works_slide1 .doc13_list > li { width: 50%; }
	.main_page2 .space_guide_slide1_control { display: none; }
	.main_page2 .space_guide { margin-top: 0; padding: 30px 0; }
	.main_page2 .item_box1 { margin-bottom: 30px; }
	.main_page2 .item_box3 { padding: 30px 0; }
	.main_page2 .space_guide .space_guide_slide1 .swiper { margin: 0; padding: 0; }
	.main_page2 .field_artist { width: 100%; padding: 3rem; background-color: #ece9f3; }
	.main_page2 .field_artist:before { display: none; }
	.main_page2 .field_artist1 { flex-wrap: wrap; height: auto; }
	.main_page2 .field_artist1_left { width: 100%; }
	.main_page2 .field_artist1_right { width: 100%; }
	.main_page2 .field_artist1_chart .field_artist1_chart_title { width: 8rem; }
	.main_page2 .field_artist1_chart:before { left: 8rem; }
	.main_page2 .field_artist2 { height: auto; padding-bottom: 9rem; }
	.main_page2 .field_artist2_left { width: 100%; margin-bottom: 2rem; }
	.main_page2 .field_artist2_right { position: static; width: 100%; }
	.main_page2 .field_artist2_content { height: auto; }
	.main_page2 .field_artist2_txt3 { font-size: var(--font_size13); }
	.main_page2 .region_artist_mobile { display: block; width: 100%; padding: 1.5rem; }
	.main_page2 .region_artist_mobile_title { margin-bottom: 1rem; font-weight: bold; font-size: var(--font_size20); }
	.main_page2 .region_artist_mobile_list { display: flex; margin: -0.5rem; overflow-x: auto; overflow-y: hidden; }
	.main_page2 .region_artist_mobile_list > li { flex-shrink: 0; padding: 0.5rem; }
	.main_page2 .region_artist_mobile_list > li > * { display: block; padding: 1rem 1.5rem; border: 2px solid var(--color4); border-radius: 1000px; background-color: #fff; font-size: 12px; }
	.main_page2 .region_artist_mobile_list > li.active > * { background-color: var(--color4); color: #fff; font-weight: bold; }

	/* G-Art 소개 */
	.page_intro .intro_txt1 { margin-bottom: -0.5rem; }
	.page_intro .intro_top_box_wrap { margin-bottom: 0; padding-top: 22rem; }
	.page_intro .intro_top_box_wrap:before { height: 25rem; }
	.page_intro .intro_top_box { top: 0; width: 100%; padding: 2rem; }
	.page_intro .intro_list_wrap { padding: 2.5rem 2rem; padding-bottom: 15rem; }
	.page_intro .intro_list1 { margin-bottom: 2.5rem; }
	.page_intro .intro_list2 { margin-bottom: 3.5rem; }
	.page_intro .intro_circle_wrap { bottom: 2rem; }
	.page_intro .intro_circle_inner { margin-right: -1rem; }
	.page_intro .intro_circle { width: 12rem; height: 12rem; padding: 0 2rem; }
	.page_intro .intro_circle .circle_link { padding: 0 1.5rem; font-size: var(--font_size20); }
	.page_intro .intro_circle.circle1 { right: -2.5rem; }
	.page_intro .circle_link_icon { padding-right: 2.5rem; }
	.page_intro .circle_link_icon:before { width: 1.5rem; height: 1.5rem; }

	/* BI 소개 */
	.page_bi .bi_content .content1 { width: 100%; }
	.page_bi .bi_content .content2 { width: 100%; }
	.page_bi .bi_icon_box { height: 30rem; }
	.page_bi .bi_icon { width: 40.7rem; height: 13.5rem; }
	.page_bi .bi_txt_info { padding: 3rem 2rem; }

	/* 마이페이지 */
	.page_mypage .mypage_main_item { width: 100%; }
	.page_mypage .mypage_main_item.item1_1 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item1_2 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item1_3 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item2_1 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item2_2 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item2_3 .mypage_main_item_contents,
	.page_mypage .mypage_main_item.item2_4 .mypage_main_item_contents { height: auto; }
	.page_mypage .mypage_main_item .art_list_wrap2 .cm_doc_list1 .doc1_list > li { width: 50%; }
	.page_mypage .notice_search_wrap { flex-wrap: wrap; }
	.page_mypage .notice_search_item { width: 100%; }
	.page_mypage .notice_search_item:last-child { margin-bottom: 0; }
	.page_mypage .notice_search_item .cm_btn { width: 100%; }
	.page_mypage .notice_search_list .cm_doc_list6 .doc6_list > li { flex-wrap: wrap; }
	.page_mypage .notice_search_list .cm_doc_list6 .doc6_date { width: 100%; }
	.page_mypage .notice_search_list .cm_doc_list6 .doc6_notice_wrap { width: 100%; }
	.page_mypage .notice_search_item .form_calendar { flex: 1 1 auto; }
	.page_mypage .notice_search_item .form_calendar input { width: 100%; }

	/* 서브 - 예술인 등록안내 */
	.page_guide .guide_info { flex-direction: column; align-items: stretch; }
	.page_guide .guide_info .cm_text_list5 { margin-bottom: 1.5rem; }
}
@media screen and (max-width:768px) {

	/* 메타버스 인트로 */
	.meta_intro .intro_logo { top: 3rem; left: 3rem; flex-direction: column; align-items: stretch; }
	.meta_intro .intro_logo .logo1 { margin-right: 0; margin-bottom: 2rem; }
	.meta_intro .intro_enter_logo { bottom: 3rem; width: 40rem; height: 15rem; margin-left: -20rem; }

	/* 마이페이지 */
	.page_mypage .mypage_main_item .art_list_wrap .cm_doc_list1 .doc1_list > li { width: 100%; }
	.page_mypage .mypage_main_item .art_list_wrap2 .cm_doc_list1 .doc1_list > li { width: 100%; }
}