/* TABLE OF CONTENTS

	1. BASIC
	2. EFFECT
	3. BUTTONS
	4. HEADER
	5. SLIDER
	6. SUB
	7. SECTION
	8. FOOTER

*/

/*==========================================================
     Basic Style
============================================================*/

body {
	overflow-x:hidden;
}

a {
	color:#000;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input, textarea {
	outline-width:0;
}

*:hover {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st1_con *:hover {
	-webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}


/*==========================================================
     Buttons Style
============================================================*/

.button:hover {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*==========================================================
     Header Style
============================================================*/

#hd {background:#fff/* #171f32 */;}

.topbar {padding:6.5px 0;background:#617e3b;}
.topbar ul {padding-right:15px;padding-left:15px;text-align:right;}


.topbar ul li {display:inline-block; margin-left:5px;}
.topbar ul li a {color:#fff; font-size:12px; font-weight:200; letter-spacing:1px;}
.topbar ul li:hover span {background:#fff;}
.topbar ul li span {display:inline-block;margin:0 5px 2px 0;width:4px;height:4px;border-radius:2px;background:#e3eed5;}

.logo {padding:35px 0;text-align:center;}


/*==========================================================
     Sub
============================================================*/

#svis {background:url(../img/common/svis.jpg) center center; background-size:cover;}
#svis .st_con h2 {color:#fff; text-align:center; font-weight:300;}
#svis .col-md-12 {
	display:table;
	width:100%;
	height:220px;
}
#svis #container_title {
	display:table-cell;
	vertical-align:middle;
	padding:0;
    letter-spacing: -0.5px;
    font-size: 36px;
    color: #fff;
    border-bottom: 0;
	text-align:center !important;
}

#bo_v_title {display:none;}
#bo_v_con {
	line-height:normal;
	text-align:center;
}


/*==========================================================
     Section Style
============================================================*/

/*----- section01 -----*/
.st {padding:60px 0;}
#container {}

/*----- mvis -----*/
#mvis {color:#fff;background:#efefef;}
.slick-list {background-size:cover;background-position:center;height:600px;}
.bx-wrapper {margin-bottom:0;background:none;border:0;box-shadow:none;}
.bx-wrapper .bx-pager {bottom:5%;}
.bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #fff;background:none;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;}


.mvis_con {height:210px;background:#fff;}
.mtxt {padding-top:55px;text-align:center;}
.mtxt h2 {margin-bottom:15px;font-size:30px;font-weight:400;color:#101728;}
.mtxt h2 span {color:#1bb2c4;}
#st1 .mtxt p {margin-bottom:20px;font-size:22px;color:#737373;}
#st1 .mtxt img {margin-top:-10px; margin-bottom:20px}
.mtxt a {padding:4px 17px;border:1px solid #aaa;border-radius:25px;font-size:14px;color:#aaa;}
.mtxt a:hover {color:#fff;background:#738d69;}

#st1 {padding:60px 0 30px;background:#efefef;}
#st1 h3 {font-size:20px;}
#st1 p {font-size:16px;}


/*----- section01 -----*/
.st1_con {font-size:0;}
.st1_con > a {display:block; position:relative; cursor:pointer; background-position:center center; background-size:cover;}
.st1_con > a + a {margin-top:30px;}
.st1_con > a .overlay {width:100%; height:100%; opacity:0;}
.st1_con > a .con_info {position:absolute; top:10px; right:15px; left:15px;}
.st1_con > a span {display:none;width:110px;padding:4px;font-size:14px;}
.st1_con > a:hover .overlay{opacity:0.6;}
.st1_con > a:hover .con_info {top:50%; width:auto; height:auto; color:#fff;text-align:center; transform:translateY(-50%)}
.st1_con > a:hover span {display:block;margin:20px auto 0;border:1px solid #fff;border-radius:25px; color:#fff;text-align:center;}
.st1_con > a:hover, .st1_con > a:after, .st1_con > a:focus {color:#212121;}
.st1_con > .st1_con2:hover, .st1_con > .st1_con2:after, .st1_con > .st1_con2:focus {color:#fff;}  
.st1_con > .st1_con6:hover, .st1_con > .st1_con6:after, .st1_con > .st1_con6:focus {color:#fff;}  

.st1_con1 {height:240px; text-align:right; color:#333; background-image:url(../img/main/st1/st1_con1.jpg);}
.st1_con2 {height:180px; text-align:right; color:#fff; background-image:url(../img/main/st1/st1_con2.jpg);}
.st1_con3 {height:330px; text-align:right; color:#333; background-image:url(../img/main/st1/st1_con3.jpg);}
.st1_con4 {height:330px; text-align:right; color:#333; background-image:url(../img/main/st1/st1_con4.jpg);}
.st1_con5 {height:360px; text-align:left;  color:#fff; background-image:url(../img/main/st1/st1_con5.jpg);}

.st1_con1 .overlay {background:#617e3b;}
.st1_con2 .overlay {background:#226892;}
.st1_con3 .overlay {background:#617e3b;}
.st1_con4 .overlay {background:#226892;}
.st1_con5 .overlay {background:#617e3b;}

.st1_con6 {height:60px; margin-top:30px;padding:0 10px; text-align:center; color:#fff;background:#004168;}
.st1_con6 .con_txt {float:left;padding:8px 0;}
.st1_con6:hover {color:#fff;}
/* .st_icon {float:left;display:inline-block;width:60px;height:60px; background-image:url(../img/main/st1/st1_con6.jpg);} */
.st1_con6 img {float:left;width:60px;}


/*----- section02 -----*/
#st2 {padding:0 0 60px;background:#efefef;}
.board {height:180px; *zoom:1;}
.st2_con {display:table; height:180px; color:#fff;}
.st2_con div > * {display:inline-block;text-align: center;width: 100%;font-size:16px;}
.st2_con img {margin-right:20px;width:40px;vertical-align:top;}
.st2_con .table-cell {background:#617e3b;}
.cs {margin-bottom:10px;}
.cs h3 {font-weight:600;font-size:32px;letter-spacing:-0.01em;}
.info p {font-weight:300;font-size:14px;}
#st2 .st_map {height:180px;/*background:#333;*/}
/* #st2 .st_map > iframe {opacity:0.5;} */
.st_map:before {content:'';position:absolute;left:0;right:0;top:0;z-index:2;width:93%;height:100%;margin:0 0 0 30px;background-color:rgba(0, 0, 0, 0.2);}
.map_con {cursor:pointer; position:absolute;z-index: 2;padding:0 30px 0 10px;top:10px;left:40px;color: #fff;font-size:15px;line-height:25px;text-align:center;background:#004168;}
.map_con p {display:inline-block;}
.map_con img {width:30px;}
.st_tit {float:left;width:70px;height:inherit;padding:50px 0;font-size:14px;text-align:center;background:#004168;}
.st_tit a {color:#fff;}
.st_tit img {width:40px;}
.st_tit:after {display:block;content:"";clear:both;}
.table-cell {display:table-cell;vertical-align:middle;}

/*==========================================================
     Footer Style
============================================================*/

#footer {
	background:#333;
}

#footer .con_info {
	float:none;
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-align:center;
}

#footer .con_info h4 {
	padding:0 0 30px;
	color:#cec6aa;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}

#footer .con_info .cs p {
	color:#fff;
	font-size:30px;
	text-align:center;
}


#footer .con_info ul li {
	display:inline-block;
	margin:0 15px;
}

#footer .con_info ul li:hover {
	opacity:0.8;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.addr {letter-spacing:0.05em;font-weight:300;}

.foot_con {
	display:table;
	width:100%;
	height:150px;
	padding:0;
}

.foot_con:after {
	display:block;
	clear:both;
	content:"";
}

.addr p {
	padding:0;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

.foot_copy {
	padding:37px 0;
	color:#ababab;
	text-align:center;
}

.foot_link {
	padding:6px 0;
	border-top:1px solid #cec6aa;
	border-bottom:1px solid #cec6aa;
	text-align:center;
}

.foot_link ul {
	display:inline-block;
}

.foot_link ul li {
	display:inline-block;
	padding:0 33px;
}

.foot_link ul li a {
	color:#fff;
}

.foot_link ul li a:hover {
	color:#cec6aa;
}

.foot_logo {
	margin-bottom:8px;
}


/*----- return to top button -----*/
#return-to-top {
	position:fixed;
	bottom:3em;
	right:3em;
	background:#fff;
	width:60px;
	height:60px;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #ececec;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
	display:none;
	transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	z-index:999999;
}

#return-to-top i {
	color:#777;
	margin:0;
	position:relative;
	font-size:22px;
}

#return-to-top:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transition: translate3d(0, -5px, 0);
	-ms-transition: translate3d(0, -5px, 0);
	-o-transition: translate3d(0, -5px, 0);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#return-to-top:hover i {
	color: #777;
}