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

/****************
	Sub - 레이아웃
****************/
body {
   padding-top: 160px !important; 
}	

@media (min-width:768px) and (max-width:991px) {
body {
    padding-top: 125px !important;
}	
}
@media (max-width: 767px) {
body {
    padding-top: 50px !important;
}
}








.sub_visual_top {height:300px; text-align:center; background-size:cover;}
.sub_visual_top h1 {font-size:40px; font-weight:500; color:#fff; position:relative; display:inline-block; line-height:150%; top:190px; letter-spacing: -.02em;}
.sub_visual_top h2 {display:none;}



@media (max-width:1199px) {
	.sub_visual_top {height:300px;}
	.sub_visual_top h1 {font-size:34px; top:180px;}
}

@media (max-width:991px) {
	.sub_visual_top {height:250px;}
	.sub_visual_top h1 {font-size:30px; top:140px;}
}

@media (max-width:767px) {
	.sub_visual_top {height:165px; background-position-y:50px;}
	.sub_visual_top h1 {font-size: 20px; top: auto; MARGIN-TOP: 30px; font-weight: 300;}
	.sub_visual_top h1:after {height:2px;}
	.sub_visual_top h2 {display:block; position:relative; top:25px; color:#fff; font-size:22px;}
}



.page_title {width: 100%;
    position: absolute;
    z-index: 9;
    padding: 100px;
    text-align: center;}
.page_title p{color:#FFF; font-size:16px}	

@media (max-width:767px) { 
.page_title {padding: 50px 20px 20px; }
}	

.subbg_wrap {width:100%; overflow:hidden}
.bg {
  positon: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}

@-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 {
  -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+ */
}

.sub_contents {padding:20px 0 70px; word-break: keep-all;}
.sub_contents p {font-size:16px; font-weight:400; line-height:170%; letter-spacing:-0.05rem }
.sub_contents p big {font-weight:700;}



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

.sub_contents h2 {
    font-size: 45px;
	padding-bottom:20px;
	/*border-bottom:1px solid #ddd;*/
	color:#000949;
	letter-spacing:-2px;
}

.sub_contents h3 {
    font-size: 30px;
	font-weight:400;
	color:#0725A5;
	letter-spacing:-0.2rem;
}

.sub_contents h3 big {
	font-weight:700;
}


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

.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:30px;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:16px; 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) {
	.menu_contents li a {padding:14px 0 12px; -webkit-padding-before:13px; -webkit-padding-after:13px; font-size:15px;}
	.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:15px;}
	.contents h2 {font-size:25px;}
	.sub_contents .imgBox p {font-size: 25px;}
}

@media (max-width:767px) {
	.menu_contents {display:none;}
	.sub_contents p {font-size:14px}
	.sub_contents .iconImg {margin:15px auto;}
	
	.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:20px; padding-bottom:12px; margin-bottom:20px;}

	.sub_contents h2 {
    font-size: 30px;
	letter-spacing:-2px;
}
}


/*****************
	Footer
*****************/
footer {background:#f0f0f0; padding:30px 0}
footer p {color:#777; display:inline-block; font-size:12px;}
footer p.copyright {margin-top:10px; font-size:11px; display:block; color:#aaa}
@media (max-width:991px) {
	footer img {margin-bottom:10px;}
}