@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url('/skin/notokr/notokr.css');

html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'notokr','Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret, 
.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {
	display: none;
}
*{word-break:keep-all;}
.body-layout {
    background-image: url('/skin/img/background.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

.navbar-brand img {
	margin-top: 0;
}
.mp-side{
    background-color: #303030;
}
.mp-side .navbar-inverse .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}
.mp-side .navbar-inverse .navbar-brand {
    text-align: center;
    font-size: 26px;
    color: #1e754a;
    font-weight: 600;
    padding: 15px 0;
    line-height: 1;
    text-shadow: none;
    letter-spacing: -0.03em;
}
.navbar-inverse {
    background-color: #303030;
}

.session-txt-btn {
    font-weight: 400;
    font-size: 12px;
    color: #999;
}
.session-txt-wrap > .session-txt-btn:first-child {
    color: #ccc;
}
.session-txt-line {
    color: #666;
    margin: 0 5px;
    font-size: 12px;
    vertical-align: 2px;
}

.footer-social-layout {
	display: none;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    opacity: 0.75;
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
        text-align: center;
        padding: 10px 15px;
        margin-bottom: 8px;
    }
}
.container-fluid.container_slide {padding-left: 0; padding-right: 0;}

.fill {height: 490px;}
/* .fill .carousel-inner .item::before {
	content: '';
	background-image: url('/skin/img/slide/slide_cover_left.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 490px;
	z-index: 90;
	opacity: .72;
}
.fill .carousel-inner .item::after {
	content: '';
	background-image: url('/skin/img/slide/slide_cover_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 500px;
	height: 490px;
	z-index: 90;
	opacity: .72;
} */
.fill .carousel-control {background: none;}
.fill .carousel-caption {
    left: 60px;
    right: auto;
    bottom: auto;
    top: 90px;
    text-align: left;
    z-index: 91;
    text-shadow: none;
    padding: 0;
}
.fill .carousel-caption h1 {
    margin: 0;
}
.fill h1 span, 
.fill p span {
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -0.04em;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    padding: 0;
    background: rgba(0,0,0,0);
    opacity: 1;
}
.fill .carousel-caption span > span {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #1e754a;
}
.fill p strong {
    font-weight: 600;
}
#myCarousel .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity;}
#myCarousel .carousel-inner .item, #myCarousel .carousel-inner .active.left,#myCarousel .carousel-inner .active.right {opacity: 0;}
#myCarousel .carousel-inner .active, #myCarousel .carousel-inner .next.left, #myCarousel .carousel-inner .prev.right {opacity: 1;}
#myCarousel .carousel-inner .next, #myCarousel .carousel-inner .prev, #myCarousel .carousel-inner .active.left, #myCarousel .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#myCarousel .carousel-control {z-index: 2;}
.carousel, .carousel-inner, .carousel-inner .item {height: 100%;}

@media screen and (max-width: 767px) {
	.fill {height: 250px;}
	.fill .carousel-caption {top: 35px;}
}

.vert1-main-index-box-wrap > .col-md-6 {
    display: block;
    height: 400px;
    padding-left: 0;
    padding-right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	transition: ease .4s all;
	-webkit-transition: ease .4s all;
}
.vert1-main-index-box-wrap > .col-md-6:hover {
    background-size: auto 110%;
}

@media screen and (max-width: 991px) {
    .vert1-main-index-box-wrap > .col-md-6 {height: 210px; background-size: cover;}
	.vert1-main-index-box-wrap > .col-md-6:hover {background-size: cover;}
}
.vert1-carousel-control-wrap {
    position: absolute;
    left: 60px;
    bottom: 100px;
    z-index: 92;
}
.vert1-carousel-control-wrap .carousel-control-btn {
    font-size: 32px;
    display: block;
    float: left;
    padding: 3px 15px;
    line-height: 0;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .4);
    color: #FFF;
    font-weight: 300;
    opacity: .7;
}
.vert1-main-index-box-1 {     background: url(/skin/img/main/main01.png);
    min-height: 400px;
    background-size: cover; }
