@charset "utf-8";
/* ================================================================================================================== 
 서브 common
================================================================================================================== */
/* 상단 */
.sub_top { position:relative; z-index: 21; } 
.sub_top::after { content:''; position:absolute; left:0; right:0; bottom:33px; width:100%; height:100%; background:#0ba3ac; z-index:0; } 
.sub_top h2 { position:relative; /*padding:1.45em 0;*/ padding:20px 0; color:#fff; font-weight:700; text-align:center; font-size:2.353em; z-index:1; } 
.bar_wrap { display:flex; align-items:center; justify-content:space-between; position:relative; width:94%; max-width:1350px; margin:0 auto; padding:0 30px; font-size:.938em; background:#037d89; border-radius:40px; z-index:10; } 
.sub_top_bg { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } 
.sub_top_bg .item { position:absolute; } 
.sub_top_bg .item01 { top:-80px; left:25%; width:142px; height:142px; background:url(../images/user/st_icon01.png) no-repeat; background-size:contain; animation:item1 12s infinite linear; } 
.sub_top_bg .item02 { top:20px; left:80px; width:40px; height:40px; background:url(../images/user/st_icon02.png) no-repeat; background-size:contain; } 
.sub_top_bg .item03 { bottom:80px; left:218px; width:64px; height:64px; background:url(../images/user/st_icon03.png) no-repeat; background-size:contain; animation:item2 10s infinite linear; } 
.sub_top_bg .item04 { bottom:30px; left:0; width:66px; height:66px; background:url(../images/user/st_icon04.png) no-repeat; background-size:contain; } 
.sub_top_bg .item05 { right:1080px; left:auto; bottom:100px; width:31px; height:41px; opacity:.5; background:url(../images/user/st_icon05.png) no-repeat; background-size:contain; } 
.sub_top_bg .item06 { top:20px; right:500px; width:120px; height:120px; background:url(../images/user/st_icon06.png) no-repeat; background-size:contain; animation:item3 10s infinite linear; } 
.sub_top_bg .item07 { top:50px; right:260px; width:35px; height:55px; background:url(../images/user/st_icon07.png) no-repeat; background-size:contain; } 
.sub_top_bg .item08 { top:0; right:0; width:66px; height:66px; background:url(../images/user/st_icon08.png) no-repeat; background-size:contain; } 
.sub_top.sub_top0::after { background:#0197a0; }
.sub_top.sub_top1::after { background:#f73449; }
.sub_top.sub_top2::after { background:#7578b8; }
.sub_top.sub_top3::after { background:#d54c6c; }
.sub_top.sub_top4::after { background:#24a64b; }
.sub_top.sub_top5::after { background:#ff5b35; }
.sub_top.sub_top6::after { background:#2a85bc; }
.sub_top.sub_top7::after { background: #908A24;}
.sub_top.sub_top0 .bar_wrap { background:#037d89; }
.sub_top.sub_top1 .bar_wrap { background:#c82133; }
.sub_top.sub_top2 .bar_wrap { background:#515498; }
.sub_top.sub_top3 .bar_wrap { background:#b5304f; }
.sub_top.sub_top4 .bar_wrap { background:#118634; }
.sub_top.sub_top5 .bar_wrap { background:#c33919; }
.sub_top.sub_top6 .bar_wrap { background:#166899; }
.sub_top.sub_top7 .bar_wrap { background:#5A5500; }
@keyframes item1 { 25% { transform:translateX(20px) translateY(0); } 
 50% { transform:translateX(120px) translateY(10px); } 
 }
@keyframes item2 { 25% { transform:translateX(25px) translateY(-20px); } 
 50% { transform:translateX(-20px) translateY(0); } 
 }
@keyframes item3 { 25% { transform:translateX(30px) translateY(0); } 
 50% { transform:translateX(-10px) translateY(30px); } 
 }

/* 캐릭터 */
.bar_wrap::before,
.bar_wrap::after { content:''; position:absolute; z-index:1; } 
/* .bar_wrap::before { left:83px; bottom:50px; width:132px; height:105px; background:url(../images/user/sub_bar_character1.png) no-repeat center; } 
.bar_wrap::after { right:170px; bottom:43px; width:143px; height:109px; background:url(../images/user/sub_bar_character2.png) no-repeat center; }  */
.bar_wrap::before { left:83px; bottom:47px; width:100px; height:80px; background:url(../images/user/sub_bar_character1.png) no-repeat center; background-size:100% auto; } 
.bar_wrap::after { right:170px; bottom:41px; width:110px; height:84px; background:url(../images/user/sub_bar_character2.png) no-repeat center; background-size:100% auto; } 
/* 내비게이션 */
.sub_nav { display:flex; flex:1; position:relative; } 
.sub_nav > li { display:flex; position:relative; padding-right:2px; } 
.sub_nav > li::after { content:''; position:absolute; right:0; top:50%; width:2px; height:10px; background:url(../images/user/sub_nav_dot.png) no-repeat center; transform:translateY(-50%); } 
.sub_nav > li:last-child::after { content:none; } 
.sub_nav button { display:flex; position:relative; height:60px; line-height:60px; padding:0 25px; color:#fff; align-items:center; background:transparent; } 
.sub_nav button::after { content:''; margin-left:2.75em; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #fff; } 
.sub_nav button.home { background:url(../images/user/sub_nav_home.png) no-repeat center; } 
.sub_nav button.home::after { content:none; } 
.sub_nav button:focus { position:relative; } 
/* .sub_nav button[aria-expanded="true"] { text-decoration:underline; }  */
.sub_nav ul { display:none; position:absolute; top:100%; min-width:200px; background:#fff; box-shadow:1px 1px 15px rgba(0,0,0,0.1); } 
.sub_nav ul a { display:block; padding:0.7em 1em; font-weight:600; } 
.sub_nav ul a:focus { position:relative; /*outline:2px solid #000; */ } 
/* 공유, 프린트 */
.sub_top .util { flex-shrink:0; display:flex; align-items:center; } 
.sub_top .util > div { position:relative; } 
.sub_top .util > div .btn { width:50px; height:50px; padding:0; } 
.sub_top .util .share .btn { background:url(../images/user/sub_nav_share.png) no-repeat center transparent; } 
.sub_top .util .share .share_pop { display:none; position:absolute; right:0; top:-5px; background:#fff; font-size:.938em; box-shadow:1px 1px 15px rgba(0,0,0,0.1); z-index:99; } 
.sub_top .util .share .share_pop span.tit { display:block; padding:10px 20px; font-weight:600; border-bottom:1px solid #bbb; } 
.sub_top .util .share .share_pop .btn_close { position:absolute; right:20px; top:13px; width:20px; height:20px; z-index:1; } 
.sub_top .util .share .share_pop .btn_close::before,
.sub_top .util .share .share_pop .btn_close::after { content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#787878; } 
.sub_top .util .share .share_pop .btn_close::before { transform:rotate(45deg); } 
.sub_top .util .share .share_pop .btn_close::after { transform:rotate(-45deg); } 
.sub_top .util .share ul { text-align:center; } 
.sub_top .util .share ul li { border-bottom:1px dotted #bbb; } 
.sub_top .util .share ul li:last-child { border:0; } 
.sub_top .util .share ul li button { display:block; padding:10px 50px 10px 15px; overflow:hidden; white-space:nowrap; } 
.sub_top .util .share ul li button::before { content:''; display:inline-block; width:22px; height:22px; border-radius:50%; overflow:hidden; vertical-align:middle; } 
.sub_top .util .share ul li button.facebook::before { background:url(../images/user/util_facebook.png) no-repeat; } 
.sub_top .util .share ul li button.twitter::before { background:url(../images/user/util_twitter.png) no-repeat; } 
.sub_top .util .share ul li button.blog::before { background:url(../images/user/util_blog.png) no-repeat; } 
/* .sub_top .util .share ul li button.kakao::before { background:url(../images/user/util_kakao.png) no-repeat; } */
.sub_top .util .share ul li button.copy::before { background:url(../images/user/util_copy.png) no-repeat; } 
.sub_top .util .share ul li button span { margin-left:5px; } 
.sub_top .util .print { margin-left:10px; padding-left:10px; } 
.sub_top .util .print::before { content:''; position:absolute; left:0; top:50%; width:2px; height:10px; background:url(../images/user/sub_nav_dot.png) no-repeat left center; transform:translateY(-50%); } 
.sub_top .util .print .btn { background:url(../images/user/sub_nav_print.png) no-repeat center transparent; } 
 
/* 콘텐츠 영역 */
.contents_wrap { } 
.sub_wrap { position:relative; width:100%; min-width:320px; min-height:350px; padding:3em 0 7em 0; } 
.wrap_center { position:relative; width:94%; max-width:1350px; min-width:320px; margin:0 auto; } 
.wrap_full { position:relative; width:100%; min-width:320px; } 

/* 탭 메뉴 */
.sub_wrap [role="tablist"] { position:relative; width:100%; margin:6em 0 4em 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; z-index:1; } 
/* .sub_wrap [role="tablist"]::after { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#0197a0; z-index:0; }  */
.sub_wrap [role="tab"] { flex:1; padding:20px 0; text-align:center; font-size:1.059em; color:#555; border:1px solid #ccc; border-right:0; border-bottom:2px solid #ccc; z-index:2; } 
.sub_wrap [role="tab"] span.tab_tit { display:block; font-weight:600; letter-spacing:-0.02em; } 
.sub_wrap [role="tab"]:last-child { margin:0; border-right:1px solid #ccc; } 
.sub_wrap [role="tab"][aria-selected="true"] { position:relative; /*top:1px;*/ color:#1e1e1e; font-weight:600; border:2px solid #0197a0 !important; border-bottom:none !important; } 
.sub_wrap [role="tabpanel"] { width:100%; margin-top:3.5em; } 
.sub_wrap [role="tabpanel"].is-hidden { display:none; } 
.sub_wrap .tabs.purple [role="tab"] { border-bottom-color:#515498; }
.sub_wrap .tabs.purple [role="tab"][aria-selected="true"] { padding-bottom:21px; border-color:#515498 !important; }


/* 버튼 스타일 */
.btn { display:block; padding:17px 33px; line-height:1; white-space:nowrap; } 
.btn.large { padding:/*24px 66px*/ 0 66px; height:67px; } 
.btn.small { font-size:.882em; padding:10px 16px !important; } 
.btn.red { color:#fff; background:#f73449; border:1px solid #f73449; }
.btn.red2 { color:#f73449; background:#fff; border:1px solid #f73449; }
.btn.purple { color:#fff; background:#7578b8; border:1px solid #7578b8; }
.btn.purple2 { color:#7578b8; background:#fff; border:1px solid #7578b8; }
.btn.pink { color:#fff; background:#d54c6c; border:1px solid #d54c6c; }
.btn.pink2 { color:#d54c6c; background:#fff; border:1px solid #d54c6c; }
.btn.green { color:#fff; background:#24a64b; border:1px solid #24a64b; }
.btn.green2 { color:#24a64b; background:#fff; border:1px solid #24a64b; }
.btn.orange { color:#fff; background:#ff5b35; border:1px solid #ff5b35; }
.btn.orange2 { color:#ff5b35; background:#fff; border:1px solid #ff5b35; }
.btn.blue { color:#fff; background:#2a85bc; border:1px solid #2a85bc; }
.btn.blue2 { color:#2a85bc; background:#fff; border:1px solid #2a85bc; }
.btn.black { color:#fff; background:#131313; border:1px solid #131313; }
.btn.black2 { color:#131313; background:#fff; border:1px solid #131313; }
.btn.grey { color:#fff; background:#131313; border:1px solid #131313; }
.btn.grey2 { color:#131313; background:#fff; border:1px solid #969696; }
.btn.grey3 { color:#131313; background:#fff; border:1px solid #ccc; }
.btn.mint { color:#fff; background:#0197a0; border:1px solid #0197a0; }
.btn.mint2 { color:#0197a0; background:#fff; border:1px solid #0197a0; }
/* .btn.btn_s { color:#fff; background:#0197a0; border:1px solid #0197a0; } 
.btn.btn_s2 { color:#0197a0; background:#fff; border:1px solid #0197a0; } 
.btn.btn_s3 { color:#fff; background:#007bc2; border:1px solid #007bc2; } 
.btn.btn_l { color:#fff; background:#000; border:1px solid #000; } 
.btn.btn_l2 { color:#1e1e1e; background:#fff; border:1px solid #3c3c3c; } 
.btn.btn_l3 { color:#1e1e1e; background:#fff; border:1px solid #b5b5b5; } 
.btn.btn_w { color:#fff; background:#0197a0; border:1px solid #0197a0; } 
.btn.btn_m { color:#0197a0; background:#fff; border:1px solid #0197a0; } 
.btn.btn_d { color:#c42047; background:#fff; border:1px solid #c42047; }  */
.btn.download,
.btn.external { padding:17px 33px; } 
.btn.video span,
.btn.download span,
.btn.external span { display:flex; align-items:center; line-height:1; } 
.btn.download span::after,
.btn.external span::after { content:''; display:inline-block; position:relative; top:1px; width:15px; height:14px; margin-left:9px; } 
.btn.external.icon_black span::after { width:16px; background:url(../images/user/icon_link.png) no-repeat center; }
.btn.external.icon_white span::after { width:16px; background:url(../images/user/icon_link_w.png) no-repeat center; }
.btn.download.icon_green span::after { background:url(../images/user/download_ar_green.png) no-repeat center; } 
.btn.download.icon_black span::after { background:url(../images/user/download_ar_black.png) no-repeat center; } 
.btn.download.icon_white span::after { background:url(../images/user/download_ar_white.png) no-repeat center; } 
.btn.download.icon_orange span::after { background:url(../images/user/download_ar_orange.png) no-repeat center; } 
.btn.photo.only_icon,
.btn.video.only_icon { width:38px; height:38px; line-height:38px; padding:0 !important; border-radius:50%; border:0; }
.btn.photo.only_icon::before,
.btn.video.only_icon::before { position:relative; top:-2px; text-align:center; font-size:12px; font-weight:700; color:#fff; }
.btn.video.only_icon::before { content:'\f03d'; }
.btn.photo.only_icon::before { content:'\f03e'; }
.btn.photo.only_icon.icon_red,
.btn.video.only_icon.icon_red { background:#c42047; }
.btn.photo.only_icon.icon_blue,
.btn.video.only_icon.icon_blue { background:#007bc2; }
.btn.photo.only_icon.icon_mint,
.btn.video.only_icon.icon_mint { background:#0197a0; }
.btn.photo.only_icon.icon_purple,
.btn.video.only_icon.icon_purple { background:#8226e9; }
.btn.video.icon_blue strong { color:#007bc2; }
.btn.video.icon_red strong { color:#c42047; }
.btn.video.icon_white strong { color:#000; }
.btn.photo strong,
.btn.sound strong,
.btn.video strong { display:inline-block; margin:0 3px; font-weight:600; }
.btn.video span::after { content:'\f03d'; width:28px; height:28px; line-height:28px; margin-left:10px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:50%; }
.btn.photo span::after { content:'\f03e'; width:28px; height:28px; line-height:28px; margin-left:10px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:50%; }
.btn.sound span::after { content:'\f6a8'; width:28px; height:28px; line-height:28px; margin-left:10px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:50%; }
.btn.photo.icon_blue span::after,
.btn.sound.icon_blue span::after,
.btn.video.icon_blue span::after { background:#007bc2; }
.btn.sound.icon_red span::after,
.btn.photo.icon_red span::after,
.btn.video.icon_red span::after { background:#c42047; }
.btn span { display:flex; align-items:center; } 
.btn.ar span::after { content:'\f105'; margin-left:10px; } 
.btn_print { color:#fff; background:#000; } 
/* a.link { padding:17px 33px; } */
a.link span { display:flex; align-items:center; /*line-height:1; */ } 
a.link span::after { content:''; display:inline-block; position:relative; /*top:2px;*/ width:16px; height:14px; margin-left:13px; background:url(../images/user/icon_link.png) no-repeat center; } 
a.link.red { color:#fff; background:#f73449 !important; border:1px solid #f73449; }
a.link.red2 { color:#f73449; background:#fff; border:1px solid #f73449; }
a.link.purple { color:#fff; background:#7578b8 !important; border:1px solid #7578b8; }
a.link.purple2 { color:#7578b8; background:#fff; border:1px solid #7578b8; }
a.link.pink { color:#fff; background:#d54c6c !important; border:1px solid #d54c6c; }
a.link.pink2 { color:#d54c6c; background:#fff; border:1px solid #d54c6c; }
a.link.green { color:#fff; background:#24a64b !important; border:1px solid #24a64b; }
a.link.green2 { color:#24a64b; background:#fff; border:1px solid #24a64b; }
a.link.orange { color:#fff; background:#ff5b35 !important; border:1px solid #ff5b35; }
a.link.orange2 { color:#ff5b35; background:#fff; border:1px solid #ff5b35; }
a.link.blue { color:#fff; background:#2a85bc !important; border:1px solid #2a85bc; }
a.link.blue2 { color:#2a85bc; background:#fff; border:1px solid #2a85bc; }
a.link.black { color:#fff; background:#000 !important; border:1px solid #000; }
a.link.black2 { color:#131313; background:#fff; border:1px solid #3c3c3c; }
a.link.link_apply { flex-shrink:0; padding:15px 31px; } 
a.link.link_apply span::after { width:13px; height:14px; background:url(../images/user/link_apply_icon.png) no-repeat center; } 
a.link.link_external { flex-shrink:0; padding:15px 31px; color:#fff; background:#3c3c3c; } 
a.link.link_external span::after { background:url(../images/user/icon_link_w.png) no-repeat center; } 
a.link.link_external.black2 { color:#131313; background:none; border:1px solid #3c3c3c; }
a.link.link_external.black2 span::after { background:url(../images/user/icon_link.png) no-repeat center; }
a.link.link_ar { padding:15px 16px 15px 30px; color:#fff; background:#0197a0; } 
a.link.link_ar span::after { content:'\f105'; top:0; height:auto; color:#fff; background:none; } 
.btngroup { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:3em; } 
.btngroup.left { justify-content:left; } 
.btngroup.right { justify-content:right; } 
.btngroup2 { } 
.btngroup3 { } 
.btngroup2 button,
.btngroup3 button { flex:1; display:inline-block; max-width:200px; margin:0 5px; } 
.btngroup2 .btn.large,
.btngroup3 .btn.large { padding:0 20px; } 
.btngroup button.btn.flex_unset { flex:unset; } 
.btngroup button.btn.width_auto { max-width:100%; } 


/* 3차 메뉴 */
.category_select_wrap { position:relative; width:94%; max-width:1350px; margin:3em auto 1em auto; } 
.category_tab_menu { display:flex; flex-wrap:wrap; } 
.category_tab_link a { width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; color:#444; word-break:keep-all; font-size:1.059em; } 
.category_tab_link a span { font-weight:600; line-height:1.3; }
.category_tab_link.current .category_tit { font-weight:700; } 
.category_select { display:none; } 

@media ( min-width:1025px ) { 
    /*pc*/
    .category_tab_link { flex:1; height:64px; border-bottom:solid 2px #0197a0; } 
    .category_tab_link a { border:solid 1px #dfdfdf; border-bottom:none; } 
    .category_tab_link.current { border-bottom:none; position:relative; z-index:1; } 
    .category_tab_link.current a { color:#131313; border:solid 2px #0197a0; border-bottom:none; } 
    .category_select_wrap.red .category_tab_link { border-bottom-color:#f73449; }
    .category_select_wrap.red .category_tab_link.current a { border-color:#f73449; } 
    .category_select_wrap.purple .category_tab_link { border-bottom-color:#7578b8; }
    .category_select_wrap.purple .category_tab_link.current a { border-color:#7578b8; }
    .category_select_wrap.pink .category_tab_link { border-bottom-color:#d54c6c; }
    .category_select_wrap.pink .category_tab_link.current a { border-color:#d54c6c; }
    .category_select_wrap.green .category_tab_link { border-bottom-color:#24a64b; }
    .category_select_wrap.green .category_tab_link.current a { border-color:#24a64b; }
    .category_select_wrap.orange .category_tab_link { border-bottom-color:#ff5b35; }
    .category_select_wrap.orange .category_tab_link.current a { border-color:#ff5b35; }
    .category_select_wrap.learning .category_tab_link { border-bottom-color:#908a24; }
    .category_select_wrap.learning .category_tab_link.current a { border-color:#908a24; }
    .category_select_wrap.blue .category_tab_link { border-bottom-color:#2a85bc; }
    .category_select_wrap.blue .category_tab_link.current a { border-color:#2a85bc; }
}
@media ( max-width:1024px ) { 
    /*m*/
    .category_select { display:block; position:relative; width:100%; /*height:45px;*/ line-height:45px; text-align:center; border:2px solid #0197a0; padding:0 30px 0 20px; background:#fff url("../images/user/category_select_icon.png") no-repeat right 20px center; font-size:1.059em; font-weight:700; z-index:20; } 
    .category_tab_menu { position:absolute; left:50%; top:30px; transform:translateX(-50%); width:calc(100% - 30px); height:43px; padding-top:45px; background:#fff; z-index:19; border:1px solid #759495; overflow:hidden; display:none; } 
    .category_tab_menu.open { height:auto; display:block; } 
    .category_select_wrap .category_tab_menu { width:100%; top:0; } 
    .category_tab_link { width:100%; height:45px; line-height:45px; margin-left:0; flex:auto; background:#fff; border-bottom:1px solid #0197a0; } 
    .category_tab_menu .category_tab_link:last-child { border-bottom:none; } 
    .category_tab_link.current { background:#0197a0; } 
    .category_select_wrap.red .category_tab_link.current { background:#000; }
    .category_tab_link.current a { color:#fff; } 
    .category_select_wrap.red .category_select { border-color:#f73449; }
    .category_select_wrap.red .category_tab_link { border-color:#f73449; }
    .category_select_wrap.red .category_tab_link.current { background:#f73449; } 
    .category_select_wrap.purple .category_select { border-color:#7578b8; }
    .category_select_wrap.purple .category_tab_link { border-color:#7578b8; }
    .category_select_wrap.purple .category_tab_link.current { background:#7578b8; } 
    .category_select_wrap.pink .category_select { border-color:#d54c6c; }
    .category_select_wrap.pink .category_tab_link { border-color:#d54c6c; }
    .category_select_wrap.pink .category_tab_link.current { background:#d54c6c; } 
    .category_select_wrap.green .category_select { border-color:#24a64b; }
    .category_select_wrap.green .category_tab_link { border-color:#24a64b; }
    .category_select_wrap.green .category_tab_link.current { background:#24a64b; } 
    .category_select_wrap.orange .category_select { border-color:#ff5b35; }
    .category_select_wrap.orange .category_tab_link { border-color:#ff5b35; }
    .category_select_wrap.orange .category_tab_link.current { background:#ff5b35; } 
    .category_select_wrap.learning .category_select { border-color:#908a24; }
    .category_select_wrap.learning .category_tab_link { border-color:#908a24; }
    .category_select_wrap.learning .category_tab_link.current { background:#908a24; } 
    .category_select_wrap.blue .category_select { border-color:#2a85bc; }
    .category_select_wrap.blue .category_tab_link { border-color:#2a85bc; }
    .category_select_wrap.blue .category_tab_link.current { background:#2a85bc; } 
}

/* ================================================================================================================== 
 문단, 제목
================================================================================================================== */
.paragraph.paragraph_border { padding-bottom:3em; margin-bottom:3em; border-bottom:1px solid #ccc; } 
.paragraph.paragraph_border:last-child { margin-bottom:0; } 
.paragraph.paragraph_mb { margin-bottom:5em; } 
.paragraph h3 { margin-bottom:.9em; font-size:1.529em; letter-spacing:-0.03em; color:#1e1e1e; font-weight:700; } 
.paragraph h3.large { font-size:1.941em; letter-spacing:-0.045em; } 
.txt_st1 { margin-bottom:10px; } 
.txt.xsmall { font-size:.882em; } 
.txt.small { font-size:.941em; } 
.txt.medium { font-size:1.188em; letter-spacing:-0.035em; } 
.txt.large { font-size:1.412em; letter-spacing:-0.04em; } 
.txt_st2 { margin-bottom:20px; } 

.h3_wrap { margin:5em 0 1em 0; } 
.h3_wrap h3 { display:flex; align-items:center; font-size:1.412em; font-weight:700; letter-spacing:-0.03em; color:#1e1e1e; } 
.h3_wrap h3::before { content:''; width:25px; height:27px; margin-right:10px; background:url(../images/user/h3_wrap_bullet.png) no-repeat center; } 
.h3_wrap.flex { display:flex; flex-wrap:wrap; }
.h3_wrap.flex_jcs { justify-content:space-between; }
.h3_wrap.flex_ac { align-items:center; }
.h3_wrap.flex h3 { margin-bottom:0; }
.h3_wrap.flex .btngroup { margin-top:0; }

.h3_wrap.red h3::before { background:url(../images/user/h3_wrap_bullet_red.png) no-repeat center; } 
.h3_wrap.purple h3::before { background:url(../images/user/h3_wrap_bullet_purple.png) no-repeat center; } 
.h3_wrap.pink h3::before { background:url(../images/user/h3_wrap_bullet_pink.png) no-repeat center; } 
.h3_wrap.green h3::before { background:url(../images/user/h3_wrap_bullet_green.png) no-repeat center; } 
.h3_wrap.orange h3::before { background:url(../images/user/h3_wrap_bullet_orange.png) no-repeat center; } 
.h3_wrap.blue h3::before { background:url(../images/user/h3_wrap_bullet_blue.png) no-repeat center; } 

.h4_wrap { margin:2em 0 1em 0; } 
.h4_wrap h4 { display:flex; align-items:center; font-size:1.176em; font-weight:700; letter-spacing:-0.03em; color:#1e1e1e; } 
.h4_wrap h4::before { content:''; width:10px; height:16px; margin-right:10px; background:url(../images/user/h4_wrap_bullet.png) no-repeat center; } 
.h4_wrap h4.mint { color:#079fa8; }
.h4_wrap h4.brown { color:#513500; }

.h4_wrap.red h4::before { background:url(../images/user/h4_wrap_bullet_red.png) no-repeat center; } 
.h4_wrap.purple h4::before { background:url(../images/user/h4_wrap_bullet_purple.png) no-repeat center; } 
.h4_wrap.pink h4::before { background:url(../images/user/h4_wrap_bullet_pink.png) no-repeat center; } 
.h4_wrap.green h4::before { background:url(../images/user/h4_wrap_bullet_green.png) no-repeat center; } 
.h4_wrap.orange h4::before { background:url(../images/user/h4_wrap_bullet_orange.png) no-repeat center; } 
.h4_wrap.blue h4::before { background:url(../images/user/h4_wrap_bullet_blue.png) no-repeat center; } 

/* ================================================================================================================== 
 본문 텍스트 목록 스타일
================================================================================================================== */
.txt_li ul.xsmall { font-size:.882em; } 
.txt_li ul.xsmall li { padding-left:12px; margin-bottom:3px; } 
.txt_li ul.xsmall li::before { top:7px; } 
.txt_li ul.small { font-size:.941em; } 
.txt_li ul.small li { padding-left:14px; } 
.pop .txt_li ul.small li { margin-bottom:3px; } 
/* default (li 앞에 아이콘) */
.txt_li ul li { position:relative; padding-left:17px; margin-bottom:10px; } 
.txt_li ul li:last-child { margin-bottom:0 !important; } 
.txt_li ul li::before { content:''; position:absolute; left:0; top:10px; width:8px; height:8px; background:url(../images/user/txt_li_bullet.png) no-repeat center; } 
/* 넘버링 counter */
.txt_li ul.txt_li_num { counter-reset:number 0; } 
.txt_li ul.txt_li_num li { padding-left:30px; } 
.txt_li ul.txt_li_num li::before { content:counter(number); counter-increment:number 1; top:4px; left:0; width:20px; height:20px; line-height:20px; text-align:center; font-size:.824em; color:#fff; background:#000; } 
.txt_li ul.txt_li_num.green li::before { background:#0197a0; } 
.txt_li ul.txt_li_num.blue li::before { background:#007bc2; } 
.txt_li ul.txt_li_num.red li::before { background:#bf2348; } 
.txt_li ul.txt_li_num.orange li::before { background:#e65223; } 
/* strong + p (교육안내 참고) */
.txt_li ul.strong_p li { display:flex; align-items:flex-start; flex-wrap:wrap; /*padding:0; */ } 
/* .txt_li ul.strong_p li::before { content:none; } */
.txt_li ul.strong_p li strong.tit { flex-shrink:0; margin-right:10px; font-weight:600; } 
.txt_li ul.strong_p li .cont { flex:1; } 
.txt_li ul.strong_p.tit_short li strong.tit { width:70px; } 
/* hyphen (교육안내 참고) */
.txt_li ul.hyphen li { padding-left:13px; } 
.txt_li ul.hyphen li::before { content:''; top:14px; width:7px; height:1px; background:#3c3c3c; } 
/* arrow (아직 적용된 화면 없음) */
.txt_li .arrow li::before { top:9px; width:8px; height:10px; background:url(../images/user/txt_li_arrow.png) no-repeat center; } 
/* 목록 안의 링크 (관람안내 참고) */
.txt_li ul li a.link { display:inline-block; padding:0 15px; height:35px; line-height:35px; white-space:nowrap; font-size:.882em; border-width:1px; border-style:solid; border-radius:2px; } 
.txt_li ul li a.link.ml { margin-left:5px; } 
.txt_li ul li a.link.mr { margin-right:5px; } 
.txt_li ul li a.link.black { color:#3c3c3c; background:#fff !important; border-color:#787878; } 
.txt_li ul li a.link.green { color:#00a7a1; background:#fff !important; border-color:#54b6b2; } 
.txt_li ul li a.link.internal span { display:block; padding-right:16px; font-weight:600; background:url(../images/user/icon_arrow_bold.png) no-repeat right center; } 
.txt_li ul li a.link.internal span::after { content:none; } 

/* ================================================================================================================== 
 상단 텍스트 박스
================================================================================================================== */
.tip_box { display:flex; position:relative; align-items:center; margin-bottom:3.5em; border:1px solid #b5b5b5; border-radius:20px; } 
.tip_box::before { content:''; } 
.tip_box .inner { flex:1; position:relative; } 
.tip_box h4 { margin-bottom:1em; font-size:1.412em; font-weight:700; letter-spacing:-0.04em; } 
.tip_box h4.v2 { font-weight:600; font-size:1.235em; } 
.tip_box .inner p { max-width:1100px; }
.tip_box.small { font-size:.941em; }
.tip_box.tip_box1 { padding:2.5em 3em 2.5em 5em; } 
.tip_box.tip_box1::before { flex-shrink:0; width:105px; height:90px; background:url(../images/user/tip_box_img1.png) no-repeat center; } 
.tip_box.tip_box1.outdoor::before { width:88px; height:90px; background:url(../images/user/tip_box_img2.png) no-repeat center; } 
.tip_box.tip_box1.character::before { width:150px; height:91px; background:url(../images/user/tip_box_character.png) no-repeat center; } 
.tip_box.tip_box1 .inner { margin-left:3em; } 
.tip_box.tip_box1 .inner h3 { margin-bottom:.7em; font-size:1.412em; font-weight:700; } 
.tip_box.tip_box2 { padding:2em 3em; } 
.tip_box.tip_box2 p.tit_subtxt { width:93%; margin-bottom:20px; } 
.tip_box.tip_box2.agree { margin-bottom:0; font-size:.941em; } 
.tip_box.tip_box2.agree .txt_li li { margin-bottom:3px; } 
.tip_box.tip_box2.agree .year { font-size:1.313em; font-weight:700; }
.tip_box.alert { padding:1.5em 2em 1.5em 2em; }
.tip_box.alert.radius_none { border-radius:0; }
.tip_box.tip_box1.alert { padding:1.5em 2em 1.5em 4em; /*background:#e9f9fb;*/ } 
.tip_box.tip_box1.alert::before { width:88px/*43px*/; height:46px; background:url(../images/user/tip_box_img3.png) no-repeat center; } 
.tip_box.tip_box1.alert.no_img { padding:1em 1.5em; border:0; } 
.tip_box.tip_box1.alert.no_img .inner { margin:0; } 
.tip_box.tip_box1.alert.no_img::before { content:none; } 
.tip_box.tip_box1.alert.no_img.bg1 { background:#f0f0f0; }
.tip_box .tip_box_emphasis { position:relative; margin-bottom:15px; padding-left:30px; font-size:1.059em; font-weight:600; } 
.tip_box .tip_box_emphasis::before { content:'\f00c'; position:absolute; left:0; top:4px; width:23px; height:23px; font-size:.75em; font-weight:bold; color:#fff; background:#00a7a1; border-radius:50%; display:flex; align-items:center; justify-content:center; } 
.tip_box.tip_box1.alert.alert_red { background:#faeff2; border-color:#ffc1dd; } 
.tip_box.tip_box1.alert.alert_red.bg_none { background:#fff; }
.tip_box.tip_box1.alert.alert_red::before { background:url(../images/user/tip_box_img3_pink.png) no-repeat center; } 
.tip_box.tip_box1.alert.alert_red .tip_box_emphasis::before { content:'\21'; background:#bf2348; } 
.tip_box.tip_box3 { padding:2em 2em 2em 2em; background:#f0faff; border:0; border-radius:0; } 
.tip_box.tip_box3::before { flex-shrink:0; } 
.tip_box.tip_box3.book::before { width:57px; height:65px; margin-right:30px; background:url(../images/user/tip_box_book.png) no-repeat center; }
.tip_box.tip_box3.yellow_charac { padding:1.5em 3em 1.5em 1.5em; border:5px solid #eeeff6; background:#fff; }
.tip_box.tip_box3.yellow_charac::before { width:127px; height:84px; margin-right:30px; background:url(../images/user/tip_box_yellow_charac.png) no-repeat center; }
.tip_box .txt { max-width:95%; } 
/* 상단 텍스트 박스 안에 텍스트 리스트 */
.tip_box .txt_li { font-size:.941em; } 
.tip_box .txt_li ul li { margin-bottom:5px; } 
/* 아이콘이 있는 강조 문구 */
.emphasis { position:relative; padding-left:25px; } 
.emphasis.small { padding-left:20px; font-size:.882em; } 
.emphasis.small::before { top:5px; width:15px; height:15px; background-size:100% auto !important; } 
.emphasis_wrap { padding:20px; border-width:1px; border-style:solid; } 
.emphasis_wrap.color1 { border-color:#b7dff1; } 
.emphasis_wrap.color2 { border-color:#c1e7e5; } 
.emphasis_wrap.alignC .emphasis { display:inline-block; } 
.emphasis::before { content:''; position:absolute; left:0; top:6px; } 
.emphasis1 { color:#127bbb; } /* 느낌표 */
.emphasis1::before { width:18px; height:18px; background:url(../images/user/emphasis1_bullet.png) no-repeat center; } 
.emphasis1.grey { color:#787878; } 
.emphasis1.black { color:#3c3c3c; } 
.emphasis1.grey::before { background:url(../images/user/emphasis1_grey_bullet.png) no-repeat center; } 
.emphasis1.red { color:#bf2348; } /* 느낌표 */
.emphasis1.red::before { background:url(../images/user/emphasis1_red_bullet.png) no-repeat center; } 
.emphasis1.red_black { color:#3c3c3c; } /* 느낌표 */
.emphasis1.red_black::before { background:url(../images/user/emphasis1_red_bullet.png) no-repeat center; } 
.emphasis1.asterisk_blue,
.emphasis1.asterisk_red { padding-left:12px; color:#3c3c3c; } 
.emphasis1.asterisk_blue::before,
.emphasis1.asterisk_red::before { content:'\2a'; display:inline-block; top:auto; width:auto; height:auto; font-weight:700; font-size:1.2em; background:none; vertical-align:middle; }
.emphasis1.asterisk_blue::before { color:#127bbb; }
.emphasis1.asterisk_red::before { color:#bf2348; }
.emphasis2 { color:#32afa9; font-size:1.059em; } /* 엑스표시 - 금지 */
.emphasis2::before { width:21px; height:21px; background:url(../images/user/emphasis2_bullet.png) no-repeat center; } 
table .emphasis { font-size:.941em; } 
table .emphasis::before { top:4px; }
/* 개인정보처리방침 */
.agree_box { margin-top:2em; font-size:.941em; } 
.agree_box.agree_box_radio { display:flex; align-items:center; justify-content:space-between; } 
.agree_box.agree_box_radio p { flex:1; } 
.agree_box.agree_box_radio .agree { flex-shrink:0; } 
.agree_box.agree_box_check p { max-width:100%; padding:17px 29px; background:#f8f9fa; } 
.agree_box.agree_box_check .check_group { padding:10px 29px; background:#f3f5f7; border-bottom:1px dashed #a4a6b1; } 
.agree_box.agree_box_check .check_group:last-child { border-bottom:0; } 

.agree_box.agree_box_check .check_group.fdp { display: flex;justify-content: space-between; }

/* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
.info_icon_box { display:grid; grid-column-gap:1.6em; grid-template-columns:repeat(3,1fr); grid-auto-flow:dense; /* display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; */}
.info_icon_box .box { grid-column:auto/span 1; /*flex:1; */ padding:2.2em 2.7em; background:#f3f3f3; } 
.info_icon_box .box h3 { position:relative; } 
.info_icon_box .box h3::after { content:''; position:absolute; right:0; top:50%; width:45px; height:45px; transform:translateY(-50%); } 
.info_icon_box .box p strong { margin-right:10px; font-weight:500; } 

/* ================================================================================================================== 
 일반페이지 테이블 (조직안내)
================================================================================================================== */
.table_scroll { overflow:auto; } 
.table_scroll table { max-width:100%; overflow:auto; white-space:nowrap; vertical-align:top; font-size:.941em; border-top:1px solid #000; } 
.table_scroll table th,
.table_scroll table td { padding:13px; border-bottom:1px solid #aeaeae; } 
.table_scroll table th { font-weight:600; } 
.table_scroll table.table_all_line { border-left:1px solid #aeaeae; } 
.table_scroll table.table_all_line th,
.table_scroll table.table_all_line td { border-right:1px solid #aeaeae; } 
.table_scroll table.table_all_line.center th,
.table_scroll table.table_all_line.center td { text-align:center; } 
.table_scroll table.th_border_r th { border-right:1px solid #aeaeae; } 
.table_scroll table.thead_bg thead th,
.table_scroll table.tbody_bg tbody th { background:#f0f0f0; font-weight:600; } 
.table_scroll table .tel { display:block; }
.table_scroll table .tel::before { content:'\f095'; }
.table_scroll table .email { display:block; }
.table_scroll table .email::before { content:'\f0e0';  }
.table_scroll table .tel::before,
.table_scroll table .email::before { display:inline-block; margin-right:5px; font-weight:700; color:#969696; font-size:.882em; }
.table_scroll table address {}
/* colgroup */
.table_scroll table .name,
.table_scroll table .direct_tel { width:15%; max-width:130px; white-space:nowrap; } 

/* ================================================================================================================== 
 일반페이지 테이블 (교육학습과정안)
================================================================================================================== */
.table_scroll.general table { max-width:auto; overflow:auto; white-space:unset; }

/* ================================================================================================================== 
 카드형태 정보 / 이미지+텍스트(아직 없음) / 텍스트(교육안내)
================================================================================================================== */
.card { display:grid; grid-column-gap:2rem; grid-row-gap:2rem; grid-auto-flow:dense; } 
.card.col2 { grid-template-columns:repeat(2,1fr); } 
.card .item { grid-column:auto/span 1; grid-row:auto/span 1; padding:2.5em 3em; border:1px solid #ccc; border-radius:6px; } 
.card .item .txt { } 
.card .item .txt .subject { position:relative; padding-left:36px; font-size:1.25em; font-weight:700; } 
.card .item .txt .subject::before { content:''; position:absolute; left:0; top:3px; width:25px; height:27px; background:url(../images/user/h3_wrap_bullet.png) no-repeat center; } 
.card .item .txt .subject.red::before { background:url(../images/user/h3_wrap_bullet_red.png) no-repeat center; }
.card .item .txt .subject.purple::before { background:url(../images/user/h3_wrap_bullet_purple.png) no-repeat center; }
.card .item .txt .subject.pink::before { background:url(../images/user/h3_wrap_bullet_pink.png) no-repeat center; }
.card .item .txt .subject.green::before { background:url(../images/user/h3_wrap_bullet_green.png) no-repeat center; }
.card .item .txt .subject.orange::before { background:url(../images/user/h3_wrap_bullet_orange.png) no-repeat center; }
.card .item .txt .subject.blue::before { background:url(../images/user/h3_wrap_bullet_blue.png) no-repeat center; }
.card.only_txt .item .txt .subject { padding-bottom:.7em; margin-bottom:1em; border-bottom:1px dashed #bbb; } 

/* ================================================================================================================== 
 관람·예약
================================================================================================================== */
/* 관람안내 */
.book_guide .info_icon_box .box:nth-child(1) h3::after { background:url(../images/user/book_guide_info_box_time.png) no-repeat center; } 
.book_guide .info_icon_box .box:nth-child(2) h3::after { background:url(../images/user/book_guide_info_box_fee.png) no-repeat center; } 
.book_guide .info_icon_box .box:nth-child(3) h3::after { background:url(../images/user/book_guide_info_box_calendar.png) no-repeat center; } 
.book_guide .paragraph .flex_aic { margin-bottom:.9em; }
.book_guide .paragraph .flex_aic h3 { margin-bottom:0; }
.book_guide .paragraph .txt_li ul li a.link.internal span { display:flex; align-items:center; justify-content:center; height:100%; }
/* 전시장 예절 안내 */
.book_guide .etiquette { display:grid; grid-template-columns:repeat(3,1fr); grid-column-gap:1.5rem; grid-row-gap:1.5rem; grid-auto-flow:dense; width:100%; } 
.book_guide .etiquette .box { grid-column:auto/span 1; grid-row:auto/span 1; padding:1.6em 2em; background:#fff; border:1px solid #d6d6d6; } 
.book_guide .etiquette .box img { display:block; margin-bottom:18px; } 
.book_guide .etiquette .box .tit { margin-bottom:10px; font-size:1.059em; color:#1e1e1e; font-weight:600; } 
.book_guide .etiquette .box p { width:94%; color:#555; font-size:.941em; } 
/* 전시관람 예약 */
.booking_calendar { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; margin-top:1.5em; border-top:1px solid #1e1e1e; } 
.booking_calendar #resevationCalendar,
.booking_calendar #resevationPage { flex:1; width:50%; }
.booking_calendar #resevationPage { order:2; } 
.booking_calendar .date_status { flex:unset; width:100%; padding:20px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; order:3; } 
.booking_calendar .date_status ul { display:flex; align-items:center; } 
.booking_calendar .date_status ul li { margin-right:30px; } 
.booking_calendar .date_status ul li:last-child { margin-right:0; } 
.booking_calendar .date_status ul li span { display:flex; align-items:center; } 
.booking_calendar .date_status ul li span::before { content:''; display:block; width:18px; height:18px; margin-right:8px; border-radius:50%; } 
.booking_calendar .date_status ul li.today span { font-weight:700; letter-spacing:-0.035em; font-size:.941em; } 
.booking_calendar .date_status ul li.today span::before { content:none; } 
.booking_calendar .date_status ul li.selected span::before { background:#0198a1; border:1px solid #0198a1; } 
.booking_calendar .date_status ul li.possible span::before { background:#b2e0e3; border:1px solid #b2e0e3; } 
.booking_calendar .date_status ul li.closed span::before { background:#fff; border:1px solid #3c3c3c; } 
.booking_calendar .tit { padding:1em 0; text-align:center; border-bottom:1px solid #868686; display:flex; align-items:center; justify-content:center; font-size:1.588em; letter-spacing:-0.04em; } 
.booking_calendar .tit * { font-weight:bold; }
.booking_calendar .tit .titBtn { border: 1px solid #a1a1a1; width: 25%; position: relative; font-weight: 400; font-size: 17px; cursor:pointer;}
.booking_calendar .space { width:45% }
.booking_calendar .flexwrap { flex-wrap: wrap;} 

/* 교육 예약일 경우 */
.booking_calendar.edu .info_head span { flex:auto; width:24%; }
.booking_calendar.edu .info_head span.time { width:32%; }
.booking_calendar.edu .info_head span.subject { width:44%; }
.booking_calendar.edu .turn_pick .info { font-size:.941em; }
.booking_calendar.edu .turn_pick .info li a button { padding:12px 0; }
.booking_calendar.edu .turn_pick .info li a span { flex:auto; width:24%; }
.booking_calendar.edu .turn_pick .info li a span.subject { width:44%; font-weight:600; }
.booking_calendar.edu .turn_pick .info li a span.time { width:32%; }
.booking_calendar.edu .turn_pick .info { max-height:430px; overflow-y:auto; }
/* 전시관람 예약 > 날짜선택 */
.booking_calendar #resevationCalendar { margin-right:3em; padding-bottom:1em; } 
.date_pick .tit strong { margin:0 20px; } 
.date_pick .tit button { width:34px; height:34px; } 
.date_pick .tit button.prev { background:url(../images/user/date_pick_prev.png) no-repeat center; } 
.date_pick .tit button.next { background:url(../images/user/date_pick_next.png) no-repeat center; } 
.date_pick table { text-align:center; } 
.date_pick table tbody tr:first-child td { padding-top:.7em; } 
.date_pick table th { padding:17px; border-bottom:1px solid #e8e8e8; vertical-align:middle; } 
.date_pick table td { vertical-align:middle; } 
.date_pick table td a { display:block; padding:17px 5px; } 
.date_pick table td a:focus { outline:1px dotted #00a7a1; } 
.date_pick table td a span { display:inline-block; width:36px; height:36px; line-height:36px; border-radius:50%; } 
.date_pick table td a.empty { cursor:default; } 
.date_pick table td a.past { color:#969696; cursor:default; } 
.date_pick table td a.possible span { background:#bfe5e7; } 
.date_pick table td a.selected span { font-weight:bold; color:#fff; background:#0198a1; } 
/* 전시관람 예약, 야외휴게장소 예약 */
.red .date_pick table td a.possible span { background:#fcdade; } 
.red .date_pick table td a.closed span { border:1px solid #969696; } 
.red .date_pick table td a.closed { color:#969696; } 
.red .date_pick table td a.selected span { background:#f73449; } 
.red .date_status ul li.selected span::before { background:#f73449; border:1px solid #f73449; } 
.red .date_status ul li.possible span::before { background:#fcdade; border:1px solid #fcdade; } 
.red .turn_pick .info li a.possible span.time::before { background:url(../images/user/main_book_y_time_pink.png) no-repeat center; }
.red .turn_pick .info li a span.book_y { background:#f73449; }
.red .turn_pick .info li a span.book_y::after { background:url(../images/user/link_apply_icon.png) no-repeat center; }
.red .date_pick table td a:focus { outline:1px dotted #f73449; } 
/* 교육접수 캘린더 */
.pink .date_pick table td a.possible span { background:#f6e2e6; } 
.pink .date_pick table td a.selected span { background:#d54c6c; } 
.pink .date_status ul li.selected span::before { background:#d54c6c; border:1px solid #d54c6c; } 
.pink .date_status ul li.possible span::before { background:#f6e2e6; border:1px solid #f6e2e6; } 
.pink .turn_pick .info li a.possible span.time::before { background:url(../images/user/main_book_y_time_pink.png) no-repeat center; }
.pink .turn_pick .info li a span.book_y { background:#d54c6c; }
.pink .turn_pick .info li a span.book_y::after { background:url(../images/user/link_apply_icon.png) no-repeat center; }
.pink .date_pick table td a:focus { outline:1px dotted #d54c6c; } 
/* 전시관람 예약 > 회차선택 */
.booking_status .tit strong { margin-right:6px; } 
.turn_pick .no_selected { display:flex; align-items:center; justify-content:center; padding-top:30%; } 
.turn_pick .info_head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; text-align:center; border-bottom:1px solid #e8e8e8; } 
.turn_pick .info_head span { flex:1; width:25%; padding:17px; } 
.turn_pick .info { padding:1.7em 0 2em 0; text-align:center; } 
.turn_pick .info li { margin-bottom:10px; } 
.turn_pick .info li:last-child { margin-bottom:0; } 
.turn_pick .info li a { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-width:1px; border-style:solid; } 
.turn_pick .info li a.end { background:#f0f0f0; border-color:#d9d9d9; } 
.turn_pick .info li a.end span { color:#828282; } 
.turn_pick .info li a.possible { background:#fff; border-color:#a1a1a1; } 
.turn_pick .info li a.possible span { color:#1e1e1e; } 
.turn_pick .info li a span { flex:1; width:25%; padding:16px 0; } 
.turn_pick .info li a span img { display:inline-block; position:relative; top:1px; } 
.turn_pick .info li a span.turn { } 
.turn_pick .info li a span.subject { width:50%; padding:0 25px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.turn_pick .info li a span.time { white-space:nowrap; } 
.turn_pick .info li a span.personnel { font-weight:600; } 
.turn_pick .info li a span.time::before { content:''; display:inline-block; position:relative; top:2px; width:15px; height:15px; margin-right:8px; } 
.turn_pick .info li a.end span.time::before { background:url(../images/user/main_book_n_time.png) no-repeat center; } 
.turn_pick .info li a.possible span.time::before { background:url(../images/user/main_book_y_time.png) no-repeat center; } 
.turn_pick .info li a span.book_n { background:#dfdfdf; } 
.turn_pick .info li a span.book_y { color:#fff; background:#0197a0; } 
.turn_pick .info li a span.book::after { content:''; display:inline-block; position:relative; margin-left:8px; transition:.15s linear; } 
.turn_pick .info li a span.book_n::after { top:2px; width:14px; height:15px; background:url(../images/user/main_book_n.png) no-repeat center; } 
.turn_pick .info li a span.book_y::after { width:13px; height:14px; background:url(../images/user/main_book_y.png) no-repeat center; } 
/* 전시관람 예약 신청서, 예약완료 */
.page_tit { position:relative; text-align:center; margin-bottom:4em; } 
.page_tit::after { content:''; position:absolute; left:50%; top:100%; transform:translateX(-50%); padding-bottom:40px; width:12px; height:14px; background:url(../images/user/apply_tit_arrow.png) no-repeat center; } 
.exhibition_book_personnel .page_tit::after { content:''; position:absolute; left:50%; top:100%; transform:translateX(-50%); padding-bottom:40px; width:12px; height:14px; background:url(../images/user/apply_tit_arrow_pink.png) no-repeat center; } 
.page_tit.none_ar::after { content:none; } 
.page_tit h3 { margin-bottom:.6em; font-size:1.882em; font-weight:600; letter-spacing:-0.04em; } 
.page_tit p { color:#555; } 
.exhibition_book_complete .page_tit::before { content:'\f00c'; display:block; width:55px; height:55px; line-height:55px; margin:0 auto 15px auto; font-size:1.35em; color:#1a556a; background:#f2fafa; border:1px solid #a9dcdf; border-radius:50%; text-align:center; } 
/* 야외휴게장소 예약 */
.rest_book .img_map { margin-bottom:4em; text-align:center; } 
.rest_book .img_map img { display:block; max-width:fit-content; width:100%; margin:0 auto; }
.open_outdoor_guide { padding:20px 36px; margin-top:1.5em; color:#fff; background:#f73449; } 
.open_outdoor_guide span { display:flex; align-items:flex-start; justify-content:center; } 
.open_outdoor_guide span::after { content:''; width:19px; height:17px; margin-left:6px; background:url(../images/user/open_outdoor_guide_icon.png) no-repeat center; } 
#outdoor_guide img { display:block; width:95%; margin:0 auto; height:auto; } 
#outdoor_guide .btn_print { position:relative; height:50px; line-height:50px; z-index:1; } 
#outdoor_guide .btn_print span { display:inline-block; }

/* ================================================================================================================== 
 교육
================================================================================================================== */
/* 교육접수 */
.tip_required { display:flex; align-items:center; justify-content:right; margin-bottom:10px; font-size:.941em; } 
.tip_required::before { content:''; width:9px; height:9px; margin-right:3px; font-size:2em; background:url(../images/user/required_icon.png) no-repeat center; } 


/* ================================================================================================================== 
 전시
================================================================================================================== */
/* 상설전시 */
.permanent .head { display:flex; flex-wrap:wrap; align-items:center; padding-bottom:10px; border-bottom:1px dotted #aaa; } 
.permanent .head .subject { width:100%; } 
.permanent .head .subject .tit { width:100%; font-size:2.648em; letter-spacing:-0.04em; font-weight:700; line-height:1.4; } 
.permanent .head .info { display:flex; flex-wrap:wrap; flex:1; margin:1.3em 0 1.2em 0; } 
.permanent .head .info li { position:relative; padding-right:20px; margin-right:15px; } 
.permanent .head .info li:last-child { padding-right:0; margin-right:0; } 
.permanent .head .info li::after { content:''; position:absolute; right:0; top:50%; width:1px; height:16px; background:#969696; transform:translateY(-50%); } 
.permanent .head .info li:last-child::after { content:none; } 
.permanent .head .info li span { } 
.permanent .head .info li .field_tit { margin-right:7px; } 
.permanent .head .info li .field_cont { } 
.permanent .head .btngroup { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; margin:0; } 
.permanent .head .btngroup button { flex:1; padding:17px 30px; white-space:nowrap; } 
.permanent_cont { margin-top:3em; } 
.permanent_cont .img_wrap { display:block; width:100%; margin-top:1.2em; text-align:center; } 
.permanent_cont .img_wrap img { display:block; width:100%; max-width:fit-content; margin:0 auto; } 
.permanent_cont .img_banner { } 
.permanent_cont .img_layout { margin:0; } 
.permanent_cont .img_intro { } 
.permanent .emphasis_wrap.alignC .emphasis::before { top:5px; }
.permanent .emphasis_wrap.alignC .emphasis br { display:none; }

/* 상세정보 */
.permanent_cont .tabpanel.detail_info .layout_detail { margin-top:2em; text-align:center; /*border:1px solid #b5b5b5;*/ } 
.permanent_cont .tabpanel.detail_info .layout_detail .inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; text-align:center; }
.permanent_cont .tabpanel.detail_info .layout_detail .img { display:inline-block; flex:1; width:40%; text-align:center; }
.permanent_cont .tabpanel.detail_info .layout_detail .img img { display:inline-block; width:100%; max-width:fit-content; margin:0 auto; }
.permanent_cont .tabpanel.detail_info .layout_detail .txt { flex:1; margin-left:3em; text-align:left; }
.permanent_cont .tabpanel.detail_info .layout_detail .txt h4 {}
.permanent_cont .tabpanel.detail_info .layout_detail .txt .cont {}

/* 전시장 배치도 */
.permanent_cont .tabpanel.layout .character_txt { display:flex; align-items:center; justify-content:center; margin-top:4.5em; } 
.permanent_cont .tabpanel.layout .character_txt::before { content:''; width:134px; height:90px; background:url(../images/user/permanent1_character1.png) no-repeat center; } 
.permanent_cont .tabpanel.layout .character_txt p { margin-left:10px; padding:12px 31px; color:#fff; background:#1095cf; border-radius:30px; } 
.permanent_cont .tabpanel.layout .layout_detail { padding:3em; border:1px solid #b5b5b5; }
.permanent_cont .tabpanel.layout .layout_detail .img { text-align:center; }
.permanent_cont .tabpanel.layout .layout_detail .img img { display:inline-block; max-width:100%; }

/* 관련자료 */
.permanent_cont .tabpanel.related .box_detail { padding:25px 30px; } 
.permanent_cont .tabpanel.related .box_detail.fill { background:#f8f9fa; } 
.permanent_cont .tabpanel.related .box_detail.line { border:1px solid #dadada; border-radius:15px; } 
.permanent_cont .tabpanel.related .activity_sheet .img img,
.permanent_cont .tabpanel.related .catalog .img img { display:block; max-height:130px; }
.permanent_cont .tabpanel.related .activity_sheet .txt,
.permanent_cont .tabpanel.related .catalog .txt { display:flex; align-items:center; width:calc(100% - 108px); }
.permanent_cont .tabpanel.related .activity_sheet p,
.permanent_cont .tabpanel.related .catalog p { flex:1; font-weight:600; font-size:1.118em; margin-left:30px; }

.permanent_cont .relics { max-width:1350px; width:100%; margin:0 auto; }
.permanent_cont .relics p { font-size:1.1em; margin-bottom:10px; }

.permanent_cont .relics_nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:start; overflow:hidden; margin-top:20px; }
.permanent_cont .relics_nav li { display:flex; align-items:center; position:relative; width:120px; height:75px; margin:3px 5px; background:#f0f0f0; cursor:pointer; overflow:hidden; }
.permanent_cont .relics_nav li img { display:block; width:100%; height:auto; margin:0 auto; z-index:1; } 
.permanent_cont .relics_nav li.on { border:1px solid rgba(34, 35, 63, 0.75); }
.permanent_cont .relics_nav li.on::before { content:'\f00c'; position:absolute; left:50%; top:50%; width:50px; height:50px; text-align:center; line-height:50px; font-weight:bold; border-radius:50%; color:#fff; background:rgba(34, 35, 63, 0.75); transform:translate(-50%,-50%); z-index:1; }

.permanent_cont .relics_cont>li { display:none;} 
.permanent_cont .relics_cont li.on{ display:block; }
.permanent_cont .relics_cont li { border-top:1px solid #000; border-bottom:1px solid #e8e8e8; }
.permanent_cont .relics_cont li .box { display:flex; align-items:flex-start; padding:20px 0; animation:relics_opacity 1s forwards; } 
.permanent_cont .relics_cont li .box .img { display:block; width:auto;  }
.permanent_cont .relics_cont li .box .img img { display:block; width:100%; max-width:fit-content; }
.permanent_cont .relics_cont li .box .txt { padding:1.5em 0 0 3em; }
.permanent_cont .relics_cont li .box .txt .subject { font-size:1.353em; font-weight:700; color:#7578b8; } 
.permanent_cont .relics_cont li .box .txt .explan { margin:15px 0 30px 0; font-size:0.941em; } 
.permanent_cont .relics_cont li .box .txt .hashtag { display:flex; align-items:center; font-size:.882em; } 
.permanent_cont .relics_cont li .box .txt .hashtag li { margin-right:7px; } 
.permanent_cont .relics_cont li .box .txt .hashtag li a { display:block; padding:5px 14px; color:#fff; background:#000; border:1px solid #000; } 
@-webkit-keyframes relics_opacity {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes opacity {
    0% {opacity:0;}
    100% {opacity:1;}
}
.permanent_cont .video img { display:block; width:100%; max-width:fit-content; }
/* 
.permanent_cont .tabpanel.related .relics .slider { padding-top:1.5em; margin-top:1.5em; border-top:1px solid #000; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide { display:flex; align-items:flex-start; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e8e8; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide img { display:block; width:auto; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .txt { padding:1.5em 0 0 3em; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .subject { font-size:1.353em; font-weight:700; color:#0198a1; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .explan { margin:15px 0 30px 0; font-weight:300; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .hashtag { display:flex; align-items:center; font-size:.882em; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .hashtag li { margin-right:7px; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .hashtag li a { display:block; padding:5px 14px; color:#fff; background:#000; } 
.permanent_cont .tabpanel.related .relics .view .slick-slide .hashtag li a span { } 
.permanent_cont .tabpanel.related .relics .thumb_wrap { position:relative; } 
.permanent_cont .tabpanel.related .relics .thumb_wrap .slick-arrow { position:absolute; top:50%; width:50px; height:50px; border:1px solid rgba(229,229,229,0.5); border-radius:50%; z-index:1; } 
.permanent_cont .tabpanel.related .relics .thumb_wrap .prev { left:0; transform:translate(-50%,-50%); background:url(../images/user/date_pick_prev.png) no-repeat center rgba(255,255,255,0.5); } 
.permanent_cont .tabpanel.related .relics .thumb_wrap .next { right:0; transform:translate(50%,-50%); background:url(../images/user/date_pick_next.png) no-repeat center rgba(255,255,255,0.5); } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide { position:relative; margin-right:17px; opacity:1; } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:1; } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide img { display:block; max-height:200px; } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide:focus { outline:none; } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide.slick-current { border:2px solid #0197a0; outline:none; } 
.permanent_cont .tabpanel.related .relics .thumb .slick-slide.slick-current::before { content:none; } 
*/

/* ====================================================================================================================================
	상설전시 배치도 기존 소스
==================================================================================================================================== */
.permanent_cont .img_map { width:100%; max-width:1200px; margin:0 auto;}
.permanent_cont .img_map .substance { width:100%;}
.permanent_cont .img_map .substance .ex2_map { margin-bottom:25px; width:100%;}
.permanent_cont .img_map table.show-table { width:100%; height:825px;}
.permanent_cont .img_map table.show-table { background-repeat:no-repeat; /* max-width:690px; height:528px; */ } 
@media screen and ( max-width:1199px ) {
	.permanent_cont .img_map table.show-table { height:75vw; } 
}
@media screen and ( max-width:1024px ) {
	.permanent_cont .img_map table.show-table td a img { width:20px; height:20px; } 
}
@media screen and ( max-width:1024px ) {
	.permanent_cont .img_map table.show-table td a img { width:15px; height:15px; } 
}
/* ====================================================================================================================================
	상설전시 끝
==================================================================================================================================== */

/* 야외전시 */
.map_wrap { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; } 
.map_wrap .map { position:relative; width:995px; } 
.map_wrap .map img { width:995px; height:606px; z-index:0; } 
.map_wrap .map span { position:absolute; width:26px; height:26px; text-align:center; font-size:.882em; font-weight:600; color:#fff; background:#555; border-radius:50%; transition:.1s linear; z-index:2; } 
.map_wrap .map span::after { content:''; position:absolute; left:50%; top:100%; border-left:3px solid transparent; border-right:3px solid transparent; border-top:5px solid #555; transform:translateX(-50%); z-index:1; } 
.map_wrap .map span::before { content:''; visibility:hidden; position:absolute; left:50%; top:50%; width:calc( 100% + 10px); height:calc( 100% + 10px); background:rgba(81,84,152,0.7); border-radius:50%; transform:translate(-50%,-50%); z-index:-1; } 
.map_wrap .map span.active { transform:scale(1.7); background:#7578b8; transition:.15s linear; } 
.map_wrap .map span.active::before { visibility:visible; animation:marker_active 1.5s linear infinite; } 
.map_wrap .map span.active::after { border-top-color:#7578b8; } 
.map_wrap .map span.marker1 { top:140px; left:346px; } 
.map_wrap .map span.marker2 { bottom:232px; left:237px; } 
.map_wrap .map span.marker3 { bottom:180px; left:560px; } 
.map_wrap .map span.marker4 { top:304px; left:178px; } 
.map_wrap .map span.marker5 { top:356px; left:289px; } 
.map_wrap .map span.marker6 { top:305px; left:460px; } 
.map_wrap .map span.marker7 { bottom:130px; left:210px; } 
.map_wrap .map span.marker8 { bottom:157px; left:284px; } 
.map_wrap .map span.marker9 { top:319px; right:250px; } 
.map_wrap .map span.marker10 { bottom:202px; left:596px; } 
.map_wrap .map span.marker11 { bottom:159px; left:511px; } 
.map_wrap .map span.marker12 { bottom:279px; left:543px; } 
.map_wrap .marker_name { width:calc( 100% - 1100px ); } 
.map_wrap .marker_name ul { display:flex; flex-wrap:wrap; justify-content:space-between; } 
.map_wrap .marker_name ul li { width:100%; } 
.map_wrap .marker_name ul li button { display:flex; align-items:center; width:100%; padding:12px 50px 12px 0; border-bottom:1px dotted #6a6a6a; } 
.map_wrap .marker_name ul li button span { display:block; } 
.map_wrap .marker_name ul li button span.num { position:relative; width:26px; height:26px; line-height:26px; margin-right:10px; text-align:center; font-size:.882em; font-weight:600; color:#fff; background:#555; border-radius:50%; z-index:1; } 
.map_wrap .marker_name ul li button span.num::after { content:''; visibility:hidden; position:absolute; left:50%; top:50%; width:calc( 100% + 10px ); height:calc( 100% + 10px ); border-radius:50%; background:rgba(81,84,152,0.25); transform:translate(-50%,-50%); transition:.1s linear; z-index:-1; } 
.map_wrap .marker_name ul li button span.marker { line-height:26px; text-align:left; } 
.map_wrap .marker_name ul li button.active .num { background:#7578b8; } 
.map_wrap .marker_name ul li button.active .num::after { visibility:visible; transition:.1s linear; } 
@-webkit-keyframes marker_active { 
 0% { -webkit-transform:translate(-50%,-50%) scale(0.8); opacity:1; } 
 100% { -webkit-transform:translate(-50%,-50%) scale(1.1); opacity:0; } 
 }
@keyframes marker_active { 
 0% { transform:translate(-50%,-50%) scale(0.5); opacity:1; } 
 100% { transform:translate(-50%,-50%) scale(1.1); opacity:0; } 
 }
/* 야외전시 탭 */
.pop .tab_wrap { margin-top:20px; } 
.pop .tab_wrap nav.tab_nav { display:flex; align-items:center; flex-wrap:wrap; margin-bottom:1em; /*border-top:1px solid #ccc; */ border-left:1px solid #ccc; }
.pop .tab_wrap nav.tab_nav ul {display: flex;flex-wrap: wrap;width: 100%;} 
.pop .tab_wrap nav.tab_nav li { width:16.66666%; } 
.pop .tab_wrap nav.tab_nav li button { position:relative; width:100%; padding:6px; color:#555; text-align:center; background:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } 
.pop .tab_wrap nav.tab_nav li button::after { content:''; visibility:hidden; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#515498; transform:translateX(-50%); transition:.1s linear; z-index:1; } 
.pop .tab_wrap nav.tab_nav li button.active { font-weight:600; color:#1e1e1e; } 
.pop .tab_wrap nav.tab_nav li button.active::after { visibility:visible; width:100%; transition:.1s linear; } 
.pop .tab_wrap nav.tab_nav li button:focus { outline:none; } 
.pop .tab_wrap nav.tab_nav li:nth-child(n+7) button { border-top:0; } 
/* .pop .tab_wrap nav.tab_nav li:last-child { margin:0; } */
/* .pop .tab_wrap nav.tab_nav li:last-child button { border-right:1px solid #ccc; } */
.pop .tab_wrap .tab_cont { padding-top:20px; } 
.pop .tab_wrap .tab_cont .item { display:none; } 
.outdoor_pop_cont.top { margin-bottom:1em; padding-bottom:2em; border-bottom:1px solid #ddd; } 
.outdoor_pop_cont.top .img { display:flex; flex-wrap:wrap; align-items:flex-start; } 
.outdoor_pop_cont.top .img img { max-width:200px; } 
.outdoor_pop_cont.top .img img:first-child { margin-right:15px; } 
.outdoor_pop_cont,
.pop .tab_wrap .tab_cont .item.active { display:flex; align-items:flex-start; } 
.outdoor_pop_cont .img { flex-shrink:0; margin-right:2em; } 
.outdoor_pop_cont .img img { display:block; } 
.outdoor_pop_cont .txt { flex:1; max-width:650px; /*margin-top:1em; */ } 

/* 자원봉사 안내 */
.volunteer .page_tit p br { display:none; }
.volunteer .info_icon_box .box:nth-child(1) h3::after { background:url(../images/user/volunteer_info_box_target.png) no-repeat center; } 
.volunteer .info_icon_box .box:nth-child(2) h3::after { background:url(../images/user/volunteer_info_box_area.png) no-repeat center; } 
.volunteer .info_icon_box .box:nth-child(3) h3::after { background:url(../images/user/volunteer_guide_info_box_calendar.png) no-repeat center; } 
.volunteer .step { display:flex; align-items:flex-start; flex-wrap:wrap; } 
.volunteer .step > div { flex:1; display:flex; align-items:flex-start; flex-wrap:wrap; align-items:center; max-width:490px; } 
.volunteer .step > div span.num { flex-shrink:0; width:55px; height:55px; margin-right:15px; text-indent:-99999em; } 
.volunteer .step > div p { flex:1; } 
.volunteer .step > div:nth-child(1) { margin-right:3em; } 
.volunteer .step > div:nth-child(1)::after { content:''; display:inline-block; width:23px; height:35px; background:url(../images/user/volunteer_arrow.png) no-repeat center; } 
.volunteer .step > div:nth-child(1) span.num { background:url(../images/user/volunteer_step1.png) no-repeat center; } 
.volunteer .step > div:nth-child(2) span.num { background:url(../images/user/volunteer_step2.png) no-repeat center; } 


/* ================================================================================================================== 
 관람·예약 > 박물관 소개
================================================================================================================== */
/* 어린이박물관은 */
.museum_intro {}
.museum_intro section { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:7em; }
.museum_intro section:last-child { margin-bottom:0; }
.museum_intro section .img { position:relative; }
.museum_intro section .img::before,
.museum_intro section .img::after { content:''; position:absolute; background:#c82133; }
.museum_intro section .img::before { width:5px; height:30%; }
.museum_intro section .img::after { width:40%; height:5px; }
.museum_intro section .img img { display:block; }
.museum_intro section .img .img2 { position:absolute; z-index:1; }
.museum_intro section .txt { flex:1; }
.museum_intro section .txt h4 { display:inline-block; position:relative; margin-bottom:.7em; color:#1e1e1e; line-height:1.4; font-weight:600; font-size:2em; letter-spacing:-0.06em; }
.museum_intro section .txt h4 strong { color:#f73449; font-weight:600; }
.museum_intro section .txt p { color:#4c4c4c; }
.museum_intro section.sect1 .img::before,
.museum_intro section.sect3 .img::before { right:-5px; bottom:0; }
.museum_intro section.sect1 .img::after,
.museum_intro section.sect3 .img::after { right:-5px; bottom:-5px; }
.museum_intro section.sect2 .img::before { left:-5px; bottom:0; }
.museum_intro section.sect2 .img::after { left:-5px; bottom:-5px; }
.museum_intro section.sect4 .img::before,
.museum_intro section.sect4 .img::after { left:-5px; top:-5px; }
.museum_intro section.sect1 .txt,
.museum_intro section.sect3 .txt { margin-left:5em; }
.museum_intro section.sect2,
.museum_intro section.sect4 { flex-direction:row-reverse; }
.museum_intro section.sect1 .txt h4 { padding:35px 80px 0 0; }
.museum_intro section.sect1 .txt h4::before { content:''; position:absolute; right:0; top:0; width:63px; height:54px; background:url(../images/user/museum_intro_img12.png) no-repeat center; }
.museum_intro section.sect2 .img .img2 { left:-60px; bottom:-5px; }
.museum_intro section.sect4 .img .img2 { left:-80px; bottom:0; }
/* 미래상과 사명 */
.museum_future .title { margin-bottom:4.5em; text-align:center; }
.museum_future .title h4 { display:inline-block; margin-bottom:.7em; line-height:1.4; font-size:1.882em; font-weight:700; letter-spacing:-0.04em; color:#1e1e1e; }
.museum_future .title h4 strong { display:inline-block; font-weight:700; }
.museum_future .title span.small { display:block; margin-bottom:4px; color:#037d89; font-size:.941em; font-weight:600; }
.museum_future .title h4 strong.green { color:#35be6e; }
.museum_future .title h4 strong.blue { color:#3685d8; }
.museum_future .title h4 strong.purple { color:#5853bc; }
.museum_future .title p { line-height:1.5; color:#4c4c4c; }
.museum_future .title.title1 { margin-top:2em; }
.museum_future .title.title1 h4 { position:relative; }
.museum_future .title.title1 h4::before { content:''; position:absolute; top:-58px; left:-41px; width:83px; height:87px; background:url(../images/user/future_title1_img.png) no-repeat center; }
.museum_future .title.title2 h4 { padding:0 28px; background:url(../images/user/quote1.png) no-repeat left top, url(../images/user/quote2.png) no-repeat right top; }
.museum_future .title p { line-height:1.7; }
.museum_future .h5_wrap { position:relative; margin-bottom:4em; text-align:center; }
.museum_future .h5_wrap::after { content:''; position:absolute; left:0; top:50%; width:100%; height:1px; border-top:1px dashed #bbb; }
.museum_future .h5_wrap h5 { position:relative; display:inline-block; padding:10px 30px; font-size:1.176em; font-weight:600; color:#fff; background:#0197a0; border-radius:30px; z-index:1; }
.museum_future .challenge { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin-bottom:5em; }
.museum_future .challenge .item { flex:1; text-align:center; }
.museum_future .challenge .item .img img { display:inline-block; margin-bottom:15px; }
.museum_future .challenge .item .txt p { line-height:1.4; color:#1e1e1e; font-size:.941em; }
.museum_future .foot_box { position:relative; padding:2.5em 4em; }
.museum_future .foot_box::before,
.museum_future .foot_box::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.museum_future .foot_box::before { border-left:10px solid rgba(205,227,235,0.5); border-right:10px solid rgba(205,227,235,0.5); }
.museum_future .foot_box::after { border-top:10px solid rgba(205,227,235,0.5); border-bottom:10px solid rgba(205,227,235,0.5); }
.museum_future .foot_box h4 { position:relative; display:flex; align-items:center; margin-bottom:.7em; font-size:1.529em; font-weight:700; color:#1e1e1e; z-index:1; }
.museum_future .foot_box h4 strong { display:inline-block; width:47px; height:52px; margin-left:7px; background:url(../images/user/future_foot_box_tit.png) no-repeat center; }
.museum_future .foot_box .txt_li { position:relative; z-index:1; }
.museum_future .foot_box img { position:absolute; right:80px; bottom:30px; }
/* 조직도 */
.organization .direct_phone { display:flex; align-items:center; justify-content:center; margin-bottom:1.5em; font-size:1.25em; font-weight:600; } 
.organization .direct_phone::before { content:''; width:28px; height:28px; margin-right:7px; background:url(../images/user/direct_phone_img.png) no-repeat center; } 
.organization .direct_phone .tit { display:block; font-weight:700; letter-spacing:-0.04em; margin-right:15px; color:#007bc2; } 
.organization .direct_phone .cont span { position:relative; top:5px; } 
/* 배치도 및 시설 */
.facility_layout { width:100%; padding:2.5em; text-align:center; border:1px solid #e5e5e5; } 
.facility_layout img { display:inline-block; width:100%; max-width:fit-content; } 
.facility_layout img.mobile { display:none; }
.facility_list { display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:4em; grid-row-gap:6em; grid-auto-flow:dense; } 
.facility_list .item { grid-column:auto/span 1; grid-row:auto/span 1; } 
.facility_list .item .img { } 
.facility_list .item .img img { width:100%; } 
.facility_list .item .txt { margin-top:.7em; } 
.facility_list .item .txt .subject { margin-bottom:15px; font-weight:600; font-size:1.529em; letter-spacing:-0.05em; } 
.facility_list .item .txt .cont .tip { margin-top:12px; } 
.facility_list .item .txt .cont .tip p { margin-left:22px; } 
.facility_list .item .txt .cont .tip p span { display:inline-block; position:relative; padding-left:8px; } 
.facility_list .item .txt .cont .tip p span::before { content:''; position:absolute; left:0; top:8px; width:3px; height:13px; background:#f73449; } 
.facility_list .item .txt .cont .tip p span:first-child { margin-right:20px; } 
/* MI */
.mi_wrap { padding:6em 0; text-align:center; background:url(../images/user/mi_grid.png) no-repeat center; border:1px solid #bbb; }
.mi_wrap img { display:inline-block; width:40%; }
.mi_cha_wrap { display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mi_cha_wrap .item { flex:1; margin-right:1em; padding:2.5em 0; text-align:center; border:1px solid #ddd; }
.mi_cha_wrap .item:last-child { margin-right:0; }
.mi_cha_wrap .item img { display:block; margin:0 auto; }
.mi_cha_wrap .item strong { display:inline-block; padding:7px 40px; margin-top:1.5em; font-size:1.294em; letter-spacing:-0.045em; font-weight:700; border-radius:50px; }
.mi_cha_wrap .item:nth-child(1) strong { background:#d6edf8; }
.mi_cha_wrap .item:nth-child(2) strong { background:#fcdfde; }
.mi_cha_wrap .item:nth-child(3) strong { background:#fef5da; }

/* ================================================================================================================== 
 관람·예약 > 찾아오시는 길
================================================================================================================== */
/* 지도 탭 */
.location_map { display:flex; align-items:stretch; justify-content:space-between; flex-direction:row-reverse; /*height:666px;*/ } 
.location_map::after { content:''; display:block;clear:both; }
.location_map .tab_nav { width:374px; float:left; font-size:1.118em; } 
.location_map .tab_nav li { /*flex:1;*/ height:16.7%; border-bottom:1px dashed #d4d4d4; } 
.location_map .tab_nav li button { display:block; position:relative; width:100%; height:100%; padding:0 2em; text-align:left; font-weight:600; } 
.location_map .tab_nav li button::after { content:'\f3c5'; position:absolute; right:20px; top:50%; width:36px; height:36px; line-height:36px; text-align:center; font-weight:700; color:#5a5c6c; background:#f3f4f5; border-radius:50%; z-index:1; transform:translateY(-50%); } 
.location_map .tab_nav li button span { font-weight:600; }
.location_map .tab_nav li:nth-child(1) button span,
.location_map .tab_nav li:nth-child(2) button span { color:#fa5f2c; } 
.location_map .tab_nav li:nth-child(3) button span { color:#8b3ae0; } 
.location_map .tab_nav li button.active { font-weight:600; color:#fff; background:#c82133; } 
.location_map .tab_nav li button.active::after { color:#fff; background:#ff6938; } 
.location_map .tab_nav li button.active span { color:#fff; } 
.location_map .tab_cont { float:left; position:relative; width:976px; width:calc(100% - 374px); /*background:url(../images/user/location_base.png) no-repeat center;*/ } 
.location_map .tab_cont .item { display:none; position:absolute; left:0; top:0; } 
.location_map .tab_cont .item.active { display:block; } 
.location_map .tab_cont img,
.location_map .tab_cont .item img { display:block; width:100%; } 
.location_address { display:flex; align-items:center; justify-content:space-between; margin-top:1.5em; } 
.location_address ul { display:flex; align-items:center; } 
.location_address .info li { margin-right:20px; } 
.location_address .info li::before { display:inline-block; width:26px; height:26px; line-height:26px; margin-right:7px; text-align:center; font-weight:bold; color:#5a5c6c; background:#ddd; border-radius:50%; } 
.location_address .info li:nth-child(1)::before { content:'\f3c5'; font-size:14px; } 
.location_address .info li:nth-child(2)::before { content:'\f095'; font-size:12px; } 
.location_address .info li:nth-child(2) { margin-right:0; } 
/* .location_address .map_link li { margin-left:7px; } 
.location_address .map_link li a { display:block; padding:10px 20px 10px 0; border:1px solid #ccc; border-radius:4px; color:#1e1e1e; } 
.location_address .map_link li:nth-child(1) a { padding-left:44px; background:url(../images/user/icon_map_naver.png) no-repeat 20px center; background-size:auto 15px; } 
.location_address .map_link li:nth-child(2) a { padding-left:36px; background:url(../images/user/icon_map_kakao.png) no-repeat 20px center; background-size:auto 15px; } 
.location_address .map_link li:nth-child(3) a { padding-left:36px; background:url(../images/user/icon_map_google.png) no-repeat 20px center; background-size:auto 15px; }  */

/* 교통안내 */
.traffic { border-top:1px solid #3c3c3c; } 
.traffic li { position:relative; padding:1.5em 0 1.5em 100px; border-bottom:1px dashed #9d9d9d; } 
.traffic li::before { content:''; position:absolute; left:0; top:50%; width:85px; height:85px; background:#f9f9f9; border:1px solid #eee; border-radius:50%; transform:translateY(-50%); } 
.traffic li .subject { width:calc( 100% - 85px ); margin-bottom:7px; font-weight:600; } 
.traffic li .txt { width:calc( 100% - 85px ); } 
.traffic li .tip { display:inline-block; margin-top:15px; padding:3px 15px; font-size:.941em; border-radius:4px; background:#f3f3f3; } 
.traffic li .tip::before { content:'\f554'; display:inline-block; margin-right:5px; } 
.traffic li .txt .tip { margin:0 0 0 10px; } 
.traffic li a.link { display:inline-block; margin-top:15px; padding:10px 17px; font-size:.941em; background:#1e1e1e; } 
.traffic.subway li:nth-child(1)::before { background:url(../images/user/subway1.png) no-repeat center; } 
.traffic.subway li:nth-child(2)::before { background:url(../images/user/subway2.png) no-repeat center; } 
.traffic.bus li:nth-child(1)::before { background:url(../images/user/bus1.png) no-repeat center; } 
.traffic.bus li:nth-child(2)::before { background:url(../images/user/bus2.png) no-repeat center; } 
.traffic.bus li:nth-child(3)::before { background:url(../images/user/bus3.png) no-repeat center; } 
.traffic.local_bus li::before { background:url(../images/user/bus4.png) no-repeat center; } 
.traffic.parking li::before { background:url(../images/user/car.png) no-repeat center; } 
.traffic.subway li:nth-child(1) .subject { color:#ff6938; } 
.traffic.subway li:nth-child(2) .subject { color:#8530df; } 
.traffic.bus li:nth-child(1) .subject { color:#2059c0; } 
.traffic.bus li:nth-child(2) .subject { color:#0bab31; } 
.traffic.bus li:nth-child(3) .subject { color:#ff9036; } 
.traffic.local_bus li .subject { color:#4a972e; } 
.traffic.parking li:nth-child(1) .subject { color:#b6224c; } 
.traffic.parking li:nth-child(2) .subject { color:#303034; } 


/* ================================================================================================================== 
 자료 > 놀이자료
================================================================================================================== */
/* 우리 놀이 알기 */
.play_view h2 { margin-bottom:.75em; font-size:2.353em; letter-spacing:-0.05em; font-weight:700; text-align:center; } 
.play_view .origin { display:flex; align-items:center; flex-wrap:wrap; padding:2em 3em; border:1px solid #ccc; } 
.play_view .origin .img { flex-shrink:0; margin-right:1.5em; } 
.play_view .origin .img img { display:block; max-width:500px; } 
.play_view .origin .txt { flex:1; } 
.play_view .origin .txt p { margin-bottom:20px; } 
.play_view .origin .txt p:last-child { margin-bottom:0; } 
/* 사이버놀이터 */
.cyber_step .box { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:2em 0; border-bottom:1px dotted #aaa; } 
.cyber_step .box .img { width:36%; text-align:center; } 
.cyber_step .box .img img { display:inline-block; } 
.cyber_step .box .img a { display:inline-block; padding:25px 30px; border:1px solid #aaa; border-radius:10px; } 
.cyber_step .box .img a::after { content:''; display:block; clear:both; } 
.cyber_step .box:nth-child(3) .img a { margin-bottom:10px; } 
.cyber_step .box .img a img { float:left; width:72px; height:72px; margin-right:20px; } 
.cyber_step .box .img a p { float:left; width:calc( 100% - 132px ); line-height:1.2; } 
.cyber_step .box .img a span { display:block; text-align:left; white-space:nowrap; } 
.cyber_step .box .img a span:nth-child(1) { font-size:1.118em; color:#bcbcbc; font-weight:600; } 
.cyber_step .box .img a span:nth-child(2) { font-size:1.765em; color:#1e1e1e; font-weight:700; letter-spacing:-0.04em; } 
.cyber_step .box .txt { flex:1; margin-left:4em; font-size:1.294em; letter-spacing:-0.04em; } 
.cyber_step .box .txt .num { display:block; width:50px; height:50px; line-height:50px; margin-bottom:1em; text-align:center; color:#fff; background:#24a64b; border-radius:50%; } 
.cyber_step .box .txt p { } 
.coloring { display:grid; grid-template-columns:repeat(4,1fr); grid-column-gap:3em; grid-row-gap:4em; grid-auto-flow:dense; width:100%; margin-top:3em; } 
.coloring li { grid-column:auto/span 1; grid-row:auto/span 1; } 
.coloring li .img { overflow:hidden; width:100%; margin-bottom:20px; border:1px solid #bbb; } 
.coloring li .img img { display:block; width:100%; } 
.coloring li .txt { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; } 
.coloring li .txt .subject { font-weight:600; font-size:1.188em; letter-spacing:-0.02em; } 
.coloring li .txt .btn { } 

.play_cyber .paragraph img,
.cyber_step .box .img img { display:inline-block; max-width:fit-content; }
.play_cyber .paragraph img { width:100%; }


/* ================================================================================================================== 
 자료 > 어린이와 박물관 연구
================================================================================================================== */
.research .paragraph .btngroup { margin-top:2em; }

/* ================================================================================================================== 
 누리집 지도
================================================================================================================== */
.sitemap_box { position:relative; }
.sitemap_box > ul { display:flex; flex-wrap:wrap; }
.sitemap_box > ul > li { width:100%; margin-bottom:60px; }
.sitemap_box ul li a.dep1_tit { display:block; position:relative; padding-bottom:10px; font-size:1.471em; font-weight:700; color:#1e1e1e; border-bottom:1px dashed #d4d4d4; }
.sitemap_box ul li a.dep1_tit::after { content:''; position:absolute; left:0; bottom:-1px; width:240px; height:1px; background:#0197a0; }
.sitemap_box ul li .dep2_li ul.dep2 { display:grid; grid-auto-flow:dense; grid-row-gap:1rem; grid-column-gap:1rem; grid-template-columns:repeat(4,1fr); margin-top:1em; }
.sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit { display:block; width:100%; height:45px; line-height:45px; background:#f8f8f8; text-align:center; font-weight:600; font-size:.97em; }
.sitemap_box ul li .dep2_li ul.dep3 { display:flex; flex-wrap:wrap; margin-top:1em; }
.sitemap_box ul li .dep2_li ul.dep3 li { width:100%; line-height:1.4; }
.sitemap_box ul li .dep2_li ul.dep3 li a { display:block; position:relative; padding-left:13px; margin-bottom:5px; font-size:.92em; }

.sitemap_box ul li .dep2_li ul.dep3 li a::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:1px; background:#aaa; }
.sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit[target="_blank"]::after { content:''; display:inline-block; position:relative; top:-2px; width:14px; height:12px; margin-left:5px;  display:inline-block; background:url(../images/user/icon_link.png) no-repeat center; vertical-align:middle; background-size:contain; }


/* ================================================================================================================== 
   mediaquery
================================================================================================================== */
@media screen and ( max-width:1600px ) {
    /* 전시관람 예약 */
    .tip_box.tip_box1::before { width:95px; height:80px; background-size:contain; }
    
    /* 상단 텍스트 박스 */
    .tip_box.tip_box2 { padding:2em; }
}

@media screen and ( max-width:1440px ) {
    /* 상단 */
    .sub_top_bg .item01 { width:122px; height:122px; top:-60px; left:26%; }
    .sub_top_bg .item03 { width:44px; height:44px; left:238px; }
    .sub_top_bg .item04 { width:46px; height:46px; }
    .sub_top_bg .item05 { left:640px; }
    .sub_top_bg .item06 { width:80px; height:80px; right:430px; }
    .sub_top_bg .item07 { width:25px; height:45px; top:50px; right:140px; }
    .sub_top_bg .item08 { width:46px; height:46px; }

    /* 야외전시 */
    .map_wrap .map { width:900px; margin:0 auto; }
    .map_wrap .map img { width:100%; height:auto; }
    .map_wrap .marker_name { width:calc(100% - 1005px); }

    .map_wrap .map span.marker1 { top:120px; left:311px; } 
    .map_wrap .map span.marker2 { bottom:213px; left:212px; } 
    .map_wrap .map span.marker3 { bottom:168px; left:504px; } 
    .map_wrap .map span.marker4 { top:269px; left:158px; } 
    .map_wrap .map span.marker5 { top:312px; left:260px; } 
    .map_wrap .map span.marker6 { top:270px; left:415px; } 
    .map_wrap .map span.marker7 { bottom:120px; left:180px; } 
    .map_wrap .map span.marker8 { bottom:147px; left:249px; } 
    .map_wrap .map span.marker9 { top:286px; right:226px; } 
    .map_wrap .map span.marker10 { bottom:201px; left:539px; } 
    .map_wrap .map span.marker11 { bottom:149px; left:471px; } 
    .map_wrap .map span.marker12 {bottom:252px;left: 492px;} 
}

@media screen and ( max-width:1280px ) {
    /*****sub.css*****/
    /* 상단 */
    .sub_top_bg .item01 { width:102px; height:102px; left:28%; }
    .sub_top_bg .item03 { width:54px; height:54px; bottom:80px; left:248px; }
    .sub_top_bg .item05 { width:21px; height:31px; left:580px; }
    .sub_top_bg .item06 { width:60px; height:60px; right:330px; }
    .sub_top_bg .item07 { width:25px; height:45px; top:50px; right:140px; }
    /* 캐릭터 */
    .bar_wrap::before { width:80px; height:63px; bottom:50px; }
    .bar_wrap::after { right:130px; width:80px; height:63px; }
    /* 내비게이션 */
    .sub_nav button { padding:0 15px; }
    .sub_nav button::after { margin-left:14px; }
    /* 굥유, 프린트 */
    .sub_top .util > div .btn { width:30px; height:30px; }
    /* 상단 텍스트 박스 */
    .tip_box.tip_box3.yellow_charac::before { width:93px; height:62px; margin-right:15px; background-size:contain; }
    .tip_box .tip_box_emphasis::before { top:3px; line-height:23px; }
    
    /* 아이콘이 있는 강조문구 */
    .emphasis::before { top:5px; }
    
    /* 캐릭터 */
    .bar_wrap::before { width:80px; height:63px; bottom:50px; }
    .bar_wrap::after { right:130px; width:80px; height:63px; }
    /* 내비게이션 */
    .sub_nav button { padding:0 15px; }
    .sub_nav button::after { margin-left:14px; }
    /* 굥유, 프린트 */
    .sub_top .util > div .btn { width:30px; height:30px; }
    /* 전시관람 예약 */
    .txt_li ul li::before { top:7px; }    
    .booking_calendar #resevationCalendar,
    .booking_calendar #resevationPage { flex:unset; }
    .booking_calendar #resevationCalendar { width:40%; }
    .booking_calendar #resevationPage { width:calc( 60% - 3em ); }
    .booking_calendar .tit { height:55px; font-size:1.25em; }
    
    .booking_calendar .tit .titBtn { border: 1px solid #a1a1a1; width: 25%; position: relative; font-weight: 400; font-size: 13px; cursor:pointer;}
	.booking_calendar .flexwrap { flex-wrap: nowrap;} 
    
    .booking_calendar .date_status { padding:12px 0; }
    .date_pick table th,
    .turn_pick .info_head span { padding:9px; }
    .date_pick table td a { padding:8px 0; }
    .date_pick table td a span { width:32px; height:32px; line-height:32px; }
    .turn_pick .info li a span { padding:10px 0; }
    .turn_pick .info li a span.subject { padding:0 10px 0 20px; }
    /* 교육 예약 캘린더 */
    .booking_calendar.edu .turn_pick .info { height:300px; }    
    .booking_calendar.edu .info_head span.subject,
    .booking_calendar.edu .turn_pick .info li a span.subject { width:calc( 52% - 15px ); }
    .booking_calendar.edu .info_head span,
    .booking_calendar.edu .turn_pick .info li a span,
    .booking_calendar.edu .info_head span.time,
    .booking_calendar.edu .turn_pick .info li a span.time { width:24%; }
    
    /* 전시관람 예약 신청서, 예약완료 */
    .exhibition_book_complete .page_tit::before {line-height:60px; }
    
    /* 어린이 박물관은 */
    .museum_intro section .img { width:45%; }
    .museum_intro section .img img { width:100%; max-width:fit-content; }
    .museum_intro section .txt h4 { font-size:1.8em; }
    .museum_intro section.sect4 .txt { margin-right:3em; }

    /* 찾아오시는 길 */
    .location_map .tab_nav { width:320px; }
    .location_map .tab_cont { width:calc(100% - 320px); }
    .location_map .tab_nav li button { padding:0 1.5em; }
    .location_map .tab_nav li button span { font-size:1em; }
     
    /* 야외전시 */
    .map_wrap { display:block; }
    .map_wrap .marker_name { width:100%; margin-top:2em; }
    .map_wrap .marker_name ul li { width:31%; margin-right:2%; }
    .map_wrap .marker_name ul li:nth-child(3n) { margin-right:0; }
    .map_wrap .map span.active { transform:scale(1.4); line-height:25px; } 
    
    /* 자료 > 놀이자료 */
    .play_view .origin .img img { max-width:330px; width:100%; transition:.2s linear; }
    /* 사이버놀이터 */
    .cyber_step .box .txt .num { width:40px; height:40px; line-height:40px; }
    .cyber_step .box .img img { width:80%; }
    .museum_intro section.sect4 .img .img2 { left:-50px; }

}

@media screen and ( max-width:1024px ) {
    /* 상단 */
    .sub_top_bg .item01 { width:92px; height:92px; top:-50px; }
    .sub_top_bg .item03 { width:44px; height:44px; bottom:70px; left:228px; }
    .sub_top_bg .item05 { left:500px; }
    .sub_top_bg .item06 { width:50px; height:50px; right:280px; }

    /* 버튼 스타일 */ 
    .btn.large { height:50px; line-height:50px; }
    .btn.download,
    .btn.external,
    .btn.ar { padding:15px 25px; }
    .btn.download span::after,
    .btn.external span::after { width:11px; height:10px; margin-left:5px; background-size:contain !important; }
    .btn.download.small { padding:10px 8px !important; }
    a.link.link_apply { padding:12px 20px; }

    /* 탭 메뉴 */
    .sub_wrap [role="tablist"] { margin:4em 0; }

    /* 문단, 제목 */
    .paragraph.paragraph_border { padding-bottom:2em; margin-bottom:2em; }
    .paragraph h3 { line-height:1.3; }

    /*  상단 텍스트 박스 */
    .tip_box { border-radius:12px; }
    .tip_box.tip_box1.character { padding:2.5em 3em 2.5em 4em; }
    .tip_box.tip_box1.character::before { width:140px; height:81px; background-size:contain; }
    
    /* 아이콘이 있는 강조 문구 */
    table .emphasis::before { top:1px; } 
    .emphasis1.red_black::before { top:3px; }

    /* 목록 안의 링크 (관람안내 참고) */
    .txt_li ul li a.link { height:30px; line-height:30px; } 

    /* 관람안내 */
    .book_guide .paragraph .txt_li ul li a.link.internal { padding:0 10px; }
    .book_guide .paragraph .txt_li ul li a.link.internal span { padding-right:12px; background-size:5px; }
    
    /* 전시관람 예약 > 날짜선택 */  
    .booking_calendar #resevationCalendar { width:30%; margin-right:2em; }
    .booking_calendar #resevationPage { width:calc( 70% - 2em ); }
    .date_pick table td a span { width:28px; height:28px; line-height:28px; }
    .turn_pick .info li { margin-bottom:6px; }
    .turn_pick .info li a span.turn { flex-grow:1; }
    .turn_pick .info li a span.time { flex-grow: 1.5; }
    .turn_pick .info li a span.personnel { flex-grow:1; }
    .turn_pick .info li a span.book_n,
    .turn_pick .info li a span.book_y { flex-grow:1.3; } 
    .turn_pick .no_selected { padding-top:17%; }
    /* 교육 예약 캘린더 */
    .booking_calendar.edu .turn_pick .info { font-size:1em; }
    .booking_calendar.edu .turn_pick .info { height:266px; }    
    .booking_calendar.edu .turn_pick .info li a span.time { width:22%; }

    /* strong + p (교육안내 참고) */
    .txt_li ul.strong_p.tit_short li strong.tit { width:50px; }

    /* 카드형태 정보 / 이미지+텍스트(아직 없음) / 텍스트(교육안내) */
    /* .card  { margin-top:3em; } */

    .card .item { padding:2em 2.5em; }
    /* 3차 메뉴 */
    .category_select_wrap { margin:3em auto 0 auto; }
    
    /* 박물관소개(상징) */
    .mi_cha_wrap .item img { width:60%; max-width:fit-content; }

    /* 배치도 및 시설 */
    .facility_list { grid-column-gap:3em; grid-row-gap:5em; }
    .facility_list .item .txt .cont .tip p span::before { top:6px; }
    .facility_list .item .txt .subject { margin-bottom:8px; }

    /* 찾아오시는 길 */
    .location_map { flex-direction:column-reverse; }
    .location_map .tab_cont { width:100%; }
    .location_map .tab_nav { display:flex; flex-wrap:wrap; width:100%; }
    .location_map .tab_nav li { width:33.3%; height:auto; border-right:1px dashed #d4d4d4; }
    .location_map .tab_nav li:nth-child(4),
    .location_map .tab_nav li:nth-child(1) { border-left:1px dashed #d4d4d4; }
    .location_map .tab_nav li button { padding:1.5em; font-size:.92em; }
    .location_map .tab_nav li button::after { width:30px; height:30px; line-height:30px; }
    .traffic li::before { width:70px; height:70px; }

    /* 어린이 박물관은 */
    .museum_intro section .img { width:40%; }
    .museum_intro section .img .img2 { width:30%; }

    /* 미래상과 사명 */
    .museum_future .challenge .item .img img { width:80%; max-width:fit-content; }
    .museum_future .foot_box img { width:150px; right:30px; }
    .museum_future .title.title1 h4::before { top:-38px; left:-26px; width:53px; height:57px; background-size:contain !important; }

    /* 상설전시 */
    .permanent_cont .tabpanel.related .activity_sheet .img img,
    .permanent_cont .tabpanel.related .catalog .img img { max-height:110px; }
    .permanent_cont .tabpanel.related .activity_sheet p,
    .permanent_cont .tabpanel.related .catalog p { margin-left:10px; }
    .permanent_cont .tabpanel.related .activity_sheet .txt { width:calc(100% - 96px); }
    .permanent_cont .tabpanel.related .activity_sheet .txt a.link.link_external,
    .permanent_cont .tabpanel.related .catalog .txt a.link.link_external { padding:12px 18px; }
    .permanent .emphasis_wrap.alignC .emphasis::before { top:2px; }

    .permanent_cont .relics_cont li .box .img { max-width:190px; }
    .permanent_cont .relics_cont li .box .txt { padding:0 0 0 3em; }

    /* 야외전시 */
    .map_wrap .map { width:700px; margin:0 auto; }
    .map_wrap .map span { line-height:26px; font-size:.85em; }
    .map_wrap .map span.marker1 { top:85px; left:240px; } 
    .map_wrap .map span.marker2 { bottom:169px; left:162px; } 
    .map_wrap .map span.marker3 { bottom:132px; left:384px; } 
    .map_wrap .map span.marker4 { top:200px; left:120px; } 
    .map_wrap .map span.marker5 { top:237px; left:198px; } 
    .map_wrap .map span.marker6 { top:205px; left:319px; } 
    .map_wrap .map span.marker7 { bottom:92px; left:135px; } 
    .map_wrap .map span.marker8 { bottom:114px; left:197px; } 
    .map_wrap .map span.marker9 { top:212px; right:174px; } 
    .map_wrap .map span.marker10 { bottom:144px; left:414px; } 
    .map_wrap .map span.marker11 { bottom:119px; left:353px; } 
    .map_wrap .map span.marker12 {bottom:198px;left:379px;} 

    .outdoor_pop_cont,
    .item.outdoor_pop_cont,
    .outdoor_pop_cont.top { flex-direction:column; align-items:center !important; justify-content:center; }
    .outdoor_pop_cont .img { margin:0 auto 1.5em; }
    .outdoor_pop_cont .txt { max-width:100%; }

    /* 자료 > 놀이자료 */
    .play_view .origin .img img { max-width:250px; }
    /* 사이버놀이터 */
    .cyber_step .box .txt { margin-left:2em; }
    .cyber_step .box .img a img { width:52px; height:52px; }
    .cyber_step .box .img a span:nth-child(2) { font-size:1.5em; }
    .coloring { grid-column-gap:2em }

    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
    .info_icon_box .box h3::after { width:35px; height:35px; background-size:contain !important; }
    .volunteer .page_tit, 
    .volunteer .paragraph.paragraph_mb { margin-bottom:3em; }
    .volunteer .paragraph.paragraph_border { padding-bottom:2em; margin-bottom:2em; }

    /* 누리집 지도 */   
    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit[target="_blank"]::after { top:-1px; width:13px; height:11px; }
}

@media screen and ( max-width:860px ) {
    /*****sub.css*****/
    /* 상단 */
    .sub_top_bg .item01 { width:72px; height:72px; top:-40px; }
    .sub_top_bg .item02 { width:30px; height:30px; }
    .sub_top_bg .item03 { width:34px; height:34px; bottom:60px; left:208px; }
    .sub_top_bg .item05 { left:500px; }
    .sub_top_bg .item06 { width:40px; height:40px; right:240px; }

    /* 버튼 */
    a.link.link_ar { padding:0 11px 0 20px; height:40px; line-height:40px; }

    /* 관람안내 */
    .book_guide .etiquette { grid-template-columns:repeat(2,1fr); }
    .book_guide .etiquette .box img { width:20%; margin-bottom:10px; }
    
    /* 전시관람 예약 */
    .tip_box.tip_box1 { padding:2.5em 3em 2.5em 3em; }
    .tip_box.tip_box1::before { width:85px; height:70px; }
    .tip_box.tip_box1 .inner { margin-left:1.5em; }
    .turn_pick .no_selected { padding:18% 0; } 
    /* 교육 예약 캘린더 */
    .booking_calendar.edu .turn_pick .info { height:300px; }

    /* 찾아오시는 길 */
    .location_address { flex-direction:column; align-items:flex-start; }
    .location_address .map_link { margin-top:1em; }
    .location_address .map_link li:first-child { margin-left:0; }
    .location_address ul.info { display:block; }
    .location_address ul.info li:last-child { margin-top:10px; }

    /* 어린이 박물관은 */
    .museum_intro section .txt h4 { font-size:1.65em; }
    .museum_intro section .img { width:45%; }
    .museum_intro section.sect2,
    .museum_intro section.sect4 { flex-direction:revert; }
    .museum_intro section.sect1 .txt,
    .museum_intro section.sect2 .txt,
    .museum_intro section.sect3 .txt,
    .museum_intro section.sect4 .txt { margin-left:3em; }
 
    .museum_intro section.sect2 .img .img2 { left:auto; right:0; width:20%; }
    .museum_intro section.sect4 .img .img2 { left:auto; right:-31px; width:25%; }
    .museum_intro section .txt p br { display:none; }

    /* 미래상과 사명 */
    .museum_future .title h4 { font-size:1.7em; }
    .museum_future .foot_box img { width:120px; right:20px; }

    /* 상설전시(관련자료) */
    .permanent_cont .tabpanel.related .activity_sheet .img img { max-height:100px; }
    .permanent_cont .tabpanel.related .activity_sheet a.link.link_external { display:block; }
    .permanent_cont .relics_cont li .box .txt .explan { margin:15px 0; }
    /* 우리 놀이 알기 */
    .play_view .origin { flex-direction:column; }
    .play_view .origin .img { margin:0 0 1em 0; }
    .play_view .origin .img img { max-width:290px; }

    /* 자료 > 어린이와 박물관 연구 */
    .research .paragraph .btngroup,
    .research .paragraph .btngroup button { display:block; }
    .research .paragraph .btngroup button { margin:0 0 5px 0; }
    .research .paragraph .btngroup button:last-child { margin-bottom:0; }

    /* 사이버놀이터 */
    .coloring { grid-column-gap:1em }

    /* 교육 예약일 경우 */
    .booking_calendar.edu .turn_pick .info li a span.subject { padding:0 10px; }
    .turn_pick .info li a span.book_n,
    .turn_pick .info li a span.book_y { width:30%; }

    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
    .info_icon_box { grid-column-gap:1.2em; }
    .info_icon_box .box { padding:2em; }
    .info_icon_box .box h3 { font-size:1.4em; }

    /* 자원봉사 안내 */
    .volunteer .step { justify-content:space-between; }
    .volunteer .step > div { position:relative; }
    .volunteer .step > div:nth-child(1)::after { position:absolute; right:-18px; }
    .volunteer .step > div p { margin-right:2em; }

}

@media screen and ( max-width:800px ) {    
    /* 관람예약, 교육예약 */
    .booking_calendar { display:flex; }
    .booking_calendar #resevationCalendar,
    .booking_calendar #resevationPage { width:100% !important; }
    .booking_calendar #resevationCalendar { margin-right:0; }
    .booking_calendar #resevationPage { border-top:1px solid #1e1e1e; border-bottom: 1px solid #e8e8e8; order:3;}
    .booking_calendar .date_status { order:2;}
    
    .booking_calendar .tit .titBtn { border: 1px solid #a1a1a1; width: 40%; position: relative; font-weight: 400; font-size: 13px; cursor:pointer; margin-top:-8px;}
	.booking_calendar .space { width:100% }
	.booking_calendar .flexwrap { flex-wrap: wrap; padding: 0;} 
}

@media screen and ( max-width:768px ) {
    /* 상단 */
    .sub_top_bg .item01 { width:92px; height:92px; top:-30px; }
    .sub_top_bg .item02 { left:20px; }
    .sub_top_bg .item03 { width:50px; height:50px; bottom:40px; left:98px; }
    .sub_top_bg .item05 { width:16px; height:26px; }
    .sub_top_bg .item06 { width:60px; height:60px; right:140px; }
    .sub_top_bg .item07 { top:60px; right:60px; }
    .sub_top_bg .item04,
    .sub_top_bg .item08 { display:none; }

    /* 버튼 스타일 */
    .btn.large { padding:0 50px; } 
    .btngroup2 .btn.large,
    .btngroup3 .btn.large { padding:0 15px; }
    .btngroup2 .btn.download,
    .btngroup2 .btn.external,
    .btngroup2 .btn.ar { padding:13px 16px; }

    /* 내비게이션 */
    .bar_wrap { padding:0 20px; }
    .bar_wrap::before,
    .bar_wrap::after { content:none; }
    .sub_nav button { padding:0 12px; }
    /* 공유, 프린트 */
    .sub_top .util .print { display:none; }

    /* 탭 메뉴 */
    .sub_wrap [role="tab"] { padding:17px 0; }
    .sub_wrap .tabs.purple [role="tab"][aria-selected="true"] { padding-bottom:18px; }

    /* 상단 텍스트 박스 */
    .tip_box.tip_box1.alert { padding:2.5em 3em 2.5em 3em; }
    .tip_box.tip_box2 { padding:2em; }
    
    /* 목록 안의 링크 (관람안내 참고) */
    .txt_li ul li a.link.internal span { background-size:7%; }

    /* 야외휴게장소 예약 */
    .open_outdoor_guide { padding:14px 12px; }
    #outdoor_guide .btn_print { height:45px; line-height:45px; }

    /* 박물관소개(상징) */
    .mi_wrap img { width:50%; }
    .mi_cha_wrap .item img { width:50%; }

    /* 어린이 박물관은 */
    .museum_intro section { flex-direction:column !important; }
    .museum_intro section .txt { margin-left:0 !important; margin-right:0 !important; text-align:center; }
    .museum_intro section .img { width:80%; max-width:fit-content; }
    .museum_intro section .txt h4 { padding:35px 0 0 0 !important; }
    .museum_intro section .txt h4 br { display:none; }
    .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; }
    .museum_intro section.sect4 .txt h4 br { display:block; }
    .museum_intro section.sect4 .img .img2 { width:15%; right:-42px; }

    /* 미래상과 사명 */
    .museum_future .challenge,
    .museum_future .title,
    .museum_future .h5_wrap { margin-bottom:2.5em; }
    .museum_future .h5_wrap h5 { padding:7px 24px; }
    .museum_future .title.title2 h4 { padding:0 21px; background-size:15px; }
    .museum_future .title.title2 p br { display:none; }
    
    /* 배치도 및 시설 */
    .facility_list { grid-column-gap:1.5em; grid-row-gap:4em; }
    .facility_list .item .txt .subject { margin-bottom:10px; font-size:1.4em; }

    /* 찾아오시는 길 */
    .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(3) { border-right:0; }
    .traffic li a.link { padding:7px 13px; }

    /* 상설전시 */
    .permanent_cont .tabpanel.layout .character_txt::before { width:104px; height:60px; background-size:contain; }
    .permanent_cont .tabpanel.layout .character_txt p { padding:10px 18px; }
    /* 상설전시(관련자료) */
    .permanent .permanent_cont #tabpanel3 .h3_wrap { margin:3em 0 1em 0; }
    .permanent_cont .tabpanel.related .activity_sheet .txt,
    .permanent_cont .tabpanel.related .catalog .txt { flex-direction:column; align-items:flex-start; }
    .permanent_cont .tabpanel.related .activity_sheet p,
    .permanent_cont .tabpanel.related .catalog p { margin-left:0; }
    .permanent_cont .tabpanel.related .activity_sheet .txt a.link.link_external,
    .permanent_cont .tabpanel.related .catalog .txt a.link.link_external { margin-top:.7em; padding:9px 12px; }
    .permanent_cont .soundtrack { flex-direction:column; }
    .permanent_cont .soundtrack .controler { margin-bottom:.5em; }
    .permanent_cont .relics p { font-size:1em; }
    .permanent_cont .relics_nav li { max-width:100px; height:70px; }
    .permanent_cont .relics_cont li .box .txt .explan { margin:10px 0 20px 0; }
  
    /* 야외전시 */
    .map_wrap .map { width:590px; margin:0 auto; }

    .map_wrap .map span { width:24px; height:24px; line-height:24px; font-size:.82em; }
    .map_wrap .map span.marker1 { top:66px; left:199px; } 
    .map_wrap .map span.marker2 { bottom:144px; left:134px; } 
    .map_wrap .map span.marker3 { bottom:112px; left:326px; } 
    .map_wrap .map span.marker4 { top:166px; left:100px; } 
    .map_wrap .map span.marker5 { top:197px; left:168px; } 
    .map_wrap .map span.marker6 { top:165px; left:268px; } 
    .map_wrap .map span.marker7 { bottom:82px; left:113px; } 
    .map_wrap .map span.marker8 { bottom:104px; left:162px; } 
    .map_wrap .map span.marker9 { top:177px; right:145px; } 
    .map_wrap .map span.marker10 { bottom:133px; left:349px; } 
    .map_wrap .map span.marker11 { bottom:101px; left:297px; } 
    .map_wrap .map span.marker12 {bottom:160px;left:318px;} 
    .map_wrap .marker_name ul li button { padding:12px 0; }

    /* 개인정보처리방침 */
    .agree_box.agree_box_radio { display:block; }
    .agree_box.agree_box_radio p { margin-bottom:10px; }

    .tip_box.tip_box1.alert.no_img { padding:1.5em; }

    /* 사이버놀이터 */
    .cyber_step .box:nth-child(3) .img a { margin-bottom:0; }
    .cyber_step .box .img img { width:70%; }
    .cyber_step .box .img a { padding:15px 20px; }
    .cyber_step .box .img a img { width:42px; height:42px; }
    .cyber_step .box .img a span:nth-child(1) { font-size:0.8em; letter-spacing:0.01em; }
    .cyber_step .box .img a span:nth-child(2) { font-size:1.2em; letter-spacing:-0.02em; }
    .cyber_step .box .txt { font-size:1.15em; }
    .cyber_step .box .txt .num { width:35px; height:35px; line-height:35px; }
    .coloring { grid-template-columns:repeat(3,1fr); }

    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
    .info_icon_box { display:block; }
    .info_icon_box .box { padding:1.5em 2em; margin-bottom:1em; }
    .info_icon_box .box h3 { font-size:1.4em; }
    .info_icon_box .box h3::after { width:35px; height:35px; top:60%; }

    /* 아이콘이 있는 강조 문구 */ 
    .emphasis_wrap { padding:10px 0; }

    /* 자원봉사 안내 */
    .volunteer .step { flex-direction:column; }
    .volunteer .step > div span.num { width:45px; height:45px; background-size:contain !important; }
    .volunteer .step > div:nth-child(1) { margin-bottom:1.5em; }
    .volunteer .step > div:nth-child(1)::after { content:none; }

}

@media screen and ( max-width:600px ) {
    /* 팝업 */
    .pop .tab_wrap nav.tab_nav li { width:33.3%; }

    /******sub.css******/
    /* 상단 */
    .sub_top_bg .item01 { width:92px; height:92px; top:-50px; }
    .sub_top_bg .item02 { left:20px; }
    .sub_top_bg .item03 { width:50px; height:50px; bottom:40px; left:98px; }
    .sub_top_bg .item05 { left:530px; bottom:80px; }
    .sub_top_bg .item06 { width:60px; height:60px; top:20px; right:140px; }
    .sub_top_bg .item07 { display:none; }

    .bar_wrap nav {position: relative; z-index: 2;}
    .sub_top h2 { font-size:2em; }
    .sub_nav > li::after { content:none; }
    /* .sub_nav ul { display:none !important; } */
    .sub_nav > li { padding-right:7px; position: static; }
    .sub_nav > li:first-child { display:none; }
    .sub_nav > li:last-child { padding-right:0; }
    .sub_nav > li:last-child button::after { content:none; }
    .sub_nav > li ul { left: -10px; width: calc(100% + 20px); }
    .sub_nav button { height:55px; line-height:55px; padding:0; /*pointer-events:none;*/ }
    .sub_nav button:hover { text-decoration:none; }
    .sub_nav button:focus {outline: initial;}
    .sub_nav button::after { transform:rotate(-90deg); margin-left:7px; }
    .bar_wrap { display:block; width:100%; border-radius:0; padding:0 10px; }
    .sub_top .util { float:right; margin-top:10px; background:#E8EBEF; width:40px; height:40px; line-height:40px; }
    .sub_top .util > div .btn { width:40px; height:40px; }
    .sub_top .util .share .btn { background:url(../images/user/sub_nav_share_b.png) no-repeat center transparent; } 
    .sub_top .util .share .share_pop span.tit { line-height:1.5; color:#1e1e1e; }
    .sub_top .util .share .share_pop .btn_close { right:10px; top:9px; width:15px; height:15px; }

    @keyframes item1 { 
        25% {transform: translateX(10px) translateY(0);} 
        50% {transform: translateX(30px) translateY(10px);} 
    }
    @keyframes item2 { 
        25% {transform: translateX(15px) translateY(20px);} 
        50% {transform: translateX(-20px) translateY(0);} 
    }
    @keyframes item3 { 
        25% {transform: translateX(10px) translateY(0);} 
        50% {transform: translateX(0px) translateY(30px);} 
    }
    /* 콘텐츠 영역 */
    .sub_top { margin-bottom:60px; }
    .sub_wrap { padding:0 0 7em 0; }
    
    /* 탭 */
    .category_select_wrap { margin:0 auto 3em; }

    /* 버튼 스타일 */
    .btngroup2 button,
    .btngroup3 button { margin:0 7px 0 0; }
    .btngroup2 button:last-child,
    .btngroup3 button:last-child { margin-right:0; }
    a.link.link_apply { padding:10px 15px; }

    /*  문단, 제목 */
    .h3_wrap h3 { font-size:1.3em; }
    .paragraph.paragraph_mb { margin-bottom:4em; }
    
    /* 아이콘이 있는 강조 문구 */
    .emphasis2::before { top:3px; width:18px; height:18px; background-size:contain !important; }

    /* 상단 텍스트 박스 */
   .tip_box.tip_box1.alert.alert_red .tip_box_emphasis::before { top:3px; line-height:20px; }
   .tip_box.tip_box1.alert { padding:2em; }
   .tip_box.tip_box1.character { display:block; padding:2.5em 2em; }
   .tip_box.tip_box1.character::before { content:''; display:block; width:130px; height:71px; background-size:contain; margin:0 auto 1em; }
   .tip_box.tip_box1.character .inner { text-align:center; }
   .tip_box.tip_box1.character .inner .txt { margin:0 auto; }   
   .tip_box.tip_box2 p.tit_subtxt { width:100%; }
   .tip_box.tip_box3.yellow_charac { border-width:3px; padding:1.4em; border-radius:12px; }

    /* 관람안내 */
    .book_guide .etiquette { display:block; }
    .book_guide .etiquette .box { margin-bottom:1em; }
    .book_guide .etiquette .box:last-child { margin-bottom:0; }
    .book_guide .etiquette .box img { width:15%; }
    .book_guide .etiquette .box .tit { margin-bottom:5px; }

    /* 전시관람 예약 */
    .tip_box.tip_box1 { padding:2.5em; }
    .tip_box.tip_box1::before { content:none; }
    .tip_box.tip_box1 .inner { margin-left:0; }
    .tip_box .tip_box_emphasis { padding-left:27px; }
    .tip_box .tip_box_emphasis::before { top:1px; width:20px; height:20px; line-height:1; }
    .booking_calendar .date_status ul { font-size:.9em; }
    .booking_calendar .date_status ul li { margin-right:11px; }
    .booking_calendar .date_status ul li span::before { width:14px; height:14px; margin-right:4px; }
    .turn_pick .info li a span::before { font-size:.85em; }
    .turn_pick .info li a span.time::before { content:'\f017'; top:auto; width:auto; height:auto; margin-right:4px; background:none !important; }
    .turn_pick .info li a.end span.time::before { color:#787878; }
    .turn_pick .info li a.possible span.time::before { color:#1e1e1e; }
    .turn_pick .info li a span.book_n::after,
    .turn_pick .info li a span.book_y::after { top:auto; width:auto; height:auto; background:none !important; font-size:.85em; }
    .turn_pick .info li a span.book_n::after { content:'\f34e'; font-weight:bold; color:#b1b1b1; }
    .turn_pick .info li a span.book_y::after { content:'\f044'; font-weight:200; color:#fff; }
    
    /* 야외휴게장소 예약 */
    #outdoor_guide img { width:100%; }

    /* 개인정보처리방침 */
    .agree_box.agree_box_check .check_group { padding:12px 15px; }
    .agree_box.agree_box_check p { padding:15px; }
    
    .agree_box.agree_box_check .check_group.fdp { display: block; }
    .agree_box.agree_box_check .check_group.fdp ul{ margin-top: 10px; }
    
    /* 배치도 및 시설 */
    .facility_layout img.pc { display:none; } 
    .facility_layout img.mobile { display:block; width:100%; max-width:fit-content; padding:0 20px; }
    .facility_list { display:block; }
    .facility_list .item { margin-bottom:4em; }
    .facility_list .item:last-child { margin-bottom:0; }
    .facility_list .item .txt .subject { margin-bottom:7px; }
    .facility_list .item .txt .cont .tip { padding:10px 15px; border:1px solid #d4d4d4; }
    .facility_list .item .txt .cont .tip p { margin-left:0; }
    .facility_list .item .txt .cont .tip p span::before { top:5px; height:12px; }

    /* 미래상과 사명 */
    .museum_future .title h4 { font-size:1.6em; }
    .museum_future .title.title1 { margin-top:0; }
    .museum_future .title.title1 h4::before { top:-32px; left:-21px; width:43px; height:47px; background-size:contain !important; }
    .museum_future .foot_box img { display:none; }
    .museum_future .foot_box { padding:2.5em; }
    .museum_future .foot_box h4 strong { width:37px; height:42px; background-size:contain !important; }
    .museum_future .challenge .item { display:flex; flex-wrap:wrap; align-items:center; flex:auto; width:50%; margin-bottom:15px; text-align:left; }
    .museum_future .challenge .item:last-child { margin-bottom:0; }
    .museum_future .challenge .item .img { width:90px; }
    .museum_future .challenge .item .img img { width:100%; margin-bottom:0; }
    .museum_future .challenge .item .txt { margin-left:20px; }
    .museum_future .challenge .item .txt p { font-size:1em; }
    .museum_future .title { margin-bottom:3em; }
    .museum_future .title2 { margin-top:2.5em; }
    .museum_future .challenge,
    .museum_future .h5_wrap { margin-bottom:1.5em; }

    /* 찾아오시는 길 */
    .traffic li { padding:1.5em 0 1.5em 90px; }
    .traffic li::before { width:65px; height:65px; }
    .traffic li .subject { font-size:1.1em; }
    .traffic.subway li::before { background-size:30% !important; }
    .traffic.bus li::before,
    .traffic.local_bus li::before { background-size:37% !important; }
    .traffic.parking li::before { background-size:35% !important; }
    .traffic li .txt { width:calc(100% - 20px); }
    .traffic li .txt .tip { display:block; width:140px; margin:0; }

    /* 카드형태 정보 / 이미지+텍스트(아직 없음) / 텍스트(교육안내) */
    .card .item .txt .subject { padding-left:28px; }
    .card .item .txt .subject::before { width:20px; height:22px; background-size:contain !important; }

    /* 아이콘이 있는 강조문구 */
    .emphasis::before { top:2px; }

    /* 박물관소개(상징) */
    .mi_wrap { padding:5em 0; }
    .mi_wrap img { width:60%; }
    .mi_cha_wrap .item strong { padding:5px 25px; font-size:1.2em; }

    /* 상설전시 */
    .permanent .head { flex-direction:column; align-items:flex-start; }
    .permanent .head .subject .tit { font-size:2.2em; }
    .permanent_cont .tabpanel.related .box_detail { padding:25px 20px; }
    .permanent_cont .tabpanel.related .activity_sheet .txt a.link.link_external,
    .permanent_cont .tabpanel.related .catalog .txt a.link.link_external { margin-top:1em; padding:5px 0; border-width:0 0 1px 0; }
    .permanent .emphasis_wrap.alignC .emphasis { padding-left:21px; }
    .permanent .emphasis_wrap.alignC .emphasis::before { top:3px; }
    /* 상설전시(관련자료) */
    .permanent_cont .relics_cont li .box { flex-direction:column; align-items:center; justify-content:center; }
    .permanent_cont .relics_cont li .box .img { margin:0 auto 2em; }
    .permanent_cont .relics_cont li .box .txt { padding:0; }
    .permanent_cont .relics_nav li { width:100%; max-width:73px; height:57px; }

    /* 야외전시 */ 
    .map_wrap .map { width:400px; margin:0 auto; }

    .map_wrap .map span { width:22px; height:22px; line-height:22px; font-size:.8em; }
    .map_wrap .map span.marker1 { top:39px; left:132px; } 
    .map_wrap .map span.marker2 { bottom:101px; left:90px; } 
    .map_wrap .map span.marker3 { bottom:82px; left:219px; } 
    .map_wrap .map span.marker4 { top:104px; left:66px; } 
    .map_wrap .map span.marker5 { top:127px; left:108px; } 
    .map_wrap .map span.marker6 { top:105px; left:178px; } 
    .map_wrap .map span.marker7 { bottom:52px; left:68px; } 
    .map_wrap .map span.marker8 { bottom:70px; left:108px; } 
    .map_wrap .map span.marker9 { top:114px; right:94px; } 
    .map_wrap .map span.marker10 { bottom:98px; left:233px; } 
    .map_wrap .map span.marker11 { bottom:71px; left:197px; } 
    .map_wrap .map span.marker12 {bottom:112px;left:214px;} 
    .map_wrap .marker_name ul li button { padding:12px 0; }
    .map_wrap .marker_name ul li { width:49%; margin-right:2%; }
    .map_wrap .marker_name ul li:nth-child(3n) { margin-right:2%; }
    .map_wrap .marker_name ul li:nth-child(2n) { margin-right:0; }

    .outdoor_pop_cont .img img { width:100%; max-width:fit-content; }
    .outdoor_pop_cont.top .img img { width:49%; max-width:fit-content; }
    .outdoor_pop_cont.top .img img:first-child { margin-right:2%; }
    #outdoor_guide .cont { padding:40px 10px 10px 10px; }

    /* 우리 놀이 알기 */
    .play_view .origin .img img { max-width:250px; }
    .play_view .paragraph h3.large { font-size:1.78em; }
    .play_view .txt.medium { font-size:1.1em; }
    /* 사이버 놀이터 */
    .cyber_step .box { flex-direction:column; justify-content:flex-start; align-items:baseline; }
    .cyber_step .box .img { width:60%; margin:0 auto 1em; }
    .cyber_step .box .img img { width:100%; }
    .cyber_step .box .img a img { width:37px; height:37px; }
    .cyber_step .box .img a span:nth-child(1) { font-size:0.7em; letter-spacing:0.02em; }
    .cyber_step .box .img a span:nth-child(2) { font-size:1em; letter-spacing:-0.02em; }
    .cyber_step .box .txt { margin-left:0; font-size:1em; }
    .cyber_step .box .txt .num { width:27px; height:27px; line-height:27px; margin-bottom:.4em; }
    .cyber_step .box:nth-child(3) .img { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; }
    .cyber_step .box:nth-child(3) .img a { display:flex; align-items:center; }
    .cyber_step .box:nth-child(3) .img a:first-child { margin-right:1em; }
    .coloring { grid-template-columns:repeat(2,1fr); grid-column-gap:1.5em }
    .play_cyber .flex_sb { flex-direction:column; justify-content:flex-start; align-items:baseline; }
    .play_cyber .flex_sb .btn.download { margin-top:1em; padding:12px 15px; }

    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
    .info_icon_box .box h3 { margin-bottom:.5em; font-size:1.27em; }

    /* 자원봉사 안내 */
    .volunteer .btngroup2 { flex-direction:column; }
    .volunteer .btngroup2 button { width:100%; margin:0 0 7px 0; }
    .volunteer .btngroup2 button span { justify-content:center; }

    /* 누리집 지도 */
    .sitemap_box > ul > li { margin-bottom:30px; }
    .sitemap_box ul li a.dep1_tit::after { width:160px; }
    .sitemap_box ul li .dep2_li ul.dep2 { grid-template-columns:repeat(2,1fr); }
}

@media screen and ( max-width:480px ) {
    /* 상단 */
    .sub_top_bg .item01 { width:92px; height:92px; }
    .sub_top_bg .item02 { width:20px; height:20px; top:10px; left:20px; }
    .sub_top_bg .item03 { width:35px; height:35px; bottom:50px; left:68px; opacity:.5; }
    .sub_top_bg .item05 { left:440px; bottom:100px; }
    .sub_top_bg .item06 { width:50px; height:50px; right:70px; }
    .sub_nav button { height:45px; line-height:45px; }

    /* 문단,제목 */
    .h3_wrap h3::before { width:22px; height:24px; background-size:contain !important; }

    /* 버튼 */
    .btngroup2 button,
    .btngroup3 button { max-width:100%; }
    .btn.download,
    .btn.external,
    .btn.ar { padding:15px; }
    .btn.download span::after,
    .btn.external span::after,
    .btn.ar span::after { top:-1px; }
    .btn.large { height:45px; line-height:45px; }
    a.link span::after { width:14px; height:12px; background-size:contain !important; }

    /* 넘버링 counter */
    .txt_li ul.txt_li_num li { padding-left:27px; }
    .txt_li ul.txt_li_num li::before { top:2px; width:19px; height:19px; line-height:20px; }

    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */ 
    .info_icon_box .box h3::after { width:30px; height:30px; }
    
    /* 상단 텍스트 박스 */
    .tip_box.tip_box1.alert { padding:2em 1em; }
    .tip_box .tip_box_emphasis { margin-bottom:10px; }

    /* 배치도 및 시설 */
    .facility_list .item { margin-bottom:4.5em; }

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

    /* 미래상과 사명 */
    .museum_future .title.title1 h4::before { top:-24px; left:-15px; width:33px; height:37px; }
    .museum_future .title.title1 p br { display:none; }
    .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 p { font-size:1.1em; }
    .museum_future .challenge .item .txt p br { display:none; }
    .museum_future .challenge,
    .museum_future .h5_wrap:first-child { margin-bottom:1em; }

    /* 찾아오시는 길 */
    .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:1em; }

    /* 상설전시 */
    .permanent .emphasis { padding-left:0; font-size:.965em; line-height:1.5; }
    .permanent .emphasis::before { content:none; }
    .permanent .emphasis_wrap.alignC .emphasis br { display:block; }
    /* 상설전시(전시장 배치도) */
    .permanent_cont .tabpanel.layout .character_txt { margin-top:3.5em; }
    .permanent_cont .tabpanel.layout .character_txt::before { width:84px; height:50px; }
    .permanent_cont .tabpanel.layout .character_txt p { padding:7px 13px; margin-left:0; }
    /* 상설전시(관련자료) */
    .permanent_cont .relics_cont li .box .img { max-width:150px; }
    .permanent_cont .tabpanel.related .activity_sheet p,
    .permanent_cont .tabpanel.related .catalog p { font-size:1.04em; }

    /* 야외전시 */
    .map_wrap .marker_name ul li { width:100%; margin-right:0; }
    .map_wrap .marker_name ul li:nth-child(3n) { margin-right:0; }
    .map_wrap .map span.active {  transform:scale(1.2); line-height:22px; }

    /* 관람안내 */
    .book_guide a.link.link_apply { padding:6px 12px; }
    .book_guide a.link.link_apply span::after { width:11px; height:12px; margin-left:8px; }

    /* 전시관람 예약 */
    .tip_box.tip_box1 { padding:2.5em 2em; }
    /* 교육 예약 캘린더 */
    .booking_calendar.edu .turn_pick .info { height:400px; padding-top:1em; }
    .booking_calendar.edu .info_head { display:none; }
    .booking_calendar.edu .turn_pick .info li a span.subject { width:calc( 100% - 110px ); font-size:1.1em; letter-spacing:-0.03em; }
    .booking_calendar.edu .turn_pick .info li a span.time { width:110px; }
    .booking_calendar.edu .turn_pick .info li a span.book { width:calc( 100% - 20px ); margin:0 auto 10px auto; flex:unset; padding:5px 0; font-size:.9em; }

    /* 전시관람 예약 신청서, 예약완료 */
    .exhibition_book_complete .page_tit h3 { font-size:1.8em; line-height:1.4; }
    .exhibition_book_complete .page_tit::before { width:50px; height:50px; line-height:55px; margin:0 auto 10px auto; }

    /* strong + p (교육안내 참고) */
    .txt_li ul li { margin-bottom:10px; }
    .txt_li ul.strong_p li { flex-direction:column; }

    /* 카드형태 정보 / 이미지+텍스트(아직 없음) / 텍스트(교육안내) */
    .card .item { padding:1.7em; }
    .card .item .txt .subject { font-size:1.15em; }

    /* 자료 > 어린이와 박물관 연구 */
    .research .paragraph .btngroup button { width:100%; }
    .research .paragraph .btngroup button span { justify-content:center; }

    /* 우리 놀이 알기 */
    .play_view .origin { padding:2em; }
    /* 사이버놀이터 */
    .cyber_step .box:nth-child(3) .img { margin:0 auto 2em; }
    .cyber_step .box:nth-child(3) .img a:first-child { margin-right:0.5em; }
    .coloring { grid-template-columns:repeat(1,1fr); }
    .coloring li .txt .btn { padding:12px 15px !important; }

    /* 자원봉사 안내 */
    .volunteer .page_tit p br { display:block; }

    /* 누리집 지도 */
    .sitemap_box ul li a.dep1_tit::after { width:120px; }
    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit { height:35px; line-height:35px; }
    
}

@media screen and ( max-width:400px ) {
    /* 관람 안내 */
    .book_guide .paragraph .txt_li ul li a.link.internal span { line-height:1; }

    /* 전시관람 예약 */
    .turn_pick .info li a span.turn { flex-grow:.8; }
    .booking_calendar .date_status { padding:10px 0; }
    .booking_calendar .date_status ul { display:block; }
    .booking_calendar .date_status ul li:first-child { margin-bottom:5px; }
    .booking_calendar .date_status ul li:nth-child(n+2) { display:inline-block; }
    
    /* 교육 예약일 경우 */
    .turn_pick .info li a span.book_n,
    .turn_pick .info li a span.book_y { width:26%; }
    
    /* 야외휴게장소 예약 */
    .open_outdoor_guide span { align-items:center; }
    .open_outdoor_guide span::after { position:relative; top:-1px; width:16px; height:14px; background-size:contain; }

    /* 박물관 소개(상징) */
    .mi_cha_wrap .item { margin-right:.5em; }
    .mi_cha_wrap .item strong { font-size:1.1em; padding:4px 16px; }

    /* 어린이박물관은 */
    .museum_intro section .txt h4 br, 
    .museum_intro section.sect2 .txt p br { display:block; }

    /* 미래상과 사명 */
    .museum_future .title.title1 h4::before { top:-26px; left:-1px; }
    .museum_future .title h4 { font-size:1.45em; padding:0 15px; }

    /* 찾아오시는 길 */
    .location .alignR { text-align:left !important; }
    
    /* 넘버링 counter */
    .txt_li ul.txt_li_num li::before { top:1px; }
    
    /* 상설전시(전시장 배치도) */
    .permanent_cont .tabpanel.layout .character_txt::before { width:74px; height:50px; }
    .permanent_cont .tabpanel.layout .character_txt p { padding:7px 13px; margin-left:0; }
    /* 상설전시(관련자료) */
    .permanent_cont .relics_nav li { max-width:75px; }

    /* 야외전시 */ 
    .map_wrap .map { width:350px; margin:0 auto; }

    .map_wrap .map span { width:21px; height:21px; line-height:21px; font-size:.8em; }
    .map_wrap .map span.marker1 { top:26px; left:101px; } 
    .map_wrap .map span.marker2 { bottom:85px; left:67px; } 
    .map_wrap .map span.marker3 { bottom:68px; left:189px; } 
    .map_wrap .map span.marker4 { top:86px; left:55px; } 
    .map_wrap .map span.marker5 { top:107px; left:93px; } 
    .map_wrap .map span.marker6 { top:65px; left:117px; } 
    .map_wrap .map span.marker7 { left:58px; } 
    .map_wrap .map span.marker8 { bottom:58px; left:89px; } 
    .map_wrap .map span.marker9 { top:97px; right:84px; } 
    .map_wrap .map span.marker10 { bottom:85px; left:204px; } 
    .map_wrap .map span.marker11 { bottom:61px; left:175px; } 
    .map_wrap .map span.marker12 {bottom:99px;left:184px;} 
    
    /* 사이버놀이터 */
    .cyber_step .box:nth-child(3) .img { flex-direction:column; justify-content:flex-start; }
    .cyber_step .box:nth-child(3) .img a { width:100%; }
    .cyber_step .box:nth-child(3) .img a:first-child { margin:0 0 5px 0; }
    
    /* 아이콘, 회색배경, 정보 박스 (관람안내, 자원봉사 안내) */
    .info_icon_box .box { padding:1.3em; }
    .info_icon_box .box h3 { font-size:1.2em; }
   
    /* 일반페이지 테이블(교육학습과정안) */
    .table_scroll.general table td { width:35%; }
}

@media screen and ( max-width:360px ) {
    /* 상단 */
    .sub_nav button::after { margin-left:1px; }
    .museum_future .title h4 { font-size:1.3em; }
}

@media screen and ( min-width:1025px ) {
    /* hover */
    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit:hover,
    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit:focus { background:#0197a0; color:#fff; }
    .sitemap_box ul li .dep2_li ul.dep3 li a:hover,
    .sitemap_box ul li .dep2_li ul.dep3 li a:focus { text-decoration:underline; color:#0197a0; }

    .sub_nav button:hover { text-decoration:underline; } 
    .sub_nav ul a:hover,
    .sub_nav ul a:focus { background:#ddd; } 

    .sub_wrap [role="tab"]:focus,
    .sub_wrap [role="tab"]:hover { color:#1e1e1e; outline:1px dotted #0197a0; } 
    .sub_wrap .tabs.purple [role="tab"]:focus,
    .sub_wrap .tabs.purple [role="tab"]:hover { outline-color:#515498; } 

    .red .turn_pick .info li a.possible:hover { border-color:#c82133; } 
    .pink .turn_pick .info li a.possible:hover { border-color:#b5304f; } 


    .turn_pick .info li a.end:hover { cursor:default; } 
    .turn_pick .info li a.possible:hover { border-color:#0197a0; } 

    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit[target="_blank"]:hover::after,
    .sitemap_box ul li .dep2_li ul.dep2 li a.dep2_tit[target="_blank"]:focus::after { background:url(../images/user/icon_link_w.png) no-repeat center; background-size:contain; }
}