#header .header_wrap .util {margin-right:0 !important;}
					
/*인사말*/
.greeting {position:relative; word-break: keep-all;}
.greeting .grtBox {padding: 2.25rem 2.5rem; border-radius: 1.5rem; font-size: 1.75rem; font-weight: 500; color: #333; background: #F5F6FA url(/images/web/kbssia/sub/img_0101.png) no-repeat top right / contain; overflow: hidden;}
.greeting .grtBox strong {display: block; font-size: 2rem; font-weight: 700; color: var(--main-color1);}
.greeting .grtTxt {margin: 1.8rem 2.5rem; font-size: 0.9rem; color:#3d3d3d;}
.greeting .grtTxt .txt ~ .txt {margin-top: 1rem;}
.greeting .grtTxt p.sign {margin-top: 3rem;}

/* 연혁 */
.gbe_history {position: relative; z-index: 1; margin-left: 2rem;}
.gbe_history > ul > li {position: relative; display: flex; padding-left: 1.75rem;}
.gbe_history > ul > li::before {content: ''; position: absolute; left: 0; top: 0.7rem; width: 0.7rem; height: 0.7rem; border-radius: 50%; border: 3px solid var(--main-color1); background: var(--main-color1);}
.gbe_history > ul > li::after {content: ''; position: absolute; left: 0.35rem; top: 0.7rem; width: 1px; height: calc(100% + 1.5rem); background: #ddd; z-index: -1;}
.gbe_history > ul > li:first-child:before {background: #fff; box-shadow: 0 0 6px #3F92CE;}
.gbe_history > ul > li:last-child:after {display: none;}
.gbe_history > ul > li ~ li {margin-top: 1.5rem;}
.gbe_history .year {width: 4.75rem; font-size: 1.3rem; color: var(--main-color1); font-weight: 700;}
.gbe_history li li {display: flex; margin-top: 0.4rem;}
.gbe_history li li .date {width: 3.75rem; font-size: 0.9rem; color: #333; font-weight: 700;}
.gbe_history li li .txt {flex: 1; color: #3d3d3d; padding-top: 0.05rem;}
.gbe_history li li ~ li {margin-top: 0.75rem;}

/* 찾아오시는길 */
.gbe_map_img {height: 26.5rem; border-radius: 1rem; overflow: hidden; text-align: center;}
.gbe_map_img img {position: relative; width: auto; height: 100%; left: 50%; transform: translateX(-50%);}
.gbe_map_info ul {display: flex; margin-top: 1.5rem; border-radius: 1rem; background: #F5F6FA; padding: 1.85rem 2rem;}
.gbe_map_info li {position: relative; width: calc(50% - 1.75rem); display: flex; align-items: center; gap: 1.5rem;}
.gbe_map_info li ~ li {margin-left: 3.5rem;}
.gbe_map_info li ~ li::before {content:''; position: absolute; left:-1.75rem; top: calc(50% - 2.45rem); width: 1px; height: 4.9rem; background: rgba(0,0,0,0.1);}
.gbe_map_info li .img {display: flex; align-items: center; justify-content: center; width: 29.5%; max-width: 6rem; height: 6rem; border-radius: 1.25rem; background: #fff;}
.gbe_map_info li .cont {flex:1; margin-top: 0.6rem;}
.gbe_map_info li .cont .dflex {justify-content: start;}
.gbe_map_info li .cont .dflex .n_tit2 {width: 4.5rem;}
.gbe_map_info li .cont .dflex .txt {flex: 1; margin-top: 0.1rem;}



/* 오시는길 */
.map_wrap {border-radius:1rem 1rem 0 0; background:#d6d6d6; display:flex; height:25rem; align-items:center; justify-content:center; color:#fff; font-size:1.6rem;}
.map_info {border-radius:0 0 1rem 1rem; background:#0082fe; padding:1rem 3rem; display:flex; justify-content:space-between;}
.map_info li {position:relative; color:#fff; font-size:0.85rem;}
.map_info li ~ li:before {position:absolute; left:-2.5rem; top:50%; width:1px; height:15px; border-left:1px dashed #fff; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); content:'';}
.map_info li span {display:inline-block; width:2.25rem; height:2.25rem; border-radius:50%; background:#fff; margin-right:1rem; line-height:2.25rem; text-align:center; font-size:1.25rem; color:#090909; vertical-align:middle;}
.map_businfo li {display:flex; align-items:center; margin-bottom:0.5rem;}
.map_businfo li p {border-radius:0.5rem; height:7.5rem;}
.map_businfo li .bus_start {display:flex; flex-direction:column; width:10rem; margin-right:1rem; background:#edf5ff; text-align:center; padding-top:1.25rem;}
.map_businfo li .bus_start span {display:inline-block; width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; border-radius:50%; margin: 0 auto 0.5rem; background:#fff; color:#444; box-shadow:7px 7px 3px rgba(221,227,230,0.5);}
.map_businfo li .bus_process {flex:1; border:1px dashed #aec7e1; display:flex; align-items:center; padding:2rem;}



/* 전시체험 소개 */
.place_info_wrap .place_exp{width:100%; text-align: left; padding: 30px 30px 20px 30px; border: 1px solid #e1e1e1; font-family:"SCDream"; margin-top: 20px;}
.place_info_wrap .place_exp:after{content: ''; display: block;	clear: both;}
.place_info_wrap .place_exp p{width:100%; text-align: center; font-weight: 600; font-size: 22px; line-height: 1.4; color: #333;}
.place_info_wrap .place_exp ul{width: 100%; padding-top: 25px;}
.place_info_wrap .place_exp ul li{color: #666; margin-bottom: 10px;}
.place_info_wrap .place_exp ul li:after{content: ''; display: block;	clear: both;}
.place_info_wrap .place_exp ul li .question {width:100%; position: relative; padding:10px 50px 10px 45px; cursor: pointer; text-align: left; background-color:#f1f1f1; font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.place_info_wrap .place_exp ul li .question:before {content: '';display: block;position: absolute;right: 20px;top: 50%; width: 15px;height: 8px;margin-top: -4px;background: url(/images/web/mirae/sub/select_arrow.png) no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.place_info_wrap .place_exp ul li .question.active{color:#007236; background-color:#d9d9d9; font-weight: 700;}
.place_info_wrap .place_exp ul li .question.active:before {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.place_info_wrap .place_exp ul li .question span{position: absolute; left: 10px; top: 10px; width: 26px; height: 26px; border-radius: 50%; background-color: #333; color: white; text-align: center; line-height: 26px; font-size: 13px;}
.place_info_wrap .place_exp ul li .question.active span{background-color: #007236;}
.place_info_wrap .place_exp ul li .answer{display: none; position: relative; padding:20px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.place_info_wrap .place_exp ul li .answer .img{display: table-cell; padding:0 20px;}
.place_info_wrap .place_exp ul li .answer .exp{display: table-cell; vertical-align: middle; text-align: left; color:#555; font-size:16px;}



/* box_wrap */
.box_wrap { width:102%; margin-left:-1%; display:flex; flex-wrap:wrap;}
.box_wrap [class^="n_box_st"]{ margin:.5rem 1%; display: flex; align-items: center; justify-content: center;}
.box_wrap.box_w50 [class^="n_box_st"]{ width:48%; }
.box_wrap.box_w30 [class^="n_box_st"]{ width:31.33%; }
.box_wrap.box_w25 [class^="n_box_st"]{ width:23%; }
.box_wrap.box_w20 [class^="n_box_st"]{ width:18%; }


@media (min-width:1301px) and (max-width:1400px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-1.5rem;}
}

@media (min-width:1241px) and (max-width:1300px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-0.75rem;}
}

@media (max-width:1050px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-1.5rem;}
}


@media (max-width:1024px){
	div[class*='n_tbl_st'].scroll_gr table table {width: 100%;}

	/*인사말*/
	.greeting br {display: none;}
}

@media (max-width:1000px) {
	/* 오시는길 */
	.map_info li ~ li:before {left:-0.65rem;}
}


@media (max-width:960px){
	/*인사말*/
	.greeting .grtBox {padding: 2rem;}
	.greeting .grtTxt {margin: 1.8rem 1rem;}

	/* 찾아오시는길 */
	.gbe_map_img {height: 20rem;}
	.gbe_map_info ul {flex-direction: column; padding: 1.25rem 1.5rem;}
	.gbe_map_info li {width: 100%;}
	.gbe_map_info li ~ li {margin-left: 0; margin-top: 2rem;}
	.gbe_map_info li ~ li::before {left:1rem; top: -1rem; width: 4rem; height: 1px;}
	
	/* 오시는길 */
	.map_info {flex-direction:column; padding: 1rem 1.5rem;}
	.map_info li ~ li {margin-top:0.5rem;}
	.map_info li ~ li:before {display:none;}
	.map_businfo li .bus_start {width:9rem;}
	.map_businfo li .bus_process {padding:1.5rem;}
}
@media screen and (max-width:860px){	
	/* box_wrap */
	.box_wrap.box_w50 [class^="n_box_st"]{ width:98%; }
	.box_wrap.box_w30 [class^="n_box_st"]{ width:48%; }
	.box_wrap.box_w25 [class^="n_box_st"]{ width:48%; }
	.box_wrap.box_w20 [class^="n_box_st"]{ width:31.33%; }
}
@media (max-width:768px){
	/*인사말*/
	.greeting .grtBox {padding: 1.25rem 1.5rem; border-radius: 1rem; font-size: 1.25rem;}
	.greeting .grtBox strong {font-size: 1.5rem;}
	.greeting .grtTxt {margin: 1.5rem 0.5rem; font-size: 0.8rem;}
	.greeting .grtTxt .txt ~ .txt {margin-top: 0.75rem;}
	.greeting .grtTxt p.sign {margin-top: 2rem;}

	/* 연혁 */
	.gbe_history {margin-left: 1rem;}
	.gbe_history > ul > li {flex-direction: column;}
	
	/* 오시는길 */
	.map_wrap {height:17.5rem;}
	.map_info li {font-size:0.8rem;}
	.map_info li span {width:2rem; height:2rem; line-height:2rem; font-size:1.15rem;}
	.map_businfo li {display:flex; align-items:center; margin-bottom:1rem; flex-direction:column;}
	.map_businfo li p {height:auto;}
	.map_businfo li .bus_start {flex-direction:row; width:100%; margin-right:0; background:#edf5ff; text-align:left; padding:0.5rem 0 0.35rem; margin-bottom:0.5rem; align-items:center;}
	.map_businfo li .bus_start span {width:3rem; height:3rem; line-height:3rem; margin: 0 1rem;}
	.map_businfo li .bus_process {padding:0.75rem 1.25rem;}
}
@media screen and (max-width:640px){    
	/* box_wrap */
	.box_wrap.box_w30 [class^="n_box_st"]{ width:98%; }
	.box_wrap.box_w25 [class^="n_box_st"]{ width:98%; }
	.box_wrap.box_w20 [class^="n_box_st"]{ width:48%; }
}
@media (max-width:580px){
	/* box_wrap */
	.box_wrap{ width:100%; margin-left:0;}
	.box_wrap.box_w50 [class^="n_box_st"],
	.box_wrap.box_w30 [class^="n_box_st"],
	.box_wrap.box_w25 [class^="n_box_st"],
	.box_wrap.box_w20 [class^="n_box_st"]{ width:100%; }
	
	/* 오시는길 */
	.map_wrap {height:12.5rem;}
	.map_info li span {margin-right:.5rem;}
	
   
}
@media (max-width:480px){
	/*인사말*/
	.greeting .grtBox {padding: 1rem; font-size: 1.15rem; background-size: cover;}
	.greeting .grtBox strong {font-size: 1.3rem;}
	.greeting .fs24 {font-size: 1rem !important;}

	/* 연혁 */
	.gbe_history {margin-left: 0;}
	.gbe_history > ul > li ~ li {margin-top: 1rem;}
	.gbe_history .year {font-size: 1.2rem;}
	.gbe_history li li {flex-direction: column; margin-top: 0;}
	.gbe_history li li ~ li {margin-top: 0.5rem;}

	/* 찾아오시는길 */
	.gbe_map_img {height: 15rem;}
	.gbe_map_info ul {flex-direction: column; padding: 1rem 1.25rem;}
	.gbe_map_info li ~ li::before {left:0;}
	.gbe_map_info li .img {display: none;}
}

@media (max-width:340px){
}

@media (max-width:320px){
	/* 재단현황 */
	.dl_style1 > dl > dt {padding:1rem 1rem;}
	.dl_style1 > dl > dd {padding:.5rem 1rem;}
    .dl_style1 > dl img {width:70%;}
    .dl_style1 a {width:2.5rem; height:2.5rem; line-height:2.5rem; top:-3.3rem;}
    
    /* 개인정보처리방침 */
	.privacy div:first-child table td {padding:.5rem .25rem !important;}
}