@charset "utf-8";
#sub_content { width: 100%; margin-bottom: 100px; }
.subArea-wrap { width: 100%; margin: 0 auto; min-height: 700px; }
.subArea-wrap .sub-visual-area { display: flex; align-items: center; justify-content: center; width: 100%; height: 262px; }
.subArea-wrap .sub-visual-area { background: url(../images/page/t_img_exhi_01.png) repeat-x center top; background-size: cover; }
.subArea-wrap .sub-visual-area span { font-size: 40px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, .5) }
/*************************/
.subArea-wrap div.snb { width: 100%; height: 56px; background: #3f4581 }
.subArea-wrap div.snb ul { width: 1300px; height: 56px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.subArea-wrap div.snb ul li { flex-grow: 1; display: flex; height: 56px; align-items: center; justify-content: center; border-right: 1px solid rgba(255, 255, 255, .2); }
.subArea-wrap div.snb ul li:first-child { border-left: 1px solid rgba(255, 255, 255, .2); }
.subArea-wrap div.snb ul li a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; color: #fff; font-size: 18px; transition: all 0.1s; }
.subArea-wrap div.snb ul li a:hover { background: #fff; color: #333; }
.subArea-wrap div.snb ul li a.on { background: #fff; color: #333; }
/*************************/
.subArea-wrap .conts-area { width: 1300px; margin: 0 auto; }
.subArea-wrap .conts-area .pageTitle { color: #000000; font-size: 34px; display: flex; margin: 70px 0 60px; align-items: center; justify-content: center; }
/*************************/
.subArea-wrap .snb-tab { width: 700px; height: 70px; margin: 40px auto; display: flex; justify-content: center; align-items: flex-start }
.subArea-wrap .snb-tab li { flex-grow: 1; display: flex; align-items: center; justify-content: center; margin: 0 3px; width: 33.3% }
.subArea-wrap .snb-tab li a { font-size: 24px; width: 100%; height: 70px; display: flex; color: #999; border-top: 3px solid #999; transition: all 0.1s; align-items: center; justify-content: center; }
.subArea-wrap .snb-tab li a:hover { color: #3f4581; border-top: 3px solid #3f4581; }
.subArea-wrap .snb-tab li a.on { color: #3f4581; border-top: 3px solid #3f4581; }
/*************************/
.subArea-wrap .conts-area > section { }
.subArea-wrap .conts-area > section > article { margin-bottom: 60px }
.aboutus .subArea-wrap .conts-area > section > article { margin: 60px 0 }
.subArea-wrap .conts-area > section > article .comment { width: 100%; font-size: 14px; }
.subArea-wrap .conts-area .sub-pageTitle { padding-left: 30px; background: url("../images/page/ico-bullet.png") no-repeat left 5px; font-size: 22px; margin: 10px 0 20px }
.subArea-wrap .conts-area .sec-pageTitle { padding-left: 0px; font-size: 18px; margin: 60px 0 20px; color: var(--text-black02-color); line-height: 140% }
/*************************/
.education .subArea-wrap .pay-table { width: 100% }
.education .subArea-wrap .pay-table thead { border-top: 2px solid #9fa2c0; border-bottom: 2px solid #ddd; background: #f8f8fb; font-size: 18px }
.education .subArea-wrap .pay-table thead tr { }
.education .subArea-wrap .pay-table thead th { padding: 16px; }
.education .subArea-wrap .pay-table thead td { }
.education .subArea-wrap .pay-table tbody { font-size: 16px }
.education .subArea-wrap .pay-table tbody tr { border-bottom: 1px solid #eee; }
.education .subArea-wrap .pay-table tbody td { text-align: center; padding: 16px; border-left: 1px solid #eee }
.education .subArea-wrap .pay-table tbody th { padding: 16px; background: #f5f5f5; }
/************************************************************ 전시-관람안내  ************************************************************/
.exhibition .subArea-wrap .exhibi-cont01-01 { display: flex; justify-content: center; align-items: flex-start; margin-top: 70px; }
.exhibition .subArea-wrap .exhibi-cont01-01 li { flex-grow: 1; float: left; width: 33.3%; padding: 0 40px 0 50px;  border-right: 1px solid #ddd; word-break: keep-all; line-height: 140% }
.exhibition .subArea-wrap .exhibi-cont01-01 li:first-child { border-left: 1px solid #ddd; }
.exhibition .subArea-wrap .exhibi-cont01-01 li span { display: flex; width: 100px; height: 100px; float: left; border-radius: 100%; margin-right: 30px; padding: 10px; }
.exhibition .subArea-wrap .exhibi-cont01-01 li:nth-child(1) span { background: #e0d300 }
.exhibition .subArea-wrap .exhibi-cont01-01 li:nth-child(2) span { background: #076db7 }
.exhibition .subArea-wrap .exhibi-cont01-01 li:nth-child(3) span { background: #f8b847 }
.exhibition .subArea-wrap .exhibi-cont01-01 li span img { }
.exhibition .subArea-wrap .exhibi-cont01-01 li p { font-size: 22px; margin-bottom: 10px }
.exhibition .subArea-wrap .exhibi-cont01-01 li em { font-size: 15px; color: #666 }
/*************************/
.exhibition .subArea-wrap .exhibi-cont01-02 { display: flex; width: 100%; }
.exhibition .subArea-wrap .exhibi-cont01-02 li { flex-grow: 1; display: flex; flex-direction: column; align-items: center; padding: 50px 30px 40px; justify-content: flex-start; border: 1px solid #eee; box-shadow: 2px 2px 20px rgba(0, 0, 0, .05); width: 20%; margin: 0 10px; border-radius: 14px; word-break: keep-all }
.exhibition .subArea-wrap .exhibi-cont01-02 li:first-child { margin: 0 10px 0 0 }
.exhibition .subArea-wrap .exhibi-cont01-02 li:last-child { margin: 0 0px 0 10px }
.exhibition .subArea-wrap .exhibi-cont01-02 li span { display: flex; width: 100px; height: 100px; border-radius: 100%; margin-bottom: 14px; padding: 10px; background: #dddddd }
.exhibition .subArea-wrap .exhibi-cont01-02 li span img { }
.exhibition .subArea-wrap .exhibi-cont01-02 li p { font-size: 15px; text-align: center; }
/*************************/
.exhibition .subArea-wrap .pay-table { width: 100% }
.exhibition .subArea-wrap .pay-table thead { border-top: 2px solid #9fa2c0; border-bottom: 2px solid #ddd; background: #f8f8fb; font-size: 18px }
.exhibition .subArea-wrap .pay-table thead tr { }
.exhibition .subArea-wrap .pay-table thead th { padding: 16px; }
.exhibition .subArea-wrap .pay-table thead td { }
.exhibition .subArea-wrap .pay-table tbody { font-size: 16px }
.exhibition .subArea-wrap .pay-table tbody tr { border-bottom: 1px solid #eee; }
.exhibition .subArea-wrap .pay-table tbody td { text-align: center; padding: 16px 3px; border-left: 1px solid #eee }
.exhibition .subArea-wrap .pay-table tbody th { background: #f5f5f5; }
/*************************/
.subArea-wrap .exhibi-cont01-03 { padding: 30px 50px; border: 1px solid #eee; border-radius: 14px; font-size: 16px; margin-bottom: 20px }
.subArea-wrap .exhibi-cont01-03 li { padding: 6px 0; color: #666 }
/*************************/
.subArea-wrap .exhibi-cont01-04 { padding: 30px 50px; border-radius: 14px; font-size: 16px; color: #fff; background: #3f4581 }
.subArea-wrap .exhibi-cont01-04 li { display: flex; align-items: center; justify-content: space-between; }
.subArea-wrap .exhibi-cont01-04 li span { line-height: 140%; }
.subArea-wrap .exhibi-cont01-04 li a { height: 60px; padding-right: 76px; background: url(../images/page/ico-resev.png) no-repeat right top; color: #fff; display: flex; font-size: 24px; align-items: center; justify-content: space-between; }
.subArea-wrap .exhibi-cont01-04 li a span { margin-right: 10px }
/*************************/
/************************************************************ 전시-관람코스 ************************************************************/
.exhibition .subArea-wrap .exhibi-cont02-01 { display: flex; justify-content: center; align-items: flex-start; margin: 40px 0 90px; }
.exhibition .subArea-wrap .exhibi-cont02-01 li { flex-grow: 1; padding: 0 50px; }
.exhibition .subArea-wrap .exhibi-cont02-01 li span { display: flex }
.exhibition .subArea-wrap .exhibi-cont02-01 li span img { }
/*************************/
.exhibition .subArea-wrap .exhibi-cont02-02 { display: flex; justify-content: center; align-items: flex-start; margin: 0px 0 90px; }
.exhibition .subArea-wrap .exhibi-cont02-02 li { flex-grow: 1; }
.exhibition .subArea-wrap .exhibi-cont02-02 li span { display: flex }
.exhibition .subArea-wrap .exhibi-cont02-02 li span img { }
/*************************/
.exhibition .subArea-wrap .exhibi-cont02-03 { display: flex; justify-content: center; align-items: flex-start; margin: 0px 0 90px; }
.exhibition .subArea-wrap .exhibi-cont02-03 li { flex-grow: 1; }
.exhibition .subArea-wrap .exhibi-cont02-03 li span { display: flex }
.exhibition .subArea-wrap .exhibi-cont02-03 li span img { }
/*************************/
.exhibition .subArea-wrap .exhibi-cont02-04 { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 0px 0 90px; }
.exhibition .subArea-wrap .exhibi-cont02-04 li { flex-grow: 1; margin: 0 0 20px 0; }
.exhibition .subArea-wrap .exhibi-cont02-04 li span { display: flex }
.exhibition .subArea-wrap .exhibi-cont02-04 li span img { }
/************************************************************ 전시-전시관 ************************************************************/
/*
.exhibition .subArea-wrap .conts-area > section > article.map { border: 1px solid #eee; display: flex; align-items: center; justify-content: center; padding: 80px 0; margin: 0px 0 120px; position: relative }
.exhibition .subArea-wrap .conts-area > section > article.map.out { padding: 0px 0 80px; }
*/
/*
.exhibition .subArea-wrap .conts-area > section > article.map div.link-pop a { position: absolute; height: 36px; min-width: 110px; display: flex; align-items: center; justify-content: center; background: #3f4581; border-radius: 4px; padding: 0 16px; color: #fff; }
.exhibition .subArea-wrap .conts-area > section > article.map div.link-pop a:hover { background: #1e224d; }
.exhibition .subArea-wrap .conts-area > section > article.map div.link-pop { }
*/

/*
.exhibition .subArea-wrap .conts-area > section > article.map a { position: absolute; height: 36px; min-width: 110px; display: flex; align-items: center; justify-content: center; background: #3f4581; border-radius: 4px; padding: 0 16px; color: #fff; }
.exhibition .subArea-wrap .conts-area > section > article.map a:hover { background: #1e224d; }


.exhibition .subArea-wrap .conts-area > section > article.map .map-area {position: relative; width: 806px; height: 570px }
.exhibition .subArea-wrap .conts-area > section > article.map .map-area > img { width: 100%; max-width: 100% }
*/
.map-area { width: 100%; background: #fff; border: 1px solid #eee; position: relative; text-align: center; box-sizing: Border-box; padding: 50px 60px; }
.map.out .map-area { padding: 0px 60px 50px; }
.map-area .link-pop { display: inline-block; position: relative; }
.map-area .link-pop a { position: absolute; text-align: center; font-size: 15px; line-height: 20px; color: #fff; width: auto; min-width: 123px; padding: 10px 20px; display: block; border-radius: 6px; white-space: nowrap; }
/*.map-area .link-pop a:after { position: absolute; content: ''; bottom: -6px; left: 50%; margin-left: -6px; width: 0px; height: 0px; border-bottom: 6px solid none; border-right: 6px solid transparent; border-left: 6px solid transparent; }*/
/** 1층 버튼색 및 위치 **/
.map-area .link-pop a { background: #3f4581; }
/*.map-area .link-pop a:after { border-top: 6px solid #3f4581; }*/

.map.out .map-area a { min-width: auto; background: rgb(63 69 129 / 90%) }
.map-area .link-pop a:hover { background: #272b59; }
/************************************************************ 전시-온라인컨텐츠 ************************************************************/
.exhibition.online .subArea-wrap .conts-area > section { }
.exhibition .subArea-wrap .exhibi-cont04-01 { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 60px 0 90px; }
.exhibition .subArea-wrap .exhibi-cont04-01 li { flex-grow: 1; margin: 0 10px 10px 0; }
.exhibition .subArea-wrap .exhibi-cont04-01 li a { display: flex }
.exhibition .subArea-wrap .exhibi-cont04-01 li a img { overflow: hidden; border-radius: 14px; transition: all 0.2s; }
.exhibition .subArea-wrap .exhibi-cont04-01 li a:hover img { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
/************************************************************ 정보광장-자원봉사안내 ************************************************************/
.information .subArea-wrap .voluntary-cont01-01 { display: flex; justify-content: center; align-items: flex-start; margin-top: 30px; }
.information .subArea-wrap .voluntary-cont01-01 li { flex-grow: 1; float: left; width: 20%; padding: 30px; word-break: keep-all; line-height: 140%; border: 1px solid #ddd; margin-left: 20px }
.information .subArea-wrap .voluntary-cont01-01 li:first-child { margin-left: 0px }
.information .subArea-wrap .voluntary-cont01-01 li span { display: flex; width: 100px; height: 100px; float: left; border-radius: 100%; margin-right: 20px; }
.information .subArea-wrap .voluntary-cont01-01 li span img { }
.information .subArea-wrap .voluntary-cont01-01 li p { display: flex; flex-direction: column; }
.information .subArea-wrap .voluntary-cont01-01 li p span { display: inline-block; font-size: 22px; margin-bottom: 10px; margin-top: 10px;      height: auto;}
.information .subArea-wrap .voluntary-cont01-01 li p em { display: inline-block; width: 100%;  font-size: 14px; color: #666 }
/***********************/
.information .subArea-wrap .voluntary-cont01-02 { display: flex; justify-content: center; align-items: flex-start; margin-top: 30px; }
.information .subArea-wrap .voluntary-cont01-02 li { flex-grow: 1; float: left; width: 20%; padding: 30px; word-break: keep-all; line-height: 140%; border: 5px solid #eee; margin-left: 20px }
.information .subArea-wrap .voluntary-cont01-02 li:first-child { margin-left: 0px }
.information .subArea-wrap .voluntary-cont01-02 li span { color: #3f4581; font-size: 18px; border-bottom: 2px dotted #ccc; width: 100%; display: flex; padding: 0 0 10px 0; margin-bottom: 20px; }
.information .subArea-wrap .voluntary-cont01-02 li p { font-size: 16px; color: var(--text-black02-color); display: flex; min-height: 60px; }
.information .subArea-wrap .voluntary-cont01-02 li:nth-child(5) { background: url(../images/common/exhibition_room-bg1.jpg) repeat-y center center; background-size: 100% auto; color:#fff }
.information .subArea-wrap .voluntary-cont01-02 li:nth-child(5) span { color: #fff;}
.information .subArea-wrap .voluntary-cont01-02 li:nth-child(5) p {color: #fff;}
/*************************/
.information .subArea-wrap .voluntary-cont01-03 { padding: 30px 40px; border: 1px solid #eee; border-radius: 14px; font-size: 16px; margin-bottom: 20px }
.information .subArea-wrap .voluntary-cont01-03 li { padding: 6px 0; color: #666 }
.information .subArea-wrap .voluntary-cont01-03 li > em { background: #ddd; width: 12px; height: 12px; border-radius: 100%; display: inline-block; margin-right: 4px }
.information .subArea-wrap .voluntary-cont01-03 li > p { display: flex; align-items: center; font-size: 18px; margin-top: 20px }
.information .subArea-wrap .voluntary-cont01-03 li > p > span { color: var(--text-black01-color); margin: 0 10px }
.information .subArea-wrap .voluntary-cont01-03 li > p > em { color: #3f4581; margin: 0 10px }
/*************************/
.information .subArea-wrap .voluntary-cont01-04 { padding: 30px 50px; border-radius: 14px; font-size: 16px; color: #fff; background: #3f4581 }
.information .subArea-wrap .voluntary-cont01-04 li { display: flex; align-items: center; justify-content: space-between; }
.information .subArea-wrap .voluntary-cont01-04 li span { font-size: 18px }
.information .subArea-wrap .voluntary-cont01-04 li a { height: 60px; color: #fff; display: flex; font-size: 24px; align-items: center; justify-content: space-between; }
.information .subArea-wrap .voluntary-cont01-04 li a span { margin-right: 10px }
/*************************************************** 인사말  *********************************************************/
.infor .subArea-wrap .conts-area > section > article.aboutus > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.aboutus > div.elem { margin-top: 60px }
.infor .subArea-wrap .conts-area > section > article.aboutus p img { width: 100%; object-fit: contain; }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul { display: flex; word-break: keep-all; text-align: justify; }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul li { }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul li:first-child { text-align: right; line-height: 240% }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul li:first-child span { color: #3f4581; font-size: 28px; display: block; margin-bottom: 10px }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul li:first-child em { display: block; font-size: 26px; }
.infor .subArea-wrap .conts-area > section > article.aboutus > ul li:last-child { padding-left: 50px; font-size: 18px; line-height: 140% }
/*************************************************** 센터소개  *********************************************************/
.infor .subArea-wrap .conts-area > section > article.history > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.history > div.elem { margin-top: 0px }
/********************************************/
/**************************** history *********************************************/
.subArea-wrap .conts-area > section > article .history_list { display: none; padding: 0px 20px;     flex-direction: column;}
.subArea-wrap .conts-area > section > article .history_list .history_year { flex-basis: 20% }
.subArea-wrap .conts-area > section > article .history_list .history_year a { font-size: 28px; display: block; color: #bdc1c6; line-height: 160%; margin-bottom: 20px }
.subArea-wrap .conts-area > section > article .history_list .history_year a.on { font-size: 28px; display: block; color: #121212; font-weight: 600 }
.subArea-wrap .conts-area > section > article .history_list .history_list { flex-basis: 80%; }
.subArea-wrap .conts-area > section > article .history_list .history_list.on { display: block }
.subArea-wrap .conts-area > section > article .history_list .history_list { display: none }
.subArea-wrap .conts-area > section > article .history_list .history_list dl { margin-top: 8px; float: left; width: 100%; flex-basis: 80%; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #eee }
.subArea-wrap .conts-area > section > article .history_list .history_list dl dt { float: left; width: 14%; font-size: 20px; font-weight: 600; line-height: 160%; }
.subArea-wrap .conts-area > section > article .history_list .history_list dl dd { float: right; width: 86%; font-size: 20px; margin-bottom: 20px }
.subArea-wrap .conts-area > section > article .history_list .history_list dl dd span { margin-right: 30px }
.subArea-wrap .conts-area > section > article .history_list .history_list dl dd em { line-height: 150% }
.subArea-wrap .conts-area > section > article .history_list .history_year #old_year { font-size: 25px }
.subArea-wrap .conts-area > section > article .history_list dl dt {
    float: left;
    width: 14%;
    font-size: 20px;
    font-weight: 600;
    line-height: 160%;
}
.subArea-wrap .conts-area > section > article .history_year a { font-size: 26px; float: left; margin-right: 24px }
.subArea-wrap .conts-area > section > article .history_year a:last-child { margin: 0 }
.subArea-wrap .conts-area > section > article .history_year #old_year { font-size: 26px; }
.subArea-wrap .conts-area > section > article .history_year a.on { font-size: 26px; }
.subArea-wrap .conts-area > section > article .history_list dl dt { float: left; width: 100%; margin: 10px 0 20px }
.subArea-wrap .conts-area > section > article .history_list dl dd { float: left; margin: 4px 0; width: 100%; font-size: 18px; }
.subArea-wrap .conts-area > section > article .history_list dl {     margin-bottom: 20px;    padding-bottom:20px;}
.subArea-wrap .conts-area > section > article .history_list dl:last-child { margin-bottom: 80px; padding-bottom: 80px; }
.infor .subArea-wrap .conts-area > section > article.tree > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.tree > div.elem { margin-top: 60px }
/********************************************/
.infor .subArea-wrap .conts-area > section > article.tree > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.tree > div.elem { margin-top: 60px }
/********************************************/
.infor .subArea-wrap .conts-area > section > article.mi > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem { margin-top: 60px }
/********************************************/
.infor .subArea-wrap .conts-area > section > article.chara > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.chara > div.elem { margin-top: 60px }

/********************************************/
.infor .subArea-wrap .conts-area > section > article.mi > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem { margin-top: 60px }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem { margin-top: 60px }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem ul.mi {     margin-top: 60px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-row-gap: 60px }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem ul.mi li { }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem ul.mi li:first-child {     margin-right: auto; }
.infor .subArea-wrap .conts-area > section > article.mi > div.elem ul.mi li:last-child {      border: 1px solid #eee;
    padding: 30px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
.infor .subArea-wrap .conts-area > section > article.mi > div.elem ul.mi li img {  }
/********************************************/
.infor .subArea-wrap .conts-area > section > article.chara > div { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }


.infor .subArea-wrap .conts-area > section > article.chara > div.elem ul.chara {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
.infor .subArea-wrap .conts-area > section > article.chara > div.elem ul.chara li { }
.infor .subArea-wrap .conts-area > section > article.chara > div.elem ul.chara li:first-child {}
.infor .subArea-wrap .conts-area > section > article.chara > div.elem ul.chara li:last-child { }
/*************************************************** 시설안내 *********************************************************/
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 { border: 1px solid #ddd; display: flex; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li { flex-grow: 1; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li:first-child { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li:first-child > span { display: flex; padding: 60px 30px }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li:first-child > span > img { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div { background: #3f4581; max-width: 100%; display: flex; height: 100%; padding: 60px 30px; color: #fff; flex-direction: column; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > p { font-size: 70px; margin-bottom: 30px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul { display: flex; margin-bottom: 30px }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li { margin-right: 20px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li > img { margin-top: 8px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li > span { display: flex; font-size: 24px; background: #ccc; border-radius: 100%; width: 50px; height: 50px; align-items: center; justify-content: center; color: #3f4581; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li > dl { display: flex; flex-direction: column; line-height: 180%; margin-top: 10px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li > dl > dt { font-size: 23px; margin-bottom: 20px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont01-01 > li > div > ul > li > dl > dd { font-size: 16px; margin-bottom: 2px }
/**********************/
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 { border: 1px solid #ddd; display: flex; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li { flex-grow: 1; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li:first-child { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li:first-child > span { display: flex; padding: 0px 30px 60px }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li:first-child > span > img { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div { background: #3f4581; max-width: 100%; display: flex; height: 100%; padding: 60px 30px; color: #fff; flex-direction: column; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > p { font-size: 50px; margin-bottom: 30px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul { display: flex; margin-bottom: 20px }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li { margin-right: 20px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li > img { margin-top: 8px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li > span { display: flex; font-size: 24px; background: #ccc; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; color: #3f4581; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li > dl { display: flex; flex-direction: column; line-height: 100%; margin-top: 12px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li > dl > dt { font-size: 23px; margin-bottom: 16px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont03-01 > li > div > ul > li > dl > dd { font-size: 16px; margin-bottom: 10px }
/**********************/
.infor .subArea-wrap .conts-area > section > article span.atta { padding: 10px 30px; display: flex; font-size: 16px; margin-bottom: 30px; color: var(--text-black02-color); }
/**********************/
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 { border: 4px solid #ddd; display: flex; flex-direction: column; padding: 40px 50px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl { margin-bottom: 30px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dt { font-size: 20px; padding-left: 30px; background: url("../images/page/ico-alt.png") no-repeat left 3px; margin-bottom: 8px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dt > span { }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd { font-size: 16px; margin-bottom: 5px; padding-left: 16px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > span { display: flex; align-items: center; color: var(--text-black02-color); }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > span > i { color: #ccc; margin-right: 4px }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > ul { display: flex; align-items: center; justify-content: center; flex-direction: row; margin-top: 30px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > ul > li { text-align: center; border: 1px solid #ddd; border-radius: 14px; padding: 20px; margin-right: 10px; }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > ul > li > img { }
.infor .subArea-wrap .conts-area > section > article div.facility-cont01-02 > dl > dd > ul > li > em { display: flex; align-items: center; justify-content: center; }
/******************/
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 { margin-top: 40px; border: 1px solid #ddd; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li p { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li p img { width: 100% }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li a.map { display: block; width: 100%; height: 452px; background: url(../images/common/bg_map.png) center center no-repeat; background: 100% auto;  }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li > dl { display: flex; align-items: center; padding: 20px 40px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li > dl > dt { font-size: 20px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li > dl > dd { padding: 0 30px; display: flex; align-items: center }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li > dl > dd > span { font-size: 18px; padding: 0 6px }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-01 li > dl > dd > em { margin-left: 18px; color: var(--text-black02-color); line-height: 140%; }
/******************/
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 { display: flex; border-bottom: 1px solid #eee; padding: 40px; flex-wrap: wrap; align-items: center;}
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02:first-child { border-top: 2px solid #787878; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li { width: auto; display: inline-flex; align-items: center; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li:nth-child(4) { margin-left: 200px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li.title { font-size: 26px; margin-bottom: 20px; width: 100% }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > p { margin-right: 30px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > p img { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > dl {  }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > dl > dt { font-size: 20px; margin-bottom: 10px; color:#000; font-weight:bold}
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > dl > dd { color: var(--text-black02-color); line-height: 140%; font-size: 16px; }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > dl > dd > span { }
.infor .subArea-wrap .conts-area > section > article ul.facility-cont04-02 li > dl > dd > em { }
/*agreement*/
.agreement p.title { line-height: 180%; margin: 10px 0 }
.agreement ol { margin-left: 20px; }
.agreement ol li { list-style-type: decimal; }
.agreement { width: 100% !important; height: 100%; overflow: auto;  padding: 60px 40px; line-height: 160%; font-size: 15px }
.agreement pre { }
.agreement .bbs_view02 { width: 100%; margin-top: 0; border-top: 1px solid #999; border-collapse: collapse; font-size: 13px; table-layout: fixed }
.agreement .bbs_view02 caption { display: none }
.agreement .bbs_view02 th { padding: 10px 6px; border: solid 1px #ccc; background-color: #f1f1f4; line-height: 22px; color: #333; text-align: center; vertical-align: middle; font-weight: normal }
.agreement .bbs_view02 th.left { text-align: left }
.agreement .bbs_view02 td { padding: 10px 6px 10px 10px; border: solid 1px #ccc; text-align: left; background: #fff }
.agreement .bbs_view02 .center { text-align: center }
.agreement .bbs_view02 td .privacy { }
.agreement .bbs_view02 td .privacy li { line-height: 140%; margin-bottom: 6px }
.agreement .bbs_view02 td .privacy li > i { font-size: 11px }
.agreement .bbs_view02 td .privacy li > span { display: inline-block; padding-left: 10px }
.privacy .comment { line-height: 180%; margin: 10px 0; display: block; padding-left: 40px; color: var(--text-black02-color) }
.agreement dl { line-height: 160% }
.agreement dl dt { font-weight: 600; font-size: 22px; padding-bottom: 50px; line-height: 120% }
.agreement dl dd { font-size: 18px; margin-bottom: 30px; line-height: 140%; }
.agreement dl dd p { padding: 10px 0 }
.agreement dl dd span { display: inline-block; padding-left: 20px }
.agreement dl dd ol { padding-left: 20px }
.agreement dl dd ol li { margin-bottom: 6px }
/* 약관히스토리 */
.rule-history { }
.rule-history dl { width: 100%; padding: 20px; background: #f8f9fa; display: flex; justify-content: center; align-items: center; ; }
.rule-history dt { font-weight: 700; font-size: 13px; margin-right: 16px; color: #333; }
.rule-history dd { text-align: left; color: #444; line-height: 20px }
.rule-history dd > select { font-size: 14px }



/*************************분실물안내*****************************/
.bd-info { border: 1px solid #ddd; border-radius: 10px; background: #fff; font-size: 0; margin: 30px 0 }
.bd-info > * { display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; padding: 50px; }
.bd-info dt { background-repeat: no-repeat; background-position: 50px center; padding: 10px 50px; background-image: url(../images/common/bd-info-ico-tel.png); }
.bd-info dt > * { display: block; margin: 5px 0; margin-left: 130px; letter-spacing: -0.05em; }
.bd-info dt span { font-size: 23px; color: #333333; font-weight: 300; }
.bd-info dt strong { font-size: 35px; color: #373f8c; font-weight: 600; }
.bd-info dd { background: #f7f7f7; }
.bd-info p { font-size: 16px; color: #333333; font-weight: 200; line-height: 24px; letter-spacing: -0.05em; }
.bd-info p.dot { margin: 1px 0; position: relative; padding-left: 17px; }
.bd-info p.dot:after { display: block; content: ''; width: 7px; height: 2px; background: #bbbbbb; position: absolute; top: 10px; left: 0; }
.tbl_wrap { position: relative; }
.tbl_wrap .tbl_topline { width: 100%; border-top: 2px solid #0053a8; position: absolute; top: 0; left: 0; }
.tbl_wrap .tbl_botline { width: 100%; border-top: 1px solid #0053a8; position: absolute; bottom: 0; left: 0; }
/* .tbl_wrap table {table-layout: fixed;} table + td>*:max-width) */
.tbl_wrap table { border-bottom: 1px solid #d4d4d4; width: 100% }
.tbl_wrap table th, .tbl_wrap table td { border: 1px solid #d4d4d4; padding: 18px 10px; word-break: break-word; }
.tbl_wrap table tr th:first-child, .tbl_wrap table tr td:first-child { border-left: 0; }
.tbl_wrap table tr th:last-child, .tbl_wrap table tr td:last-child { border-right: 0; font-size: 15px }
.tbl_wrap table th { background: #f9f9f9; color: #111; font-size: 18px; text-align: center; border-bottom: 0; font-weight: normal; }
.tbl_wrap table tr td img { max-width: 100%; }
.tbl_wrap td strong { font-family: 'nsr_eb'; }
.tbl_wrap table tbody th { border-right: 0; }
.tbl_wrap table tbody th + td { border-left: 0; }
.tbl_data table tbody th { border-right: 1px solid #d4d4d4; }
.tbl_wrap table th.bl_1 { border-left: 1px solid #d4d4d4 !important; }
.tbl_wrap.nowrap-head th { word-break: keep-all; }
.tbl_wrap .nowrap { word-break: keep-all; }
.tbl_wrap .txt-center { text-align: center !important; }
.tbl_wrap.nowrap-head .tbl_topline { display: none; }
.tbl_wrap.nowrap-head table { border-top: 2px solid #0053a8; }
/*********************/
h3 { font-size: 25px; }
h3.alert { padding-left: 33px; position: relative; }
h3.alert:before { content: "!"; display: inline-block; position: absolute; left: 0; top: 6px; width: 24px; height: 24px; border-radius: 20px; background: #0053a8; color: #fff; text-align: center; line-height: 27px; font-size: 17px; }
h3.confirm { padding-left: 63px; position: relative; font-size: 30px; display: inline-block; padding-top: 10px; }
h3.confirm:before { content: ""; display: inline-block; position: absolute; left: 0; top: 6px; width: 50px; height: 50px; background: url('../images/common/sprite2.png') no-repeat -1435px -45px; display: block; }
.pc_cmt { width: 100% !important; text-align: left !important; margin-top: 20px; }
.gap5 { margin-top: 5px; }
.gap10 { margin-top: 10px; }
.gap15 { margin-top: 15px; }
.gap20 { margin-top: 20px; }
.gap25 { margin-top: 25px; }
.gap30 { margin-top: 30px; }
.gap40 { margin-top: 40px; }
.gap50 { margin-top: 50px; }
.gap60 { margin-top: 60px; }
.gap70 { margin-top: 70px; }
.gap80 { margin-top: 80px; }
.gap90 { margin-top: 90px; }
.gap100 { margin-top: 100px; }
.gap150 { margin-top: 150px; }
.gap200 { margin-top: 200px; }
.gap300 { margin-top: 300px; }
/* 상단박스 */
.guide_box { display: table; width: 100%; border: 1px solid #dcdcdc; padding: 40px; }
.gray_outline_box { border: 1px solid #dcdcdc; padding: 40px; }
.person_agree { max-height: 150px; overflow-y: scroll; }
.gb_row { display: table-row; }
.gb_cell { display: table-cell; vertical-align: middle; min-height: 125px; }
.gb_cell * { font-size: 20px; }
.gb_cell p { color: #424242; }
.gb_cell .tag { margin-top: 20px; }
.gb_cell .tag span { display: inline-block; color: #004090; font-size: 17px; background: #f9f9f9; padding: 0 20px; border-radius: 20px; margin-right: 10px; font-family: 'nsr_eb'; height: 42px; line-height: 42px; margin-bottom: 5px; }
.gb_cell:first-child { width: 200px; }
.gb_cell .sub_tit_bg { display: inline-block; }
.gb_cell .sub_tit_bg.ver1 { background: url('../images/common/sprite2.png') no-repeat -9px -633px; width: 116px; height: 127px; }
.gb_cell .sub_tit_bg.ver2 { background: url('../images/common/sprite2.png') no-repeat -130px -633px; width: 98px; height: 104px; }
.gb_cell .sub_tit_bg.ver3 { background: url('../images/common/sprite2.png') no-repeat -233px -633px; width: 128px; height: 120px; }
.gb_cell .sub_tit_bg.ver4 { background: url('../images/common/sprite2.png') no-repeat -369px -634px; width: 120px; height: 119px; }
.guide_box2 { background: #f9f9f9; padding: 10px; text-align: center; }
.guide_box2 .gb_cell { position: relative; background: #fff; padding: 30px; display: block; text-align: center; width: 100%; min-height: unset; }
.guide_box2 p { color: #0053a8; font-family: 'nsr_b'; font-size: 20px; text-align: center; font-size: 22px; }
.guide_box2 a.btn_blue { margin-top: 20px; font-size: 20px; }
.guide_box2.ver_privacy { text-align: left; margin-top: 50px; }
.guide_box2.ver_privacy p { text-align: left; font-family: 'nsr_r'; font-size: 17px; color: #111; }
.guide_box2.ver_privacy h3 { font-size: 25px; color: #004080; }
.guide_box2.ver_privacy em { display: inline-block; font-size: 17px; margin: 10px 0 20px; padding: 5px 12px; border: 1px solid #ddd; border-radius: 3px; ; }
.guide_box3 { background: url(../images/sub/head_bg.png); padding: 10px; }
.guide_box3 .gb_cell { position: relative; background: #fff; padding: 30px; display: block; width: 100%; min-height: unset; }
/* menu7/footer-privacy.php 개인정보 처리방침 */
.privacy_list > li > p { font-size: 17px; line-height: 160%; }
.privacy_list > li > ul { margin-bottom: 5px; font-size: 17px; }
.privacy_list > li > ul > li { position: relative; padding-left: 12px; line-height: 26px; margin-top: 10px; }
.privacy_list > li > ul > li:first-child { margin-top: 5px; }
.privacy_list > li > ul > li:before { display: block; content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: url(../images/common/sprite.png) no-repeat -590.5px -593.5px; background-size: 1000px; text-indent: -999em; }
.privacy_list > li > ul > li > ul > li { position: relative; padding-left: 12px; line-height: 26px; }
.privacy_list > li > ul > li > ul > li:first-child { margin-top: 5px; }
.privacy_list > li > ul > li > ul > li:before { content: "-"; display: block; width: 4px; height: 3px; position: absolute; top: 1px; left: 0; }
.privacy_list > li > ul > li > ul > li > ul > li { position: relative; padding-left: 16px; line-height: 26px; }
.privacy_list > li > ul > li > ul > li > ul > li:first-child { margin-top: 5px; }
.privacy_list > li > ul > li > ul > li > ul > li:before { content: "•"; display: block; width: 4px; height: 3px; position: absolute; top: 1px; left: 0; }
.privacy_list a { color: #005090; font-size: 17px; }
.privacy_list h3 { margin-top: 50px; margin-bottom: 15px; }
.privacy_list h3 img { width: 41px; vertical-align: middle; margin-right: 2px; }
.privacy_list_box { width: 100%; display: inline-flex; border-bottom: 1px dashed #ddd; flex-direction: column; align-items: center; }
.ol_privacy_list { padding-bottom: 50px; line-height: 50px; display: table; margin-left: auto; margin-right: auto; }
.ol_privacy_list li { margin-bottom: 7px; }
.ol_privacy_list li a { color: #005090; }
.ol_privacy_list li a:after { content: " ▼"; }
.ol_privacy_list li a img { width: 37px; vertical-align: middle; margin-right: 2px; }
.ol_privacy_list_new { padding-bottom: 50px; display: inline-block; margin: 0; line-height: 35px; text-align: left; list-style: none; font-size: 17px; }
.ol_privacy_list_new li { margin-bottom: 7px; }
.ol_privacy_list_new li a { color: #005090; }
.ol_privacy_list_new li a:after { content: " ▼"; }
.ol_privacy_list_new li a img { width: 37px; vertical-align: middle; margin-right: 2px; }
.pc_cmt { width: 100% !important; text-align: left !important; margin-top: 20px; }
.pc_btn { display: inline-block; padding-bottom: 70px; font-size: 17px; }
.pc_btn h3 { text-align: left; color: #004080; margin-bottom: 13px; }
.pc_btn p { display: block; text-align: center; }
.pc_btn p > a > img { height: 110px; }
.pc_btn p > span { font-weight: 700; }
.pc_btn > article { display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px 0;
    flex-wrap: wrap;}
.privacy_list { line-height: 160%; font-size: 17px; }
.pc_qr_wrap { width: 100%; margin-bottom: 35px; line-height: 160%; font-size: 17px; }
.pc_qr_txt { width: 100%; }
.privacy_list_box > article { display: flex; gap: 60px; }



.mt15 {margin-top: 15px !important;}