@charset "utf-8";
/* CSS Document */

/****************
	Sub - 레이아웃
****************/
body {
	overflow-x: hidden;
}
.subbg_wrap {
	width: 100%;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

.page_title {
	width: 100%;
	position: absolute;
	z-index: 9;
	text-align: center;
	padding: 180px 0;
}

.page_title h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -2px;
	color: #fff;
}
@media(max-width:767px){
	.page_title h1 {
		font-size: 25px;
	}
}
.page_title p {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #fff;
}

.bg {
	width: 100%;
	top: 0px;
	left: 0px;
}

.sub_visual_top {
	height: 400px;
	text-align: center;
	background-size: cover;
}

.subbg_wrap .bgimg_01 {background: url(/images/page-img01.jpg) no-repeat center top;}
.subbg_wrap .bgimg_02 {background: url(/images/page-img02.jpg) no-repeat center top;}
.subbg_wrap .bgimg_03 {background: url(/images/page-img03.jpg) no-repeat center top;}
.subbg_wrap .bgimg_04 {background: url(/images/page-img04.jpg) no-repeat center top;}
.subbg_wrap .bgimg_05 {background: url(/images/page-img05.jpg) no-repeat center top;}
.subbg_wrap .bgimg_hall {background: url(/images/hall-img02.jpg) no-repeat center top;}

.no-gutter {
	margin-right: 0;
	margin-left: 0;
  }
.visual_contents {height:400px; text-align:center; background-size:cover;}
.visual_contents h1 {font-size:7rem; font-weight:700; color:#fff; position:relative; display:inline-block; line-height:250%; top:215px; letter-spacing: -.02em;}
.visual_contents h2 {display:none;}

#menu01 .visual_contents {background-image:url(../images/page-img01.jpg); no-repeat center top}
#menu02 .visual_contents {background-image:url(../images/page-img02.jpg); no-repeat center top}
#menu03 .visual_contents {background-image:url(../images/page-img03.jpg); no-repeat center top}
#menu04 .visual_contents {background-image:url(../images/page-img04.jpg); no-repeat center top}

#menu01 .visual_contents h1 {font-family: 'Montserrat', sans-serif;}

.sub_contents {padding:20px 0 70px; word-break: keep-all;}
.sub_contents p big {font-weight:400;}

.small {font-size:1.5rem; font-weight:300;}

.sub_contents .pageTitle {
    font-size: 3.3rem;
    color: #333;
    margin: 35px 0 40px;
}

.sub_contents h2 {
    font-size: 2.8rem;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	color:#322928;
	letter-spacing:-1px;
	font-weight:700;
	text-align:center;
}

	.sub_contents .side-menu .title {
    font-size: 2.2rem;
    color: #fff;
    padding: 30px 20px 30px;
    background-color: #322928;
	background-image:url(/images/sidebox_bimg.jpg);
	background-repeat:no-repeat;
	
}
.sub_contents .side-menu small {
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
}
.location {padding:10px 0; text-align:right}
.location span {display:inline-block; font-size:1.0rem; color:#666}
.location span i {margin-right:3px; font-size:1.2rem;}
.location span.arrow {font-size:1.1rem; font-family:돋움,Dotum,arial,sans-serif; padding:0 5px; color:#ddd}
.location span.page {color:#00b3e3}

.sub_contents>.container>.row {margin-right:0; margin-left:0;}
/*.sub_contents>.container>.row>[class^=col-] {padding-right:0; padding-left:0;} */
/* .sub_contents>.container>.row>.side-menu {width:20%;} */
.contents h2 {margin:0 0 30px; padding-bottom:14px; border-bottom:1px solid #ddd; font-size:3rem; color:#333}

.side-menu h2 {margin:0 0 25px;}
.side-menu ul {width:100%; display:inline-block; margin:0; padding:0;}
.side-menu ul li {width:100%;}
.side-menu ul li:last-child {margin:0}
.side-menu ul li a {display:block; font-size:1.6rem; color:#444; text-decoration:none; padding:25px 25px; border-bottom:1px solid #ddd; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; position:relative;}
.side-menu ul li a:after { position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#444; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; opacity:0.7 }
.side-menu ul li a:hover:after { transform:scale3d(1,1,1); }
.side-menu ul li a:hover {color:#444; text-decoration:none;}
.side-menu ul li.active a{color:#000; font-weight:500;}
.side-menu ul li.active a:before {position:absolute; bottom:0px; left:0; display:block; content:''; width:100%; height:1px; background-color:#000;}
.side-menu ul li.active a:hover:after {display:none;}

@media (max-width:991px) {
	.visual_contents {height:250px;}
	.visual_contents h1 {font-size:6rem; top:98px;}
	
	.menu_contents li a {padding:14px 0 12px; -webkit-padding-before:13px; -webkit-padding-after:13px; font-size:1.5rem;}
	.radius-img, .radius-img img {width:210px; height:210px;}
	
	
	.sub_contents>.container>.row>.side-menu {width:25%;}
	.sub_contents>.container>.row>.contents {width:75%; padding-left:30px;}
	.side-menu ul li a {padding:10px 15px; font-size:1.5rem;}
	.contents h2 {font-size:2.5rem;}
	.sub_contents .imgBox p {font-size: 2.5rem;}
}

.topnav {
	padding:0;
	position: relative;
	left:0px;
}

.topnav .sub { display:block; background:#f5f5f5 !important}
.topnav .sub li a {color:#454170; text-decoration:none}
.topnav .sub li a:hover {color:#454170; text-decoration:none}

.topnav .active a {}
.topnav .active a:hover {}

ul.topnav {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.topnav li { background:#fff;}

ul.topnav li span {float:right}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	background:#E3E3E3;
	list-style:none;
}

ul.topnav ul li a {
	padding-left: 25px;
	font-size: 1.2rem;
	font-weight: normal;
	outline:0;
	letter-spacing:0px;
}

ul.topnav ul li a:hover {
	background-color:#ddd;
	color:#454170;
}

ul.topnav ul ul li a {
	color:#039;
	padding-left: 30px;
}

ul.topnav ul ul li a:hover {
	background-color:#ddd;
	color:#454170;
}



@-webkit-keyframes zoom-b {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@-moz-keyframes zoom-b {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@-o-keyframes zoom-b {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@keyframes zoom-b {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

.zoombg {
	animation-timeline: auto;
	animation-range-start: normal;
	animation-range-end: normal;
	animation: 10s linear 0s infinite alternate none running zoom-b;
}

.zoombg {
	-webkit-animation: zoom-b 10s linear infinite alternate;
	/* Safari 4+ */
	-moz-animation: zoom-b 10s linear infinite alternate;
	/* Fx 5+ */
	-o-animation: zoom-b 10s linear infinite alternate;
	/* Opera 12+ */
	animation: zoom-b 10s linear infinite alternate;
	/* IE 10+, Fx 29+ */
}