@charset "utf-8";

body { letter-spacing:0em; }
.h3_wrap h3 { letter-spacing:-0.01em; }
/* ================================================================================================================== 
 헤더
================================================================================================================== */
.header_top .right { justify-content:end; }
.header_top .left { font-size:.95em; }

/* ================================================================================================================== 
 공통
================================================================================================================== */
main { min-width:320px; }
.main { position:relative; width:100%; margin-bottom:8em; } 
.main_wrap { width:94%; max-width:1600px; margin:0 auto; } 
.main .tit { margin-bottom:3.5em; line-height:1; } 
.main .tit h2 { display:inline-block; font-size:3em; letter-spacing:-0.03em; font-weight:700; vertical-align:middle; } 
.main .tit a.more { display:inline-block; position:relative; width:40px; height:40px; margin-left:16px; vertical-align:middle; } 
.main .tit a.more::before,
.main .tit a.more::after { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#000; } 
.main .tit a.more::after { transform:rotate(90deg); } 
.main .list .subject { margin-bottom:.6em; font-size:1.235em; font-weight:700; letter-spacing:-0.035em; line-height:1.5; } 

/* ================================================================================================================== 
 메인 비주얼 
================================================================================================================== */
.main1 { margin-bottom:6.5em; }
/* 영상*/
.visual_video { position:relative; width:100%; max-height:700px; overflow:hidden; }
.visual_video video { width:100%; height:auto; min-height:100%; }
.visual_video .img_character { position:absolute; right:3%; bottom:-21px; z-index:1; }
.visual_video .img_character img { display:block; }
/* 이미지 슬라이드 */
.visual_slide { position:relative; width:100%; /*:80%;*/ overflow:hidden; }
.visual_slide .view { max-height:700px; }
.visual_slide .view .slick-slide { position:relative; height:100%; z-index:0; transition:none; } 
/* .visual_slide .view .slick-slide::before { content:''; position:absolute; left:0; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1; }
.visual_slide .view .slick-slide h3 { position:absolute; left:50%; top:50%; width:94%; max-width:1600px; color:#fff; font-size:2.941em; letter-spacing:-0.035em; font-weight:700; transform:translateX(-50%); z-index:2; } */
.visual_slide .view .slick-slide img { display:block; width:100%; height:auto; margin:0 auto; opacity:0; } 
.visual_slide .view .slick-slide.slick-current img,
.visual_slide .view .slick-slide.slick-active img { opacity:1; }
.visual_slide .control { position:absolute; left:50%; bottom:30px; width:94%; max-width:1600px; transform:translateX(-50%); z-index:1; 
   display:flex; align-items:center; 
}
.visual_slide .stop,
.visual_slide .play { width:53px; height:53px; color:#fff; border-radius:50%; }
.visual_slide .stop { background:url(../../images/user/visual_slide_stop.png) no-repeat center rgba(0,0,0,0.7); }
.visual_slide .play { display:none; background:url(../../images/user/visual_slide_play.png) no-repeat center rgba(0,0,0,0.7); }
.visual_slide .slick-dots { margin-left:15px; }
.visual_slide .slick-dots li { display:inline-block; margin-right:6px; vertical-align:middle; }
.visual_slide .slick-dots li button { width:24px; height:24px; background:#fff; border:3px solid #000; border-radius:12px; text-indent:-999999em; }
.visual_slide .slick-dots li.slick-active button { width:100px; }
.visual_slide .slick-dots li:nth-child(1) button { border-color:#f73449; }
.visual_slide .slick-dots li:nth-child(2) button { border-color:#7578b8; }
.visual_slide .slick-dots li:nth-child(3) button { border-color:#d54c6c; }
.visual_slide .slick-dots li:nth-child(4) button { border-color:#24a64b; }
.visual_slide .slick-dots li:nth-child(5) button { border-color:#ff5b35; }
.visual_slide .slick-dots li:nth-child(6) button { border-color:#2a85bc; }
.visual_slide .slick-dots li:nth-child(7) button { border-color:#f73449; }
.visual_slide .slick-dots li:nth-child(1).slick-active button { background:#f73449; }
.visual_slide .slick-dots li:nth-child(2).slick-active button { background:#7578b8; }
.visual_slide .slick-dots li:nth-child(3).slick-active button { background:#d54c6c; }
.visual_slide .slick-dots li:nth-child(4).slick-active button { background:#24a64b; }
.visual_slide .slick-dots li:nth-child(5).slick-active button { background:#ff5b35; }
.visual_slide .slick-dots li:nth-child(6).slick-active button { background:#2a85bc; }
.visual_slide .slick-dots li:nth-child(7).slick-active button { background:#f73449; }
/* 아다초 캐릭터 */
.visual_slide .img_character { position:absolute; bottom:-4px; right:4.5%; width:400px; height:186px; z-index:10; }
.visual_slide .img_character > div { position:absolute; bottom:0; }
.visual_slide .img_character > div img { position:absolute; z-index:1; }
.visual_slide .img_character > .cha1 { left:0; width:119px; height:180px; transform:translate(0,10px) rotate(0); animation:cha1_jump 2.8s ease-in-out .2s infinite; }
.visual_slide .img_character > .cha1 .body { z-index:0; }
.visual_slide .img_character > .cha1 .arm {}
.visual_slide .img_character > .cha1 .arm1 { top:67px; left:4px; width:22px; height:40px; animation:arm_left 4s infinite linear; }
.visual_slide .img_character > .cha1 .arm2 { right:-21px; top:70px; width:24px; height:39px; animation:arm_right 2s infinite linear; }
.visual_slide .img_character > .cha2 { right:126px; width:113px; height:141px; transform:rotateZ(0deg); animation:cha2_body 2s infinite alternate; }
.visual_slide .img_character > .cha2 .body {}
.visual_slide .img_character > .cha2 .leaf { bottom:calc( 100% - 3px ); left:50%; margin-left:-17px; animation:cha2_leaf 2s infinite linear }
.visual_slide .img_character > .cha3 { right:0; width:151px; height:180px; transform:translate(0,5px); animation:cha3_jump 8s ease-in-out 1s infinite; }
.visual_slide .img_character > .cha3 .body {}
.visual_slide .img_character > .cha3 .arm { right:0; top:87px; animation:arm_right2 2s infinite linear; } 
/* .visual_slide .img_character > .cha1 { left:0; width:187px; height:273px; 
   transform:translate(0,20px) rotate(0); animation:cha1_jump 2.8s ease-in-out .2s infinite; 
}
.visual_slide .img_character > .cha1 .body { z-index:0; }
.visual_slide .img_character > .cha1 .arm {}
.visual_slide .img_character > .cha1 .arm1 { top:98px; left:0; width:35px; height:62px; animation:arm_left 4s infinite linear; }
.visual_slide .img_character > .cha1 .arm2 { right:-18px; top:104px; width:38px; height:61px; animation:arm_right 2s infinite linear; }
.visual_slide .img_character > .cha2 { right:184px; width:165px; height:206px; transform:rotateZ(0deg); animation:cha2_body 2s infinite alternate; }
.visual_slide .img_character > .cha2 .body {}
.visual_slide .img_character > .cha2 .leaf { bottom:calc( 100% - 3px ); left:50%; margin-left:-24px; animation:cha2_leaf 2s infinite linear }
.visual_slide .img_character > .cha3 { right:53px; width:169px; height:264px; transform:translate(0,10px); animation:cha3_jump 8s ease-in-out 1s infinite; }
.visual_slide .img_character > .cha3 .body {}
.visual_slide .img_character > .cha3 .arm { right:-53px; top:128px; animation:arm_right2 2s infinite linear; } */
@-webkit-keyframes cha1_jump {
   0% { -webkit-transform:translate(0,10px) rotate(0); }
   50% { -webkit-transform:translate(-10px,-25px) rotate(-10deg); }
   100% { -webkit-transform:translate(0,10px) rotate(0); }
}
@keyframes cha1_jump {
   0% { transform:translate(0,10px) rotate(0); }
   50% { transform:translate(-10px,-25px) rotate(-10deg); }
   100% { transform:translate(0,10px) rotate(0); }
}
@-webkit-keyframes cha2_body {
   0% { -webkit-transform: rotateZ(0deg); }
   100% { -webkit-transform: rotateZ(-8deg) translateX(-5px); }
}
@keyframes cha2_body {
   0% { transform: rotateZ(0deg); }
   100% { transform: rotateZ(-8deg) translateX(-5px); }
}
@-webkit-keyframes cha2_leaf {
   0% { -webkit-transform: perspective(120px) rotateY(0deg);}
   50% { -webkit-transform: perspective(120px) rotateY(180deg);}
   100% { -webkit-transform: perspective(120px) rotateY(360deg);}
}
@keyframes cha2_leaf {
   0% { transform: perspective(120px) rotateY(0deg);}
   50% { transform: perspective(120px) rotateY(180deg);}
   100% { transform: perspective(120px) rotateY(360deg);}
}
@-webkit-keyframes cha3_jump {
   0% { -webkit-transform:translate(0,5px); }
   20% { -webkit-transform:translate(0,-20px); }
   40% { -webkit-transform:translate(0,10px); }
   100% { -webkit-transform:translate(0,10px); }
}
@keyframes cha3_jump {
   0% { transform:translate(0,5px); }
   20% { transform:translate(0,-20px); }
   40% { transform:translate(0,10px); }
   100% { transform:translate(0,10px); }
}
@-webkit-keyframes cha3_hello {
   0%,100% { -webkit-transform: rotateZ(10deg); }
   50% { -webkit-transform: rotateZ(-10deg); }
}
@keyframes cha3_hello {
   0%,100% { transform: rotateZ(10deg); }
   50% { transform: rotateZ(-10deg); }
}
@-webkit-keyframes arm_left {
    0% { -webkit-transform: rotate(0deg) translateX(-0px); }
    50% { -webkit-transform: rotate(-13deg) translateX(-8px); }
    100% { -webkit-transform: rotate(0deg) translateX(0); }
}
@keyframes arm_left {
   0% { transform: rotate(0deg) translateX(-0px); }
   50% { transform: rotate(-13deg) translateX(-8px); }
   100% { transform: rotate(0deg) translateX(0); }
}
@-webkit-keyframes arm_right {
    0% { -webkit-transform: rotate(0deg) translateX(0); }
    50% { -webkit-transform: rotate(-7deg) translateX(-7px); }
    100% { -webkit-transform: rotate(0deg) translateX(0); }
}
@keyframes arm_right {
   0% { transform: rotate(0deg) translateX(0); }
   50% { transform: rotate(-7deg) translateX(-7px); }
   100% { transform: rotate(0deg) translateX(0); }
}
@-webkit-keyframes arm_right2 {
   0% { -webkit-transform: rotateZ(0deg) translate(0,0); }
   50% { -webkit-transform: rotateZ(-10deg) translate(-3px,-2px); }
   100% { -webkit-transform: rotateZ(0deg) translateY(0,0); }
}
@keyframes arm_right2 {
   0% { transform: rotateZ(0deg) translate(0,0); }
   50% { transform: rotateZ(-10deg) translate(-3px,-2px); }
   100% { transform: rotateZ(0deg) translateY(0,0); }
}


/* ================================================================================================================== 
 안내 
================================================================================================================== */
.main2 .list { display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:15px; }
.main2 .list .li { width:100%; margin-right:2%; padding:2.5em 2.5em 3em; border-radius:15px; }
.main2 .list .li:last-child { margin-right:0; }
.main2 .list .li strong { display:block; position:relative; margin-bottom:28px; font-size:1.706em; font-weight:700; letter-spacing:0.01em; }
.main2 .list .li strong::after { content:''; position:absolute; right:0; }
.main2 .list .li.hours { background:linear-gradient(#41b1b5, #58bcc0); color:#fff; }
.main2 .list .li.hours strong::after { top:-16px; width:76px; height:78px; background:url(../../images/user/eng/info_icon1.png) no-repeat; }
.main2 .list .li.fee { background:linear-gradient(#169ed8, #43abd8); color:#fff; }
.main2 .list .li.fee strong::after { top:-16px; width:76px; height:78px; background:url(../../images/user/eng/info_icon2.png) no-repeat; }
.main2 .list .li.find { display:block; border:7px solid #e0eaee; background:url(../../images/user/eng/info_icon3.png) no-repeat right 20px bottom; color:#9d9d9d; }
.main2 .list .li.find strong { color:#1587b8; }
.main2 .list .li:first-child .info li { line-height:1.6; }
.main2 .list .li .info li { letter-spacing:0.005em; }
.main2 .list .li .info li span.month { display:inline-block; width:177px; margin-right:20px; }
.main2 .emphasis1 { font-size:0.882em; letter-spacing:0.005em; }
/* ================================================================================================================== 
 전시 
================================================================================================================== */
.main3 .list { display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:3.5rem; grid-auto-flow:dense; width:100%; } 
.main3 .list .item { grid-column:auto/span 1; grid-row:auto/span 1; overflow:hidden; } 
.main3 .list .item .img { position:relative; margin-bottom:2em; width:100%; padding-top:55%; overflow:hidden; } 
.main3 .list .item .img img { display:block; position:absolute; left:0; top:0; width:100%; height:auto; /*transform:translateY(50%);*/ } 
.main3 .list .item .img .cate { position:absolute; left:0; bottom:0; padding:15px 30px; font-size:1.235em; color:#fff; background:#000; z-index:1; } 
.main3 .list .item .info .date { display:block; color:#555; } 

/* ================================================================================================================== 
 교육
================================================================================================================== */
.main4 .tit { display:flex; justify-content:space-between; position:relative; }
.main4 .tit .right { width:calc(100% - 420px); }
.main4 .tit .right .edu_img1 { position:absolute; right:0; top:-90px; width:128px; height:296px; background:url(../../images/user/eng/edu_img1.png) no-repeat; z-index:1; }
.main4 .tit .right .edu_img2 { display:inline-block; position:absolute; top:-30px; right:140px; width:282px; height:67px; background:url(../../images/user/eng/edu_img2.png) no-repeat; filter: drop-shadow(9px 7px 17.28px rgba(21, 135, 184, 0.06));}
.main4 .tit .right .edu_img2 span { display:block; position:relative; top:16px; text-align:center; color:#fff; }
.main4 .list { display:flex; flex-wrap:nowrap; justify-content:space-between; position:relative; padding:4em 2em 2em; background:#f3f5f6; border-radius:10px; z-index:2; }
.main4 .list a.item { display:block; position:relative; width:100%; margin-right:2%; padding:1.8em; background:#fff; border-radius:10px; box-shadow: 0px 3px 17.28px 0.72px rgba(101, 103, 103, 0.09) }
.main4 .list a.item:last-child { margin-right:0; }
.main4 .list a.item:hover { box-shadow:0 0 0 5px #41b1b5 inset, 16px 12px 17.28px 0.72px rgba(32, 157, 161, 0.06); }
.main4 .list a.item:hover::before { content:''; position:absolute; top:-48px; left:15px; width:95px; height:65px; background:url(../../images/user/eng/edu_active.png) no-repeat; }
.main4 .list a.item .tit { display:flex; justify-content:space-between; align-items:center; padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #bbb; }
.main4 .list a.item .tit strong { display:inline-block; width:calc(100% - 35px); line-height:1.4; margin-right:10px; font-weight:700; font-size:1.05em; }
.main4 .list a.item .tit .more_icon { display:inline-block; width:35px; height:35px; border-radius:50%; background:url(../../images/user/eng/edu_icon.png)no-repeat center #ccd4dc; text-indent:-9999px; }
.main4 .list a.item .cont ul li { position:relative; line-height:1.6; padding-left:10px; margin-bottom:8px; font-size:0.95em; }
.main4 .list a.item .cont ul li:last-child { margin-bottom:0; }
.main4 .list a.item .cont ul li::before { content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#41b1b5; border-radius:50%; } 

/* ================================================================================================================== 
 교육
================================================================================================================== */
.edu_guide .card { margin-top:0; }
.txt_li ul.strong_p li strong.tit { margin-right:45px; }

/* ================================================================================================================== 
 서브페이지
================================================================================================================== */
.sub_top h2 { font-size:2em; }

/* 관람안내 */
.book_guide .paragraph .box h3 { font-size:1.4em; letter-spacing:0; }
.book_guide .info_icon_box .box p { font-size:.941em; line-height:1.6; }
.book_guide .info_icon_box .box:nth-child(1) h3::after { background:url(../../images/user/eng/en_book_guide_info_box_time.png) no-repeat center; } 
.book_guide .info_icon_box .box:nth-child(2) h3::after { background:url(../../images/user/eng/en_book_guide_info_box_fee.png) no-repeat center; } 
.book_guide .info_icon_box .box:nth-child(3) h3::after { background:url(../../images/user/eng/en_book_guide_info_box_calendar.png) no-repeat center; } 

/* 배치도 및 시설 */
.facility_list .item .txt .subject { font-size:1.4em; letter-spacing:-0.02em; font-weight:700; line-height:1.5; }
.facility_list .item .txt .cont { letter-spacing:-0.02em; }
.facility_list .item .txt .cont .tip { margin-top:17px; }
.facility_list .item .txt .cont .tip strong { font-weight:600; }

/* 찾아오시는 길 */
.location_map .tab_cont { background:url(../../images/user/eng/location_base_en.png) no-repeat center; } 
.location_map .tab_nav li button { padding:0 2em 0 1.5em; font-size:.9em; letter-spacing:0.02em; }
.location_map .tab_nav li button span { display:block; line-height:1.4; }
.location .traffic li .txt { font-size:.95em; }

/* 미래상과 사명 */
.museum_future .title { margin-top:2em; }
.museum_future .title h4 { font-size:1.7em; }
.museum_future .title.title1 h4::before { top:-45px; left:37px; width:63px; height:67px; background-size:contain; }
.museum_future .title p { line-height:1.6; }
.museum_future .foot_box h4 strong { width:114px; margin-left:0; margin-right:7px; background:url(../../images/user/eng/en_future_foot_box_tit.png) no-repeat center; }

/* 상설전시 */
.permanent .head .info { margin:1.5em 0 .3em 0; }
.permanent_cont .emphasis_wrap.alignC .emphasis { text-align:left; }
.permanent_cont .relics_cont li .box .img { min-width:180px; }
.permanent_cont .relics_cont li .box .txt .hashtag { flex-wrap:wrap; }
.permanent_cont .relics_cont li .box .txt .hashtag li { margin:0 7px 5px 0; }
.permanent_cont .relics p { font-size:1em; }
.permanent_cont .tabpanel.related .activity_sheet p,
.permanent_cont .tabpanel.related .catalog p { margin:0 10px; font-size:1em; }
.permanent_cont .relics_cont li .box .txt .subject { font-size:1.3em; letter-spacing:-0.015em; }
.permanent_cont .relics_cont li .box .txt .explan { margin-bottom:30px; font-size:.886em; letter-spacing:-0.015em; }

/* 지난전시 */
.exhibition_past .gallery_wrap.col1 .bo_li a.item .txt .subject .cate { font-size:.886em; }

/* 야외전시 */
.open_air .h3_wrap { margin:0 0 1em 0; }
.open_air .h3_wrap h3 { line-height:1.4; }
.open_air .tit { display:flex; align-items:center; margin-bottom:15px; }
.open_air .tit span { display:inline-block; width:35px; height:35px; line-height:25px; margin-right:7px; border-radius:50%; border:4px solid #8a9eb5; color:#2f4858; font-weight:700; text-align:center; }
.open_air .tit p { line-height:1.4; font-size:1.412em; font-weight:700; letter-spacing:-0.015em; color:#1e1e1e; }
.open_air .img { display:flex; justify-content:space-between; margin-bottom:20px; }
.open_air .img img { width:49%; }
.open_air .paragraph p { letter-spacing:-0.01em; }

/* 어린이박물관은 */
.museum_intro section .txt p { width:85%; }
.museum_intro section .txt h4 { font-size:1.65em; letter-spacing:-0.02em; font-weight:700; }
.museum_intro section .txt h4 strong { font-weight:700; }
.museum_future .foot_box .txt_li li p { line-height:1.5; }

/* ================================================================================================================== 
 미디어쿼리
================================================================================================================== */
@media ( min-width:1025px ) { 
   .header .gnb_depth1:nth-child(1) .gnb_depth2 > a:hover,
   .header .gnb_depth1:nth-child(1) .gnb_depth2 > a:focus { background:#f73449; } 
   .header .gnb_depth1:nth-child(2) .gnb_depth2 > a:hover,
   .header .gnb_depth1:nth-child(2) .gnb_depth2 > a:focus { background:#24a64b; } 
   .header .gnb_depth1:nth-child(3) .gnb_depth2 > a:hover,
   .header .gnb_depth1:nth-child(3) .gnb_depth2 > a:focus { background:#7578b8; } 
   .header .gnb_depth1:nth-child(4) .gnb_depth2 > a:hover,
   .header .gnb_depth1:nth-child(4) .gnb_depth2 > a:focus { background:#d54c6c; } 
   .header .gnb_depth1:nth-child(1).open > a { color:#f73449; border-bottom:3px solid #f73449; }
   .header .gnb_depth1:nth-child(2).open > a { color:#24a64b; border-bottom:3px solid #24a64b; }
   .header .gnb_depth1:nth-child(3).open > a { color:#7578b8; border-bottom:3px solid #7578b8; }
   .header .gnb_depth1:nth-child(4).open > a { color:#d54c6c; border-bottom:3px solid #d54c6c; }
}

@media ( max-width:1630px ) {
   .header .inner { width:94%; padding:0; } 
   .header_top .inner { width:100%; padding:0 0 0 15px; } 
}
@media screen and ( max-width:1600px ) {
   /* 메인 */
   .main2 .list .li.find { background-size:31%; }

}
@media screen and ( max-width:1340px ) {
   .header_wrap { padding-bottom:100px; }
   .header .logo a img { width:200px; height:36px; }

   /* 메인 */
   .main2 .list .li { padding:2em; }
   .main2 .list .li strong { font-size:1.5em; }
   .main2 .list .li.hours strong::after,
   .main2 .list .li.fee strong::after { top:-6px; width:56px; height:58px; background-size:contain; }
   
   .main3 .list { grid-column-gap:2.5rem; }

}
@media screen and ( max-width:1280px ) {
   /* common */
   .sub_top h2 { font-size:2.15em; }

   .main .tit { margin-bottom:2.2em; }
   .main .tit h2 { font-size:2.5em; }
   .main .tit a.more { width:34px; height:34px; margin-left:23px; }
   .main .tit a.more::before,
   .main .tit a.more::after { top:35%; }
   .main .list .subject { margin-bottom:.3rem; font-size:1.25em; }

   /* 메인 비주얼 */
   .visual_slide .view .slick-slide h3 { font-size:2.125em; }
   .visual_slide .thumb .slick-slide { width:90px; height:55px; }
   .visual_slide .stop, 
   .visual_slide .play { margin-top:0; }

   /* 메인 */
   .main1 { margin-bottom:4em; }

   .main2 .list .li strong { margin-bottom:20px; }
   .main2 .list .li:first-child .info li { margin-bottom:10px; }
   .main2 .list .li .info li span.month { display:block; }

   .main4 .tit .right .edu_img1 { top:-100px; width:108px; height:276px; background-size:contain; }
   .main4 .tit .right .edu_img2 { top:-30px; right:130px; width:266px; height:63px; background-size:contain; }
   .main4 .tit .right .edu_img2 span { top:17px; }

   /* 전시 */
   .main3 .list .item .img { margin-bottom:1em; }
   .main3 .list .item .img .cate { padding:12px 25px; }

   /* 찾아오시는 길 */
   .location_map .tab_nav li button { font-size:.8em; }
   .location_address { flex-direction:column; align-items:flex-start; justify-content:flex-start; } 
   .location_address .map_link { margin-top:1em; }
   .location_address .map_link li:first-child { margin-left:0; }

   /* 어린이박물관은 */
   .museum_intro section .img { width:40%; }
   .museum_intro section.sect2 .img .img2 { left:-50px; width:20%; }
   .museum_intro section .txt h4 { font-size:1.6em; line-height:1.5; }
   .museum_future .foot_box img { right:40px; width:160px; }

}
@media screen and ( max-width:1024px ) {
   /* 헤더 */
   .header_wrap { padding-bottom:80px; }
   /*header active*/
   body.m_open { overflow-y:hidden; }   
   .m_open .h_menu { background:url(../../images/user/ic_h_close.png) no-repeat center / 22px auto; }    
   .m_open .header_wrap .gnb_wrap { right:0; border-left:solid 1px #dfdfdf; }   
   .header .gnb_depth1.active > a { background:#056874; color:#fff; border-radius:5px; } 
   .header .gnb_depth1:nth-child(1).active > a { background:#f73449; }
   .header .gnb_depth1:nth-child(2).active > a { background:#24a64b; }
   .header .gnb_depth1:nth-child(3).active > a { background:#7578b8; }
   .header .gnb_depth1:nth-child(4).active > a { background:#d54c6c; }
   .header .gnb_depth1:nth-child(5).active > a { background:#056874; }
   .header .gnb_depth1.active .gnb_depth2_wrap { height:auto; max-height:1000px; padding:10px 0; background:#f5f5f5; } 

   /* 푸터 */
   .footer_btm { padding:55px 0 50px; }

   /* common */
   .main .tit a.more { width:30px; height:30px; margin-left:15px; }

   /* 메인 비주얼 */
   .visual_slide .thumb .slick-slide { width:64px; height:39px; }
   .visual_slide .stop, 
   .visual_slide .play { width:45px; height:45px; }

   /* 메인 */
   .main2 .list .li { margin-right:1.5%; }
   .main2 .list .li strong { margin-bottom:15px; font-size:1.5em; }
   .main2 .list .li.hours strong::after,
   .main2 .list .li.fee strong::after { top:0; width:42px; height:43px; }

   .main3 .list { grid-column-gap:2rem; }
   .main3 .list .item .img .cate { padding:8px 13px; font-size:.97em; }

   .main4 .tit .right .edu_img2 { width:246px; height:59px; } 
   .main4 .list { padding:3em 1.5em 1.5em; }
   .main4 .list a.item .tit .more_icon { width:30px; height:30px; }
   .main4 .list a.item .cont ul li::before { top:9px; }

   /* 서브페이지 */
   .open_air .tit span { width:30px; height:30px; line-height:20px; }

   /* 찾아오시는 길 */
   .location_map .tab_nav li { width:50%; }
   .location_map .tab_nav li:nth-child(3),
   .location_map .tab_nav li:nth-child(5) { border-left:1px dashed #d4d4d4; }
   .location_map .tab_nav li:nth-child(4) { border-left:0; }
   .location_map .tab_nav li button { padding:1.5em; font-size:.92em; letter-spacing:-0.01em; }
   .location_map .tab_nav li button::after { width:30px; height:30px; line-height:30px; }

   /* 어린이 박물관은 */
   .museum_intro section { flex-direction:column !important; }
   .museum_intro section .txt { width:90%; margin-left:0 !important; margin-right:0 !important; text-align:center; }
   .museum_intro section .txt h4 { padding:35px 0 0 0 !important; font-size:1.5em; }
   .museum_intro section .txt h4 br { display:none; }
   .museum_intro section .img { width:80%; max-width:fit-content; }
   .museum_intro section.sect1 .txt h4::before { right:-50px; top:20px; width:43px;height:34px; background-size:contain;}
   .museum_intro section.sect2 .img .img2 { width:15%; right:20px; left:auto; }
   .museum_intro section.sect4 .txt h4 br { display:block; }
   .museum_intro section.sect4 .img .img2 { width:15%; left:auto; right:-42px; }
   .museum_intro section .txt p { width:85%; margin:0 auto; }
   .museum_future .foot_box img { right:20px; width:130px; }

   /* 미래상과 사명 */
   .museum_future .title.title1 h4::before { top:-31px; left:32px; width:43px; height:47px; } 

}
@media screen and ( max-width:860px ) {
   .main2 .list,
   .main4 .list { display:block; }
   .main2 .list .li { border-radius:10px; }
   .main2 .list .li,
   .main4 .list .item { margin-bottom:1em; }
   .main2 .list .li:last-child,
   .main4 .list .item:last-child { margin-bottom:0; }
   .main2 .list .li:first-child .info li { margin-bottom:0; }
   .main2 .list .li .info li span.month { width:157px; }
   .main2 .list .li .info li span.month { display:inline-block; }
   .main2 .list .li.hours strong::after,
   .main2 .list .li.fee strong::after { width:66px; height:68px; }
   .main2 .list .li.find { background-size:130px; }
   
   .main4 .list { padding:1.5em; }
   .main4 .list a.item:hover { box-shadow:none; }
   .main4 .list a.item:hover::before { content:none; }
   .main4 .list a.item .cont ul li { margin-bottom:5px; }

}
@media screen and ( max-width:768px ) {
   /* 공통 */
   .main .tit h2 { font-size:2.3em; }
   
   /* 메인 */
   .main4 .tit .right .edu_img1 { top:-75px; width:88px; height:196px; }
   .main4 .tit .right .edu_img2 { width:226px; height:55px; right:100px; }

   /* 찾아오시는 길 */
   .location_map .tab_nav li { width:100%; }
   .location_map .tab_nav li:nth-child(2n) { border-left:1px dashed #d4d4d4; }
   .location_map .tab_nav li:nth-child(3) { border-right:1px dashed #d4d4d4; }
   .location_map .tab_nav li button { padding:1.3em 1.5em; }

   /* 미래상과 사명 */
   .museum_future .title h4 { font-size:1.5em; }
   .museum_future .foot_box h4 strong { width:84px; background-size:contain !important; }

   /* 상설전시 */
   .permanent .head .subject .tit { font-size:2.4em; }
   .permanent .head .info { margin:0; margin-top:1em; }
   .permanent .tabs [role="tablist"] { margin:2em 0; }
   .permanent_cont { margin-top:2em; }
   .permanent_cont .emphasis_wrap { padding:15px; }
   .permanent_cont a.link span::after { width:14px; height:12px; margin-left:8px; background-size:contain !important; }
   .permanent_cont .tabpanel.related .activity_sheet p,
   .permanent_cont .tabpanel.related .catalog p { margin:0; }
   
   /* 지난전시 */
   .exhibition_past .gallery_wrap .bo_li a.item>.txt,
   .exhibition_past .gallery_wrap.col1 .bo_li a.item .img { width:100%; }
   .exhibition_past .gallery_wrap.col1 .bo_li a.item .txt .subject p { font-size:1.35em; letter-spacing:-0.01em; }
}
@media screen and ( max-width:600px ) {
   /* 헤더 */
   .header_wrap .header { height:80px; }
   .member_m a  { line-height:18px; }

   /* 푸터 */
   .footer_btm .footer_logo { width:210px; }

   /* 공통 */
   .sub_top h2 { font-size:1.8em; }
   body { letter-spacing:-0.01em; }
   .main { margin-bottom:6em; }
   .main .tit { margin-bottom:1.5em; }
   .main .tit h2 { font-size:2em; }

   /* 메인 */
   .main1 { margin-bottom:4em; }
   .main2 .list .li.find { background-size:100px; }
   .main3 .list { grid-column-gap:1.5rem; }
   
   .main4 .tit .right { display:none; }
   .main4 .list { padding:1em; }
   .main4 .list a.item { padding:1.5em; }
   .main4 .list a.item .tit { padding-bottom:.5em; }
   .main4 .list a.item .tit .more_icon { position:relative; top:-2px; width:25px; height:25px; background-size:11px; }
   .main4 .list a.item .tit strong { font-size:1.1em; }
   .main4 .list a.item .cont ul li::before { top:7px; }

   /* 서브페이지 */
   .open_air .tit p { font-size:1.35em; }

   /* 찾아오시는 길 */
   .traffic li .subject,
   .traffic li .txt { width:100%; }
   .traffic li .txt .tip { width:165px; }

   /* 어린이박물관은 */
   .museum_intro section .txt p { width:100%; }
   .museum_intro section .txt h4 br { display:block; }
   .museum_intro section.sect4 .img .img2 { right:-22px; }

   /* 미래상과 사명 */
   .museum_future .title { margin-top:1em; }
   .museum_future .title.title1 h4::before { top:-24px; left:25px; width:33px; height:37px; }
   .museum_future .challenge .item { width:100%; }
   .museum_future .challenge .item .img { width:55px; }
   .museum_future .challenge .item { margin-bottom:3px; }
   .museum_future .challenge .item .txt { width:calc(100% - 55px - 10px); margin-left:10px; }
   .museum_future .challenge .item .txt p { font-size:1.1em; }
   .museum_future .challenge .item .txt p br { display:none; }
   .museum_future .h5_wrap:first-child { margin-bottom:1em; }
   .museum_future .challenge { margin-bottom:3em; }

   /* 상설전시 */
   .permanent .head .subject .tit { font-size:2em; letter-spacing:-0.02em; }
   .permanent_cont .relics_cont li .box .txt .explan { font-size:.95em ; }

}
@media screen and ( max-width:480px ) {
   /* 헤더 */
   .header .logo a { margin-top:27px; }
   .header .logo a img { width:150px; height:32px; }

   /* common */
   .main .tit a.more { width:24px; height:24px; }
   .main .tit h2 { font-size:1.7em; }
   .sub_top h2 { line-height:1.3; }
   /* 메인 */
   .main2 .list .li { padding:1.8em; }
   .main2 .list .li strong { font-size:1.44em; margin-bottom:10px; }
   .main2 .list .li .info li span.month { width:140px; }
   .main2 .list .li.hours strong::after,
   .main2 .list .li.fee strong::after { top:-3px; width:37px; height:38px; }

   .main3 .list { grid-template-columns:repeat(1,1fr); grid-column-gap:unet; grid-row-gap:3.5rem; }
   .main3 .list .item .info .date { letter-spacing:0.015em; }

   /* 찾아오시는 길 */
   .location_address .map_link li a { padding:7px 10px 7px 0; background-position:13px !important; }
   .location_address .map_link li:nth-child(1) a { padding-left:38px; } 
   .location_address .map_link li:nth-child(2) a {padding-left: 31px; } 
   .location_address .map_link li:nth-child(3) a { padding-left:31px; } 
   .location a.link span::after { width:calc(20% - 14px); }
   .location .emphasis1.grey { text-align:left; line-height:1.4; }
   .location .emphasis1.grey::before { top:0; }

   /* 관람안내 */
   .book_guide .paragraph .box h3 { font-size:1.3em; }

   /* 상설전시 */
   .permanent .tabs [role="tablist"] { flex-direction:column; }
   .permanent .tabs [role="tab"] { width:100%; padding:14px 0; border-right:1px solid #ccc; }
   .sub_wrap .tabs.purple [role="tab"] { border-bottom:1px solid #ccc; }
   .permanent .tabs [role="tab"][aria-selected="true"] { position:relative; top:0; border-bottom:2px solid #515498 !important;  z-index:10; }
   /* .permanent .tabs.purple [role="tab"][aria-selected="true"] {  border-bottom-color:#515498  !important; }
   .permanent .tabs.purple [role="tablist"]::after { border-bottom:1px solid #ccc; } */
   .permanent .tabs [role="tabpanel"] { margin-top:2.5em; }
   .permanent .emphasis_wrap { padding:10px; }
   .permanent_cont .tabpanel.layout .character_txt { margin-top:2em; }
   .permanent_cont .tabpanel.layout .character_txt::before { content:none; }
   .permanent_cont .tabpanel.layout .character_txt p { border-radius:5px; margin-bottom:10px; }
   .permanent_cont .tabpanel.related .box_detail { padding:20px; }

   /* 야외전시 */
   .open_air .tit p { font-size:1.25em; }

   /* 배치도 및 시설 */
   .facility_list .item .txt .subject { font-size:1.4em; }
   .permanent_cont .emphasis_wrap.alignC .emphasis { font-size:1em; line-height:1.6; text-align:center; }

   /* 어린이박물관은 */
   .museum_intro section .txt h4 { font-size:1.35em; }
   .museum_intro section .img { width:95%; }
   .museum_intro section.sect4 .img .img2 { right:0; }

   /* 미래상과 사명 */
   .museum_future .foot_box h4 { font-size:1.3em; }
   .museum_future .foot_box h4 strong { width:66px; }
   .museum_future .foot_box .txt_li li p br { display:none; }

}
@media screen and ( max-width:400px ) {
   /* 헤더 */
   .header .h_menu { right:10px; }

   /* common */
   .main_wrap { width:100%; padding:0 15px; }  
   .main2 .box .tit h2 { font-size:2.125em; }
   .main .tit a.more { width:20px; height:20px; margin-left:10px; }
   .main .tit a.more::before,
   .main .tit a.more::after { top:44%; }
   .main .list .subject { font-size:1.118em; } 

   /* 메인 */
   .main2 .list .li .info li span.month { width:134px; }
   .main2 .list .li.find { background-size:80px; background-position:right 5px bottom; }

   /* 찾아오시는 길 */
   .location_address .map_link { flex-wrap:wrap; width:100%; } 
   .location_address .map_link li { width:49%; margin:0; }
   .location_address .map_link li:first-child { margin-right:1%; }
   .location_address .map_link li:nth-child(3) { margin-top:1%; }

   /* 어린이박물관은 */
   .museum_intro section.sect1 .txt h4::before { width:33px; right:-30px; }

   /* 미래상과 사명 */
   .museum_future .title.title1 h4::before { left:43px; }
   .museum_future .foot_box h4 { font-size:1.1em; }

   /* 상설전시 */
   .permanent_cont .tabpanel.related .activity_sheet p,
   .permanent_cont .tabpanel.related .catalog p { line-height:1.6; }
}