@charset "utf-8";
/* CSS Document */


/* 온라인전시 목록 */
.gallery_list .list_exhibition											{ display:flex; flex-wrap:wrap; gap:2em 1em; }
.gallery_list .list_exhibition>li										{ position:relative; width:calc((100% - 3em) / 4); display:flex; gap:1em;  }
.gallery_list .list_exhibition>li.thumblist_none						{ border:1px solid var(--color-board-line);  }
.gallery_list .list_exhibition>li label									{ position:absolute; left:.5em; top:.5em; z-index:3 }
.gallery_list .list_exhibition>li>a										{ display:flex; width:100%; flex-wrap:wrap; gap:20px; }
.gallery_list .list_exhibition>li .gl_thumb								{ width:100%; position:relative; height:0; padding-top:125%; overflow:hidden;  }
.gallery_list .list_exhibition>li .gl_thumb img							{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%); 
																			-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; }
.gallery_list .list_exhibition>li:hover .gl_thumb img,
.gallery_list .list_exhibition>li:focus .gl_thumb img,	
.gallery_list .list_exhibition>li>a:hover .gl_thumb img,
.gallery_list .list_exhibition>li>a:focus .gl_thumb img					{ transform:translateX(-50%) scale(1.07, 1.07); }
.gallery_list .list_exhibition>li .cont									{ position:relative; width:100%; display:flex; flex-flow:column; gap:5px; padding-top:15px; border-top:1px solid var(--color-board-line)  }
.gallery_list .list_exhibition>li .cont::before							{ position:absolute; left:0; top:-2px; background:var(--color-point); width:5em; height:3px; content:''; }
.gallery_list .list_exhibition>li .cont strong							{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.167rem; font-weight:700; word-break:break-all; }
.gallery_list .list_exhibition>li .cont>dl								{ display:flex; flex-wrap:wrap; gap:5px 10px; font-size:1.03rem; font-weight:700; line-height:1; margin-top:5px;}
.gallery_list .list_exhibition>li .cont>dl>dt							{ min-width:3.4em; opacity:.54; display:flex; justify-content:space-between; font-weight:500 }
.gallery_list .list_exhibition>li .cont>dl>dd							{ flex:auto }
@media all and (max-width:1268px){
	.gallery_list .list_exhibition>li									{ position:relative; width:calc((100% - 2em) / 3); }
}
@media all and (max-width:1024px){
	.gallery_list .list_exhibition>li .cont strong						{ font-size:1.1rem; line-height:1.3; }
	.gallery_list .list_exhibition>li .cont>dl							{ font-size:1rem;  }
}
@media all and (max-width:768px){
	.gallery_list .list_exhibition>li									{ width:calc((100% - 1em) / 2); }
	.gallery_list .list_exhibition>li .cont strong						{ font-size:1.067rem;  }
	.gallery_list .list_exhibition>li .cont>dl							{ font-size:.95rem;  }
}
@media all and (max-width:468px){
	.gallery_list .list_exhibition>li .cont strong						{ font-size:1.03rem;  }
	.gallery_list .list_exhibition>li .cont>dl							{ font-size:.9rem;  }
}
@media all and (max-width:414px){
	.gallery_list .list_exhibition>li									{ width:100%; }
}



/* 온라인전시 상세 */
.exhibition_view .exhibition_view_top											{ display:flex; flex-wrap:wrap;  justify-content:space-between; border-top:1px solid var(--color-base); padding-top:2em; }
.exhibition_view .exhibition_view_top .area_img									{ width:calc((100% - 80px) / 3); position:relative; }
.exhibition_view .exhibition_view_top .area_text								{ width:calc((100%) / 1.6); }
.exhibition_view .exhibition_view_top .area_text .st3_tit						{ font-size:1.75rem; font-weight:bold; color:var(--color-board-base); line-height:1.4 }
.exhibition_view .exhibition_view_top .area_text .info_list						{ display:flex; flex-wrap:wrap; gap:1.5em 1em; position:relative; margin-top:1.5em; padding-top:1.5em; border-top:1px solid var(--color-board-black-opcity1); }
.exhibition_view .exhibition_view_top .area_text .info_list::before				{ position:absolute; left:0; top:-2px; background:var(--color-point); width:5em; height:3px; content:''; }
.exhibition_view .exhibition_view_top .area_text .info_list>li					{ width:calc((100% - 1em) / 2); display:flex; flex-flow:column; gap:5px; font-size:1.03rem; font-weight:400; line-height:1.2  }
.exhibition_view .exhibition_view_top .area_text .info_list>li>strong			{ display:flex; width:100%; margin-right:1em; font-weight:700;  }
.exhibition_view .exhibition_view_top .area_text .info_list>li>span				{ display:flex; width:100%;  }
.exhibition_view .exhibition_view_con											{ margin-top:2em; }
.exhibition_view .exhibition_view_con .tab_menu									{ display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid var(--color-board-line); border-top:1px solid var(--color-base); padding:20px 0; gap:10px;}
.exhibition_view .exhibition_view_con .tab_menu>li>button						{ display:flex; width:100%; align-items:center; justify-content:center; height:50px; border:1px solid var(--color-board-line);
																					font-size:1.067rem; font-weight:700; box-sizing: border-box; padding:0 45px; border-radius:50px; }