.vert1-main-index-box-2 {     background: url(/skin/img/main/main02.png);
    min-height: 400px;
    background-size: cover; }
.vert1-main-index-box-3 { background-image: url('/skin/img/main/main-index-box3.jpg'); }


.vert1-main-index-box-1 .vert1-main-index-box-inner {
    background: rgba(30,53,50,0.9);
}
.vert1-main-index-box-2 .vert1-main-index-box-inner {
    background: rgba(40,40,40,0.85);
}

.vert1-main-index-box-inner {
    padding: 45px 45px;
    height: 100%;
    color: #FFF;
	transition: ease .4s background;}

.vert1-main-index-box-inner:hover {
/*     padding: 40px 15px; */
    background-color: rgba(30, 117, 74, 0.8);
/*     border: 10px solid #1e754a; */
}

@media screen and (max-width: 991px) {
	.vert1-main-index-box-inner {padding: 25px 25px;}
	.vert1-main-index-box-inner:hover {padding: 15px 15px;}
}
.vert1-main-index-box-subject {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    color: #207934;
    font-weight: 600;
}
/* .vert1-main-index-box-subject::after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #FFF;
    margin: 15px 0 25px;
    display: block;
    transition: ease .3s all;
    opacity: .8;
} */

.vert1-main-index-box-title {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 20px;
    display: block;
}
.vert1-main-index-box-description {
    font-size: 16px;
    line-height: 1.8;
    display: block;
    font-weight: 300;
    transition: ease .4s all;
    white-space: nowrap;
    color: #fff;
    opacity: 0.75;
    letter-spacing: -0.02em;
}
.vert1-main-index-box-btn {
    position: absolute;
    bottom: 45px;
    padding: 0;
    color: #FFF;
    font-size: 50px;
    font-weight: 100;
    border: 2px solid #FFF;
    right: 45px;
    width: 75px;
    height: 75px;
    opacity: 0.25;
    border-radius: 50%;
    text-align: center;
    transition: all ease .4s;
}
.vert1-main-index-box-btn:hover {opacity:1;
    color: #FFF;}
/* .vert1-main-index-box-inner:hover .vert1-main-index-box-btn:hover {color: #111; background-color: #FFF; text-shadow: none; -webkit-text-shadow: none;} */

@media screen and (max-width: 991px) {
	.vert1-main-index-box-inner:hover .vert1-main-index-box-btn {bottom: auto; top: 80px; left: auto; right: 25px;}
}
@media screen and (min-width: 768px) {
    .maker-wrap-area {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2a2a+0,2a2a2a+100&0+0,1+5 */
        background: -moz-linear-gradient(top, rgba(42,42,42,0) 0%, rgba(42,42,42,1) 5%, rgba(42,42,42,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(42,42,42,0) 0%,rgba(42,42,42,1) 5%,rgba(42,42,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(42,42,42,0) 0%,rgba(42,42,42,1) 5%,rgba(42,42,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2a2a', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
	}
}

@media screen and (max-width: 767px) {
	.maker-wrap {display: none;}
}
.mp-side .navbar-right > li:hover > a, 
.mp-side .navbar-right > li:focus > a, 
.mp-side .navbar-right > li > a:hover, 
.mp-side .navbar-right > li > a:focus {
    color: #FFF;
    opacity: 1;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .mp-side .navbar-inverse .navbar-nav {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 20px;
        margin: 15px 0 0;
    }
	.mp-side .navbar-right > li:hover > a .dropdown-menu, .mp-side .navbar-right > li > a:hover .dropdown-menu {display: none;}
/* 	.mp-side .navbar-right > li:hover::after, .mp-side .navbar-right > li:focus::after, .navbar-inverse .navbar-nav>.open::after {content: ''; display: block; position: absolute; background-color: #1e754a; width: 100px; height: 15px; bottom: 8px; left: calc(50% - 50px); z-index: 0;} */
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .mp-side .navbar-right > li:hover > a, .mp-side .navbar-right > li:focus > a, .mp-side
	.navbar-right > li > a:hover, .mp-side .navbar-right > li > a:focus {z-index: 1;}
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background: none; background-color: rgba(0,0,0,0); box-shadow: none; -webkit-box-shadow: none;margin-bottom: 0;
    padding-bottom: 0;}
}
.mp-side .navbar-right .dropdown-menu { width: 100%; position: relative; background: rgba(0,0,0,0); border: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; padding: 15px 0 25px;
    padding-top: 0;}
.mp-side .navbar-right .dropdown-menu > li > a {color: #ABABAB; margin: 0; padding: 5px 20px; text-align: center;}
/* .mp-side .navbar-right .dropdown-menu > li > a::before {content: '-'; margin-right: 10px;} */
.mp-side .navbar-right .dropdown-menu > li > a:hover, .mp-side .navbar-right .dropdown-menu > li > a:focus {color: #FFF; background: none; background-color: rgba(0,0,0,0);}
.intro-boardbox-title {font-size: 14px; font-weight: 900; letter-spacing: 0.04em; display: block; margin-top: 50px; margin-bottom: 40px; text-transform: uppercase;}
.intro-boardbox-title::after { content: ''; display: block; width: 20px; height: 1px; background-color: #000; position: absolute; bottom: 25px;}
.intro-boardbox-bbs-btn {background: #e6e6e6; width: 30px; height: 30px; text-align: center; padding: 6px 0 0; border: none; border-radius: 0; -webkit-border-radius: 0; margin-top: 40px; color: #000000;}
.intro-boardbox-bbs-btn:hover {background: #434343;}
.intro-boardbox-bbs-btn .fa-plus:before {content: url('/skin/img/main/plus_ico.png');}
.intro-boardbox-bbs-btn:hover .fa-plus:before {content: url('/skin/img/main/plus_ico_hover.png');}
.intro-boardbox > .page-header {display: none;}
.intro-boardbox .dh-front-blog {padding-top: 0px; padding-bottom: 49px;}
.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {height: 200px;}
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: left center; background-repeat: no-repeat; padding-left: 95px;}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-image: none !important; padding: 15px;}
}
@media screen and (min-width: 992px) {
	.intro-board-widget-layout .col-xs-12.intro-boardbox-blogtab {width: 25%;}
	.intro-board-widget-layout .col-sm-12.intro-boardbox {width: 75%; padding-left: 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: top center; padding: 90px 15px 15px;}
}
@media screen and (max-width: 767px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: top center; padding: 90px 15px 15px; width: 25%; text-align: center;}
}
@media screen and (max-width: 599px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {padding: 15px; width: 50%; text-align: center; background-image: none !important;}
}

.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(1) { background-image: url('/skin/img/main/ico-default1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(2) { background-image: url('/skin/img/main/ico-default2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(3) { background-image: url('/skin/img/main/ico-default3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(4) { background-image: url('/skin/img/main/ico-default4.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(1) { background-image: url('/skin/img/main/ico-active1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(2) { background-image: url('/skin/img/main/ico-active2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(3) { background-image: url('/skin/img/main/ico-active3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(4) { background-image: url('/skin/img/main/ico-active4.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(1):hover { background-image: url('/skin/img/main/ico-active1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(2):hover { background-image: url('/skin/img/main/ico-active2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(3):hover { background-image: url('/skin/img/main/ico-active3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(4):hover { background-image: url('/skin/img/main/ico-active4.png'); }



.navbar-right{    border-top: 1px solid #ddd;
    padding-top: 30px;}
/* 서브 페이지 */
.sub-layout {padding-bottom: 50px;}
.sub-layout.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}
.s-header {
    height: 260px;
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: 50px;
    padding: 115px 50px 0;
    background: url('/skin/img/sub/visual.jpg') no-repeat 50% 50% / cover;
    
}

@media screen and (max-width: 767px) {
    .s-header {padding: 57px 25px; height: 150px;}
}

/* .s-header.visual1 { background-image: url('/skin/img/sub/visual1.jpg'); }
.s-header.visual2 { background-image: url('/skin/img/sub/visual2.jpg'); }
.s-header.visual3 { background-image: url('/skin/img/sub/visual3.jpg'); }
.s-header.visual4 { background-image: url('/skin/img/sub/visual4.jpg'); }
.s-header.visual5 { background-image: url('/skin/img/sub/visual5.jpg'); } */

.s-header-text {
    margin: 0;
    display: inline;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.s-header-m {display: inline; vertical-align: -4px; color: #fff}
.s-header-m::before {content: '|'; color: #fff; vertical-align: 1px; margin-left: 10px; margin-right: 20px;}

/* Company */
/* .subwrap.s-company p {
    margin-bottom: 25px;
} */
.s-company-text {padding: 0 45px;}
.s-company-text h3 {color: #111111; font-size: 26px; font-weight: 400; line-height: 35px; margin: 0 0 30px; letter-spacing: -0.04em;}
.s-company-text p {color: #555555; font-size: 15px; letter-spacing: -0.04em; line-height: 24px; margin: 0;}
@media screen and (min-width: 768px) {
	.s-company-type-wrap {padding-left: 16px; padding-right: 16px; margin-left: -4px; margin-right: -4px;}
	.s-company-type-wrap > div {padding-left: 2px; padding-right: 2px;}
}
.s-company-type-box {border: 1px solid #DEDEDE; padding: 30px; background-position: 85% 85%; background-repeat: no-repeat; margin-bottom: 15px; }
.s-company-type-box.si-wedding { background-image: url('/skin/img/sub/default/s-company_01.png'); }
.s-company-type-box.si-babykids { background-image: url('/skin/img/sub/default/s-company_02.png'); }
.s-company-type-box.si-family { background-image: url('/skin/img/sub/default/s-company_03.png'); }
.s-company-type-box.si-single { background-image: url('/skin/img/sub/default/s-company_04.png'); }
.s-company-type-box:hover {background-image: none; background-color: #1e754a; border-color: #1e754a; cursor: pointer;}
.s-company-type-box h4 {color: #111; font-weight: bold; font-size: 18px; letter-spacing: -0.03em; margin: 0 0 25px;}
.s-company-type-box h4 > span {color: #1e754a; margin-right: 10px;}
.s-company-type-box:hover h4, .s-company-type-box:hover h4 > span {color: #FFF;}
.s-company-type-box p {line-height: 1.6; color: #FFF; margin: 0 0 10px; opacity: 0; transition: ease .3s all;}
.s-company-type-box:hover p {opacity: 1;}

/* Location */
.iframe-map-wrap {margin-bottom: 20px;}
.iframe-map-wrap iframe {width: 100%; height: 350px; border: 1px solid #DEDEDE;}
.s-location-type-wrap {margin-left: 0; margin-right: 0; margin-bottom: 50px;}
.s-location-type-wrap > div {padding-left: 0; padding-right: 0;}
.s-location-type-box {padding: 40px 15px; min-height: 140px;}

@media screen and (min-width: 992px) {
	.s-location-type-wrap > div:nth-child(1) > .s-location-type-box, .s-location-type-wrap > div:nth-child(2) > .s-location-type-box {border-right-color: #FFF;}
	.s-location-type-wrap > div:nth-child(2) > .s-location-type-box, .s-location-type-wrap > div:nth-child(3) > .s-location-type-box {border-left: 0;}
}

@media screen and (max-width: 991px) {
	.s-location-type-wrap > div:nth-child(1) > .s-location-type-box, .s-location-type-wrap > div:nth-child(2) > .s-location-type-box {border-bottom-color: #FFF;}
	.s-location-type-wrap > div:nth-child(2) > .s-location-type-box, .s-location-type-wrap > div:nth-child(3) > .s-location-type-box {border-top: 0;}
}

.s-location-type-wrap > div:nth-child(1) > .s-location-type-box { background-color: #FBF2EB; }
.s-location-type-wrap > div:nth-child(2) > .s-location-type-box { background-color: #FDEFE4; }
.s-location-type-wrap > div:nth-child(3) > .s-location-type-box { background-color: #FCE7D6; border-right: 1px solid #fce7d6; }
.s-location-type-box h4 {letter-spacing: -0.04em; color: #1e754a; font-size: 16px; font-weight: 600; line-height: 1;  margin: 0 0 10px;}
.s-location-type-box p {color: #111; font-size: 16px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; margin: 0;}

/* Alert Template */
.alert.alert-template {border-radius: 0; -webkit-border-radius: 0; border: 1px solid #E6E6E6; background-color: #F8F8F8; padding-left: 25px; padding-right: 25px; color: #555; font-size: 15px; font-weight: 500; letter-spacing: -0.02em; margin: 0 0 30px;}
.alert.alert-template p {position: relative; padding-left: 30px;}
.alert.alert-template i {position: absolute; left: 0;}
.alert.alert-template i:before {content: url('/skin/img/sub/default/ico-info.png');}

.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #F8F8F8; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.03em; text-align: center;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover {border-top: 2px solid #1e754a; border-bottom: 1px solid #ccc; margin: 0px 0 0px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-board .regdate, .dh-board .hits, .dh-board .writer, .dh-board .status { text-align: center; }
.dh-margin-top{margin-top: 40px; display: inline-block;}
.dh-board .dh-margin-top .pagination { margin-top: 0; }

.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row { padding-left: 15px; padding-right: 15px; }
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 23px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;}
.dh-view-box > .row > .dh-view-info > span {padding: 0 15px 0 0;}
.dh-view-box > .row > .dh-view-info > span > strong {color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 300px;}

.bbs-status-index-layout .regdate {display: none;}

/* footer */
.mp-footer .mp-body {color: #cccccc; padding: 30px 40px 40px;}
.mp-footer .mp-body .f_copyright {color: #888888; font-size: 12px; font-weight: 300; text-transform: uppercase;}

/* 주문폼 */
.intro-mod-form-layout {background-color: #343434; color: #FFF; display:none}
.intro-mod-form-layout .intro-boardbox {display: block !important;}
.intro-mod-form-layout .intro-boardbox-title::after {background-color: #FFF;}
.intro-mod-form-layout .s-header {display: none;}
.intro-mod-form-layout .alert.alert-template {background: none; background-color: rgba(0,0,0,0); border: none; color: #FFF; margin: 0; padding-top: 0;}
.intro-mod-form-layout .alert.alert-template p {color: #e5e5e5; font-size: 13px; font-weight: 300; line-height: 22px;}
/* 주문폼 - 서브페이지 */
.mod-custom-form-add .alert.alert-template p {padding: 0; font-weight: 400; line-height: 24px;}


/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label .glyphicon-lock {color: #666;}
.label-danger, .label-primary{color: #1e754a;}
/* board pagination */
.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	color: #555 !important;
}

.pagination>li:last-child>a {
	margin-left: 15px;
}

.pagination>li:first-child>a {
	margin-right: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #1e754a !important;
    font-weight:500
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff;
}

#insertForm .input-group .btn {
	border-radius: 0;
	border-color: #ddd;
}

#insertForm .input-group .form-control {
	box-shadow: none;
	border-color: #ddd;
}

.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

.filter-items {text-align: center; padding: 0; margin: 0 0 35px;}
.filter-items > a > .filter-label {background: none; background-color: rgba(0,0,0,0); font-size: 18px; font-weight: 500; color: #666666; line-height: 1; margin: 0; padding: 0;}
.filter-items > a+a {margin-left: 25px;}
.filter-items > a.on > .filter-label {color: #111;}
.filter-items > a.on > .filter-label::after {content: ''; display: block; background-color: #1e754a; width: 100%; height: 10px; z-index: 0; margin-top: -5px;}
.filter-items > a > .filter-label span {z-index: 1; padding: 0 20px;}
@media screen and (max-width: 767px) {
	.filter-items > a+a {margin-left: 7px;}
	.filter-items > a > .filter-label span {padding: 0 10px;}
}
/* ---------- login, join page ---------- */
.login_page {
    padding: 100px 55px 0;
    margin-bottom: 30px;
}
.login-layout {
    padding: 50px 0;
}
.login-layout br + br {
    display: none;
}
.login-layout .panel {
    max-width: 420px;
    margin: 0 auto;
    border: none;
    box-shadow: none;
}
.login-layout .inner-box-wrapper,.join-layout .join-agree-area {
    padding: 0 55px;
}
.login-layout .panel-body{
    padding: 0;
}
.login-layout .panel h2 {
    margin: 0;
    text-align: center;
}
.inner-box-msg, .inner-box-form {
    width: 100%;
}
.login-layout .inner-box-msg p {
    text-align: center;
    color: #5a5a5a;
    margin-bottom: 25px;
}
.login-layout .inner-box-form input {
    width: 75%;
    border-radius: 0;
    box-shadow: none;
}
.login-layout .inner-box-form label {
    width: 25%;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding-top: 8px;
}
.login-layout .btn-warning {
    background: #4a4a4a;
    border: 1px solid #4a4a4a;
    border-radius: 0;
    margin-top: 10px;
}
.login-layout .inner-box-form #myForm > div:last-child p a {
    color: #777;
    display: inline-block;
    padding: 6px;
    font-size: 13px;
}
.login-layout .inner-box-form #myForm > div:last-child p {
    width: 50%;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
}
.login-layout .inner-box-form #myForm > div:last-child p:first-child {
    border-right: none;
}

/* join */
.join-agree-layout > br {
	display: none;
}
.join-layout .panel{
    border: none;
    box-shadow: none;
}
.join-agree-area .panel-body {
    padding-top: 0 !important;
	padding: 0;
}
.join-agree-area .form-control {
    border-radius: 0;
    box-shadow: none;
    background: #f3f3f3;
    padding: 12px 15px;
    font-size: 13px;
}
.join-agree-area .panel-footer {
    border: none;
    background: rgba(0,0,0,0);
    padding: 0;
    margin-top: 20px;
}
.join-agree-area .panel-footer .btn-default {
    border-radius: 0;
    border: none;
    background: #F18430;
    font-size: 13px;
    padding: 10px 38px;
    color: #fff;
}
#joinForm{
	padding:0 55px 60px;
}
#joinForm .panel-heading {
    background: rgba(0,0,0,0);
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: none;
    padding: 0;
    line-height: 1;
}
#joinForm .panel-body {
    border-top: 2px solid #4a4a4a;
    padding: 0;
}
#joinForm .form-group {
    margin: 0;
    padding: 13px;
    border-bottom: 1px solid #ddd;
}
#joinForm .form-group label {
    text-align: left;
    width: auto;
    min-width: 180px;
    font-weight: 400;
    padding: 0;
    line-height: 1.1;
    padding-top: 8px;
}
#joinForm .form-group label br {
    display: none;
}
#joinForm .form-group label small {
    font-size: 11px;
}
#joinForm .form-group input {
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    height: 32px;
}
#joinForm .form-group .form-control-static {
    padding: 0;
    min-height: 10px;
}
#joinForm .panel-footer {
    background: rgba(0,0,0,0);
    border: none;
    padding: 0;
}
#joinForm .panel-footer .form-group {
    border: none;
    padding: 0;
    padding-top: 20px !important;
}
#joinForm .panel-footer .form-group > div {
    padding: 0;
}
#joinForm .panel-footer .btn{
	border-radius: 0;
    border: none;
	font-size: 13px;
    padding: 10px 38px;
}
#joinForm .panel-footer .btn-success {
    background: #F18430;
}
#joinForm .panel-footer .btn-default {
    background: #e3e3e3;
}

/* id pw find layout */
.id-find-layout .inner-box-wrapper,.pw-find-layout .inner-box-wrapper {
    padding: 0 55px;
}
.id-find-layout .panel,.pw-find-layout .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.id-find-layout .panel-body,.pw-find-layout .panel-body {
    padding: 0;
}
.id-find-layout #myForm,.pw-find-layout #myForm {
    max-width: 420px;
}
.id-find-layout #myForm .form-control,.pw-find-layout #myForm .form-control {
    border-radius: 0;
    box-shadow: none;
}
.id-find-layout #myForm .btn-warning,.-find-layout #myForm .btn-warning {
    background: #4a4a4a;
    border-radius: 0;
    border: none;
}

@media (max-width:767px){
	.login_page {
		padding: 0 15px;
	}
	.login-layout {
		padding: 0;
	}
	.login-layout .inner-box-wrapper {
		padding: 0 15px;
	}
	.login-layout .inner-box-form #myForm > div:last-child p a{
		font-size:10px
	}
	#joinForm, .id-find-layout .inner-box-wrapper,.pw-find-layout .inner-box-wrapper{
		padding: 0 10px 30px;
	}
	#joinForm .form-group {
		padding: 13px 0;
	}
	#joinForm .form-group div {
		padding: 0;
	}
}

.join-view-layout > .row .form-horizontal#joinForm .panel-default {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.form-horizontal .input-group-btn > .btn {
	padding: 6px 15px;
    font-size: 13px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.input-group .input-group-btn button {
    border-radius: 0;
	-webkit-border-radius: 0;
}
.input-group .input-group-btn button,
.input-group  input.form-control,
.input-group .input-group-btn button span, 
.input-group .input-group-btn input {
    font-size: 13px;
}
.input-group  input.form-control{height:32px}
#btnNew {
    background: #303030;
    border: 1px solid #303030!important;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.btn-group > .btn {
	border-radius: 0;
	-webkit-border-radius: 0;
}

@media screen and (max-width: 699px) {
	#mod_type_formForm > .q_number {
		width: 100%;
	}
}

.subwrap p,
.subwrap dd,
.subwrap li{
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: -0.03em;
    color: #555;
}
.company b,
.s-product b{    
    color: #1e754a;
}
.subwrap.s-company .con div p:first-child:before {
    content: "";
    width: 30px;
    height: 3px;
    background: #1e754a;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}
/* .company p:last-child {
    font-size: 22px;
    color: #1e754a;
    font-weight: 500;
} */
.company .col-md-6 img{    margin-top: 10px;
    border-radius: 10px;}


.s-product .col-md-4 img {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
}
.product .video p {
    text-align: center;
    color: #222;
    font-weight: 500;
    line-height: 1.5;
    border-top: none;
    margin: 15px 0;
}
.subwrap .clearfix{margin:30px 0}
.bd_btm {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    letter-spacing: -0.03em;
    position: relative;
}
.bd_btm:after {
    content: "";
    width: 50px;
    height: 3px;
    background: #1e754a;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.subwrap .con{margin-bottom:60px}
.subwrap .img_text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin: 15px 0 15px;
    line-height: 1;
}
.example .con {
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}
.example .con:last-child{
    border-bottom: none; 
    margin-bottom:0
}
.img-bd{border:1px solid #ddd; padding:5px}
/* .example .con img{border:1px solid #ddd} */

.mp-footer .mp-body{background-color: #888;    color: #fff;    padding: 40px;}
.f_company {
    font-size: 24px;
    letter-spacing: -0.03em;
    font-weight: 600;
}
.f_address{    
    font-weight: 300;
    font-size: 14px;
    color:rgba(255,255,255,0.7)
}
.f_address a{color:#fff;}
.f_address a:hover{text-decoration:underline}
.f_copy{    
    margin-left: 15px;
    font-weight: 300;
    font-size: 14px;
    text-align: right;
    float: right;
    color:rgba(255,255,255,0.7)
}
.maker-wrap{display:none}
.vert1-body{    min-height: calc(100% - 105px);}

/*2018-10-12*/
@media(min-width:768px){
	.subwrap ul{padding:0}
}
.li-dash > li,
.li-dot > li{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > li:before,
.li-dot > li:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.mb-20{margin-bottom:20px !important}
.eco .subwrap p b{background: #fff915;font-weight:400px}
.eco .subwrap ul li:first-child{background: #fff915;
    display: inline-block;}
.eco .subwrap ul li strong{    font-size: 18px;}
.eco02 .subwrap p b{color: #e00101;}
.eco02 .subwrap p span{    border-bottom: 1px solid #999;
    font-weight: 600;}
.example .subwrap .arrow{position:relative}
.example .subwrap .arrow:after{    content: "\f101";
    font-family: fontAwesome;
    position: absolute;
    right: -4%;
    top: 40%;
    font-weight: 600;
    font-size: 25px;}


@media(max-width:767px) {
	.body-layout{    background-size: cover;}
	.fill {
		height: 400px
	}
	.vert1-carousel-control-wrap {
		bottom: 20px;
		right: 20px;
		left: auto;
	}
	.mp-footer .mp-body {
		padding: 25px;
	}
	.f_company {
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.f_address {
		margin-left: 0;
		display: block;
		text-align: center;
	}
	.f_copy {
		margin-left: 0;
		text-align: center;
		display: block;
		float: none;
	}
	.mp-side .navbar-inverse .navbar-brand {
		margin-left: 8px;
		margin-top: 5px;
		display: block;
		padding-top: 17px;
	}
	.container-fluid.sub-layout {
		padding: 0;
	}
	.sub-layout .subwrap{    padding: 0 15px;}
	.s-header {
	    padding: 57px 50px;
    margin: 0 0 50px;
	}
	.eco .subwrap ul {
		padding-left: 0
	}
	.product .s-product .col-md-3 {
		margin-bottom: 15px
	}
	.example .s-example .img-bd {
		margin: 0 auto;
		display: block;
		width: 50%;
		border: 1px solid #ddd;
		padding: 5px;
	}
	.example .s-example .clearfix {
		margin: 10px
	}
	.example .s-example .col-md-3 {
		margin-bottom: 15px
	}
	.example .subwrap .arrow:after {
		content: "\f103";
		font-family: fontAwesome;
		position: absolute;
		left: 50%;
		bottom: -42px;
		font-weight: 600;
		font-size: 25px;
		top: auto;
		right:auto;
	}
	.example .subwrap .arrow {
		margin-bottom: 50px;
	}
	.mp-side .navbar-right .dropdown .dropdown-menu .sub_link a{text-align:left}
}
.eco02 .img-bd{padding:0; margin-bottom:20px}

/*2018-12-04*/
.example .con1 p{    text-align: center;
    font-weight: 600;
    font-size: 18px;}

/* 2019-05-17 */
.intro1 p {
    margin-bottom: 25px;
}
.intro1 div{
    margin-left: 25px;
}
    .intro1 div span{
        width: 130px; height: 60px;
        color: #fff;
        display: inline-block;
        padding-top: 10px;
        background-color: #65843e;
        margin: 10px; 
        text-align: center;
    }

.intro2{
	text-align: center;
}
    .intro2 p {
        margin-bottom: 10px;
    }
	.intro2 > p:nth-child(1){
		color: #000;
		font-weight: bold;
	}
		.intro2 strong:nth-child(1){
			color: red;
			font-size: 23px;
		}
		.intro2 strong:nth-child(2){
			font-size: 20px;
		}
	.intro2 > p:nth-child(2){
		font-size: 20px;
		margin-top: 30px;
	}
.field{
    font-size: 22px;
    font-weight: bold;
}
.pro_main h3{
	text-align: center;
	line-height: 33px;
	font-size: 24px;
	margin-bottom: 20px;
}
	.pro_main p b{
		color: #65843e;
	}
		.pro_main i{
			margin: 5px;
		}