@charset "utf-8";

/**************************
	
	콘텐츠 공통 스타일 시작

****************************/

h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    margin-bottom: 50px;
}

table caption {
    text-indent: -100000px;
    font-size: 0;
    line-height: 0;
}

#fileUploader{
	display: grid;
	margin-left: 60px;
}

.box_mo{display:none;}
.box_pc{display:block;}

.navy{
	font-weight: 600;
    font-size: 25px;
    color: #0A2963 !important;
}
.blue {color:#00A6E2!important;}
.yellow {color:#F9B000!important;}
.pink {color:#E82D8A!important;}
.mint {color:#00ADB1!important;}
.purple {color:#BA66A5!important;}
.blue_m {}
.mint_m {color:#00838A!important;}

.txt-fouse{color:var(--c_primary)!important;}
.txt-tip{color:#E62D8B!important;;}
.txt-small{font-size:14px;line-height:21px;margin:5px 0;}

/*준비중*/
.item_wrap.ready {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 8rem 6rem;border: 1px solid #ddd;margin: 0 auto;}
.item_wrap.ready h3 {font-size: 2.5rem; margin-top: 3rem;}
.item_wrap.ready p {font-size: 14px;font-weight: 300;}
.item_wrap.ready img {width: 17%; margin:0;}

.english-style, .korean-style{
	font-size: 1.7rem;
}
@media only screen and (max-width:1023px){
	.item_wrap.ready {margin-top: 5rem;}
}
@media only screen and (max-width:900px){
	.item_wrap.ready {padding: 4rem 1rem;}
	.item_wrap.ready img {width:30%}
	.item_wrap.ready h3 {font-size: 2.2rem; margin-top: 2rem; margin-bottom: 10px;}
}
@media only screen and (max-width:350px){
	.item_wrap.ready p br {display:none;}
}
@media only screen and (max-width:290px){
	.item_wrap.ready img {width:40%}
}

/* sub - content 공통사용*/
.cont_wrap {position: relative; width:100%; min-height:500px; margin: 10rem 0; overflow: hidden; }
/*.container {max-width:140rem;margin:0 auto;}*/
.article_box {position: relative; width:100%; height: auto; margin-bottom: 10rem;}
.title_wrap {width: 100%; max-width:140rem; margin:0 auto;}
.item_wrap {
	width: 100%; 
	max-width:140rem; 
	height:auto; 
	margin:0 auto; 
	padding-bottom: 5rem; 
	padding-top: 10rem;
}
.item_wrap.type2 {display: flex; align-items: center; justify-content: space-between;}
/* .img_box {padding: 3rem;border: 1px solid #ddd;background: #eee;} */

/* 박물관소개 - list */
.article_box .img_thumb {position: relative; width: 100%; max-width:140rem; overflow: hidden; background: #F2F2F2;}
.article_box .img_thumb img {display: block;}
.article_box .title_wrap.type1 {position: relative; display: flex;align-items: center;justify-content: space-between;}
.article_box .title_wrap.type1 .intro_txt {width: calc(100% - 18rem); margin: 6rem 0;}
.article_box .title_wrap.type1 .intro_txt h3 {margin-bottom: 1.5rem; font-family: var(--f_mag); font-size: 5rem; font-weight: normal; color: var(--c_primary_m);}

@media only screen and (max-width:500px){
	#list .article_box {margin-bottom: 8rem;}
	#list .article_box .title_wrap.type1 {position: relative; flex-direction: column; gap: 2rem; margin: 0 auto;}
	#list .article_box .title_wrap.type1 .intro_txt {display: flex;flex-direction: column;align-items: center;width: 100%;margin: 3rem 0 0;}
	#list .article_box .img_thumb img {height: 200px;object-fit: cover;}
	#list .article_box .title_wrap.type1 .intro_txt h3 {font-size: 4rem;text-align: center;}
	#list .article_box .title_wrap.type1 .intro_txt p {font-size: 1.6rem;text-align: center;}	
	#list .article_box .btn_wrap .btn.circle {width: 5rem; height: 5rem;}
}


/* 박물관소개 - 개별페이지 */
.title_wrap.type2 h3 {display: flex; flex-direction: column;color: var(--c_primary_m);}
.title_wrap.type2 h3 .small-hd {margin-bottom:1rem; font-size: 2.6rem; font-weight: 700; font-family: var(--f_nsN);}
.title_wrap.type2 h3 span{ font-family: var(--f_mag); font-size: 7rem; font-weight: normal; }
.article_box .img_sub_intro {width: 100%; max-width:140rem; height:auto; overflow: hidden;}
.article_box .img_sub_intro img {display: block;}
.article_box .intro_txt {width:100%;}
.article_box .intro_txt p {
	margin-top:2rem;line-height: 1.7; font-size: 1.7rem; color:#555; border-bottom: 1px solid #DEE2E6;
}
.article_box .intro_txt p strong {
	margin-bottom: 1.5rem;
    font-size: 4rem;
    font-weight: 600;
    color: #F8B500;
}
.article_box .intro_txt p span {
    color: #767676;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.article_box .intro_txt p .etc{display:block;margin-top:2rem;color:var(--c_primary_m);}
.article_box .btn_wrap {max-width:22rem;}

.article_box.map_info {margin:0;}
.article_box.map_info:before {z-index: -1; position: absolute; left:0; display: block; content: ''; width:118rem; height:74.5rem; background:var(--bg_box1);}
.article_box .inner .img_right {position: absolute; right: 0; width:119rem; height:auto; overflow: hidden;}
.article_box .inner .img_right img {display: block;}
.article_box .inner .item_wrap.map {padding: 0 84.9rem 0 0; margin: 0 auto;}

/* 관람안내 */
.tour_info_wrap {display: flex; flex-direction: column;width: 100%; max-width:140rem; margin:0 auto; font-size: 1.6rem;}
/*.tour_info_wrap h3 {font-size: 3.2rem; font-weight:600;}*/
.info_list {display: flex; justify-content: space-between; align-items: center;}
.info_list .info_item {display: flex; flex-direction: column; align-items: center; gap: 1.5rem; width: 32%;height: 35rem; padding: 3.5rem 4rem; border: .1rem solid #D6D6D6;}
.info_list .info_item .info_txt_hd {display: flex; flex-direction: column; align-items: center; gap: 2rem;}
.info_list .info_item .info_txt_hd h4 {font-size: 2.2rem; font-weight: 600;}

.info_icon {display: block; width: 8.2rem; height: 8.2rem; border-radius: 3rem;}
.info_icon.date {background: url('/resources/img/contents/ico_date.svg') no-repeat 50% #F4F6F6;}
.info_icon.dayoff {background: url('/resources/img/contents/ico_dayoff.svg') no-repeat 50% #F4F6F6;}
.info_icon.money {background: url('/resources/img/contents/ico_money.svg') no-repeat 50% #F4F6F6;}

.info_txt {display: flex; flex-direction: column; gap: 1rem; width: 100%; margin-top: 2rem;}
.info_txt::before {display: block; content: ''; margin-bottom: 2rem; border-top:.1rem solid #E4E4E4;}
.info_txt .depth1 {display: flex; justify-content: flex-start; gap: 1.5rem; line-height: 1.5;}
.info_txt .depth1 strong {min-width: 4.5rem; font-size: 1.7rem; font-weight: 500;}
.info_txt .depth1 .depth2 li {line-height: 1.6; letter-spacing: -0.02rem;}
.info_txt .depth1 .depth2 .tx-big {line-height: 1.1;font-size: 2.4rem; font-weight: 600;}

.etiqu_list {display: flex; flex-wrap: wrap; gap: 1rem;padding: 5rem 7rem;background:var(--bg_line1);}
.etiqu_list .etiqu_item {display: flex; align-items: center; gap: 4rem; min-width: 60rem; margin-bottom: 4rem;}
.etiqu_list .etiqu_item:last-child {margin-bottom:0;}
.etiqu_list .etiqu_item p {width:calc(100% - 12rem);}

.left_icon {position: relative;display: flex;justify-content: center;align-items: center;width: 8rem; height: 8rem;border: .1rem solid #FFD6DC; border-radius: 8rem;}
.left_icon:before {position: absolute;display: block;content: '';width: 8rem;height: 8rem;border: 1.2rem solid #FCE8EB;border-radius: 8rem;top: -1.3rem;left: -1.3rem;}
.left_icon.ico1 {background: url('/resources/img/contents/icon_1.svg') no-repeat 50% #fff;}
.left_icon.ico2 {background: url('/resources/img/contents/icon_2.svg') no-repeat 50% #fff;}
.left_icon.ico3 {background: url('/resources/img/contents/icon_3.svg') no-repeat 50% #fff;}
.left_icon.ico4 {background: url('/resources/img/contents/icon_4.svg') no-repeat 50% #fff;}
.left_icon.ico5 {background: url('/resources/img/contents/icon_5.svg') no-repeat 50% #fff;}

.tour_info_wrap.type2 {flex-direction: row; justify-content: space-between; margin:5rem auto;}
.tour_info_wrap.type2:first-child {margin-top:0;}
.tour_info_wrap.type2:last-child {margin-bottom:0;}
.tour_info_wrap.type2 h3 {width: 28rem;}
.tour_info_wrap.type2 .tx-right {width: calc(100% - 32rem); line-height: 1.8; font-size: 1.7rem;}
.tour_info_wrap.type2 .call_box {display: flex; align-items: center; gap: 1rem; margin-top: 2rem;}
.tour_info_wrap.type2 .call_box i {display: block; width: 2.5rem; height: 2.5rem; background: url('/resources/img/contents/ico_call.svg') no-repeat 50%;}
.tour_info_wrap.type2 .call_box strong {display: flex; flex-direction: row; align-items: center;gap: 1rem; font-weight: 500;}
.tour_info_wrap.type2 .call_box strong:after {display: block; content: ''; height: 1.5rem; border-right: 1px solid #ddd;}

.line_mid {display: block; width: 100%; max-width:140rem; margin:0 auto; border-top:.1rem solid #E4E4E4;}

/* sub - content bg - shape */
.shape {
	z-index: 1;
    position: absolute;
    top: -1.5%;
    right: 8%;
    display: block;
    content: '';
}
.shape.yel {width:32rem;}
.shape.pur {width:39rem;}
.shape.pin {width:38rem;}
.shape.blu {width:40rem;}
.shape.min {width:35rem;}


/* 애니메이션 */
.trigger {opacity: 0; transform: translateY(5vh); transition: all 1s;}
.trigger.active {opacity: 1;transform: translateY(0);}
.trigger.col-box__l {opacity: 0; transform: translateX(-10vw); transition: all 1s;}
/* .trigger.col-box__r {opacity: 0; transform: translateX(10vw); transition: all 1s;} */
.trigger.active.col-box__l, .trigger.active.col-box__r {opacity: 1;transform: translateX(0);}

/*반응형*/
@media only screen and (max-width:1440px){
	#contents {padding: 0 2rem;}
}
@media only screen and (max-width:1400px){
	.article_box {margin-bottom:12rem;}
	.item_wrap.padding-wrap {padding: 0 10%; width: 100%;}
	.item_wrap,	.title_wrap, .tour_info_wrap {width:95%; height: auto;}
	.article_box.map_info:before {display: none;}
	.article_box.map_info .inner {display: flex; flex-direction: column-reverse; gap: 4rem; padding: 0; background: var(--bg_box1);}
	.article_box.map_info .inner .img_right {position: initial; width: 80%; margin: 0 auto;}
	.article_box.map_info .inner .item_wrap.map {width: 80%; padding: 0;}
	.info_list .info_item {padding: 3rem;}
	.etiqu_list .etiqu_item {width: 100%; min-width: initial;}
	.tour_info_wrap.type2 .tx-right {width: calc(100% - 38rem);}
	.item_wrap.padding-wrap .btn-wrap {padding: 2rem 2rem 7rem !important;}
}
@media only screen and (max-width:1280px){
	.info_txt .depth1 .depth2 .tx-big {line-height: 1.3;font-size: 2rem;}
}
@media only screen and (max-width:1000px){
	.info_list {flex-direction: column; gap: 2rem;}
	.info_list .info_item {flex-direction: row; width: 100%; height: auto;}
	.info_list .info_item .info_txt_hd {flex-direction: row; justify-content: space-between; gap: 1rem; width: 24rem;}
	.info_list .info_item .info_txt_hd::after {display: block; content: ''; height:6rem; border-left:.1rem solid #E4E4E4;}
	.info_list .info_item .info_txt {width: calc(100% - 24rem); margin:0;}
	.info_list .info_item .info_txt::before {display: none;}
	.info_list .info_item .info_txt .depth1 .depth2 {display: flex;flex-direction: row;align-items: center; gap: 1rem;}
}
@media only screen and (max-width: 880px){
	.item_wrap.type2 {flex-direction: column; gap: 3rem;}
	.article_box .intro_txt {width: 100%;}
	.shape {top:3%;}
	.shape.yel, .shape.pur {width: 26rem;}
	.trigger.col-box__l, .trigger.col-box__r {opacity: 0; transform: translateY(10vh); transition: all 1s;}
	.trigger.active.col-box__l, .trigger.active.col-box__r {opacity: 1;transform: translateY(0);}	
}
@media only screen and (max-width: 760px){
	.info_list .info_item .info_txt .depth1 .depth2 {flex-direction: column;align-items: flex-start;gap: initial;}
	.tour_info_wrap.type2 {flex-direction: column;}
	.tour_info_wrap.type2 .tx-right {width: 100%;}
}
@media only screen and (max-width: 700px){
	.shape.yel, .shape.pur {width: 15rem;}
}
@media only screen and (max-width: 630px){
	.info_list .info_item {gap: 2.5rem; padding: 3rem 2rem;}
	.info_list .info_item .info_txt_hd {flex-direction: column; gap: 1rem; width: 15rem;}
	.info_list .info_item .info_txt_hd::after {display: none;}
	.info_list .info_item .info_txt {width: calc(100% - 14rem);}
	.title_wrap.type2 h3 .small-hd {font-size: 2.5rem;}
	.title_wrap.type2 h3 span {font-size: 5rem;}
}
@media only screen and (max-width: 500px){
	.info_list .info_item {flex-direction: column; padding: 3.5rem;}
	.info_list .info_item .info_txt_hd, .info_list .info_item .info_txt {width: 100%;}
	.info_list .info_item .info_txt::before {display: block;}
	.title_wrap.type2 h3 {font-size: 6rem;}
	.shape {display:none;}	
}
@media only screen and (max-width: 400px){
	.etiqu_list {padding: 4rem 2rem;}
	.etiqu_list .etiqu_item {flex-direction: column;}
	.etiqu_list .etiqu_item p {width:100%;}
	.tour_info_wrap h3 {font-size: 2.5rem;}
	.title_wrap.type2 h3 .blue {display: block;}
	.article_box .intro_txt p {font-size: 1.4rem;}
	.article_box .intro_txt p strong {font-size: 2rem;}
}

/* 박물관소개 - 어린이박물관 추가 컨텐츠 */
/* 공통 */
#children .linkwrap {display:flex;justify-content:center;align-items:center;gap:32px;border-radius:12px;padding:60px;margin-top:80px;background:linear-gradient(270deg, rgba(157, 193, 237, 0.15) 0%, rgba(246, 186, 173, 0.15) 75.43%);}
#children .linkwrap strong {line-height:1.3;font-size:24px;font-weight:800;}
#children .linkwrap strong > span {color:#206CD8;}
#children .linkwrap > div {display:flex;gap:16px;}
#children .linkwrap a {display:flex;flex-direction:row;align-items:center;gap:10px;padding:16px 32px;border-radius:40px;border:1px solid var(--c_gray_60);font-weight:800;font-size:20px;background:#FFF;}
#children .linkwrap a:after {content:'';display:block;width:20px;height:20px;background:url('/resources/img/common/arr_mdi.svg') no-repeat 50%}
#children .linkwrap a:nth-child(1) {}
#children .linkwrap a:nth-child(2) {}
@media only screen and (max-width:768px) {
	#children .linkwrap {flex-direction:column;gap:12px;}
	#children .linkwrap strong {text-align:center;}
}

@media only screen and (max-width:420px) {
	#children .linkwrap {padding:32px;}
	#children .linkwrap strong {font-size:20px;}
	#children .linkwrap a {font-size:16px;}
}


/* tab1 컨텐츠*/
#children #tab1 .tab_section {display:flex;}
#children #tab1 .tab_section h3 {width:25%;}
#children #tab1 .tab_section p {margin-bottom:2rem;font-weight:800;}
#children #tab1 .tab_section .tab_con {width:calc(100% - 25%);}
#children #tab1 .tab_section .tab_con ul li {word-wrap: break-word;word-break: keep-all;}
#children #tab1 .tab_section .tab_con .list_1st li {display:flex;gap:1rem;padding:0;font-weight:300;}
#children #tab1 .tab_section .tab_con .list_1st > li {margin-bottom:1rem;}
#children #tab1 .tab_section .tab_con .list_1st > li:before {display:none;}
#children #tab1 .tab_section .tab_con .list_2st > li:before {display:none;}
#children #tab1 .tab_section .tab_con .list_1st > li strong {min-width: 8rem;}

@media only screen and (max-width:768px) {
	#children #tab1 .tab_section {flex-direction: column; padding: 5rem 0;}
	#children #tab1 .tab_section h3, #children #tab1 .tab_section .tab_con {width:100%;}
}
@media only screen and (max-width:540px) {
	#children #tab1 .tab_section .tab_con .list_1st li {flex-direction: column;}
}


.cont_wrap.sub020101 .tbl_basic{border-top:none;font-size:14px;white-space:normal;line-height:1.5;} 
.cont_wrap.sub020101 .tbl_basic thead th{font-size:16px;color:#fff;background-color:var(--c_gray_60);}
.cont_wrap.sub020101 .tbl_basic tr:first-child {color:#2A2A2A;background-color: var(--c_gray_10);}
.cont_wrap.sub020101 .tbl_basic td{border-left: 1px solid #ddd;}
.cont_wrap.sub020101 .tbl_basic tr td:first-child {border-left:none;}



/* tab2 컨텐츠*/
#children #tab2 .tab_section {display:flex;flex-direction:column;align-items:center;}
#children #tab2 .tab_section h3 {display:inline-flex;justify-content:center;align-items:flex-start;margin:0;padding:2.5rem 6rem;border-radius:130px;border: 2px solid var(--c_gray_40);background: var(--c_gray_5);}
#children #tab2 .tab_section h3:after {content:"";position: absolute;display: block;}
#children #tab2 .tab_section .tab2_bg {display:block;width:60%;}
#children #tab2 .tab_section .tab2_bg img {width:100%;}
#children #tab2 .tab_con {display: flex;justify-content: center;gap: 12rem;width:100%;}
#children #tab2 .tab_con .tab_item {width:30rem;}
#children #tab2 .tab_con .tab_item::before {content: "";display: block;position: relative;width: 2rem; height: 2rem;margin: 0 auto;}
/*
#children #tab2 .tab_con .tab_item.box1::before {background: url(/resources/img/contents/sub020101/pink_dot.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box2::before {background: url(/resources/img/contents/sub020101/yelo_dot.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box3::before {background: url(/resources/img/contents/sub020101/mint_dot.svg) no-repeat 50%;}
*/
#children #tab2 .tab_con .tab_item::after {content:""; display:block;}
/* #children #tab2 .tab_con .tab_item .element.num1::after {content: "";display: block;width: 4.7rem; height: 4.7rem;margin: 0 auto;}
#children #tab2 .tab_con .tab_item.box1 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/pink_arr.svg) no-repeat 50%;} */
#children #tab2 .tab_con .tab_item.box2 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/green_arr.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item.box3 .element.num1::after {background:#fff url(/resources/img/contents/sub020101/blue_arr.svg) no-repeat 50%;}
#children #tab2 .tab_con .tab_item .element {overflow: hidden;}
#children #tab2 .tab_con .tab_item .element.num1 {min-height:41.6rem; margin-top: -10px;}
#children #tab2 .tab_con .tab_item .element .tt_img {display: block;padding:3rem 0;border-radius: 4rem 4rem 0 0;border: 2px solid #ddd;}
#children #tab2 .tab_con .tab_item.box1 .element .tt_img {border-color:#FF82BB; background: #FFE5F2;}
#children #tab2 .tab_con .tab_item.box2 .element .tt_img {border-color:#00ADB2; background: #D3EBEC;}
#children #tab2 .tab_con .tab_item.box3 .element .tt_img {border-color:#00A4E3; background: #C7E6F2;}
#children #tab2 .tab_con .tab_item .element .tx_img {display:block; padding:4rem 0; height:37rem; border-radius:0 0 4rem 4rem; border:2px solid; border-top: 0;}
#children #tab2 .tab_con .tab_item.box1 .element .tx_img {border-color: #FF82BB; background:#fff url('/resources/img/contents/sub020101/tab_item_bg1.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item.box2 .element .tx_img {border-color: #00ADB2; background:#fff url('/resources/img/contents/sub020101/tab_item_bg2.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item.box3 .element .tx_img {border-color: #00A4E3; background:#fff url('/resources/img/contents/sub020101/tab_item_bg3.svg') no-repeat; background-position: 50% 108%;}
#children #tab2 .tab_con .tab_item .element.num2 {padding: 3rem 2rem;border-radius: 4rem; border:2px solid #ddd; text-align: center;}
#children #tab2 .tab_con .tab_item.box1 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item.box2 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item.box3 .element.num2 {border-color:#A0A7B0; background:#F8FAFD}
#children #tab2 .tab_con .tab_item .element.num2 p {margin-top:1rem;font-size: 1.5rem; font-weight: 300; line-height: 1.5;}

.arr{
	margin-top: -20px;
    margin-bottom: 15px;
}
@media only screen and (max-width:1400px) {
	#children #tab2 .tab_section .tab2_bg {width:69%;}
	#children #tab2 .tab_con {justify-content: space-between;width:100%; gap:4rem;}
	#children #tab2 .tab_con .tab_item {width:33%;}
}

@media only screen and (max-width:1080px) {
	#children #tab2 .tab_con {gap: 2rem;}
	#children #tab2 .tab_con .tab_item .element.num2 p {min-height:12rem;}
}

@media only screen and (max-width:800px) {
	#children #tab2 .tab_con {flex-direction: column;}
	#children #tab2 .tab_con .tab_item {display: flex;flex-direction: row;justify-content: space-between;width:100%;}
	#children #tab2 .tab_con .tab_item::before {display:none;}
	#children #tab2 .tab_con .tab_item .element.num1 {width:50%;min-height:auto;margin-top:0;}
	#children #tab2 .tab_con .tab_item .element.num1::after {display:none;}
	#children #tab2 .tab_con .tab_item .element .tt_img {padding: 2rem 0; border-radius: 4rem 0 0 0;}
	#children #tab2 .tab_con .tab_item .element .tx_img {padding: 2rem 0; height: 26rem; border-radius: 0 0 0 4rem;border-right: 0;}
	#children #tab2 .tab_con .tab_item .element.num2 {display: flex;flex-direction: column;justify-content: center;width:50%;height:calc(35rem + 1px);border-radius: 0 4rem 4rem 0;}
	#children #tab2 .tab_con .tab_item .element.num2 strong {display:block; width:13rem;margin: 0 auto;}
	#children #tab2 .tab_con .tab_item .element.num2 strong > img {width:100%;}
	#children #tab2 .tab_con .tab_item.box2 .element .tx_img {height: calc(26rem + 1px);}
}

@media only screen and (max-width:480px) {
	#children #tab2 .tab_section {position:relative;}
	#children #tab2 .tab_section::before {z-index:-1;content:"";position:absolute;display:block;left:50%;top:4%;width:1px;height:calc(100% - 39rem);background-color: #ccc;}
	#children #tab2 .tab_section h3 {padding:2rem;margin-bottom:4rem;}
	#children #tab2 .tab_section .tab2_bg {display:none;}
	#children #tab2 .tab_con {gap: 5rem;}
	#children #tab2 .tab_con .tab_item {flex-direction: column;}
	#children #tab2 .tab_con .tab_item .element.num1 {width: 100%;}
	#children #tab2 .tab_con .tab_item .element.num1::after {display:block;}
	#children #tab2 .tab_con .tab_item .element.num2 {width: 100%;height: 18rem; border-radius: 4rem;}
	#children #tab2 .tab_con .tab_item .element .tt_img {border-radius: 4rem 4rem 0 0;}
	#children #tab2 .tab_con .tab_item .element .tx_img {border-radius: 0 0 4rem 4rem; border: 2px solid;border-top: 0;}
	#children #tab2 .tab_con .tab_item .element.num2 p {min-height: auto;}
}


/* tab3 컨텐츠*/
/********* tab in tab 스타일 시작 *********/
.tab-ul2 {display: flex;justify-content: space-between;}
.tab-ul2 li {width: 25%;border:1px solid #A0A7B0;border-bottom: 0;border-radius: 28px 0px 0px 0px;overflow: hidden;}
.tab-ul2 li a {display: flex;flex-direction: row;align-items: center;justify-content: center;padding:4rem 3rem;}
.tab-ul2 li a > span {display: flex; flex-direction: column;align-items: flex-start;gap: 0.6rem;/* width: calc(100% - 6rem); */color: #6C757D;font-size: 1.6rem;}
.tab-ul2 li a > span .circle {display:inline-flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0 0.2rem;border-radius:2rem;font-size:1.2rem;font-weight:900;color:#fff;font-family: var(--f_sunn);background:#6C757D;}
.tab-ul2 li a > span strong {font-size: 2rem;font-weight: 800;}


.tab-ul2 li:nth-child(1).on {border:#00ADB2; background:#00ADB2}
.tab-ul2 li:nth-child(2).on {border:#00A4E3; background:#00A4E3}
.tab-ul2 li:nth-child(3).on {border:#B863A3; background:#B863A3}
.tab-ul2 li:nth-child(4).on {border:#00ADB2; background:#00ADB2}
.tab-ul2 li:nth-child(5).on {border:#FA2828; background:#FA2828}

.tab-ul2 li.on a > span {color:#fff}
.tab-ul2 li.on a > span .circle {background:#fff;}
.tab-ul2 li:nth-child(1).on a > span .circle {color:#00ADB2;}
.tab-ul2 li:nth-child(2).on a > span .circle {color:#00A4E3;}
.tab-ul2 li:nth-child(3).on a > span .circle {color:#B863A3;}
.tab-ul2 li:nth-child(4).on a > span .circle {color:#00ADB2;}
.tab-ul2 li:nth-child(5).on a > span .circle {color:#FA2828;}

.tab-ul2 li a > i {width:6rem;height:4.5rem;}
.tab-ul2 li:nth-child(1) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon1.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(2) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon2.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(3) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon3.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(4) a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(1).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon1_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(2).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon2_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(3).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon3_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(4).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4_on.svg) no-repeat 50%;}
.tab-ul2 li:nth-child(5).on a > i {background:url(/resources/img/contents/sub020101/tab3_intab_icon4_on.svg) no-repeat 50%;}
/********* tab in tab 스타일 끝 *********/

#children #tab3 .tab_section.space .tab_item {display: flex;justify-content: center;gap: 5rem;padding: 4rem 6rem;border-radius: 4rem;border: 2px solid #E9ECEF;}
#children #tab3 .tab_section.space .tab_item .element {display: flex; flex-direction: column; gap: 4rem; padding: 4rem; border-radius: 4rem; background:#F8F9FA; overflow:hidden;}
#children #tab3 .tab_section.space .tab_item .element > div {display: flex;flex-direction: column;align-items: center;gap:1.2rem;}
#children #tab3 .tab_section.space .tab_item .element > div * {text-align:center;}
#children #tab3 .tab_section.space .tab_item .element > div .bullet {display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:5rem;background:#000E3E;}
#children #tab3 .tab_section.space .tab_item .element > div .bullet img {margin:0; width:100%;}
#children #tab3 .tab_section.space .tab_item .element > div p br {display:none;}

#children #tab3 .story .tab_con > .tab_item {display: flex; gap: 0.9rem;}
#children #tab3 .story .tab_con > .tab_item .element {text-align: center;}
#children #tab3 .story .tab_con > .tab_item .element.num1 {width: calc(25% - 0.7rem);}
#children #tab3 .story .tab_con > .tab_item .element.num2 {width: calc(100% - 25%);}
#children #tab3 .story .tab_con > .tab_item .element::after {content:'';display:block;width:70%;height:5rem;background-size:100%; background-repeat: no-repeat;}
#children #tab3 .story .tab_con > .tab_item .element.num1::after {background-image:url('/resources/img/contents/sub020101/child_age1.svg'); margin-left: 25px;}
#children #tab3 .story .tab_con > .tab_item .element.num2::after {background-image:url('/resources/img/contents/sub020101/child_age2.svg');}

#children #tab3 .story .tab_con > .tab_item .element p {margin-left:13%;font-size: 1.5rem;}
#children #tab3 .story .tab_con > .tab_item .element.num1 p {margin-left:22%;}
#children #tab3 .story .tab_con > .tab_item .element p span {display: inline-block; padding: 0.5rem 1.5rem;border-radius: 2rem;color: #fff;background: #495057;}

#children #tab3 .tab_body2 {padding: 6rem 6rem 0rem;border: 4px solid #ddd; border-radius: 0px 0px 40px 40px;}
#children #tab3 .tab_body2#tab1_1 {border-color:#00ADB2}
#children #tab3 .tab_body2#tab1_2 {border-color:#00A4E3}
#children #tab3 .tab_body2#tab1_3 {border-color:#B863A3}
#children #tab3 .tab_body2#tab1_4 {border-color:#00ADB2}
#children #tab3 .tab_body2#tab1_5 {border-color:#FA2828}

#children #tab3 .col_flex {display: flex;flex-direction: column; gap: 4rem;}
#children #tab3 .row_flex {display: flex;flex-direction: row; justify-content: space-between;gap: 10rem;}

#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1) {width:40%;}
#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width:calc(100% - 42%);}

#children #tab3 .tab_item .hashtag {display: inline-block; border: 1px solid; padding: 0.8rem 1.2rem;font-size: 1.2rem;border-radius: 2rem;}
#children #tab3 #tab1_1 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_2 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_3 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_4 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}
#children #tab3 #tab1_5 .tab_item .hashtag {color: #767676; background: #F8F9FA; border: none;}

#children #tab3 .tab_body2 .tab_item .img_box {max-width:100%;padding:0; border:none; background:#fff;}
#children #tab3 .tab_body2 .tab_item .img_box img {max-width:100%; border-radius: 20px;}

#children #tab3 .tab_body2 .tab_item strong {display:block; margin: 1.7rem 0;}
#children #tab3 .tab_body2 .tab_item strong img {margin:0}

#children #tab3 #tab1_1 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_2 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_3 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_4 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}
#children #tab3 #tab1_5 .tab_item p {color: black; font-size: 15px; margin-top: 8%; line-height: 1.3;}

#children #tab3 .line_box li a {
	display:block;width:100%;padding:1.5rem 2rem;font-size:1.6rem;text-align: center; border-radius: 30px;border:1px solid #CED4DA;color:#495057
}
#children #tab3 .line_box li.on a {border:transparent;color:var(--white);}
#children #tab3 #tab1_1 .line_box li.on a {background:#00ADB2;}
#children #tab3 #tab1_2 .line_box li.on a {background:#00A4E3;}
#children #tab3 #tab1_3 .line_box li.on a {background:#B863A3;}
#children #tab3 #tab1_4 .line_box li.on a {background:#00ADB2;}
#children #tab3 #tab1_5 .line_box li.on a {background:#FA2828;}

#children #tab3 .line_box.col-3 {display:flex;flex-direction:column;gap:1rem;}
#children #tab3 .line_box {display:flex; flex-wrap:wrap;gap:0.7rem;}
#children #tab3 .line_box li {width:calc(50% - .4rem);}

.img_bottom_1{
	display: flex; margin-top: -88px; justify-content: center;
}
.img_bottom_2{
	display: flex; margin-top: -20px; justify-content: center;
}
.img_bottom_3{
	display: flex; margin-top: -42px; justify-content: center;
} 
.img_bottom_4{
	display: flex; margin-top: -40px; justify-content: center;
}
.img_bottom_5{
	display: flex; margin-top: -62px; justify-content: center;
}

@media only screen and (max-width:1400px) {
	#children #tab3 .line_box.col-4 li {width:100%;}
}

@media only screen and (max-width:1260px) {
	.tab-ul2 li a > span {width:100%;}
	.tab-ul2 li a > i {display:none;}
	
	#children #tab3 .tab_section.space .tab_item {gap: 2rem; padding: 4rem;}
	#children #tab3 .tab_section.space .tab_item .element {padding: 3rem;}
	#children #tab3 .tab_section.space .tab_item .element > div p br {display:block}
}
@media only screen and (max-width:1024px) {
	#children #tab3 .tab_body2 {border-radius: 4rem;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1) {width: 100%;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width: 100%;}
	#skipNav{display: none;}
}

@media only screen and (max-width:1080px) {
	#children #tab3 .tab_body2 > .row_flex {gap: 3rem; flex-direction: column;}
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(1),
	#children #tab3 .tab_body2 > .row_flex > .tab_item:nth-child(2) {width:100%;}
	#children #tab3 .story .tab_con > .tab_item {display:none;}
	#children #tab3 .tab_header2 {margin-bottom:2rem;}
	.tab-ul2 {gap: 1rem;flex-wrap: wrap;}
	.tab-ul2 li {width: calc(50% - 1rem); border-radius: 3rem; border: 2px solid #6C757D;}
	.tab-ul2 li.on {border:transparent}
	.tab-ul2 li a {padding: 3rem 4rem;}
	.tab-ul2 li a > span {width: calc(100% - 6rem);}
	.tab-ul2 li a > i {display: block;}

	#children #tab3 .tab_section.space .tab_item {padding: 0; border: 0;}
}

@media only screen and (max-width:840px) {
	#children #tab3 .tab_section.space .tab_item .element > div {height: 13rem;}	
}

@media only screen and (max-width:800px) {
	#children #tab3 .tab_section.space .tab_item {flex-direction: column;}
	#children #tab3 .tab_section.space .tab_item .element {gap: 0; padding: 5rem 3rem;}
	
	#children #tab3 .line_box.col-4 {flex-direction: column;}
	#children #tab3 .line_box.col-4 li {width:100%;}
}

@media only screen and (max-width:690px) {
	.tab-ul2 li a > span {width:100%;}
	.tab-ul2 li a > i {display: none;}
	#children #tab3 .tab_body2 {padding: 5rem 4rem;}
}

@media only screen and (max-width:540px) {
	.tab-ul2 {gap: 0.5rem;}
	.tab-ul2 li {width: calc(50% - 0.5rem);}
	.tab-ul2 li a {padding: 2.5rem 3rem;}
	.tab-ul2 li a > span strong {font-size: 1.9rem;letter-spacing: -.05rem;}
}

@media only screen and (max-width:480px) {
	.tab-ul2 {flex-direction: column;}
	.tab-ul2 li {width:100%;}
	.tab-ul2 li a {padding: 3rem 4rem;}
	.tab-ul2 li a > span {width: calc(100% - 6rem);}
	.tab-ul2 li a > i {display: block;}	
}

@media only screen and (max-width:360px) {
	#children #tab3 .tab_body2 {padding: 3rem 2rem;border-radius: 3rem;}
}

@media only screen and (max-width:320px) {
	.tab-ul2 li a {padding: 2rem 3rem;}	
	.tab-ul2 li a > span {width:100%;}
	.tab-ul2 li a > i {display: none;}
}

/* tab4 컨텐츠*/
#children #tab4 .detail {display:flex;margin-bottom:100px;}
#children #tab4 .detail h3 {width:25%;}
#children #tab4 .detail ul {width:calc(100% - 25%);}
#children #tab4 .education {display:flex;flex-wrap:wrap;gap:32px;}
#children #tab4 .education .item {display:flex;flex-direction:column;align-items:center;gap:26px;width:calc(25% - 24px);border-radius:18px;border:1px solid var(--c_gray_40);overflow:hidden;background:#FFF;}
#children #tab4 .education .img {position:relative;width:100%;padding-top:100%;max-height:353px;overflow:hidden;}
#children #tab4 .education .img > img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
#children #tab4 .education .info {display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;padding:0 22px 18px;} 
#children #tab4 .education .bul-box {display:flex;flex-wrap:wrap;gap:8px;width:100%;} 
#children #tab4 .education .bullet {display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:4px;border:1px solid var(--c_gray_40);font-size:12px;font-weight:700;} 
#children #tab4 .education .bullet.winter {border-color:#57BBAD;color:#00B799;background-color:#EFFDF4;} 
#children #tab4 .education .bullet.weekday {border-color:#838E99;color:#495057;background-color:#F7FAFD;} 
#children #tab4 .education .bullet.weekend {border-color:#FF1286;color:#FF1286;background-color:#FFEFF6;} 
#children #tab4 .education .bullet.teaching {border-color:#FEC637;color:#E7A702;background-color:#FFFCE2;} 
#children #tab4 .education .bullet.online {border-color:#00A4E3;color:#206CD8;background-color:#F0F6FC;} 
#children #tab4 .education .bullet.reserve {border-color:#00A4E3;color:#fff;background-color:#00A4E3;} 
#children #tab4 .education .item .info strong {font-size:16px;font-weight:800;color:#495057;line-height:1.5;} 
#children #tab4 .education .item .info ul li {display:flex;gap:10px;font-size:14px;margin-bottom:14px;color:var(--c_gray_70);}
#children #tab4 .education .item .info ul li b {font-weight:700;}
@media only screen and (max-width:1400px) {
	#children #tab4 .education .item {width:calc(33.54% - 24px);}
}
@media only screen and (max-width:1280px) {
	#children #tab4 .education {gap:26px;}
	#children #tab4 .education .item {width:calc(33.3% - 18px);}
}
@media only screen and (max-width:1080px) {
	#children #tab4 .detail {flex-direction:column;margin-bottom:60px;}
	#children #tab4 .detail h3,
	#children #tab4 .detail ul {width:100%;}
	#children #tab4 .detail ul li {margin-bottom:8px;}
	#children #tab4 .education .item {width:calc(50% - 13px);}
}
@media only screen and (max-width:768px) {
	#children #tab4 .education .item {width:100%;}
	#children #tab4 .education .info {padding:0 32px 26px;}
	#children #tab4 .education .item .info strong {font-size:24px;}
	#children #tab4 .education .item .info ul li {font-size:18px;}
	#children #tab4 .education .bullet {font-size: 14px;}
}
@media only screen and (max-width:430px) { 
	#children #tab4 .education .item .info strong {font-size:22px;}
	#children #tab4 .education .item .info ul li {font-size:15px;}
}
@media only screen and (max-width:393px) { 
	#children #tab4 .education .info {padding: 0 22px 20px;}
	#children #tab4 .education .item .info ul li {flex-wrap:wrap;font-size:14px;}
}

/*인사말*/
#about .article_box {margin-bottom:-10rem;}
#about .item_wrap {position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    background: white;
    width: 924px;
    top: -20rem;
	right:15%;
    padding: 7rem 10rem;
}

.gre_con2{display: flex;}
.gre-line{width: 104px; height:2px; background-color: #A0A7B0; margin-bottom: 10%}
.gre-title{color:#002466; font-size: 22px; font-weight:700; margin-bottom: 30px;}
.about_content {font-size: 16px; line-height: 2; }
.gre_con2_1 .about_content {margin-bottom:10%}


/* #about .about_title {width: calc(100% - 40%);} */
#about .about_title h2 {line-height:1.5; font-size:30px;}
#about .about_title p {line-height:1.8; font-weight:300; margin-top: 10%; font-size: 19px;} 
#about .img_wrap {width:40%;height:28.7rem;background:url(/resources/img/common/logo_pattern.svg) no-repeat 0 100%/100% auto;}

#about .article_box:nth-child(2) {padding: 8rem 0;margin-bottom: 12rem;}
#about .article_box:nth-child(2) .item_wrap {padding:0;}
#about .article_box:nth-child(2) .imgwrap {position: absolute;right: 0;top: 0;width: 40%;}
#about .article_box:nth-child(2) .imgwrap img {width:90%;}

#about .list_num {width:calc(100% - 45%);}
#about .list_num li {display: flex;align-items: center;justify-content: space-between;line-height: 2.5;width: 100%; background: url(/resources/img/common/white_dot.svg) repeat-x;background-position-y: center;background-clip: content-box;}
#about .list_num li .number {top:initial;}
#about .list_num li strong {font-size: 2.8rem; padding-right: 1rem; background: #00A6E2;}
#about .list_num li .line {content:''; display:block; width:30%; height:1px;}
#about .list_num li span:last-child {padding-left: 1rem;background: #00A6E2; word-wrap: break-word; word-break: keep-all;}

#about .article_box:nth-child(3) .item_wrap {gap: 5rem;}
#about .article_box:nth-child(3) .imgwrap {width:44%;}
#about .article_box:nth-child(3) .imgwrap img {object-fit: cover;}
#about .article_box:nth-child(3) .txt_box {display: flex;flex-direction: column; gap: 2.2rem;width: calc(100% - 44%);}
#about .article_box:nth-child(3) .txt_box p {line-height: 2;font-weight: 300;}
#about .article_box:nth-child(3) .txt_box .sign {display: flex;align-items: center;gap:3rem;font-weight: 500;}
#about .article_box:nth-child(3) .txt_box .sign > span {width:15%}
#about .article_box:nth-child(3) .txt_box .sign > span > img {width:100%} 
#about .article_box:nth-child(3) .txt_box .sign br {display:none;}

@media only screen and (max-width: 1400px){
	#about .item_wrap {margin: 0 auto;}
	#about .about_title {width: calc(100% - 36rem);}
	#about .about_title h2 {font-size: 2.5rem;}
	#about .img_wrap{width:36rem;height:19.7rem;}
	#about .list_num {width: calc(100% - 40%);}
	#about .article_box:nth-child(2) .imgwrap {position: initial; width: 35%;}
	#about .about_title p .enter {display:inline;}

	#about .article_box:nth-child(3) .imgwrap {width:44%;}
	#about .article_box:nth-child(3) .txt_box {width: calc(100% - 44%);}
	#about .article_box:nth-child(3) .txt_box p {line-height: 1.8;}
	#about .article_box:nth-child(3) .txt_box .enter {display:inline;}
}
@media only screen and (max-width: 1280px){
	#about .list_num {width: calc(100% - 30%);}
	#about .list_num li {line-height: 2;}
	#about .article_box:nth-child(2) .imgwrap {width:30%}
}
@media only screen and (max-width: 1140px){
	#about .list_num {width: calc(100% - 10%);}
}
@media only screen and (max-width: 1080px){
	#about .about_title {width: calc(100% - 28rem);}
	#about .img_wrap {width:28rem;height:16.7rem;}
	#about .list_num {width:100%;}
	#about .article_box:nth-child(2) .imgwrap {display:none;}
	#about .article_box:nth-child(3) .item_wrap {align-items: flex-start;}
	#about .article_box:nth-child(3) .txt_box .sign {gap:4rem;}
	#about .article_box:nth-child(3) .txt_box .sign br {display:inline;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:25%;}
	#about .article_box:nth-child(3) .txt_box .sign > span > img {width:100%;}		
}
@media only screen and (max-width: 740px){
	#about .item_wrap {flex-direction: column; gap: 3rem;}
	#about .about_title {width: 100%;text-align: center;}
	#about .img_wrap {width:27rem;height:15rem;}
	#about .article_box:nth-child(2) {margin-bottom: 6rem;}
	#about .article_box:nth-child(2) .item_wrap {padding: 0 2rem;}
	#about .list_num li {flex-direction: column;align-items: flex-start;background: none;}
	#about .list_num li .number {top:18%;}
	#about .article_box:nth-child(3) .imgwrap, #about .article_box:nth-child(3) .txt_box {width:100%;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:20%;}
}
@media only screen and (max-width: 414px){
	#about .article_box:nth-child(2) {padding: 4rem 0;}
	#about .article_box:nth-child(2) .item_wrap {padding: 0;gap: 0;}
	#about .list_num {display: flex;flex-direction: column;width: 100%;}
	#about .list_num li {align-items: center;padding:3rem 0 2rem; border-bottom: 1px solid #fff;}
	#about .list_num li:last-child {border-bottom:0;}
	#about .list_num li .number {position: initial;}
	#about .list_num li span:last-child {text-align: center;}
}
@media only screen and (max-width: 362px){
	#about .about_title h2 {font-size:2.2rem;}
	#about .about_title h2 .enter {display: inline;}
	#about .article_box:nth-child(3) .txt_box .sign {gap: 0;}
	#about .article_box:nth-child(3) .txt_box .sign > span {width:40%;}
}

/*연혁*/
#history .item_wrap {display: flex; gap:10rem;}
#history .img_wrap {width:50%;}
#history .history_wrap {display: flex;flex-direction: column;gap: 5rem;width:calc(100% - 50%)}
#history .history_wrap .history_intro {width:100%;}
#history .history_wrap .history_intro li {font-size:1.6rem; line-height:1.5; margin-bottom:3rem;}
#history .history_list {display: flex;flex-direction: column;}
#history .history_list .item {overflow: hidden;margin-bottom: 8rem;}
#history .history_list .item h3 {font-size: 3rem;color: #232D5C;font-weight: 900;margin-bottom: 3rem;}
#history .history_list .item ul li {display: flex;line-height: 1.5;margin-bottom: 2.5rem; font-size: 1.6rem; font-weight:300;}
#history .history_list .item ul li:last-child {margin-bottom:0;}
#history .history_list .item ul li > strong {min-width: 12rem;color: #00A6E2;font-family: var(--f_sunn);font-size: 1.8rem;}

@media only screen and (max-width: 1200px){
	#history .item_wrap {gap:4rem;}
	#history .img_wrap {width:40%;}
	#history .history_wrap {width: calc(100% - 35%);}
}

@media only screen and (max-width: 900px){
	#history .item_wrap {flex-direction: column;}
	#history .img_wrap, #history .history_wrap {width:100%;}
}

@media only screen and (max-width: 414px){
	#history .history_list .item h3 {font-size: 2.5rem;}
	#history .history_list .item ul li {flex-direction: column;}
}

/*조직도*/
.org_cont button {font-size:1.6rem; cursor:pointer; font-family: var(--f_nsN);}

.org_wrap {display: flex;flex-direction: column;}
.org_wrap .org_dep_box {display:block;width:100%;text-align:center;}
.org_wrap .org_dep_box > span, .org_dep3 .tit_wrap .org_tit span {position: relative;display:inline-block;color:#fff;}

.org_wrap .org_dep_box > span::after,
.org_dep3 .tit_wrap .org_tit > span::after,
.org_dep4 .dep_wrap .tit_wrap .sub_tit > span::after  {content:""; display: block; position: absolute; left: 0; bottom: 9px; width: 0; height: 2px; background-color: #d5dddd; transition: all .3s;}
.org_wrap .org_dep_box:hover > span::after,
.org_dep3 .tit_wrap .org_tit:hover > span::after,
.org_dep4 .dep_wrap .tit_wrap .sub_tit:hover > span::after {width: 100%;}

.org_dep1 {position:relative;margin-left:-1px;padding-bottom:6rem;}
.org_dep1::before {z-index:-1; content:"";position:absolute;display:block;left:50%;top:56%;width:1px;height:calc(100% + 45px);background-color:#ccc;}
.org_dep1 .org_dep_box {max-width: 250px;margin:0 auto;padding: 15px 0;background-color:#232D5C;}
.org_dep1 .org_dep_box span {line-height: 50px;}

.org_dep2 {position: relative;display: flex;flex-direction: row-reverse;width: 100%;padding-right:20%;padding-bottom:6rem;}
.org_dep2::before {z-index: -1;content: "";position: absolute;display: block;right:26%;top:27%;width:24%;height: 1px;margin-top: -1px;background-color: #ccc;}
.org_dep2 .org_dep_box {width:25%;border: 1px dashed #555;background-color: #fff;}
.org_dep2 .org_dep_box span {line-height:60px;color: #212121;}
.org_dep2 .org_dep_box > span:after {display:none;}

.org_dep3 {position:relative;margin:0 -20px;}
.org_dep3::after {content: ""; display: table;clear: both;}

.org_dep3 .org_dep_box {position: relative;float:left; width:50%; padding:6rem 20px 0;}

.org_dep3 .org_dep_box::before {content: "";position: absolute;display: block;left: 0;top: 0;width:50%;height: 1px;background-color: #ccc;}
.org_dep3 .org_dep_box:first-child::before {right: 0;left: auto;width: 50%;}
.org_dep3 .org_dep_box::after {content: "";position: absolute;display: block;left: 50%; top: 0;width: 1px; height:16%;margin-left: -1px;background-color: #ccc;}

.org_dep3 .tit_wrap {position: relative;margin-bottom: 20px;}
.org_dep3 .tit_wrap::before {z-index: -1;content: "";position: absolute;display: block;left: 50%;bottom: -20px;width: 1px;height: 100%;margin-left: -1px;background-color: #ccc;}
.org_dep3 .tit_wrap::after {z-index: -1;content: "";position: absolute;display: block;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -1px;background-color: #ccc;}

.org_dep3 .org_dep_box .org_tit {z-index: 999;position: relative;width:50%;margin-bottom: 20px;padding: 10px 0;text-align: center;}
.org_dep3 .org_dep_box.num1 .org_tit {background-color: #00A6E2;}
.org_dep3 .org_dep_box.num2 .org_tit {background-color: #00ADB1;}
.org_dep3 .org_dep_box .org_tit span {line-height:50px;}

.org_dep4 {overflow: hidden;margin: 0 -10px;}
.org_dep4 .dep_wrap {float: left;position: relative;width: 50%;padding: 21px 10px 0;}
.org_dep4 .dep_wrap::before {content: "";position: absolute;display: block;top: 0;left: 0;width:50%; height: 1px;background-color: #ccc;}
.org_dep4 .dep_wrap:first-child::before {width: 50%;left: auto;right: 0;}
.org_dep4 .dep_wrap::after {z-index: -1;content: "";position: absolute;display: block;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -1px;background-color: #ccc;}

.org_dep4 .dep_wrap .tit_wrap .sub_tit {position: relative;width:80%;margin-bottom: 20px;padding: 10px 0;text-align:center; background:#fff;}
.org_dep_box.num1 .org_dep4 .dep_wrap .tit_wrap .sub_tit {border: 3px solid var(--c_primary);}
.org_dep_box.num2 .org_dep4 .dep_wrap .tit_wrap .sub_tit {border: 3px solid #00ADB1;}

.org_dep4 .dep_wrap .tit_wrap .sub_tit span {position: relative;display: inline-block;line-height:40px;}
.org_dep_box.num1 .org_dep4 .dep_wrap .tit_wrap .sub_tit span {color:var(--c_primary);}
.org_dep_box.num2 .org_dep4 .dep_wrap .tit_wrap .sub_tit span {color:#00ADB1;}
.org_dep4 .dep_wrap .tit_wrap .sub_tit > span::after {bottom: 5px;}

.org_dep4 .dep_wrap ul {position: relative;display: table;width: 100%;height: 75px;background-color: white;}
.org_dep4 .dep_wrap ul::after {content: "";display: table;clear: both;}
.org_dep4 .dep_wrap ul li {float: left;position: relative;width: 50%;padding: 20px 10px 0;}
.org_dep4 .dep_wrap ul li:first-child {padding-left:0}
.org_dep4 .dep_wrap ul li:last-child {padding-right:0}

.org_dep4 .dep_wrap ul li::before {z-index: 0;content: ""; position: absolute;display: block;left:50%;top: 0;width: 1px;height: 100%;margin-left: -5px;background-color: #ccc;}
.org_dep4 .dep_wrap ul li::after {content: "";position: absolute;display: block;top: 0;width:calc(50% + 5px);height: 1px;background-color: #ccc;}
.org_dep4 .dep_wrap ul li:first-child::after {right:0;}
.org_dep4 .dep_wrap ul li:last-child::after {left:0;}
.org_dep4 .dep_wrap ul li:last-child::before {margin-left:5px;}

.org_dep4 .dep_wrap ul li .org_dep5 {position:relative;text-align: center;transition: all .3s;}
.org_dep4 .dep_wrap ul li .org_dep5 button {position: relative;display:block;width:100%;padding:20px 0;border:1px solid #949494;color:#666;;text-align:center;transition: all .3s;background: #fff;}
.org_dep4 .dep_wrap ul li .org_dep5 button span {position: relative;display: inline-block;word-break: break-all;}

.org_dep_box.num1 .org_dep4 .dep_wrap ul li .org_dep5 button:hover {color:#00A6E2; border-color:#00A6E2; background-color:#E6F7FD;}
.org_dep_box.num2 .org_dep4 .dep_wrap ul li .org_dep5 button:hover {color:#00ADB1; border-color:#00ADB1; background-color:#E6F7F8;}

.table_wrap {margin-top:8rem;}
.table_wrap .item_wrap{padding:0 0 6rem;}
.tbl_box, .tbl_subbox {display: none;}
.tbl_box.on, .tbl_subbox.on {display: block; margin: 50px 0;}

@media only screen and (max-width: 1400px){
	.org_cont .org_wrap, .org_cont .table_wrap {padding:0 2rem;}
	.org_cont .table_wrap {width: 100%;}
	.org_cont .table_wrap .item_wrap {width:100%;margin:0 auto}
	.org_cont .table_wrap .item_wrap .tbl_subbox {width:100%; overflow: auto;}
	.org_cont .table_wrap .item_wrap .tbl_subbox table {min-width:500px;}
}

@media only screen and (max-width: 768px){
	.org_wrap * {font-size:1.5rem;}
	.org_dep1 {margin-left: 0;}
	.org_dep2 {padding-right: 0;}
	.org_dep2::before {width: 50%;right: 0;}
	.org_dep2 .org_dep_box {width:30%;}
	.org_dep3 {margin: 0 -5px;}
	.org_dep3 .org_dep_box {width: 100%;float: none;}
	.org_dep3 .org_dep_box::before {display:none;}
	.org_dep3 .org_dep_box::after {display:none;}
	.org_dep3 .org_dep_box:first-child {padding-top:0;}
	.org_dep4 .dep_wrap ul {width: 100%; height: auto;}
}

.right .month::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    position: relative;
    right: 53px;
    border: 3px solid #A0A7B0;
    border-radius: 50px;
    top: 35px;
    z-index: 90;
	}
	.left .month::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		right: -54px;
		overflow: hidden;
		position: absolute;
		border: 3px solid #A0A7B0;
		border-radius: 50px;
		top: 0px;
		z-index: 90;
	}

	.year-sm-left{
		font-size:20px; color:#002466; font-style: italic; margin-left: 25px;
	}
	
	.item h3::before{
		content: "";
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		background: #002466;
		left: -10px;
		margin-top: 5px;
	}


	.item h3{color:#002466; font-size: 22px;}

	.list_1st strong {font-size: 16px;}

	.history-list{/* margin-top:20px; padding-top:60px;*//* margin-bottom:100px; *//* width:100%; *//* height:auto; *//* overflow:hidden; */position:relative;}
	.history-list:before{content:"";width:1px;height:100%;overflow:hidden;display:block;background:#ddd;position:absolute;left:50%;top:40px;}
	.history-list>li{overflow:hidden;margin-bottom:150px;width:100%;height:auto;overflow:hidden;}
	/* .history-list>li:nth-child(1){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list01.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(2){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list02.jpg) no-repeat 650px 40px;}
	.history-list>li:nth-child(4){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list03.jpg) no-repeat 650px 40px;}
	.history-list>li:nth-child(5){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list04.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(7){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list05.jpg) no-repeat 135px 40px;}
	.history-list>li:nth-child(8){background:url(/_res/gtck/gtck/img/frt/bg/bg-history-list06.jpg) no-repeat 650px 40px;} */
	.history-list li .item{position:relative;width:50%;box-sizing:border-box;}
	.history-list li .item.left{float:left}
	.history-list li .item.right{float:right;padding-left:90px;height:auto;position:relative;}
	.history-list li:nth-child(odd) .item.right:before{content:"";display:block;width:99px;height:30px;overflow:hidden;position:absolute;left:-10px;top:20px;background:url(/resources/img/main/ico_history.png) no-repeat;z-index:90;}

	.history-list li .item>strong{width:100%;height:auto;overflow:Hidden;font-size:40px;color:#002466; font-style: italic;}
	.history-list>li:first-child .item>strong{color:#002466;}
	.history-list li ul{width:100%;height:auto;overflow:Hidden;}
	.history-list li ul li{display:block;margin-top:15px;position:relative;width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:Hidden;}
	.history-list li ul li:before{content:"";width:3px;height:3px;overflow:Hidden;display:block;background:#000;position:absolute;left:0;top:12px;}
	.history-list li ul li strong{display:inline-block;font-size:20px;color:#000;font-weight:400;width:40px;height:auto;overflow:hidden;vertical-align:top}
	.history-list li ul li span.desc{overflow:hidden;display:inline-block;width:calc(100% - 44px);}
	.history-list li:nth-child(even) ul li{display:block;padding-left:0;padding-right:10px}
	.history-list li:nth-child(even) ul li:before{left:auto;right:0;}
	.history-list li:nth-child(even) ul li strong{float:right;}
	.history-list li:nth-child(even) ul li span{float:right;line-height:30px;}
	.history-list li:nth-child(even) .item.left{padding-right:90px}
	.history-list li:nth-child(even) .item.left:before{display:block;position:absolute;top:20px;left:auto;right:-88px;width:99px;height:30px;overflow:hidden;background:url(/resources/img/main/ico_history.png) no-repeat;content:"";}
	.history-list li:nth-child(even) .item.right{padding-left:45px}

	.history-list li .item.left {
		float: left;
		padding-right: 45px;
		text-align: right;
	}

	.desc {font-size: 16px; position: relative;}
	.month {font-size: 20px; color:#B368AA; font-style: italic;} 

	.year-sm{font-size:20px; color:#002466; font-style: italic; margin-right: 25px;}


/* 오시는 길 */
.mapwrap{position:relative;width:100%;min-height:500px;margin-bottom:10rem;}
.mapwrap #map{width:100%;height:500px;border:1px solid #CED4DA;}
.mapwrap .info{position:absolute;right:0;bottom:0;padding:4rem;background:#232D5C;z-index:1; height: 100%;}
.mapwrap .info{display:flex;flex-direction:column;gap:1rem;}
.mapwrap .info li{display:flex;align-items:center;font-weight:500;font-size:1.6rem;color:#fff;}
.mapwrap .info li i{display:block;width:26px;height:26px;margin-right:2rem;text-indent:-999px;font-size:0;line-height:0;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;}
.mapwrap .info li i.address{background-image:url(/resources/img/contents/ico_address.svg);}
.mapwrap .info li i.phone{background-image:url(/resources/img/contents/ico_phone.svg);}
.mapwrap .info li i.bus{background-image:url(/resources/img/contents/ico_bus.svg);}

.parking{display:flex;gap:2rem;margin-top:1rem;}
.parking li {font-size:1.6rem;}
.parking li{display:flex;flex-direction:column;align-items:center;width:100%;padding:5rem 0;border:1px solid #DEE2E6;gap:.5rem;text-align:center;line-height:1.5;}
.parking li em{font-weight:500;font-style:normal;}
.parking li span {display:flex;flex-direction:row;font-size:2rem}
.parking li span b{font-weight:900}
.parking li i{display: block;width:8.2rem; height: 8.2rem;margin-bottom:2.4rem; border-radius: 3rem;background:no-repeat 50% #F4F6F6;}
.parking li i.ico1{background-image: url(/resources/img/contents/ico_parking1.svg) }
.parking li i.ico2{background-image: url(/resources/img/contents/ico_parking2.svg)}
.parking li i.ico3{background-image: url(/resources/img/contents/ico_parking3.svg)}
.parking li i.ico4{background-image: url(/resources/img/contents/ico_parking4.svg)}
.parking li i.ico5{background-image: url(/resources/img/contents/ico_parking5.svg)}

.infowrap {
	display: flex;
    flex-direction: column;
    gap: 55px;
    padding: 8em 0;
    /* border-bottom: 1px solid #DEE2E6; */
    margin-bottom: 60px;
}
/* .infowrap .item {display:flex;} */
.infowrap .item {display:flex; border-bottom: 1px solid #A0A7B0; padding:12px; position: relative;}
.infowrap .item h3 {width:25%}
.infowrap .item .info_con {width: calc(100% - 25%);}
.infowrap .item .info_con ul li {display:flex;flex-direction:column;margin-bottom:16px;}


@media only screen and (max-width:1023px){
	.parking{flex-wrap:wrap;}
	.parking li{flex-basis: calc(34% - 2rem);}
}
@media only screen and (max-width:640px){
	.mapwrap .info{padding:2.4rem;}
	.mapwrap .info li{align-items:flex-start;font-size:1.4rem;line-height:1.4}
	.mapwrap .info li i{width:2rem;height:2rem;background-size:auto 100%;}
	.parking li{flex-basis: calc(51% - 2rem);padding:3rem 0;font-size:1.4rem;}
	.parking li span{font-size:1.6rem;}
	.parking li i{width:5.2rem;height:5.2rem;margin-bottom:1.4rem;border-radius:2rem;background-size:64% auto;}
}

/* 박물관단지법 */
.txtarea *{color:#6C757D; font-size: 18px;}
.txtarea{
	height: 38rem;
    margin-top: 3rem;
    font-size: 1.5rem;
    line-height: 1.6;
    border: 1px solid #CED4DA;
    background: #F8F9FA;
    overflow-y: auto;
	margin-bottom: 3rem;
}
.txtarea b{display:block;margin-top:4rem;}
.txtarea p b{display:inline;margin-top:0;}
.txtarea p{margin-top:4rem;}
.txtarea ol{margin-top:1rem;margin-left:2rem;}
.txtarea ol.ol_1st {margin-left:0;}
.txtarea ol.ol_1st li{list-style:none;}
.txtarea ol li,
.txtarea ol.ol_1st li ol li{list-style:decimal;}
.txtarea ol.ol_1st li ol{margin-left:3.2rem;margin-bottom:2rem;}
.txtarea .bold{font-weight:bold;}

.txtarea ol.ol_1st_hangul {
    margin-left: 0;
	
}
.txtarea ol.ol_1st_hangul li{
    list-style: none;
}
.txtarea ol.ol_1st_hangul li ol li{list-style:hangul;}

/*추진계획*/
#plan .item_wrap {margin-bottom: 8rem;}
.plan_intro {display: flex;flex-wrap: wrap;justify-content: space-between;gap:2.7rem;}
.plan_intro li {width: 32%;height: 29.5rem;padding: 3rem; border: 1px solid #DEE2E6;}
.plan_intro li:first-child {border:none;}
.plan_intro li > h3 {font-size: 3rem;}
.plan_intro li > span {display:inline-block;width:100%;margin-bottom:1.5rem;font-size:3rem;text-align:center; color:var(--c_primary_m);font-family: var(--f_mag);}
.plan_intro li > div {width: 100%;}
.plan_intro li > div > img {height: 19rem;object-fit: cover;}
#plan .item_wrap .img_box {width: 100%;padding: 0;border: 0;background: #fff;}
#plan .item_wrap .img_box img {width: 100%;}
#plan .loca_map .pic_btn a {display:none;}
#plan .loca_map figure {outline:none; background:#fff;}

@media only screen and (max-width:1400px){
	.plan_intro li p br {display:none;}
	.plan_intro li {width:31%;}
}

@media only screen and (max-width:1000px){
	.plan_intro li {height: 28.5rem;}
	.plan_intro li > h3 {font-size: 2.5rem;}
	.plan_intro li > span {font-size: 2.2rem;}
	#plan .item_wrap > .img_box {overflow:scroll;padding: 0 0 2rem;}
	#plan .item_wrap > .img_box img {min-width: 900px;}
	#plan .loca_map .pic_btn a {display:block; width:60%; margin:1rem auto 0; padding:1rem 2rem; border:1px solid #ddd; text-align:center; background:#fff;}
}

@media only screen and (max-width:860px){
	.plan_intro li {width: 48%;}
}

@media only screen and (max-width:750px){
	.plan_intro li > h3 {font-size: 3rem;}
	.plan_intro li > span {font-size: 3rem;}
	.plan_intro li {width: 100%; height: auto;}
	.plan_intro li > div > img {height: auto;}
}

@media only screen and (max-width:363px){
	.plan_intro li {padding: 2rem;}
	.plan_intro li > h3 {font-size: 2.5rem;}
	.plan_intro li > span {font-size: 2.5rem;}
	.plan_intro li:first-child {padding:0}
}

/*시설소개*/
#guide .item_wrap {display:flex;gap:6rem;padding:8rem 0;border-bottom: 1px solid var(--c_gray_30);}
#guide .item_wrap:first-child {padding-top:0;}
#guide .item_wrap:last-child {border-bottom:0;}

#guide .txt_box {width: 40%;}
#guide .txt_box h3 {font-size: 3rem;}
#guide .txt_box > p {font-weight: 300; margin-bottom:2rem;}
#guide .txt_box a {margin-top: 6rem;}

#guide .list_st {font-size:1.6rem;line-height:1.7;font-weight:300;color:#555;}
#guide .list_st li {position:relative;padding-left:1.5rem;text-align:left;word-wrap:break-word;word-break:keep-all;}
#guide .list_st li::before {content:'';position:absolute;display:inline-block;top:0.6rem;left:0;transform:translateY(4px);width:.6rem; height:.6rem;background:url(/resources/img/contents/dot_bk.svg) no-repeat 50%;}
#guide .list_st li b{display:block;}


#guide .img_box {width: calc(100% - 40%);}
#guide .img_box > img {width:100%; margin:0;}

@media only screen and (max-width:1100px){
	#guide .item_wrap {flex-direction: column;}
	#guide .item_wrap > div {width:100%;}
}
@media only screen and (max-width:450px){
	#book-wrap{
		padding-top: 5rem;
	}
	.item_wrap{
		padding-top: 5rem;
	}
	#guide .item_wrap {gap: 3rem; padding: 5rem 0;}
	#guide .txt_box h3 {font-size: 2.5rem;}
	#guide .txt_box a {margin-top: 3rem; font-size: 1.4rem;}
}


/* ESG */


.basic_head{
    max-width: 287px;
    min-height: 60px;
    background-color: #00ADB2;
    border-top-left-radius: 30px;
    background-image: url(/resources/img/contents/basic_head.png);
    border-top-right-radius: 30px;
    margin: auto;
    text-align: center;
}
.basic_con{
	border: 1px solid #00ADB2;
	background-image: url(/resources/img/contents/basic_bg.png);
    min-height: 130px;
    border-radius: 20px;
	margin-bottom: 5%;
}
.basic_con2{
    background: #F8FAFD;
    max-width: 450px;
    padding: 50px;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 45px;
    border-top: 2px solid #C4D2E8;
    border-left: 2px solid #C4D2E8;
    text-align: center;
    margin-top: 40px;
}

.basic_head strong{
    color: white;
    line-height: 60px;
    font-size: 22px;
}

.basic_con p{
	font-size: 22px;
    text-align: center;
    padding: 65px;
}
.basic_con2 p{
	font-size: 20px;
    text-align: center;
	margin:20px 0;
	font-weight: 900;
}

.basic_con2 .circle{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin: 0 0.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
}

.basic_con2 li {
	line-height: 2;
    list-style: disc;
    text-align: left;
    font-size: 17px;
	margin-left: 13px;
}

.basic_con2_line{
	width: 100%;
	height: 2px;
	background-color: #C4D2E8;
	margin:45px 0;
}

.basic_container{
	display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}


.esg-item-title{
	display: flex;
    position: relative;
    padding: 0 20px;
	margin : 1% 0;
}

.esg-item-title p {
    color: black;
    font-size: 2.4rem;
    font-weight: 700;
}

.esg-item-title p:before {
    position: absolute;
    top: -0.5rem;
    left: 0.5rem;
    content: '';
    width: 0.3rem;
    height: 1rem;
    background: #606060;
    transform: rotate(120deg);
}

.dwn_btn{
	border: 1px solid #002466;
    font-size: 16px;
    padding: 15px;
    color: #002466;
    width: fit-content;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #F8FAFD;
}

.esg-item-con{
	font-size: 16px;
	line-height: 1.5;
}

/* 정보공개 */
.link_btn{
    font-size: 16px;
    padding: 15px;
    color: white;
    width: fit-content;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #606060;
	border-radius: 5px;
}

.inform-container{
	position: relative;
}

.inform-item-title{
	background-color: #5175AA;
    min-width: 250px;
    padding: 15px;
    margin-left: 20px;
    border-radius: 13px;
    color: white;
    position: absolute;
    font-size: 22px;
	top: -25px;
}

.inform-item-title p{
	margin-left: 20px;
}

.inform-item-title p:before {
    position: absolute;
    top: 2rem;
    left: 0rem;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: white;
	margin-left: 20px;
}

.inform-item-con{
    border: 1px solid #5175AA;
    padding: 50px 40px 40px 40px;
    border-radius: 10px;
    background-color: #F8FAFD;
    font-size: 16px;
    z-index: -1;
    margin-top: 30px;
	line-height: 2;
	margin-bottom: 70px;
}

.inform-item-con li {
	line-height: 2;
    list-style: disc;
    font-size: 16px;
}

.inform-item-con ul li {
	list-style-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><polyline points='20 6 9 17 4 12'></polyline></svg>");
	margin-left: 40px;
}

.inform-item-con ul li a::after {
	content: '';
	background: url(/resources/img/icon/ico_down_gray.svg) no-repeat 0px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 3px -2px 8px;
}


/* 테이블 */
table caption {text-indent:-100000px;font-size:0;line-height:0}
table caption p{margin: 0;line-height:0;font-size:0;}

.tbl_basic {display:table;margin-bottom:10px;width:100%;border-top:2px solid #999;border-bottom:1px solid transparent;border-collapse:collapse;}

.tbl_basic th,.tbl_basic td {
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	margin-left:-1px;
	vertical-align:middle;
	word-wrap:break-word;
	word-break:keep-all;
	color:#555
}
.tbl_basic th {
    padding: 18px 0px;
    border-bottom-color: #ddd;
    font-size: 3rem;
    text-align: center;
}
.tbl_basic th:first-child,.tbl_basic td:first-child {
	border-left:none
}
.tbl_basic th.trw,.tbl_basic td.trw {
	border-right:1px solid #ddd
}
.tbl_basic tbody th,.tbl_basic thead th {
	vertical-align:middle
}
.tbl_basic tbody th,.tbl_basic tfoot th {
	background-image:none
}
.tbl_basic tbody th {
	color:#333;
	background-color:#fafbfc
}
.tbl_basic thead th {
	color:#2A2A2A;
	background-color:#F8F9FA;
	letter-spacing: -0.05em;
}
.tbl_basic th[rowspan],.tbl_basic td[rowspan] {
	border-right:1px solid #ccc
}
.tbl_basic thead{
	border: none;
}
.tbl_basic th:last-child,.tbl_basic td:last-child {
	border-right:0
}
/*.tbl_basic th[colspan] {
	border-left:none
}*/
.tbl_basic td {
    padding: 16px 9px;
	border-bottom-color:#ddd;
}
.tbl_basic th.lf_line,.tbl_basic td.lf_line {
	border-left:1px solid #ccc
}
.tbl_basic td.lf_noline {
	border-left:none
}
.tbl_basic td img {
	vertical-align:middle
}
.tbl_basic ul li {
	font-size:14px
}
.tbl_basic.tbl_type1 {
	border-top-color:#121212;
	border-bottom-color:#ddd;
	border-collapse:separate
}
.tbl_basic.tbl_type1 th,.tbl_basic.tbl_type1 td {
	border-left-color:#ddd;
	border-bottom-color:#ddd
}
.tbl_basic.tbl_type1 thead th {
	background-color:#f6f6f6;
	border-bottom-color:#ccc
}
.tbl_basic.tbl_type1 tfoot th {
	background-color:#fafafa
}
.tbl_basic.tbl_type2 {
	border-top-color:#121212;
	border-bottom-color:#ccc
}
.tbl_basic.tbl_type2 th,.tbl_basic.tbl_type2 td {
	border-left-color:#ddd;
	border-bottom-color:#ddd
}
.tbl_basic.tbl_type2 tbody th {
	color:#333
}
.tbl_basic.tbl_type2 tfoot th {
	background-color:#f1f1f1
}
.tbl_basic td.border-left {
	border-left:1px solid #ccc
}
.rwd_wrap {
	position:relative;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden
}
.tbl_basic.type1 {
	border-top:0
}
.tbl_basic.type1 tbody {
	border-top:1px solid #121212
}
.tbl_basic .bg {
	background:#fff
}

/* 개인정보 */
.privacy_con1{
	border:1px solid #A0A7B0;
	padding:30px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
}
.privacy_con2{
    display: flex;
	justify-content: space-between;
    gap: 30px 10px;
    padding: 40px 0px;
    flex-wrap: wrap;
}
.privacy_con_item{
	width: 32%;
	height: 305px;
}
.privacy_con_item_title{
	background-color: #002466;
	color:white;
	text-align: center;
	padding: 20px;
	font-size: 20px;
}

.privacy_con_item_content{
	text-align: center;
	border:1px solid #A0A7B0;
	padding: 20px;
	height: 245px;
}
.privacy_con_item_content p{
	font-size: 14px;
	line-height: 1.5;
	margin: 35px 0;
}
.privacy_con3{
    height: 100px;
    border: 1px solid #A0A7B0;
    height: 100%;
    padding: 40px;
    text-align: center;
}
.privacy_con3 span{
	font-size: 18px;	
}
.privacy_con3 h2{
	font-weight: 600;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.privacy_con4{
	display: block;
    text-align: left;
}
.privacy_con4 p{
    font-size: 16px;
	margin-left: 0;
	margin-bottom: 15px;
	width: 100% !important;
}

.privacy_con5 h2{
	font-size:22px;
	font-weight: bold;
	color:#002466;
	margin: 40px 0;
	line-height: 1.5;
}

.privacy_con5 span{
	font-size: 16px;
	line-height: 1.5;
}
.privacy_con5 u{
	font-size: 16px;
}
/* 반응형 */
@media only screen and (max-width:1280px){
	.privacy_con_item_title{
		font-size: 18px;
	}
	.privacy_con5 h2{
		font-size: 20px;
	}
	.privacy_con1{
		font-size: 15px;
		word-break: keep-all;
		padding: 30px;
		margin-top: 30px;
	}
}
@media screen and (max-width:850px) {
	#bootstrap-confirm-box-modal table th,
	#bootstrap-confirm-box-modal table td,
	.privacy_con5 table td,
	.privacy_con5 table th{
		font-size: 15px;
		line-height: 1.5;
	}
	.privacy_con5 span, .privacy_con5 ul li{
		font-size: 15px;
		line-height: 1.5;
	}
}
@media only screen and (max-width:800px){
	.privacy_con_item_title{
		font-size: 16px;
		padding: 0 10px;
	}
	.privacy_con_item_content{
		padding: 18px;
	}
	.privacy_con_item_content p{
		margin: 10px 0;
	}
	.privacy_con5 h2{
		margin: 20px 0;
	}
}
@media only screen and (max-width:700px) {
	.table-cont{
		white-space: nowrap;
		overflow-x: scroll;
	}
}

/* 모바일 */
@media only screen and (max-width:600px) {
	.privacy_con_item_title{
		font-size: 15px;
		word-break: keep-all;
		height: 55px;
	}
    .privacy_con_item_content {
        padding: 20px 10px;
    }
	.privacy_con2{
		gap: 10px 0;
	}
	.privacy_con4 p{
		width: 100%;
		font-size: 15px;
	}
	
}

/* 헌장 */
.policy_wrap {
    position: relative;
    max-width: calc(100% + 20px);
    padding: 15% 0 15% 0;
    background: url(/resources/img/contents/policy_border2.png);
    background-size: contain;
}

.policy_wrap::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 206px;
    background: url(/resources/img/contents/policy_border1.png) no-repeat;
    background-size: contain;
}

.policy_wrap .policy {
    padding: 0 130px 0 130px;
    font-size: 32px;
    position: relative;
    z-index: 1;
}

.policy_wrap .policy .title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 45px;
}

.policy_wrap .policy .subtitle {
    margin-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #C4C4C4;
    line-height: 2;
}

.policy_wrap .policy .policy_list {
    margin-top: 50px;
    padding: 0 32px;
    overflow: hidden;
}

.policy_wrap .policy .policy_list li {
    font-size: 20px;
    position: relative;
    padding-left: 55px;
    margin:40px 0px;
    line-height: 1.5;
}

.policy_wrap .policy .policy_list li span {
    color: #00ABE6;
    position: absolute;
    left: 0;
}

.policy_wrap .policy .policy_foot {
    margin-top: 70px;
    padding: 0 50px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
}

.policy_wrap .policy .policy_logo {
    margin-top: 2em;
    text-align: center;
}

.policy_wrap::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 395px;
    background: url(/resources/img/contents/policy_border3.png) bottom no-repeat;
    background-size: contain;
}

/* 갤러리 */
.T3_E15 .prg_lst {
	margin: -.75rem;
	overflow: hidden;
}
.T3_E15 .prg_lst > li {
	width: 24%;
	float: left;
	padding: 0.75em;
	margin-top: 10px;
	margin-left: 1%;
}            
.T3_E15 .prg_lst > li > a {
position: relative;
display: block;
border: 1px solid #dbdbdd;
}        
.T3_E15 .prg_lst > li .img {
display: block;
width: 100%;
height: 215px;
text-align: center;
}
.T3_E15 .prg_lst > li .img img {
height: 100%;
width: 100%;
}
.subCntBody {
position: relative;
padding: 30px 0 50px;
color: #555;
font-size: 0.75rem;
line-height: 1.4;
}
.T3_E15 .prg_lst > li .img img {
height: 100%;
}
.T3_E15 .prg_lst > li .txt .prg_tit {
display: block;
margin-top: 0rem;
font-size: 18px;
font-weight: 600;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.T3_E15 .prg_lst > li .txt .prg_info {
overflow: hidden;
margin-top: 2.5rem;
}
.T3_E15 .prg_lst > li .txt .prg_info > li {
color: #606060;
font-size: 14px;
float: left;
}
.T3_E15 .prg_lst > li .txt .prg_info > li > i {
display: inline-block;
margin-right: .25rem;
}
.T3_E15 .prg_lst > li .txt .prg_info > li > i {
display: inline-block;
margin-right: .25rem;
}
.T3_E15 .prg_lst > li .txt {
display: block;
width: 100%;
padding: 3rem 3rem 2.5rem;
border-top: 1px solid #dbdbdd;
}

/* 교육 버튼 */
.edu-class-label{
	display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    color: #7c7c7c;
    padding: 4px 10px;
    margin-left: 20px;
    border: 1px solid #c4c4c4;
    height: 44px;
    border-radius: 5px;
}

/* 관람(내용 옮김) */
.asterisk,.txt-red  {
	color: #C00000; 
	margin-left: -2px; 
	font-size: 14px !important;
}

.font_size{
	font-size: 1.7rem;
}
.font_size24{
	font-size: 24px;
}
.font_red{
	font-size: 1.7rem;
	color:#C00000;
}
.line_height{
	line-height: 1.4;
}
.col_50{
	width: 50%;
}
.txt-box{
	padding: 20px 0;
	line-height: 28px;
}
.title-mg{
	padding: 5rem 0 3rem;
}
img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.tab-ul.type1 li a span {
	font-size: 1.8rem;
}

.circle {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	margin: 0px 0.2rem;
	border-radius: 2rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
}

.booking_step {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	align-items: center;
}

.on {
	color: #0A2963;
	font-size: 2.2rem;
	font-weight: 500;
}

.off {
	color: #DADADA;
	font-size: 2.2rem;
	font-weight: 500;
}


.booking_con1 {
	/* display: flex; */
	/* justify-content: center; */
	padding: 0 50px;
	align-items: center;
}

.booking_txt_left {
	width: 200px;
}

.booking_txt_left strong {
	font-size: 2rem;
}

.booking_txt_right li,.item_wrap .blue-btn {
	font-size: 1.7rem;
	list-style: disc;
}

.headcount-list li {
	display: flex;
	justify-content: space-between;
}

/*.selected-headcount,*/
/*.selected-discount {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*}*/

/* calendar */
/* calendar */
.fc-disabled-day .fc-day-number {
	color: lightgray !important;
}

.fc-content{
	align-items: center;
    display: flex;
    height: 90%;
    justify-content: center;
	width: 100%;
	padding: 0 10px;
}

#calendar{
	height: 100%;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: inherit;
}

.fc-week{
	height: 100%;
}
.fc-border-separate{
	height: 100%;
}
.fc-border-separate thead{
	height:28px;
}

.fc-day .fc-day-number {
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#bootstrap-confirm-box-modal .modal-body {
	padding: 20px 0;
	margin: 0 50px;
}
#bootstrap-confirm-box-modal .modal-body p {
	color: #222222;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 2;
}

#bootstrap-confirm-box-modal .modal-footer {
	border-top: 0;
	display: flex;
	justify-content: center;
	gap: 24px;
	padding: 20px 0;
}

#bootstrap-confirm-box-modal .modal-footer a {
	color: #fff;
	padding: 8px 34px;
	font-size: 1.7rem;
	font-weight: 500;
}

#bootstrap-confirm-box-modal .modal-footer a.popOkay {
	background: #A0A7B0;
	border: 0;
}

#bootstrap-confirm-box-modal .modal-footer a.popClose {
	background: #0A2963;
}

.type {
	/*         width: 185px; 원래 값으로 바꿔도 됨 */
}



.selected-name,
.selected-discount-name {
	display: inline-table;
}

.selected-num,
.selected-discount-num {
	display: inline-flex;
	float: right;
	align-items: center;
}

.fc-day-clicked {
	color: #fff;
}

.process-briefing {
	text-align: center;
	padding-bottom: 3rem;
}

.process-briefing h2 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 12px;
}

.process-briefing span {
	font-size: 32px;
	font-weight: 500;
}

.closed-contents {
	border: 1px solid gray;
	color: gray;
	border-radius: 10px;
	padding: 1.8rem;
}

.m_auto {
	display: flex;
	align-items: center;
	gap: 14px;
}

.m_auto * {
	font-size: 14px;
}

.m_auto input[type=checkbox] {
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.m_auto select {
	width: 80px;
	height: 35px;
	border: 1px solid #C4C4C4;
	padding: 0 5px;
}

.m_auto .gender-checkbox-container {
	display: flex;
	align-items: center;
	gap: 5px;
}

.m_auto .gender-checkbox-container label {
	cursor: pointer;
}

#clicked-date {
	font-weight: 700;
	font-size: 18px;
	margin: 0 10px;
}

.headcount-list span:first-child {
	font-weight: bold;
}

.selected-price {
	text-align: center;
}

.booking-select-container .right-con ul.top-li > li > ul > li:nth-child(n+2) {
	/*     	padding-top: 10px; */
}

.phone_con {
	gap: 8px;
}

.attendee-info-container .input_con {
	display: grid;
	gap: 0rem;
}

.input_con .input_txt {
	margin: inherit;
}

.input_con p:not(.attachment-con .input_con p, .max-count-info) {
	width: 150px;
}

.headcount-container > .headcount-kind {
	padding: 10px 50px 10px 150px;
}

textarea {
	height: 111px;
	width: 100%;
	border: 1px solid #c9c9c9;
}

.headcount-list {
	position: relative;
}


.edu-class-label {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f8f8;
	color: #7c7c7c;
	padding: 4px 10px;
	margin-left: 20px;
	border: 1px solid #c4c4c4;
	height: 44px;
	border-radius: 5px;
}

.toggleImageBtn {
	cursor: pointer;
	background-image: url(/resources/img/contents/plusBtn.png);
	width: 30px;
	margin-left: 0;
	background-repeat: no-repeat;
}

.toggleImageBtn.minus {
	background-image: url(/resources/img/contents/minusBtn.png);
}

.tbl_basic * {
	font-size: inherit;
	line-height: 1.5;
}

.tbl_basic td {
	padding: 16px 9px;
	border-right: 1px solid #ddd;
	border-bottom-color: #ddd;
}

.tbl_basic thead th:nth-child(2) {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.tbl_basic thead th:nth-child(3) {
	border-right: 1px solid #ddd;
}

/* 리스트 네모 */
.li-square{
	position: relative;
	list-style: none;
	margin-left: 10px;
}
.li-square::before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	left: -10px;
	background-color: #082B52;
}

#skipNav{
	margin-top: 95px;
}

.skipNav {
  top: 0;
  position: absolute;
  z-index: 9999;
  width: 100%;
  margin: auto;
}

.skipNav a {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  text-align: center;
  width: 100%;
  position: absolute;
  font-size: 20px;
  display: block;
  top: -40px;
  left: 0;
  z-index: 999;
}

.skipNav a:focus {
  top: 0px; /* 포커스 시 화면에 표시 */
}

 a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid red !important;
  outline-style: dotted !important;
} 

.page-title{
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
    font-size: 3.4rem;
    font-weight: 600;
    padding-bottom: 2rem;
	font-weight: 600;
}

  @media screen and (max-width:1064px){
	.page-title{
		padding-bottom: 1.6rem;
		font-size: 2.8rem;
	}
	#contents .contents_wrap{
		padding: 0;
	}
	.process-briefing h2{
		font-size: 32px;
	}
  }

/* 개인정보처리방침 */
.privacy_con5 a{
	line-height: 1.5;
	margin-left: 0;
	font-weight: 600;
	color: #555;
	padding: 9px;
	font-size: 16px;
	text-decoration: underline;
	background-color: #eff3f9;
	display: inline-block;
}
.privacy_con5 a:hover{
	color: #0379BF;
}
.privacy_con5 tbody, td, tfoot, th, thead, tr{
    font-size: 16px;
    line-height: 140%;
}

.privacy_con5 th{
    background-color: #F8F9FA;
    border:1px solid #C4C4C4;
    padding: 16px;
}

.privacy_con5 table{
    border:1px solid #C4C4C4;
    text-align: center;
    min-width: 700px;
    line-height: 140%;
    word-break: keep-all;
}

.privacy_con5  td{
    border:1px solid #C4C4C4;
    padding: 16px;
}

/* 반응형 */
@media only screen and (max-width:1280px){
    .privacy_con5 table{
        width: 100%;
    }
}
@media only screen and (max-width:800px) {
    .privacy_con5 table{
		min-width: 360px;
		width: 100%;	
    }
    .privacy_con5 th{
		padding: 14px 5px;
    }
	.privacy_con5 a{
		font-size: 15px;
	}

}

/* 통합수장고 - 개방형수장고, 보존과학실 info */
.storage_info *{
	line-height: 1.5;
}
.storage_info img{
	margin: 0 !important;
}
.storage_info .tab_section{
	padding:0;
}
.storage_info .process-briefing{
	padding-bottom: 9rem;
}
.storage_info .process-briefing p{
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 12px;
}
.storage_info .process-briefing span{
	font-size: 28px;
}
.storage_info .hub-content {
	position: relative;
	padding:6rem 1rem;
	border-bottom: 1px solid #DEDEDE;
}
.storage_info .hub-content h1{
	font-size: 30px;
	font-weight: 600;
}
.storage_info .info-con{
	display: flex;
	margin-top: 40px;
	gap: 6rem;
}
.storage_info .hubsub-con{
	flex-basis: 70%;
	flex-grow: 1;
}
.storage_info .hubsub-con > ul{
	display: flex;
	gap: 3rem;
	font-size: 18px;
}
.storage_info .hubsub-con ul:not(.hubsub-con ul:last-child, .hubsub-con ul ul){
	margin-bottom: 40px;
}
.storage_info .hubsub-con > ul > li{
	display: flex;
	flex-direction: column;
	font-size: 18px; 
}
.storage_info .hubsub-con li:first-child{
	flex-grow: 0;
}
.storage_info .hubsub-con li:last-child{
	flex-grow: 1;
}
.storage_info .hubsub-con h3{
	line-height: 1.5;
}
.storage_info .hubsub-con h3:first-child{
	width: 168px;
	height: min-content;
	padding: 0 16px; 
	position: relative;
}
.storage_info .hubsub-con h3:first-child::before{
	content: '';
	position: absolute;
	width: 4px;
	height: 70%;
	background-color: #0379BF;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.storage_info .hubsub-con li:first-child h3{
	font-weight: 600;
	font-size: 18px; 
}
.storage_info .hubsub-con li:last-child p{
	font-size: 16px; 
	font-weight: 400;
	line-height: 1.5;
}
.storage_info .hubsub-con strong{
	font-size: 16px;
	font-weight: 700;
}
.storage_info .strong_blue{
	color: #0379BF;
	font-weight: 900;
	border-bottom: 1px solid #0379BF !important;
}
.storage_info .strong_red{
	font-weight: 400 !important;
	color: #C00000;
}
/* 회차 */
.storage_info .hubsub-con .open-hours-sub{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.storage_info .hubsub-con .open-hours-sub ul{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.storage_info .hubsub-con .open-hours-sub ul li{
	display: flex;
	gap: 1rem;
}
.storage_info .hubsub-con .open-hours-sub span{
	font-size: 16px;
}
.storage_info .hubsub-con ul ul li{
	display: block;
	font-size: 16px;
}
.storage_info .hubsub-con ul ul li span:first-child{
	width: 64px;
	display: inline-block;
}
.storage_info .img-con{
	flex-grow: 1;
}
.storage_info .status-label{
	position: relative;
    top: -20%;
	background-color: #1E4298;
	padding: 8px 12px;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
/* 접수중 상태 가진 li */
.storage_info .hubsub-con li:has(.status-label){
	display: flex; 
	gap: 1rem; 
	flex-direction: row; 
	flex-wrap: wrap;
}
.storage_info .hubsub-con li:has(.status-label) p{
	flex-shrink: 0;
}
.storage_info .info-sub-sm{
	font-size: 15px;
	color: #555;
}
.storage_info .hubsub-con li:last-child p.info-sub-long {
	line-height: 1.8;
	word-break: keep-all;
	color: #555;
}
.storage_info .btn-reser{
    position: absolute;
    transform: translateY(-50%);
    right: 0;
    z-index: 50;
    padding: 0;
    margin: 0;   
}
.storage_info .btn-reser a {
    box-shadow: 2px 2px 20px rgba(139, 163, 169, 0.6);
}
.storage_info .link_btn {
  line-height: 1.5;
    text-align: center;
    font-size: 16px;
    padding: 10px 40px;
    color: white;
    width: fit-content;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    background: #002466;
    border-radius: 50px;
}
@media screen and (max-width:1280px) {
	.storage_info .info-con{
		display: block;
	}
	.storage_info .img-con{
		padding-top: 6rem;
	}
}
@media screen and (max-width:600px) {
	.storage_info .hubsub-con > ul{
		gap: 1rem;
	}
	.storage_info .hub-content h1{
		font-size: 26px;
	}
	.storage_info .hubsub-con h3:first-child{
		width: 120px;
	}
	.storage_info .tab-ul{
		padding: 1px;
	}
	.storage_info .link_btn{
		font-size: 14px;
		padding: 10px 20px;
	}
	.storage_info .btn-reser{
		position: static;
		transform: translateY(-40%);
	}
	.storage_info .btn-reser .link_btn{
		margin-left: auto;
	}
	.storage_info .status-label{
		position: static;
		max-width: max-content;
	}
}
@media screen and (max-width:450px) {
	.storage_info .process-briefing{
		padding-bottom: 7rem;
	}
	.storage_info .hub-content{
		padding-top: 4rem;
	}
	.storage_info .process-briefing span{
		font-size: 24px;
	}
	.storage_info .hub-content h1{
		font-size: 22px;
	}
	.storage_info .hubsub-con li:first-child h3{
		font-size: 16px;
		line-height: 1.5;
	}
	.storage_info .hubsub-con ul,
	.storage_info .hubsub-con ul ul li span,
	.storage_info .hubsub-con .open-hours-sub span,
	.storage_info .hubsub-con > ul > li,
	.storage_info .hubsub-con li:last-child p,
	.storage_info .hubsub-con strong,
	.storage_info .hubsub-con ul ul li{
		font-size: 15px;
		word-break: keep-all;
	}
	.storage_info .hubsub-con ul{
		gap: 0.6rem;
	}
	.storage_info .hubsub-con .open-hours-sub ul li{
		flex-direction: column;
		gap: 0.6rem;
	}
	.storage_info .hubsub-con ul ul li span:first-child{
		width: 48px;
	}
	.storage_info .hub-content h1{
		font-size: 20px;
	}
	.storage_info .hubsub-con ul:not(.hubsub-con ul:last-child, .hubsub-con ul ul) {
		margin-bottom: 30px;
	}
}
@media screen and (max-width:360px) {
	.storage_info .hubsub-con h3:first-child{
		width: 106px;
	}
	.storage_info .hubsub-con li:first-child h3{
		font-size: 15px;
		padding: 0 10px;
	}
	.storage_info .hubsub-con ul,
	.storage_info .hubsub-con ul ul li span,
	.storage_info .hubsub-con .open-hours-sub span,
	.storage_info .hubsub-con > ul > li,
	.storage_info .hubsub-con li:last-child p,
	.storage_info .hubsub-con strong,
	.storage_info .hubsub-con ul ul li{
		font-size: 14px;
	}
}
/* 통합수장고 - 개방형수장고, 보존과학실 bookingUI */
.storage_bookingUI #tab2 .booking_con1{
	padding: 0 20px;
}
.storage_bookingUI .process-briefing p{
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 12px;
}
.storage_bookingUI .process-briefing span{
	font-size: 28px;
}
.storage_bookingUI .strong_blue{
	color: #0379BF;
	font-weight: 800;
}
.storage_bookingUI .strong_red{
	font-weight: 400;
	color: #C00000;
}
.storage_bookingUI .booking-select-container{
	display: block;
}
.storage_bookingUI .left-con .headcount-container .headcount-kind {
	padding: 10px 0 10px 30px;
	border-radius: 0;
}
@media screen and (max-width: 600px) {
	.storage_bookingUI .left-con .headcount-kind .kind {
		letter-spacing: -0.25px;
		line-height: 1.3;
		font-size: 13px !important;
		word-break: keep-all;
	}
}

.storage_bookingUI .fc-day-gray{
	color: #d3d3d3 !important;
}

.storage_bookingUI .storage-cycle-list-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	width: 100%;
	flex-direction: column;
	gap: 20px;
}

/* 체험선택 버튼 */
.storage_bookingUI .storage-btn{
	display: flex; 
	justify-content: flex-start; 
	align-items: center; 
	flex-direction: row; 
	flex-wrap: wrap;
	gap: 2rem;
}
.storage_bookingUI .storage-class-label{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f8f8;
	color: #7c7c7c;
	padding: 4px 10px;
	margin-left: 0;
	border: 1px solid #c4c4c4;
	height: 44px;
	border-radius: 5px;
}