.exhibition_view .exhibition_view_con .tab_menu>li.active>button				{ background:var(--color-board-base); color:var(--color-board-white); border-color:var(--color-board-base) }
.exhibition_view .exhibition_view_con .custom_tab								{ margin-top:30px; display:none; counter-reset:title_dia; }
.exhibition_view .exhibition_view_con .custom_tab.active						{ display:block; }
.exhibition_view .exhibition_view_con .exhibitionSwiper							{ position:relative; padding-top:5px }
.exhibition_view .exhibition_view_con .swiper-slide								{ width:100%; display:flex; gap:5em}
.exhibition_view .exhibition_view_con .swiper-slide	.img_wrap					{ min-width:calc((100% - 80px) / 2.5); position:relative; overflow:hidden; height:26em; background-color:var(--color-board-gray3) }
.exhibition_view .exhibition_view_con .swiper-slide	.img_wrap img				{ position:absolute; top:50%; left:50%; min-width:inherit; max-height:100%; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%); 
																					-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.exhibition_view .exhibition_view_con .swiper-slide .cont						{ flex:auto }
.exhibition_view .exhibition_view_con .swiper-slide .cont strong				{ display:flex; width:calc(100% - 10em); font-size:1.267rem; font-weight:700;word-break:break-all; }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info					{ display:flex; flex-wrap:wrap; gap:1.5em 1em; position:relative; margin-top:1.5em; padding-top:1.5em; border-top:1px solid var(--color-board-base); }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info::before			{ position:absolute; left:0; top:-2px; background:var(--color-point); width:5em; height:3px; content:''; }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li				{ width:calc((100% - 1em) / 2); display:flex; flex-flow:column; gap:5px; font-size:1.03rem; font-weight:400; line-height:1.2  }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li>dl			{ display:flex; flex-wrap:wrap; gap:5px 10px; }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li>dl>dt		{ min-width:6em; font-weight:700; }
.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li>dl>dd		{ flex:auto; }
.exhibition_view .exhibition_view_con .swiper_bottom							{ position:absolute; right:0; top:0; display:flex;  align-items:center; justify-content:center; z-index:3; }
.exhibition_view .exhibition_view_con .control									{ display:flex; height:40px; align-items:center; justify-content:center; line-height:1 }
.exhibition_view .exhibition_view_con .swiper_bottom button						{ flex:none; position:relative;  padding:0px; }
.exhibition_view .exhibition_view_con .swiper_bottom button:before				{ display:block; position:absolute; top:50%; left:50%; content:''; }
.exhibition_view .exhibition_view_con .swiper_bottom .swiper_prev,
.exhibition_view .exhibition_view_con .swiper_bottom .swiper_next				{ width:35px; height:35px; border:1px solid var(--color-board-line); border-radius:100% }
.exhibition_view .exhibition_view_con .swiper_bottom .swiper_prev:before		{ width:7px; height:7px; border-style:solid; border-width:0 0 1px 1px; border-color:var(--color-board-base); transform:translate(-40%, -55%) rotate(45deg); background-image:none }
.exhibition_view .exhibition_view_con .swiper_bottom .swiper_next:before		{ width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-board-base); transform:translate(-65%, -55%) rotate(45deg); background-image:none }
.exhibition_view .exhibition_view_con .swiper_bottom .swiper_page				{ margin:0 15px; line-height:1; font-size:.85rem }
.exhibition_view .exhibition_view_con .swiper_bottom .swiper-pagination-current	{ font-weight:700; color:var(--color-board-base)}
.exhibition_view .exhibition_view_con .swiper_bottom .swiper-pagination-total	{ opacity:.54; color:var(--color-board-base)}
@media all and (max-width:1368px){
	.exhibition_view .exhibition_view_top .area_text .st3_tit					{ font-size:1.65rem; }
	.exhibition_view .exhibition_view_con .tab_menu								{ padding:15px 0; }
	.exhibition_view .exhibition_view_con .tab_menu>li>button					{ height:48px; padding:0 35px; font-size:1.03rem; }
	.exhibition_view .exhibition_view_con .swiper-slide							{ gap:3em; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont strong			{ font-size:1.2rem; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li			{ font-size:1rem; }
}
@media all and (max-width:1268px){
	.exhibition_view .exhibition_view_top .area_text .st3_tit					{ font-size:1.55rem; }
}
@media all and (max-width:1168px){
	.exhibition_view .exhibition_view_top .area_text .st3_tit					{ font-size:1.45rem; }
}
@media all and (max-width:968px){
	.exhibition_view .exhibition_view_top .area_text .st3_tit					{ font-size:1.35rem; }
	.exhibition_view .exhibition_view_con .tab_menu								{ padding:10px 0; }
	.exhibition_view .exhibition_view_con .tab_menu>li>button					{ height:46px; padding:0 25px; font-size:1rem; }
	.exhibition_view .exhibition_view_con .swiper-slide							{ gap:2.5em; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont strong			{ font-size:1.167rem; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li			{ font-size:.98rem; }
}
@media all and (max-width:868px){
	.exhibition_view .exhibition_view_top .area_img								{ width:100%; }
	.exhibition_view .exhibition_view_top .area_text							{ width:100%; margin-top:1.5em; }
	.exhibition_view .exhibition_view_con .tab_menu>li>button					{ height:42px; padding:0 20px; font-size:.95rem; }
	.exhibition_view .exhibition_view_con .swiper-slide	.img_wrap				{ height:22em; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont strong			{ width:100%; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont .info				{ gap:1em; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li			{ width:100%; }
	.exhibition_view .exhibition_view_con .swiper_bottom						{ position:initial; margin-top:1em; }
}
@media all and (max-width:768px){
	.exhibition_view .exhibition_view_top .area_img								{ width:100%; }
	.exhibition_view .exhibition_view_top .area_text							{ width:100%; }
	.exhibition_view .exhibition_view_top .area_text .st3_tit					{ font-size:1.3rem; }
	.exhibition_view .exhibition_view_top .area_text .info_list>li				{ font-size:1rem; }
	.exhibition_view .exhibition_view_con										{ margin-top:3em; }
	.exhibition_view .exhibition_view_con .custom_tab							{ margin-top:15px; }
	.exhibition_view .exhibition_view_con .tab_menu>li>button					{ height:42px; padding:0 20px; font-size:.95rem; }
	.exhibition_view .exhibition_view_con .swiper-slide							{ flex-wrap:wrap; gap:1.5em }
	.exhibition_view .exhibition_view_con .swiper-slide	.img_wrap				{ width:100%;  }
	.exhibition_view .exhibition_view_con .swiper-slide .cont					{ width:100%; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont strong			{ font-size:1.067rem; }
	.exhibition_view .exhibition_view_con .swiper-slide .cont .info>li,
	.exhibition_view .exhibition_view_top .area_text .info_list>li			{ font-size:.95rem; }
}
@media all and (max-width:568px){
	.exhibition_view .exhibition_view_top .area_text .info_list>li				{ width:100%; flex-flow:row wrap; gap:5px 1em;  }
	.exhibition_view .exhibition_view_top .area_text .info_list>li>strong		{ width:4em; margin-right:0}
	.exhibition_view .exhibition_view_top .area_text .info_list>li>span			{ width:calc(100% - 5em);  }
}

/* 온라인전시 등록 */
#boardWrap .write_group .box_flex												{ position:relative; margin-top:2em }
#boardWrap .write_group .box_flex h4											{ position:relative; font-size:2em; }
#boardWrap .write_group .box_flex>p>.btn_add									{ right:0; top:.4rem; }			
#boardWrap .write_group .work_list												{ display:flex; flex-flow:column; border-top:2px solid var(--color-board-base) }
#boardWrap .write_group .work_list>li											{ border-bottom:1px solid var(--color-board-base); }
#boardWrap .write_group .work_list>li>.write_list								{ border-top-width:0; }			
#boardWrap .write_group .work_list>li>.write_list>li							{ border-bottom-width:0;}
@media all and (max-width:1368px){
	#boardWrap .write_group .box_flex h4										{ font-size:1.8em; }
	#boardWrap .write_group .box_flex>p>.btn_add								{ top:0; }
}
@media all and (max-width:1024px){
	#boardWrap .write_group .box_flex h4										{ font-size:1.6em; margin-bottom:.15em }
	#boardWrap .write_group .box_flex>p>.btn_add								{ width:30px; height:30px; top:-2px; }
	#boardWrap .write_group .box_flex>p>.btn_add>i								{ margin-top:0; }
}
@media all and (max-width:768px){
	#boardWrap .write_group .box_flex h4										{ font-size:1.4em; }
	#boardWrap .write_group .box_flex>p>.btn_add>i								{ margin-top:-1px; }
}

@media all and (max-width:368px){
  .calendarWrap .sort_area .year_ctrl a											{ width:32px; height:32px; }
  .calendarWrap .sort_area .year_ctrl .date										{ font-size:1.5rem; }
}
@media all and (max-width:320px){
  .calendarWrap .sort_area .year_ctrl a											{ width:30px; height:30px; }
  .calendarWrap .sort_area .year_ctrl .date										{ font-size:1.4rem; }
}