@charset "UTF-8";
@import url('layout.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i');
@import url('https://fonts.googleapis.com/css?family=Tinos');


/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
img, fieldset {border:0px!important;}
table {border-collapse:collapse; margin-bottom:0px!important;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
li img, object {vertical-align:top;}
input, select, textarea, form img {vertical-align:middle;}
a {outline:0; text-decoration:none!important; border:none;}
button {outline: none;}
body {letter-spacing:-0.5px; font-size:16px; font-family: 'Noto Serif KR', serif; line-height:1.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


/* 공통 */
.container-1430 {max-width:1430px; margin:0 auto; padding-left:15px; padding-right:15px;}
.container-1100 {max-width:1100px; margin:0 auto;}
.tinos {font-family: 'Tinos', serif;}
.garamond-i {font-family: 'EB Garamond', serif; font-style:italic;}
.notokr {font-family:'Noto Sans KR', sans-serif;}
.mgb-30 {margin-bottom:30px;} 

h2 {font-size:42px;}
h3 {font-size:38px;}
h4 {font-size:30px;}
h5 {font-size:24px;}
h6 {font-size:18px;}

/* 서브페이지 공통 */
.subpage-content {padding-top:160px;}
.subpage-content .figure {border-top:1px solid #dedede;}
.subpage-content .figure .figurewrap {width:100%; height:300px; background-repeat:no-repeat; background-position:center center;}
.subpage-content .figure .figurewrap h2 {font-size:46px; padding-top:123px; font-weight:500;}
.sub-navigation {width:100%; height:auto;}
.sub-navigation .sub-bar {width:100%; max-width:1200px; height:60px; padding:0 30px; margin:-30px auto 0 auto;}
.sub-navigation .sub-bar li {float:left; display:block; height:100%; background-color:#409747; position:relative;}
.sub-navigation .sub-bar li:after {content:""; display:block; width:1px; height:30px; background:rgba(255,255,255,0.5); position:absolute; right:0; top:0; bottom:0; margin:auto;}
.sub-navigation .sub-bar li a {display:block; width:100%; height:100%; text-align:center; cursor:pointer;}
.vStnd span {color:rgba(256,256,256,0.4); font-size:18px; display:inline-block; vertical-align:middle;}
.vStnd span.active {color:rgba(256,256,256,1);}
.vStnd:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}
.breadBox {padding-top:30px;}
.breadBox .locationBox span {font-family:'arial'; padding:0 5px;}
.breadBox li ul li {display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:500;}
.sub-tlt-2dep {padding-top:2px; padding-bottom:50px;}

/* 메인페이지 */
#bg #carousel-example-generic .carousel-caption {top:200px; text-align:left;}
#bg #carousel-example-generic .carousel-caption h2 {font-size:48px; color:#000; text-shadow:none; line-height:1.5;}
#bg #carousel-example-generic .carousel-caption p {padding-top:10px; padding-left:5px; font-size:18px; color:#000; text-shadow:none; line-height:2;}

.section1 h2 {padding-top:150px; font-weight:400;}
.section1 p {padding-top:20px; font-size:15px; color:#959595;}
.section1 .sec1-qbanner-wrap {max-width:764px; height:312px; margin:80px auto 110px;}
.section1 .sec1-list h6 {font-size:15px; padding-top:125px; color:#999; transition:0.5s;}
.section1 .sec1-list h6:hover {color:#000;}
.section1 .sec1-list {cursor:pointer; float:left; width:50%; text-align:center; padding-left:12px; padding-right:12px; margin-bottom:50px;}
.section1 .box-left .sec1-list:nth-child(n) h6 {transition:0.5s;}
.section1 .box-left .sec1-list:nth-child(1) h6 {background:url(../image/qbanner-img-001.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(1) h6:hover {background:url(../image/qbanner-img-001-on.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(2) h6 {background:url(../image/qbanner-img-002.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(2) h6:hover {background:url(../image/qbanner-img-002-on.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(3) h6 {background:url(../image/qbanner-img-005.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(3) h6:hover {background:url(../image/qbanner-img-005-on.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(4) h6 {background:url(../image/qbanner-img-006.png) no-repeat center;}
.section1 .box-left .sec1-list:nth-child(4) h6:hover {background:url(../image/qbanner-img-006-on.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(1) h6 {background:url(../image/qbanner-img-003.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(1) h6:hover {background:url(../image/qbanner-img-003-on.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(2) h6 {background:url(../image/qbanner-img-004.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(2) h6:hover {background:url(../image/qbanner-img-004-on.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(3) h6 {background:url(../image/qbanner-img-007.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(3) h6:hover {background:url(../image/qbanner-img-007-on.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(4) h6 {background:url(../image/qbanner-img-008.png) no-repeat center;}
.section1 .box-right .sec1-list:nth-child(4) h6:hover {background:url(../image/qbanner-img-008-on.png) no-repeat center;}

.section2 {background-color:#f9f9f9; padding-bottom:120px;}
.section2 h4 {padding-top:120px; padding-bottom:50px; color:#409747; font-weight:600;}
.section3 {}
.section3 h4 {padding:80px 0px; color:#409747;}
.section3 #carousel-bottom-slider .carousel-inner .item {height:600px;}

/* 풋터 */
.footerWrap {border-top:1px solid #dedede;}
.footerWrap .footer {padding-top:70px; padding-bottom:70px; overflow:hidden;}
.footerWrap .footer #instaPics {padding-top:15px;}
.footerWrap .footer .col-md-8 {text-align:right;}
.footerWrap .footer .footer-list {margin-bottom:10px; display:inline-block; text-align:right;}
.footerWrap .footer .footer-list li {display:inline-block; padding-right:20px; position:relative;}
.footerWrap .footer .footer-list li:last-child {padding-right:0px;}
.footerWrap .footer .footer-list li:after {content:""; display:block; width:1px; height:12px; background-color:#000; position:absolute; right:8px; top:10px; margin:auto;}
.footerWrap .footer .footer-list li:last-child:after {display:none;}
.footerWrap .footer .footer-list li a {font-size:14px; color:#000; font-weight:500;}
.footerWrap .footer .copyright {margin-top:25px; font-size:14px;}

@media screen and (max-width: 1169px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 960px) {
.subpage-content {padding-top:0px;}
}

@media screen and (max-width: 767px) {
.subpage-content {margin-bottom:50px;}
.subpage-content .figure .figurewrap h2 {display:none;}
.subpage-content .figure .figurewrap h3 {padding-top:80px;}
.subpage-content .figure .figurewrap {height:200px; background-position:80% 0px;}
.sub-navigation .sub-bar {display:none;}
.breadboxWrap {display:none;}

#bg #carousel-example-generic .carousel-caption {top:100px;}
#bg #carousel-example-generic .carousel-caption h2 {font-size:24px;}
#bg #carousel-example-generic .carousel-caption p {padding-top:10px; padding-left:2px; font-size:14px; color:#000; text-shadow:none; line-height:2;}

.section1 h2 {padding-top:50px; font-size:24px;}
.section1 p {padding-top:20px; font-size:14px; word-break:keep-all;}
.section1 .sec1-qbanner-wrap {margin:30px auto 50px;}
.section1 .sec1-list h6 {font-size:15px; padding-top:125px;}
.section1 .sec1-list {margin-bottom:20px;}

.section1 .sec1-qbanner-wrap .owl-nav .front-btn-left, .section1 .sec1-qbanner-wrap .owl-nav .front-btn-right {background-color:#cbcbcb; padding:10px; transition:0.5s;}
.section1 .sec1-qbanner-wrap .owl-nav .front-btn-left:hover, .section1 .sec1-qbanner-wrap .owl-nav .front-btn-right:hover {background-color:#999;}
.section1 .sec1-qbanner-wrap .owl-nav {position:absolute; top:45%; left:0%; z-index:1; width:100%;}
.section1 .sec1-qbanner-wrap .owl-nav .front-btn-right {position:absolute; top:0; right:0px;}

.section2 {overflow:hidden; padding-bottom:50px;}
.section2 h4 {padding-top:30px; padding-bottom:20px; font-size:24px; font-weight:400;}
.section3 {overflow:hidden;}
.section3 h4 {padding:40px 0px; color:#409747; font-size:24px;}
.section3 #carousel-bottom-slider .carousel-inner .item {height:200px;}

.footerWrap .footer .col-md-4 {margin-top:20px; font-size:12px;}
.footerWrap .footer #instaPics {padding-top:5px;}
.footerWrap .footer .footer-list li {padding-right:12px;}
.footerWrap .footer .footer-list li:after {height:10px; background-color:#666; right:4px;}
.footerWrap .footer .footer-list li a {font-size:12px; font-weight:400;}
.footerWrap .footer {padding-top:10px; padding-bottom:20px;}
.footerWrap .footer .col-md-8 {text-align:left;}
.footerWrap .footer .footer-list {margin-top:10px; ;margin-bottom:10px; text-align:left;}
.footerWrap .footer .addr {font-size:13px;}
.footerWrap .footer .infor {font-size:13px;}
.footerWrap .footer .copyright {margin-top:10px; font-size:10px;}

.modal-content {padding:15px; font-size:14px;}
.modal-content h5 {font-size:18px; margin-bottom:25px;}

}