/*=============================
	BASIC STYLE
===============================*/
* {box-sizing:border-box;}
*: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;
}
a, a:link, a:visited, a:hover, a:focus, a:active {outline:none;}
input, textarea {outline-width:0;}
.inner {width:100%;max-width:1080px;margin-left:auto;margin-right:auto;}
.inner:after {display:block;clear:both;content:"";}
#bo_sch {margin-bottom:0; }
#bo_w {margin-top: 0}



/*=============================
	Header Style
===============================*/
#header {position:absolute;top:0;width:100%;height:126px;margin-top:26px;background:rgba(255, 255, 255, 0.95);z-index:9999;}
#header .inner {position:relative;}
.tnb {width:100%;height:26px;background:#fff;z-index:999999;}
.tnb ul {padding:2px;text-align:right;}
.tnb ul li {display:inline-block;margin-right:10px;}
.tnb ul li a {color:#666;font-size:12px;font-weight:300;letter-spacing:1px;}
.tnb ul li:before {display:inline-block; content:""; margin: 0 5px 2px 0; width:4px; height:4px; border-radius:50%; background: #888;}
.logo {float:left;margin-top:15px;}
.logo a {display:inline-block;}


/*=============================
	Container Style
===============================*/
.mbody {font-size:0;}
.st {padding:48px 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.st .st_con {font-size:0;}
.st a {display:block;}
.st a:after {display:block;clear:both;content:"";}
.st_tit {margin-bottom:26px; text-align:center;}
.st_tit h2 { font-weight: bold; letter-spacing: -0.05em; color:#34374f; }
.st_tit h3 {font-size:30px;}
.st_tit p {font-size:20px;color:#bebebe; letter-spacing: 0.1em;}

/* mvis */
#mvis {background:#000;}
.mtxt {display:table;height:800px;text-align:left;}
.mtxt img {display:inline-block; max-width:100%;}
.mtxt h2 {color:#8d8d8d;font-size:35px;font-weight:400;margin-bottom:10px;line-height:1.2em;letter-spacing:-0.01em;}
.mtxt h2 span {color:#c05d99;}
.mtxt p {font-size:48px;font-weight:400;color:#fff;}
.mtxt_inner {display:table-cell;vertical-align:middle;}
.vis_btn {margin-top:20px;width:300px;height:50px;font-size:22px;color:#fff;border:1px solid #313131;background:#313131;}
.vis_btn:hover {background:#222;border:1px solid #222;}

/* st1 */
#st1 {background:#fff;;}
#st1 .st_con a > div {float:left;padding:40px;width:528px;background-position:center;}
#st1 .st_con a {display:inline-block;margin-bottom:24px;}
#st1 .con_info h2 {color:#fff;font-size:26px;padding-bottom:45px}
#st1 .con_info p {color:#ededed;font-size:17px;}
#st1 .con_info img {margin:-1px 0 0 20px;}
.st1_con1 {margin-right:24px;background:url('../img/main/st1/st1_con1.jpg')}
.st1_con2 {background:url('../img/main/st1/st1_con2.jpg')}
.st1_con3 {margin-right:24px;background:url('../img/main/st1/st1_con3.jpg')}
.st1_con4 {background:url('../img/main/st1/st1_con4.jpg')}
.st1_con1:hover {background:url('../img/main/st1/st1_con1_ov.jpg')}
.st1_con2:hover {background:url('../img/main/st1/st1_con2_ov.jpg')}
.st1_con3:hover {background:url('../img/main/st1/st1_con3_ov.jpg')}
.st1_con4:hover {background:url('../img/main/st1/st1_con4_ov.jpg')}

/* st2 */
#st2 {background-image:url('../img/main/st2/st2_bg.jpg');}
#st2 .st_con a > div {float:left;}
#st2 .st_con a > div: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;
}

#st2 .st_tit h2 {color:#fff;}
.st2_con1 {background:#fff;}
.st2_con2 {background:#fff;}
.st2_con3 {background:#fff;}
.st2_con4 {background:#fff;}
.st2_con1:hover {background:#797979;}
.st2_con2:hover {background:#797979;}
.st2_con3:hover {background:#797979;}
.st2_con4:hover {background:#797979;}

#st2 .con_img {float:left;display:inline-block;}
#st2 .con_info {display:inline-block;}

.st2_left {float:left;width:552px;margin-right:24px;}
.st2_left .con_info {width:100%;padding:30px;background:#62686a;color:#fff;text-align:center;}
.st2_left .con_info:hover {background:#4e5455;}


.st2_right {display:inline-block;width:504px;}
.st2_right > a > div {width:504px;margin-bottom:24px;padding:24px 45px;}
.st2_right a div:nth-child(4) {margin-bottom:0;}
.st2_right .con_info {padding:10px 0 0 30px;}
.st2_right .con_info h2 {color:#b8b8b8;font-size:22px; margin-bottom:10px;}
.st2_right .con_info p {color:#333;font-size:15px;}

.st2_con1:hover h2 , .st2_con2:hover h2 , .st2_con3:hover h2 , .st2_con4:hover h2 {color:#fff;}
.st2_con1:hover p , .st2_con2:hover p , .st2_con3:hover p , .st2_con4:hover p {color:#fff;}
/* st3 */
#st3 {background:#373737;;}
#st3 .st_con > div {float:left;display:inline-block;}
#st3 .st_con > div:last-child {margin-right: 0;}

#st3 .st_tit h2 {color:#fff;}
.st3_con1 {position:relative;width:344px;height:240px;margin-right:24px;padding:20px;background:#38606b;}
.st3_con1 .con_info {display:inline-block;margin-bottom:30px}
.st3_con1 .con_info h2 {font-size:26px;color:#fff;}
.st3_con1 .con_info p {font-size:18px;color:#638d98;}

.st3_con2 {width:344px;height:240px;margin-right:24px;padding:25px;background:#445776;text-align:center;}
.st3_con2 .con_info h3 {font-size:22px;color:#8fa0bb; margin-bottom:10px;}
.st3_con2 .con_info h2 {position:relative;font-size:32px;color:#fff;font-weight:bold;}
.st3_con2 .con_info h2:after {content: "";position: absolute;left: 0;right: 0;top: 50px;width:100%;height: 0px;margin: 0 auto;background: #d697af;}
.st3_con2 .con_info p {margin-top:10px;font-size:14px;color:#a5b0c1;}


.st3_con3 {width:344px;background:#46715e;}
.st3_con2 .con_info, .st3_con3 .con_info {display:inline-block;padding:20px;}
.st3_con3 .con_info h2 {font-size:26px;color:#fff;}
.st3_con3 .con_info p {font-size:18px;color:#699a84;}
.st3_con3 .con_img {float:right;margin-top:30px;margin-right:20px;}
.st3_con1 .con_img {float:right;margin-top:10px;margin-right:20px;}




/*===============================
	Footer Style
===============================*/
#footer {background:#fff;}
#footer .foot_con{
	display:table;
	width:100%;
	height:120px;
	padding-left:10px; 

}

#footer .foot_con .ft_info {
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
	line-height:25px;
	color:#5a5a5a;
}

#footer .sns {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-align:right;
}

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

#footer .sns 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;
}


/*----- 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;
}



/*===============================
	SUB STYLE
===============================*/
.sbody {}
#container {background:url('../img/common/container_bg.jpg') repeat-y;}
#container .inner {min-height:400px;background:#fff;padding:10px;}
#bo_v {margin-bottom:0;}

/* svis */
#svis {
	position:relative;
	height:480px;
	background:url('../img/common/svis.jpg') no-repeat;
	background-position: center;
	background-size:cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	}
#svis .stit {display:table;position:absolute;bottom:0;left:0;width:100%;height:330px;color:#fff;text-align:center;}
#svis .stit h2 {display:table-cell; vertical-align:middle; font-size:40px;font-weight:300;}
#svis #container_title{margin-top:120px;padding:0;border:0;font-size:36px;letter-spacing:-0.04em;text-align:center;color:#fff;opacity:0.8;}