/* color: #11c0a7; */

/* BASIC STYLES */

	html, body {height: 100%;}
	body {letter-spacing:-0.025em;}
	a { 
		
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	a, a:hover, a:active, a:focus, button:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}

	
	input, textarea{
		outline: none;
	}

		
/*=============================
	common
===============================*/
.inner {max-width:1200px; margin-left:auto; margin-right:auto; padding:0px;}
.inner:after {display:block; clear:both; content:"";}
.st1 {padding:50px 0;}
.st_tit h2 {margin-bottom:30px; font-size:36px; font-weight:700; color:#11c0a7;}

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

#hd {
	background:#fff;
}

.topbar {
	padding:6.5px 0;
	background:#eeeeee;

}

.topbar ul {
	text-align:right;
}

.topbar ul li {
	display:inline-block;
	margin-left:5px;
}

.topbar ul li a {
	color:#333;
	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:#9d9b66;
}

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

.logo img {width:auto;}

/*=============================
	mvis
===============================*/

.mvis .slider {font-size:0;}
.mvis .slider .item {position:relative; width:100%; padding-top:30%;}
.mvis .slider .item .item_bg {position:absolute; left:0; top:0; width:100%; height:100%;
	background-size:cover;
	background-position:center center;
}
.mvis .slider .item .mtxt {position:absolute; top:44%; width:100%; padding:0 23%; text-align:left;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
	transform: translateY(-50%);
	text-shadow:1px 1px 8px rgba(0,0,0,0.1)
} 
.mvis .slider .item .mtxt > div span {display:inline-block; color:#fff; letter-spacing:-0.075em;}
.mvis .slider .item .mtxt img {display:inline-block; max-width:100%;}
.mvis .slider .item .mtxt .mtxt1 span {font-size:54px; font-weight:700;}
.mvis .slider .item .mtxt .mtxt2 span {font-size:32px; font-weight:500;}
.mvis .slider .item .mtxt .mtxt3 span {font-size:15px; font-weight:100; letter-spacing: -0.0015em}

/* 슬라이더 텍스트 효과*/
.mvis .slick-slide .mtxt span{transform:scale(0); transition:0.7s;     
	-webkit-transition-delay: 0.7s; 
	transition-delay: 0.7s;
}
.mvis .slick-slide.slick-active .mtxt span{transform:scale(1)}

/*=============================
	section1
===============================*/

.st1 {background:url("/theme/yr_fod02/img/main/st1/st1_bg.jpg");}
.st1 .st_left:after {display:block; clear:both; content:"";}
.st1 .st_left {float:left; width:33.2%; margin:0 0.8%; padding:40px; height: 758px; text-align:center; background-size: cover; background-position: center bottom; background-repeat: no-repeat;}
.st1 .st_left h2 {margin-bottom:40px;}
.st1 .st_left h2 img {max-width:100%;}
.st1 .st_left a {font-size:13px; letter-spacing:0.12em;}

.st1 .st_left a.btn {box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.04); border:0; color: #17461e; background-color: #ffffff; width:155px; height:40px; line-height:2.2em; border-radius:0;}

.st1 .st_left a.btn:hover,
.st1 .st_left a.btn:active,
.st1 .st_left a.btn:focus,
.st1 .st_left a.btn:focus {color: #fff; background-color: #17461e;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}



.st1 .st_right:after {display:block; clear:both; content:"";}
.st1 .st_right {float:right; width:65%;}

.st1 .st_right li {float:left; width:49%; height:auto; margin:0 1% 1% 0; overflow:hidden;}

.st1 .st_right .stbn03, .st1 .st_right .stbn04 {margin-bottom:0;}

.st1 .st_right li > a {display:block;}
.st1 .st_right li img {max-width:100%; height:auto; overflow:hidden; z-index:99999;}

.st1 .st_right li a .con_img img {display:block;}
.st1 .st_right li a:hover .con_img img {display:none;}
.st1 .st_right li a .con_img_ov img {display:none;}
.st1 .st_right li a:hover .con_img_ov img {display:block;}




/*=============================
	section2
===============================*/

section.st2 { padding:0;}
.st2 {position:relative; background-image: linear-gradient(to right, #1d1d1e 50%, #102a14 75%); color:#fff; overflow:hidden;}
.st2:after {display:block; clear:both; content:"";}

.st2 .st_cs {float:left; background:#1d1d1e; width:38%; }
.st2 .st_bd {float: left; background:#102a14; width:62%;}
.st2 .st_cs .st2_tit, .st2 .st_cs h2 {display: inline-block; height: 79px; line-height: 79px;}

.st2 .st2_tit {vertical-align: middle;}
.st2 .st2_tit img {width:100%;}

.st2 .st_cs h2 {vertical-align: middle; color:#fff; font-size: 25px; font-weight:400; letter-spacing:0.05em;}
.st2 .st_cs  p {line-height:32px;padding-top:4%;}

.st2 .st_bd .st2_tit, .st2 .st_bd .st2_bd {display: inline-block; vertical-align: middle;}
.st2 .st_bd .st2_bd {margin-left:10px;}

/*=============================
	footer
===============================*/

#footer { padding:30px 0; text-align:left; font-size:14px; border-top:1px solid #eee;}
#footer .inner {line-height:1.6em; padding:0 20px;}


/*=============================
	SUB
===============================*/

.svis {position:relative; height:250px; line-height:250px; color:#fff;text-align:center; background-size:cover; background-attachment: fixed; background-position:top center; overflow:hidden;}
.svis:before {position:absolute; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5);content:""}
.svis .stit {position:relative; z-index:1;display:inline-block; font-size:36px; font-weight:700;text-transform:uppercase}

#container {min-height:500px;}
#container .inner {padding:15px;}