/** 특별전시 메인 **/
.exhi.exhi_main{background: url(../img/bg_exhi_iron1.png) no-repeat fixed; background-size: 100% auto; }

.exhi_main .exhi_list{display: flex; flex-wrap: wrap; width: 80%; max-width: 1500px; margin: 0 auto; justify-content: center; gap:1em; padding-bottom: 5em;}
.exhi_main .exhi_list div,
.exhi_main .exhi_list a{filter: grayscale(1); border: 1px solid transparent; transition: all .3s;}
.exhi_main .exhi_list div img,
.exhi_main .exhi_list a img{ opacity: 0.7; max-width: 100%}
.exhi_main .exhi_list a{filter: grayscale(0); box-shadow: 3px 3px 10px rgba(0,0,0,0.8); border: 1px solid #fff;}
.exhi_main .exhi_list a img{opacity: 1;}
.exhi_main .exhi_list .first{margin-left: 6em;}
.exhi_main .exhi_list .last{margin-right: 6em;}
.exhi_main .exhi_list img{display: block;}
.exhi_main .exhi_list .align_bt{align-self: flex-end}
.exhi_main .exhi_list > *{animation: up 0.5s linear; animation-fill-mode: backwards; }
.exhi_main .exhi_list .delay2{animation-delay: 0.3s;}
.exhi_main .exhi_list .delay3{animation-delay: 0.6s;}
.exhi_main .exhi_list .delay4{animation-delay: 0.9s;}
.exhi_main .exhi_list .delay5{animation-delay: 1.2s;}
.exhi_main .exhi_list .delay6{animation-delay: 1.5s;}

@media screen and (max-width:1440px){
	.exhi_main .exhi_list{width: 100%;}
}

@media screen and (max-width:1024px){
	.exhi_main .exhi_list .first{margin-left: 0;}
	.exhi_main .exhi_list .last{margin-right: 0;}
	.exhi_main .exhi_list div,
	.exhi_main .exhi_list a{max-width: 40%}
}
@media screen and (max-width:640px){
	.exhi.exhi_main{background-attachment: inherit;}
	.exhi_main .exhi_list div,
	.exhi_main .exhi_list a{max-width: 40%}
	.exhi_main .exhi_list .delay3{max-width: 80%; margin-left: 5%;}
	.exhi_main .exhi_list .delay4{max-width: 80%; margin-right: 4%}
}


/** 특별전시 - 삼각지대 **/

div.cont.exhi{width: 100%; padding: 0; margin: 0; color: #fff;}
section.exhi1{width: 100%; background: url(../img/bg_exhi_iron1.png) no-repeat; background-size: 100% auto; padding: 10rem 2% 3%;}
section.exhi1 .exhi1_wrap{display: flex; margin-bottom: 5em; overflow: hidden; width: 100%;}
section.exhi1 .exhi1_wrap:nth-of-type(2){margin-left:-2%;}
section.exhi1 .exhi1_wrap .tit_wrap{flex:1;}
section.exhi1 .exhi1_wrap h2.tit_exhi {display: flex; align-items: flex-end; color: #fff; text-shadow: 0 0 20px rgba(0,0,0,0.5); animation: down 0.5s linear;}
section.exhi1 .exhi1_wrap h2.tit_exhi span{font-family: "danjung"; font-size: inherit; font-size: 8.5rem; line-height: 1;}
section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 5rem; margin-right: 1rem; margin-bottom: 1rem}
section.exhi1 .exhi1_wrap h2.tit_exhi small{font-size: 1.825rem; text-align: left; font-weight: 500; line-height: 1.2; margin-left: 0.5em; margin-bottom: 1rem;}

section.exhi1 .con{margin-top: 3em;}
section.exhi1 .con p{font-size: 1.25rem; line-height: 1.5; margin-top: 1.5em;animation: up 0.5s linear; animation-delay: 0.3s; animation-fill-mode: backwards; opacity: 0.9}

.shorts{display: flex; justify-content: flex-end}
.shorts {margin-left: 8em; gap:1em;}
.shorts div{animation: right 1s linear; animation-delay: 0.3s; animation-fill-mode: backwards; }
.shorts div iframe{aspect-ratio:315 / 560; width: 316px; height: auto;}
.shorts div.short2{margin-top: 3em; animation-delay: .6s;}

.exhi1_wrap .left{animation: left 0.5s linear; animation-delay: 0.3s; animation-fill-mode: backwards; width:45%;}
.exhi1_wrap .left img{max-width: 100%;}
.exhi1_wrap .right{animation: right 0.5s linear; animation-delay: 0.3s; animation-fill-mode: backwards; margin-left: 0em; width:55%;}
.exhi1_wrap .right .point{font-size: 1.725em; color:#F9EEC2; font-family: 's-core'; font-weight: 500; letter-spacing: -0.06em;}
.exhi1_wrap .right p{font-size: 1.25rem; margin-top: 1em;  opacity: 0.9; line-height: 1.5;}
.exhi1_wrap .refer{margin-top: 2em; opacity: 0.6; line-height: 1.4;}

.exhi2{width: 100%; margin-top: 3em; display: flex; position: relative;}
.exhi2 .map_wrap{position: sticky; top: 80px; height: calc(100vh - 80px); width: 100%;}
.exhi2 .map_wrap .map_area{width: 100%; height: 100%; overflow: hidden; }
.exhi2 .map_wrap .map_area .map{width: 100%; height: 100%;}
.exhi2 .map_wrap .map_menu{position: absolute; top:1em; left: 1em; right: 1em;}
.exhi2 .map_wrap .map_menu ul{display: flex; flex-wrap: wrap; background: #0B2548;border-radius: .5em;}
.exhi2 .map_wrap .map_menu ul li a{display: block; padding: 1em 0.85em; white-space: nowrap; color: #fff;}
.exhi2 .map_wrap .map_menu ul li a.active{font-weight: bold; color: #FFF59B; text-decoration: underline !important;}
.color1{--color:#1562E6}
.color2{--color:#0C9157}
.color3{--color:#006FB0}
.color4{--color:#3BB5B1}
.exhi2 .map_wrap .map_box{position: absolute; background: #fff; border-radius: .5em; padding: 0.5em 0.7em; box-shadow: 3px 3px 10px rgba(0,0,0,0.3)}
.exhi2 .map_wrap .map_box::after{content: ""; width: 0; height: 0; display: block; border-top: 15px solid var(--color); border-left: 10px solid transparent;  border-right: 10px solid transparent; position: absolute; left: 50%; margin-left: -10px; bottom: -15px;}
.exhi2 .map_wrap .map_box .loca{position: absolute; min-width: 50px; height: 50px; border-radius: 50px; background: var(--color); font-family: 's-core'; font-weight: 500; display: flex; align-items: center; justify-content: center; line-height: 1.3; font-size: 0.85rem; right: 10px; top: -35px ; word-break: break-all; text-align: center; padding: 0 .625em;}
.exhi2 .map_wrap .map_box li a {display: flex; padding: 0.8em 0.5em; align-items: stretch;}
.exhi2 .map_wrap .map_box li a:hover span{text-decoration: underline;}
.exhi2 .map_wrap .map_box li:not(:first-child){border-top: 1px solid #ddd;}
.exhi2 .map_wrap .map_box .pic{width: 70px; margin-right: 1em;}
.exhi2 .map_wrap .map_box .pic img{width: 100%; height: 100%; object-fit: cover;}
.exhi2 .map_wrap .map_box .txt .name{color: var(--color); font-family: 's-core'; font-weight: 700; letter-spacing: -0.08em; display: block;}
.exhi2 .map_wrap .map_box .txt .part{font-size: 0.8em; color: #777; font-weight: 500}

.map_marker{width: 54px; height: 54px; border-radius: 50px; position: absolute; background: var(--color); z-index: 100; text-align: center; font-size: 0.9em; line-height: 1; font-weight: 600; display: flex; justify-content: center; align-items: center; word-break: break-all; padding: 0 .25em;}
.marker_color2 {
  background-color: #0000ff; /* 빨간색 예시 */
}

.marker_color3 {
  background-color: #0C9157; /* 초록색 예시 */
}

.marker_color4 {
  background-color: #006FB0; /* 파란색 예시 */
}

.marker_color5 {
  background-color: #3bb5b1;
; /* 파란색 예시 */
}

/* 공통 스타일 */
.map_marker_circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.exhi2 .map_list_wrap{width: 450px; flex-shrink: 0; padding: 0 1em;}
.exhi2 .map_list_wrap a{color: #fff;}
.exhi2 .map_list_wrap .list_item{border-bottom: 1px solid #666;}
.exhi2 .map_list_wrap .list_item a{display: flex; position: relative; align-items: center; filter: grayscale(1); transition: all .3s;padding: 1em 0; opacity: 0.8}
.exhi2 .map_list_wrap .list_item a:hover{filter: grayscale(0); background: #222; opacity: 1;}
.exhi2 .map_list_wrap .list_item a .loca{background: var(--color); width: auto; text-align: left; padding: 0.25em .25em; font-size: 0.8em; font-weight: 400; font-family: 's-core'; line-height: 1; display: inline-block; margin-bottom:0.5em;}
.exhi2 .map_list_wrap .list_item a .pic{padding: 0.5em 1em 0.5em 1em; width: 170px; flex-shrink: 0;}
.exhi2 .map_list_wrap .list_item a .pic img{width: 100%; height: 100%;}
.exhi2 .map_list_wrap .list_item a .txt .name{font-family: 's-core'; display: block; font-weight: 600; line-height: 1;}
.exhi2 .map_list_wrap .list_item a:hover .txt .name{ color:var(--color);}
.exhi2 .map_list_wrap .list_item a .txt .name.eng{font-weight: 300; font-size: 0.8em; color: #fff; line-height: 1.8}
.exhi2 .map_list_wrap .list_item a .txt .part{font-size: 0.8em; opacity: 0.7}

.exhi2 .detail_pop{position: absolute; left:50%; transform: translateX(-50%); top: 100px; background: #064A7E; padding: 2em; z-index: 1000}
.exhi2 .detail_pop .video{width: auto; }
.exhi2 .detail_pop .video iframe{width: auto; height: 43vh; aspect-ratio:651/366;}
.exhi2 .detail_pop .txt{margin-top: 1em;}
.exhi2 .detail_pop .txt .name{font-family: 's-core'; font-size: 1.5em; font-weight: 600; letter-spacing: -0.04em; margin-bottom: 1rem; line-height: 1;}
.exhi2 .detail_pop .txt .name .eng{ white-space: nowrap;}
.exhi2 .detail_pop .txt .info{margin-top: 1.25em; opacity: 0.8;}
.exhi2 .detail_pop .txt .info span{font-size: 0.9rem;}
.exhi2 .detail_pop .txt .info span:not(:last-of-type)::after{content: "|"; margin: 0 0.4em 0 0.7em; font-size: 0.8em; }
.exhi2 .detail_pop .btn_wrap{display: flex; justify-content: end; gap:.5em;}
.exhi2 .detail_pop .btn_wrap .btn_pop{color: #fff; border: 1px solid #fff; border-radius: .25em; padding: .5rem 1.5rem; margin-top:0;}

.exhi3 {width: 100%; min-height:700px; max-height: 100vh; background: url(../img/bg_exhi_iron2.png) no-repeat bottom center; background-size: 100% auto; padding: 10rem 2% 3%; text-align: center; display: flex; flex-direction: column; justify-content: center}
.exhi3 .comment {margin-bottom: 5em;}
.exhi3 .comment span{font-size: 1.5rem; line-height: 1.5}
.exhi3 .comment small{display: block; margin-top: 1em;}


@media screen and (max-width: 1500px){
	br.hide1440{display: none;}
	section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 4rem; margin-bottom: 0.5rem;}
	section.exhi1 .exhi1_wrap h2.tit_exhi span{font-size: 7rem;}
	section.exhi1 .exhi1_wrap h2.tit_exhi small{font-size: 1.5rem; margin-bottom: 0.5rem;}
	.shorts{margin-left: 5em;}
	.shorts div iframe{width: 160px;}
}
@media screen and (max-width:1024px){
	section.exhi1{padding-top: 5em}
	section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 3rem; margin-bottom: 0.5rem; margin-right: 0.5rem;}
	section.exhi1 .exhi1_wrap h2.tit_exhi span{font-size: 6rem;}
	section.exhi1 .exhi1_wrap h2.tit_exhi small{font-size: 1rem; margin-bottom: 0.5rem;}
	.shorts{margin-left: 3em;}
	
	section.exhi1 .con p{font-size: 1rem;}
	.exhi1_wrap .right .point{font-size: 1.5rem;}
	.exhi1_wrap .right p{font-size: 1rem;}
	.exhi1_wrap .right .refer{font-size: 0.9rem;}
	
	.exhi2 .map_list_wrap{width: 320px;}	
	.exhi2 .map_wrap .map_menu ul{flex-wrap: nowrap; overflow-x: auto;}
	.exhi2 .detail_pop{top: 80px; padding: 1.5em;}
	.exhi2 .map_list_wrap .list_item a .pic{width:140px;}
}

@media screen and (max-width:768px){
	section.exhi1 .exhi1_wrap{flex-direction: column;}
	section.exhi1 .exhi1_wrap h2.tit_exhi{flex-wrap: wrap;}
	.shorts{margin:auto; margin-top: 3em; justify-content:center}
	.shorts div {width: 40%}
	.shorts div iframe{width: 100%;}
	section.exhi1 .exhi1_wrap:nth-of-type(2){margin-left:0}
	.exhi1_wrap .left {width:100%}
	.exhi1_wrap .left img{width: 80%; margin: 0 auto; display: block;}
	.exhi1_wrap .right{margin-left: 0; margin-top: 1em; width:100%;}
	
	.exhi2 {flex-direction: column; }
	.exhi2 .map_wrap { height: 50vh; z-index: 100}
	.exhi2 .detail_pop{width:90%;}
	.exhi2 .detail_pop .video iframe{max-width:100%; height: auto;}
	
	.exhi2 .map_list_wrap{width: 100%; }
	
	.exhi2 .map_list_wrap .list_item{width:50%; float: left;}
	.exhi3 {height: 95vh;}
}

@media screen and (max-width:640px){
	section.exhi1{padding: 4rem 1em 3%;}
	section.exhi1 .exhi1_wrap h2.tit_exhi{flex-direction: column; align-items: flex-start}
	section.exhi1 .exhi1_wrap h2.tit_exhi span{font-size: 4em; margin-bottom: 1rem}
	.exhi1_wrap .left img{width: 100%; margin: 0 auto; display: block;}
	
	.exhi2 .map_list_wrap .list_item{width: 100%;}
	
	.exhi3 .comment span{font-size: 1.125rem}
}




/** 특별전시 - 유엔군 **/
.exhi_2 section.exhi1 {background-image: url(../img/bg_exhi_pow1.png)}
.exhi_2 section.exhi1{padding: 10em 3%;}
.exhi_2 section.exhi1 .exhi1_wrap {text-align: right;}
.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi{text-shadow: none; justify-content: flex-end;}
.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span{font-family: 'eulyoo';}
.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 1.725rem; text-align: right; line-height: 1.2;}
.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.lg{letter-spacing: -0.05em; font-weight: bold; font-size: 5.5em; background: linear-gradient(to top, #ccc 0%, #fff 50%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.exhi_2 .shorts div iframe{width: 316px;}

.exhi_2 .exhi2{padding: 0 3%; display: flex; margin-top: 0}
.exhi_2 .exhi2 .left{width:50%; margin-right: 15%; margin-top: 2em;}
.pow_timeline{margin-left: 4em;}
.pow_timeline ul{border-left: 1px solid #ddd; padding: 2em 0;}
.pow_timeline ul li{padding-left: 2em; position: relative; margin-bottom: 3em;}
.pow_timeline ul li::before{content: ""; display: block; position: absolute; left:-0.5rem; top: 0.5rem; width:0.9rem; height: 0.9rem; background: #fff; border-radius: 0.5rem;}
.pow_timeline ul .time_tit {font-family: 'eulyoo'; margin-bottom: 0.5em;}
.pow_timeline ul .time_tit .ko{font-size: 2em; font-weight: 600; letter-spacing: -0.05em; font-family: inherit}
.pow_timeline ul .time_tit .eng{font-family: inherit;}
.pow_timeline ul .txt{font-size: 1.125em;}
.pow_timeline ul strong{font-weight: 900; display: inline;}
.pow_timeline ul .box{background: rgba(255,255,255,0.2); padding: 1em; margin-top: 1em; position: relative;}
.pow_timeline ul .box::after{content: ""; background: #aaa; width: 1px; height: 50%; display: block; position: absolute; top: 25%; left: 185px;}
.pow_timeline ul .box .row{display: flex;padding: .5em;}
.pow_timeline ul .box .row .txt1{width:200px; flex-shrink: 0;}
.pow_timeline ul .box .row strong{color: #F5FF6E;}

.exhi_2 .exhi2 .right{width:50%;}
.exhi_2 .exhi2 .right .img_wrap{position: sticky; top: 80px;}
.exhi_2 .exhi2 .right img{max-width: 100%;}
.exhi_2 .img_tit{text-align: center; margin-top: 2em;}
.exhi_2 .img_tit .eng{font-family: 'eulyoo';  font-size: 1.4em; display: block;}
.exhi_2 .img_tit .ko{ display: block; margin:.25em; font-weight: 200}
.exhi_2 .img_tit .refer{display: block; font-size: 0.9em; line-height: 1.5; margin-top: 1em; opacity: 0.6;font-weight: 200}
.exhi_2 .img_tit .refer a{color: inherit;}
.exhi_2 .img_tit .refer a:hover,
.exhi_2 .img_tit .refer a:focus{text-decoration: underline !important;}

.exhi_2 .exhi3{max-height: inherit; height: auto; margin-top: 10em; padding: 0 3% 10em; background-image: url(../img/bg_exhi_pow2.png)}
.exhi_2 .exhi3 .tit_wrap .sm{font-size: 1.55em; font-family: 'eulyoo'; display: block; letter-spacing: -0.05em; margin-bottom: 1rem;}
.exhi_2 .exhi3 .tit_wrap .lg{font-size: 3em; font-family: 'eulyoo'; font-weight: 600; letter-spacing: -0.05em}
.exhi_2 .exhi3 .tit_wrap p{margin-top: 1.5em; line-height: 1.5; font-size: 1.125em; opacity: 0.7; font-weight: 200;}
.exhi_2 .exhi3 .con_wrap{display: flex; margin-top: 5em;}
.exhi_2 .exhi3 .con_wrap .left_wrap {position: sticky;top: 100px; z-index: 10; width: 100%}
.exhi_2 .exhi3 .con_wrap .left img{max-width: 100%;}
.exhi_2 .exhi3 .con_wrap .right{width:65%; margin-left: 2em; position: relative;}
.exhi_2 .exhi3 .list_wrap{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.exhi_2 .exhi3 .list_wrap .list_item{width: 33.333%; margin-bottom: 1em; filter: grayscale(1); transition: all .3s; display: block; box-sizing: border-box; padding: 1.5em;}
.exhi_2 .exhi3 .list_wrap .list_item:hover{filter: grayscale(0); background: #222; }
.exhi_2 .exhi3 .list_wrap .list_item .img_wrap{width: 100%;aspect-ratio: 326 / 184;overflow: hidden;display: block;background: #ddd;}
.exhi_2 .exhi3 .list_wrap .list_item .img_wrap img{width: 100%;object-fit: cover;height: 100%;}
.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap{color: #fff; text-align: left; margin-top: 0.8em;}
.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .name{font-size: 1.5rem; letter-spacing: -1px}
.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .name_eng{font-size: 1rem; font-weight: 200; opacity: 0.7; letter-spacing: 0; white-space: nowrap;}
.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .info{margin-top: 0.7em;display: block;line-height: 1.5; font-size: 1rem; opacity: 0.7}
.exhi_2 .exhi3 .img_tit .eng{font-size: 2em;}

.exhi_2 .exhi3 .pop_wrap{position: sticky; left:0; transform: translateX(-35%); top: 100px; z-index: 1000;}
.exhi_2 .exhi3 .detail_pop{position: absolute;  top: 2%; background: #DFDCDA; padding: 2em; z-index: 1000; box-shadow:3px 3px 10px rgba(0,0,0,0.5)}
.exhi_2 .exhi3 .detail_pop .video{width: auto;}
.exhi_2 .exhi3 .detail_pop .video iframe{width: auto; height: 43vh; aspect-ratio:651/366;}
.exhi_2 .exhi3 .detail_pop .txt{margin-top: 1em; text-align: left; color: #000;}
.exhi_2 .exhi3 .detail_pop .txt .name{font-size: 1.5em; font-weight: 600; letter-spacing: -0.04em; margin-bottom: 0.5rem;}
.exhi_2 .exhi3 .detail_pop .txt .info{margin-top: 1.25em; opacity: 0.8;}
.exhi_2 .exhi3 .detail_pop .txt .info span{font-size: 0.9rem;}
.exhi_2 .exhi3 .detail_pop .txt .info span:not(:last-of-type)::after{content: "|"; margin: 0 0.4em 0 0.7em; font-size: 0.8em; }
.exhi_2 .exhi3 .detail_pop .btn_wrap{display: flex; justify-content: end; gap:.5em; margin-top: 1em;}
.exhi_2 .exhi3 .detail_pop .btn_wrap .btn_pop{color: #000; border: 1px solid #000; border-radius: .25em; padding: .5rem 1.5rem}
.exhi_2 .exhi3 .detail_pop .btn_wrap .btn_pop1{color: #fff; border: 1px solid #000; background: #000; border-radius: .25em; padding: .5rem 1.5rem}

@media screen and (max-width:1440px){
	.exhi_2 section.exhi1{padding: 8em 3% 5em;}
	.exhi_2 .shorts div iframe{width: 220px;}
	.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.lg{font-size: 4.5em;}
	.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 1.2em;}
	.pow_timeline{margin-left: 0}
	.pow_timeline ul .box .row .txt1{width: 160px;}
	.pow_timeline ul .box::after{left: 165px;}
	.pow_timeline ul .time_tit .ko{font-size: 1.7em;}
	.pow_timeline ul .txt{font-size: 1em;}
	.exhi_2 .exhi3 .tit_wrap .sm{font-size: 1.3em;}
	.exhi_2 .exhi3 .tit_wrap .lg{font-size: 2.5em;}
	.exhi_2 .exhi3 .tit_wrap p{font-size: 1em;}
	.exhi_2 .exhi3 .list_wrap .list_item{padding: 1em;}
	.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .name{font-size: }
}

@media screen and (max-width:1024px){
	.exhi_2 .shorts div iframe{width: 160px;}
	.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.lg{font-size: 3.2em;}
	.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi span.sm{font-size: 1em;}
	.pow_timeline ul .time_tit .ko{font-size: 1.5em;}
	.pow_timeline ul .time_tit .eng{font-size: 1em; white-space: nowrap}
	.exhi_2 .exhi2 .left{margin-right: 0}
	.exhi_2 .exhi2 .right{width:40%; margin-left: auto;}
	.pow_timeline ul .box .row{flex-direction: column;}
	.pow_timeline ul .box .row .txt1{margin-bottom: 0.25em}
	.pow_timeline ul .box::after{content: none;}
	.exhi_2 .img_tit .eng{font-size: 1.2em;}
	.exhi_2 .exhi3 .tit_wrap .lg{font-size: 2em;}
	br.hide1024{display: none;}
	.exhi_2 .exhi3 .img_tit .eng{font-size: 1.5em}
	.exhi_2 .exhi3 .list_wrap .list_item{width: 50%; padding: 0.8em;}
	.exhi_2 .exhi3 .pop_wrap{transform: translate(-50vh);}
}

@media screen and (max-width:768px){	
	.exhi_2 .shorts{width: 80%}
	.exhi_2 .shorts div {width: 100%}
	.exhi_2 .shorts div iframe{width: 100%;}
	.pow_timeline ul .time_tit .ko{font-size: 1.3em;}
	.pow_timeline ul .time_tit .eng{font-size: 0.9em;}
	.pow_timeline ul .box{padding: 0.25em;}
	.pow_timeline ul .txt{font-size: 0.9em;}
	.pow_timeline ul .box .row *{font-size: 0.85em;}
	.exhi_2 .img_tit .eng{font-size: 1.15em;}
	.exhi_2 .img_tit .ko{font-size: 1rem;}
	.exhi_2 .img_tit .refer{font-size: 0.8em;}
	.exhi_2 .exhi3 .tit_wrap .sm{font-size: 1em; margin-bottom: 0.25em;}
	.exhi_2 .exhi3 .tit_wrap .lg{font-size: 1.6em;}
	.exhi_2 .exhi3 .tit_wrap p{font-size: 1rem;}
	.exhi_2 .exhi3 .list_wrap .list_item{width: 100%;}
}

@media screen and (max-width:640px){	
	.exhi_2 section.exhi1 .exhi1_wrap h2.tit_exhi{align-items: flex-end;}
	.exhi_2 .exhi2{flex-direction: column-reverse}
	.exhi_2 .exhi2 .right{width: 80%; margin: 0 auto;}
	.exhi_2 .exhi2 .left{width: 100%}
	.exhi_2 .exhi3{margin-top: 5em;}
	.exhi_2 .exhi3 .con_wrap{flex-direction: column;}
	.exhi_2 .exhi3 .con_wrap .right{width: 100%; margin-left: 0; margin-top: 4em;}
	.exhi_2 .exhi3 .con_wrap .left_wrap{position: static}
	.exhi_2 .exhi3 .list_wrap .list_item{width: 50%;}
	.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .name{font-size: 1.25em;}
	.exhi_2 .exhi3 .list_wrap .list_item .txt_wrap .info{font-size: 0.9em;}	
	.exhi_2 .exhi3 .pop_wrap{transform: translate(0);}
	.exhi_2 .exhi3 .pop_wrap .detail_pop{top: 0;}
	.exhi_2 .exhi3 .detail_pop .video iframe{width: 100%; height: auto;}
}