/* sub layout */
#header { opacity:1; -webkit-transform:none; transform:none; }
.subCntBody img { max-width:100%; }

/* animation */
section [class*="mot"]{opacity:0; transition:all .5s ease-out; -webkit-transition:all .5s ease-out;}
section [class*="mot"][class$="-left"]{transform:translateX(-30px); -webkit-transform:translateX(-30px);}
section [class*="mot"][class$="-right"]{transform:translateX(30px); -webkit-transform:translateX(30px);}
section [class*="mot"][class$="-top"]{transform:translateY(-30px); -webkit-transform:translateY(-30px);}
section [class*="mot"][class$="-bottom"]{transform:translateY(30px); -webkit-transform:translateY(30px);}
section.action [class*="mot"]{opacity:1;}
section.action [class*="mot1"]{transition-delay:0s; -webkit-transition-delay:0s;}
section.action [class*="mot2"]{transition-delay:.3s; -webkit-transition-delay:.3s;} 
section.action [class*="mot3"]{transition-delay:.6s; -webkit-transition-delay:.6s;} 
section.action [class*="mot4"]{transition-delay:.9s; -webkit-transition-delay:.9s;} 
section.action [class*="mot5"]{transition-delay:1.2s; -webkit-transition-delay:1.2s;} 
section.action [class*="mot"][class$="-left"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
section.action [class*="mot"][class$="-right"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
section.action [class*="mot"][class$="-top"]{transform:translateY(0px); -webkit-transform:translateY(0px);}
section.action [class*="mot"][class$="-bottom"]{transform:translateY(0px); -webkit-transform:translateY(0px);}

/* styleguide */
/* title */
.titT0{position: relative; font-family: 'SCDream'; font-size: 1.3rem; padding-left: 0.5rem; font-weight: 700; word-break: keep-all; color: #2b13ce; margin-bottom:0.5rem;}
.titT1{position: relative; font-family: 'SCDream'; font-size: 1.3rem; padding-left: 0.5rem; font-weight: 700; word-break: keep-all; color: #327c2e; margin-bottom:0.5rem;}
.titT1:not(.iner)::before{width: 9rem; height: 0.9rem; background: #fdebb2; border-radius: 0.5rem; position: absolute; left: 0; bottom: 0; z-index: -1; content: '';}
.titT1.iner span{ position:relative; display:inline-block; padding:0 .25rem;}
.titT1.iner span::before{width: 100%; height: 0.9rem; background: #fdebb2; border-radius: 0.5rem; position: absolute; left: 0; bottom: 0; z-index: -1; content: '';}
.titT1 + .titT1{ margin-top:.5rem;}
.titT2{position: relative; font-family: 'SCDream'; font-size: 1.15rem; font-weight: 700; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem;}
.titT3{position: relative; font-family: 'SCDream'; font-size: 0.9rem; font-weight: 700; word-break: keep-all;color: #327c2e; margin-bottom: 0.5rem;}
.titT4{position: relative; font-family: 'SCDream'; font-size: 0.9rem; font-weight: 600; word-break: keep-all; color: #44352e; padding-left: 1.25rem;}
.titT4::before{width: 0.9rem; height: 0.2rem; background: #fabd00; border-radius: 0.1rem; position: absolute; left: 0; top: calc(50% - 0.1rem); content: '';}
/* list */
.list_st li{width: 100% !important; padding:0.15rem 0 !important; position: relative; font-family: 'SCDream'; font-weight: 600; color: #444;}
.list_st li + li{margin-top: 2rem;}
.list_st li .num{position: absolute; left: 0; top: 0; font-size: 1rem; font-weight: 700; color: #444;}
.list_st1 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.8rem; line-height: 1.2rem; color: #444;}
.list_st1 li::before{position: absolute; width: 0.25rem; height: 0.25rem; background: #fabd00; top: 0.65rem; left: 0; content: '';}
.list_st2{padding-left: 0.75rem;}
.list_st2 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.8rem; line-height: 1.2rem; color: #444;}
.list_st2 li::before{width: 0.25rem; height: 0.25rem; background: #327c2e; border-radius: 50%; position: absolute; left: 0; top: 0.65rem; content: '';}
.list_st3{padding-left: 1.5rem;} 
.list_st3 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.75rem; line-height: 1.1rem; color: #555;}
.list_st3 li::before{position:absolute; left: 0; top: 0.65rem; width: 0.35rem; height: 0.1rem; background: #8c8c8c; content: '';}
.list_st4{padding-left: 2.25rem;}
.list_st4 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.75rem; line-height: 1.1rem; color: #555;}
.list_st4 li::before{width: 0.15rem; height: 0.15rem; border-radius: 50%; background: #8c8c8c; position: absolute; left: 0; top: 0.65rem; content: '';}
.list_ol1 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.8rem; line-height: 1.2rem; color: #444;}
.list_ol1 li span{color: #327c2e; font-weight: 700; padding-right: 0.25rem;}
.list_ol2{padding-left: 0.75rem;}
.list_ol2 li{position: relative; font-family: 'SCDream'; font-weight: 600; padding: 0.15rem 0 0.15rem 0.75rem; font-size: 0.8rem; line-height: 1.2rem; color: #444;}
.list_ol2 li span{color: #3d352e;}
/* font */
.txt_p{font-family: 'SCDream'; font-weight: 600; font-size: 0.8rem; line-height: 1.8;}
.txt_p2{font-family: 'SCDream'; font-weight: 400; font-size: 0.8rem; line-height: 1.8;}
.txt_p2:first-child{ padding-top:2rem;}
.noto{font-family: 'NotoSans';}
.img_cap{font-family: 'SCDream'; font-weight: 700; text-align: center; font-size: 1rem; margin-top: 1rem;}
.f_weightB{font-weight: 700;}
.fs_itc{font-style: italic;}
.pc_green{color: #006c3a; font-family: 'SCDream'; }
.pc_gray{color: #787878; font-family: 'SCDream';}
.emp{font-size: 1rem; font-weight: 700; color: #444; word-break: keep-all; font-family: 'SCDream';}
.p_caption .cap{position: relative; font-size: 0.7rem;}
.p_caption .cap::before{display: inline-block; margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #ccc; border-radius: 50%; color: #44352e; content: "\e93b"; font-family: 'xeicon';}
img.noShadow{ box-shadow:none !important;}

/* 01_about */
.about{position: relative;}
.about h3{position: relative; background: url('/images/dgedu/web/emuseum/sub/ptrn_about.png') repeat; line-height: 11rem; text-align: center;}
.about h3::before{width: 100%; height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: 2; transition: right 0.3s; -webkit-transition: right 0.3s; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; content: '';}
.about h3 span{position: relative; color: #fff; font-size: 2rem; font-weight: 700; font-family: 'SCDream';}
.about h3 span::before{width: 2.7rem; height: 0.45rem; background: url('/images/dgedu/web/emuseum/sub/about_tit_bg1.png') no-repeat center / contain; position: absolute; left: -3.5rem; top: calc(50% - 0.2rem); content: '';}
.about h3 span::after{width: 2.7rem; height: 0.45rem; background: url('/images/dgedu/web/emuseum/sub/about_tit_bg2.png') no-repeat center / contain; position: absolute; right: -3.5rem; top: calc(50% - 0.2rem); content: '';}
.about .txt_box{position: relative; padding: 4rem 0 5rem; opacity: 0; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; transition-delay: 1s;}
.about .txt_box::before{width: 5.4rem; height: 5.4rem; background: #ebeaea; border-radius: 50%; position: absolute; top: 4rem; left: 3.75rem; animation: aboutAni1 2s infinite ease-in-out; content: '';}
.about .txt_box::after{width: 12.95rem; height: 12.8rem; background: url('/images/dgedu/web/emuseum/sub/img_about_bg.png') no-repeat center / contain; animation: aboutAni2 3s infinite; position: absolute; bottom: 9.5rem; right: 3.75rem; content: '';}
.about .txt_box p{text-align: center; font-family: 'SCDream'; color: #000; font-weight: 600; line-height: 1.8; position: relative;}

/* 01_about_history */
.history {font-family: 'SCDream';}
.about.history h3{background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone2.png') repeat;}
.about.history h3 span{color: #3d352e;}
.about.history h3 span::before{background: url('/images/dgedu/web/emuseum/sub/about_history_bg1.png') no-repeat center / contain;}
.about.history h3 span::after{background: url('/images/dgedu/web/emuseum/sub/about_history_bg2.png') no-repeat center / contain;}
.history > ul{position: relative; padding-top: 5rem;}
.history > ul::after{display: block; content: ''; clear: both;}
.history > ul::before{width: 1px; height: 100%; background: #d8d7d5; position: absolute; top: 0; left: 50%; content: '';}
.history > ul > li{position: relative; margin-bottom: 2.5rem;}
.history > ul > li:nth-of-type(odd){width: 50%; float: right; clear: both; padding-left: 5.5rem;}
.history > ul > li:nth-of-type(odd):before{width: 4.75rem; height: 0.75rem; background: url('/images/dgedu/web/emuseum/sub/about_history_right.png') no-repeat center / contain; position: absolute; top: 1.2rem; left: -0.4rem; content: '';}
.history > ul > li:nth-of-type(even){width: 50%; float: left; clear: both; text-align: right; padding-right: 5.5rem;}
.history > ul > li:nth-of-type(even):before{width: 4.75rem; height: 0.75rem; background: url('/images/dgedu/web/emuseum/sub/about_history_left.png') no-repeat center / contain; position: absolute; top: 1.2rem; right: -0.4rem; content: '';}
.history > ul > li .year{position: relative; display: inline-block; font-size: 1.7rem; font-weight: 700; padding: 0 1rem;}
.history > ul > li .year::before{width: 100%; height: 1.3rem; background: #fcde7f; position: absolute; bottom: 0; left: 0; z-index: -1; content: '';}
.history > ul > li ul{margin-top: 1.2rem;}
.history > ul > li ul li + li{margin-top: 1.2rem;}
.history > ul > li ul li .date{font-size: 1.2rem; font-weight: 700; color: #107546;}
.history > ul > li ul li .txt{font-size: 1rem; color: #37312f; margin-top: 0.25rem; font-weight: 700; word-break: keep-all;}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}
.list_ol2 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; color:#1f64b2; background-color:#e8f3ff; letter-spacing: -1px;} 


@keyframes aboutAni1{
    0%{transform: scale(1); -webkit-transform: scale(1);}
    30%{transform: scale(0.7); -webkit-transform: scale(0.7);}
    80%{transform: scale(1.2); -webkit-transform: scale(1.2);}
    100%{transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes aboutAni2{
    0%{transform: rotate(0); -webkit-transform: rotate(0);}
    40%{transform: rotate(20deg); -webkit-transform: rotate(20deg);}
    80%{transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}
    100%{transform: rotate(0); -webkit-transform: rotate(0);}
}
/* 01_about:action */
.section01.action .about h3::before{right: -100%;}
.section02.action .about h3::before{right: -100%;}
.section01.action .about .txt_box{opacity: 1;}


/* 02_exhibtion_main */
.exhibition_main ul{margin: 0 -0.75rem;}
.exhibition_main ul::after{display: block; content: ''; clear: both;}
.exhibition_main ul li{width: 25%; float: left; padding: 0 0.75rem; margin-bottom: 3rem;}
.exhibition_main ul li a{display: block; font-family: 'SCDream';}
.exhibition_main ul li a .img{ position: relative; box-shadow: 0.5rem 0.5rem 1rem rgba(100, 100, 100, 0.3);}
.exhibition_main ul li a .img::before{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; content: '';
    background: linear-gradient(45deg, #fabd00, #f0505f);
    background: -webkit-linear-gradient(-45deg, #fabd00, #f0505f);
    background: -o-linear-gradient(-45deg, #fabd00, #f0505f);
    background: -moz-linear-gradient(-45deg, #fabd00, #f0505f);
}
.exhibition_main ul li a .img img{vertical-align: middle; width: 100%;}
.exhibition_main ul li a .img span{opacity: 0; position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 0.3s; -webkit-transition: 0.3s; color: #fff;}
.exhibition_main ul li a .img span i{display: block; font-size: 2rem; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.exhibition_main ul li a .img span em{display: inline-block; margin-top: 1rem; line-height: 3.25rem; width: 10rem; border: 0.1rem dashed rgba(255, 255, 255, 0.5); font-size: 1.1rem; font-weight: 700; text-shadow: 0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.3);}
.exhibition_main ul li a .tit{position: relative; line-height: 2rem;}
.exhibition_main ul li a .tit::before{width: 100%; height: 0.2rem; position: absolute; top: 1rem; left: 0; border-top: 0.2rem dotted #fabd00; content: '';}
.exhibition_main ul li a .tit .num{position: relative; padding-right: 0.5rem; font-size: 2rem; color: #006c3a; font-weight: 700; background: #fff; }
.exhibition_main ul li a .tit .date{position: absolute; right: 0; top: 0; background: #fff; color: #7d7d7d; padding-left: 0.5rem; font-size: 0.7rem;}
.exhibition_main ul li a .txt{font-size: 1.1rem; font-weight: 700; overflow: hidden; white-space: nowrap; text-align: center; margin-top: 1.5rem; transition: color 0.3s; -webkit-transition: color 0.3s;}

/* 02_exhibtion_main : action */
.exhibition_main ul li a:hover .txt{color: #f0505f;}
.exhibition_main ul li a:hover .img::before{opacity: 0.9;}
.exhibition_main ul li a:hover .img span{opacity: 1;}
.exhibition_main ul li a:hover .img span i{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 02_exhibition popup */
.img_popup_zone{opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 100; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s;}
.img_popup_zone.on{opacity: 1; visibility: visible;}
.img_popup_zone .img_wrap{position: relative; padding: 2rem; background: #fff; box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.5); display: inline-block; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 100%; max-height: 100%; overflow-y: auto;} 
.img_popup_zone .img_wrap .img{position: relative;}
.img_popup_zone .img_wrap .img img{vertical-align: middle;}
.img_popup_zone .btn_close{display: block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; position: absolute; top: 2rem; right: 2rem; color: #fabd00; background: #3d342d; font-size: 1rem; z-index: 2;}
.slide_popup_zone{opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 100; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s;}
.slide_popup_zone.on{opacity: 1; visibility: visible;}
.slide_popup_zone .slide_wrap{position: absolute; padding: 2rem; background: #fff; box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 50rem; margin: 0 auto; max-height: 100%; z-index: -1;  overflow-y: auto; transition: all 0.3s; -webkit-transition: all 0.3s;} 
.slide_popup_zone .slide_wrap.on{z-index: 1; opacity: 1; visibility: visible;}
.slide_popup_zone .slide_wrap .exhibition_view_slide{position: relative; margin-top: 2.5rem;}
.slide_popup_zone .slide_wrap .exhibition_view_slide .slick-slide{vertical-align: top;}
.slide_popup_zone .slide_wrap.tit_slide .exhibition_view_slide{margin-top: 1rem;}
.slide_popup_zone .slide_wrap.tit_slide .exhibition_view_slide .titT2{margin:2rem 0 0 0; text-align: center; max-width: 100%;}
.slide_popup_zone .slide_wrap .titT2{margin-top: 2rem;}
.slide_popup_zone .slide_wrap.tit_slide .titT2{margin-top: 0; max-width: calc(100% - 2rem); text-align: left;}
.slide_popup_zone .slide_wrap .img{position: relative; width: 46rem; height: 30.5rem; overflow: hidden; background: #f5f4f2;}
.slide_popup_zone .slide_wrap .img img{vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.slide_popup_zone .slide_wrap .txt{font-family: 'SCDream'; margin-top: 1rem;}
.slide_popup_zone .btn_close{display: block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; margin: 0; position: absolute; top: 2rem; right: 2rem; color: #fabd00; background: #3d342d; font-size: 1rem; z-index: 2;}
.slide_popup_zone .slide_wrap .slick-prev, .slide_popup_zone .slide_wrap .slick-next{position: absolute; top: 25rem; right: 0; width: 2.5rem; height: 2.5rem; font-size: 1.2rem; line-height: 2.5rem; text-align: center; background: #345e2e; color: transparent; z-index: 2;}
.slide_popup_zone .slide_wrap .slick-prev{background: #327c2e; right: 2.5rem; z-index: 2;}
.slide_popup_zone .slide_wrap .slick-prev:before, .slide_popup_zone .slide_wrap .slick-next:before{font-size: 1.2rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.slide_popup_zone .slide_wrap .slick-prev::before{content: "\e93b"; font-family: 'xeicon';}
.slide_popup_zone .slide_wrap .slick-next::before{content: "\e93e"; font-family: 'xeicon'; } 
/* .slide_popup_zone .control{position: absolute; top: 33rem; right: 2rem; font-size: 0; line-height: 0;}
.slide_popup_zone .control a{display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.2rem; line-height: 2.5rem; background: #327c2f; color: #fff;}
.slide_popup_zone .control a.btn_view_next{background: #345e2e;} */
.slide_popup_zone .count{font-size: 0.9rem; color: #9d7600; position: relative; margin-top: 1rem;}
.slide_popup_zone .count::before{width: 0.1rem; height: 0.4rem; background: #37312f; position: absolute; top: 0.9rem; left: 50%; transform: rotate(40deg); -webkit-transform: rotate(40deg); content: '';}
.slide_popup_zone .count em{padding: 0 1rem;}
.slide_popup_zone .count .current{font-size: 1.2rem; color: #006c3a;}

/* 02_exhibition_view */
/* tit */
.exhibition_view_poster.tit_poster{margin-top: 3rem; }
.exhibition_view_poster.tit_poster:before{transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.exhibition_view_poster{position: relative; box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3);}
.exhibition_view_poster::before{width: calc(100% + 1rem); height: calc(100% + 1rem); background: #fff; position: absolute; top: -0.5rem; right: -0.5rem; z-index: 1; transition: right 0.5s; -webkit-transition: right 0.5s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; content: '';}
.exhibition_view_poster img{vertical-align: middle; width: 100%;}
.exhibition_view_poster.nobg{ height:auto; text-align:center; background:none; box-shadow:none;}
.exhibition_view_poster.nobg img{ width:auto; max-width:100%; box-shadow:0.2rem 0.2rem 0.5rem rgb(0 0 0 / 30%);}
.exhibition_tit{font-family: 'SCDream'; font-size: 1.7rem; text-align: center; font-weight: 700; padding-bottom: 1.5rem; opacity: 0; margin-bottom: 2rem; transition: all 0.3s; -webkit-transition: all 0.3s; transform: translateY(2rem); -webkit-transform: translateY(2rem); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; border-bottom: 1px solid #000;}
.exhibition_view_poster + .exhibition_tit{margin-top: 4rem; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
/* content */
.ex_box{position: relative; margin-top: 4rem; overflow: hidden;}
.ex_box::before{width: 0; height: 0.35rem; background: #eaf2ea; position: absolute; bottom: 0; right: 0; transition: width 0.5s; -webkit-transition: width 0.5s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; content: '';}
.ex_box::after{width: 1.5rem; height: 1.5rem; background: #327c2e; position: absolute; bottom: 0; right: 0; transition: all 0.5s; -webkit-transition: all 0.3s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; content: '';}
.ex_box.right_box::before{right: auto; left: 0;}
.ex_box.right_box::after{right: calc(50% + 2.5rem);}
.ex_box .img{width: 50%; float: left; height: 24rem; background: no-repeat center / cover;}
.ex_box .img video{ width:100%; height:auto;}
.ex_box .con{width: 50%; float: left; padding-left: 2.5rem;}
.ex_box.right_box .con{padding-left: 0; padding-right: 2.5rem;}
.ex_box .con h4{position: relative; font-family: 'SCDream'; font-size: 1.4rem; font-weight: 700; margin-bottom: 3rem;}
.ex_box .con h4::after{width: 3.8rem; height: 0.2rem; position: absolute; left: 0; bottom: -1.5rem; border-bottom: 0.2rem dotted #fabd00; content: '';}
.ex_box .con p{font-family: 'SCDream'; padding-bottom: 1.5rem; line-height: 1.8; word-break: keep-all;}
/* zone */
.zone_box{position: relative; padding: 3.25rem 0; margin-top: 4rem;}
.zone_box::after{display: block; content: ''; clear: both;}
.zone_box::before{width: 100vw; height: 100%; background: #fabd00; position: absolute; left: calc(-1 * (100vw - 1400px) / 2); top: 0; z-index: -1; content: '';}
.zone_box .view{width: 50%; float: left;}
.zone_box .view ul::after{display: block; content: ''; clear: both;}
.zone_box .view ul{margin: 0 -0.75rem;}
.zone_box .view ul li{width: 50%; float: left; padding: 0 0.75rem;}
.zone_box .view ul li:first-child{margin-top: 3rem;}
.zone_box .view ul li a{display: block; height: 13rem; overflow: hidden; position: relative; box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.4); background: #484848; overflow: hidden; position: relative;}
.zone_box .view ul li a .box{opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.3s; -webkit-transition: 0.3s; z-index: 3; background: rgba(0, 0, 0, 0.5);}
.zone_box .view ul li a .box i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fabd00; font-size: 1.5rem; font-weight: 600; transition: 0.3s; -webkit-transition: 0.3s;}
.zone_box .view ul li a img{position: relative; width: 100%; height: auto; vertical-align: middle; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.zone_box .view ul li a em{position: absolute; top: 0; left: 0; display: inline-block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; font-size: 1.2rem; font-weight: 700; font-family: 'SCDream'; background: #327c2e; color: #fabd00; z-index: 1;}
.zone_box .zone_list{width: 50%; float: right; padding-left: 2.5rem;}
.zone_box .zone_list_left{float: left; padding-left: 0;}
.zone_box .zone_list ul{border-top: 0.2rem solid #3d352e;}
.zone_box .zone_list ul li a{position: relative; display: block; line-height: 5.25rem; font-family: 'SCDream'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; border-bottom: 1px solid #9a7817; padding-right: 2.5rem;}
.zone_box .zone_list.li_4 ul li a{line-height: 4rem;}
.zone_box .zone_list ul li a::before{content:"\e907"; font-family: 'xeicon'; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background: #3d352e; position: absolute; top: calc(50% - 0.75rem); right: 0; text-align: center; color: #fabd00; transition: 0.3s; -webkit-transition: 0.3s;}
.zone_box .zone_list ul li a span{font-weight: 700; padding-right: 2.5rem; transition: color 0.3s; -webkit-transition: color 0.3s;}

/* 02_exhibition_view:active */
.exhibition_view_poster.action:before{right: -102%;}
.ex_section01.action .exhibition_tit{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
.action .ex_box::before{width: calc(50% - 2.5rem);}
.action .ex_box::after{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.ex_section01 .ex_box::after, .ex_section01 .ex_box::before{transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.zone_box .view ul li a:hover .box{opacity: 1;}
.zone_box .view ul li a:hover .box i{transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg);}
.zone_box .zone_list ul li a:hover span{color: #006c3a;}
.zone_box .zone_list ul li a:hover::before{background: #006c3a;}

/* 02_exhibition_zone */
.bg_section{position: relative; padding-top: 1px; margin-top: 3rem;}
.bg_section::before{width: 76.6rem; height: 16.5rem; background: url('/images/dgedu/web/emuseum/sub/exhibition_view_section_bg.png') no-repeat center / contain; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; content: '';}
.bg_section::after{width: 100vw; height: 16.5rem; background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat; z-index: -1; position: absolute; top: 0; left: calc(-1 *  (100vw - 1400px) / 2); opacity: 0; transform: translateX(-100vw); -webkit-transform: translateX(-100vw); transition: all 1s; -webkit-transition: all 1s; content: '';}
.bg_section li h4{ color:#fff; font-size:1.25rem; margin-top:2rem; text-align:left;}
.bg_section li h4 + h5{ margin-top:.5rem;}
.bg_section li h5{ color:#fff; font-weight:700; font-size:1.5rem; text-align:left;}
.bg_section li h5 span{ position:relative; padding:0 .5rem;}
.bg_section li h5 span:before{width: 100%; height: 0.9rem; background: #739225; border-radius: 0.5rem; position: absolute; left: 0; bottom: 0; z-index: -1; content: '';}
.ex_line{border-top: 1px solid #000; margin: 2rem 0;}

/* video */
.ex_video{position: relative; margin-top: 2.5rem;}
.ex_video.over_video{height: 32.5rem;}
.ex_video.mgt0{margin-top: 0;}
.ex_video a{position: relative; display: block; height: 100%;}
.ex_video a::after{position: absolute; width: 4rem; height: 4rem; border: 1px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: ''; border-radius: 50%; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.ex_video a::before{position: absolute; content: '\ea3e'; font-family: 'xeicon'; font-size: 3.2rem; padding-left: 0.3rem; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; text-align: center; line-height: 3.75rem; border-radius: 50%; background: #eae9e9; color: #000; transition: all 0.3s; -webkit-transition: all 0.3s;}
.ex_video video{width: 100%; height: 100%;}
/* list */
.zone_slide_list{position: relative; margin: 3rem -1.5rem 0;}
.zone_slide_list.thr_list{margin: 3rem -1rem 0;}
.zone_slide_list::after{display: block; content: ''; clear: both;}
.zone_slide_list.bg_right_list::before{width: 100%; height: 0; background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat;  position: absolute; left: 48%; top: 2.5rem; z-index: -1; transition: height 0.6s; -webkit-transition: height 0.6s; transition-delay: 0.7s; -webkit-transition-delay: 0.7s; content: '';}
.zone_slide_list.bg_left_list::before{width: 100%; height: 0; background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat;  position: absolute; right: 48%; top: 2.5rem; z-index: -1; transition: height 0.6s; -webkit-transition: height 0.6s; transition-delay: 0.7s; -webkit-transition-delay: 0.7s; content: '';}
.zone_slide_list > li{width: 50%; float: left; padding: 0 1.5rem;}
.zone_slide_list li.w_100{width: 100%;}
.zone_slide_list.one_img_list li{float: none; margin: 0 auto;}
.zone_slide_list.thr_list li{width: 33.333%; padding: 0 1rem;}
.zone_slide_list li a{display: block;}
.zone_slide_list li .img{position: relative; height: 25rem; background: #f5f5f6 no-repeat center / contain; box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.3);}
.zone_slide_list li .img.nobg{ height:auto; text-align:center; background:none; box-shadow:none;}
.zone_slide_list li .img.nobg img{ box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.3);}
.zone_slide_list li .img.auto_hei{height: auto;}
.zone_slide_list li .img.auto_hei img{width:100%; vertical-align: middle;}
.zone_slide_list li.w_40 .img{margin-right: 9.5rem;}
.zone_slide_list.bg_left_list li.w_40 .img{margin-right: 0; margin-left: 9.5rem;}
.zone_slide_list li.w_40 h5{margin-right: 9.5rem;}
.zone_slide_list.bg_left_list li.w_40 h5{margin-right: 0; margin-left: 9.5rem;}
.zone_slide_list.thr_list li .img{height: 16.5rem;}
.zone_slide_list li .img::before{width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; content: '';}
.zone_slide_list li .img span{display: inline-block; text-align: center; width: 10rem; line-height: 3rem; background: #327c2e; color: #fff; font-size: 0.7rem; font-family: 'SCDream'; font-weight: 600; position: absolute; bottom: 0; right: 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.zone_slide_list li .img span.play{width: 4.9rem;}  /* 230201 gsjeong 추가 */  
.zone_slide_list li .img span i{font-size: 1rem; padding-right: 0.3rem; vertical-align: middle;}
.zone_slide_list.bg_right_list li.txt_list{padding-right: 4rem;}
.zone_slide_list.bg_left_list li.txt_list{padding-left: 4rem;}
.zone_slide_list li.txt_list::before{width: calc(100% - 5.5rem); height: 1px; background: #000; position: absolute; top: 0; left: 1.5rem; content: '';}
.zone_slide_list.bg_left_list li.txt_list::before{left: auto; right: 1.5rem;}
.zone_slide_list h5, .zone_slide_tit{font-size: 1rem; font-family: 'SCDream'; text-align: center; font-weight: 700; margin: 1.5rem 0 0.25rem;}
.zone_slide_list .txt, .zone_slide_txt{font-size: 0.7rem; font-family: 'SCDream'; line-height: 1.8;}

/* list 4:6 */
.zone_slide_list.bg_left_list.width-4-6::before{ right: 58%;}
.zone_slide_list.bg_left_list.width-4-6 li:nth-of-type(odd){ width:40%;}
.zone_slide_list.bg_left_list.width-4-6 li:nth-of-type(even){ width:60%;}
/* mini content img */
.zone_slide_list li .subImg{ display:flex; margin-top:2rem; align-items: flex-start;}
.zone_slide_list li .subImg.mgt{ margin-top:5rem;}
.zone_slide_list li .subImg .txt{ flex:1; padding-left:2rem; font-size:.8rem;}
.zone_slide_list li .subImg .img{ height:auto; line-height:0;}
.zone_slide_list li .subImg .img img{ max-width:100%; height:auto;}
.zone_slide_list li .subImg.alRight{ flex-direction: row-reverse;}
.zone_slide_list li .subImg.alRight .txt{ padding-left:0; padding-right:2rem; text-align: right;}
/* zone_slide */
.exhibition_photo{position: relative; padding-top: 2rem; margin-top: 4rem;}
.exhibition_photo::before{width: 0; height: 13.5rem; background: #fabd00; position: absolute; top: 0; left: calc(-1 * (100vw - 1400px) / 2); transition: width 0.7s; -webkit-transition: width 0.7s; content: '';}
.exhibition_photo .zone_page{position: relative; margin-top: 3.5rem; padding-top: 1rem; border-top: 1px solid #000; font-family: 'SCDream'; font-weight: 700; overflow: hidden;}
.exhibition_photo .zone_page div{float: left;}
.exhibition_photo .zone_page .zone_next{float: right;}
.exhibition_photo .zone_page div a{display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; text-align: center; background: #3d352e; color: #fabd00; margin-right: 1rem;}
.exhibition_photo .zone_page .zone_next a{margin-right: 0; margin-left: 1rem;}
.exhibition_photo .zone_page .now{position: absolute; top: 1.25rem; left: 50%; transform: translateX(-50%); width: 8rem; line-height: 2rem; background: #fabd00; text-align: center; border-radius: 1.5rem; font-weight: 700;}
/* zone_group */
.exh_group_list{position: relative; padding-right: 0.5rem; margin-top: 2.5rem;}
.exh_group_list::before{width: 0.5rem; height: calc(100% - 9.5rem); position: absolute; right: 0; top: 2.5rem; background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat; content: '';}
.exh_group_list dl{margin-bottom: 2rem;}
.exh_group_list dl::after{display: block; content: ''; clear: both;}
.exh_group_list dl dt{width: 50%; float: left; position: relative;}
.exh_group_list dl dt .img{width: calc(100% - 9.5rem); height: 18.75rem; margin: 0 auto; background: no-repeat center / cover; position: relative; box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3);} 
.exh_group_list dl dt .img::before{width: calc((100vw - 1400px) / 2 + 100% + 29rem); height: 13.5rem; background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone2.png') repeat; position: absolute; top: 2.5rem; right: -4rem; z-index: -1; content: '';}
.exh_group_list dl dt .img.green{margin-top: 2rem;}
.exh_group_list dl dt .img.green::before{background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat;}
.exh_group_list dl dt h5{font-size: 1rem; font-family: 'SCDream'; font-weight: 700; margin-top: 0.75rem; text-align: center;} 
.exh_group_list dl dd{width: 50%; float: left; padding-left: 2.5rem; padding-right: 1rem; margin-top: 2.5rem;}
/* zone_group:right */
.exh_group_list.right dl dt{float: right;}
.exh_group_list.right dl dd{float: right; padding-right: 2.5rem;}
.exh_group_list.right dl dt .img{width: 100%;}
.exh_group_list.right dl dt .img::before{right: auto; left: 0;}
.exh_group_list.right::before{right: auto; left: 0; top: 0; height: 100%;}
/* zone_group:slide */
.exh_group_list dl dt a{display: block;}
.exh_group_list dl dt a .img::before{width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; content: '';}
.exh_group_list dl dt a .img span{display: inline-block; text-align: center; width: 10rem; line-height: 3rem; background: #327c2e; color: #fff; font-size: 0.7rem; font-family: 'SCDream'; font-weight: 600; position: absolute; bottom: 0; right: 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.exh_group_list dl dt a .img span i{font-size: 1rem; padding-right: 0.3rem; vertical-align: middle;}
.exh_group_list dl dt a:hover .img::before{opacity: 1;}
.exh_group_list dl dt a:hover .img span{background: #fabd00; color: #37312f;}
/* zone_audio */
.audio_list{margin: 0 -1.5rem;}
.audio_list::after{display: block; content: ''; clear: both;}
.audio_list li{width: 50%; float: left; padding: 0 1.5rem;}
.audio_list li audio{width: 100%; margin-top: 1rem;}

/* 02_exhibition_zone:acitve */
.bg_section.action::after{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}
.bg_section.action::before{opacity: 1;}
.zone_exh.action .exhibition_photo::before{width: 100vw;}
.zone_exh.action .exhibition_photo .exhibition_photo_slide{opacity: 1;}
.ex_video a:hover::after{width: 4.5rem; height: 4.5rem; opacity: 1;}
.ex_video a:hover::before{background: rgba(255,255,255,0.7); width: 4.2rem; height: 4.2rem; line-height: 4.2rem;}
.zone_slide_list li a:hover .img::before{opacity: 1;}
.zone_slide_list li a:hover .img span{background: #fabd00; color: #3d342d;}
.action .zone_slide_list.bg_right_list::before, .action .zone_slide_list.bg_left_list::before{height: 20rem;}

/* 02_exhition_slide */
.exh_slide_wrap{position: relative; margin-top: 2rem;}
.exh_slide_wrap .exh_con_slide{position: relative;}
.exh_slide_wrap .exh_con_slide::before{width: calc((100vw - 1400px) / 2 + 50%); height: calc(100% - 5rem); background: url('/images/dgedu/web/emuseum/sub/ptrn_exbitiion_zone.png') repeat; position: absolute; right: 50%; top: 2.5rem; content: '';}
.exh_slide_wrap .exh_con_slide .slick-slide{vertical-align: top;}
.exh_slide_wrap .exh_con_slide .slide::after{display: block; content: ''; clear: both;}
.exh_slide_wrap .exh_con_slide .slide .img{width: calc(50% - 3rem); height: 25rem; background:#3d352e no-repeat center / contain; float: left; position: relative; overflow: hidden;}
.exh_slide_wrap .exh_con_slide .slide .txt{position: relative; width: calc(50% - 3rem); float: right; padding-bottom: 3.5rem; border-top: 1px solid #37312f; font-family: 'SCDream';}
.exh_slide_wrap .exh_con_slide .slide .txt h4{font-size: 1.2rem; margin:2rem 0 1rem; font-weight: 700;}
.exh_slide_wrap .exh_con_slide .slide .txt p{line-height: 1.7;}
.exh_slide_wrap .control{line-height: 0; font-size: 0; position: absolute; left: calc(50% + 3rem); bottom: 0;}
.exh_slide_wrap .control a{display: inline-block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1.2rem; background: #3d352e;}
.exh_slide_wrap .control a.btn_exhslide_next{background: #77716c;}
.exh_slide_wrap .control .count{position: relative; display: inline-block;}
.exh_slide_wrap .control .count::before{width: 0.2rem; height: 0.6rem; background: #37312f; position: absolute; left: 50%; top: 0.5rem; transform: rotate(30deg); -webkit-transform: rotate(30deg); content: '';}
.exh_slide_wrap .control .count em{ color: #9c7600; font-size: 0.9rem; line-height: 1.2rem; padding: 0 1rem;}
.exh_slide_wrap .control .count em.current{font-size: 1.2rem; color: #006c3a; font-weight: 700;}

/* exhibition_photo_slide */
.exhibition_photo .exhibition_photo_slide{opacity: 0; margin-top: 1.5rem; width: calc((100vw - 1400px) / 2 + 1400px + 20%); overflow: hidden; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.exhibition_photo .exhibition_photo_slide .slick-list{overflow: visible; width: 1460px;}
.exhibition_photo .exhibition_photo_slide .slide{padding-right: 3rem; padding-bottom: 1rem;}
.exhibition_photo .exhibition_photo_slide .slide a{display: block; height: 15rem; position: relative; overflow: hidden; box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.3);}
.exhibition_photo .exhibition_photo_slide .slide a::after{content: "\e913"; font-family: 'xeicon'; color: #fabd00; z-index: 2; font-size: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 0; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.exhibition_photo .exhibition_photo_slide .slide a::before{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s; content: '';}
.exhibition_photo .exhibition_photo_slide .slide a img{width: 100%; height: auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.exhibition_photo .control{position: absolute; top: 1.4rem; right: 0; font-size: 0; line-height: 0;}
.exhibition_photo .control a{display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin:0; text-align: center; background: #bd910e; font-size: 1.3rem; vertical-align: middle; transition: color 0.3s; -webkit-transition: color 0.3s;}
.exhibition_photo .control a.slick-hidden{display: none;}
.exhibition_photo .control a.btn_zone_next{background: #9b7916;}
.exhibition_photo .control .count{position: relative; display: inline-block; vertical-align: middle; font-size: 0.9rem; line-height: 2.5rem; color: #9c7600;}
.exhibition_photo .control .count::before{width: 0.1rem; height: 0.4rem; background: #37312f; position: absolute; top: 1.2rem; left: calc(50% - 0.8rem); transform: rotate(40deg); -webkit-transform: rotate(40deg); content: '';}
.exhibition_photo .control .count em{padding-right:1.5rem;}
.exhibition_photo .control .count .current{font-size: 1.2rem; color: #006c3a; font-weight: 700;}
/* exhibition_photo_slide :active */
.exhibition_photo .exhibition_photo_slide .slide a:hover::before{opacity: 1;}
.exhibition_photo .exhibition_photo_slide .slide a:hover::after{opacity: 1; transform:translate(-50%, -50%) rotate(180deg); -webkit-transform:translate(-50%, -50%) rotate(180deg);}
.exhibition_photo .control a:hover{color: #fff;}


/* 09_exhibition_zone */
.txt_list .txt_tit {position: relative; font-family: 'SCDream'; font-size: 0.9rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem;}
.txt_list .txt_tit span.font_bb {font-weight: bold;font-size: 1.6rem;}
.txt_list .txt_tit2 {position: relative; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem;}
.txt_list .txt_tit3 {position: relative; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem; line-height: 1.8;}
.mot3-left .small_tit {font-size: 0.9rem; font-weight: 400;}
.txt_list .hanja {display: inline-block; font-size: 0.6rem; vertical-align: text-top;padding-left: 2px;}
.txt_list .txt_p {position: relative}
.txt_list .bar {display: inline-block;position: absolute; padding-left: 70px; left: 13%;}
.col_b {color: #ab6d3c;}
.mid_han {display: inline-block; font-size: 0.8rem; vertical-align: middle;}
.zone_slide_list2 li {width: 70%;}
.zone_slide_list2 li.mot4-right {width: 30%;}
.zone_slide_list3 li {width: 100%;}
.zone_slide_list3 li .img{height: 36rem;background: none;}
.jido_box {padding-left: 5%; position: relative;}
.jido_box.bg1::before {content: ''; display: inline-block; width: 4%; height: 20px; position: absolute; top: 5px; left:0; border: 3px dashed #2eb877;}
.jido_box.bg2::before {content: ''; display: inline-block; width: 4%; height: 20px; position: absolute; top: 5px; left:0; background: #eb4f9b;}
.jido_box.bg3::before {content: ''; display: inline-block; width: 4%; height: 20px; position: absolute; top: 5px; left:0; background: #0f76bb;}
.slide_popup_zone .exhibition_view_slide .txt {text-align: left;}
.slide_popup_zone .exhibition_view_slide .hanja {display: inline-block; font-size: 0.6rem; vertical-align: text-top;padding-left: 2px;}
.slide_popup_zone .slide_wrap .img2{position: relative; width: 46rem; height: 24.5rem; overflow: hidden; background: #f5f4f2;}
.slide_popup_zone .exhibition_view_slide .txt .txt_tit {position: relative; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem;}
.slide_popup_zone .exhibition_view_slide .txt .txt_tit span.font_bb {font-weight: bold;font-size: 1.3rem;}
.slide_popup_zone .exhibition_view_slide .txt .txt_tit2 {position: relative; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem;}
.slide_popup_zone .exhibition_view_slide .txt .txt_tit3 {position: relative; font-family: 'SCDream'; font-size: 0.8rem; font-weight: 400; word-break: keep-all; color: #44352e; margin-bottom: 0.5rem; line-height: 1.8;}
.txt_p .hanja {display: inline-block; font-size: 0.6rem; vertical-align: text-top;}
.txt_p .star {display: inline-block; font-size: 0.5rem; vertical-align: text-top;} /*220512 gsjeong 추가 */
.txt_p .leftborder {padding-left : 15px;} /*220512 gsjeong 추가 */
.poster_shadow{position: relative; box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3);}

.slide_popup_zone .slide_wrap.pop_big {width: 70%; max-width: 100%;}
.slide_popup_zone .slide_wrap.pop_big .img {width: 100%; height: 35rem;}

/* acitve 추가 */
.zone_slide_list li .img span.plus{display: inline-block; width: 2.5rem;height: 2.5rem; opacity: 0; background: none; position: absolute; top: 45%; left: 47%; transition: all 0.8s; -webkit-transition: all 0.8s; }
.zone_slide_list li a:hover .img span.plus {opacity: 1; color: #fff; background: none; transform: rotate(360deg);}
.zone_slide_list li .img span.plus i {font-size: 2.5rem;}
.zone_slide_list li .img span.plus i{vertical-align: top;}


@media (max-width:1440px){

    /* 01_about */
    .about h3{line-height: 10rem;}
    .about h3 span{font-size: 1.8rem;}

    /* 02_exhibtion_main */
    .exhibition_main ul li{width: 33.333%;}

    .zone_box::before{width: 105%; left: -2.5%;}

    /* 02_exhibition_popup */
    .img_popup_zone .img_wrap{max-width: 95%; max-height: 95%;}
    /* .slide_popup_zone .control{top: 30.5rem;} */
    .slide_popup_zone .slide_wrap .slick-prev, .slide_popup_zone .slide_wrap .slick-next{top: 25.5rem;}
    .slide_popup_zone .slide_wrap{max-width: 95%; max-height: 95%; width: 100%;}
    .slide_popup_zone .slide_wrap .img{width: 100%; height: auto;}
    .slide_popup_zone .slide_wrap .img img{position: relative; top: auto; left: auto; transform: none; -webkit-transform: none;}
    .slide_popup_zone .slide_wrap .txt{margin-bottom: 1rem;}
    .slide_popup_zone .slide_wrap .slick-prev, .slide_popup_zone .slide_wrap .slick-next{top: auto; bottom: -3rem;}
    .slide_popup_zone .slide_wrap .slick-prev{right: auto; left: calc(50% - 6rem)}
    .slide_popup_zone .slide_wrap .slick-next{right: calc(50% - 6rem);}
    .slide_popup_zone .count{margin-top: 0.7rem;}

    /* 02_exhibition_zone */
    .bg_section::before{width: 105%; left: -2.5%; height: 12rem; background-size: cover; background-position: right center;}
    .bg_section::after{width: 105%; left: -2.5%; height: 12rem;}
    .zone_slide_list li .img{height: 20rem;}
    .zone_slide_list.thr_list li .img{height: 15rem;}
    .zone_slide_list.bg_right_list li.txt_list{padding-right: 2rem;}
    .zone_slide_list.bg_left_list li.txt_list{padding-left: 2rem;}
    .zone_slide_list li.txt_list::before{width: calc(100% - 3.5rem);}
    .action .zone_slide_list.bg_right_list::before, 
    .action .zone_slide_list.bg_left_list::before{height: 15rem; width: 52%; left:auto; right: -2%;}
    .action .zone_slide_list.bg_left_list::before{right: auto; left: -2%;}
    .action .zone_slide_list.bg_left_list.width-4-6::before{left:-12%;}
    /* zone_group_slide */
    .exh_group_list dl dt .img::before{width: 130%; right: -2.5rem;}
    .exh_group_list dl dt .img{width: calc(100% - 5rem);}

    /* 02_exhibition_photo_slide */
    .zone_exh.action .exhibition_photo::before{width: 105%; left: -2.5%;}
    .exhibition_photo .exhibition_photo_slide{width: 100%; overflow: visible;}
    .exhibition_photo .exhibition_photo_slide .slick-list{width: calc(100% + 2rem);}
    .exhibition_photo .exhibition_photo_slide .slide{padding-right: 2rem;}
    .exhibition_photo .exhibition_photo_slide .slide a img{height: 100%; width: auto; max-width: none;}

    /* 02_exhibition_slide */
    .exh_slide_wrap .exh_con_slide::before{width: 105%;}
    
    /* 09_exhibition_zone */
    .slide_popup_zone .slide_wrap .img2{width: 100%; height: auto;}
    .slide_popup_zone .slide_wrap .img2 img{position: relative; top: auto; left: auto; transform: none; -webkit-transform: none;}
    .zone_slide_list3 li .img {background-size: cover; height: 30rem; background-repeat: no-repeat;}
    .slide_popup_zone .slide_wrap .img2 {width: 100%;}
    .slide_popup_zone .slide_wrap .img3 {width: 100%;}
    .slide_popup_zone .slide_wrap.pop_big {width: 95%;}
    .slide_popup_zone .slide_wrap.pop_big .img {width: 95%; height: auto;}
    
}

@media (max-width:1280px){
    .zone_slide_list li.w_40 .img, .zone_slide_list.bg_left_list li.w_40 .img{margin-right: 0; margin-left: 0;}
    .zone_slide_list li.w_40 h5, .zone_slide_list.bg_left_list li.w_40 h5{margin-right: 0; margin-left: 0;}

    /* 02_exhition_slide */
    .exh_slide_wrap .exh_con_slide .slide .img{width: calc(50% - 2rem);}
    .exh_slide_wrap .exh_con_slide .slide .txt{width: calc(50% - 2rem);}

    .zone_slide_list li .subImg{flex-wrap: wrap;}
    .zone_slide_list li .subImg .txt{ width:100%; flex:initial; padding:1rem 0 0 !important; text-align: left !important;}
    .zone_slide_list li .subImg.alRight{flex-direction: initial;}
}

@media (max-width:1040px){

    /* styleguide */
    .titT2{font-size: 1.1rem;}
    .p_caption{padding-top: 1rem !important;}
    .p_caption .cap{position: absolute; top: -1.2rem; width: 100%; text-align: center;}
    .p_caption .cap::before{display: none;}

    /* 01_about */
    .about h3{line-height: 9.5rem;}
    .about h3 span{font-size: 1.7rem;}
    .about .txt_box::before{width: 5rem; height: 5rem; left: 2rem;}    
    .about .txt_box::after{width: 10rem; height: 10rem; right: 2rem; bottom: 8rem;}

    /* 01_about_history */
    .history > ul{padding-top: 3rem;}
    .history > ul > li .year{font-size: 1.5rem;}
    .history > ul > li ul li .date{font-size: 1rem;}
    .history > ul > li ul li .txt{font-size: 0.9rem;}

    /* 02_exhibtion_main */
    .exhibition_main ul li a .tit .num{font-size: 1.8rem;}
    .exhibition_main ul li a .img{ box-shadow: 0.3rem 0.3rem 0.5rem rgb(100 100 100 / 30%);}
    .exhibition_main ul li a .img span em{width: 9rem; font-size: 1rem;}
    .exhibition_main ul li a .txt{font-size: 1rem;}
    
     /* 02_exhibition_view */
    .exhibition_tit{font-size: 1.5rem;}
    .audio_list li{width: 100%; margin-bottom: 1.5rem;}
    .audio_list li
    .ex_box{margin-top: 3rem;}
    .ex_box .img{ display:flex; align-items:center; justify-content:center; width: 80%; float: none; margin: 0 auto; background-color:#f1f1f1; background-position: center; }
    .ex_box.right_box .img{margin-top: 2rem;}
    .ex_box .con{position: relative; width: 100%; float: none; padding: 0;}
    .ex_box.right_box .con{padding-right: 0;}
    .ex_box.left_box .con{margin-top: 2rem;}
    .ex_box .con h4{font-size: 1.2rem;}
    .ex_box::before, .ex_box::after{display: none;}
    .ex_box .con::before{width: 0; height: 0.35rem; background: #eaf2ea; position: absolute; bottom: 0; right: 0; transition: width 0.5s; -webkit-transition: width 0.5s; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; content: '';}
    .ex_box .con::after{width: 1.5rem; height: 1.5rem; background: #327c2e; position: absolute; bottom: 0; right: 0; transition: 0.5s; -webkit-transition: 0.5s; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; content: '';}
    .zone_box .view{width: 100%;}
    .zone_box .view ul li a{height: auto; text-align: center;}
    .zone_box .view ul li a img{max-width: 15rem; top: auto; left: auto; transform: none; -webkit-transform: none;}
    .zone_box .zone_list{width: 100%; padding-left: 0; margin-top: 3rem;}
    .zone_box .zone_list ul li a{line-height: 4.5rem;}   
    .zone_box .zone_list_left{margin-top: 0;}
    /* 02_exhibition_view:acition */
    .ex_section01.action .ex_box .con::before, .ex_section03.action .ex_box .con::before{width: calc(50% - 2.5rem);}
    .ex_section01.action .ex_box .con::after, .ex_section03.action .ex_box .con::after{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
    .ex_section01 .ex_box .con::after, .ex_section01 .ex_box .con::before{transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}

    .ex_video.mgt0{margin-top: 2.5rem;}

    /* 02_exhibition_zone */
    /* .bg_section::before{height: 10rem;}
    .bg_section::after{height: 10rem;} */
    .zone_slide_list{margin: 2rem -1rem 0;}
    .zone_slide_list li{padding: 0 1rem;}
    .zone_slide_list li .img{height: 18rem;}
    .zone_slide_list.thr_list li .img{height: 12rem;}
    .action .zone_slide_list.bg_right_list::before, .action .zone_slide_list.bg_left_list::before{top: 1.5rem;}
     /* zone_group_slide */
     .exh_group_list dl dd{margin-top: 2rem;}
    .exh_group_list dl dt .img{width: 100%;}
    .exh_group_list dl dt .img::before{right: -1rem;}

    /* 02_exhition_slide */
    .exh_slide_wrap .exh_con_slide .slide .img{width: calc(100% - 3rem); margin: 0 auto; float: none;}
    .exh_slide_wrap .exh_con_slide .slide .img img{width: auto; height: 100%;}
    .exh_slide_wrap .exh_con_slide .slide .txt{width: 100%; float: none; margin-top: 5rem;}
    .exh_slide_wrap .exh_con_slide .slide .txt h4{margin: 1rem 0;}
    .exh_slide_wrap .exh_con_slide::before{width: 100vw; height: 22rem; right: 0;}
    .exh_slide_wrap .control{left: auto; right: 0; bottom: auto; top: 26rem;}

    /* 02_exhibiton_popup_slide */
    .slide_popup_zone .slide_wrap .exhibition_view_slide .slick-slide{vertical-align: middle;}
}

@media (max-width:860px){
	
 
    /* 01_about */
    .about h3{line-height: 8rem;}
    .about h3 span{font-size: 1.5rem;}
    .about .txt_box{padding: 3rem 0 4rem;}

    /* 02_exhibtion_main */
    .exhibition_main ul li{width: 50%;}
    .exhibition_main ul li a .tit .num{font-size: 1.5rem;}

    /* 02_exhibition_zone */
    .zone_slide_list li .img{height: 15rem;}
    .action .zone_slide_list.bg_right_list::before, .action .zone_slide_list.bg_left_list::before{height: 12rem;}
    .zone_slide_list.thr_list li{width: 100%; margin-bottom: 1rem;}
    .zone_slide_list.thr_list li .img{height: 15rem;}
    .ex_video.over_video{height: auto;}
    
    /* 02_exhibition_photo_slide */
    /* .slide_popup_zone .control{top: 27.5rem;} */

    /* zone_group_slide */
    .exh_group_list{padding-right: 2rem;}
    .exh_group_list dl dt{float: none; width: 100%;}
    .exh_group_list dl dd{float: none; width: 100%; padding: 0; margin-top: 1rem;}
    .exh_group_list dl dt .img::before{right: 0;}
    .exh_group_list.right{padding-right: 0; padding-left: 2rem;}
    
    /* 09_exhibition_zone */
    .mot3-left .bar {display: inline-block;position: relative; padding-left: 0; left: 0%;}
	.zone_slide_list3 li .img {height: 20rem;}
    
}

@media (max-width:680px){ 
    /* 01_about_history */
    .history > ul::before{left: 0;}
    .history > ul > li:nth-of-type(odd){width: 100%;}
    .history > ul > li:nth-of-type(even){width: 100%; text-align: left; padding-right: 0; padding-left: 5.5rem;}
    .history > ul > li:nth-of-type(even):before{background: url('/images/dgedu/web/emuseum/sub/about_history_right.png') no-repeat center / contain; right: auto; left: -0.4rem;}
    .history > ul > li .year{font-size: 1.4rem;}
    .history > ul > li .year::before{height: 1rem;}
    .history > ul > li ul{margin-top: 0.9rem;}

    /* 02_exhibition_zone */
    .bg_section::before{display: none;}
    .bg_section li h4{ font-size:1rem; color:#388035;}
    .bg_section li h5{ font-size:1.3rem; color:#388035;}
    .bg_section li h5 span:before{ background:#e3f3bc;}
    .zone_slide_list li{width: 100%; margin-bottom: 1.5rem;}
    .zone_slide_list li:last-child{margin-bottom: 0;}
    .zone_slide_list li .img{height: 18rem;}
    .zone_slide_list li.w_40 .img, .zone_slide_list.zone_slide_list.bg_left_list li.w_40 .img{max-width: 80%; margin: 0 auto;}
    .action .zone_slide_list.bg_right_list::before, .action .zone_slide_list.bg_left_list::before{display: none;}
    .zone_slide_list li.txt_list::before{width: calc(100% - 2rem); left: 1rem;}
    .zone_slide_list.bg_left_list li.txt_list::before{right: 1rem;}
    .zone_slide_list.bg_left_list li.txt_list{padding-left: 1.5rem;}
    .zone_slide_list li .txt_p2{ padding-left:0 !important;}
    .zone_slide_list li .subImg{ justify-content: center; padding-left:0 !important;}
    .zone_slide_list li .subImg.mgt{ margin-top:2rem;}
    .zone_slide_list li .img.nobg{ text-align: center !important;}
    /* list 4:6 */
    .zone_slide_list.bg_left_list.width-4-6::before{ right: 58%;}
    .zone_slide_list.bg_left_list.width-4-6 li:nth-of-type(odd){ width:100%;}
    .zone_slide_list.bg_left_list.width-4-6 li:nth-of-type(even){ width:100%;}

     /* 02_exhition_slide */
     .exh_slide_wrap .exh_con_slide .slide .img{height: 22rem; width: 100%;}
     .exh_slide_wrap .exh_con_slide::before{height: 19rem;}
     .exh_slide_wrap .control{top: 23rem;}
    
    /* 09_exhibition_zone */
    .zone_slide_list2 li.mot4-right {width: 100%;}
    .zone_slide_list3 li .img {height: 12rem; background-size: contain;}
}

@media (max-width:600px){ 

     /* 01_about */
     .about h3{line-height: 7rem;}
     .about h3 span{font-size: 1.4rem;}
     .about .txt_box{padding: 3rem 0 4rem;}
     .about .txt_box p{word-break: keep-all;}
     .about .txt_box p br{display: none;}
     .about .txt_box::before{width: 4rem; height: 4rem; left: 1rem;}    
     .about .txt_box::after{width: 7rem; height: 7rem; right: 1rem; bottom: 4rem;}

    /* 02_exhibtion_main */
    .exhibition_main ul li{margin-bottom: 1.5rem;}
    .exhibition_main ul li a .tit .num{font-size: 1.3rem;}
    .exhibition_main ul li a .img{box-shadow: 0.2rem 0.2rem 0.3rem rgb(100 100 100 / 30%);}
    .exhibition_main ul li a .txt{font-size: 0.9rem;}

    /* 02_exhibtion_popup */
    .img_popup_zone .img_wrap{padding: 1rem;}
    .img_popup_zone .btn_close{right: 1rem; top: 1rem;}

     /* 02_exhibition_view */
     .exhibition_view_poster + .exhibition_tit{margin-top: 2rem;}
     .ex_box.right_box .con h4{margin-top: 1rem;}
     .ex_box{margin-top: 1.5rem;}
     .ex_box .img{width: 100%; height: 21rem;}
     .zone_box{margin-top: 2rem; padding: 2.5rem 0;}

      /* 02_exhibition_zone */
     .ex_video a::after{width: 3rem; height: 3rem;}
     .ex_video a:hover::after{width: 3.5rem; height: 3.5rem;}
     .ex_video a::before{width: 2.75rem; height: 2.75rem; line-height: 2.75rem;font-size: 2rem;}
     .ex_video a:hover::before{width: 3.25rem; height: 3.25rem; line-height: 3.25rem; }
     .exhibition_photo .zone_page{margin-top: 2rem;}

     /* 02_exhition_slide */
     .exh_slide_wrap{margin-top: 1rem;}
     .exh_slide_wrap .exh_con_slide .slide .img{height: 20rem;}
     .exh_slide_wrap .control{top: 21rem;}
     .exh_slide_wrap .exh_con_slide::before{height: 17rem;}

     /* 02_exhibition_photo_slide */
    .slide_popup_zone .control{top: 21.5rem;}
    .slide_popup_zone .slide_wrap{padding: 3.5rem 1rem 2rem 1rem;}
    .slide_popup_zone .slide_wrap .exhibition_view_slide{margin-top: 1rem;}
    .slide_popup_zone .slide_wrap.tit_slide .titT2{max-width: 100%;}
    /* .slide_popup_zone .control{top: 22.5rem; right: 1rem;} */
    .slide_popup_zone .btn_close{right: 1rem; top: 1rem;}
}   

@media (max-width:480px){ 
    /* 01_about */
    .about h3{line-height: 6rem;}
    .about h3 span{font-size: 1.3rem;}
    .about .txt_box{padding: 2rem 0 3rem;}
    .about h3 span::before{width: 2rem; left: -2rem;}
    .about h3 span::after{width: 2rem; right: -2rem;}

     /* 01_about_history */
     .history > ul > li:nth-of-type(odd), .history > ul > li:nth-of-type(even){padding-left: 3.5rem;}
     .history > ul > li:nth-of-type(even):before{width: 3rem; height: 0.5rem;left: -0.2rem;}
     .history > ul > li:nth-of-type(odd):before{width: 3rem; height: 0.5rem; left: -0.2rem;}

    /* 02_exbition_main */
    .exhibition_main ul li{width: 100%;}
    .exhibition_main ul li a .img{width: 80%; margin: 1rem auto 0;}

    /* 02_exhibition_view */
    .exhibition_tit{font-size: 1.4rem;}
    .ex_box .img{height: 17rem;}
    .ex_box.left_box .con{margin-top: 1.5rem;}
    .ex_box .con h4{font-size: 1.1rem;}
    .ex_box.right_box .con h4{margin-top: 0;}
    .zone_box{padding: 1.5rem 0;}
    .zone_box .view ul li{width: 100%; margin-bottom: 1rem;}
    .zone_box .view ul li:first-child{margin-top: 0;}
    .zone_box .zone_list ul li a{line-height: 4rem; padding-top: 1.5rem;}
    .zone_box .zone_list{margin-top: 1rem;}
    .zone_box .zone_list ul li a span{position: absolute; top: 0; padding-right: 0;}

    .zone_slide_list.thr_list li .img{height: 12rem;}

   

     /* 02_exhibition_slide */
     .exh_slide_wrap .exh_con_slide .slide .img{height: 17rem;}
     .exh_slide_wrap .control{top: 18rem;}
     .exh_slide_wrap .exh_con_slide::before{height: 14rem;}

     /* 02_exhibition_photo_zone */
     .ex_video{margin-top: 1rem;}
     .exhibition_photo .zone_page{padding:4rem 0 2rem;}
     .exhibition_photo .zone_page div span{position: absolute; bottom: 0; left: 0;}
     .exhibition_photo .zone_page .zone_next span{left: auto; right: 0;}
     /* zone_group_slide */
     .exh_group_list{padding-right: 1.5rem;}
     .exh_group_list.right{padding-left: 1.5rem;}
     .exh_group_list dl dt .img{height: 16rem;}
}

@media (max-width:360px){ 

    /* 01_about */
    .about h3 span{font-size: 1.2rem;}
    .about h3 span::before{width: 2rem; left: -2rem;}
    .about h3 span::after{width: 2rem; right: -2rem;}

    /* 01_about_history */
    .history > ul{padding-top: 2rem;}
    .history > ul > li .year{font-size: 1.3rem;}
    .history > ul > li ul li .date{font-size: 0.9rem;}

    /* 02_exhibition_main */
    .exhibition_main ul li a .img{width: 100%;}

    /* 02_exhibition_view */
    .exhibition_tit{font-size: 1.2rem; padding-bottom: 1rem;}
    .exhibition_view_poster + .exhibition_tit{margin-top: 1rem;}
    .ex_box .img{height: 13rem;}
    .ex_box .con h4{margin-bottom: 2rem; font-size: 1rem;}
    .ex_box .con h4::after{bottom: -1.25rem;}
    .ex_box .con p{font-size: 0.7rem;}

    .zone_slide_list li .img{height: 13rem;}
    .zone_slide_list li.w_40 .img, .zone_slide_list.zone_slide_list.bg_left_list li.w_40 .img{max-width: 100%;}

    /* 02_exhibition_photo_slide */
    .exhibition_photo .exhibition_photo_slide .slide a{height: 12rem;}

    .exh_group_list dl dt .img{height: 14rem;}
    .exh_group_list::before{width: 0.3rem;}
    .exh_group_list dl dt::before{height: 12rem; top: 1rem;}
    
    /* 09_exhibition_zone */
    .zone_slide_list3 li .img {height: 9rem;}
    .bg_section li h4{ font-size:.95rem;}
    .bg_section li h5{ font-size:1.1rem;}
}