@charset "utf-8";
#main											{ overflow-x:hidden }
#main *											{ box-sizing:border-box; }
.flex											{ display:flex; flex-wrap:wrap; }
[data-main-con]									{ margin-top:clamp(4em, 3vw + 1em, 7.5em); }
[data-main-con] .swiper_prev,
[data-main-con] .swiper_next,
[data-main-con] .swiper_auto					{ width:clamp(35px, 4vw, 55px); height:clamp(35px, 4vw, 55px); border:1px solid #000; background-color:var(--color-white) }
[data-main-con] .swiper_auto					{ margin-left:-1px; margin-right:-1px; }

/* 타이틀 */
h3.title										{ display:flex; flex-flow:column; gap:10px; line-height:1; font-size:clamp(1.9em, 1vw + 1.6em, 2.38em); margin-bottom:clamp(0.75em, 1vw + 0.5em, 1.05em);  }

a.view											{ position:relative; display:flex; align-items:center; gap:clamp(25px, 3vw, 40px); padding-right:clamp(25px, 3vw, 40px); border:1px solid #000; font-size:clamp(0.85rem, 0.95rem, 1rem);
    transition:var(--trans-ani); line-height:1  }
a.view::before									{ position:absolute; width:clamp(40px, 3.9vw, 45px); height:100%; left:0; content:''; background:#000; top:0; transition:var(--trans-ani); z-index:-1}
a.view:hover::before,
a.view:focus::before							{ width:100%; }
a.view:hover,
a.view:focus									{ color:var(--color-white); }
.icon_arr										{ display:flex; position:relative; width:clamp(40px, 3.9vw, 45px); height:clamp(40px, 3.9vw, 45px);  }
.icon_arr::before								{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; background:url(/resource/mahan/images/common/icon_arr.svg) no-repeat 50% 50%;
    background-size:clamp(14px, 2vw, 16px) clamp(10px, 1.5vw, 12px)!important;; z-index:2 }


/**********************************************************************

 								비주얼

**********************************************************************/
.visual															{ position:relative; }
.visual .swiper-slide											{ width:100%; }
.visual .right_scroll_wrap										{ position:absolute; display:flex; flex-flow:column; align-items:center;  justify-content:center; gap:20px; right:2%; bottom:0; z-index:3; }
.visual .right_scroll_wrap .right_scroll_img					{ width:9px; height:78px; background:url(/resource/mahan/images/main/img_scroll.png) no-repeat 50% 50% / contain; }
.visual .right_scroll_wrap .right_scroll						{ position:relative; width:1px; height:clamp(40px, 5vw, 100px); background:rgba(255,255,255,.2);}
.visual .right_scroll_wrap .right_scroll::before				{ position:absolute; width:7px; height:7px; background:#c7000c; border-radius:100%; left:calc(50% - 3.5px); top:0; content:''; animation:scroll 2.7s ease-in-out infinite forwards;}
.visual .mySwiper												{ z-index:inherit; }
.visual .bg	 													{ position:absolute; width:100%; height:0; left:0; bottom:0; background-image:url(/resource/mahan/images/main/bg_visual.png); background-repeat:no-repeat; background-position:50% 50%; 
																	mask-repeat:no-repeat; background-size:cover; -webkit-mask-image:url(/resource/mahan/images/main/bg_visual.png); mask-image:url(/resource/mahan/images/main/bg_visual.png); 
																	z-index:3; transition:height ease 1s; mask-size:cover; mask-position:50% 50%; }
.visual .active .bg												{ height:100%; }
.visual .img													{ position:relative; width:100%; height:100vh; overflow:hidden; min-height:350px; -webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%); 
																	filter:grayscale(100%); filter:gray; -webkit-filter: grayscale(1); }
.visual .img::before											{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); content:''; z-index:2; }
.visual .img img,
.visual .bg	img													{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
   		 															-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1 }
.visual .swiper_page											{ position:absolute; width:94% !important; max-width:1700px; left:50% !important; bottom:50px !important; z-index:4; display:flex; gap:0 12px; transform:translateX(-50%) }
.visual .swiper_page>span										{ flex:0 1 auto; }
.visual .swiper_page .swiper-pagination-bullet					{ position:relative; width:100%; height:21px; background-color:transparent; border-radius:0; opacity:1; font-size:clamp(0.75rem, 1vw + 0.5em, 0.94em); font-weight:300;
    																color:var(--color-white); opacity:.3; line-height:1; margin:0!important }
.visual .swiper_page .swiper-pagination-bullet::before			{ position:absolute; width:100%; height:1px; left:0; bottom:0; background:var(--color-white); content:''; }
.visual .swiper_page .swiper-pagination-bullet::after			{ position:absolute; width:0; height:1px; left:0; bottom:0; background:var(--color-white); content:''; transition:all ease 1s  }
.visual .swiper_page .swiper-pagination-bullet-active			{ font-weight:bold; opacity:1; }
.visual .swiper_page .swiper-pagination-bullet-active::before	{ opacity:.3; }
.visual .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after	{ width:100%; }

@keyframes scroll {
    0% { top:0; opacity:1 }
    100% { top:100%; opacity:0}
}
@media all and (max-width:1368px) {
    .visual .img													{ height:0; padding-top:56.25%; }
    .visual .right_scroll_wrap										{ gap:15px; }
    .visual .right_scroll_wrap .right_scroll_img					{ width:8px; height:69px; }
    .visual .right_scroll_wrap .right_scroll::before				{ width:6px; height:6px; left:calc(50% - 3px); }
    .visual .swiper_page											{ bottom:30px !important; }
}
@media all and (max-width:1168px) {
    .visual .swiper_page											{ bottom:25px !important }
}
@media all and (max-width:668px) {
    .visual .swiper_page											{ bottom:20px !important; gap:0 10px; }
}


/**********************************************************************

 								안내+공지

**********************************************************************/
[data-main-con="guide"]												{ position:relative; margin-top:0; padding-top:clamp(4em, 3vw + 1em, 7.5em); }
[data-main-con="guide"]::before										{ position:absolute; width:1px; height:300px; left:50%; top:0; content:''; background:#000; }
[data-main-con="guide"]>.flex										{ display:flex; justify-content:space-between}
[data-main-con="guide"]>.flex .guide								{ flex:0 1 50%; }
[data-main-con="guide"]>.flex .notice								{ flex:0 1 calc(50% - 8.5em); margin-left:8.5em }


/* 관람안내 */
[data-main-con="guide"]>.flex .guide .info							{ display:flex; flex-flow:column; gap:1.88em; }
[data-main-con="guide"]>.flex .guide .info dl						{ display:flex; align-items:baseline; }
[data-main-con="guide"]>.flex .guide .info dl>dt					{ flex:none; width:80px; opacity:.54;}
[data-main-con="guide"]>.flex .guide .info dl>dd					{ position:relative; display:flex; flex-wrap:wrap; gap:.48em; font-size:1.31em; font-weight:bold; padding-left:1.9em }
[data-main-con="guide"]>.flex .guide .info dl>dd .ex				{ position:relative; width:100%; padding-left:.94em; font-size:1rem; font-weight:300; opacity:.74; line-height:1.2 }
[data-main-con="guide"]>.flex .guide .info dl>dd .ex::before		{ position:absolute; left:0; top:-.02em; content:'※'; }
[data-main-con="guide"]>.flex .guide .info dl>dd .icon				{ position:absolute; left:0; top:0; display:flex; width:23px; height:22px; align-items:center; justify-content:center;}
[data-main-con="guide"]>.flex .guide .info dl>dd .icon::before		{ position:absolute; width:100%; height:100%; content:''; background-repeat:no-repeat; background-position:center; background-size:contain; left:0; top:5px; opacity:.74 }
[data-main-con="guide"]>.flex .guide .info dl>dd .icon1::before		{ background-image:url(/resource/mahan/images/main/icon_guide01.svg); background-size:auto 18px }
[data-main-con="guide"]>.flex .guide .info dl>dd .icon2::before		{ background-image:url(/resource/mahan/images/main/icon_guide02.svg); background-size:auto 18px}
[data-main-con="guide"]>.flex .guide .info dl>dd .icon3::before		{ background-image:url(/resource/mahan/images/main/icon_guide03.svg); background-size:auto 17px}
[data-main-con="guide"]>.flex .guide .info dl>dd .icon4::before		{ background-image:url(/resource/mahan/images/main/icon_guide04.svg); background-size:auto 22px}




/* 공지사항 */
[data-main-con="guide"]>.flex .notice								{ position:relative; width:calc(50% - 8.5em);}
[data-main-con="guide"]>.flex .notice h3.title						{ margin-bottom:.5em; }
[data-main-con="guide"]>.flex .notice .line_more					{ position:absolute; display:flex; justify-content:end; width:calc(100% - 11.43em); right:0; top:15px; }
[data-main-con="guide"]>.flex .notice .line_more::before			{ position:absolute; width:100%; right:0; top:50%; height:1px; background:#000; content:''; }
[data-main-con="guide"]>.flex .notice .line_more>a					{ font-size:0; text-indent:-9999em; padding:0; gap:0; }
[data-main-con="guide"]>.flex .notice .list							{ display:flex; flex-flow:column; }
[data-main-con="guide"]>.flex .notice .list>li						{ border-bottom:1px solid #000; }
[data-main-con="guide"]>.flex .notice .list>li>a					{ position:relative; display:flex; flex-flow:column; padding:1.25em 0; gap:1.25em; }
[data-main-con="guide"]>.flex .notice .list>li>a strong				{ font-size:1.25em; font-weight:bold; line-height:1; padding-right:1em; width:98%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
[data-main-con="guide"]>.flex .notice .list>li>a .date				{ font-size:1.06em; opacity:.54;  line-height:1;}
[data-main-con="guide"]>.flex .notice .list>li>a .arr				{ position:absolute; right:0; bottom:1.25em; width:19px; height:13px; background:url(/resource/mahan/images/common/icon_arr.svg) no-repeat right center / 19px 13px; filter:invert(1);
    transition:var(--trans-ani);}
[data-main-con="guide"]>.flex .notice .list>li>a:hover .arr,
[data-main-con="guide"]>.flex .notice .list>li>a:focus .arr			{ right:1.25em; }


/* 아이콘 배너 */
[data-main-con="guide"] .banner										{ display:flex; flex-wrap:wrap; margin-top:clamp(4em, 3vw + 1em, 7.5em); gap:1.5em 3.13em }
[data-main-con="guide"] .banner>li									{ width:calc((100% - 12.52em) / 5); }
[data-main-con="guide"] .banner>li>a								{ display:flex; flex-flow:column; }
[data-main-con="guide"] .banner>li>a strong							{ position:relative; font-size:1.09em; font-weight:bold; border-bottom:1px solid #ccc; line-height:1; padding-bottom:1.14em; margin-bottom:1.14em }
[data-main-con="guide"] .banner>li>a strong::before					{ position:absolute; width:180px; height:1px; content:''; background:#000; left:0; bottom:-1px; transition:var(--trans-ani);}
[data-main-con="guide"] .banner>li:nth-child(even) strong			{ order:2; border-top:1px solid #ccc; border-bottom:none; padding-top:1.14em; margin-top:1.14em; padding-bottom:0; margin-bottom:0}
[data-main-con="guide"] .banner>li:nth-child(even) strong::before	{ bottom:inherit; top:-1px; }
[data-main-con="guide"] .banner>li>a p								{ display:flex; align-items:center; justify-content:space-between; }
[data-main-con="guide"] .banner .icon								{ position:relative; display:flex; align-items:center; justify-content:center; width:64px; height:57px; }
[data-main-con="guide"] .banner .icon::before						{ position:absolute; width:100%; height:100%; content:''; background-repeat:no-repeat; background-position:center; background-size:contain; left:0; top:0; }
[data-main-con="guide"] .banner .icon1::before						{ background-image:url(/resource/mahan/images/main/icon_banner01.png); }
[data-main-con="guide"] .banner .icon2::before						{ background-image:url(/resource/mahan/images/main/icon_banner02.png); }
[data-main-con="guide"] .banner .icon3::before						{ background-image:url(/resource/mahan/images/main/icon_banner03.png); }
[data-main-con="guide"] .banner .icon4::before						{ background-image:url(/resource/mahan/images/main/icon_banner04.png); }
[data-main-con="guide"] .banner .icon5::before						{ background-image:url(/resource/mahan/images/main/icon_banner05.png); }
[data-main-con="guide"] .icon_arr									{ background-color:#000; }
[data-main-con="guide"] .banner>li>a:hover .icon,
[data-main-con="guide"] .banner>li>a:focus .icon					{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-main-con="guide"] .banner>li>a:hover strong::before,
[data-main-con="guide"] .banner>li>a:focus strong::before			{ width:100%; }

@media all and (max-width:1768px) {
    [data-main-con="guide"] .banner									{ gap:2em 3em }
    [data-main-con="guide"] .banner>li								{ width:calc((100% - 12em) / 5); }
    [data-main-con="guide"] .banner .icon							{ width:53px; height:47px; }
    [data-main-con="guide"] .banner>li>a strong::before				{ width:150px; }
}
@media all and (max-width:1568px) {
    [data-main-con="guide"]>.flex .guide .info dl>dd				{ font-size:1.267em; }
    [data-main-con="guide"]>.flex .notice .list>li>a .date			{ font-size:1.03em; }
    [data-main-con="guide"]>.flex .notice .list>li>a strong			{ font-size:1.2em; }
}
@media all and (max-width:1468px) {
    [data-main-con="guide"]>.flex .guide .info						{ gap:1.5em; }
    [data-main-con="guide"]>.flex .notice							{ flex:0 1 calc(50% - 7em); margin-left:7em }
    [data-main-con="guide"]>.flex .notice .list>li>a				{ padding:1em 0; }
    [data-main-con="guide"]>.flex .notice .list>li>a .date			{ font-size:1em; }
    [data-main-con="guide"]>.flex .notice .list>li>a strong			{ font-size:1.167em; }
}
@media all and (max-width:1368px) {
    [data-main-con="guide"]::before									{ height:250px; }
    [data-main-con="guide"]>.flex .guide							{ padding-right:3em; }
    [data-main-con="guide"]>.flex .guide .info						{ gap:1.3em; }
    [data-main-con="guide"]>.flex .guide .info dl>dd				{ font-size:1.167em; }
    [data-main-con="guide"]>.flex .guide .info dl>dd .ex			{ font-size:.98rem; }
    [data-main-con="guide"]>.flex .notice							{ flex:0 1 calc(50% - 4em); margin-left:4em }
    [data-main-con="guide"]>.flex .notice .list>li>a				{  gap:1em }
    [data-main-con="guide"]>.flex .notice .list>li>a .date			{ font-size:.95em; }
    [data-main-con="guide"]>.flex .notice .list>li>a strong			{ font-size:1.067em; }

    [data-main-con="guide"] .banner									{ gap:3em 2em }
    [data-main-con="guide"] .banner>li								{ width:calc((100% - 8em) / 5); }
    [data-main-con="guide"] .banner>li>a strong						{ font-size:1.06em; }
}
@media all and (max-width:1168px) {
    [data-main-con="guide"] .banner>li:last-child					{ display:none; }
    [data-main-con="guide"] .banner>li								{ width:calc((100% - 6em) / 4); }
    [data-main-con="guide"] .banner>li .icon_arr					{ width:40px; height:40px; }
}
@media all and (max-width:1024px) {
    [data-main-con="guide"]>.flex .notice .line_more				{ top:10px; }
    [data-main-con="guide"]>.flex .guide .info dl>dd .ex			{ font-size:.9rem; }
    [data-main-con="guide"]>.flex .guide .info dl>dd .icon::before	{ top:2px; }
    [data-main-con="guide"]>.flex .notice .list>li>a .arr			{ bottom:1.1em; }
}
@media all and (max-width:968px) {


    [data-main-con="guide"] .banner .icon							{ width:47px; height:42px; }
    [data-main-con="guide"] .banner>li .icon_arr					{ width:35px; height:35px; }
    [data-main-con="guide"] .banner>li .icon_arr::before			{ background-size:14px 12px; }
    [data-main-con="guide"] .banner>li>a strong::before				{ width:120px; }
}
@media all and (max-width:868px) {
    [data-main-con="guide"]::before									{ display:none; }
    [data-main-con="guide"]>.flex .guide							{ width:100%; padding-right:0; flex:100%; }
    [data-main-con="guide"]>.flex .guide .info dl>dd .ex			{ width:auto; margin-top:2.5px;}
    [data-main-con="guide"]>.flex .notice							{ width:100%; flex:100%; margin-left:0; margin-top:3em; }
}
@media all and (max-width:768px) {
    [data-main-con="guide"] .banner>li									{ width:calc((100% - 2em) / 2); }
    [data-main-con="guide"] .banner>li:nth-child(even) strong			{ order:1; border-top:none; border-bottom:1px solid #ccc; padding-top:0; margin-top:0; padding-bottom:1.14em; margin-bottom:1.14em}
    [data-main-con="guide"] .banner>li:nth-child(even) strong::before	{ bottom:-1px; top:inherit; }
    [data-main-con="guide"] .banner>li>a p								{ order:2; }
}
@media all and (max-width:668px) {
    [data-main-con="guide"]>.flex .guide .info dl>dt					{ width:65px; }
    [data-main-con="guide"]>.flex .guide .info dl>dd					{ gap:.2em; }
    [data-main-con="guide"]>.flex .guide .info dl>dd .ex				{ width:100%; margin-top:0;}
    [data-main-con="guide"]>.flex .notice .line_more					{ top:-6px; width:calc(100% - 10.43em) }
    [data-main-con="guide"]>.flex .notice .list>li>a strong				{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:3em;  }
}
@media all and (max-width:468px) {
    [data-main-con="guide"] .banner										{ gap:2em; }
    [data-main-con="guide"] .banner>li									{ width:100%; }
    [data-main-con="guide"] .banner>li>a strong,
    [data-main-con="guide"] .banner>li:nth-child(even) strong			{ padding-bottom:.75em; margin-bottom:1em }
}
@media all and (max-width:368px) {
    [data-main-con="guide"]>.flex .notice .line_more					{ width:calc(100% - 9.43em); }
    [data-main-con="guide"]>.flex .notice .line_more .icon_arr			{ width:35px; height:35px; }
    [data-main-con="guide"]>.flex .notice .line_more a.view::before		{ width:35px; }
}
/**********************************************************************

 								전시마당

**********************************************************************/
[data-main-con="exhibition"]											{ position:relative; padding-top:3.75em; --sizeWidth:190px; --sizeImg:790px;}
[data-main-con="exhibition"]::before									{ position:absolute; width:100vw; height:1px; left:0; top:0; background:#222; content:''; }
[data-main-con="exhibition"]::after										{ position:absolute; width:1px; height:clamp(70px, 10vw, 300px); left:var(--sizeWidth); top:0; background:#222; content:''; }
[data-main-con="exhibition"] .title										{ flex:none; width:var(--sizeWidth); }
[data-main-con="exhibition"] .exhibition								{ flex:auto; max-width:calc(100% - var(--sizeWidth) - 3.75em); margin-left:3.75em; }
[data-main-con="exhibition"] .swiper-slide								{ width:100%; }
[data-main-con="exhibition"] .slide_item								{ display:flex; flex-wrap:wrap; align-items:center;  }
[data-main-con="exhibition"] .slide_item .img_wrap						{ flex:none; width:var(--sizeImg); }
[data-main-con="exhibition"] .slide_item .img_wrap .img					{ position:relative; display:block; width:100%; height:0; padding-top:70.886%; overflow:hidden; }
[data-main-con="exhibition"] .slide_item .img_wrap .img	img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}
[data-main-con="exhibition"] .slide_item .img_wrap span[data-alt]		{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; z-index:2; text-indent:-9999em; white-space:nowrap; }

[data-main-con="exhibition"] .slide_item .text_wrap						{ flex:auto; display:flex; align-items:flex-start; flex-flow:column; max-width:calc(100% - var(--sizeImg) - 5.94em); margin-left:5.94em; }
[data-main-con="exhibition"] .slide_item .text_wrap .color_point		{ font-size:1.56em; line-height:1 }
[data-main-con="exhibition"] .slide_item .text_wrap strong				{ font-size:2.63em; font-weight:bold; margin-top:.25em; line-height:1.2 }
[data-main-con="exhibition"] .slide_item .text_wrap .text				{ display:flex; flex-flow:column; gap:1.76em; font-size:1.06em; margin-top:3.53em;}
[data-main-con="exhibition"] .slide_item .text_wrap .text>dt			{ font-weight:bold; }
[data-main-con="exhibition"] .slide_item .text_wrap .text>dd			{ font-weight:300; line-height:1.5 }
[data-main-con="exhibition"] .slide_item .text_wrap .view				{ margin-top:7.5em; }

[data-main-con="exhibition"] .swiper_control							{ width:var(--sizeImg); }
[data-main-con="exhibition"] .swiper_control .control					{ justify-content:end; }
[data-main-con="exhibition"] .swiper_control .control .slide_subject	{ display:flex; align-items:center; height:clamp(35px, 4vw, 55px); font-size:1.38em; font-weight:bold; padding-right:2.73em; line-height:1; }
@media all and (max-width:1768px) {
    [data-main-con="exhibition"]										{ padding-top:3.5em; --sizeWidth:190px; --sizeImg:760px;}
    [data-main-con="exhibition"] .exhibition							{ max-width:calc(100% - var(--sizeWidth) - 3.5em); margin-left:3.5em; }
    [data-main-con="exhibition"] .slide_item .text_wrap					{ max-width:calc(100% - var(--sizeImg) - 5em); margin-left:5em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.46em; }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:2.53em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .text			{ gap:1.76em; font-size:1.03em; margin-top:3.5em;}
    [data-main-con="exhibition"] .slide_item .text_wrap .view			{ margin-top:6.5em; }
    [data-main-con="exhibition"] .swiper_control .control .slide_subject{ font-size:1.3em; padding-right:2.5em; }
}
@media all and (max-width:1668px) {
    [data-main-con="exhibition"]										{ padding-top:3em; --sizeWidth:180px; --sizeImg:720px;}
    [data-main-con="exhibition"] .exhibition							{ max-width:calc(100% - var(--sizeWidth) - 3em); margin-left:3em; }
    [data-main-con="exhibition"] .slide_item .text_wrap					{ max-width:calc(100% - var(--sizeImg) - 4em); margin-left:4em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.36em; }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:2.43em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .text			{ gap:1.5em; margin-top:3em;}
    [data-main-con="exhibition"] .slide_item .text_wrap .view			{ margin-top:5em; }
    [data-main-con="exhibition"] .swiper_control .control .slide_subject{ font-size:1.267em; padding-right:2em; }
}
@media all and (max-width:1568px) {
    [data-main-con="exhibition"]										{ padding-top:2.5em; --sizeWidth:170px; --sizeImg:690px;}
    [data-main-con="exhibition"] .slide_item .text_wrap					{ max-width:calc(100% - var(--sizeImg) - 4em); margin-left:4em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.26em; }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:2.25em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .text			{ margin-top:2em;}
    [data-main-con="exhibition"] .slide_item .text_wrap .view			{ margin-top:4em; }
}
@media all and (max-width:1468px) {
    [data-main-con="exhibition"]										{ --sizeImg:630px;}
    [data-main-con="exhibition"] .slide_item .text_wrap					{ max-width:calc(100% - var(--sizeImg) - 3em); margin-left:3em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.2em; }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:2em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .text			{ margin-top:1.5em;}
    [data-main-con="exhibition"] .slide_item .text_wrap .view			{ margin-top:3em; }
}
@media all and (max-width:1368px) {
    [data-main-con="exhibition"]										{ --sizeImg:100%; }
    [data-main-con="exhibition"] .slide_item .img_wrap					{ order:2; margin-top:2em }
    [data-main-con="exhibition"] .slide_item .text_wrap					{ order:1; flex:100%; max-width:inherit; margin-left:0; }

}
@media all and (max-width:1024px) {
    [data-main-con="exhibition"]										{ padding-top:2em; --sizeWidth:140px; }
    [data-main-con="exhibition"] .exhibition							{ max-width:calc(100% - var(--sizeWidth) - 2.5em); margin-left:2.5em; }
    [data-main-con="exhibition"] .swiper_control .control .slide_subject{ font-size:1.167em; padding-right:.75em; max-width:12em;  }
    [data-main-con="exhibition"] .swiper_control .control .slide_subject span	{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
}
@media all and (max-width:868px) {
    [data-main-con="exhibition"]										{ --sizeWidth:140px; }
    [data-main-con="exhibition"] .title									{ position:relative; width:100%; }
    [data-main-con="exhibition"] .exhibition							{ flex:100%; width:100%; max-width:inherit; margin-left:0; margin-top:1.5em }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:1.9em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .text			{ gap:1em; }
    [data-main-con="exhibition"] .slide_item .text_wrap .view			{ margin-top:2em; }
}
@media all and (max-width:468px) {
    [data-main-con="exhibition"]										{ --sizeWidth:125px; padding-top:1.5em;}
    [data-main-con="exhibition"] .swiper_control .control .slide_subject{ max-width:10em; }
}
@media all and (max-width:368px) {
    [data-main-con="exhibition"]										{ --sizeWidth:115px; }
    [data-main-con="exhibition"] .slide_item .text_wrap strong			{ font-size:1.8em; }
}
/**********************************************************************

 								알림마당

**********************************************************************/
[data-main-con="popupzone"] .swiper									{ width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; }
[data-main-con="popupzone"] .swiper-slide							{ width:25%; }
[data-main-con="popupzone"] .swiper-slide>a							{ margin:0 20px; display:block; width:calc(100% - 40px); }
[data-main-con="popupzone"] .swiper-slide .img						{ border:1px solid #ccc; position:relative; overflow:hidden; width:100%; height:0; padding-top:135.135%; }
[data-main-con="popupzone"] .swiper-slide .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}
[data-main-con="popupzone"] .swiper-slide > a span[data-alt]		{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:86%; height:96%; border:2px solid var(--color-point);
    outline:1px solid var(--color-white); text-indent:100%; white-space:nowrap; transform:translate(-50%, -50%);  }
[data-main-con="popupzone"] .swiper-slide > a:focus span[data-alt]	{ opacity:1; }
[data-main-con="popupzone"] .swiper_control							{ position:relative; margin-top:2.13em; }
[data-main-con="popupzone"] .swiper_control::before					{ position:absolute; width:100vw; height:1px; background:#222; content:''; left:clamp(10em, 12vw, 13.75em); top:50%; }

@media all and (max-width:1368px) {
    [data-main-con="popupzone"] .swiper								{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
    [data-main-con="popupzone"] .swiper-slide>a						{ margin:0 10px; width:calc(100% - 20px); }
}
@media all and (max-width:968px) {
    [data-main-con="popupzone"] .swiper								{ width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
    [data-main-con="popupzone"] .swiper-slide						{ width:33.333%; }
    [data-main-con="popupzone"] .swiper-slide>a						{ margin:0 5px; width:calc(100% - 10px); }
    [data-main-con="popupzone"] .swiper_control						{ margin-top:1.5em; }
}
@media all and (max-width:668px) {
    [data-main-con="popupzone"] .swiper-slide						{ width:50%; }
}
@media all and (max-width:414px) {
    [data-main-con="popupzone"] .swiper-slide						{ width:100%; }
}