/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html, body {
    width: 100%;
    height: 100%;
}

body {
    /*font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;*/
}

hr {
    max-width: 50px;
    border-color: #b5bf36;
    border-width: 3px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.bg-primary {
    background-color: #CCC;
}

.bg-dark { padding:50px 0; font-family:'오성과한음';
    color: #fff;
    background-color: #333;
}

.bg-dark a { font-family:'오성과한음'; color:#ccc;}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    /*padding: 100px 0;*/
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	height:80px;

}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #b5be34;

}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #fe562f;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #222;
	line-height:50px;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #9fcaf5;

}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #9fcaf5!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}



@media(max-width: 767px){
	 .navbar-default {
		border-color: rgba(255,255,255,.3);
        background-color: #abd0f5;
		z-index:9999;
		
	 }
	.navbar-nav{
		background-color:#fff;
		margin-top:0px
	}

	#bs-example-navbar-collapse-1{
		background-color:#fff;
		margin-top:0px
	}
	#bs-example-navbar-collapse-1 ul{
		padding:0px;
		margin:0px;
	}
	
	.road_img{width:100%}
	.road_img img{width:100%;}
	
	
}
@media(min-width:768px) {
    .navbar-default {
        border-color: rgba(255,255,255,.3);
        background-color: transparent;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #b5be34;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #fff;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #b5bf36;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
		
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #b5be34;
    }
	.greeting_con { padding-left:0%;}
	

}




.title_font { font-family:'오성과한음'; font-weight:bold; font-size:18px;}
.text-muted { font-family: '오성과한음'; font-size:15px;}

#title01 {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/title_img01.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#title01 a{color:#fff}
#title02 {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/title_img02.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#title02 a{color:#fff}
#title02 h1{font-size:15px}

#title03 {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/title_img03.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#title03 a{color:#fff}
#title03 h1{font-size:15px}

#title04 {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/title_img04.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#title04 a{color:#fff}
#title04 h1{font-size:15px}


header .header-content  {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}



#greeting {    
	position: relative;
    width: 100%;
    min-height: auto;
	background:#fff;
	background-size:100%;
	    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; }

