@charset "utf-8";

/* sub nav */
.sub-nav{background:#f7f7f7; border-bottom:1px solid #ccc; z-index:99; position:relative;}
.sub-nav .inner{display:flex; justify-content:space-between;}
.sub-nav__list{}
.sub-nav__list > ul{display:flex;}
.sub-nav__list > ul > li{position:relative;}
.sub-nav__list > ul > li::after{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-nav__list > ul > li.home{}
.sub-nav__list > ul > li.home a{text-indent:-9999px; overflow:hidden; width:60px; height:60px; background:url('/resources/gsfc/img/common/icon/nav-home.png') no-repeat center center; display:block;}
.sub-nav__list > ul > li:not(.home) > a{padding:0 20px; height:60px; display:flex; align-items:center; justify-content:space-between; min-width:240px; font-size:17px; color:#888; position:relative;}
.sub-nav__list > ul > li:not(.home) > a::after{content:''; display:block; min-width:12px; height:7px; background-repeat:no-repeat; background-position:0 0; background-image:url('/resources/gsfc/img/common/icon/ico-arrow1_d.png'); margin-left:20px;}
.sub-nav__list > ul > li:not(.home) > a.active{color:#333; font-weight:600;}
.sub-nav__list > ul > li:not(.home) > a.active::before{content:''; display:block; width:100%; height:3px; background:#333; border-radius:3px; position:absolute; bottom:-1px; left:0;}
.sub-nav__list > ul > li:not(.home) > a.active::after{background-image:url('/resources/gsfc/img/common/icon/ico-arrow2_u.png');}
.sub-nav__list > ul > li:not(.home) > a.active + .depth{opacity:1; visibility:visible;}
.sub-nav__list .depth{position:absolute; width:100%; top:calc(100% + 1px); border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; background:#f7f7f7; padding:20px 0; visibility:hidden; opacity:0; transition:all .4s; z-index:10;}
.sub-nav__list .depth > li{padding:0 15px;}
.sub-nav__list .depth > li:not(:last-child){margin-bottom:15px;}
.sub-nav__list .depth > li > a{box-shadow:inset 0 0 0 #333; line-height:1; font-size:17px; font-weight:400; color:#888; text-decoration:none; transition:color .4s, box-shadow .4s; position:relative;}
.sub-nav__list .depth > li > a:hover,
.sub-nav__list .depth > li > a:focus{color:#333; font-weight:600; box-shadow:inset 0 -1px 0 #333; text-underline-position:under;}

/* 새창 */
.sub-nav__list .depth > li > a.blankLink{display:inline-flex; align-items:center;}
.sub-nav__list .depth > li > a.blankLink::after{content:''; display:block; width:16px; height:16px; background:url('/resources/nie/images/common/gnbBlankLink_03.png') no-repeat 0 0; transition:all .4s; margin-left:10px;}
.sub-nav__list .depth > li > a.blankLink:hover::after,
.sub-nav__list .depth > li > a.blankLink:focus::after{background-image:url('/resources/nie/images/common/gnbBlankLink_06.png');}

.sub-nav__btns{display:flex;}
.sub-nav__btns .btn-item{position:relative; display:block; width:60px; height:60px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:background-image .4s;}
.sub-nav__btns .btn-item::before{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.sub-nav__btns .btn-item.share{background-image:url('/resources/gsfc/img/common/icon/nav-share.png'); transition:all .4s;}
.sub-nav__btns .btn-item.print{background-image:url('/resources/gsfc/img/common/icon/nav-print.png');}
.sub-nav__btns .btn-item.copy{text-indent:0; font-size:14px; color:#666; font-weight:600; display:flex; align-items:center; justify-content:center;}
.sub-nav__btns .btn-item.copy:hover,
.sub-nav__btns .btn-item.copy:focus{color:#222;}
.sub-nav__share{}
.sub-nav__share .share-item{position:absolute; background:#f7f7f7; border:1px solid #ccc; max-height:0; overflow:hidden; visibility:hidden; opacity:0; transition:all .4s;}
.sub-nav__share a.active + .share-item{opacity:1; visibility:visible; max-height:250px;}

.sub-nav__btns .btn-item.share::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; border-radius:3px; background-color:#333; opacity:0; visibility:hidden; transition:all .3s ease-in-out;}
.sub-nav__btns .btn-item.share.active::after{opacity:1; visibility:visible;}

.sub-nav__share .share-item li{}
.sub-nav__share .share-item li:not(:last-child){border-bottom:1px solid #ccc;}
.sub-nav__share .share-item li a{display:block; text-indent:-9999px; overflow:hidden; width:59px; height:60px; background-position:center center; background-repeat:no-repeat; transition:all .2s ease-in-out;}
.sub-nav__share .share-item li .sns01{background-image:url('/resources/gsfc/img/common/icon/sns_01.png');}
.sub-nav__share .share-item li .sns02{background-image:url('/resources/gsfc/img/common/icon/sns_02.png');}
.sub-nav__share .share-item li .sns03{background-image:url('/resources/gsfc/img/common/icon/sns_03.png');}
.sub-nav__share .share-item li .sns04{background-image:url('/resources/gsfc/img/common/icon/sns_04.png');}
.sub-nav__share .share-item li .sns01.on,
.sub-nav__share .share-item li .sns01:hover{background-image:url('/resources/gsfc/img/common/icon/sns_01_on.png');}
.sub-nav__share .share-item li .sns02.on,
.sub-nav__share .share-item li .sns02:hover{background-image:url('/resources/gsfc/img/common/icon/sns_02_on.png');}
.sub-nav__share .share-item li .sns03.on,
.sub-nav__share .share-item li .sns03:hover{background-image:url('/resources/gsfc/img/common/icon/sns_03_on.png');}
.sub-nav__share .share-item li .sns04.on,
.sub-nav__share .share-item li .sns04:hover{background-image:url('/resources/gsfc/img/common/icon/sns_04_on.png');}

@media screen and (max-width:1024px){
	
	.sub-nav .inner{padding:0; flex-direction:column; align-items:center;}
	.sub-nav__list{width:100%;}
	.sub-nav__list > ul > li.home{display:none;}
	.sub-nav__list > ul > li:nth-child(2){display:none;}
	.sub-nav__list > ul > li{flex:1; min-width:50%;}
	.sub-nav__list > ul > li:last-child::after{display:none;}
	.sub-nav__list > ul > li:not(.home) > a{min-width:auto; width:100%; padding:0 10px;}
	.sub-nav__list > ul > li:not(.home) > a::after{margin-left:10px;}
	
	.sub-nav__btns{border-top: 1px solid #ccc;width: 100%;justify-content: center;}
	.sub-nav__btns .btn-item{width:50px;}
	.sub-nav__btns .btn-item::before{display:none;}
	.sub-nav__share .share-item li a{width:49px;}
}
@media screen and (max-width: 768px){
	.sub-nav__list > ul > li:not(.home) > a{font-size:15px; height:45px; letter-spacing:-0.08em;}
	.sub-nav__list .depth{padding:10px 0;}
	.sub-nav__list .depth > li > a{font-size:15px;}
	
	.sub-nav__btns .btn-item{height:40px; width:40px;}
	.sub-nav__share .share-item li a{width:39px; height:40px;}
}


/* 공통 */
.sub-t{font-size: 34px; font-size: 2.125em; font-weight: 600; padding: 80px 10px 50px; color: #333; text-align: center; line-height: 1.2;}

#cont{padding-bottom: 80px;}

.noti-box{padding: 2.5em; border: 1px solid #ccc; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}
.noti-box .img{white-space: nowrap; margin-right: 20px; max-width: 320px;}
.noti-box .cont{flex: 1;}

.content-st1{border-top: 2px solid #333;}
.content-st1 .item{padding: 2.5em 0; display: flex; align-items: flex-start; flex-wrap: wrap; border-bottom:  1px solid #ccc; position: relative;}
.content-st1 .tit{width: 340px; padding-left: 2.5em; display: flex; align-items: center;}
.content-st1 .tit >p{font-size: 22px; font-size: 1.375em; font-weight: 600; color: #333; padding-left: 0.909em; line-height: 1.2;}
.content-st1 .cont{width: 100%; flex: 1; padding-top: 1.25em;}
.content-st1.wide .tit{width: 380px; position: sticky; top: 20px;}
.content-st1.wide .tit >p{padding-left: 0;}
.content-st1.wide .cont{padding-top: 0;}

.content-st2{border-top: 2px solid #333; display: flex; align-items: flex-start; flex-wrap: wrap;}
.content-st2 .item{padding: 2.5em 0; border-bottom: 1px solid #ccc;}
.content-st2.col1 .item{width: 100%}
.content-st2.col2 .item{width: 50%}
.content-st2.col3 .item{width: 33.333333333%}
.content-st2.col4 .item{width: 25%}
.content-st2.col5 .item{width: 20%}
.content-st2.col6 .item{width: 16.6666666667%}
.content-st2.col7 .item{width: 25%}
.content-st2.col8 .item{width: 25%}
.content-st2 .in{padding: 0 2.5em;}
.content-st2.bd .in{border-right: 1px solid #ccc;}
.content-st2.bd .item:last-child .in{border-right: 0;}

.img-descBox{position: relative; border: 1px solid #ddd;}
.img-descBox .img{text-align: center;}
.img-descBox .desc{text-align: center;background: #f7f7f7;padding: 1em;width: 100%;border-top: 1px solid #ddd;}

.privacy-page{color: #333; word-break: keep-all;}
.privacy-page .para01{margin-top: 2.5em; line-height: 1.5;}
.privacy-page .para02{}


/* 만족도평가 */
.satis-box{font-size: 16px; line-height: 1.35; margin: 20px 0; color: #666}
.satis-top{display: flex; padding: 15px 20px;    justify-content: space-between; align-items: end; }
.satis-top strong{font-weight: 600;}
.satis-top .det{display: flex; align-items: center; flex-wrap:wrap; flex:1; margin: 0 -10px -10px 0;}
.satis-top .det > *{margin: 0 50px 10px 0}
.satis-top .det strong{background: url('/resources/gsfc/img/common/ico-part.png') left center no-repeat; padding-left: 1.35em; color:#333; margin-right: 8px;}
.satis-top .det .ico-person{background-image: url('/resources/gsfc/img/common/ico-person.png')}
.satis-top .det .ico-call{background-image: url('/resources/gsfc/img/common/ico-call.png')}
.satis-top .det .ico-fax{background-image: url('/resources/gsfc/img/common/ico-fax.png')}
.satis-top .edit strong{background: url('/resources/gsfc/img/common/ico-time.png') left center no-repeat; padding-left: 1.35em; margin-right: 10px; position: relative; padding-right: 15px;}
.satis-top .edit strong:after{position: absolute; right: 0; top:50%; width: 1px; height: 8px; background: #ccc; content: ''; margin-top: -4px;}
.satis-form{background: #F7F7F7;display: flex; padding: 45px 60px;justify-content: space-between; align-items: center; border: 1px solid #ccc; }
.satis-radio{font-size: 1.125em; color: #333; display: flex; flex-wrap:wrap}
.satis-radio > * {position: relative;display: inline-block;margin-right: 30px;}
.satis-radio > *:last-child{margin-right: 0;}
.satis-radio > * input{position:absolute; top:50%; left:50%; width: 0 !important; height: 0 !important; transform:translate(-50%, -50%)}
.satis-radio > * label {position: relative;display: block;background: #F7F7F7;padding-left: 1.5em;}
.satis-radio input + label span{position: absolute; display: block; width:1em;height:1em; top:.15em; left: 0; border:1px solid #ccc; border-radius: 50%; background: #fff}
.satis-radio input:focus + label span{border:1px solid #000}
.satis-radio input:checked + label span:before{position: absolute; left: 50%; top:50%; width: 10px; height: 10px; transform:translate(-50%,-50%); content: ''; background: #000; border-radius:50%}

.satis-form >*{width: 50%;}
.satis-form .s-t{display: flex;align-items: center; padding-right: 20px;}
.satis-form .s-t .img{margin-right: 20px;}
.satis-form .s-t .text{color :#111; font-size: 1em; font-weight: 500; line-height: 1.5}
.satis-form .s-t_small{font-size: 1.35em;font-weight: 600;}
.satis-submit{margin-top: 15px; position: relative; padding-right: 124px;}
.satis-submit button{position: absolute; right: 0; top:0; height: 100%; width: 114px; text-align: center;background: #333; color: #fff;}
.satis-submit input[type="text"]{width: 100%; height: 40px; padding: 0 20px}
.satis-form .s-f{}

.satis_w{margin-top: 150px;}
.satis_w .satis-box{margin-top: 0;}


/* 인사말 */
.greeting-wrap{padding-top: 60px; position: relative;}
.greeting-wrap:before{content: '';position: absolute;top: 0;left: 0;background: linear-gradient(90deg, #f7f7f7 30%, #fff 30%);width: 100%;height: 680px;z-index: -1;}
.greeting-wrap >.inner{display: flex; flex-wrap: wrap; align-items: flex-start;}
.greeting-wrap .img{}
.greeting-wrap .cont{width: 100%; flex: 1; padding-left: 80px; word-break: keep-all;}
.greeting-wrap .deco{display: block; width: 50px; height: 2px; background: #333; margin: 35px 0;}

.hj.greeting-wrap:before{background: linear-gradient(90deg, #f7f7f7 47%, #fff 47%);}


/* 조직도 */
.orgChart{display: flex;flex-direction: column;align-items: center;justify-content: flex-start; padding: 3.125em; background: url('') no-repeat center / cover;}
.orgChart.hj{background-image: url('/resources/gsfc/img/sub/hj-img_03.jpg');}
.orgChart.gj{background-image: url('/resources/gsfc/img/sub/gj-img_03.jpg');}
.orgChart .item{display: flex;align-items: center;justify-content: center;position: relative;width: 160px;height: 160px;border-radius: 100%;color: #fff;font-size: 22px;font-size: 1.325em;font-weight: 600;background-color: #555;text-align: center;background-image: url('/resources/gsfc/img/sub/hj-deco_04.png');background-repeat: no-repeat;background-position: 65px 40px;margin-bottom: 40px;}
.orgChart .item:before{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 1px;height: 40px;background: #ccc;}
.orgChart .item.ceo{width: 200px;height: 200px;background-color: #333;border: 20px solid #fff;outline: 1px solid #9d9d9d;}
.orgChart .item.ceo:before{top: calc(100% + 20px)}
.orgChart__team{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;}
.orgChart__team:before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 82%;height: 1px;background: #ccc;}
.orgChart__team .box{position: relative;font-weight: 500;color: #333;line-height: 60px;border: 1px solid #999;width: 18%;text-align: center;margin-top: 40px; background: #fff;}
.orgChart__team .box:before{content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);width: 1px;height: 40px;background: #ccc;}
.orgChart__team .box:after{content: '';position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;border-radius: 100%;background: #fff;border: 2px solid #999;}


/* 연혁 */
.history{display: flex;flex-wrap: wrap;align-items: flex-start;}
.history >*{width: 50%;}
.history .visual{padding-right: 70px;}
.history .visual .img{}
.history .visual .img >img{width: 100%;}
.history .visual .txt {position: relative;color: #fff;background: #333;padding: 2.5em;outline: 1px solid #666;outline-offset: -6px;}
.history .visual .txt:before{content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 28px; height: 28px; background: url('/resources/gsfc/img/sub/hj-deco_02.png') no-repeat center / 100%;}
.history .visual .txt:after{content: ''; display: block; position: absolute; bottom: 5px; right:5px; width: 28px; height: 28px; background: url('/resources/gsfc/img/sub/hj-deco_03.png') no-repeat center / 100%;}
.history .cont-wrap{height: 525px;overflow-y: auto;direction: rtl;text-align: left;padding-left: 70px;background: url('/resources/gsfc/img/sub/hj-deco_01.png') no-repeat right bottom;}
.history .cont-wrap.noscl{height: auto; padding-left: 0;}
.history .cont-wrap::-webkit-scrollbar {width: 4px;}
.history .cont-wrap::-webkit-scrollbar-thumb {background-color: #333;border-radius: 10px;}
.history .cont-wrap::-webkit-scrollbar-track {background-color: #eee;border-radius: 10px;}
.history .cont{direction: ltr;}

.history__tbl{}
.history__tbl >li:not(:last-child){margin-bottom: 70px;}
.history__tbl .item{display: flex; flex-wrap: wrap; align-items: flex-start;}
.history__tbl .year{font-size: 36px; font-size: 2.250em; font-weight: 600; color: #333; width: 140px; display: flex;flex-direction: column;align-items: flex-start;}
.history__tbl .year .s{font-size: 15px; font-weight: 400;}
.history__tbl .year .s >span{font-family: 'Malgun Gothic'; font-weight: 500;}
.history__tbl .date{width: 100%;flex: 1;padding-top: 15px;}
.history__tbl .date >li:not(:last-child){margin-bottom: 10px;}
.history__tbl .month{font-size: 18px; font-size: 1.125em; font-weight: 600; color: #333; width: 100px;}
.history__tbl .desc{font-size: 18px; font-size: 1.125em; color: #333; width: 100%; flex: 1;}
.history__tbl .desc >p:not(:last-child){margin-bottom: 10px;}

.history.type2{padding-top: 2.5em; border-top: 2px solid #333;}
.history.type2 .history__tbl .desc{position: relative; padding-left: 1em;}
.history.type2 .history__tbl .desc:before{content: '\002d';display: block;position: absolute;top: 0;left: 0;}

/* 허준 연표 */
.history.st2 >*:nth-child(1){width: 35%;}
.history.st2 >*:nth-child(2){width: 65%;}
.history.st2 .history__tbl >li:not(:last-child){margin-bottom: 20px;}
.history.st2 .history__tbl .month{font-size: 2em; line-height: 1em;}


.his-slider .slider-for{position: relative;}
.his-slider .slider-for li{max-height: 600px; overflow: hidden;}
.his-slider .slider-for img{display: block; width: 100%;height: 100%;object-fit: cover;}
.his-slider .slider-nav{margin-top: 1.25em; position: relative; overflow: hidden;}
.his-slider .slider-nav:before{content: '';position: absolute;top: 0;left: 0;width: 60px;height: 100%;background: linear-gradient(90deg, #fff, transparent);z-index: 1;}
.his-slider .slider-nav:after{content: '';position: absolute;top: 0;right: 0;width: 60px;height: 100%;background: linear-gradient(90deg, transparent, #fff);z-index: 1;}
.his-slider .slider-nav .slick-list{margin: 0 -5px;}
.his-slider .slider-nav .slick-track{}
.his-slider .slider-nav .slick-slide{margin: 0 0.625em;}
.his-slider .slider-nav .slick-slide button{position: relative;display: block;width: 100%;padding-bottom: 75%;overflow: hidden;}
.his-slider .slider-nav .slick-slide img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.his-slider .slider-nav .slick-arrow{width: 60px;height: 60px;background: url('') no-repeat center;z-index: 2; text-indent: -9999px;}
.his-slider .slider-nav .slick-prev{position: absolute; top: 50%; left: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-prev.png');}
.his-slider .slider-nav .slick-next{position: absolute; top: 50%; right: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-next.png');}
.his-slider .etc{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 1.25em 2.5em;border: 1px solid #e2e2e2;background: rgba(255, 255, 2555, 0.8);}
.his-slider .etc .tit{}
.his-slider .status{font-size: 15px; font-size: 0.938em;}
.his-slider .status .current{color: #333; font-weight: 600;}


/* 부대시설 */
.facility{display: flex;flex-wrap: wrap;align-items: stretch; border-top: 2px solid #333;}
.facility >li{width: 33.3333%;border-bottom: 1px solid #ccc;}
.facility .item{display: block; padding: 2.5em;}
.facility .img{display: block; position: relative; margin-bottom: 10px;}
.facility .img:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/resources/gsfc/img/common/icon/ico-view2.png') no-repeat center; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: all .2s ease-in-out}
.facility .img >img{display: block; width: 100%; height: 100%; object-fit: cover;}
.facility .item:focus-visible .img:before,
.facility .item:hover .img:before{opacity: 1; visibility: visible;}

.fac-slider .slider-for{position: relative;}
.fac-slider .slider-for .slider{}
.fac-slider .slider-for li{max-height: 600px; overflow: hidden;}
.fac-slider .slider-for img{display: block; width: 100%;height: 100%;object-fit: cover;}
.fac-slider .slider-nav{margin-top: 1.25em; position: relative; overflow: hidden;}
.fac-slider .slider-nav:before{content: '';position: absolute;top: 0;left: 0;width: 60px;height: 100%;background: linear-gradient(90deg, #fff, transparent);z-index: 1;}
.fac-slider .slider-nav:after{content: '';position: absolute;top: 0;right: 0;width: 60px;height: 100%;background: linear-gradient(90deg, transparent, #fff);z-index: 1;}
.fac-slider .slider-nav .slick-list{margin: 0 -5px;}
.fac-slider .slider-nav .slick-track{}
.fac-slider .slider-nav .slick-slide{margin: 0 0.625em;}
.fac-slider .slider-nav .slick-slide button{position: relative;display: block;width: 100%;padding-bottom: 75%;overflow: hidden;}
.fac-slider .slider-nav .slick-slide img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.fac-slider .slider-nav .slick-arrow{width: 60px;height: 60px;background: url('') no-repeat center;z-index: 2; text-indent: -9999px;}
.fac-slider .slider-nav .slick-prev{position: absolute; top: 50%; left: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-prev.png');}
.fac-slider .slider-nav .slick-next{position: absolute; top: 50%; right: 0; transform: translateY(-50%);background-image: url('/resources/gsfc/img/common/icon/btn-next.png');}

/* 관람동선 */
.movements{border-top: 2px solid #333;}
.movements .item{padding: 2.5em; display: flex; flex-wrap: wrap; align-items: flex-start; border-bottom: 1px solid #ccc;}
.movements .item >*{width: 50%;}
.movements .img{display: block; position: relative; cursor: default; }
/*
.movements .img:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: all .2s ease-in-out}
.movements .img:after{content: ''; position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: #818181 url('/resources/gsfc/img/common/icon/ico-view.png') no-repeat center / 55%; transition: all .2s ease-in-out}
.movements .img:hover:before{opacity: 1; visibility: visible;}
.movements .img:hover:after{background-color: #333;}
*/
.movements .img >img{width: 100%; height: 100%; object-fit: cover;}
.movements .cont{padding-left: 2.5em;}
.movements .cont .tit{font-size: 38px;font-size: 2.375em;font-weight: 600;color: #333;line-height: 1;margin-bottom: 0.526em;}
.movements .cont .etc{margin-top: 1.875em;}

.movements .item .cont.flex { display: flex; gap: 40px; }
.movements .item .cont.flex .info { flex: 1; }
.movements .item .cont.flex .imgList { margin-top: 62px; width: 388px; }
.movements .item .cont.flex .imgList ul { display: flex; flex-wrap: wrap; gap: 16px 14px; }
.movements .item .cont.flex .imgList li { width: calc(100% / 3 - (28px / 3)); }
.movements .item .cont.flex .imgList li .img { aspect-ratio: 3 / 2; overflow: hidden; }
.movements .item .cont.flex .imgList li .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.movements .item .cont.flex .imgList li p { display: flex; align-items: flex-start; gap: 4px; margin-top: 4px; }
.movements .item .cont.flex .imgList li p i { display: block; line-height: 14px; width: 14px; aspect-ratio: 1; font-size: 10px; color: #fff; font-weight: 500; text-align: center; font-style: normal; background: #333; border-radius: 50%; }
.movements .item .cont.flex .imgList li p span { flex: 1; display: block; line-height: 14px; font-size: 12px; color: #555; }


/* 오시는길 */
.map-wrap{position:relative;overflow:hidden;width:100%;height:350px;}
.map__box{width:100%;height:100%;position:relative;overflow:hidden;}

.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer; padding-top: 5px;}     
.custom_zoomcontrol span img {width:15px;height:15px; border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

/* 오시는 길 */
.map__info{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 2.5em 2.5em 1.25em;border-bottom: 1px solid #ccc;}
.map__info >*{margin-bottom: 1.25em;}
.map__info .l{}
.map__info .r{min-width: 160px;}
.map__info .infomation{display: flex;align-items: center;margin-top: 1.25em;}
.map__info .infomation >li{display: flex;align-items: center;color: #333;margin-right: 3em;}
.map__info .infomation >li:last-child{margin-right: 0;}
.map__info .infomation >li >img{margin-right: 10px;}

.map__direction-wrap{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.map__direction-wrap >*{width: 48%;}
.map__direction{}
.map__direction .box{display: flex; flex-wrap: wrap; align-items: flex-start; padding: 2.5em 0; border: 1px solid #ccc; margin-bottom: 1.875em;}
.map__direction .box:last-child{margin-bottom: 0;}
.map__direction .box .img{text-align: center; width: 140px; border-right: 1px solid #ccc;}
.map__direction .box .img img{display: inline-block;}
.map__direction .box .img strong{display: block; font-size: 18px; font-size: 1.125em; color: #333; margin-top: 5px;}
.map__direction .box .cont{padding: 0 2.5em; width: 100%; flex: 1;}
.map__direction .way-list{}
.map__direction .way-list >li{position: relative; padding-left: 0.8em; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.map__direction .way-list >li:last-child{margin-bottom: 0;}
.map__direction .way-list >li:before{content: '\002d'; position: absolute;top: 0;left: 0;}
.map__direction .way-list >li >strong{color: #333; margin-right: 10px;}
.map__direction .way-list >li >div{}
.map__direction .way-list .c-red{color: #c21e50 !important;}
.map__direction .way-list .c-blue{color: #1e5cc2 !important;}
.map__direction .way-list .c-green{color: #2ec21e !important;}
.map__img >img{width: 100%;}

/* 단체예약안내 */
.step-st1{display: flex;flex-wrap: wrap;align-items: stretch;border-top: 1px solid #dedede;border-left: 1px solid #dedede;}
.step-st1 .item{position: relative;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2em;word-break: keep-all;color: #333;}
.step-st1.col5 .item{width: 20%;}
.step-st1.col3 .item{width: 33.3333%;}
.step-st1 .item:not(:last-child):before{content: '';position: absolute;top: 50%;right: -18px;transform: translateY(-50%);width: 34px;height: 34px;background: #fff;border: 1px solid #ccc;border-radius: 100%;}
.step-st1 .item:not(:last-child):after{content: '';position: absolute;top: 50%;right: -4px;transform: translateY(-50%) rotate(45deg);width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;}
.step-st1 .item >strong{display: block;margin-top: 0.7em; word-break: keep-all;}

/* 겸재 > 층별안내 */
.fl-guide__img{}
.fl-guide__btns li >*{padding-bottom: 60%;}

.fl-guide_w{border-top: 2px solid #333;}
.fl-guide__head{padding: 2.5em;}
.fl-guide__head .tit{font-size: 32px; font-size: 2em; font-weight: 600; color: #333;}
.fl-guide{display: flex; align-items: flex-start; padding: 2.5em 2.5em 10px; background: #f8f8f8;}
.fl-guide__img{width: 65.715%;margin-right: 2.5em;}
.fl-guide__img >img{width: 100%; object-fit: cover;}
.fl-guide__btns{width: 34.285%; display: flex;flex-wrap: wrap; align-items: flex-start; margin: 0 -1.25em;}
.fl-guide__btns li{position: relative;width: calc(50% - 2.5em);margin: 0 1.25em 1.875em;}
.fl-guide__btns li.on:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.4) url('/resources/gsfc/img/common/icon/ico-view.png') no-repeat center;z-index: 1;}
.fl-guide__btns li >*{position: relative;display: block;width: 100%;padding-bottom: 75%;overflow: hidden;}
.fl-guide__btns li >* >img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;}