@charset "utf-8";
	/* 오시는길 */

.introWrap {position:relative; clear:both; margin-bottom:0; }
.introConts-top {clear:both;}
.introConts-top .intro-top-img {position:absolute; left:-18%; width:100%; height:600px; /*background:#333 url(/kr/_Img/sub/map_img1.jpg) right center no-repeat; */}
.introConts-top .intro-top-img iframe {width:100%; height:600px}
.intro-top-txt {position:relative; left:35%; width:75%; padding:100px; box-sizing:border-box;}
.intro-top-txt li:nth-child(1) {font-size:52px; color:#000;font-weight:700;  line-height:120%; margin-bottom:45px;}
.intro-top-txt li:nth-child(2) {font-size:24px; font-weight:600; color:#333; line-height:160%; margin-bottom:45px;}
.intro-top-txt li:nth-child(3) {font-size:18px; font-weight:500; color:#333; line-height:160%; margin-bottom:60px;}
.intro-top-txt .c01 {color:#1B96DC;}
.intro-top-txt .c01 {color:#5E25D4;}
.intro-top-btn a {text-transform:uppercase; font-size:15px; color:#333;font-family: 'HSBombaram21-Regular'; font-weight:600; line-height:100%;}
.intro-top-btn a:after { content:''; display:inline-block; background:url(/kor/_Img/Content/map_more.jpg) right center no-repeat; width:65px; height:42px; vertical-align:middle;}

.introWrap .txtBox {margin:40px 0;color: #000;font-weight: 400;font-size: 20px;}

@media (max-width:1400px) {
	.intro-top-txt { left:40%;width:65%;}
}
@media (max-width:1200px) {
/* 약도 */
.intro-top-txt {padding:20px;}
.introConts-top .intro-top-img {position: relative; left:0;}
.intro-top-txt {left:0; width:100%;}

}

@media (max-width:999px) {
/* 약도 */
.introConts-type {float:left; width:100%; margin-right:0%;}
.intro-top-txt li:nth-child(1) {font-size:27px; line-height:150%;}

}

@media (max-width:799px) {
.introConts-top .intro-top-img {height:auto;}
.introConts-top .intro-top-img img {width:100%;}
.intro-top-txt {padding:0;margin-top:30px;}

}


/* 개인정보 처리방침*/

.join-box {padding:20px 0 30px;}
.agree-box {background:#f1f3f7;border-radius:10px;max-height:280px;padding: 35px 20px 35px 35px;box-sizing:border-box;}
.agree-box .agr-scroll {overflow-y: scroll;max-height: 200px;}
.agr-scroll::-webkit-scrollbar {width:12px;}
.agr-scroll::-webkit-scrollbar-thumb {background: #717daa; /* 스크롤바의 색상 */  border-radius:50px; }
.agr-scroll::-webkit-scrollbar-track {background: #fff;border-radius:50px; }

.agree-ch {display:block;position:relative;;text-align:right;margin-top:15px;}
.agree-ch .rdo {display:inline-block}
.agree-ch input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.agree-ch input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:30px;min-height:24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:1.647;margin-right:5px;letter-spacing:0}
.agree-ch input[type="radio"] + label:before {content:'';position:absolute;left:0;top:2px;margin:0;width:24px;height:24px;text-align:center;background: #f1f1f3;border:1px solid #bbb;box-sizing:border-box;border-radius:50%;transition:all .3s ease}
.agree-ch input[type="radio"] + label:after {content:"";display:block;position:absolute;width:8px;height:4px;left:7px;top:10px;border-width:0 0 2px 2px;border-style:solid;border-color:transparent transparent #ddd #ddd;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .3s ease}
.agree-ch input[type="radio"]:checked + label:after {border-color:transparent transparent #fff #fff}
.agree-ch input[type="radio"]:checked + label:before {background: #344a98;border-color: #1e2f6e;}
.agree-ch input[type="radio"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}

.chks.ver02 input[type="checkbox"] + label:before {border-radius: 4px;top:3px;}
.chks.box-c {text-align:center;padding:30px 0;border-top:1px dotted #ddd;}

.btn-box .btn {transition:0.3s;height: 50px;box-sizing: border-box; position:relative; display:inline-block;border-radius:10px;font-size:15px;font-weight:300;vertical-align:middle;transition:all .25s ease;padding: 15px 25px;line-height: normal;border: none;background: #eee;}
.btn-box .btn.btn-cn {background:#2c395f;color:#fff;}
.btn-box .btn-next {background:#3173e0;color:#fff;}
.btn-box .btn-next .icon {display: inline-block;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);margin-left: 10px}
.btn-box .btn.btn-w {border:1px solid #9b9b9b;background:#fff;color:#333;}
.btn-box .btn.btn-cn:hover {background:#3e4b6e;}
.btn-box .btn.btn-next:hover {background:#2152a3;}
.btn-box .btn.btn-w:hover {background: #eee;}

@media all and (max-width:899px) {
	.join-box dl {display:block;}
	.join-box dl dt , .join-box dl dd {width:100%;margin-bottom:15px;}
	.join-box dl dt {font-size: 1.5rem;}
	.join-box dl dt p {padding-left: 15px;}
	.agree-box {padding: 25px 10px 25px 14px;}
	.agree-ch {text-align: left;}
	.agree-ch input[type="radio"] + label:before {top: 0px;width:20px;height:20px;}
	.agree-ch input[type="radio"] + label:after {top: 5px;left: 5px;}
	.agree-ch input[type="radio"] + label {padding-left: 25px;}
}

/*전시 체험 입력*/
.cB::after {content:'';display:block;clear:both;}

.reserve-form {border-top: 2px solid #333;margin: 10px 0 50px;}
.reserve-form .tb02 {display: flex;}
.reserve-form .tb02  dl {width:50%;}
.reserve-form dl::after {content:'';display:block;clear:both;}
.reserve-form dl {padding: 0;border-bottom:1px solid #ddd;display: flex;}
.reserve-form dl.calendar-box {width:60%;}
.reserve-form dl.calendar-box .cal-wrap {display:inline-block;}
.reserve-form dl dt {float:left;width: 180px;font-weight:bold;color:#000;display: block;padding:25px 15px;box-sizing: border-box;text-align: left;}
.reserve-form dl dt .ess {color:red;display:inline-block;vertical-align: middle;}
.reserve-form dl dd {float:left;width: calc(100% - 180px);padding:25px 15px;box-sizing: border-box;font-family:'Noto Sans CJK KR';}
.reserve-form dl dd.tel input[type="text"] {width: 80px; text-align: center; position: relative;}
.reserve-form dl dd .radio-wrap {margin-right:25px;    display: inline-block;}
.reserve-form dl dd .radio-wrap:last-child {margin-right:0;}
.reserve-form dl dd button {border:none;background-color: #068587;padding: 11px 20px;border-radius:5px;color:#fff;}
.reserve-form dl dd button:hover {background-color:#035f60; transition:0.3s;}
.reserve-form dl dd input[type="text"] , .reserve-form dl dd input[type="date"]  {padding: 5px;border-radius: 5px;display: inline-block;border: 1px solid #ddd;margin-bottom: 5px;font-size: 14px;height: 40px;box-sizing: border-box;}
.reserve-form dl:nth-child(2n)  dd input[type="text"] {background:#fff;}
.reserve-form dl dd .num-wrap {}
.reserve-form dl dd .num-wrap li {width:70px;display:inline-block;position: relative;margin-right: 15px;}
.reserve-form dl dd .num-wrap li::after {content:'-'; display:inline-block;position: absolute;top: 8px;right: -14px;}
.reserve-form dl dd .num-wrap li:last-child::after {display:none;}
.reserve-form dl dd .num-wrap li:last-child {margin-right:0;}
.reserve-form dl dd .num-wrap li input[type="text"] {width:100%;text-align:center;}
.reserve-form dl dd .country input[type="text"]:nth-child(1) {width:70px;}
.reserve-form dl dd .per-id input[type="text"] {width:87px;}
.reserve-form dl dd select {background-color: whitesmoke; padding: 5px;border-radius: 5px; display: inline-block;border: 1px solid #ddd; margin-bottom: 5px; font-size: 14px; height: 40px; box-sizing: border-box;width: 200px;}
.reserve-form dl dd select.w50 {width:50px;}
.reserve-form dl:nth-child(2n) dd select  {background-color:#fff;}
.reserve-form dl dd .date select {width:90px;}
.reserve-form dl dd .grade-box input[type="text"] {width:90px;}
.reserve-form dl dd .grade-box span {display:inline-block;width: 60px;}
.reserve-form dl dd .radio-check li {display:inline-block;margin-right:20px;}
.reserve-form dl dd .high-sch-box input[type="text"]:nth-child(1) {width: 90px;}
.tbox01 {min-height:120px;}

.impor-box {padding: 30px 30px 30px 87px;border:1px solid #ff3336;position:relative;box-sizing:border-box;margin-bottom:20px;}
.impor-box::before {content: '!';width: 40px;height: 40px;position:absolute;display:block;background: linear-gradient(#fb4b9c, #e10000);left: 30px;top: 30px;border-radius: 50px;line-height:45px;text-align: center;font-size: 1.5rem;font-weight: bold;color: #fff;}
.impor-box p {line-height:normal;}

@media all and (max-width:899px){
	.reserve-form .tb02 {    display: block;}
	.reserve-form .tb02 dl {width:100%;}
	.reserve-form dl.calendar-box {width:100%;}
	.reserve-form dl dt {width:150px;}
	.reserve-form dl dd.e-mail input[type="text"] {    width: 45%;}
}

@media all and (max-width:499px){
	.reserve-form dl {padding:0;display:block;}
	.reserve-form dl dd .address div input[type="text"] {width:100px;}
	.reserve-form dl dd .stxt {display:block;    padding: 10px 15px;}
	.reserve-form dl dt {width:100%;padding:10px 10px 5px;text-align:left;}
	.reserve-form dl dd {width:100%;    padding: 5px 10px 10px;}
	.reserve-form dl dd input[type="text"].per-input {width:100%;}
	.reserve-form dl dd .country input[type="text"]:nth-child(2) {width:calc(100% - 80px);}

	.reserve-form dl dd select {width:100%;}

	.reserve-form dl dd.tel input[type="text"] {width: 70px;}
}

.tbl-box02 {display: flex;}
.tbl-box02 .tb-wrap {width:49%;float:left;border: 1px solid #666;border-top:none;box-sizing: border-box; box-shadow: 2px 0px 5px rgb(0 0 0 / 10%);}
.tbl-box02 .tb-wrap:first-child {margin-right:2%;}

/*전시체험*/

.box-header {position:relative;padding-bottom:60px;margin-bottom:10px;}
.box-header:before {content:'';display:block;width:100%;height:60%;background:#f5f7fc;    position: absolute;bottom: 0;left: 0;right: 0;}
.box-header .imgbox img {width:100%;}
.box-header .imgbox {position:relative;width:1400px;margin:0 auto;margin-bottom:50px;}
.box-header .imgbox .decoTxxt {position: absolute;top: 81px;left: -114px;transform: rotate(-90deg);font-weight: 500;color: #ddd;}
.box-header .txt-box {position:relative;width:1400px;margin:0 auto;}
.box-header .txt-box p {margin-bottom:20px;}
.box-header .txt-box p.bold {font-weight:bold;color:#000;}

.sliderBox .dataCtrl {display:none;}
.sliderBox .wrapCont .owl-nav {}
.sliderBox .wrapCont .owl-nav button {position: absolute;top: calc(50% - 50px);background:rgba(0 0 0 / 50%);width:50px;height:50px;}
.sliderBox .wrapCont .owl-nav button::before {content:'';display:block;width:13px;height:13px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(45deg);margin-left: 12px;}
.sliderBox .wrapCont .owl-nav button.owl-prev::before {transform: rotate(-135deg);margin-left: 22px;}
.sliderBox .wrapCont .owl-nav button.owl-prev {left: 18.2%;}
.sliderBox .wrapCont .owl-nav button.owl-next {right: 18.2%;}
.sliderBox .wrapCont .owl-item {padding-bottom:10px;}
.sliderBox .wrapCont .item {position:relative;}
.sliderBox .wrapCont .item .txtBox {position: relative;margin-top: -130px;left: 40px;color:#000;width: 550px;text-align: left;padding: 35px;box-sizing:border-box;background: #fff;box-shadow: 0 0 5px rgba(0 0 0 / 30%);}
.sliderBox .wrapCont .item .txtBox .pTxt01 {font-size:22px;font-weight:600;margin-bottom:10px;}
.sliderBox .wrapCont .item .txtBox .pTxt02 {font-family:'Noto Sans CJK KR';}
.sliderBox .wrapCont .owl-item:not(.owl-item.center) {opacity:0.6;transform: scale(0.8);}
.sliderBox .wrapCont .owl-item:not(.owl-item.center) .imgBox img {filter: grayscale(100%);}
.sliderBox .wrapCont .owl-item:not(.owl-item.center) .txtBox {display:none;}


@media all and (max-width:1350px){
	.box-header .imgbox , .box-header .txt-box  {width:100%;}
	.box-header .imgbox img {width:100%;}
}	

@media all and (max-width:1280px){
	.sliderBox .wrapCont .item .txtBox {width:80%;}
}

@media all and (max-width:899px){
	.sliderBox .wrapCont .item .txtBox {margin-top:0;left:0;width:100%;box-shadow:none;padding:10px 0;}
	.sliderBox .wrapCont .owl-nav button.owl-prev {left: 0;}
	.sliderBox .wrapCont .owl-nav button.owl-next {right: 0;}

	.box-header .imgbox , .box-header .txt-box  {width:90%;}
	.box-header:before {    height: 85%;}
	.box-header .imgbox .decoTxxt {left: -99px;}
}

/**/
.cont-1400 {margin:0 auto;width:1400px;}

@media all and (max-width:1400px){
	.cont-1400 {width:100%;}
}


.airHis .txtBox {text-align:center;}
.airHis .txtBox .title {position:relative;font-size:2.5rem;font-weight:700;color:#0099f0;margin-bottom:25px;}
.airHis .txtBox .title::before {content:'';display:block;width:26px;height:20px;background:url(/ko/_Img/sub/quote.png)no-repeat;margin:0 auto 15px;}

.airHis .txtBox .conBox .pTxt01 {font-size:1.5rem;font-weight:500;color:#000;}
.airHis .txtBox .conBox .pTxt02 {font-size:1.1rem;color:#000;    font-family: "Noto Sans KR";}


.txt-box .airHis {text-align:center;}
.txt-box .airHis .title {position:relative;font-size:2.5rem;font-weight:700;color:#0099f0;margin-bottom:25px;}
.txt-box .airHis .title::before {content:'';display:block;width:26px;height:20px;background:url(/ko/_Img/sub/quote.png)no-repeat;margin:0 auto 15px;}
.txt-box .airHis .conBox .pTxt01 {font-size:1.5rem;font-weight:500;color:#000;}
.txt-box .airHis .conBox .pTxt02 {font-size:1.1rem;color:#000;    font-family: "Noto Sans KR";}


.sliderBox02 {position: relative;margin-bottom:30px;}
.sliderBox02 .sliderItem {position: relative;}
.sliderBox02 .sliderItem > .owl-nav {}
.sliderBox02 .sliderItem > .owl-nav  button {position:absolute;transition:all .3s ease;top:50%;border-radius:100px;display: inline-block;width:50px;height:50px;background-color:rgba(0 0 0 / 70%);margin-left:1px;}
.sliderBox02 .sliderItem > .owl-nav button:hover {background-color: rgb(29 64 126 / 90%);transition:all .3s ease;}
.sliderBox02 .sliderItem > .owl-nav button::before {content:'';display:block;width:13px;height:13px;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.sliderBox02 .sliderItem > .owl-nav button.owl-prev {left:-25px;}
.sliderBox02 .sliderItem > .owl-nav button.owl-next {right:-25px;}
.sliderBox02 .sliderItem > .owl-nav button.owl-prev::before {transform: rotate(-135deg);    margin-left: 22px;}
.sliderBox02 .sliderItem > .owl-nav button.owl-next::before {transform: rotate(45deg);    margin-left: 15px;}

.sliderBox02 .sliderItem .item {display:flex;margin-top:60px;align-items: center;}
.sliderBox02 .sliderItem .item::after {content:'';display:block;clear:both;}
.sliderBox02 .sliderItem .item .txtWrap {width:50%;border: 10px solid #e9eaf5;border-right: 0;margin: 30px 0;padding: 40px;position: relative;    min-height: 430px;box-sizing: border-box;}
.sliderBox02 .sliderItem .item .txtWrap .pTxt01 {font-size:1.8rem;font-weight:700;color:#000;}
.sliderBox02 .sliderItem .item .txtWrap .pTxt02 {font-size:1.2rem;font-weight:500;color:#1d407e;margin-bottom:30px;}
.sliderBox02 .sliderItem .item .txtWrap .pTxt03 { font-family: "Noto Sans KR";}
.sliderBox02 .sliderItem .item .imgBox  {width:50%;position: relative; box-shadow: 0 0 8px rgba(0 0 0 / 30%); overflow: hidden;}

.sliderBox02 .dataCtrl {position:absolute;bottom: 0;z-index:10;}
.sliderBox02 .dataCtrl .inwr div.dataAuto {display:inline-block;width: 8px;}
.sliderBox02 .dataCtrl .inwr div.dataAuto button.btn-stop {width:8px;height:12px;background-color:transparent;border: none;border-left:2px solid #999;border-right:2px solid #999;}
.sliderBox02 .dataCtrl .inwr div.dataAuto button.btn-play {display:none;width: 0;height: 0;background:none;border-bottom: 7px solid transparent;border-top: 7px solid transparent;border-left: 7px solid #999;border-right: 7px solid transparent;}
.sliderBox02 .dataCtrl .inwr div.dataDots {margin-left:15px;display:inline-block;}
.sliderBox02 .dataCtrl .inwr div.dataDots button {width:10px;height:10px;background:#bbb;border-radius:10px;margin-right:4px;border:none;}
.sliderBox02 .dataCtrl .inwr div.dataDots button.active {background:#0099f0;width:20px;}

.sliderBox02 .sliderItem .item .imgBox .imgitem {overflow: hidden;}
.sliderBox02 .sliderItem .item .imgBox .imgitem img {width:100%;    box-shadow: 0 0 8px rgba(0 0 0 / 30%);}
/*
//20230724 슬라이드 이미지 작아짐 
.sliderBox02 .sliderItem .item .imgBox .owl-stage {display: table-caption;}
*/
.sliderBox02 .sliderItem .item .imgBox .owl-stage {max-height: 500px;overflow: hidden;}

.sliderBox02 .sliderItem .item .imgBox .owl-nav {position:absolute;bottom:0;right:0;}
.sliderBox02 .sliderItem .item .imgBox .owl-nav button {display: inline-block;width:45px;height:45px;background-color:rgba(0 0 0 / 80%);margin-left:1px;transition:all .3s ease;}
.sliderBox02 .sliderItem .item .imgBox .owl-nav button::before {content:'';display:block;width:13px;height:13px;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.sliderBox02 .sliderItem .item .imgBox .owl-nav button.owl-prev::before {transform: rotate(-135deg);    margin-left: 19px;}
.sliderBox02 .sliderItem .item .imgBox .owl-nav button.owl-next::before {transform: rotate(45deg);    margin-left: 13px;}

.sliderBox02 .sliderItem .item .imgBox .owl-nav button:hover {    background-color: rgb(27 150 220);transition:all .3s ease;}

@media all and (max-width:1350px){
	.sliderBox02 .sliderItem {padding:30px;border: 10px solid #e9eaf5;box-sizing: border-box;}
	.sliderBox02 .sliderItem .item {margin-top: 0;}
	.sliderBox02 .sliderItem .item .txtWrap {border:none;padding:10px 40px 10px 10px;}
	.sliderBox02 .dataCtrl {position: relative;}
	.sliderBox02 .sliderItem .item .txtWrap {min-height:auto;}
}

@media all and (max-width:899px){
	.sliderBox02 {margin-top:25px;}
	.sliderBox02 .sliderItem {padding: 18px;}
	.sliderBox02 .sliderItem .item {display:block;}
	.sliderBox02 .sliderItem .item .txtWrap {margin: 0;padding: 5px 0 25px; }
	.sliderBox02 .sliderItem .item .txtWrap , .sliderBox02 .sliderItem .item .imgBox {width:100%;box-sizing:border-box;}
}

/*예약확인*/
.inputTbBox table .sdp-btn span {    padding: 8px 20px 10px;}

@media all and (max-width:899px){
	.inputTbBox table colgroup {display:none;}
	.inputTbBox table thead {display:none;}
	.inputTbBox table tbody tr {display:flex;flex-wrap: wrap;border-bottom:1px solid #aaa;}
	.inputTbBox table tbody td.num {display:none;}
	.inputTbBox table tbody td {position:relative;display:block;box-sizing: border-box;  width: 50%;border:none;text-align:left;padding-left:65px;}
	.inputTbBox table tbody td::before {content:'';display:inline-block;font-weight:600;width: 60px;color:#000;margin-right:10px;position: absolute;top: 10px;left: 0;}
	.inputTbBox table tbody td.txt01::before {content:'관람 구분';}
	.inputTbBox table tbody td.txt02::before {content:'이름';}
	.inputTbBox table tbody td.txt03::before {content:'단체명';}
	.inputTbBox table tbody td.txt04::before {content:'연락처';}
	.inputTbBox table tbody td.txt05::before {content:'방문날짜';}
	.inputTbBox table tbody td.txt06::before {content:'인원';}
	.inputTbBox table tbody td.txt07::before {content:'접수일자';}
	.inputTbBox table tbody td.txt08::before {content:'상태';}
	.inputTbBox table tbody td.txt09::before {content:'취소';}

	.inputTbBox table .sdp-btn span {    padding: 5px 15px 7px;}
}

@media all and (max-width:499px){
	.inputTbBox table tbody tr {display:block;}
	.inputTbBox table tbody td {width:100%;}
}

/*본인인증*/
.phonePkg {border:10px solid #e9eaf5;display:flex;padding:55px;box-sizing: border-box;  }
.phonePkg .imgBox {width:35%;text-align:center;}
.phonePkg .txtBox {width:65%;}
.phonePkg .txtBox .txt {font-size:1.1rem;margin:10px 0 15px;color:#000;}
.phonePkg .txtBox .colBox01 {background:#ebecf6;padding:15px 30px 15px;}

@media all and (max-width:899px){
	.phonePkg .imgBox {width:25%;margin-right:5%;}
	.phonePkg .imgBox img {width:100%;}
	.phonePkg .txtBox {width:70%;}
}

@media all and (max-width:699px){
	.phonePkg {display:block;padding:35px;}
	.phonePkg .imgBox {width:40%;margin:0 auto 20px;}
	.phonePkg .txtBox {width:100%;}
}

@media all and (max-width:499px){
	.phonePkg {display:block;padding:20px;}
}

/* 오시는길 */
.mapWrap {}
.mapWrap .wrap_controllers {display:none;}
.mapWrap .mapbox {position: relative;margin-bottom: 75px;}
.mapWrap .mapbox::before {content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: #fff;animation: mapbg cubic-bezier(0, .30, .43, 1) 1.1s 0.3s both;}
.mapWrap .mapbox .map {width: 100%;height: 580px;}
.mapWrap .mapbox .map area {display: inline-block;width: 29px;height: 42px;}
.mapWrap .mapbox .map_info {overflow: hidden;position: absolute;left: 13%;top: 50%;z-index: 10;transform: translateY(-50%);padding: 53px;max-width: 350px;min-height: 300px;background: #222 url(/ko/_Img/sub/logo_bg.png) 105% top no-repeat;box-shadow: 5px 8px 35px rgba(0, 0, 0, 0.1);animation: mapinfo cubic-bezier(.57, .05, .73, .57) 0.7s 0.9s both;}

.mapWrap .mapbox .map_info .tit {display: block;margin-bottom: 30px;padding-top: 22px;padding-bottom: 30px;border-bottom: 1px solid #fff;color: #fff;font-size: 27px;line-height: 1.2;letter-spacing: 0;font-weight: bold;}

.mapWrap .mapbox .map_info ul {margin-bottom:30px;}
.mapWrap .mapbox .map_info ul li {position: relative;padding-left: 90px;color: #fff;font-size: 17px;line-height: 1.46;letter-spacing: -0.05em;font-weight: 400;}
.mapWrap .mapbox .map_info ul li+li {margin-top: 15px;}
.mapWrap .mapbox .map_info ul li span {position: absolute;left: 0;top: 0;font-weight: bold;}
.mapWrap .mapbox .map_info ul li span .icon {display: inline-block;vertical-align: middle;margin-right: 5px;background-position: center;background-repeat: no-repeat;width:14px;height:14px;background:url(/ko/_Img/sub/map_Icon.png)no-repeat;}

.mapWrap .mapbox .map_info ul li span .icon.icon01 {background-position:0 -1px;margin-bottom: 2px;}
.mapWrap .mapbox .map_info ul li span .icon.icon02 {background-position:-30px -1px; margin-bottom:4px;}
.mapWrap .mapbox .map_info .link {}
.mapWrap .mapbox .map_info .link a {position:relative;transition:all .3s ease;display:inline-block;padding:10px 25px 10px 15px;min-width:150px;color:#fff;border:1px solid #fff;box-sizing:border-box;font-size:15px;}
.mapWrap .mapbox .map_info .link a i {display:block;width:18px;height:12px;background:url(/ko/_Img/sub/map_Icon.png)no-repeat;position:absolute;top:17px;right:20px;background-position:-100px -1px;}

.mapWrap .mapbox .map_info .link a:hover {font-weight:600;background:#fff;color:#000;}
.mapWrap .mapbox .map_info .link a:hover i  {background-position:-62px -1px;} 

.mapWrap .txtBox dl {display:flex;border:1px solid #e9e9e9;border-radius:5px;padding:40px 60px;box-sizing:border-box;margin-bottom:25px;}
.mapWrap .txtBox dl:nth-child(1) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 1.0s 1.3s both;}
.mapWrap .txtBox dl:nth-child(2) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 1.3s 1.6s both;}
.mapWrap .txtBox dl:nth-child(3) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 1.6s 1.9s both;}
.mapWrap .txtBox dl:nth-child(4) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 1.9s 2.1s both;}
.mapWrap .txtBox dl:nth-child(5) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 2.1s 2.4s both;}
.mapWrap .txtBox dl dt {position:relative;width:200px;font-weight:700;color:#000;font-size:1.1rem;padding-left:60px;box-sizing:border-box;}
.mapWrap .txtBox dl dt i {display:block;width:41px;height:40px;background:url(/ko/_Img/sub/map_Icon02.png)no-repeat;position: absolute;top: -5px;left: 0;}
.mapWrap .txtBox dl dt i.i02 {background-position:-84px -1px;top: 0;}
.mapWrap .txtBox dl dt i.i03 {background-position:-174px -1px;top: 0;}
.mapWrap .txtBox dl dt i.i04 {background-position:-262px -1px;top: 0;}
.mapWrap .txtBox dl dt i.i05 {background-position:-353px -1px;top: 0;}
.mapWrap .txtBox dl dd {}


@keyframes mapbg {
    0% {left: 0;}
    100% {left: 100%;}
}

@keyframes mapinfo {
    0% {opacity: 0;top: 35%;}
    100% {opacity: 1;top: 50%;}
}

@media(max-width: 1640px) {
    .mapWrap .mapbox .map_info {left:50px;}
}

@media(max-width: 840px) {
	.mapWrap .mapbox {margin-bottom: 30px;}
    .mapWrap .mapbox .map {}
    .mapWrap .mapbox .map_info {position: initial;min-height: auto;transform: translateY(0);max-width: 100%;}
    .mapWrap .mapbox .map_info .tit {padding-top: 0;}
	.mapWrap .txtBox  {margin:0 auto;}
}
@media(max-width: 550px) {
	.mapWrap .mapbox .map {height:500px;}
	.mapWrap .txtBox dl {padding: 30px 40px;display:block;}
	.mapWrap .txtBox dl dt {width:100%;margin-bottom:20px;}
	.mapWrap .txtBox dl dd {}
}

/*주요사업*/
#pg-MN0000025 #container.div-cont {max-width:100%;}

.MN025-Img {position:relative;margin-bottom:100px;}
.MN025-Img::before {content:'';display:block;width:100%;max-width:1630px;height:550px;background:#f5f7fc;position:absolute;top:18%;right:0;animation: mapbg02 cubic-bezier(0, .30, .43, 1) 0.5s 0.3s both;}

.MN025-Img ul {position:relative;display:flex;width:100%;max-width:1620px;margin:0 auto;justify-content: space-between;}

.MN025-Img ul li:nth-child(1) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 0.5s 0.7s both;}
.MN025-Img ul li:nth-child(2) {margin-top:100px;animation: mapinfo cubic-bezier(.57, .05, .73, .57) 0.7s 0.9s both;}
.MN025-Img ul li:nth-child(3) {animation: mapinfo cubic-bezier(.57, .05, .73, .57) 0.9s 1.2s both;}
.MN025-Img ul li a {display:block;position:relative;transition:all .8s ease;}
.MN025-Img ul li a .conImg {position:relative;z-index:1;transition:all .8s ease;overflow: hidden;margin-bottom:30px;}
.MN025-Img ul li a:hover .conImg {border-radius:500px 20px 70px 20px;transition:all .8s ease;box-shadow: 15px 15px 15px rgba(0 0 0 /15%);}

.MN025-Img ul li a .pTxt01 {font-size:1.5rem;font-weight:800;color:#000;transition:all .8s ease;}
.MN025-Img ul li a .pTxt02 {position:relative;font-size:1rem;color:#000;padding-left:35px;margin-top:20px;transition:all .8s ease;}
.MN025-Img ul li a .pTxt02 i {position:absolute;top:0;left:0;display:inline-block;width:19px;height:17px;background:url(/ko/_Img/sub/qu-marks.png)no-repeat;}

/*.MN025-Img ul li a:hover .pTxt01 {position:absolute;top:0;transition:all .3s ease;}*/
.MN025-Img ul li a:hover  i.vr-Ic {display:block;}
.MN025-Img ul li a .go span {position: absolute;top: 40px;left: 0;color:#1d407e;font-size:1.1rem;font-weight:600;}
.MN025-Img ul li a i.vr-Ic {display:none;width:70px;height:70px;border-radius: 100px;position: absolute;top: 50px;left: 114px;z-index: 1;background:#1d407e;animation: mapbg03 .8s both;}
.MN025-Img ul li a i.vr-Ic::before {content:'';display:block;background: url(/ko/_Img/sub/map_Icon.png)no-repeat;    background-position: -100px -1px;width: 20px;height: 11px;position: absolute;top: calc(50% - 6px);left: calc(50% - 10px);}

@keyframes mapbg02 {
    0% {right: 100%;}
    100% {right: 0;}
}

@keyframes mapbg03 {
    0% {left: 0;opacity:0;}
    100% {left: 114px;opacity:1;}
}

@media(max-width: 1630px) {
	.MN025-Img ul {width:95%;}
	.MN025-Img ul li {width:30%;}
	.MN025-Img ul li a .conImg img {width:100%;}
	.MN025-Img::before {height:85%;width:80%;}
}
@media(max-width: 799px) {
	.MN025-Img ul {display:block;}
	.MN025-Img ul li {width:80%;margin:0 auto;margin-bottom:40px;}
	.MN025-Img ul li:nth-child(2) {margin-top:auto;}
	.MN025-Img ul li a i.vr-Ic {display:block;left: 94%;animation: auto;}
	.MN025-Img ul li a:hover .conImg  {border-radius:0;}

}
@media(max-width: 599px) {
	.MN025-Img ul li {width:100%;}
	.MN025-Img ul li a i.vr-Ic {display:block;left: calc(100% - 60px);top: 60%;animation: auto;width: 60px;height: 60px;}
}

/*온라인 박물관*/
#pg-MN0000030 #container.div-cont {max-width:100%;}
.mn030-box {position:relative;padding: 40px 0 60px;}
.mn030-box::before {content:'';display:block;position:absolute;left:-12%;width:642px;height:642px;background:url(/ko/_Img/sub/mn030Bg01.png)no-repeat;animation:mapinfo03 0.8s 1s both , rotate_image 8s linear infinite ;transform-origin: 50% 50%;}
.mn030-box::after {content:'';display:block;position:absolute;background:url(/ko/_Img/sub/mn030Bg02.png) right 0 no-repeat;width:127px;height:163px;right: 12%;top: 20%;z-index: 1; animation: mapinfo03 1.1s 1.3s both , rotate_slateY 2.5s linear infinite;}

.mn030-box .titleBox {position:relative;z-index:1;padding-left:240px;max-width: 900px;margin: 0 auto 80px;animation: mapinfo02 0.4s 0.7s both;}
.mn030-box .titleBox:before {content:'';position:absolute;top:0;left:0;display:block;width:178px;height:121px;background:url(/ko/_Img/sub/mn030Bg02.png)no-repeat;}
.mn030-box .titleBox .pTxt01 {font-size:2.5rem;font-weight:600;color:#000;}
.mn030-box .titleBox .pTxt01 span {font-size:3.2rem;color:#4780e5;font-weight:700;}
.mn030-box .titleBox .pTxt02 {font-size:1.4rem;color:#111;}

.mn030-box .linkBox {position:relative;z-index:1;max-width:1700px;margin:0 auto;height:700px;background:url(/ko/_Img/sub/mn030Img.jpg)no-repeat;display: flex;justify-content: center;align-items: center;animation: mapbg02 cubic-bezier(0, .30, .43, 1) 1s 1.5s both;transition:all 1.5s ease;}
.mn030-box .linkBox.bg1 {background:url(/ko/_Img/sub/mn030Img01.jpg)no-repeat;}
.mn030-box .linkBox.bg2 {background:url(/ko/_Img/sub/mn030Img02.jpg)no-repeat;}
.mn030-box .linkBox.bg3 {background:url(/ko/_Img/sub/mn030Img03.jpg)no-repeat;}
.mn030-box .linkBox.bg4 {background:url(/ko/_Img/sub/mn030Img04.jpg)no-repeat;}
.mn030-box .linkBox ul {display: flex;}
.mn030-box .linkBox ul li {margin-right: 20px;}
.mn030-box .linkBox ul li:nth-child(1) {animation: slateY02 cubic-bezier(0, .30, .43, 1) 1s 2.3s both;}
.mn030-box .linkBox ul li:nth-child(2) {animation: slateY02 cubic-bezier(0, .30, .43, 1) 1s 2.6s both;}
.mn030-box .linkBox ul li:nth-child(3) {animation: slateY02 cubic-bezier(0, .30, .43, 1) 1s 2.9s both;}
.mn030-box .linkBox ul li:nth-child(4) {animation: slateY02 cubic-bezier(0, .30, .43, 1) 1s 3.2s both;    margin-right: 0;}
.mn030-box .linkBox ul li a {position:relative;transition:all .5s ease;display: flex;justify-content: center;align-items: center;font-size:1.35rem;width:280px;height:280px;border:1px solid #fff;border-radius:100%;color:#fff;}
.mn030-box .linkBox ul li a i {position:absolute;bottom: 80px;display:block;width:36px;height:19px;background:url(/ko/_Img/sub/mn030Bg02.png) 0 -227px no-repeat;}
/*.mn030-box .bg {background:#faf9fe;position:absolute;top:0;left:0;width:100%;height:70%;}*/

.mn030-box .linkBox ul li a:hover {background:#4780e3cf;   /* margin-top: -30px;*/}

@media(max-width: 1250px) {
	.mn030-box .linkBox ul li a  {width:200px;height:200px;}
	.mn030-box .linkBox ul li a i {bottom: 35px;}
}	
@media(max-width: 999px) {
	.mn030-box {    padding: 0;}
	.mn030-box .linkBox {padding:60px;box-sizing:border-box;height:auto;background-size: cover;}
	.mn030-box .linkBox ul {flex-wrap: wrap;justify-content: space-between;}
	.mn030-box .linkBox ul li {width:45%;margin-bottom:20px;}
	.mn030-box .linkBox ul li a {width:100%;height:150px;border-radius:10px;}

	.mn030-box::after {right: 1%;top: 30%;}
	.mn030-box::before {display:none;}
	.mn030-box .titleBox {padding-left:0;}
}
@media(max-width: 799px) {
	.mn030-box .titleBox:before {display:none;}
}
@media(max-width: 599px) {
	.mn030-box .linkBox {padding:60px 30px;}
}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}


@keyframes rotate_slateY {
    0% {
        transform: translateY(0);
    }
	 50% {
        transform: translateY(-20px);
    }
	100% {
        transform: translateY(0);
    }
}


@keyframes mapbg {
    0% {left: 0;}
    100% {left: 100%;}
}

@keyframes mapinfo02 {
    0% {opacity: 0;top: 35%;}
    100% {opacity: 1;top: 50%;}
}
@keyframes mapinfo03 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes slateY02 {
	 0% {opacity: 0; transform: translateY(100%);}
    100% {opacity: 1;    transform: translateY(0px);}
}

/* 대지 */
.mn026-wrapTop {display:flex;}
.mn026-wrapTop .txtB {animation:mapinfo03 0.5s 0.3s both ;width: 100%;padding:60px;background:#1d407e url(/ko/_Img/sub/MN026IMG02.png)right bottom no-repeat;}
.mn026-wrapTop .txtB dl {border-bottom:1px solid #3f5e95;padding:18px 0;display:flex;color:#fff;box-sizing:border-box;}
.mn026-wrapTop .txtB dl dt {width:100px;font-weight:600;}
.mn026-wrapTop .imgB  {animation:mapinfo03 0.8s .8s both ;}

@media(max-width:1300px) {
	.mn026-wrapTop .txtB  {width:42%;padding:35px;}
	.mn026-wrapTop .imgB {width:58%;}
}

@media(max-width:799px) {
	.mn026-wrapTop {flex-wrap: wrap;}
	.mn026-wrapTop .txtB  {width:100%;order:2;padding:35px 20px;}
	.mn026-wrapTop .imgB {width:100%;order:1;box-sizing:border-box;}
	.mn026-wrapTop .imgB img {width:100%;}
	.mn026-wrapTop .txtB dl dt {width:80px;}
}

/*기증안내 및 문의*/

.mn021 {margin-bottom:100px;}
.mn021 .top-img {border-radius:15px;overflow:hidden;position:relative;  }
.mn021 .top-img::before {content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;background: #fff;animation: mapbg cubic-bezier(0, .30, .43, 1) 1.1s 0.3s both;}
.mn021 .tit {font-size:2.3rem;color:#000;padding-left: 20px;position: relative;z-index: 2;width: 72%;height: 90px;background: #fff;border-radius: 0 10px 0 0;margin: -100px 0 20px 0;padding-top: 52px;}
.mn021 .tit h4 {    animation: ani_3 0.7s 1.3s;    animation-fill-mode: both;}
.mn021 .list {    animation: ani_4 0.7s 1.5s;animation-fill-mode: both;} 

@keyframes ani_3 {
	0% { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}
@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}
@media(max-width:1400px) {
	.mn021 .top-img img {width:100%;}
}
@media(max-width:999px) {
	.mn021 .tit {font-size:2rem;height: 60px;padding-top: 30px;margin: -85px 0 20px 0;}
	.mn021 {margin-bottom:60px;}
}
@media(max-width:699px) {
	.mn021 .top-img {height:280px;}
	.mn021 .top-img img {width:auto;height:100%;}
	.mn021 .tit {font-size:1.8rem;height: auto;min-height:50px;padding-left: 10px;padding-top: 20px;margin: -65px 0 20px -1px;}
	.mn021 {margin-bottom:40px;}
}



.c-infobox1 {display: flex;border: 10px solid #e9eaf5; padding: 55px 65px;box-sizing: border-box;}
.c-infobox1 .ico.ico-p1 {display: inline-block;width: 100px;height: 120px;background: url(/ko/_Img/sub/member_spr.png)no-repeat;background-size: cover;margin-right:60px;}
.c-infobox1 .pcont-wrap {width: calc(100% - 160px);}
.c-infobox1 .pcont-wrap .ptit {position: relative;font-size: 28px;color: #1D407E;font-weight: 700;line-height: normal;font-style: inherit;}
.c-infobox1 .pcont-wrap .pcont {margin-top:15px;}

@media(max-width:799px) {
	.c-infobox1 { padding: 30px;}
	.c-infobox1 .pcont-wrap .ptit {font-size:22px;}

}

@media(max-width:599px) {
	.c-infobox1 {display:block;}
	.c-infobox1 .ico.ico-p1 {display: block;text-align: center;margin: 0 auto;margin-bottom:10px;}
	.c-infobox1 .pcont-wrap {width:100%;}

}


/*FROM SITE CODE :  
*/