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

/****************
	Sub - 레이아웃
****************/

@media (max-width:767px) { 
body {padding-top:65px}
}

.no-gutter {
	margin-right: 0;
	margin-left: 0;
  }
.visual_contents {height:400px; text-align:center; background-size:cover;}
.visual_contents h1 {font-size:8rem; 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-img02.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 {font-size:1.8rem; font-weight:500;  margin-bottom:15px; line-height:170%; color:#222; letter-spacing:-0.03rem}
.sub_contents p big {font-weight:700;}

.sub_contents ul li {font-size:1.8rem; font-weight:300; line-height:170%; }

.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: 3.5rem;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	color:#007f78;
	letter-spacing:-1px;
	font-weight:700;
	text-align:center;
	min-height: 60px;
}

	.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.3rem; color:#666}
.location span i {margin-right:3px; font-size:1.4rem;}
.location span.arrow {font-size:1.1rem; font-family:돋움,Dotum,arial,sans-serif; padding:0 5px; color:#ddd}
.location span.page {color:#027368}

.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;}

/*.sub_contents>.container>.row>.contents {width:80%; padding-left:50px;} */
@media (max-width:1199px) {
	.visual_contents {height:310px;}
	.visual_contents h1 {font-size:3.4rem; top:180px;}
}

@media (max-width:991px) {
	.visual_contents {height:250px;}
	.visual_contents h1 {font-size:3rem; top:140px;}
	
	.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;}
}

@media (max-width:767px) {
	.visual_contents {height:145px; background-position-y:0px;}
	.visual_contents h1 {font-size: 2.5rem; top: auto; margin-top: 10px; font-weight: 700;}
	.visual_contents h1:after {height:2px;}
	.visual_contents h2 {display:block; position:relative; top:25px; color:#fff; font-size:2.2rem;}

	.location {text-align:center}
	
	.menu_contents {display:none;}
	.sub_contents p {font-size:1.4rem}
	.sub_contents .iconImg {margin:15px auto;}
	.sub_contents h2 {
    font-size: 3.5rem;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	color:#322928;
	letter-spacing:-1px;
	font-weight:700;
	text-align:center;
}
	
	.br-none br {display:none;}
	.radius-img, .radius-img img {width:190px; height:190px;}
	
	.sub_contents>.container>.row>.side-menu {display:none;}
	.sub_contents>.container>.row>.contents {width:100%; padding:0}
	.contents h2 {font-size:2rem; padding-bottom:12px; margin-bottom:20px;}
}

.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;
}