/**.greeting_sb {line-height:30px;  font-family:'오성과한음'; font-size:16px; color:#666; padding-bottom:30px; }**/
.greeting_title { color:#333; font-size:2.5em; padding-bottom:20px; font-weight:bold; font-family:'오성과한음'; border-bottom:5px solid #91B249; margin-bottom:30px;}
.greeting_text { line-height:30px;  font-family:'오성과한음'; font-size:16px; color:#666;}
.greeting_text span { font-weight:bold; font-size:17px; color:#666; }

.organization_title1 { font-size:35px; font-weight:bold;  padding-bottom:40px;}
.organization_title2 { font-size:25px; color:#666;}




.service_nav { width:580px; margin:0 auto;}
.service_nav li { float:left; list-style:none; margin-right:20px; font-size:20px; padding: 3px 10px;border-top:3px solid rgba(0,0,0,0.01) }
.service_nav a { color:#fff; display:block;font-family:'오성과한음';}
.service_nav li:hover { border-top:3px solid #d1de35;  text-decoration:none;}
.service_nav a:hover { color:#333; text-decoration:none;}
.service_nav .active{border-top:3px solid #d1de35;}

.service_nav2 { width:590px; margin:0 auto;}
.service_nav2 li { float:left; list-style:none; margin-right:20px; font-size:20px; padding: 3px 10px; border-top:3px solid rgba(0,0,0,0.01) }
.service_nav2 a { color:#fff; display:block;font-family:'오성과한음';}
.service_nav2 li:hover {border-top:3px solid #d1de35;}
.service_nav2 a:hover { color:#333; text-decoration:none;}
.service_nav2 .active{border-top:3px solid #d1de35;}


.service_nav_mobile { }
.service_nav_mobile li { float:left; list-style:none; margin-right:20px; font-size:20px; padding: 3px 10px;border-top:3px solid rgba(0,0,0,0.01) }
.service_nav_mobile a { color:#fff; display:block;font-family:'오성과한음';}


.mobile-view{display:none}

.advice_title { color:#91b34b; font-weight:bold;}



.board_nav { width:280px; margin:0 auto;}
.board_nav li { float:left; list-style:none; margin-right:20px; font-size:20px; padding: 3px 10px;border-top:3px solid rgba(0,0,0,0.01) }
.board_nav a { color:#fff; display:block;font-family:'오성과한음';}
.board_nav li:hover { border-top:3px solid #d1de35;  text-decoration:none;}
.board_nav a:hover { color:#333; text-decoration:none;}
.board_nav .active{border-top:3px solid #d1de35;}






.col-lg-3 a { text-decoration:none; color:#666;}
.col-lg-3 a:hover { text-decoration:none; color:#fff;}


#info {    
	position: relative;
    width: 100%;
    min-height: auto;
	background:url(../img/intro_bg.jpg) no-repeat #CCC; 
	background-size:100%;
	    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}
	
.intro {}
.intro_title01 { text-align:center; color:#CCC; font-size:50px; }
.intro_title02 { text-align:center;  color:#ccc; font-size:40px; margin-bottom:30px;}
.intro_col { color:#fff;}
.intro_cont { text-align:center; color:#fff;}
.intro_cont_title { font-size:20px; font-weight:bold; padding:10px 0; color:#91B249;}
.intro_cont_con { line-height:25px;  color:#fff;}
.intro_cont_con span { font-weight:bold;}

.map_title01 { font-size:25px; color:#91B249; padding-top:15px; padding-bottom:5px; font-weight:bold; }
.map_title02 { font-size:35px; color:#505050; position:relative; top:-10px; left:-5px; font-weight:bold; }
.map_cont { font-size:15px; color:#666; }
.map_cont span {  font-weight:bold; color:#505050; }
.address { font-size:20px; color:#666;}

.call_center { position:relative; left:-10px; padding-top:35px;}

.center_title { font-weight:bold; font-size:27px; font-family:'오성과한음'; text-align:left; padding-bottom:30px; margin-bottom:30px; border-bottom:5px solid #91b34b;}
.call_center h4 {   font-size:28px; line-height:35px; color:#666;  font-family:'오성과한음'; font-weight:bold;}
.center_col{ color:#91b34b; font-weight:bold;} 
.call_center p { font-size:18px;}
.center_con02 { color:#666; font-size:18PX;}



/*tail*/

.agreement { color:#ccc; float:left; }
.agreement li { list-style: none;}
.agreement a { color: #ccc;}

@media screen and (max-width: 1024px) {
	#greeting {
		background:#fff
	}
}

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
		
    }
}


.section-heading {
    margin-top: 0;
}


.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}
.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 1024px;
}
.portfolio-box img{width:100%}
.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(145,178,73,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}
.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #b5bf36;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #fff;
    background-color: #79B342;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #b5bf36;
    color: #fff;
    background-color: #b5bf36;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #b5bf36;
    color: #fff;
    background-color: #1d81e4;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #b5bf36;
    background-color: #b5bf36;
}

.btn-primary .badge {
    color: #b5bf36;
    background-color: #fff;
}
.btn-primary2 {
	
    color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2.focus,
.btn-primary2:active,
.btn-primary2.active,
.open > .dropdown-toggle.btn-primary2 {
    border-color: #91B249;
    color: #fff;
    background-color: #91B249;
	border:3px solid rgba(145, 178, 73, 0); ;
}

.btn-primary2:active,
.btn-primary2.active,
.open > .dropdown-toggle.btn-primary2 {
    background-image: none;
	border:3px;
}

.btn-primary2.disabled,
.btn-primary2[disabled],
fieldset[disabled] .btn-primary2,
.btn-primary2.disabled:hover,
.btn-primary2[disabled]:hover,
fieldset[disabled] .btn-primary2:hover,
.btn-primary2.disabled:focus,
.btn-primary2[disabled]:focus,
fieldset[disabled] .btn-primary2:focus,
.btn-primary2.disabled.focus,
.btn-primary2[disabled].focus,
fieldset[disabled] .btn-primary2.focus,
.btn-primary2.disabled:active,
.btn-primary2[disabled]:active,
fieldset[disabled] .btn-primary2:active,
.btn-primary2.disabled.active,
.btn-primary2[disabled].active,
fieldset[disabled] .btn-primary2.active {
    border-color: #b5bf36;
    background-color: #b5bf36;
	border:3px solid #fff;

}

.btn-primary3 .badge {
    color: #b5bf36;
    background-color: #ffffff;
}
.btn-primary3:active{}
.btn-primary3 {
	
    color: #333;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	border:3px solid #6e6e6e;
}

.btn-primary3:hover,
.btn-primary3:focus,
.btn-primary3.focus,
.open > .dropdown-toggle.btn-primary3 {

    color: #fff;
    background-color: #6e6e6e;
}



.btn-primary3.disabled,
.btn-primary3[disabled],
fieldset[disabled] .btn-primary3,
.btn-primary3.disabled:hover,
.btn-primary3[disabled]:hover,
fieldset[disabled] .btn-primary3:hover,
.btn-primary3.disabled:focus,
.btn-primary3[disabled]:focus,
fieldset[disabled] .btn-primary3:focus,
.btn-primary3.disabled.focus,
.btn-primary3[disabled].focus,
fieldset[disabled] .btn-primary3.focus,
.btn-primary3.disabled:active,
.btn-primary3[disabled]:active,
fieldset[disabled] .btn-primary3:active,
.btn-primary3.disabled.active,
.btn-primary3[disabled].active,
fieldset[disabled] .btn-primary3.active {
    border-color: #6e6e6e;
    background-color: #6e6e6e;
	border:3px solid #6e6e6e;
	
}

.btn-primary3 .badge {
    color: #b5bf36;
    background-color: #6e6e6e;
}



.btn {
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
	
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    /*text-shadow: none;
    color: #fff;
    background: #222;
*/}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}


.btn-border-blue{
	border:3px solid #9fcaf5;
}
.btn-border-kaky{
	border:3px solid #91B249;
}
.btn-border-orange{
	border:3px solid #fe562f;
}
.btn-border-gray{
	/*border:3px solid #6e6e6e;*/
}

.padding-top-100{padding-top:100px}
.padding-top-300{padding-top:300px}
.padding-top-350{padding-top:350px}

.margin-top-10{margin-top:10px}

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(145, 178, 73, 0.7);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {
	text-decoration: none;
}
.overlay span {
	white-space:normal;
	word-break:break-word;;
	color:#fff;
	position: absolute;
	left:0%;
	width:100%;
	text-align:center;
	top:45%;

}
.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 18px;
	line-height: 1px;
	color: #ffffff;
	margin-top: -8px;
	margin-left: -8px;
	text-align: center;
}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}


.navbar-right{
	margin-right:30px;
}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

@media(max-width: 767px) {
	.service_nav { width:100%; margin:0 auto;}
	#title02 a{color:#fff;}
	.mobile-hidden{display:none}
	.mobile-view{display:block}
	.service_nav div:hover { background-color:#2060ad;}
	.service_nav div{  border-radius:5px;margin-top:10px}
	header .header-content {
        position: relative;
        height:500px;
		padding-top:160px;
       
    }


}
@media{min-width: 768px){
	.mobile-hidden{display:block}
	.mobile-view{display:none}
}