/* color: #11c0a7; */

/* BASIC STYLES */

	html, body {height: 100%;}
	body {letter-spacing:-0.025em;}
	a { 
		
		-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:hover, a:active, a:focus, button:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
	}

	a.btn {
		border:0; 
		color: #fff;
		background-color: #006acc;
		
	}
	a.btn:hover,
	a.btn:active,
	a.btn:focus,
	button:focus {color: #006acc;background-color:#fff;}
	
	input, textarea{
		outline: none;
	}

		
/*=============================
	common
===============================*/
.inner {max-width:1200px; margin-left:auto; margin-right:auto; padding:0 15px;}
.inner:after {display:block; clear:both; content:"";}
.st1,.st2,.st3,.st4,.st5 {padding:130px 0 120px;}
.st_tit h2 {margin-bottom:30px; font-size:36px; font-weight:700; color:#111;}

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


#header {background:#fff;}
#header .header_con {height:100px; margin-top:0px; background:#fff;}
#header .header_con .inner {padding-top:25px}
#header .header_con .logo {float:left; position:relative; z-index:1;}
#header .header_con .logo img {width:198px; height:50px;}
#header .header_con .nav {float:right; }
#header .header_con .nav * {transition:all 1s ease;}

#header .tnb {position:; top:0; width:100%; height:40px; line-height:40px; color:#333; background:#eee;}
#header .tnb:after {display:block; clear:both; content:""}
#header .tnb ul:after {display:block; clear:both; content:""}
#header .tnb ul li {float:left; margin-right:10px;}
#header .tnb ul li:last-child {margin-right:0;}

#header .tnb .tnb_info {float:left;}
#header .tnb .tnb_info i {color:#01417f; margin-right:8px;}
#header .tnb .tnb_link {float:right; font-size:11px;}

#header .tnb a {color:#333;}
#header .tnb a:hover,
#header .tnb a:active,
#header .tnb a:focus, button:focus 
#header .tnb button:focus {color:#01417f;}
/* #header * {transition:all 1s ease;} */
#header .header_con.fixed {position:fixed;top:0;z-index:10;width:100%;height:80px; margin-top:0; padding-top:0;}


/*=============================
	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:50%; width:100%; padding:0 8%; text-align:center;
	-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 p{margin-bottom:10px;}
.mvis .slider .item .mtxt .mtxt1 span {font-size:54px; font-weight:700; color: #111;}
.mvis .slider .item .mtxt .mtxt1 .en {font-size:30px; font-weight:500; color: #111; letter-spacing: 0em;}
.mvis .slider .item .mtxt .mtxt2 span {font-size:54px; font-weight:700; color:#fff; } 
.mvis .slider .item .mtxt .mtxt2 .en {font-size:30px; font-weight:500; color: #fff; letter-spacing: 0em;}
/* .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:#fff; color:#666;}
.st1 .st_con {margin-left:-1%;}
.st1 .st_con li {float:left; width:25%; padding:0 1%; overflow:hidden;}
.st1 .st_con li > a {display:block;}
.st1 .st_con li .con_img {position:relative; width:100%; padding-top:130%; overflow:hidden;}
.st1 .st_con li .con_img img {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; }
.st1 .st_con dl {padding:10px 10px; min-height:100px; background:#568de1;}
.st1 .st_con dl dt {font-size:22px; color:#fff; text-align: center; font-weight:500; margin-bottom:13px;}
.st1 .st_con dl dd {font-size:14px; color:#fff; text-align: right; font-weight:300; line-height:1.4; margin-right:10px;}

/* 배너 효과 */
.st1 *,
.st1 *:after,
.st1 *:before  {transition:0.3s; overflow:hidden;} 
.st1 .con_img {position:relative;}

/* image */
.st1 .con_img img {transform:scale(1)}
.st1 li > a:hover .con_img img {transform:scale(1.1);} 

/* background */
.st1 .con_img:before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; margin:auto; width:100%; height:100%; background:rgba(225, 225, 225, 0.4); transform:scale(1.2); opacity:0 }
.st1 li > a:hover .con_img:before {transform:scale(1); opacity:1} 
 
.st1 .con_img:after {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; margin:auto; width:60px; height:60px;  line-height:60px; border-radius:50%; content:"\f0c1"; font-family:FontAwesome; font-size:20px;  text-align:center; color:rgba(1, 65, 127 , 1); background:#fff; transform:scale(0)}
.st1 li > a:hover .con_img:after {transform:scale(1)} 


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

section.st2 { padding:0;}
.st2 {position:relative; background:#2a2a2a; color:#fff; overflow:hidden; background: url(/theme/yr_fod01/img/main/section2/st2_bg.jpg); background-size: contain; }
.st2:after {display:block; clear:both; content:"";}
.st2 .st_con {position:absolute; top:50%; width:50%; padding:50px; text-align:center;  
	-ms-transform: translateY(-50%); 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.st2 .st_con .txt1 {font-size:22px; font-weight:700; margin-bottom:20px;}
.st2 .st_con .txt2 {font-size:38px; letter-spacing:-0.075em; line-height:1.2; color:#fff;}
.st2 .st_con .btn_wrap {height:50px; margin-top:20px;}
.st2 .st_vis {float:right; width:50%; background:burlywood}
.st2 .st_vis .slick-slide {font-size:0;}
.st2 .st_vis img {width:100%;}

/*=============================
	section3
===============================*/
.st3 {background:#f7f7f7; color:#666;}

/*=============================
	section4
===============================*/
.st4 {background:#000; color:#fff; 
	position:relative; z-index:0; padding:150px 0; background-size:cover; background-position:50% 50%; background-attachment:fixed;
}
.st4:before {display:block; position:absolute; left:0; top:0;width:100%; height:100%; background:rgba(0,0,0,0.6); content:"";}
.st4 .st_con {position:relative; z-index:1; font-size:44px; font-weight:100; letter-spacing:-0.1em;text-align:center;}


/*=============================
	section5
===============================*/
.st5 {padding:30px 0;}
.st5 .inner .mboard .lt_title,
.st5 .inner .bn_cs dt { font-size:20px; color:#fff;}
.st5 {background:#333; color:#fff;}
.st5 .inner > div { float:left; width:31.333%; max-height:250px; margin:1%; padding:2%;  overflow:hidden; }
.st5 .inner .mboard {}
.st5 .inner .mboard .latest {padding:0; margin:0;}

.st5 .inner .bn_cs {}
.st5 .inner .bn_cs dt {margin-bottom:40px; }
.st5 .inner .bn_cs dd {margin-bottom:15px; font-size:18px; }
.st5 .inner .bn_cs dd i {display:inline-block; width:30px; height:30px; line-height:30px; margin-right:20px; border-radius:50%; color:#0185ff; text-align:center; background:#fff; }

.st5 .inner .bn_map {overflow:hidden;}
.st5 .root_daum_roughmap {width:initial; height:initial; }
.st5 .root_daum_roughmap .map {width:100%; padding-top:60%;}
.st5 .root_daum_roughmap .wrap_map {width:initial; height:initial; }

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

#footer { padding:30px 0; text-align:center; font-size:12px; border-top:1px solid #333; background:#333; color:#fff;}
#footer .inner span {margin:0 5px;}
#footer .inner span b {margin-right:3px;}


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

.svis {position:relative; height:250px; line-height:250px; color:#111;text-align:center; background-size:cover; background-position:50% 50%; overflow:hidden;}
.svis:before {position:absolute; display:block; width:100%; height:100%; 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;}