@charset "utf-8";
/* 투어머치 전현진 2021-02-05 */

/* 전체 */
.about-content {
	position: relative;
}

.about-content .inner {
	position: relative;
}

.about-content .inner .inner-inner {
	position: relative;
}

.inner .inner-inner h2 {
	text-align: center;
	font-family: 'IBMPlexSansKR-SemiBold';
	font-size: 24px;
}

@media screen and (min-width:767px) {
	.about-content {
		background-size: 20% auto;
	}

	.about-content .inner {
		background-size: auto;
	}

	.about-content .inner .inner-inner {
		background-size: auto;
	}

	.inner .inner-inner h2 {
		font-size: 32px;
	}
}

@media screen and (min-width:1139px) {
	.about-content {
		background-size: 20% auto;
	}
}

@media screen and (min-width:1640px) {
	.about-content {
		background-size: auto;
	}
}


/* 메뉴 */
#s-gnb {
	margin: 20px 0 10px;
	font-size: 0;
}

#s-gnb ul li {
	display: inline-block;
	width: 48%;
	margin: 1%;
}

#s-gnb ul li a {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	background-color: #c9c4bc;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	font-family: 'NanumSquare';
	font-weight: bold;
	color: #fff;
	border-radius: 18px;
	text-align: center;
}

#s-gnb ul li.active a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#695259+0,ed7761+100 */
	background: #695259; /* Old browsers */
	background: -moz-linear-gradient(left,  #695259 0%, #ed7761 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #695259 0%,#ed7761 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #695259 0%,#ed7761 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695259', endColorstr='#ed7761',GradientType=1 ); /* IE6-9 */
}

@media screen and (min-width:1139px) {
	#s-gnb {
		margin: 30px 0 70px;
		text-align: center;
	}

	#s-gnb ul li {
		display: inline-block;
		width: 180px;
		margin: 0 3px;
	}

	#s-gnb ul li a {
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		border-radius :25px;
	}
}


@media screen and (min-width:767px) {
    .exhibit-mov-box {
        max-width: 880px;
        margin: 0 auto;
        border: 20px solid #EC8376;
        border-right-color: #3E1D08;
        border-bottom-color: #3E1D08;
        -moz-box-shadow: 0px 28px 65px rgba(0,0,0,0.34);
        -webkit-box-shadow: 0px 28px 65px rgba(0,0,0,0.34);
        box-shadow: 0px 28px 65px rgba(0,0,0,0.34);
    }
}