@charset "utf-8";

/*
 * File Name : content.css
 * 작성일 : 2025-12-28
 */


/********************************************************
 
 *  Content
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub 01 : 박물관 소개
 *----------------------------------------------------------------------------*/

/* 인사말 */
.greetings {}
.greetings .cont_vis {position: relative;height:400px;}
.greetings .cont_vis img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: top}
.greeting_cont {margin-top: 100px;display: flex;gap:100px;}
.greeting_cont .cont_left {flex:0 0 400px;}
.greeting_cont .cont_left strong {display: block;border:4px solid #ccc;border-top-color:#15579f;border-right-color:#15579f;border-left-width: 1px;border-bottom-width: 1px; padding:45px 55px;font-weight:700; font-size:34px;margin-bottom: 40px}
.greeting_cont .cont_left strong em {font-weight:700;color:#15579f}
.greeting_cont p {font-size:20px;line-height: 1.6;color:#444}
.greeting_cont p + p {margin-top: 30px;}
.greeting_cont p + strong {display: block; font-size: 20px;margin-top: 20px;}
.greeting_cont p em {display: block;font-size:16px;font-weight:400;line-height: 1.4;margin-top: 10px;}


/* 연혁 */
.history {}
.history .inr {display: flex;gap:80px;}
.history .cont_vis {position: sticky;top: 50px;left: 0; flex: 0 0 400px;height: max-content;margin-top: 30px}
.history .cont_vis p {position: absolute;left:0;top: 0;padding:30px 20px;font-size:36px; font-weight:600; color:#000;border-top: 3px solid #000;border-bottom: 1px solid #ccc; line-height: 1.4;}
.history .cont_vis p strong {font-weight: 600;color:#15579f}
.history .cont_vis img {display: block; width: 100%; height: 100%; object-fit:cover;}
.history_wrap {width: 100%}
.history_wrap .history_cont {padding: 0 60px;}
.history_wrap .history_cont ul {position: relative;padding: 20px 0}
.history_wrap .history_cont ul:before {content: ""; position: absolute;top: 0;left:150px;width:1px; height: 100%;background:#ddd;}
.history_wrap .history_cont ul li {position: relative;padding-left: 220px;margin:30px 0}
.history_wrap .history_cont ul li h4.year_tit {position: absolute; left: 0; top:0; width: 150px; font-size: 30px;font-weight: 700;color:#15579f;}
.history_wrap .history_cont ul li h4.year_tit:before {content: "";position: absolute;right:-15px;top:8px;width:30px;height: 30px;display: block;border-radius: 50%;background:#e5e5e5;}
.history_wrap .history_cont ul li h4.year_tit:after {content: "";position: absolute;right:-5px;top:18px;width:10px;height: 10px;display: block;border-radius: 50%;background:#15579f;}
.history_wrap .history_cont ul li dl {display: flex;flex-wrap: wrap;padding: 5px 0}
.history_wrap .history_cont ul li dl dt {font-size: 20px;font-weight: 700; color:#000;margin-bottom: 10px;width:100px;}
.history_wrap .history_cont ul li dl dd{font-size: 18px;margin-bottom: 10px;width:calc(100% - 100px);line-height: 1.4;color:#222}


/* 건립소개 */
.purpose {}
.purpose .rd_box_wrap {margin-top: 0}
.purpose .rd_box_wrap p {font-size: 18px;margin:10px 0;font-weight: 500;color:#222;position: relative;padding-left:30px;background:url("../images/sub/icon_chk.png") no-repeat left 4px;}
.purpose .rd_box_wrap p .sm_txt {display: block; font-size: 15px;margin-top: 5px}
.introduce_cont {display: flex;flex-direction: column;gap:60px;}
.introduce_cont .bg_cont {padding:100px 80px;background:url("../images/sub/construction_bg.jpg") no-repeat center center / cover;border-radius: 10px;}
.introduce_cont .bg_cont dl {display: flex;gap:30px;flex-wrap: wrap;color:#fff;width: 70%;}
.introduce_cont .bg_cont dl dt {position: relative;font-size: 22px;line-height: 60px;height: 60px; text-align: center;padding: 0 30px;border-radius: 10px;background:#fff;color:#000;font-weight: 700;flex: 0 0 230px;}
.introduce_cont .bg_cont dl dt:after {content: "";position: absolute;right: -8px;top: 50%;transform:translateY(-50%);display: block;width: 0;height: 0;border-left: 8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.introduce_cont .bg_cont dl dd {width:calc(100% - 260px)}
.introduce_cont .bg_cont dl dd p {margin-bottom:5px;;font-size: 16px;}
.introduce_cont .bg_cont dl dd.duration p {position: relative;padding-left: 15px;}
.introduce_cont .bg_cont dl dd.duration p:before {content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background:#fff;position: absolute;left: 0;top:10px;}
.introduce_cont .bg_cont dl dd strong {display: block; font-size:22px;line-height: 1.3; font-weight: 600;margin-bottom: 10px}
.introduce_cont .source_txt {text-align: center;display: flex;flex-direction: column;gap:20px;font-size: 26px;font-weight: 700;color: #000;padding: 60px 80px;border-radius: 10px;background: url("../images/sub/guide_bg.png") no-repeat center bottom / cover}
.introduce_cont .source_txt strong {font-size: 18px;font-weight: 500;}


/* MI 캐릭터 슬로건 */
.mi {}
.mi_top_char {font-size: 32px;font-weight: 700;color: #15579f;margin-bottom: 0;}
.mi_top_char::before {content: "|";margin-right: 10px;color: #15579f;}
.color_sys + .mi_top_char {margin-top: -50px;}
.mi_cont {display: flex;flex-direction: column;justify-content: center;align-items: center;gap:40px;background:url("../images/sub/mi_bg.jpg") no-repeat center center / cover;border-radius: 10px;padding:120px 80px;}
.mi_cont .mi_cont_tit {text-align: center}
.mi_cont .mi_cont_tit strong {font-size:40px;font-weight: 800;color:#15579f;border-bottom: 2px solid #15579f;border-top: 2px solid #15579f;padding: 20px 0}
.mi_cont .mi_cont_tit p {font-size: 22px;font-weight: 500;color:#222;margin-top:50px;}
.mi_cont .mi_logo {width: 100%;max-width:600px;margin: 0 auto}
.mi_cont .mi_logo .mi_logo_img {display: flex;flex-direction: column;align-items: center;gap:80px;border-radius:20px;background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.05);padding:80px 30px 120px;}
.mi_cont .mi_logo .mi_logo_img img {width: 100%;max-width: 350px;}
.mi_cont .mi_logo .mi_desc {display: flex;flex-direction: column;align-items: center;gap:10px;margin-top: 30px;}
.mi_cont .mi_logo .mi_desc .desc_top {font-size: 20px;font-weight: 500;color:#222}
.mi_cont .mi_logo .mi_desc .dot_list li {font-weight: 500;color:#15579f}
.color_sys {display: flex;flex-direction: column;}
.color_sys .sys_cont {display: flex;gap:30px;justify-content: space-between;}
.color_sys .sys_cont .cont_box {border-top: 1px solid #000;padding:30px 0; width: 100%; min-width: 33%;
}}
.color_sys .sys_cont .cont_box p {font-size: 16px;}
.color_sys .sys_cont .cont_box .colors {display: flex;flex-direction: column;border-radius: 10px;padding: 30px 25px;background:#000;margin-top: 20px}
.color_sys .sys_cont .cont_box .colors.color1 {background:#00356A}
.color_sys .sys_cont .cont_box .colors.color2 {background:#0069BB}
.color_sys .sys_cont .cont_box .colors.color3 {background:#000}
.color_sys .sys_cont .cont_box .colors .hex_code {font-size: 15px;font-weight: 500;color:#fff}
.color_sys .sys_cont .cont_box .colors .cmyk_code {font-size: 18px;font-weight: 500;color:#fff}
.char_cont {margin-top: 100px;display: flex;flex-direction: column;gap:50px;}
.char_cont .img_char {display: flex;flex-direction: column;align-items: center;justify-content: center;background:#f8f8f8;border-radius: 20px;padding: 100px 50px;}
.char_cont .img_char .img {padding: 80px;border-radius: 20px;background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.05);}
.char_cont p {display: flex;flex-direction: column;gap:20px;align-items: center;margin-top: 30px;text-align: center;font-size: 18px;font-weight: 500}
.char_cont p strong {display: block;font-size: 30px;font-weight: 800;color:#15579f}
.char_cont p .kwd {display: inline-block;font-size: 20px;font-weight: 600;color:#000;padding: 12px 30px;border-radius: 50px;border:1px dashed #15579f;background:#fff}
.char_motion {}
.char_motion .motion_cont {display: grid;grid-template-columns: repeat(3,1fr);gap:40px}
.char_motion .motion_cont .img {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;border:1px solid #ddd;border-radius: 10px;text-align: center;padding:100px 50px 50px; overflow: hidden}
.char_motion .motion_cont .img_desc {position: absolute;left: 0;top: 0;width: 100%; display: block;text-align: center;padding: 20px; font-size: 20px;font-weight: 600;color:#000;background:#f8f8f8}


/* 조직 및 업무 */
.orga_cont_wrap {background:#f8f8f8;padding: 80px 50px 100px;display: flex;justify-content: center; align-items: center;}
.orga_cont_wrap ul {width:100%;max-width:800px;text-align: center}
.orga_cont_wrap ul li {}
.orga_cont_wrap ul li.depth0 {position: relative;width:220px;height:60px;background:#0a3d62;border-radius: 10px;margin:0 auto;z-index: 1}
.orga_cont_wrap ul li.depth0:after {content: "";position: absolute;left:50%;top:100%;width: 1px;height: 40px;background:#aaa;}
.orga_cont_wrap ul li.depth0 strong {font-size:20px;}
.orga_cont_wrap ul li.depth1 {position: relative;width:220px;height: 60px;background:url("../images/common/logo_bg.jpg") no-repeat center center / cover;border-radius: 10px; z-index: 1 }
/*.orga_cont_wrap ul li.depth1:before {content: "";position: absolute;left:10px;top:10px;width: 200px;height: 40px;border:1px solid #fff;border-radius: 10px}*/
.orga_cont_wrap ul li.depth1:after {content: "";position: absolute;left:50%;top:100%;width: 1px;height: 50px;background:#aaa;} 
.orga_cont_wrap ul li .depth_cont {position: relative;display: flex;flex-direction: column;justify-content: center; align-items: center;height: 100%;}
/*.orga_cont_wrap ul li.depth1 .depth_cont:before {content: "";position: absolute;left:4px;top:50%;transform: translateY(-50%);display: block;width:14px;height:14px;background:#b57020;border-radius: 50%;z-index: 1}
.orga_cont_wrap ul li.depth1 .depth_cont:after {content: "";position: absolute;right:2px;top:50%;transform: translateY(-50%);display: block;width:14px;height:14px;background:#b57020;border-radius: 50%;z-index: 1}*/
.orga_cont_wrap ul li strong {font-size:20px;font-weight: 600; color:#fff;}
.orga_cont_wrap ul li.depth1 {margin: 0 auto}
.orga_cont_wrap ul li.depth0 + li.depth1 {margin-top: 40px;}
.orga_cont_wrap ul li.depth2 {position: relative;width:270px;/*border:1px solid #15579f;background:#fff;*/margin-top:80px;}
.orga_cont_wrap ul li.depth2:before {content: "";position: absolute;top:-32px;width: 100%;height: 1px;background:#aaa;}
.orga_cont_wrap ul li.depth2:after {content: "";position: absolute;top:-32px;width:1px;height: 32px;background:#aaa;}
.orga_cont_wrap ul li.depth2.depth2_1:before {left: 50%;}
.orga_cont_wrap ul li.depth2.depth2_2:before {right: 50%;}
.orga_cont_wrap ul li.depth2 .depth_cont {position: relative;width: auto;height: auto;}
.orga_cont_wrap ul li.depth2.depth2_1 {float: left;}
.orga_cont_wrap ul li.depth2.depth2_2 {float: right;}
.orga_cont_wrap ul li.depth2 strong {display: block;width: 100%; font-size: 20px;color:#fff;padding: 8px 10px;border-radius: 10px}
.orga_cont_wrap ul li.depth2.depth2_1 strong {background:#357aed;}
.orga_cont_wrap ul li.depth2.depth2_2 strong {background:#b57020;}
.orga_cont_wrap ul li p {font-size: 20px;color:#b57020;font-weight: 500}
.orga_cont_wrap ul li.depth2 p {width:100%;font-size: 18px;color:#222;padding: 10px 20px;background:#fff;}

.orga_work_wrap {display: flex;flex-direction: column; gap:80px;margin-top:80px;}
.orga_list_box {}


/* 찾아오시는 길 */
.location {}
.location .location_wrap {display:grid;gap:60px}
.location .map_wrap {height: 600px;border:1px solid #e5e5e5; overflow: hidden;}
.location .map_wrap .root_daum_roughmap {width: 100% !important; height: 100% !important;}
.location .map_wrap .root_daum_roughmap .wrap_map {width: 100% !important; height: 100% !important;}
.location .map_wrap .root_daum_roughmap .wrap_map .map {width: 100% !important; height: 100% !important; margin: 0;}
.location_box {display: flex;flex-direction: column;gap:50px;}
.location .info {display: flex;flex-direction: column;gap:20px;padding:50px 60px;border:1px solid #000;width: 100%;}
.location .info h3 {font-size: 30px;font-weight: 600; color:#000;}
.location .info .info_cont {display: flex;justify-content: space-between;align-items: center;gap:50px;}
.location .info .info_cont h4 {font-size: 20px;font-weight: 600; color:#000;}
.location .info .info_cont ul {}
.location .info .info_cont ul li {display: flex;gap:10px;align-items: center;font-size: 18px;margin: 5px 0;color:#000;line-height: 1.3}
.location .info .info_cont ul li:before {content: "";flex-shrink: 0; display: inline-block;width:30px;height: 30px;border-radius: 50%;line-height: 30px;text-align: center;}
.location .info .info_cont ul li.addr:before {background:#444 url("../images/sub/icon_location_w.png") no-repeat center}
.location .info .info_cont ul li.phone {font-size:24px;font-weight: 600; color:#15579f;}
.location .info .info_cont ul li.phone:before {background:#444 url("../images/sub/icon_call_w.png") no-repeat center}
.location .info .info_cont .btn_map {flex-shrink: 0; display:flex;height:50px;justify-content: center;gap:6px;padding: 0 20px;border-radius: 5px; align-items: center;text-align: center;font-size: 15px;font-weight: 500;color:#000;background:#ffd800;}
.location .info .info_cont .btn_map.naver {background:#03a94d;color:#fff;}
.location .info .info_cont .btn_map .icon {display: inline-block;width: 20px;height: 20px;}
.location .info .info_cont .btn_map.kakao .icon {background:url("../images/sub/icon_kakao.svg") no-repeat center center / 20px auto;}
.location .info .info_cont .btn_map.naver .icon {background:url("../images/sub/icon_naver.svg") no-repeat center center / 14px auto;}
.btn_map_move {display: flex;flex-direction: column;gap:10px;}
.location .traffic {}
.location .traffic .traffic_cont {border-top: 1px solid #000}
.location .traffic .traffic_cont ul {}
.location .traffic .traffic_cont ul li {display: flex;gap:30px;position: relative;align-items: center;padding: 30px 0 30px 85px;border-bottom: 1px solid #ddd}
.location .traffic .traffic_cont ul li:before {content: "";position: absolute;left: 0;top:25px; display: block;width: 70px;height: 70px;border-radius: 50%;}
.location .traffic .traffic_cont ul li.subway:before {background:#f8f8f8 url("../images/sub/icon_subway.png") no-repeat center center}
.location .traffic .traffic_cont ul li.bus:before {background:#15579f url("../images/sub/icon_bus.png") no-repeat center center}
.location .traffic .traffic_cont ul li h4 {font-size: 22px;font-weight: 600; color:#000;}
.location .traffic .traffic_cont ul li p { font-size: 18px;}
.location .traffic .traffic_cont ul li p strong {display: block; font-size: 18px; font-weight: 500; color:#15579f;}

@media screen and (max-width:1600px){

}
@media screen and (max-width:1400px){
  .greeting_cont {margin-top:80px;display: flex;gap:60px;}
  .greeting_cont p {font-size: 18px;}
  .greeting_cont p + strong {font-size: 18px;}
}
@media screen and (max-width:1200px){
  .introduce_cont .bg_cont dl {width: 100%;}
  
  .history .cont_vis {flex: 0 0 300px;margin-top: 20px;}
  .history .cont_vis p {padding: 25px 10px;font-size: 32px;}
  .history_wrap .history_cont {padding: 0;}
}
@media screen and (max-width:1024px){
  .greeting_cont {flex-direction: column}
  .greeting_cont .cont_left {flex: none;}
  .greeting_cont .cont_left strong {font-size:30px;margin-bottom: 0;}
  .introduce_cont .bg_cont dl {flex-direction: column;}
  .introduce_cont .bg_cont dl dt {flex-shrink: 0;width:200px;padding: 0 20px;font-size: 20px;line-height:50px;height: 50px;flex: none;}
  .introduce_cont .bg_cont dl dt:after {right: auto;left: 50%;top:auto;bottom: -8px;transform: translateX(-50%);border:none;border-top: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;}
  .introduce_cont .bg_cont dl dd {width:100%;}
  .introduce_cont .source_txt {font-size: 22px;padding:40px 60px;}
  
  .history .inr {flex-direction: column;gap:50px}
  .history .cont_vis {position: static;height: auto;flex: 0}
  .history .cont_vis p {flex:none; position: static;width: 100%;height: auto}
  .history_wrap {padding: 0 10px}
  
  .color_sys .sys_cont {flex-direction: column;}
  .char_motion .motion_cont {grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:960px){
  .greeting_cont {flex-direction: column;gap:50px;}
  .greeting_cont .cont_left {flex: 0 0 100%;}
  .greeting_cont .cont_left strong {margin-bottom: 20px}
  
  .location .info .info_cont {flex-direction: column;align-items: flex-start;gap:20px}
  .btn_map_move {flex-direction: row;}
}
@media screen and (max-width:768px){
  .greetings .cont_vis {height:300px;}
  .greeting_cont .cont_left strong {font-size: 28px;padding: 25px 35px;margin-bottom:0;}
  
  .introduce_cont .bg_cont {padding: 60px 50px;}
  .introduce_cont .source_txt {font-size: 20px;padding:30px 40px;}
  .introduce_cont .source_txt strong {font-size: 16px;}
  .introduce_cont .source_txt br {display: none}
  
  .mi_top_char{font-size:20px}
  .mi_cont{gap:30px;padding:80px 40px}
  .mi_cont .mi_cont_tit strong{display:block;font-size:30px;padding:15px 0}
  .mi_cont .mi_cont_tit p{font-size:18px;margin-top:30px}
  .mi_cont .mi_logo .mi_desc .desc_top{font-size:16px}
  .color_sys .sys_cont{gap:10px}
  .color_sys .sys_cont .cont_box{padding:20px 0}
  .color_sys .sys_cont .cont_box p{font-size:15px}
  .color_sys .sys_cont .cont_box .colors{padding:25px 20px}
  .color_sys .sys_cont .cont_box .colors .hex_code{font-size:14px}
  .color_sys .sys_cont .cont_box .colors .cmyk_code{font-size:16px}
  .char_cont{margin-top:50px;gap:30px}
  .char_cont .img_char{padding:60px 40px}
  .char_cont p strong{font-size:26px}
  .char_cont p{gap:10px;margin-top:20px;font-size:16px}
  .char_cont p .kwd{font-size:18px;padding:10px 25px}
  .char_motion .motion_cont .img{padding:80px 30px 40px}
  .char_motion .motion_cont .img_desc{padding:10px 15px;font-size:18px}
  
  .orga_cont_wrap {padding:60px 40px 80px;}
  
  .orga_cont_wrap ul li.depth1 {width:180px;height:50px;}
  .orga_cont_wrap ul li.depth1:before {width: 160px;height: 30px;}
  .orga_cont_wrap ul li strong {font-size:18px;line-height: 1.2}
  .orga_cont_wrap ul li.depth1:after {height: 20px;}
  .orga_cont_wrap ul li.depth0 {width:180px;height:50px;}
  .orga_cont_wrap ul li.depth0:after {height: 20px;}
  .orga_cont_wrap ul li.depth0 + li.depth1 {margin-top:20px;}
  .orga_cont_wrap ul li.depth2 {width:140px;margin-top:40px;}
  .orga_cont_wrap ul li.depth2:before {top: -20px;}
  .orga_cont_wrap ul li.depth2:after {top: -20px;height:20px;}
  .orga_cont_wrap ul li.depth2 strong {font-size:18px;padding: 15px 15px;}
  .orga_cont_wrap ul li.depth2.depth2_2:before {width:calc(100% + 95px)}
  .orga_cont_wrap ul li.depth2.depth2_1:before {width:calc(100% + 95px)}
  .orga_work_wrap {gap:40px;margin-top:40px;}
  
  .location .map_wrap {height:500px;border: 1px solid #e5e5e5;overflow: hidden;}
  .location .info {gap: 10px;padding: 30px 40px;}
  .location .info h3 {font-size: 24px;}
  .location .info .info_cont ul li {font-size: 16px;}
  .location .info .info_cont ul li.phone {font-size:22px;}
  .location .info .info_cont .btn_map {height: 45px;gap: 5px;padding: 0 20px;font-size: 14px;}
  .location .traffic .traffic_cont ul li {gap: 20px;padding:20px 0 20px 70px;}
  .location .traffic .traffic_cont ul li:before {top: 20px;width: 50px;height: 50px;}
  .location .traffic .traffic_cont ul li.bus:before {background-size: 20px auto}
  .location .traffic .traffic_cont ul li h4 {font-size:20px;}
  .location .traffic .traffic_cont ul li p {font-size: 16px;}
  .location .traffic .traffic_cont ul li p strong {font-size:16px;}
}
@media screen and (max-width:640px){
  .btn_map_move {flex-direction: column;}
  
  .orga_cont_wrap ul li.depth2.depth2_2:before {width:calc(100% + 30px)}
  .orga_cont_wrap ul li.depth2.depth2_1:before {width:calc(100% + 30px)}
}
@media screen and (max-width:480px){
  .greetings .cont_vis {height:200px;}
  .greeting_cont {gap: 40px;margin-top:50px}
  .greeting_cont .cont_left strong {font-size:24px;padding: 25px 30px;}
  .greeting_cont p {font-size: 16px;line-height: 1.5}
  .greeting_cont p + strong {font-size: 16px;}
  
  .purpose .rd_box_wrap p {font-size: 16px;padding-left:25px;background-size: 18px auto}
  .purpose .rd_box_wrap p .sm_txt {font-size: 14px;}
  .introduce_cont .bg_cont {padding: 40px 35px;}
  .introduce_cont .bg_cont dl {gap:20px}
  .introduce_cont .bg_cont dl dt {width: 180px;font-size: 18px;line-height: 40px;height: 40px;}
  .introduce_cont .bg_cont dl dd strong {font-size:20px;}
  .introduce_cont .bg_cont dl dd p {font-size: 14px;}
  .introduce_cont .source_txt {font-size: 18px;padding: 20px 30px;gap:10px}
  .introduce_cont .source_txt strong {font-size: 15px;}
  
  .mi_top_char{font-size:18px}
  .mi_cont{gap:20px;padding:60px 30px}
  .mi_cont .mi_cont_tit strong{font-size:26px;padding:10px 0;line-height: 1.2}
  .mi_cont .mi_logo .mi_logo_img{padding:30px 30px 60px}
  .char_cont .img_char{padding:50px 30px}
  .char_cont .img_char .img{padding:30px}
  .char_cont p strong{font-size:22px}
  .char_cont p{font-size:15px}
  .char_motion .motion_cont{gap:10px}
  .char_motion .motion_cont .img{padding:50px 20px 30px}
  .char_motion .motion_cont .img_desc{padding:5px 10px;font-size:16px}
  
  .orga_cont_wrap {padding:50px 30px 60px;}
  .orga_cont_wrap ul li.depth1 {width:180px;height:45px;}
  .orga_cont_wrap ul li.depth1:before {top:5px;left: 5px; width: 170px;height:35px;}
  .orga_cont_wrap ul li strong {font-size: 18px;}
  .orga_cont_wrap ul li.depth1:after {height:15px;}
  .orga_cont_wrap ul li.depth0 {width:160px;height:45px;}
  .orga_cont_wrap ul li.depth0:after {height:15px;}
  .orga_cont_wrap ul li.depth0 + li.depth1 {margin-top:15px;}
  .orga_cont_wrap ul li.depth2.depth2_2:before {width:calc(100% + 10px)}
  .orga_cont_wrap ul li.depth2.depth2_1:before {width:calc(100% + 10px)}
  .orga_cont_wrap ul li.depth2 {width:115px;margin-top:30px;}
  .orga_cont_wrap ul li.depth2:before {top: -15px;}
  .orga_cont_wrap ul li.depth2:after {top: -15px;height:15px;}
  .orga_cont_wrap ul li.depth2 strong {font-size:16px;padding:10px 10px;}
  .orga_work_wrap {gap:30px;}
  
  .location .info h3 {font-size: 20px;}
  .location .traffic .traffic_cont ul li {flex-direction: column;align-items: flex-start;gap:5px;padding:25px 20px 25px 60px;}
  .location .traffic .traffic_cont ul li:before {top: 20px;width: 45px;height: 45px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 02 : 이용안내
 *----------------------------------------------------------------------------*/

/* 관람안내 */
#view_guide {}
.view_guide_top {display: flex;justify-content: center;gap:80px;align-items: center;background:url("../images/sub/guide_bg.png") no-repeat center center / cover;padding:80px  50px;border-radius: 10px;overflow: hidden}
.view_guide_top h4 {display: flex;align-items: center;gap:10px;font-family: "ChungjuKimsaeng";font-weight: normal; font-size: 36px;color:#000;line-height: 1.2}
.view_guide_top h4 .icon {font-size: 0;}
.view_guide_top .line {width: 1px;height:100px;background:#ccc; }
.view_guide_top .view_time {font-size: 40px;font-weight: 800;color:#15579f;}
.view_guide_top ul li {font-size: 18px;color:#000;padding-left: 25px;background:url("../images/sub/icon_chk.png") no-repeat left 5px;margin: 5px 0}

.view_infor {background:url("../images/sub/time_bg.jpg") no-repeat center center / cover;margin-top:35px}
.view_infor .inr > ul {display: flex;justify-content: space-between;align-items: stretch;gap:30px;padding: 80px 0}
.view_infor .inr > ul > li {flex:1 0 0;display: flex;flex-direction: column;gap:5px;align-items: center;background:#fff;border-radius: 10px;padding: 40px 30px;}
.view_infor .inr > ul > li + li {border-left:1px solid #ddd;}
.view_infor .inr > ul > li h5 {font-size: 30px; font-weight: 700; color:#15579f;}
.view_infor .inr > ul > li.view_infor_time h5 {background:url("../images/sub/icon_guide_1.png") no-repeat left center;}
.view_infor .inr > ul > li.view_infor_holiday h5 {background:url("../images/sub/icon_guide_2.png") no-repeat left center;}
.view_infor .inr > ul > li.view_infor_price h5 {background:url("../images/sub/icon_guide_3.png") no-repeat left center;}
.view_infor .inr > ul > li .view_infor_desc {font-size: 22px;font-weight:600; color:#000;text-align: center}
.view_infor_ment {font-size: 18px;padding-left:25px;background:url("../images/sub/icon_ment_gray.png") no-repeat left 3px;margin-top: 10px;}
.view_infor .inr .dot_list {margin-top: 10px;}

.view_note {margin-top: 100px;padding: 60px 0 0;}
.view_note .note_tit_box {display: flex;gap:80px;align-items: center;border-top: 1px solid #00427e;border-bottom: 1px solid #00427e;padding: 50px 0}
.view_note .note_tit {flex: 0 0 400px; font-size: 36px;font-weight: 700; color: #15579f;line-height: 1.2; padding-left:100px;background:url("../images/sub/icon_note.png") no-repeat left center;}
.view_note .note_tit strong {color: #dc1c1c;}
.view_note .note_ment {font-size: 18px;}
.view_note .note_cont {padding: 80px 0;}
.view_note .note_cont:last-of-type {padding-bottom: 0}
.view_note .note_cont + .note_cont {border-top: 1px solid #ddd;}
.view_note .note_cont h5 {font-size: 30px;font-weight: 700; color:#000}
.view_note .note_cont ul {display: flex;flex-direction: column;gap:10px;margin-top: 40px}
.view_note .note_cont ul li {font-size:18px;}


/* 전시해설 */
#commentary {}
#commentary .cont_gap {gap:40px;}
.half_cont {display: flex;gap:100px;padding: 50px 0;border-top: 1px solid #ddd}
.half_cont h4 {flex: 0 0 300px;font-size: 22px;font-weight: 600;color:#000;padding:40px;height: 150px; background:#f8f8f8;border-radius: 10px;}
.half_cont h4 .sm_txt {display: block; font-size: 16px;}
.half_cont .cont_list {width: 100%}
.half_cont .cont_list ul {}
.half_cont .cont_list ul li {display: flex;flex-wrap: wrap;gap:10px;align-items: center;font-size: 18px;margin-bottom: 10px;}
.half_cont .cont_list ul li strong {flex: 0 0 140px; font-size: 20px; font-weight: 600;color:#000;text-decoration: underline}
.half_cont .cont_list ul li .time {font-size: 22px;color:#15579f;font-weight: 700}
.half_cont .cont_list ul li .sm_txt {font-size: 15px;}
.cont_foot_info {display: flex;flex-direction: column;gap:15px;}
.cont_foot_info .accent {display: block; font-size: 15px;margin-top:5px}
.cont_foot_info .depart {width:100%;font-size: 18px;margin-top: 20px;padding-left: 25px}


/* 시설안내 */
.facility_cont_box {}
.facility_cont_wrap .tab_content {display: none;}
.facility_cont_wrap .tab_content_active {display: block;}
.facility_cont_box ol {display: flex;flex-direction: column;gap:40px;}
.facility_cont_box ol > li {}
.facility_cont_box ol li.facility_cont {display: flex;flex-direction: column;gap:30px;padding:50px 0}
.facility_cont_box ol li.facility_cont + li {border-top: 1px solid #ddd;}
.facility_cont_box ol li.facility_cont > h4 {display: flex; gap:10px; align-items: flex-start;text-align: left;font-size: 30px;font-weight: 600;line-height: 1.3; color:#000;}
.exp_num {display: block;width: 40px; height: 40px; line-height:40px;border-radius: 50%;text-align: center;background:#15579f;font-size:14px;font-weight: 700;color:#fff;}
.facility_cont_box ol li.facility_cont .cont_row {display: flex;flex-direction: row-reverse;align-items: flex-start;gap:50px;}
.facility_cont_box ol li.facility_cont .cont {flex:1 1 40%;min-width: 0;}
.facility_cont_box ol li.facility_cont .cont p {font-size: 18px;background:#f8f8f8;padding: 30px;border-radius:10px;}
.facility_cont_box ol li.facility_cont .cont_slider {flex:1 1 50%;min-width: 0;position: relative;display: block;}
.facility_cont_box ol li.facility_cont .cont_slider .swiper-slide {width: 100% !important;border-radius: 10px;overflow: hidden;}
.facility_cont_box ol li.facility_cont .cont_slider img {display: block;width: 100%;height: 100%;object-fit: cover;cursor: zoom-in;}
.facility_cont_box ol li.facility_cont .cont_slider .swiper-button-prev, 
.facility_cont_box ol li.facility_cont .cont_slider .swiper-button-next {font-size: 0}
.facility_cont_box ol li.facility_cont .cont_slider .swiper-button-prev:after,
.facility_cont_box ol li.facility_cont .cont_slider .swiper-button-next:after {font-size:24px;color:#fff;}
.facility_cont_box ol li.facility_cont .slider_control {position: absolute;right:110px;bottom:10px;}
.facility_cont_box ol li.facility_cont .slider_control .swiper-pagination {display: inline-block;width:80px; padding: 0 15px;line-height: 30px; border-radius: 50px;background:rgba(0,0,0,0.5);color:#fff;}

.in_facility {}
.in_facility .in_img {border-radius: 10px;font-size: 0; overflow: hidden;}
.in_facility .in_img img {max-width: none;width: 100%;}
.in_facility_desc {}
.in_facility_sign {display: flex;gap:20px;align-items: center;justify-content: flex-end}
.in_facility_sign .icon {display:grid;justify-items: center;gap:5px;align-items: center;font-size:13px;font-weight: 500;color:#444;text-align: center}
.in_facility_sign .icon + .icon {border-left: 1px solid #ddd;padding-left: 10px;}
.in_facility_sign .icon img {width:30px;}
.in_facility_desc > ul {display: flex;flex-direction: column;border-top: 2px solid #000;margin-top: 30px}
.in_facility_desc > ul > li {position: relative;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #ddd;padding:35px 0 35px 120px}
.in_facility_desc > ul > li .in_floor {position: absolute;left: 0;top:5px;width:100px;height: 100px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.in_facility_desc > ul > li .in_floor span {display: block; width: 80px;height: 80px;line-height:80px;text-align: center;background:#15579f;font-size:26px;font-weight: 800;color:#fff;border-radius: 5px;}
.in_facility_desc > ul > li:last-child .in_floor span {background:#008b7e;}
.in_facility_desc > ul > li .in_name {display: flex;flex-wrap: wrap;gap:10px;align-items: center}
.in_facility_desc > ul > li .in_name span {flex: 0 0 160px; font-size: 20px;font-weight: 500;color:#000;text-align: center;}
.in_facility_desc > ul > li .in_sign {margin-left: auto;padding-right: 10px}
.in_facility_desc > ul > li .in_sign ul {display: flex;gap:10px;}
.in_facility_desc > ul > li .in_sign ul li img {display: block; width: 30px;}

.floor_img {position: relative;background:#f8f8f8;padding: 100px;border-radius: 10px;overflow: visible}
.floor_img .floor_num {position: absolute;left: 60px;top: 60px;background:#de4224;border-radius: 20px 20px 0 20px;font-size: 36px;font-weight: 800;color:#fff;display: block;width: 100px;height: 100px;text-align: center;line-height: 100px;}

.facility_cont_box .img_list {flex:1 1 50%;min-width: 0;}
.facility_cont_box .img_list ul {display: flex;gap:30px;align-items: stretch}
.facility_cont_box .img_list ul li {flex: 1 0 0;font-size: 0;border-radius: 10px;overflow: hidden;}
.facility_cont_box .img_list ul li img {display: block;max-width: none;width: 100%;height: 100%;object-fit: cover;cursor: zoom-in;}


/* 대관안내 */
.note {}
.note .note_tit {display: flex;gap:10px;align-items: center;font-size:22px;font-weight: 700;color:#000;margin-bottom: 20px;}
.note .note_tit:before {content: "";display: block;width: 20px;height: 20px;background:url("../images/common/icon_ment.png") no-repeat center;}

.terms {display: flex;flex-direction: column;gap:40px;padding:40px 0;border-top: 1px solid #000}
.terms_row {}
.terms_row strong {display: block; font-size:20px;font-weight: 600;color:#000;margin-bottom: 15px;}
.terms_row p {font-size: 17px;font-weight: 500; color:#444;padding: 0 10px;}
.terms_row p.ind {padding:15px 10px 0;font-size: 16px;font-weight: 400;color:#666}

@media screen and (max-width:1500px){
  .half_cont .cont_list ul li strong {flex: 0 0 100%;}
  
  .in_facility_desc > ul > li{padding:20px 0 20px 120px}
  .in_facility_desc > ul > li .in_name{gap:2px 20px}
  .in_facility_desc > ul > li .in_name span{flex:0 0 auto}
  .in_facility_desc > ul > li .in_sign{width:100%;margin-top:10px}
}
@media screen and (max-width:1300px){
  
}
@media screen and (max-width:1200px){
  .half_cont {gap: 80px;}
  .half_cont h4 {flex: 0 0 220px;font-size: 20px;padding: 30px;height: 120px;}
}
@media screen and (max-width:1024px){
  .half_cont {flex-direction: column;gap:40px;}
  .half_cont h4 {flex: 0 0 100%;padding: 20px 30px;height: auto;}
  .half_cont .cont_list {padding: 0 30px}
  
  .floor_img{padding:60px 40px}
  .floor_img .floor_num{left:30px;top:30px;font-size:32px;width:80px;height:80px;line-height:80px}

  .facility_cont_box ol li.facility_cont .cont_row {flex-direction: column;align-items: stretch;gap:30px;}
  .facility_cont_box ol li.facility_cont .cont,
  .facility_cont_box ol li.facility_cont .cont_slider,
  .facility_cont_box .img_list {flex: none;}
}
@media screen and (max-width:960px){
  .view_infor .inr > ul {flex-direction: column;gap:20px;padding:60px 0;}
  
  .view_guide_top {flex-direction: column;justify-content: flex-start;gap:30px;align-items: flex-start;padding:60px;}
  .view_guide_top .line {width:100%;height: 1px;}
  .view_note .note_tit_box {flex-direction: column;align-items: flex-start;gap:30px;padding:30px 0;}
  .view_note .note_tit {flex: 0 0 100%;font-size: 30px;padding-left: 80px;background-size: 60px auto;}
}
@media screen and (max-width:768px){
  .view_guide_top h4 {font-size: 30px;}
  .view_guide_top ul li {font-size: 16px;background-position: left 2px;}
  .view_note .note_cont h5 {font-size: 26px;}
  .view_note .note_cont ul li {font-size:16px;}
  
  .half_cont {gap:30px;padding:40px 0}
  .half_cont h4 {font-size: 18px;padding: 15px 25px;}
  .half_cont .cont_list {padding: 0 25px;}
  .half_cont .cont_list ul li {font-size: 15px;}
  .half_cont .cont_list ul li .time {font-size:20px;}
  .half_cont .cont_list ul li strong {flex: 0 0 100%;font-size: 17px;}
  .half_cont .cont_list ul li .sm_txt {font-size: 14px;}
  .cont_foot_info .depart {font-size: 15px;padding-left: 0;}
  .cont_foot_info .depart strong {display: block;}
  
  .facility_cont_box ol li.facility_cont .cont_slider .swiper-button-prev:after,.facility_cont_box ol li.facility_cont .cont_slider .swiper-button-next:after{font-size:16px}
  .facility_cont_box ol li.facility_cont .cont h4{font-size:26px}
  .facility_cont_box ol li.facility_cont .cont h4 .exp_num{width:36px;height:36px;line-height:36px;font-size:13px}
  .facility_cont_box ol li.facility_cont .cont p{font-size:16px;padding:25px}
  .facility_cont_box ol li.facility_cont .slider_control{right:80px;bottom:0}
  .facility_cont_box ol li.facility_cont .slider_control .swiper-pagination{font-size:13px;width:70px;padding:0 10px;line-height:25px}
  .in_facility_sign{justify-content:center;gap:10px}
  .in_facility_sign .icon img{width:20px}
  .in_facility_desc > ul > li{padding:15px 0 15px 100px}
  .in_facility_desc > ul > li .in_floor{top:15px;width:80px;height:80px}
  .in_facility_desc > ul > li .in_floor span{width:60px;height:60px;line-height:60px;font-size:22px}
  .in_facility_desc > ul > li .in_name span{font-size:18px}
  .in_facility_desc > ul > li .in_sign ul li img{width:25px}
  .floor_img{padding:40px 30px}
  .floor_img .floor_num{left:20px;top:20px;font-size:26px;width:60px;height:60px;line-height:60px}
  .facility_cont_box .img_list{margin-top:20px}
  .facility_cont_box .img_list ul{gap:15px}
  
  .note .note_tit {font-size: 18px;margin-bottom: 10px;}
  
  .terms {gap:30px;padding: 20px 0;}
  .terms_row p {font-size: 16px;}
  .terms_row p.ind {font-size: 15px;}
}
@media screen and (max-width:640px){
  .view_guide_top {gap: 20px;padding: 40px;}
  .view_guide_top h4 {font-size: 26px;}
  .view_guide_top h4 .icon {width: 30px;}
  .view_guide_top .view_time {font-size:30px;}
}
@media screen and (max-width:480px){
  .view_guide_top ul li {font-size: 15px;}
  .view_infor .inr > ul > li .icon {font-size: 0;width: 30px;}
  .view_infor .inr > ul > li h5 {font-size:26px;}
  .view_infor .inr > ul > li .view_infor_desc strong {display: block;}
  
  .view_note {margin-top:50px;padding: 30px 0 0;}
  .view_note .note_tit {font-size: 22px;padding-left: 60px;background-size: 45px auto;}
  .view_note .note_ment {font-size:16px;}
  .view_note .note_cont {padding: 50px 0;}
  .view_note .note_cont h5 {font-size: 22px;}
  .view_note .note_cont ul {margin-top:20px;}
  .view_note .note_cont ul li {font-size: 15px;}
  
  .cont_foot_info .depart {font-size: 14px;}
  .cont_foot_info .accent {font-size: 14px;}
  
  .facility_cont_box ol{gap:20px}
  .facility_cont_box ol li.facility_cont{gap:30px;padding:30px 0}
  .facility_cont_box ol li.facility_cont .cont h4{font-size:22px}
  .facility_cont_box ol li.facility_cont .cont h4 .exp_num{width:30px;height:30px;line-height:30px;font-size:12px}
  .facility_cont_box ol li.facility_cont .cont p{font-size:15px;padding:20px}
  .in_facility_sign{gap:7px}
  .in_facility_sign .icon{gap:3px;font-size:12px}
  .in_facility_desc > ul > li{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 10px}
  .in_facility_desc > ul > li .in_floor{position:static;width:50px;height:50px}
  .in_facility_desc > ul > li:first-child .in_floor{display:none}
  .in_facility_desc > ul > li .in_floor span{width:100%;height:100%;line-height:50px;font-size:20px}
  .in_facility_desc > ul > li .in_name span{font-size:16px}
  .in_facility_desc > ul > li .in_sign{margin-top:0}
  .in_facility_desc > ul > li .in_sign ul li img{width:20px}
  .floor_img{padding:30px 15px}
  .floor_img .floor_num{left:10px;top:10px;font-size:18px;width:40px;height:40px;line-height:40px;border-radius:10px 10px 0 10px}
  .facility_cont_box .img_list ul{gap:10px}
  
  .terms_row strong {font-size: 18px;}
  .terms_row p {font-size: 15px;}
  .terms_row p.ind {font-size: 14px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 03 : 전시
 *----------------------------------------------------------------------------*/

/* 상설전시 */
.perm_exh .floor_img {border-radius: 10px 10px 0 0;border:1px solid #555;}
.img_descr {border-radius: 0 0 10px 10px;padding: 40px 50px;background: #555;color:#fff}
.img_descr p {font-size: 18px;font-weight: 500;}
.img_descr p strong {display: block;font-size: 24px;font-weight:700;margin-bottom: 10px;}

.perm_exh .cont_gap {margin-top: 80px}
.exh_img_list {padding:50px 0;border-top: 1px solid #000}
.exh_img_list ul {display: grid;grid-template-columns: repeat(3,1fr); gap:40px;}
.exh_img_list li {flex: 1 0 0;background:#f6f6f6;border-radius: 10px;border:1px solid #ddd;overflow: hidden;}
.exh_img_list li .img {display: block;border-radius: 10px 10px 0 0;}
.exh_img_list li .img img {display: block;}
.exh_img_list li .list_cont {padding:30px 40px;}
.exh_img_list li .list_cont  strong {display: block; font-size:22px;font-weight: 600;color:#000;}
.exh_img_list li .list_cont  p {padding: 15px 0; font-size: 18px;font-weight: 500;color:#444;border-top:2px solid #000;margin-top:15px;}


/* 어린이 박물관 */
.child_museum {}
.child_museum .view_infor,
.edu_guide .view_infor {background:none;border:1px solid #15579f;border-radius: 10px;}
.child_museum .view_infor ul,
.edu_guide .view_infor ul {padding:20px 0}
.exp_schedule {width: 100%;padding:40px 0;}
.exp_schedule h4 {position: relative; font-size: 26px; font-weight: 600; color:#000;padding-left:15px;}
.exp_schedule h4:before {content: "";position: absolute;left: 0;top:15px;display: block;width:5px;height: 5px;border-radius: 50%; background:#000;}
.exp_schedule ul {display: flex;gap:10px;flex-wrap: wrap;margin-top: 10px;}
.exp_schedule ul li {display: inline-flex; align-items: center;width:calc(25% - 10px);border-radius:10px;border:1px solid #ccc;padding:15px 25px;font-size: 18px;font-weight: 500; }
.exp_schedule ul li strong {display: inline-block;margin-right: 10px;color:#fff;background:#666;line-height: 30px;padding: 0 15px;border-radius: 50px;font-weight: 600;font-size: 15px;}
.child_museum .view_infor_desc strong,
.edu_guide .view_infor_desc strong {display: block;font-size:30px;font-weight:700;line-height: 1.4}
.child_museum .view_infor_desc .sm_txt,
.edu_guide .view_infor_desc .sm_txt {font-size:18px;font-weight: 500;color:#444}
/*어린이 박물관 버튼*/
.exp_btn {text-align:left;}
.exp_btn .btn_download {display: inline-flex;align-items: center;gap:8px;line-height: 60px;padding: 0 40px;border-radius: 10px; background:#15579f;font-size:18px; font-weight:500;color:#fff; margin-top: 20px;}
.exp_btn .btn_download:after {content: "";display: inline-block;width:18px;height: 18px;background:url("../images/common/arr_go.png") no-repeat center center / 16px auto;}

.child_exp_cont_box {margin:50px 0 80px}
.child_exp_cont_box ol {display: grid;grid-template-columns: repeat(3,1fr); gap:30px;}
.child_exp_cont_box ol > li {}
.child_exp_cont_box ol li.child_exp_cont {display: flex;flex-direction: column-reverse;/*align-items: stretch;*/border:1px solid #ddd;border-radius: 10px;justify-content: flex-end;overflow: hidden}
.child_exp_cont_box ol li.child_exp_cont .cont {/*width:50%;*/padding:30px 40px 40px;}
.child_exp_cont_box ol li.child_exp_cont .cont h4 {display: flex; gap:10px; align-items: center;font-size: 30px;font-weight: 700;line-height: 1.3; color:#000;}
.child_exp_cont_box ol li.child_exp_cont .cont h4 .exp_num {flex-shrink: 0; display: block;width: 30px; height: 30px; line-height: 30px;border-radius: 50%;text-align: center;background:#15579f;font-size: 15px;font-weight: 700;color:#fff;}
.child_exp_cont_box ol li.child_exp_cont .cont p {margin-top: 20px;font-size:20px;}
.child_exp_cont_box ol li.child_exp_cont .cont_img {/*flex:0 0 500px;height: 100%;*/font-size: 0}

@media screen and (max-width:1200px){
  .exh_img_list ul {display: grid;grid-template-columns: repeat(2,1fr); gap:30px;}
  
  .exp_schedule ul li {width: calc(33.3333% - 10px);}
  
  .child_exp_cont_box ol li.child_exp_cont .cont h4 {font-size: 26px;}
  .child_exp_cont_box ol li.child_exp_cont .cont p {margin-top:15px;font-size:18px;}
  /*.child_exp_cont_box ol li.child_exp_cont .cont_img {flex: 0 0 400px;}*/
}
@media screen and (max-width:1024px){
  .child_museum .view_infor_desc strong,
  .edu_guide .view_infor_desc strong {font-size: 22px;line-height: 1.3;}
  .child_museum .view_infor ul,
  .edu_guide .view_infor ul {flex-direction: row;padding: 10px 0}
  .child_museum .view_infor .inr > ul > li,
  .edu_guide .view_infor .inr > ul > li{padding:30px 10px;}
  .child_museum .view_infor .inr > ul > li h5,
  .edu_guide .view_infor .inr > ul > li h5 {font-size: 26px;}
  .exp_schedule ul li {width: calc(50% - 10px);}
  .child_exp_cont_box ol {display: grid;grid-template-columns: repeat(2,1fr); gap:25px;}
  /*.child_exp_cont_box ol li.child_exp_cont {gap: 40px;}*/
}
@media screen and (max-width:960px){
  .perm_exh .cont_gap {margin-top: 60px;gap:60px;}
  .img_descr {padding:30px 40px;}
  .img_descr p strong {font-size: 20px;}
  .img_descr p {font-size: 16px;}

  .exh_img_list li .list_cont  strong {font-size: 20px;margin-bottom: 10px;}
  .exh_img_list li .list_cont  p {font-size: 16px;}
  
  /*.child_exp_cont_box ol li.child_exp_cont {flex-direction: column;gap:0;}
  .child_exp_cont_box ol li.child_exp_cont .cont {width: 100%;padding: 40px;}*/
  .child_exp_cont_box ol li.child_exp_cont .cont p {margin-top: 10px;font-size: 18px;}
  .child_exp_cont_box ol li.child_exp_cont .cont_img {flex: 0}
  .child_exp_cont_box ol li.child_exp_cont .cont_img img {max-width: none;width: 100%;}
}
@media screen and (max-width:768px){
  .perm_exh .cont_gap {margin-top: 40px;gap:40px}
  .exh_img_list ul {gap: 20px;}
  .exh_img_list li .list_cont {padding: 20px 25px;}
  .exh_img_list li .list_cont  strong {font-size: 18px;}
  
  .child_museum .view_infor,
  .edu_guide .view_infor {margin-top: 50px;}
  .child_museum .view_infor ul,
  .edu_guide .view_infor ul {flex-direction: column;}
  .child_museum .view_infor .inr > ul > li + li,
  .edu_guide .view_infor .inr > ul > li + li{border-top: 1px solid #ddd;border-left: none}
  .exp_schedule ul {flex-direction: column;}
  .exp_schedule ul li {padding:15px;font-size: 16px;width: 100%;}
  .exp_schedule ul li strong {margin-right:8px;line-height:25px;padding: 0 15px;font-size:14px;}
  .child_exp_cont_box {margin:20px 0 30px;}
  .child_exp_cont_box ol li.child_exp_cont .cont {padding:30px;}
  .child_exp_cont_box ol li.child_exp_cont .cont h4 {font-size: 26px;}
  .child_exp_cont_box ol li.child_exp_cont .cont p {font-size: 16px;}
  .exp_btn .btn_download {justify-content: center;width: 100%;}
}
@media screen and (max-width:640px){
  .history .inr {gap:40px;}
  .history .cont_vis p {font-size:24px;}
  .history_wrap .history_cont ul:before {left:13px;}
  .history_wrap .history_cont ul li {padding-left:40px;}
  .history_wrap .history_cont ul li h4.year_tit {position: static;width:100%;font-size: 22px;}
  .history_wrap .history_cont ul li h4.year_tit:before {right:auto;left: 0;top:8px;width:26px;height:26px;}
  .history_wrap .history_cont ul li h4.year_tit:after {right: auto;left: 8px;top: 16px}
  .history_wrap .history_cont ul li dl dt {font-size: 18px;}
  .history_wrap .history_cont ul li dl dd {font-size: 16px;padding-top: 3px}
  
  .child_exp_cont_box ol li.child_exp_cont .cont {padding:20px 25px;}
  .child_exp_cont_box ol li.child_exp_cont .cont h4 {font-size:22px;}
  .child_exp_cont_box ol li.child_exp_cont .cont h4 .exp_num {width: 25px;height: 25px;line-height: 25px;font-size: 13px;}
  .child_exp_cont_box ol li.child_exp_cont .cont p {font-size:15px;}
}
@media screen and (max-width:540px){
  .child_exp_cont_box ol {grid-template-columns: repeat(1,1fr);}
}
@media screen and (max-width:480px){
  .img_descr {padding: 25px 30px;}
  .img_descr p {font-size: 15px;}
  .exh_img_list ul {grid-template-columns: repeat(1,1fr);gap:20px;}
  .exh_img_list li .list_cont {padding: 20px 25px 15px;}
  .exh_img_list li .list_cont  strong {font-size:18px;}
  .exh_img_list li .list_cont  p {padding: 15px 0;font-size: 15px;}
  
  .child_exp_cont_box ol li.child_exp_cont .cont {padding:20px;}
  .child_exp_cont_box ol li.child_exp_cont .cont h4 {font-size: 22px;}
  .child_exp_cont_box ol li.child_exp_cont .cont p {font-size: 15px;}
  .child_exp_cont_box ol li.child_exp_cont .cont h4 .exp_num {width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
  .child_museum .view_infor .inr > ul > li,
  .edu_guide .view_infor .inr > ul > li {padding:20px 10px;}
  .child_museum .view_infor .inr > ul > li h5,
  .edu_guide .view_infor .inr > ul > li h5 {font-size: 22px;}
  .child_museum .view_infor .inr > ul > li .view_infor_desc,
  .edu_guide .view_infor .inr > ul > li .view_infor_desc {font-size: 18px;}
  .child_museum .view_infor_desc .sm_txt,
  .edu_guide .view_infor_desc .sm_txt {font-size: 16px;}
  .exp_schedule {
    padding: 20px 0;
}
  .exp_schedule h4 {font-size: 20px;padding-left:15px;}
  .exp_schedule h4:before {top: 12px;}
  
}


/*-----------------------------------------------------------------------------
 *  Sub 04 : 교육/행사
 *----------------------------------------------------------------------------*/

/* 교육안내 */
.disp_img {display: flex;align-items: stretch;justify-content: space-between;margin-top: 80px;border-radius: 10px;border:1px solid #ddd;overflow: hidden;}
.disp_img p {flex: 1 0 0;display: flex;align-items: center;gap:20px;padding: 80px;font-size: 20px;font-weight: 500;color:#000;background:#f8f8f8;line-height: 1.4;}
.disp_img p .icon {flex:0 0 50px;display: inline-block;width: 50px;}
.disp_img .bg_img {flex: 1 0 0; height:350px;}
.disp_img .bg_img img {display: block;width: 100%;height: 100%;object-fit: cover}
.edu_guide .cont_foot_info,
.edu_guide .note {margin-top:50px;}

@media screen and (max-width:1024px){
  .disp_img {margin-top: 50px;}
  .disp_img p {padding: 50px 40px;font-size: 18px;}
}
@media screen and (max-width:960px){
  .disp_img {flex-direction: column;}
}
@media screen and (max-width:480px){
  .disp_img p {align-items: flex-start;padding: 30px 25px;font-size: 16px;gap:10px}
  .disp_img p .icon {flex: 0 0 36px;width: 36px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 05 : 소장유물
 *----------------------------------------------------------------------------*/

/* 소장현황 */
.get_state .rd_box_wrap {margin-top: 0;}


/* 구입기증기탁안내 */
.sm_tit_list {margin-bottom: 30px;}
.rd_txt_p + .sm_tit_list {margin-top: 30px;}
.sm_tit_list li {display: flex;gap:15px;align-items: center;margin-bottom:15px;font-size: 18px;align-items: flex-start;}
.rd_txt_p + .sm_tit_list li:last-child {margin-bottom: 0}
.sm_tit_list li strong {font-size: 18px;border-radius: 50px;line-height: 30px;padding: 0 20px;border:1px solid #15579f;color:#15579f;font-weight: 500;flex: 0 0 70px;text-align: center}
.get_info .dot_list {border-radius: 10px;border:1px dashed #888;padding:30px 40px;}
.get_info .dot_list li {font-size: 18px;}
.get_info .dot_list li:before {width: 6px;height: 2px;border-radius: 0;top: 12px}
.get_info .dot_list li em {display: block;font-size: 15px;}
p.tip {padding: 20px 10px;font-size: 15px;color:#DC2427}
.step_box > li .inner .num.num02{width:100%; border-radius:5px;}
.step_box{display: flex;padding:30px;background: #f6f6f6;flex-direction: column;flex-wrap: wrap;border-radius: 10px;}
.step_box > li{position: relative;padding: 20px;text-align:center;border-radius:10px;background: #fff;box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.step_box > li:before{content: ""; display:inline-block;width:20px;height: 20px; position:absolute;bottom:-25px; right:calc(50% - 5px);transform: rotate(90deg);background:url("../images/common/arr_next_off.png") no-repeat center center}
.step_box > li:last-child:before{display:none;}
.step_box > li .inner .num {width:35px;height: 50px;border-radius: 50%;background: #15579f;font-weight: 600;line-height:50px;} 
.step_box > li .inner{display: flex; padding:0;width:100%;flex-direction: column;flex-wrap: nowrap;}
.step_box > li .inner .num{flex-shrink: 0; width:40px;height:40px;line-height:40px; margin: 0 auto 10px;background-color: #15579f;color: #fff;font-size:16px;}
.step_box > li .step_box_title{display:block;margin-bottom: 0;color: #000;font-size:15px;font-weight: 500;border-radius: 10px;border:1px solid #ddd;padding:10px}
.step_box > li .step_box_text{display:block;padding-top: 10px;font-size:16px;font-weight: 500; line-height: 20px;color: #666;}
.step_box > li:last-child .inner:before, 
.step_box > li.last-child .inner:before{display:none;}
.step_box > li{width: 100%;margin: 0 auto 30px;height: auto}
.download_btns.type2 {margin-top: 30px;background:#f6f6f6;border-radius: 10px;padding: 30px;}


@media all and (min-width: 960px) { 
  .step_box{display: flex;padding:30px; flex-direction: row;flex-wrap: nowrap;justify-content: space-evenly;border-radius: 10px;background: #f6f6f6;}
  .step_box > li{width: 20%;margin: 20px;}
  .step_box > li:before{display:block;top:calc(50% - 7px);right:-35px; transform:rotate(0);}
  .step_box > li .step_box_title {font-size: 17px;}
  .step_box01{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}   
  .step_box01 > li{width:28%;height: 200px;}  
  .step_box01 > li:before{display:block;top:calc(50% - 7px);right: -30px; transform:rotate(0);}  
}
@media screen and (max-width:1240px){
.download_btns.type2 {flex-direction: column;}
}
@media screen and (max-width:768px){
  .sm_tit_list li {font-size: 15px;padding-left: 10px}
  .sm_tit_list li strong {font-size: 16px;flex: 0 0 60px;}
  .get_info .dot_list {padding: 20px 25px;}
  .get_info .dot_list li {font-size:16px;}
  .get_info .dot_list li:before {top: 10px;}
  p.tip {padding: 15px 10px;font-size:14px;}
}
@media screen and (max-width:640px){
  .sm_tit_list li {flex-direction: column;align-items: flex-start;justify-content: flex-start;gap:10px}
  .sm_tit_list li strong {flex: none;}
  .get_info .inq_number p {flex-direction: column;gap:5px}
  .get_info .inq_number p em {padding-left: 0;border-left:none}
}
@media screen and (max-width:480px){
  .get_info .dot_list li {font-size: 15px;}
  .get_info .dot_list li:before {top:9px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 06 : 의병자료
 *----------------------------------------------------------------------------*/

/* 인물 */
.list_half_cont {display: flex;flex-direction: column;}
.list_half_cont .list_row {position: relative;min-height:200px;border-bottom: 1px solid #ddd;padding: 50px 0 50px 500px}
.list_half_cont .list_row > p {position: absolute;left:10px;top:50px;display: flex;flex-direction: column;font-size: 20px;font-weight: 500;color:#000}
.list_half_cont .list_row > p .numb {font-weight: 800;color:#888;font-size: 17px;margin-bottom: 10px;}
.list_half_cont .list_row > p strong {display: block; font-size: 30px;font-weight: 700;color:#000}
.list_half_cont .list_row .rd_box_wrap {margin-top: 0}

/* 서훈자 */
.blank_link {display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;padding:150px 50px;border-radius: 10px;background:url("../images/sub/blank_link_bg.jpg") no-repeat center center / cover}
.blank_link strong {font-size:40px;font-weight: 800;color:#fff;}
.blank_link a {display: inline-flex;align-items: center;padding: 0 50px;height: 60px;gap:10px;background:#D0272A;border-radius: 10px;font-size: 18px;color:#fff;font-weight: 500}
.blank_link a:hover {background: #F1373A}
.blank_link a .icon {font-size: 0;width: 20px;}

@media screen and (max-width:1200px){
  .list_half_cont .list_row {padding: 50px 0 50px 400px;}
}
@media screen and (max-width:1024px){
  .list_half_cont .list_row {padding:40px 0;}
  .list_half_cont .list_row > p {position: static;font-size: 18px;margin-bottom: 20px}
}
@media screen and (max-width:768px){
  .list_half_cont .list_row > p strong {font-size: 26px;}
  
  .blank_link {padding:100px 40px;}
  .blank_link strong {font-size:30px;}
  .blank_link a {padding: 0 30px;height: 50px;font-size: 16px;}
  .blank_link a .icon {width: 16px;}
}
@media screen and (max-width:480px){
  .list_half_cont .list_row > p {font-size: 16px;}
  .list_half_cont .list_row > p strong {font-size:24px;}
  .list_half_cont .list_row > p .numb {font-size: 15px;}
  
  .blank_link {padding:80px 30px;gap:10px;}
  .blank_link strong {font-size:26px;}
  .blank_link a {padding: 0 25px;height: 40px;font-size: 15px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 07 : 기증기탁
 *----------------------------------------------------------------------------*/