@charset "UTF-8";



/* 시설 안내 */
.wideImg {border-bottom:2px dashed #DFE4EF;}
.wideImg .img {background:no-repeat center; background-size:cover; width:100%; height:20.26em; border-radius:1.58em 5.26em 1.58em 1.58em;}
.wideImg .txt {text-align:center; margin:2em;}
.wideImg .txt .tit {font-size:2.2em; font-family:'RiaSans'; margin-bottom:1em; margin-top:.75em; font-weight:800; display:inline-block; position:relative;}
.wideImg .txt .tit::after {content:""; display:block; position:absolute; right:-2em; top:0; width:.8em; height:.8em; background:url(/tourPortal/img/content/ico_quotes.svg) no-repeat center; background-size:contain;}
.wideImg .txt .tit em {color:#003876;}
.wideImg .txt .tit em.point {color:#EC5732;}
.wideImg.namsadang .img {background-image:url(/tourPortal/namsadang/img/content/02/img_facilities.png);}

.guideMap .grid-item > *[class^="box"] {padding:0; overflow:hidden;}
.guideMap .grid-item > *[class^="box"] .thumb {background:#f8fafc;} 
.guideMap .grid-item > *[class^="box"] .bottom {display:flex; justify-content:space-between; align-items:center; padding:0 2em 1em;}

@media all and (max-width:1024px) {
	.wideImg .txt .tit {font-size:2em;}
} 

@media all and (max-width:640px) {
	.wideImg .txt .tit {font-size:1.25em;}
} 



/* 단원소개 */
.peopleList ul {display:flex; flex-wrap:wrap; margin:0 -1em;}
.peopleList ul li {width:20%; text-align:center; padding:2em 1em;}
.peopleList ul li a {position:relative; display:block; border-radius:.9473684210526316em; padding:2em 1em; display:flex; flex-direction:column; height:100%;}
.peopleList ul li a:before,
.peopleList ul li a:after {content:""; display:block; position:absolute; z-index:-1;}
.peopleList ul li a:before {top:-1px; left:-1px; right:-1px; height:3.157894736842105em; border-radius:.9473684210526316em .9473684210526316em 0 0; background:linear-gradient(90deg, #0052AD 0%, #F76946 100%);}
.peopleList ul li a:hover:before {bottom:-1px; height:100%; border-radius:.9473684210526316em; transition:.5s; }
.peopleList ul li a:after {top:1px; left:1px; right:1px; bottom:3px; border-radius:.9473684210526316em; background:#fff; border:1px solid #DFE4EF;}
.peopleList ul li a span.thumb {height:9.4736842em; overflow:hidden;}
.peopleList ul li a span.thumb img {height:100%;}
.peopleList ul li .name {font-family:'RiaSans'; display:block; font-size:1.26315em; font-weight:700; margin-bottom:1em; margin-top:1em;}
.peopleList ul li .position {background:#F8FAFC; padding:.2em 1em; border-radius:3em;}
.peopleList ul li .position i {display:inline-block; vertical-align:middle; width:1.4em; height:1.4em; border-radius:.4em; font-size:1.1111111112em; margin-right:.3em; background:no-repeat 50% 50%; background-size:contain; background-image:url(../img/content/03/sIco_01.svg);}

.tourAreaViewer.peopleView .topArea .thumb {min-width:36.33333333333333%; max-width:36.33333333333333%;}
.tourAreaViewer.peopleView .topArea .thumbSlider {min-width:30%; max-width:30%;}
.tourAreaViewer.peopleView .thumbSlider .swiper-slide img {object-fit:contain;}

@media all and (max-width:1024px) {
	.peopleList ul li {width:33.3%;}
	.peopleList ul li .position {padding:.2em .5em;}
}

@media all and (max-width:768px) {
	.peopleList ul li {width:50%; padding:0.5em}
}


/* 공연안내 */

@media all and (min-width:481px) {
	.box-default.namsadang div.icon {width:10em;}
	.box-default.namsadang div.icon + .desc {margin-left:12em;}
}


/* 공연예매 */
.showWrap {display:flex;}
.showWrap .img img {border-radius:1.58em 5.26em 1.58em 1.58em; overflow:hidden;}
.showWrap .txt {margin-left:3em;}

@media all and (max-width:768px) {
	.showWrap {flex-direction:column;}
	.showWrap .txt {margin-left:0; margin-top:2em;}
}