/* [S] 참여하기 */
.space_btn_wrap .btn + .btn{ margin-left: 1rem}
.fw5f:after,
.fw5f:before{ font-family: "Font Awesome 5 Free"; font-weight: 900;}
.tab_con{ display: none}
.tab_con.on{ display: block}
.trigger_wrap .trigger_toggle{ display: none}
.trigger_wrap.open .trigger_toggle{ display: block; z-index: 1;}
.info_wrap{ display: flex; flex-wrap: wrap; align-items: center}
.info_wrap > span{ padding-right: 0.5rem}
.info_wrap > span:before{ content: "|"; margin-right: 0.5rem}
.info_wrap > span:first-child:before{ display: none}
.info_wrap.bar_gray > span:before{ color: #eee}
.bk_blur{ width: 110%; height: 110%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); filter: blur(0.5rem); background-size: cover; background-position: center; background-repeat: no-repeat}
.bk_blur:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3)}
.btn.disable{ pointer-events: none; background: #ccc; color: #555}

.fs0{ flex-shrink: 0}
.form_table .agree_info{ display: flex; align-items: center; justify-content: space-between; color: #666; font-size: 0.8rem; line-height: +1.5; margin: 1rem 0 2rem}
.form_table .agree_info .agree_radio{ margin: 0}
.info_gray{ font-size: 0.8rem; color: #666; font-weight: 600; line-height: +1.5}
.underline{ text-decoration: underline; text-underline-position: under}

/*sub_tab_menu*/
.sub_tab_menu{ display: flex}
.sub_tab_menu .tab_link{ margin-right: 0.9rem}
.sub_tab_menu .tab_link:last-child{ margin-right: 0}
.sub_tab_menu .tab_link a{ width: 7.5rem; height: 2.5rem; border-radius: 1.25rem; display: inline-flex; align-items: center; justify-content: center; background: #eee; color: #333}
.sub_tab_menu .tab_link.on a{ background: var(--primary); color: #fff}

.path_tab_menu_wrap{ display: flex; align-items: center; justify-content: flex-end; margin-bottom: 1.625rem}
.path_tab_menu{ display: flex}
.path_tab_menu .path_tab_link{ margin-right: 0.9rem}
.path_tab_menu .path_tab_link:last-child{ margin-right: 0}
.path_tab_menu .path_tab_link a{ width: 7.5rem; height: 2.5rem; border-radius: 1.25rem; display: inline-flex; align-items: center; justify-content: center; background: #eee; color: #333}
.path_tab_menu .path_tab_link.on a{ background: var(--primary); color: #fff}

/* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_목록 */
.page_search_wrap{ background: #F8F8F8; position: relative;padding: 4rem 0; z-index: 1;}
.page_search_wrap.fix.sc_fix{ position: fixed; top: 95px}
.page_search_con{ display: flex; align-items: center}
.page_search_con .page_search{ position: relative; height: 4.5rem; width: 100%}
.page_search_con .page_search input{ width: 100%; height: 100%; border: none; border-bottom: solid 2px #000; margin: 0; font-size: 1.2rem; padding-right: 3.5rem; background: transparent}
.page_search_con .page_search .search_btn{ height: 100%; display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 0.75rem; bottom: 0}
.page_search_con .page_search .search_btn:after{ content: "\f002"; display: inline-block; font-size: 1.875rem}
.page_search_con .page_search_detail{ flex-shrink: 0; margin-left: 2rem; font-weight: 600; font-size: 1rem; padding: 1.5rem; height: 4rem; display: inline-flex; align-items: center; justify-content: center}
.page_search_con .page_search_detail:after{ content: "\f078"; display: inline-block; font-size: 0.5rem; margin-left: 1.2rem; flex-shrink: 0}
.page_search_con .page_search_detail.open{ background: var(--black); color: #fff}
.page_search_con .page_search_detail.open:after{ content: "\f077"; color: #fff}
.page_search_con .page_search_btn_wrap{ flex-shrink: 0; margin-left: 2rem; display: flex}
.page_search_con .page_search_btn{ flex-shrink: 0; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: #DFDFDF; display: inline-flex; align-items: center; justify-content: center}
.page_search_con .page_search_btn + .page_search_btn{ margin-left: 1rem}
.page_search_con .page_search_btn:after{ color: #999}
.page_search_con .page_search_btn.reset:after{ content: "\f0e2"; display: inline-block; font-size: 1.35rem}
.page_search_con .page_search_btn.fix:after{ content: "\f08d"; display: inline-block; font-size: 1.2rem}
.page_search_con .page_search_btn:hover,
.page_search_con .page_search_btn.on{ background: #666}
.page_search_con .page_search_btn:hover:after,
.page_search_con .page_search_btn.on:after{ color: #fff}
.detail_trigger_wrap .trigger_toggle{ padding-top: 3rem}
.detail_trigger_wrap .trigger_toggle .m_layout,
.detail_trigger_wrap .trigger_toggle .m_layout_f{ display: none}
.search_condition_wrap .search_condition_list:first-child{ margin-top: 0}
.search_condition_wrap .search_condition_list{ display: flex; width: 100%; margin-top: 1rem}
.search_condition_wrap .search_condition_list .tit{ width: 7rem; flex-shrink: 0; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 900}
.search_condition_wrap .search_condition_list .con{ width: 100%; display: flex; flex-wrap: wrap}
.search_condition_wrap .search_condition_list .con .search_condition_item{ min-width: 7.5rem; height: 2.5rem; border-radius: 1.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; background: #dfdfdf; color: #333; margin: 0 0 1rem 0.75rem}
.search_condition_wrap .search_condition_list .con .search_condition_item.on{ background: var(--primary); color: #fff}

.curation_list ul{display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem;}
.curation_list ul li{display: flex; border: 1px solid #dfdfdf; height: 19rem; overflow: hidden; }
.curation_list ul li .img_wrap{position: relative; width: 50%; height: 100%; background: url('../img/sub/bg_curation_list.png') no-repeat center / cover; padding: 2.75rem;}
.curation_list ul li .img_wrap .cate{display: inline-block; text-align: center; width: 5.25rem; line-height: 1.75rem; background: var(--s_primary); position: absolute; top: 0; left: 0; font-size: 0.8rem;}
.curation_list ul li .img_wrap .img{margin-bottom: 1.5rem; width: 100%; height: 11.5rem;}
.curation_list ul li .img_wrap .tit{font-size: 1rem; font-weight: 700; color: #fff; text-align: center;}
.curation_list ul li .txt_wrap{position: relative; width: 50%; padding: 1.5rem;} 
.curation_list ul li .txt_wrap .stat{font-size: 0.8rem; font-weight: 600; color: var(--primary); font-weight: 600;}
.curation_list ul li .txt_wrap .txt{margin: 0.5rem 0; text-overflow: ellipsis; overflow: hidden; height: 8.5rem; display: -webkit-box; -webkit-box-orient: vertical;}
.curation_list ul li .txt_wrap .date{font-size: 0.8rem; color: #666;}
.curation_list ul li .txt_wrap .view{font-size: 0.8rem; color: #666; position: absolute; bottom: 4.9rem; right: 1.5rem;}
.curation_list ul li .txt_wrap .view i{margin-right: 0.5rem;}
.curation_list ul li .btn_wrap{margin-top: 1rem;}
.curation_list ul li .btn_wrap .b_gray{background: #dfdfdf !important;}
/* 검토중 */
.curation_list ul li.review .txt_wrap{background: #f8f8f8;}
.curation_list ul li.review .txt_wrap .stat{color: var(--red);}
/* 미승인 */
.curation_list ul li.not_approval .txt_wrap{background: #eee;}
.curation_list ul li.not_approval .txt_wrap .stat{color: #000;}
.curation_list ul li.not_approval .txt_wrap .txt,
.curation_list ul li.not_approval .txt_wrap .date,
.curation_list ul li.not_approval .txt_wrap .view{color: #999;}

/* 팝업 */
.curation_list_wrap{ padding-top: 4rem;}
.curation_list_wrap .curation_list ul li{ display: block}
.curation_list_wrap .curation_list ul li a{ display: flex; height: 100%}
.curation_list_wrap .curation_list ul li a .txt_wrap{ display: flex; flex-flow: column nowrap; justify-content: space-between; background: #fff;}
.curation_list_wrap .curation_list ul li a .info{ display: flex; align-items: center; justify-content: space-between;}
.curation_list_wrap .curation_list ul li a .info .view{ position: static}
/* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_목록 */

/* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_팝업 */
.tem_ty01_01{ position: relative; display: flex; width: 100%; max-height: 90vh; overflow:hidden auto; padding-bottom: 3.5rem;}
.tem_ty01_01 .tem_txt_wrap{ width: 100%}
.tem_ty01_01 .tem_txt_wrap .tem_tit{ position: relative; padding: 1.5rem 0 0; width: 100%}
.tem_ty01_01 .tem_txt_wrap .tem_tit .tit_bg{ width: 200%; height: 100%; position: absolute; right: 0; top: 0}
.tem_ty01_01.tem_ty01_01_b .tem_txt_wrap .tem_tit .tit_bg{right: auto;}
.tem_ty01_01 .tem_txt_wrap .tem_tit .tit_bg:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5)}
.tem_ty01_01 .tem_txt_wrap .tem_tit .board_detail_box{ color: #fff; background: transparent; border: none; margin-bottom: 0; position: relative;}
.tem_ty01_01 .tem_txt_wrap .tem_tit .board_detail_box .info_wrap span{ color: #eee; font-size: 1rem}
.tem_ty01_01 .tem_txt_wrap .tem_tit .board_detail_box .info_wrap span img{ filter: brightness(10); margin-right: 0.2rem; position: relative; top: -0.05rem}
.tem_ty01_01 .tem_txt_wrap .tem_txt{ padding: 2.5rem 2rem 0; width: 100%; text-align: center}
.tem_ty01_01 .tem_txt_wrap .tem_txt .txt{ margin-bottom: 2.5rem; width: 100%; text-align: left}
.tem_ty01_01 .tem_txt_wrap .tem_txt .btn{ font-size: 0.9rem}
.tem_ty01_01 .tem_img_wrap{ width: 32%; padding: 3.5rem 0 0 2rem; position: relative; flex-shrink: 0}
.tem_ty01_01.tem_ty01_01_b .tem_img_wrap{padding-right: 2rem;}
.tem_ty01_01 .tem_img_wrap .img_box{position: relative; width: 100%; max-height: 100%; overflow: hidden; border: solid 1px #DFDFDF; z-index: 1;}
.tem_ty01_01 .tem_img_wrap .img_box img{ width: 100%; height: 100%; object-fit: contain; object-position: top}
.tem_ty01_01 .tem_img_wrap .img_txt{ border-left: solid 2px #000; font-size: 0.9rem; font-weight: 600; padding-left: 0.675rem; flex-shrink: 0; margin-top: 1rem}

.tem_ty01_01.ty_rv .tem_txt_wrap .tem_tit .tit_bg{ right: auto; left: 0}
.tem_ty01_01.ty_rv .tem_img_wrap{ padding: 3.5rem 2rem 0 0}

.tem_ty01_02{ display: flex; flex-flow: column nowrap; height: 100%}
.tem_ty01_02 .tem_tit_wrap{ position: relative; padding: 1.5rem 0 0; width: 100%; flex-shrink: 0}
.tem_ty01_02 .tem_tit_wrap:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)}
.tem_ty01_02 .tem_tit_wrap .board_detail_box{ color: #fff; background: transparent; border: none; margin-bottom: 0; position: relative; z-index: 2}
.tem_ty01_02 .tem_tit_wrap .board_detail_box .info_wrap span{ color: #eee; font-size: 1rem}
.tem_ty01_02 .tem_tit_wrap .board_detail_box .info_wrap span img{ filter: brightness(10); margin-right: 0.2rem; position: relative; top: -0.05rem}
.tem_ty01_02 .tem_txt_wrap{ display: flex; height: 25.5rem; padding: 2.5rem 2rem}
.tem_ty01_02 .tem_txt{ width: 50%; flex-shrink: 0; padding: 0.5rem 2rem 0.5rem 0; height: 100%; overflow-y: auto}
.tem_ty01_02.tem_ty01_02_b .tem_txt{padding: 0.5rem 0 0.5rem 2rem;}
.tem_ty01_02 .tem_list{ width: 50%; flex-shrink: 0; padding: 0 1rem 0 2rem ; overflow-y: auto}
.tem_ty01_02 .tem_list .tem_item{ width: 100%; margin-bottom: 3.5rem; display: flex}
.tem_ty01_02 .tem_list .tem_item:last-child{ margin-bottom: 0}
.tem_ty01_02 .tem_list .tem_item .img_wrap{ margin-right: 1.5rem; flex-shrink: 0}
.tem_ty01_02 .tem_list .tem_item .img_wrap .img{ width: 8.5rem; height: 8.5rem; }
.tem_ty01_02 .tem_list .tem_item .txt_wrap .tit{ font-size: 1rem; font-weight: 600; margin-bottom: 1rem}
.tem_ty01_02 .tem_list .tem_item .txt_wrap .txt{ font-size: 0.9rem; margin-bottom: 1rem; color: #333}
.tem_ty01_02 .tem_list .tem_item .txt_wrap .btn{ font-size: 0.8rem}

.tem_ty01_02.ty_rv .tem_list{ padding: 0 1rem 0 0}
.tem_ty01_02.ty_rv .tem_txt{ padding: 0.5rem 0 0.5rem 2rem}
/* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_팝업 */

/* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */
.form_con_wrap{ margin-bottom: 4rem}
.form_tit_wrap{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem}
.form_tit_wrap .ty_info{ display: flex; align-items: center}
.form_tit_wrap .form_tit{ font-size: 1.6rem; font-weight: 900}
.form_tit_wrap .form_tit_info{ font-size: 0.9rem; font-weight: 600; color: #333; display: inline-flex}
.form_tit_wrap .form_tit_info:before{ content: "|"; margin: 0 1rem}
.form_tit_wrap .btn_area .btn{ font-size: 0.9rem; font-weight: 400}
.form_tit_wrap .space_btn_wrap .btn + .btn{ margin-left: 0.5rem}
.form_txt_wrap{ display: flex; justify-content: space-between; align-items: flex-end}
.form_txt_wrap .form_txt{ font-size: 1rem; font-weight: 600; color: #333}
.form_table .assist_txt{ margin: 0 0.5rem; font-size: 0.8rem; color: #666}
.form_table .assist_txt + .assist_txt{ margin-left: 0}
.time_count{ background: #F2F6FF; padding: 0 1.5rem; height: 2rem; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 0.8rem; color: #333; font-weight: 600}
.bg_list{ display: flex}
.bg_list .bg_item{ margin-right: 1rem}
.bg_list .bg_item:last-child{ margin-right: 0}
.bg_list .bg_item > a{ width: 2rem; height: 2rem; display: block; border-radius: 50%}
.bg_list .bg_item.on > a{ border: solid 4px #EBCD0B}
.template_btn{ background: #ccc}
.select_img_list{ background: #F8F8F8; display: grid; grid-template-columns: repeat(5,1fr); gap: 40px; padding: 3rem 2rem}
.select_img_item{ position: relative; width: 100%}
.select_img_item.on:before{ content: ""; border: 4px solid var(--primary); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}
.select_img_item.on:after{ content: "대표"; width: 3.75rem; height: 1.75rem; font-size: 0.9rem; color: #fff; background: var(--primary); position: absolute; left: 0; top: 0; z-index: 3; display: inline-flex; align-items: center; justify-content: center}
.select_img_item .img{ position: relative; border: 4px solid var(--primary);}
.select_img_item .img:before{ content: ""; display: block; padding-top: 100%; width: 100%}
.select_img_item .num{display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--primary); color: #fff; border-radius: 50%; font-size: 0.9rem;}
.layer_pop_wrap.make_path .path_data_item.on .num{ display: flex}
.select_img_item .del{ width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.5);}
.select_img_item .del i{ color: #fff; font-size: 1rem}
/* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */

/* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록_팝업*/
.layer_pop_wrap.select_tem .layer_cont{ padding: 0; display: flex; width: 100%}
.layer_pop_wrap.select_tem .select_tem_list{ padding: 2.5rem 1rem 3rem 2rem; max-height: calc(90vh - 3.5rem); overflow-y: auto; width: 25%; flex-shrink: 0;}
.layer_pop_wrap.select_tem .select_tem_list .slick-dots{ display: flex; align-items: center; justify-content: center; width: 100%}
.layer_pop_wrap.select_tem .select_tem_list .slick-dots li{ width: 0.5rem; height: 0.5rem; border-radius: 50%; overflow: hidden; color: transparent; text-indent: -9999999999px; background: #DFDFDF; margin: 0 0.2rem}
.layer_pop_wrap.select_tem .select_tem_list .slick-dots li.slick-active{ background: #CBA585}
.layer_pop_wrap.select_tem .select_tem_list .select_tem_item{ margin-bottom: 1.5rem}
.layer_pop_wrap.select_tem .select_tem_list .select_tem_item.on .select_tem{ border: 4px solid var(--primary);}
.layer_pop_wrap.select_tem .select_tem_list .select_tem_tit{ font-size: 1rem; font-weight: 900; margin-bottom: 0.8rem; padding-left: 0.7rem; border-left: solid 2px #000; line-height: +1.2}
.layer_pop_wrap.select_tem .select_tem_list .select_tem{ width: 100%; display: flex; background: #F4F4F4;}
.layer_pop_wrap.select_tem .select_tem_list .img_wrap{ position: relative; width: 46%; flex-shrink: 0; background: #DFDFDF;}
.layer_pop_wrap.select_tem .select_tem_list .img_wrap:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.layer_pop_wrap.select_tem .select_tem_list .img_wrap i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 1.5rem; color: #6F6F6F}
.layer_pop_wrap.select_tem .select_tem_list .img_list{ position: relative; width: 46%; flex-shrink: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 0.25rem}
.layer_pop_wrap.select_tem .select_tem_list .img_list .img{ position: relative; background: #DFDFDF;}
.layer_pop_wrap.select_tem .select_tem_list .img_list .img:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.layer_pop_wrap.select_tem .select_tem_list .img_list .img i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 1rem; color: #6F6F6F}
.layer_pop_wrap.select_tem .select_tem_list .txt_wrap{ width: 100%; padding: 1rem; background: #F4F4F4}
.layer_pop_wrap.select_tem .select_tem_list .txt_wrap .tit{ font-size: 0.8rem; font-weight: 900; color: #333}
.layer_pop_wrap.select_tem .select_tem_list .txt_wrap .txt{ font-size: 0.7rem; color: #333; line-height: 1.5; margin-bottom: 0.5rem}
.layer_pop_wrap.select_tem .select_tem_list .txt_wrap .btn{ font-size: 0.5rem; color: #666; height: 1.25rem; line-height: 1.25rem}
.layer_pop_wrap.select_tem .tem01_01{ padding: 2.5rem 1rem 3rem 2rem; max-height: calc(90vh - 3rem); overflow-y: auto; width: 100%}
.layer_pop_wrap.select_tem .select_tem_sample_wrap{ padding: 1rem 1rem 3rem; max-height: calc(90vh - 3.5rem); overflow: auto}
.layer_pop_wrap.select_tem .select_tem_sample{ display: none; min-width: 1000px}
.layer_pop_wrap.select_tem .select_tem_sample.on{ display: block}
.layer_pop_wrap.select_tem .select_tem_sample .tem_wrap{ background: #f8f8f8}

.layer_pop_wrap.add_data .layer_cont{ padding: 0}
.layer_pop_wrap.add_data .page_search_con{ background: #f8f8f8; padding: 2.5rem; justify-content: center; border-bottom: solid 1px #EBEBEB}
.layer_pop_wrap.add_data .page_search{ max-width: 800px}
.layer_pop_wrap.add_data .board_search select{ margin-left: 0.5rem}
.layer_pop_wrap.add_data .board_search .info_wrap span:before{ color: #EBEBEB}
.layer_pop_wrap.add_data .pop_select_img_list_wrap{ padding: 2rem 2rem 3rem; max-height: calc(90vh - 13.5rem); overflow-y: auto}
.layer_pop_wrap.add_data .pop_select_img_list{ display: grid; grid-template-columns: repeat(5,1fr); gap: 40px; }
.layer_pop_wrap.add_data .pop_select_img_item{ width: 11.5rem;}
.layer_pop_wrap.add_data .pop_select_img_item .img_wrap{ margin-bottom: 1rem; position: relative}
.layer_pop_wrap.add_data .pop_select_img_item .img_wrap .img{ width: 100%; height: 11.5rem; border: 1px solid #ddd;}
.layer_pop_wrap.add_data .pop_select_img_item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%; width: 100%}
.layer_pop_wrap.add_data .pop_select_img_item .img_wrap .img:before{ content: ""; display: block; padding-top: 100%; width: 100%}
.layer_pop_wrap.add_data .pop_select_img_item .ck_box{ position: absolute; left: 0.8rem; top: 0.8rem}
.layer_pop_wrap.add_data .pop_select_img_item label{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.layer_pop_wrap.add_data .pop_select_img_item .ck_box:checked + label{ border: 4px solid var(--primary);}
.layer_pop_wrap.add_data .pop_select_img_item .txt_wrap .tit{ font-size: 0.9rem; font-weight: 900; margin-bottom: 0.5rem}
.layer_pop_wrap.add_data .pop_select_img_item .txt_wrap .txt{ font-size: 0.7rem; color: #666}
.layer_pop_wrap.add_data .btn_area{ position: relative}
.layer_pop_wrap.add_data .btn_area .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.9rem; font-weight: 400}
/* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록_팝업*/

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_목록 */
.ex_curation_list ul{display: grid; grid-template-columns: repeat(4, calc((100% - 3rem) / 4)); gap: 1rem;}
.ex_curation_list ul li{border: 1px solid #dfdfdf;}
.ex_curation_list ul li .img{height: 13.75rem; background: #dfdfdf;}
.ex_curation_list ul li .img .cate{display: inline-block; text-align: center; width: 5.25rem; line-height: 1.75rem; background: #000; color: #fff; position: absolute; top: 0; left: 0; font-size: 0.8rem; z-index: 1;}
.ex_curation_list ul li .txt_wrap{padding: 1.5rem 1rem;}
.ex_curation_list ul li .txt_wrap .stat{color: var(--primary); font-weight: 600; font-size: 0.8rem; display: block;}
.ex_curation_list ul li .txt_wrap .tit{font-size: 1rem; font-weight: 700; margin:0.5rem 0 1rem;}
.ex_curation_list ul li .txt_wrap em{color: #666;}
.ex_curation_list ul li .txt_wrap .view{border-left: 1px solid #dfdfdf; padding-left: 0.5rem; margin-left: 0.5rem;}
.ex_curation_list ul li .txt_wrap .view i{margin-right: 0.5rem;}
.ex_curation_list ul li .btn_wrap .b_gray{background: #dfdfdf !important;}
/* 검토중 */
.ex_curation_list ul li.review .txt_wrap{background: #f8f8f8;}
.ex_curation_list ul li.review .txt_wrap .stat{color: var(--red);}
/* 미승인 */
.ex_curation_list ul li.not_approval .txt_wrap{background: #eee;}
.ex_curation_list ul li.not_approval .txt_wrap .stat{color: #000;}
.ex_curation_list ul li.not_approval .txt_wrap .tit,
.ex_curation_list ul li.not_approval .txt_wrap em{color: #999;}

.ex_curation_list ul li > a{ display: block}
.ex_curation_list ul li .hashtag{ margin-top: 1rem; display: flex; flex-wrap: wrap}
.ex_curation_list ul li .hashtag span{ font-size: 0.8rem; color: var(--primary); margin-right: 0.25rem}

.m_tab_wrap{position: relative; display: flex; width: 100%; align-items: center; background: #fff;}
.m_tab_wrap::before{width: 100vw; height: 2px; background: var(--primary); position: absolute; left: calc(50% - 50vw); bottom: 0; content: '';}
.m_tab_wrap .m_tab{ flex: 1; background: #F2F6FF; color: var(--primary); font-size: 0.8rem; font-weight: 900; height: 2.8rem;}
.m_tab_wrap .m_tab.on{ background: var(--primary); color: #fff}
.m_tab_wrap .m_tab a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%}

.list_trigger_wrap .trigger_toggle{ display: block !important; padding: 0}
.list_trigger{ display: none}
/* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_목록 */

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_팝업 */
.tem_ty02_01{ width: 100%; display: flex; height: 100%}
.tem_ty02_01 .img_wrap{ width: 38.5%; overflow: hidden; position: relative; flex-shrink: 0}
.tem_ty02_01 .img_wrap .inn{ width: 100%; height: 100%; position: relative; padding: 3.5rem 2rem 3rem}
.tem_ty02_01 .img_wrap .img_tit{ font-size: 1.6rem; color: #F8F8F8; font-weight: 500; margin-bottom: 1rem}
.tem_ty02_01 .img_wrap .img_txt{ display: flex; font-size: 1.2rem; color: #F8F8F8; margin-bottom: 0.5rem}
.tem_ty02_01 .img_wrap .img_txt .t{ flex-shrink: 0; margin-right: 0.25rem}
.tem_ty02_01 .img_wrap .curator{ font-size: 0.9rem; color: #DFDFDF; text-align: right}
.tem_ty02_01 .img_wrap .img{ width: 100%; position: relative; background: #fff;}
.tem_ty02_01 .img_wrap .img:before{ content: ""; width: 100%; padding-top: 100%; display: block}
.tem_ty02_01 .txt_wrap{ width: 100%; padding: 1rem 2rem 2rem}
.tem_ty02_01 .txt_wrap .board_detail_box{ background: transparent; padding: 2rem 0; border: none}
.tem_ty02_01 .txt_wrap .board_detail_box .btn_area{ right: 0}
.tem_ty02_01 .txt_wrap .tem_txt{ text-align: center;}
.tem_ty02_01 .txt_wrap .tem_txt .txt{ text-align: left; margin-bottom: 2rem; font-size: 1rem; padding-top: 20px;}
.tem_ty02_01 .txt_wrap .tem_txt .btn{ font-size: 0.9rem}
.tem_ty02_01 .txt_wrap .tem_txt .btn:before{ content: "\f66f"; display: inline-block; font-size: 0.9rem; margin-right: 0.4rem}
.tem_ty02_01 .inn_img_wrap + .inn_txt_wrap{ margin-top: 1.5rem}
.tem_ty02_01 .inn_txt_wrap + .inn_img_wrap{ margin-top: 1rem}
.tem_ty02_01.tem_ty02_01_c .img_wrap .inn{ padding: 0}
.tem_ty02_01.tem_ty02_01_c .inn_img_wrap{ width: 100%; position: relative; margin: 0}
.tem_ty02_01.tem_ty02_01_c .inn_img_wrap:before{ content: ""; padding-top: 155%; width: 100%; display: block}
.tem_ty02_01.tem_ty02_01_c .inn_img_wrap .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.tem_ty02_01.tem_ty02_01_c .inn_txt_wrap{ width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.6); padding: 1.5rem;}


.tem_ty02_02{ display: flex; flex-flow: column nowrap; height: 100%}
.tem_ty02_02 .tem_tit_wrap{ position: relative; padding: 1.5rem 0 0; width: 100%; flex-shrink: 0}
.tem_ty02_02 .tem_tit_wrap .cate_wrap{ display: flex; align-items: center}
.tem_ty02_02 .tem_tit_wrap .cate_wrap .info_wrap{ margin-left: 1.5rem}
.tem_ty02_02 .tem_tit_wrap .tem_tit{ display: flex; align-items: center; justify-content: space-between}
.tem_ty02_02 .tem_tit_wrap .tem_tit .btn_area{ flex-shrink: 0; position: static}
.tem_ty02_02 .tem_tit_wrap:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)}
.tem_ty02_02 .tem_tit_wrap .board_detail_box{ color: #fff; background: transparent; border: none; margin-bottom: 0; position: relative; padding-bottom: 3.5rem; padding-top: 1rem;}
.tem_ty02_02 .tem_tit_wrap .board_detail_box .info_wrap span{ color: #eee; font-size: 1rem}
.tem_ty02_02 .tem_tit_wrap .board_detail_box .info_wrap span img{ filter: brightness(10); margin-right: 0.2rem; position: relative; top: -0.05rem}
.tem_ty02_02 .tem_tit_wrap .board_detail_box .share_util{bottom: 5rem; right: 2rem;}
.tem_ty02_02 .tab{ margin-top: -2.5rem; margin-bottom: 0; padding: 0 2rem; position: relative;}
.tem_ty02_02 .tab ul{ display: inline-flex}
.tem_ty02_02 .tab ul li a{ padding: 0 2rem 1rem 2rem; height: auto; line-height: +1.3; color: #999; border-bottom: none; font-size: 1rem}
.tem_ty02_02 .tab ul li.on a{ color: var(--s_primary); border-bottom: solid 4px var(--s_primary)}
.tem_ty02_02 .tab_change_con{ padding: 1.5rem 2rem; }
.tem_ty02_02 .tem_con_wrap{ display: flex; position: relative}
.tem_ty02_02 .tem_con_wrap.ty_half:before{ content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #E8E8E8}
.tem_ty02_02 .tem_con_wrap.ty_list:before{ content: ""; width: 1px; height: 100%; position: absolute; left: 30%; top: 0; background: #E8E8E8}
.tem_ty02_02 .tem_con_wrap .tem_txt_wrap{ width: 50%; flex-shrink: 0; padding: 2rem 1.5rem 0 0}
.tem_ty02_02 .tem_con_wrap .tem_txt_wrap .txt{ padding-right: 0.5rem; max-height: 20rem; overflow-y: auto}
.tem_ty02_02 .tem_con_wrap .tem_slide_wrap{ width: 50%; flex-shrink: 0; padding-left: 2rem;}
.tem_ty02_02 .tem_con_wrap .tem_slide_inn{ width: 100%; overflow: hidden; padding: 3.5rem 0 4rem}
.tem_ty02_02 .tem_con_wrap .tem_slide { width: 100%; overflow: visible; position: relative}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-list{ overflow: visible}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-slide { transition: transform 0.3s ease; transform: scale(1)}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-center { z-index: 2; position: relative; width: 100%; transform: scale(1.5)}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-slide img{ width: 100%}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-dots{ display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; bottom: -4rem; left: 0}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-dots li{ width: 0.5rem; height: 0.5rem; border-radius: 50%; overflow: hidden; color: transparent; text-indent: -9999999999px; background: #DFDFDF; margin: 0 0.2rem}
.tem_ty02_02 .tem_con_wrap .tem_slide .slick-dots li.slick-active{ background: #CBA585}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item{ position: relative}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item:before{ content: ""; background: rgba(0,0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item.slick-center .hid_wrap{ display: block}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap{ color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.25rem 1rem; display: none}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap .hid_tit{ font-size: 0.9rem; margin-bottom: 0.8rem}
.tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap .btn{ width: 4rem; height: 1.375rem; display: flex; align-items: center; justify-content: center; border: solid 1px #fff; font-size: 0.5rem; line-height: 1; padding: 0 0.5rem}
.tem_ty02_02 .tem_con_wrap .tem_list_wrap{ width: 30%; flex-shrink: 0; padding: 2rem 1.5rem 0 0}
.tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_list{ padding-right: 0.5rem; height: 20rem; overflow-y: auto}
.tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_item{ position: relative; font-size: 1rem; font-weight: 600; color: #333; margin-bottom: 0.8rem; padding-left:0.75rem;}
.tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_item:before{width: 0.25rem; height: 0.25rem; background: #000; border-radius:50%; position:absolute; left: 0; top: 0.7rem; content: '';}
.tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_item.on{ color: var(--primary)}
.tem_ty02_02 .tem_con_wrap .tem_map_wrap{ padding: 0 0 0 2rem; margin-top: -2.5rem}
.tem_ty02_02 .tem_con_wrap .tem_map_wrap .btn{ margin-bottom: 1rem}

.tem_ty02_02 .tem_con_wrap .pop_data_wrap{ position: absolute; right: 0; bottom: 1.5rem; background: #fff; border-radius: 1rem; padding: 2rem 1.5rem 1.5rem; display: flex; align-items: center;  border: 1px solid #dfdfdf; width: 25rem;}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .img{ width: 7rem; height: 7rem; flex-shrink: 0; margin-right: 0.9rem}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .txt_wrap {width: calc(100% - 7rem);}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .txt_wrap .tit{ font-size: 0.9rem; font-weight: 900; color: #000; margin-bottom: 0.8rem}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .txt_wrap .txt{ font-size: 0.8rem; font-weight: 600; color: #333; margin-bottom: 0.6rem}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .txt_wrap .btn{ font-size: 0.7rem; margin-bottom: 0; height: 1.75rem; line-height: 1.75rem; color: #333; min-width: 4.6rem;}
.tem_ty02_02 .tem_con_wrap .pop_data_wrap .btn_close{ position: absolute; right: 1rem; top: 0.5rem; cursor: pointer}

.tem_ty02_02 .tab.ty1{width: 100%; overflow-x: auto}
.tem_ty02_02 .tab.ty1 ul{display: flex; white-space: nowrap}
.tem_ty02_02 .tab.ty1 li a{padding: 0 1rem 1rem}
/* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_팝업 */

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록01*/
.preview_tem_wrap{ width: 27.77%; margin-right: 5.5%; flex-shrink: 0}
.preview_tem_wrap .btn_area{ margin-bottom: 2rem}
.preview_tem_wrap .template_btn{ margin-top: 1rem; width: 80%; padding: 0.5rem}
.preview_tem_wrap .template_btn i,
.preview_tem_wrap .template_btn img{margin-right: 0.5rem; font-size: 1rem; vertical-align: middle;}
.preview_tem_wrap  .tem_ty02_01_a #photo_slider { margin-bottom: 1rem}
.preview_tem_wrap  #photo_slider { margin-top: 1rem; width: 100%; }
.preview_tem_wrap  .tem_wrap  .img_wrap{ width: 100%; margin-top: 2.5rem}

.preview_tem_wrap .ui-state-default,
.preview_tem_wrap .ui-widget-content .ui-state-default,
.preview_tem_wrap .ui-widget-header .ui-state-default,
.preview_tem_wrap .ui-button,
html .preview_tem_wrap .ui-button.ui-state-disabled:hover,
html .preview_tem_wrap .ui-button.ui-state-disabled:active{ width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #fff; border: solid 0.4rem #CBA585;}
html .preview_tem_wrap .ui-slider-horizontal{ height: 0.3rem; background: #999; border: none}
.preview_tem_wrap .ui-slider-horizontal .ui-slider-handle{ top: 50%; transform: translateY(-50%)}
/* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록01*/

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록01_팝업*/
.layer_pop_wrap.select_tem02 .layer_cont{ padding: 0; width: 100%}
.layer_pop_wrap.select_tem02 .select_tem_list_wrap{ padding: 2rem; max-height: calc(90vh - 3.5rem); overflow-y: auto; width: 100%;}
.layer_pop_wrap.select_tem02 .select_tem_list{ width: 100%; flex-shrink: 0; display: flex; justify-content: center}
.layer_pop_wrap.select_tem02 .select_tem_item{ width: 33.33%; flex-shrink: 0; padding: 0 3.5%}
.layer_pop_wrap.select_tem02 .select_tem_inn{ width: 100%; height: 100%; display: flex; flex-flow: column}
.layer_pop_wrap.select_tem02 .select_tem_item .select_tem_tit{ font-size: 1.4rem; color: #000; font-weight: 900; border-left: solid 2px #000; padding-left: 0.6rem; margin-bottom: 1rem; line-height: +1; flex-shrink: 0}
.layer_pop_wrap.select_tem02 .select_tem_item.on .select_tem_tit{ color: var(--primary); border-left: solid 2px var(--primary)}
.layer_pop_wrap.select_tem02 .select_tem_item .select_tem{ width: 100%; height: 100%; padding: 9%; background: #f8f8f8; border: solid 1px #dfdfdf}
.layer_pop_wrap.select_tem02 .select_tem_item.on .select_tem{ box-shadow: 3px 3px 6px #00000029; border: 4px solid #1F397D;}
.layer_pop_wrap.select_tem02 .select_tem_item .img_wrap{ width: 100%; position: relative; display: flex; align-items: center; justify-content: center; flex-flow: column; background: #DFDFDF;}
.layer_pop_wrap.select_tem02 .select_tem_item .img_wrap:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.layer_pop_wrap.select_tem02 .select_tem_item .img_wrap .inn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #999; font-size: 0.8rem}
.layer_pop_wrap.select_tem02 .select_tem_item .img_wrap .inn i{ font-size: 1.875rem; margin-bottom: 1.25rem}
.layer_pop_wrap.select_tem02 .select_tem_item .txt_wrap{ width: 100%; position: relative}
.layer_pop_wrap.select_tem02 .select_tem_item .txt_wrap .tit{ font-size: 0.9rem; margin-bottom: 0.5rem; font-weight: 900; color: #333}
.layer_pop_wrap.select_tem02 .select_tem_item .txt_wrap .txt{ font-size: 0.8rem; margin-bottom: 1rem; font-weight: 600; color: #666}
.layer_pop_wrap.select_tem02 .select_tem_item .txt_wrap .curator{ font-size: 0.8rem; font-weight: 600; color: #333}
.layer_pop_wrap.select_tem02 .select_tem_item .img_wrap + .txt_wrap{ margin-top: 1.5rem}
.layer_pop_wrap.select_tem02 .select_tem_item .txt_wrap + .img_wrap{ margin-top: 1rem}
.layer_pop_wrap.select_tem02 .select_tem_item .radio-area{ flex-shrink: 0; margin-top: 1.5rem}
.layer_pop_wrap.select_tem02 .select_tem_item .radio-area label{ display: flex; justify-content: center; align-items: center; line-height: +1}
.layer_pop_wrap.select_tem02 .select_tem_item .radio-area span{ font-size: 1.2rem; font-weight: 600; color: #000}
.layer_pop_wrap.select_tem02 .select_tem_item .radio-area input{ margin-top: 0; margin-right: 0.5rem}
.layer_pop_wrap.select_tem02 .select_tem_item.ty_c .select_tem{ padding: 0; width: 100%; height: 100%; position: relative}
.layer_pop_wrap.select_tem02 .select_tem_item.ty_c .img_wrap{ padding: 0; width: 100%; height: 100%}
.layer_pop_wrap.select_tem02 .select_tem_item.ty_c .txt_wrap{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.2); padding: 1.25rem}
.layer_pop_wrap.select_tem02 .select_tem_item.on .radio-area span{ font-weight: 900; color: var(--primary)}

.layer_pop_wrap.select_tem02 .select_tem_list{ position: relative}
.layer_pop_wrap.select_tem02 .select_tem_list .slick-dots{ display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; left: 0; bottom: 0}
.layer_pop_wrap.select_tem02 .select_tem_list .slick-dots li{ width: 0.5rem; height: 0.5rem; border-radius: 50%; overflow: hidden; color: transparent; text-indent: -9999999999px; background: #DFDFDF; margin: 0 0.2rem}
.layer_pop_wrap.select_tem02 .select_tem_list .slick-dots li.slick-active{ background: #CBA585}
/* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록01_팝업*/

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록02_팝업*/
.space_list{ display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; padding: 0 4rem}
.space_item{ position: relative; cursor: pointer; border-radius: 0.8rem; overflow: hidden}
.space_item.on{ border: solid 4px var(--primary)}
.space_item .btn{ position: absolute; right: 1rem; top: 1rem; background: rgba(255,255,255,0.5)}

.layer_pop_wrap.make_path .layer_cont{ padding: 0; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row-reverse;}
.layer_pop_wrap.make_path .path_data_list_wrap{ padding: 2.5rem 1rem 3rem 2rem; max-height: calc(90vh - 3.5rem); overflow-y: auto; width: 25%; flex-shrink: 0; position: relative;}
.layer_pop_wrap.make_path .path_data_tit{ font-size: 1.7rem; font-weight: 900; margin-bottom: 1.5rem}
.layer_pop_wrap.make_path .path_data_list{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem}
.layer_pop_wrap.make_path .path_data_item{ width: 100%; position: relative; display: block; max-width: 140px}
.layer_pop_wrap.make_path .path_data_item:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.layer_pop_wrap.make_path .path_data_item.on{ border: solid 4px var(--primary)}
.layer_pop_wrap.make_path .path_data_item .num{ width: 2rem; height: 2rem; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--primary); color: #fff; border-radius: 50%; font-size: 0.9rem; display: none;}
.layer_pop_wrap.make_path .path_data_item.on .num{ display: flex}
.layer_pop_wrap.make_path .path_data_item .img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #ccc;}
.layer_pop_wrap.make_path .path_data_item .img:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.layer_pop_wrap.make_path .path_data_item .img img{ height: auto; max-height: 100%}
.layer_pop_wrap.make_path .path_data_item .del{ width: 1.5rem; height: 1.5rem; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.5); display: none; align-items: center; justify-content: center}
.layer_pop_wrap.make_path .path_data_item .del i{ color: #fff;}
.layer_pop_wrap.make_path .path_data_item.on .del{ display: flex}
.layer_pop_wrap.make_path .path_map_wrap{ padding: 2rem 2rem 0; max-height: calc(90vh - 3.5rem); overflow-y: auto; width: 75%; position: relative; }
/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_등록02_팝업*/

/* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_마커*/
.space_map_wrap{ position: relative; width: 100%; max-width: 1200px; margin: auto;}
.space_map{ width: 100%; height: auto;}
.space_map01{ display: none}
.space_map02{ display: none}
.space_map_wrap .marker { position: absolute; color: white; border-radius: 50%; width: 4%; display: block; font-size: 0.8rem; transform: translate(-50%,-50%); z-index: 1}
.space_map_wrap .marker:hover,
.space_map_wrap .marker.on { background: var(--primary); z-index: 2}
.space_map_wrap .marker:before{ content: ""; padding-top: 100%; display: block; width: 100%}
.space_map_wrap .marker span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.layer_pop_wrap.img_view3d .layer_pop{ width: 42rem}
.layer_pop_wrap.img_view3d .layer_pop .layer_cont{ padding: 3rem 4rem}
/* marker space01 */
.space01 .marker{ background: #A59993; color: #fff}
.space01 .marker1 { top: 88%; left: 11.5%;}
.space01 .marker2 { top: 78.5%; left: 26.2%;}
.space01 .marker3 { top: 36.2%; left: 5.9%;}
.space01 .marker4 { top: 10.6%; left: 18.2%;}
.space01 .marker5 { top: 36.2%; left: 25.65%;}
.space01 .marker6 { top: 15.5%; left: 44.55%;}
.space01 .marker7 { top: 68.8%; left: 46.15%;}
.space01 .marker8 { top: 83%; left: 63.8%;}
.space01 .marker9 { top: 80.7%; left: 81.3%;}
.space01 .marker10 { top: 59.3%; left: 94.2%;}
.space01 .marker11 { top: 45.7%; left: 53.85%;}
.space01 .marker12 { top: 10.7%; left: 67.4%;}
.space01 .marker13 { top: 31.5%; left: 78.65%;}

/* marker space02 */
.space02 .marker{ background: #B3B3B3; color: #fff}
.space02 .marker1 {top: 17.2%;left: 6.5%;}
.space02 .marker2 {top: 85.5%;left: 36%;}
.space02 .marker3 {top: 54.8%;left: 30%;}
.space02 .marker4 {top: 73.6%;left: 14.9%;}
.space02 .marker5 { top: 22%; left: 27%; }
.space02 .marker6 {top: 87.8%;left: 5.15%;}
.space02 .marker7 {top: 17.2%;left: 19.15%;}
.space02 .marker8 {top: 14.6%;left: 47.9%;}
.space02 .marker9 {top: 26.6%;left: 52.1%;}
.space02 .marker10 {top: 54.7%;left: 57.65%;}
.space02 .marker11 {top: 90.2%;left: 84%;}
.space02 .marker12 {top: 80.8%;left: 94.05%;}
.space02 .marker13 {top: 20.5%;left: 91.95%;}
.space02 .marker14 {top: 52.3%;left: 82.35%;}
.space02 .marker15 {top: 33.85%;left: 62.85%;}

/* marker space03 */
.space03 .marker{ background: #998675; color: #fff}
.space03 .marker1 {top: 61.6%;left: 62.8%;}
.space03 .marker2 {top: 50%;left: 50%;}
.space03 .marker3 {top: 25%;left: 46.4%;}
.space03 .marker4 {top: 47.5%;left: 21.9%;}
.space03 .marker5 {top: 71.3%;left: 7.95%;}
.space03 .marker6 {top: 42.6%;left: 32.5%;}
.space03 .marker7 {top: 75.4%;left: 39.1%;}
.space03 .marker8 {top: 81.95%;left: 89.8%;}
.space03 .marker9 {top: 49.8%;left: 89.85%;}
.space03 .marker10 {top: 17.6%;left: 89.85%;}
.space03 .marker11 {top: 51.2%;left: 79.35%;}

/* marker space04 */
.space04 .marker{ background: #D3BAAE; color: #6F4529}
.space04 .marker1 {top: 84.65%;left: 16.9%;}
.space04 .marker2 {top: 66%;left: 52.1%;}
.space04 .marker3 {top: 44.2%;left: 35.8%;}
.space04 .marker4 {top: 24.3%;left: 5.5%;}
.space04 .marker5 {top: 11.7%;left: 15.2%;}
.space04 .marker6 {top: 9.1%;left: 43.15%;}
.space04 .marker7 {top: 10.2%;left: 68.9%;}
.space04 .marker8 {top: 39.5%;left: 82.75%;}
.space04 .marker9 {top: 27.4%;left: 94.95%;}
.space04 .marker10 {top: 59.5%;left: 68.9%;}
.space04 .marker11 {top: 90.2%;left: 67.85%;}
.space04 .marker12 {top: 61.2%;left: 82.1%;}
.space04 .marker13 {top: 70.8%;left: 94.95%;}

/* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_마커*/

/* [S] 참여하기 02_견학 신청_정기해설*/
.page_wrap .tab.ty2{ margin-bottom: 0}
.sec_info_wrap{ padding: 2rem 0 0; width: 100%; display: grid; grid-template-columns: repeat(3,1fr); border-bottom: solid 1px #999; margin-bottom: 4rem;}
.sec_info_wrap .sec_info_item{ padding: 1rem 2rem; width: 100%; border-bottom: 2px dashed #ccc; border-right: 2px dashed #ccc;}
.sec_info_wrap .sec_info_item:nth-of-type(3n){border-right: 0;}
.sec_info_wrap .sec_info_item:nth-of-type(n+4){border-bottom: 0;}
.sec_info_wrap .sec_info_item .sec_info_tit{ font-size: 1rem; font-weight: 900; margin-bottom: 1rem; display: flex; align-items: center}
.sec_info_wrap .sec_info_item .sec_info_tit img{ margin-right: 0.75rem; flex-shrink: 0}
.sec_info_wrap .sec_info_item .sec_info_txt{ font-size: 0.9rem; font-weight: 600; color: #333}
.sec_info_wrap .sec_info_item .sec_info_etc{ font-size: 0.8rem; font-weight: 600; color: #666; display: flex; width: 100%; margin-top: 1rem;}
.sec_info_wrap .sec_info_item .sec_info_etc .etc_tit{ flex-shrink: 0; margin-right: 0.5rem}

.login_required_wrap{ padding: 3.2rem 1rem; background: #F8F8F8; border: dashed 2px #ccc;}
.login_required_wrap .img_wrap{ margin-bottom: 1.875rem; display: flex; justify-content: center}
.login_required_wrap .img_wrap .round{ width: 4rem; height: 4rem; border-radius: 50%; background: #DFDFDF; display: inline-flex; align-items: center; justify-content: center}
.login_required_wrap .img_wrap .round i{ color: #fff; font-size: 1.25rem}
.login_required_wrap .txt_wrap{ font-size: 1.2rem; color: #999; margin-bottom: 1.875rem; text-align: center; word-break: keep-all}
.login_required_wrap .btn_wrap{ display: flex; justify-content: center; align-items: center}
.login_required_wrap .btn_wrap .btn{ background: #666666; color: #eee; font-size: 0.9rem; font-weight: 400}

.box_shadow{ box-shadow: 3px 3px 10px #00000029; border-radius: 0.4rem}
.con_step_wrap{ display: flex; border-top: 2px solid #000; padding-top: 3rem; width: 100%;}
.con_step_wrap .calendar_box{ padding: 2rem 2rem 1.5rem; background: #fff}
.con_step_wrap .calendar_box .calendar_opt{ display: flex; justify-content: space-between}
.con_step_wrap .calendar_box .calendar_opt li + li{ margin-left: 0.5rem}
.con_step_wrap .left{ margin-right: 4.8%; width: 40%; flex-shrink: 0}
.con_step_wrap .right{ width: 100%}
.con_step_wrap .con_step_tit_wrap{ margin-bottom: 1.5rem; display: flex; align-items: center}
.con_step_wrap .con_step_box{ width: 6.5rem; height: 2.5rem; background: var(--primary); color: #fff; border-radius: 0.25rem; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; margin-right: 1rem}
.con_step_wrap .con_step_box .num{ font-size: 2.8rem; font-weight: 900; line-height: 0; margin-right: 0.5rem; position: relative; top: 0.3rem}
.con_step_wrap .con_step_box .txt{ font-size: 1.2rem}
.con_step_wrap .con_step_tit{ color: var(--primary); font-size: 1.2rem; font-weight: 900}
.con_step_wrap .tbl table th{ border-left: none; font-weight: 600; color: #333; font-size: 0.9rem}
.con_step_wrap .tbl table td{ padding: 0.75rem 0.25rem; color: #333; font-weight: 600; border-left: none; font-size: 0.8rem}
.con_step_wrap .tbl table td .btn{ height: 2rem; line-height: 2rem}
.con_step_wrap .tbl table td .closed{ color: #727272}
.ckh_rv_wrap .ckh_rv_tit{  line-height: +1.3; margin-bottom: 1.5rem; font-size: 1rem; font-weight: 600}
.ckh_rv_wrap .ckh_rv_tit span{ font-weight: 900}
.ckh_rv_wrap .ckh_rv_tit img{ margin-right: 0.5rem}
.ckh_rv_info{ padding: 0.75rem 1.5rem; display: flex; align-content: center; background: #fff;}
.rv_info_con{ display: inline-flex; align-items: center; font-size: 0.9rem}
.rv_info_con .rv_info_con_tit{ font-weight: 900; margin-left: 0.5rem}
.rv_info_con .rv_info_con_txt{ color: #333; margin-left: 0.5rem; font-weight: 600}
/* [E] 참여하기 02_견학 신청_정기해설*/

/* [S] 참여하기 02_견학 신청_오디오해설*/
.need_doc{ display: flex; flex-wrap: wrap; flex-flow: column-reverse}
.need_doc thead,
.need_doc tbody,
.need_doc tr{ width: 100%; display: flex}
.need_doc tr .con01{ width: 25%; flex-shrink: 0}
.need_doc tr .con02{ width: 25%; flex-shrink: 0}
.need_doc tr .con03{ width: 50%}
.need_doc tr .con03 img + img{ margin-left: 7%}
.round_list{ display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
.round_list.bb{ padding: 4rem 2rem; margin-bottom: 4rem; border-bottom: 1px solid #999}
.round_list .round_list_item{ flex-shrink: 0; position: relative;}
.round_list .round_list_item + .round_list_item:after{content: url("../../images/sub/sub04/arr_double.svg"); position: absolute; left:-1.5rem; top: 4rem; }
.round_list.step04 .round_list_item{ width: 14.2857%}
.round_list.step05 .round_list_item{ width: 18%}
.round_list .round_list_item .round{ width: 9rem; margin: 0 auto; position: relative; background: #F8F8F8; border-radius: 50%;}
.round_list.dona_list .round_list_item .round{background: #555;}
.round_list .round_list_item .round:before{ content: ""; padding-top: 100%; display: inline-block; width: 100%}
.round_list .round_list_item:last-child .round:after{ display: none}
.round_list .round_list_item img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.round_list .round_list_item .txt_wrap{ width: 100%; text-align: center; font-size: 1rem; font-weight: 600; margin-top: 2rem}
.round_list .round_list_item p{color: var(--primary); text-align: center; font-size : 1rem; margin : 1rem 0 0 0; border-bottom : 2px solid var(--primary); padding-bottom : 0.5rem;}
.round_list .round_list_item em{ display : block; background: #dfdfdf; padding : .7rem 0; text-align: center; } 

/* [E] 참여하기 02_견학 신청_오디오해설*/

/* [S] 참여하기 03_대관 신청_로그인후*/
.tab_ty_rental{ display: flex; margin-bottom: 2rem}
.tab_ty_rental_item{ background: #f8f8f8; border: solid 1px #dfdfdf; border-radius: 0.25rem; height: 3rem; width: 100%}
.tab_ty_rental_item a{ filter: grayscale(1) brightness(3); color: #333; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 600}
.tab_ty_rental_item a img{ margin-right: 0.7rem; flex-shrink: 0}
.tab_ty_rental_item + .tab_ty_rental_item{ margin-left: 2rem}
.tab_ty_rental_item.on{ box-shadow: 0px 3px 6px #00000029; background: #fff; border: none}
.tab_ty_rental_item.on a{ filter: grayscale(0) brightness(1); color: var(--primary); font-weight: 900}

.rental_time_wrap{ width: 100%; display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; padding: 0 1rem}
.rental_time_wrap .btn{ height: 2rem; line-height: 2rem; border-radius: 1rem; font-size: 0.8rem}
.rental_time_wrap .btn.blue{ background: #F2F6FF; font-weight: 400}

.pop_rental_fee.layer_pop_wrap .layer_pop .layer_cont{ padding: 4rem}
.special_notes{ font-size: 0.8rem; color: #666; text-align: left}
/* [E] 참여하기 03_대관 신청_로그인후*/

/* [S] 참여하기 03_대관 신청_상세보기_예약안내*/
.thumb_slide_wrap{ display: flex; margin: 2rem 0 5rem}
.thumb_slide_wrap .left{ border-right: dashed 2px #EBEBEB}
.thumb_slide_wrap .thumb_slide{ width: 50%; flex-shrink: 0; padding: 0.5rem 1.5rem; text-align: center}
.thumb_slide_wrap .thumb_slide .slick-slider{ z-index: 1}
.thumb_slide_wrap .thumb_slide .slick-slide{ border-radius: 0.5rem; overflow: hidden; z-index: 1 !important;}
.thumb_slide_wrap .slider-for{ padding: 0 1.75rem; position: relative}
.thumb_slide_wrap .slider-nav{ width: 70%; padding: 0.6rem 0.8rem; background: #fff; border-radius: 0.5rem; box-shadow: 0px 3px 6px #00000029; margin: -0.75rem auto 0; z-index: 2; position: relative}
.thumb_slide_wrap .slider-nav .slick-slide{ margin: 0 0.3rem; opacity: 0.6}
.thumb_slide_wrap .slider-nav .slick-current{ opacity: 1}
.thumb_slide_wrap .slick-arrow{ width: 3.5rem; height: 3.5rem; position: absolute; left: auto; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.6); font-size: 1.5rem; border-radius: 50%; color: #fff; z-index: 3}
.thumb_slide_wrap .slick-prev{ left: 0}
.thumb_slide_wrap .slick-prev:before{ content: "\f053"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.thumb_slide_wrap .slick-next{ right: 0}
.thumb_slide_wrap .slick-next:before{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.thumb_slide_wrap .thumb_slide_tit{ width: 13rem; max-width: 100%; height: 2.5rem; border-radius: 0.4rem; display: inline-flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 1rem; font-weight: 600; margin-bottom: 1rem}

.page_row_wrap{ display: flex; align-items: flex-start; width: 100%}
.page_row_wrap  .vertical_list{ flex-shrink: 0; margin-right: 4rem;}
.con_wrap{ width: 100%}
.con_wrap .list.ty1 li{ font-size: 1rem; color: #333; font-weight: 600}
.con_wrap .box.ty1{ display: flex}
.con_wrap .box.ty1 .bar{ flex-shrink: 0; margin-right: 0.5rem}
/* slick prev / next 텍스트 숨김 */
.thumb_slide_wrap .slick-arrow {
    font-size: 0 !important;    
    color: transparent !important;
}
.slick-prev::before,
.slick-next::before {
    font-size: 20px;
    color: #fff;
}
.detail-btn::before {
	color: #333;
}

/* [E] 참여하기 03_대관 신청_상세보기_예약안내*/

/* [S] 참여하기 04_프로그램신청_목록*/
.ctg_item{ width: 4.5rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; margin-right: 1rem; font-size: 0.8rem}
.status_ing .ctg_item{ background: var(--primary); color: #fff}
.status_before .ctg_item{ background: #7D5E1F; color: #fff}
.status_end .ctg_item{ background: #333; color: #dfdfdf}
.program_rv_list .program_rv_item{ padding: 3rem 2rem; display: flex; align-items: center; width: 100%; border-bottom: solid 1px #ccc}
.program_rv_list .program_rv_item:last-child{ border-bottom: 0}
.program_rv_list .program_rv_item .img_wrap{ margin-right: 2.25rem; width: 25%; flex-shrink: 0}
.program_rv_list .program_rv_item .img_wrap .img{ width: 100%}
.program_rv_list .program_rv_item .img_wrap .img:before{ content: ""; width: 100%; display: block; padding-top: 65.7894%}
.program_rv_list .program_rv_item .txt_wrap{ width: 100%; }
.program_rv_list .program_rv_item .txt_wrap .tit{ font-size: 1.4rem; font-weight: 900; display: flex; align-items: center; width: 100%; margin-bottom: 2rem}
.program_rv_list .program_rv_item .txt_wrap .txt_list{ display: grid; grid-template-columns: 60% 35%; gap: 1rem}
.program_rv_list .program_rv_item .txt_wrap .txt_item{ display: flex; align-items: flex-start; color: #333}
.program_rv_list .program_rv_item .txt_wrap .txt_item .txt_item_tit{ font-weight: 900; margin-right: 1rem; flex-shrink: 0}
.program_rv_list .program_rv_item .txt_wrap .txt_item .txt_item_txt{ font-weight: 600}
.program_rv_list .program_rv_item .txt_wrap .txt_item .txt_item_txt.num{ font-weight: 900}
.status_ing .txt_wrap .txt_item .txt_item_txt.num{ color: var(--primary)}
.status_before .txt_wrap .txt_item .txt_item_txt.num{ color: #7D5E1F}
.status_end .txt_wrap .txt_item .txt_item_txt.num{ color: #333}
.program_rv_list .program_rv_item .btn_wrap{ width: 11%; margin-right: 1rem; flex-shrink: 0}
.program_rv_list .program_rv_item .btn_wrap .btn{ width: 100%; height: 8.5rem; background: #fff; box-shadow: 3px 3px 10px #00000029; border-radius: 0.5rem; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; font-size: 0.9rem; color: var(--primary)}
.program_rv_list .program_rv_item .btn_wrap .btn i{ margin-right: 0; font-size: 1.5rem; margin-bottom: 0.5rem}
.program_rv_list .program_rv_item .btn_wrap .btn div{ line-height: +1.3}
/* [E] 참여하기 04_프로그램신청_목록*/

/* [S] 참여하기 04_프로그램신청_상셰*/
.program_rv_detail_wrap .page_row_wrap{ margin-bottom: 4rem; padding-top: 2rem; border-top: 1px solid #ccc;}
.program_rv_detail_wrap .vertical_list .ctg_item{ margin-bottom: 1.5rem}
.program_rv_detail_wrap .vertical_list .tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 2rem}
.program_rv_detail_wrap .vertical_list .detail_btn_wrap{ margin-top: 4rem;}
.program_rv_detail_wrap .con_wrap{ padding: 2rem}
.form_table .inn_table tr:first-child th,
.form_table .inn_table tr:first-child td{ border-top: none}
.show_table_wrap .hid_wrap{ display: none}
.show_table_wrap .open .hid_wrap{ display: table-row}
.show_table_wrap .open caption .hid_wrap{ display: inline-block}
/* [E] 참여하기 04_프로그램신청_상셰*/

/* [S] 참여하기 04_프로그램신청_신청완료*/
.complete_wrap .tit_wrap{ text-align: center}
.complete_wrap .tit_wrap i{ font-size: 4rem; color: var(--primary); margin-bottom: 3rem}
.complete_wrap .tit_wrap .tit{ font-size: 1.6rem; color: var(--primary); margin-bottom: 1.5rem; font-weight: 900}
.complete_wrap .tit_wrap .txt{ margin-bottom: 3rem; color: #333; font-size: 1.2rem; font-weight: 600}
/* [E] 참여하기 04_프로그램신청_신청완료*/

/* [S] 기록물 기증/이용신청 */
.use_donation_top {background : url('../img/sub/archive/img_use_bg.png') no-repeat center center / cover; border-radius : 1rem; padding : 3rem; overflow : hidden; color: #fff; } 
.use_donation_top > img { position : absolute; top : 3rem; right : 3rem } 
.use_donation_top h2 { font-size : 1.7rem } 
.use_donation_top p { margin : 1rem 0; font-size : 1rem } 
.use_donation_top ul li { position : relative; padding-left : .8rem; margin : 0.5rem 0 } 
.use_donation_top ul li:before { content : ''; width : .2rem; height : .2rem; display : inline-block; border-radius : 100%; margin-right : 0.5rem; background-color : #fff; position : absolute; top : 0.5rem; left : 0; } 

.tit4 { font-size : 1.5rem; padding-bottom : 1.5rem }
.login_check_wrap { border-top : 2px solid #999; border-bottom : 1px solid #999; padding : 2rem; text-align : center; font-size : 1.2rem }
.login_check_wrap img { display : block; margin : 0 auto 2rem }
.login_check_wrap a { font-size : 1rem; border-radius : 0.5rem }

.donation_result_table td { position : relative } 
.donation_result_table2 .file_select_wrap { display : flex; justify-content: space-between; } 
.donation_result_table2 .file_select_wrap * { border-radius : 0 !important } 
.donation_result_table2 .file_select_wrap input { width : 100% } 
.donation_result_table2 .file_select_wrap button { flex-shrink: 0; background-color : #555; color : #fff; font-size : 0.9rem } 
.donation_result_table2 button { background-color : #DFDFDF; font-size : .9rem; border-radius : 0 !important } 

/* [S] 참여하기 05_추모공간_목록*/
.remembrance_banner{ background: url("../../images/sub/sub04/remembrance_banner.jpg") no-repeat right top / cover; padding: 2.5rem 2rem; margin-bottom: 4rem; border-radius: 0.5rem}
.remembrance_banner .tit{ font-size: 1.6rem; font-weight: 900; margin-bottom: 0.8rem}
.remembrance_banner .txt{ font-size: 1rem; font-weight: 600; color: #333}

.remembrance_wrap .form_txt_wrap{ margin-top: -0.5rem; margin-bottom: 2rem}
.remembrance_wrap .form_txt_wrap .btn{ font-size: 0.9rem; font-weight: 400}
.remembrance_list{ width: 100%}
.remembrance_list .remembrance_item{ width: 100%; padding: 2rem; border-bottom: solid 1px #dfdfdf}
.remembrance_list .remembrance_item:last-child{ border-bottom: none}
.remembrance_list .remembrance_item .id_wrap{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem}
.remembrance_list .remembrance_item .id_con{ display: flex; align-items: center}
.remembrance_list .remembrance_item .profile{ width: 2rem; height: 2rem; margin-right: 0.8rem; flex-shrink: 0}
.remembrance_list .remembrance_item .id{ font-size: 1rem; color: var(--primary); font-weight: 600}
.remembrance_list .remembrance_item .btn_area .btn{ height: 2rem; line-height: 2rem; width: 4.5rem; font-size: 0.8rem}
.remembrance_list .remembrance_item .btn_area .btn + .btn{ margin-left: 0.5rem}
.remembrance_list .remembrance_item .txt_wrap{ font-size: 1rem; color: #333; font-weight: 600}
.remembrance_list .remembrance_item.write{ padding: 2.5rem 2rem; background: #f8f8f8}
.remembrance_list .remembrance_item.write .writer{ margin-bottom: 1.1rem; display: flex; align-items: center; width: 100%}
.remembrance_list .remembrance_item.write .writer label{ font-size: 1rem; font-weight: 600; margin-right: 0.5rem; flex-shrink: 0}
.remembrance_list .remembrance_item.write .writer input{ width: 11rem; margin-right: 2rem}
.remembrance_list .remembrance_item.write .writer .btn_sns_login{width: 8rem; font-size: 0.8rem; border-radius: 0.4rem; line-height: 2.25rem; margin: 0.25rem;}
.remembrance_list .remembrance_item.write .writer .btn_sns_login img{width: 0.8rem;}
.remembrance_list .remembrance_item.write textarea{ margin-bottom: 2rem; background: #fff url("../../images/sub/sub04/bg_t_box.png") no-repeat right 1rem bottom 1rem / auto 50%;}
.remembrance_list .remembrance_item.write .btn{ font-weight: 400; font-size: 0.9rem}
.remembrance_list .remembrance_item.write .btn + .btn{ margin-left: 1rem}
/* [E] 참여하기 05_추모공간_목록*/

/* 0803_견학신청 */
#change_popup .con_step_wrap{border-top: 0; padding-top: 0;}
#change_popup .con_step_tit_wrap p{width: 100%; text-align: center; border: 2px dotted var(--primary); background: #F2F6FF; color: var(--primary); padding: 0.75rem ;}

@media(max-width:1200px){
    /* [S] 참여하기 04_프로그램신청_목록*/
    .program_rv_list .program_rv_item .txt_wrap .txt_list{ grid-template-columns: repeat(1, 1fr); gap: 0.5rem}
    /* [E] 참여하기 04_프로그램신청_목록*/

    .use_donation_top { text-align : center; padding: 1.5rem; } 
    .use_donation_top h2{font-size: 1.4rem;}
    .use_donation_top > img { position : static; top : inherit; right : inherit; display : block; margin : 0 auto } 
    .use_donation_top ul li:before { display : none } 
    .use_donation_step ul { flex-wrap : wrap; justify-content: center; } 
    .use_donation_step ul li { width : 33.33%; margin : 2rem 0 } 
    .use_donation_step ul li:nth-child(3):after { display : none } 
}


@media(max-width:1024px){
    .form_tit_wrap .ty_info{ display: block; text-align: center}
    .form_tit_wrap .ty_info + .time_count{ margin: 0 auto; display: flex}
    .form_tit_wrap .time_count{ width: 270px}
    .form_tit_wrap:not(.has_btn){ display: block}
    .form_tit_wrap.has_btn{ align-items: center}
    .form_tit_wrap.has_btn .btn_area{ margin: 0}
    .form_tit_wrap .form_tit_info{ margin: 1.25rem 0 1.5rem}
    .form_tit_wrap .form_tit_info:before{ display: none}

    /* 0801_내가만드는큐레이션_일반큐레이션 */
    .curation_list ul{grid-template-columns: repeat(1,1fr);}

    /* 0801_내가만드는큐레이션_전시큐레이션 */
    .ex_curation_list ul{grid-template-columns: repeat(3, calc((100% - 2rem) / 3));}

    /* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */
    .select_img_list{ padding: 1.5rem; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
    /* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */

    /* [S] 참여하기 01_내가만드는큐레이션_전시큐레이션_목록 */
    .detail_trigger_wrap .trigger_toggle .m_layout{ display: block}
    .detail_trigger_wrap .trigger_toggle .m_layout_f{ display: flex}

    .page_search_wrap{ top: 0; margin-bottom: 0; padding: 3.5rem 0 1rem; width: calc(100% + 2rem)}
    .detail_trigger_wrap .trigger_toggle{ padding-top: 1.5rem}
    .detail_trigger_wrap .trigger_toggle .m_sch{ margin-top: 1.5rem; display: block}
    .page_search_wrap.open .page_search{ display: none}
    .curation_list_wrap{ padding-top: 2rem}
    .page_search_con .page_search_btn_wrap{ display: none}
    .page_search_con .page_search_detail{ position: absolute; right: 0; top: -3.5rem; width: 34vw; max-width: 7.5rem; margin: 0; height: 2.8rem; line-height: 2.8rem; padding: 0.25rem; font-size: 0.8rem; border: none; color: var(--primary);}
    .page_search_con .page_search_detail:after{ margin-left: 0.25rem; color: var(--primary)}
    .page_search_con .page_search_detail.open{ background: transparent; color: var(--primary)}
    .page_search_con .page_search_detail.open:after{ color: var(--primary)}
    .page_search_con .page_search{ display: flex; align-items: center; height: 4rem}
    .page_search_con .page_search input{ padding:0 0.75rem; margin: 0.1rem 0; border: 1px solid #ddd; background: #fff; color: #333; font-size: 0.8rem; height: 2.5rem; line-height: 2.4rem; max-width: 100%;}
    .page_search_con .page_search .search_btn{ width: 3.5rem; height: 2.5rem; line-height: 2.5rem; background: var(--primary); color: #fff; display: inline-flex; position: static; flex-shrink: 0; margin-left: 0.5rem}
    .page_search_con .page_search .search_btn:after{ display: none}
    .page_search_con .page_search .search_btn .sr_only{ width: 100% !important; height: 100% !important; overflow: visible; color: #fff !important; font-size: 0.7rem; position: static; text-indent: 0; display: inline-flex; align-items: center; justify-content: center}

    .search_condition_wrap .search_condition_list .con{ width: 100%; position: relative}
    .search_condition_wrap .search_condition_list .bg{ background: #fff url("../img/sub/sub04/ic_keyboard.svg") no-repeat right 0.5rem center; padding-right: 2rem}
    .search_condition_wrap .search_condition_list .con .search_condition_item{justify-content: flex-start;}
    .list_trigger_wrap .trigger_toggle{ padding: 0; width: 100%; display: none !important;}
    .list_trigger_wrap.open .trigger_toggle{ display: block !important;}
    .list_trigger_wrap .trigger{ width: 100%; height: 2.5rem; background: #fff; border: 1px solid #ddd; display: flex; align-items: center; position: relative; padding: 0 2rem 0 1rem}
    .list_trigger_wrap .trigger:after{ content: "\f078"; display: inline-block; font-size: 0.5rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%)}
    .list_trigger_wrap .trigger.open:after{ content: "\f077"}
    .m_select_list{ position: absolute; left: 0; top: 2.5rem; width: 100%; background: #fff; padding: 0; max-height: 300px; overflow-y: auto; border: solid 1px #dfdfdf; border-top: none}
    .m_select_list .m_select_item{ width: 100%; height: 2.5rem; line-height: 2.5rem; display: flex; align-items: center; justify-content: center; margin: 0 !important; background: transparent !important; color: #333 !important; border-radius: 0 !important;}
    .m_select_list .m_select_item.on{ background: #F2F6FF !important; color: var(--primary) !important; font-weight: 900 !important;}
    .m_tab_wrap{ display: flex}
    /* [E] 참여하기 01_내가만드는큐레이션_전시큐레이션_목록 */

    /* [S] 참여하기 02_견학 신청_오디오해설*/
    .round_list{ flex-wrap: wrap; justify-content: center}
    .round_list.bb{ padding: 1rem 1rem 2rem; margin-bottom: 3rem}
    .round_list.step05 .round_list_item{ width: 25%; margin-right: 12.5%; margin-top: 1.5rem}
    .round_list.step05 .round_list_item:nth-child(3n){ margin-right: 0}
    .round_list .round_list_item .round{width: 8rem;}
    .round_list .round_list_item + .round_list_item:after{left: -3rem;}
    .round_list .round_list_item .round:after{ right: -25%}
    .round_list .round_list_item:nth-child(3n) .round:after{ display: none}
    .round_list .round_list_item .txt_wrap{ margin-top: 1.25rem}
    .rv_info_con .rv_info_con_tit{display: inline-block; width: 3.5rem;}

    .need_doc thead{ display: none}
    .need_doc tr{ flex-wrap: wrap}
    .need_doc tr .con01{ width: 50%}
    .need_doc tr .con02{ width: 50%}
    .need_doc tr .con03{ width: 100%}
    .tbl table.need_doc td{ padding: 0}
    .need_doc .tab_show_tit{padding:1rem; vertical-align:middle; color:#222; font-size:0.85rem; font-weight:400; background:#f8f8f8; text-align: center;}
    .need_doc .img_wrap{ padding: 1rem; display: block}
    /* [S] 참여하기 02_견학 신청_오디오해설*/

    /* [S] 참여하기 02_견학 신청_정기해설*/
    .con_step_wrap{ display: block}
    .con_step_wrap .left,
    .con_step_wrap .right{ width: 100%}
    .con_step_wrap .left{ margin-bottom: 3rem}
    .tab_ty_rental_item + .tab_ty_rental_item{ margin: 0}
    .rental_time_wrap{ grid-template-columns: repeat(2,1fr); gap: 0.5rem; }
    .pop_rental_fee.layer_pop_wrap .layer_pop .layer_cont{ padding: 2rem 1rem}

    .sec_info_wrap .sec_info_item{ padding: 1rem}
    /* [E] 참여하기 02_견학 신청_정기해설*/

    .page_row_wrap{ display: block}
    .page_row_wrap .vertical_list{ margin-right: 0}
    .preview_tem_wrap{ width: 100%; margin: 0}
    .preview_tem_wrap .tem_wrap,
    .preview_tem_wrap .btn_area{ max-width: 20rem; margin: 0 auto}
    .preview_tem_wrap .btn_area{ margin: 1rem auto 2rem}
    .preview_tem_wrap .btn_area .btm_btn{ margin-top: 0.5rem}

    .tem_ty02_01{ display: block}
    .tem_ty02_01 .img_wrap,
    .tem_ty02_01 .txt_wrap{ width: 100%}

    /* 기록물 기증/이용신청 */
    .donation_result_table thead { display : none } 
    .donation_result_table table,
    .donation_result_table tr,
    .donation_result_table tbody,
    .donation_result_table td { display : block } 
    .donation_result_table td { text-align : left; padding-left : 120px !important; border-bottom : 1px solid } 
    .donation_result_table td:before { content : attr(data-name); position : absolute; top : 0; left : 0; display : flex; justify-content : center; align-items : center; width : 100px; height : 100%; background-color : #f8f8f8; word-break: keep-all; text-align : center } 

    .donation_result_table2 td:first-child { padding-left : 1rem !important } 
    .donation_result_table2 td:first-child:before { display : none } 

    .donation_relative .absr { position : static; text-align : center; margin-top : 2rem } 
    .donation_relative .absr button { margin : 0 0.5rem } 
        

}

@media(max-width: 800px){
    .m_bl{ display: block}
    .m_none{ display: none !important;}
    .layer_pop_wrap .layer_pop.tem{ max-height: 95vh}
    .layer_pop_wrap .layer_pop.tem .layer_cont{ overflow-y: auto; max-height: calc(95vh - 3.5rem)}
    .layer_pop_wrap .layer_pop.tem.ty2 .layer_cont{ max-height: 95vh}

    .page_btm_btn{ display: flex; justify-content: space-around}
    .page_btm_btn .btn{ flex: 1; padding: 0 1rem; margin-top: 0; height: 3rem}
    .page_btm_btn .btn + .btn{ margin-left: 0.5rem}
    .form_inn_btn .btn{ width: 100%; margin: 0.25rem 0 !important;}


    /*템플릿 01_01*/
    .tem_ty01_01 .tem_txt_wrap .tem_tit .tit_bg{ height: 130%}
    .tem_ty01_01 .tem_img_wrap{ padding: 1rem !important; width: 100%}
    .tem_ty01_01 .tem_img_wrap .img_box{z-index: 0;}
    .tem_ty01_01 .tem_txt_wrap .tem_txt{ padding: 1rem !important;}

    /*템플릿 01_02*/
    .tem_ty01_02 .tem_list .tem_item{ margin-bottom: 1rem}
    .tem_ty01_02 .tem_list .tem_item .img_wrap{ margin-right: 1rem}
    .tem_ty01_02 .tem_list .tem_item .img_wrap .img{ width: 7rem; height: 7rem}
    .tem_ty01_02 .tem_list .tem_item .txt_wrap .tit{ margin-bottom: 0.5rem}
    .tem_ty01_02 .tem_list .tem_item .txt_wrap .txt{ margin-bottom: 0.5rem}
    .tem_ty01_02 .tem_list .tem_item .txt_wrap .btn{ height: 1.8rem; line-height: 1.8rem}
    .tem_ty01_02 .tem_txt_wrap{ display: block; height: auto; padding: 1rem}
    .tem_ty01_02 .tem_txt,
    .tem_ty01_02 .tem_list{ width: 100%; height: auto; overflow: visible; padding: 1rem !important;}

    /*템플릿 02*/
    .tem_ty02_02 .tem_con_wrap{ flex-wrap: wrap; flex-flow: column-reverse}
    .tem_ty02_02 .tab_change_con{ padding: 1.5rem 0}
    .tem_ty02_02 .sub_tab_menu{ padding: 0 1rem; justify-content: center}
    .tem_ty02_02 .tem_con_wrap .tem_txt_wrap,
    .tem_ty02_02 .tem_con_wrap .tem_slide_wrap{ width: 100%; padding: 1rem}
    .tem_ty02_02 .tab.ty1{ padding: 0 1rem;}
    .tem_ty02_02 .tem_con_wrap.ty_list:before,
    .tem_ty02_02 .tem_con_wrap.ty_half:before{ display: none}

    .tem_ty02_02 .tem_con_wrap .tem_list_wrap,
    .tem_ty02_02 .tem_con_wrap .tem_map_wrap{ width: 100%; padding: 1rem}
    .tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_list{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0.5rem; max-height: 20rem; height: auto}
    .tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_item{ margin: 0;}
    .tem_ty02_02 .tem_con_wrap .tem_map_wrap{ margin-top: 0}
    .tem_ty02_02 .tem_con_wrap .tem_map_wrap .btn{ margin-bottom: 0.5rem}
    /* .tem_ty02_02 .space01 .marker1 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker2 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker3 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker4 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker5 .pop_data_wrap{ right: auto; left: 0}
    .tem_ty02_02 .space01 .marker4 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker6 .pop_data_wrap,
    .tem_ty02_02 .space01 .marker12 .pop_data_wrap{ bottom: 0; transform: translateY(100%)} */
    .space_map_wrap{width: 800px; overflow-x: auto;}
    .space_mob_data_wrap{position: absolute; top: 5rem; z-index: 4; width: calc(100% - 2rem); left: 1rem;}
    .tem_ty02_02 .tem_con_wrap .pop_data_wrap{width: 100%; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; border-radius: 0;}
    .tem_ty02_02 .tem_con_wrap .tem_map_wrap{overflow-x: auto; padding:  1rem 0;}
    .tem_ty02_02 .tem_con_wrap .ar{display: none;}
    .tem_ty02_02 .tem_tit_wrap .cate_wrap,
    .tem_ty02_02 .tem_tit_wrap .tem_tit{ flex-flow: column; justify-content: center}
    .tem_ty02_02 .tem_tit_wrap .cate_wrap .cate{ margin-bottom: 0.5rem}
    .tem_ty02_02 .tem_tit_wrap .tem_tit .tit{ margin: 0.5rem 0 1rem; width: 100%;}
    .tem_ty02_02 .tem_tit_wrap .tem_tit .btn_area{ margin-top: 0; margin-bottom: 1rem}
    .tem_ty02_02 .tem_tit_wrap .board_detail_box .share_util{bottom: auto;}
    .tem_ty02_02 .tem_con_wrap .tem_txt_wrap .txt{ height: auto; max-height: initial; overflow-y: visible}
    .tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap{ padding: 1rem 0.5rem}
    .tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap .hid_tit{ margin-bottom: 0.5rem; font-size: 0.7rem}
    .tem_ty02_02 .tem_con_wrap .tem_slide .tem_slide_item .hid_wrap .btn{ height: 1rem; line-height: 1rem; width: 3.5rem; font-size: 0.4rem}

    /*자료추가 팝업*/
    .layer_pop_wrap.add_data .layer_pop{ max-height: 95vh;}
    .layer_pop_wrap.add_data .layer_cont{ max-height: calc(95vh - 3.5rem);}
    .layer_pop_wrap.add_data .page_search_con{ padding: 1rem}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap{ padding: 1rem; height: 100%; max-height: 100%}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search{ background: transparent; display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 0; padding: 1rem 0; width: 100%; margin-left: 0}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search .info_wrap{ width: 100%; display: flex; align-items: center; flex-wrap: nowrap; justify-content: flex-start; display: none}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search > div,
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search form{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-flow: row-reverse}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search > div label,
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search form label{ flex-shrink: 0}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search > div select,
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search form select{ flex-shrink: 0; width: 10rem; margin: 0; max-width: 40%}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search .info_wrap .b_count{ width: auto; margin-bottom: 0}
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search > div input[type='radio'],
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search > div input[type='checkbox'],
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search form input[type='radio'],
    .layer_pop_wrap.add_data .pop_select_img_list_wrap .board_search form input[type='checkbox']{ width: 1rem; height: 1rem}
    .layer_pop_wrap.add_data .pop_select_img_list{ display: block; width: 100%}
    .layer_pop_wrap.add_data .pop_select_img_item{ width: 100%; display: flex; border-bottom: 1px dashed #DFDFDF; padding: 1rem 0}
    .layer_pop_wrap.add_data .pop_select_img_item .img_wrap{ width: 7rem; flex-shrink: 0; margin-bottom: 0}
    .layer_pop_wrap.add_data .pop_select_img_item .img_wrap .img{height: 7rem;}
    .layer_pop_wrap.add_data .pop_select_img_item .txt_wrap{ width: calc(100% - 7rem); padding: 1rem 1rem}
    .layer_pop_wrap.add_data .pop_select_img_item .txt_wrap .tit{ font-size: 1rem}
    .layer_pop_wrap.add_data .pop_select_img_item .txt_wrap .txt{ font-size: 0.8rem}
    .layer_pop_wrap.add_data .btn_area{ display: flex; flex-flow: column; align-items: center}
    .layer_pop_wrap.add_data .btn_area .btn{ position: static; transform: translate(0,0); margin: 1rem}

    /* 템플릿 팝업 01*/
    .layer_pop_wrap.select_tem .layer_cont{ display: block}
    .layer_pop_wrap.select_tem .select_tem_list{width: 100%; padding: 2rem; max-height: initial;}
    .layer_pop_wrap.select_tem .select_tem_list .select_tem_item{ margin: 0 1px 0.75rem 1px;}
    .layer_pop_wrap.select_tem .select_tem_list .select_tem_tit{ font-size: 3.5vw; margin-bottom: 2vw}
    .layer_pop_wrap.select_tem .select_tem_sample_wrap{ padding: 0 2rem 2rem}
    .layer_pop_wrap.select_tem .select_tem_sample{ display: none !important;}
    .layer_pop_wrap.select_tem .template_btn{ margin-top: 0}
    .layer_pop_wrap.select_tem .select_tem_list .txt_wrap .tit{ font-size: 3.8vw}
    .layer_pop_wrap.select_tem .select_tem_list .txt_wrap .txt{ font-size: 3vw; margin: 1.5vw 0}
    .layer_pop_wrap.select_tem .select_tem_list .txt_wrap .btn{ font-size: 1.5vw; height: auto; line-height: 0; padding: 2vw 3vw}

    /* 템플릿 팝업 02*/
    .layer_pop_wrap.select_tem02 .select_tem_list_wrap{ max-height: calc(95vh - 3.5rem); padding: 2rem 1rem}
    .layer_pop_wrap.select_tem02 .select_tem_item{ padding: 0 1rem 2rem;}
    .layer_pop_wrap.select_tem02 .select_tem_item .select_tem_inn{ max-width: 15rem; margin: 0 auto}
    .layer_pop_wrap.select_tem02 .select_tem_item .select_tem{ height: 22rem !important;}

    /* 가상공간 등록 */
    .space_list{ grid-template-columns: repeat(1,1fr); gap: 0.5rem; padding: 0;}
    .layer_pop_wrap.img_view3d .layer_pop .layer_cont{ padding: 2rem}

    /* 동선만들기 */
    .layer_pop_wrap.make_path .layer_cont{flex-direction: row; flex-wrap: wrap;}
    .layer_pop_wrap.make_path .path_data_list_wrap{width: 100%; padding: 1rem;}
    .layer_pop_wrap.make_path .path_map_wrap{padding: 0; width: 100%;}
    .layer_pop_wrap.make_path .path_data_list{grid-template-columns:repeat(1,1fr); margin-top: 1rem;}
    .layer_pop_wrap.make_path .path_data_btn{width: 100%; padding: 0.75rem 2rem 0.75rem 0.75rem; color: #999; border: 1px solid #dfdfdf; text-align: left; position: relative;}
    .layer_pop_wrap.make_path .path_data_btn::before{content:"\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0.8rem; right: 1rem;} 
    .layer_pop_wrap.make_path .path_data_btn.active{border: 1px solid var(--primary); color: var(--primary); background: #F2F6FF;}
    .layer_pop_wrap.make_path .path_data_btn.active::before{content: "\f00c";}

    .form_con_wrap{ margin-bottom: 3rem}
    .form_tit_wrap .btn_area{ display: flex; align-items: center; justify-content: flex-end}
    .form_tit_wrap .btn_area .btn{ height: 2rem; line-height: 2rem; font-size: 0.7rem}
    .m_col{ flex-flow: column}
    .m_col > *{ margin: 0.25rem 0}
    .m_flex{ display: flex !important; align-items: center}
    .m_flex .m_s{ width: 20%; flex-shrink: 0}

    /* 0801_내가만드는큐레이션_일반큐레이션 */
    .curation_board_search{position: relative; background: none; flex-direction: column-reverse; margin-bottom: 0; padding: 0 1rem;}
    .curation_board_search .b_count{margin-top: 2rem;}
    .curation_board_search > div select,
    .curation_board_search > form select{position: absolute; bottom: 0.5rem; right: 1rem; width: 7rem;}
    .curation_list ul li{flex-wrap: wrap; height: auto;}
    .curation_list ul li a{flex-wrap: wrap;}
    .curation_list ul li .img_wrap{width: 100%; height: auto; padding-bottom: 1rem;}
    .curation_list ul li .img_wrap .img{margin-bottom: 1rem;}
    .curation_list ul li .txt_wrap{width: 100%;}
    .curation_list ul li .txt_wrap .view{position: relative; right: auto; bottom: auto; border-left: 1px solid #dfdfdf; margin-left: 0.5rem; padding-left: 0.5rem;}
    .curation_list ul li .btn_wrap a{width: 49%;}

    /* 0801_내가만드는큐레이션_전시큐레이션 */
    .ex_curation_list ul{grid-template-columns: repeat(1,100%);}
    .ex_curation_list ul li .btn_wrap a{width: 49%;}

    /* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */
    .form_txt_wrap{ display: block}
    .form_txt_wrap .btn_area { margin-top: 1.5rem}
    .form_txt_wrap .btn_area .btn{ width: 100%; height: 2.5rem; line-height: 2.5rem}
    .select_img_list{ grid-template-columns: repeat(2, 1fr); gap: 1rem;}
    /* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_등록 */


    /* [S] 참여하기 01_내가만드는큐레이션_일반큐레이션_팝업 */
    .board_detail_box .info_wrap{ justify-content: center}
    /* [E] 참여하기 01_내가만드는큐레이션_일반큐레이션_팝업 */

    /* [S] 참여하기 02_견학 신청_정기해설*/
    .con_step_wrap .con_step_box{ width: 4.5rem; height: 2rem; margin-right: 0.5rem}
    .con_step_wrap .con_step_box .num{ font-size: 1.7rem; margin-right: 0.3rem; top: 0.45rem}
    .con_step_wrap .con_step_box .txt{ font-size: 0.9rem}
    .con_step_wrap .calendar_box{ padding: 1rem}
    .con_step_wrap .calendar_box .calendar_opt{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0.5rem}
    .con_step_wrap .calendar_box .calendar_opt li + li{ margin: 0}

    .sec_info_wrap{ display: block;}
    .sec_info_wrap .sec_info_item{margin-top: 0 !important; border-right: none !important; border-bottom: 2px dashed #ccc !important; padding: 1.5rem 1rem;}
    .sec_info_wrap .sec_info_item:first-child{padding-top: 0;}
    .sec_info_wrap .sec_info_item:last-child{border-bottom: 0 !important;}
    .con_step_wrap .tbl table td .btn{ height: 1.75rem; line-height: 1.75rem; width: 5rem}
    .ckh_rv_info{ display: block; padding: 0.75rem 1rem;}
    .ckh_rv_info .info_wrap{ display: inline-flex}
    .ckh_rv_info .info_wrap.bar_gray > span:before{ display: none}
    .ckh_rv_info .info_wrap .rv_info_con{ margin: 0.25rem 0}
    /* [E] 참여하기 02_견학 신청_정기해설*/

    /* [S] 참여하기 03_대관 신청_상세보기_예약안내*/
    .thumb_slide_wrap{ display: block; margin: 2rem 0 5rem}
    .thumb_slide_wrap .thumb_slide{ width: 100%; padding: 2rem 0}
    .thumb_slide_wrap .left{ border-right: none; border-bottom: dashed 2px #EBEBEB;}
    /* [E] 참여하기 03_대관 신청_상세보기_예약안내*/

    /* [S] 참여하기 04_프로그램신청_목록*/
    .program_rv_list .program_rv_item{ display: block; padding: 0; margin-bottom: 2rem; border: solid 1px #dfdfdf !important; background: #fff;}
    .program_rv_list .program_rv_item .img_wrap{ width: 100%; margin-right: 0; margin-bottom: 1.25rem}
    .program_rv_list .program_rv_item .txt_wrap{ padding: 0 1rem}
    .program_rv_list .program_rv_item .txt_wrap .tit{ display: block; margin-bottom: 0.75rem}
    .program_rv_list .program_rv_item .txt_wrap .ctg_item{ margin-bottom: 0.4rem}
    .program_rv_list .program_rv_item .txt_wrap .txt_list{ gap: 0.25rem}
    .program_rv_list .program_rv_item .txt_wrap .txt_item .txt_item_tit{ margin-right: 0.5rem}
    .program_rv_list .program_rv_item .btn_wrap{ width: 100%; margin-left: 0; margin-top: 1.5rem; margin-right: 0; padding: 0 1rem 1.5rem}
    .program_rv_list .program_rv_item .btn_wrap .btn{ width: 100%; height: 2.5rem; display: flex; flex-flow: row}
    .program_rv_list .program_rv_item .btn_wrap .btn i{ margin-right: 0.5rem; font-size: 1.1rem; margin-bottom: 0}
    /* [E] 참여하기 04_프로그램신청_목록*/

    /* [S] 참여하기 04_프로그램신청_상세*/
    .m_fix{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999; background: #fff; border-radius: 0 !important;}
    /* [E] 참여하기 04_프로그램신청_상세*/

    /* [S] 참여하기 04_프로그램신청_신청*/
    table.ty_ex input,
    table.ty_ex select{ width: 100%}
    table.ty_ex input.auto_check{width: 1rem;}
    table.ty_ex .assist_box{ width: calc(100% - 2.5rem)}
    table.ty_ex input[type="radio"]{ width: 100%; height: 100%; border-radius: 0; background: #F8F8F8; border: 1px solid #DFDFDF; position: relative}
    table.ty_ex input[type="radio"]:checked{ background: #F2F6FF; border: solid 1px var(--primary)}
    table.ty_ex input[type="radio"]:checked + span{ color: var(--primary)}
    table.ty_ex .radio-area{ width: 100%; display: flex; }
    table.ty_ex .radio-area label{ flex: 1; position: relative; height: 2.5rem; line-height: 2.5rem}
    table.ty_ex .radio-area label + label{ margin-left: 0.5rem}
    table.ty_ex .radio-area label span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: inline-flex; align-items: center; justify-content: center; line-height: +1.1; margin: 0; text-align: center; width: 100%}
    .show_table_wrap .open .hid_wrap{ background: #f8f8f8; padding: 1rem; display: block; margin-top: 0}
    .show_table_wrap .open .hid_wrap .tab_none{ display: none}
    .form_table .agree_info{ display: block}
    .form_table .agree_info .agree_radio{ margin-top: 1rem}

    .complete_wrap .tit_wrap i{ margin-bottom: 2rem}
    /* [E] 참여하기 04_프로그램신청_신청*/

    /* [S] 참여하기 05_추모공간_목록*/
    .remembrance_wrap{ margin-top: -2rem}
    .remembrance_banner{ width: 100vw; transform: translateX(-1rem); padding: 5vw 4vw; margin-bottom: 2rem; border-radius: 0;}
    .remembrance_banner .tit{ margin-bottom: 0; font-size: 1.25rem}
    .remembrance_list{ margin-top: -1.25rem}
    .remembrance_list .remembrance_item{ padding: 1rem; position: relative}
    .remembrance_list .remembrance_item.me{ padding: 1rem 1rem 5rem; position: relative}
    .remembrance_list .remembrance_item .btn_area{ position: absolute; left: 0; bottom: 1.5rem; padding: 0 1rem; display: flex; width: 100%; flex-flow: row-reverse; justify-content: space-between}
    .remembrance_list .remembrance_item .btn_area .btn{ width: calc(50% - 0.5rem); height: 2.25rem; line-height: 2.25rem}
    .remembrance_list .remembrance_item.write{ padding: 1.5rem 1rem}
    .remembrance_list .remembrance_item.write .writer_wrap{ width: 100%}
    .remembrance_list .remembrance_item.write .writer_wrap label{ flex-shrink: 0}
    .remembrance_list .remembrance_item.write .writer{ flex-flow: column-reverse}
    .remembrance_list .remembrance_item.write .writer .btn_sns_wrap{ width: 100%; justify-content: center; flex-flow: column; margin-bottom: 1rem}
    .remembrance_list .remembrance_item.write .writer .btn_sns_login{width: 100%; margin: 0.25rem 0;}
    .remembrance_list .remembrance_item.write .writer input{ margin-right: 0; width: 100%}
    .remembrance_list .remembrance_item.write textarea{ height: 12rem}
    .remembrance_list .remembrance_item.write .btm_btn_wrap .btn{ width: 100%; margin: 0.25rem 0}
    /* [E] 참여하기 05_추모공간_목록*/

    .tit4 { font-size : 1.5rem; padding-bottom : 0.5rem }
}

@media(max-width: 600px){
    .template_btn{ width: 100%; padding: 0 1rem; align-items: center; justify-content: center;}

    .form_tit_wrap.has_btn{ display: block}
    .form_tit_wrap.has_btn .btn_area{ display: flex; margin-top: 0.7rem}
    .form_tit_wrap.has_btn .btn_area .btn{ flex: 1}

    .bg_list{ justify-content: center}
    .bg_list .bg_item{ margin: 0; flex: 1; display: inline-flex; justify-content: center}
    .bg_list .bg_item > a{ width: 2rem; height: 2rem}

    .curation_list_wrap .curation_list ul li a{ display: block; height: 100%; background: #F8F8F8}
    .curation_list_wrap .curation_list ul li a .info{ justify-content: flex-start; margin-top: 1rem}
    .curation_list ul li .txt_wrap .txt{height: 5.5rem;}

    .round_list{padding: 0 0.5rem;}
    .round_list.step05 .round_list_item{ width: 45%; margin-right: 10% !important;}
    .round_list .round_list_item img{ width: 40%}
    .round_list .round_list_item .round{width: 7rem;}
    .round_list .round_list_item + .round_list_item:after{left: -20%; transform: scale(0.8); -webkit-transform: scale(0.8);}
    .round_list.step05 .round_list_item:nth-child(2n){ margin-right: 0 !important;}
    .round_list.step05 .round_list_item:nth-child(3)::after{display: none;}
    .tem_ty02_02 .tem_con_wrap .tem_list_wrap .tem_list{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 400px){
    /* 템플릿 팝업 01*/
    .layer_pop_wrap.select_tem .select_tem_list{ padding: 2rem 1rem}
    .layer_pop_wrap.select_tem .select_tem_sample_wrap{ padding: 0 1rem 1.5rem}

    .page_btm_btn{ display: block}
    .page_btm_btn .btn{ width: 100%; margin: 0.25rem 0!important;}

    .login_required_wrap .btn_wrap{ display: block}
    .login_required_wrap .btn_wrap .btn{ width: 100%; margin: 0.25rem 0}
    .bg_list .bg_item > a{ width: 1.5rem; height: 1.5rem}
    
}