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

	.st2 a.btn {
		border:0; 
		color: #9e7150;
		background-color: #fff;
		
	}
	.st2 a.btn:hover,
	.st2 a.btn:active,
	.st2 a.btn:focus {color:#9e7150;background-color:#f1e4da;}
	
	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:#333;}

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


#header {background:#fff;}
#header .header_con {height:100px; margin-top:40px; 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:148px; height:50px;}
#header .header_con .nav {float:right; }
#header .header_con .nav * {transition:all 1s ease;}

#header .tnb {position:absolute; top:0; width:100%; height:40px; line-height:40px; color:#fff; background:#2a2a2a;}
#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;font-size:13px;}
#header .tnb .tnb_info i {color:#d5493e; margin-right:8px;}
#header .tnb .tnb_link {float:right; font-size:11px;}

#header .tnb a {color:#fff;}
#header .tnb a:hover,
#header .tnb a:active,
#header .tnb a:focus, button:focus 
#header .tnb button:focus {color:#ccc;}
/* #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:inherit; height:100%;
	background-size:cover;
	background-position:center center;
}
.mvis .slider .item .mtxt {position:absolute; top:50%; width:100%; padding:0 9%; left:0; right:0; margin:auto;
	-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;}
.mvis .slider .item .mtxt .mtxt1 span {font-size:54px; font-weight:700;}
.mvis .slider .item .mtxt .mtxt2 span {font-size:32px; font-weight:400; margin-bottom:30px;}
.mvis .slider .item .mtxt .mtxt3 span {font-size:16px; font-weight:300; 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:#28282a;}
.st1 .st_con dl dt {font-size:22px; color:#fff; font-weight:500; margin-bottom:2px;}
.st1 .st_con dl dd {font-size:14px; color:#cfcfcf; font-weight:300; line-height:1.4;}

/* 배너 효과 */
.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(173, 56, 47, 0.75); transform:scale(1.2); opacity:0 }
.st1 li > a:hover .con_img:before {transform:scale(1); opacity:1} 

/* icon */
.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:#ad382f; background:#fff; transform:scale(0)}
.st1 li > a:hover .con_img:after {transform:scale(1)} 


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

section.st2 { padding:0;}
.st2 {position:relative; background:#9e7150; color:#fff; overflow:hidden;}
.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:20px; font-weight:700; color:#cdaa90; margin-bottom:20px;}
.st2 .st_con .txt2 {font-size:33px; letter-spacing:-0.06em; line-height:48px; font-weight:300;}
.st2 .st_con .btn_wrap {height:50px; margin-top:45px;}
.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:#fff; 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%; content:"";}
.st4 .st_con {position:relative; z-index:1; font-size:36px; 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:#272727; color:#fff;}
.st5 .inner > div { float:left; width:31.333%; max-height:260px; 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:16px; }
.st5 .inner .bn_cs dd i {display:inline-block; width:36px; height:36px; line-height:36px; margin-right:10px; font-size:20px; border-radius:50%; color:#333; text-align:center; background:#fff }
.st5 .inner .bn_cs span {position:absolute;padding-top:5px;}

.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; line-height:20px; color:#757575; background:#171717;}
#footer .inner span {margin:0 5px;}
#footer .inner span b {margin-right:3px;}


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

.svis {position:relative; height:250px; line-height:250px; color:#fff;text-align:center; background-size:cover; background-position:50% 50%; 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;}