/* TABLE OF CONTENTS */


/* color */

/* ie on active.js*/

.ov_hddn {
    overflow: hidden;
	height: 100%;    
}


/* BASIC STYLES */

	html, body {
		height: 100%;
	}

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


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

	input, textarea{
		outline: none;
	}

	.bg-light {
		color:#333;
	}
	.bg-shade {
		color:#eee;
	}

/*=============================
	BASIC STYLE
===============================*/

h3 {letter-spacing:-0.04em;}
.st_tit {text-align:center;}


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

.slider:after {display:block; clear:both; content:""} 
.slider .slider_item  {position:relative; width:100%; text-align:center;}
.slider .slider_item .item_bg {position:absolute; width:100%; height:100%;
	background-position:50% 50%;
	background-attachment:fixed;
	transition:all 1s ease;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slider .slick-slide:not(.slick-active) .item_bg  { 
	transform:scale(1.2);
	/* transition:all 1s ease; */
}
.slider .slick-slide.slick-active .item_bg  { 
	transform:scale(1);
}
.slider .slider_item:after {display:block; clear:both; content:""}
.slider .slider_item .mtxt {position:absolute; top:50%; left:50%; width:70%; *zoom:1;
	-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)
} 

.slider .slider_item .mtxt:after {display:block; clear:both; content:""}
.slider .slider_item .mtxt div {float:left; position:relative; left:-50%; width:100%; clear:left; text-align:center;}
.slider .slider_item .mtxt div img {display:inline-block; max-width:100%;}
.slider .slider_item .mtxt div span {display:inline-block; }
.slider .slider_item .mtxt .mtxt1 span {color:#fff; font-size:52px; line-height:1;   padding:10px; background:#424a6b}
.slider .slider_item .mtxt .mtxt2 span {color:#fff; font-size:52px; line-height:1;   padding:10px; }
.slider .slider_item .mtxt .mtxt3 span {color:#fff; font-size:16px; line-height:1.4; padding:10px; }

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

/* TOPBAR */
#topbar {
	width:100%;
	min-height:30px; 
	line-height:30px;
	padding:0 20px;
	font-size:0;
	background:#eee;
	border-bottom:1px solid #ededed;
}
#mbody #topbar {
    position:absolute; 
    top:0;
    right:0;
	z-index:3;
}
#mbody #topbar ul {
	max-width:100%;
}
#topbar ul {
	max-width:1170px;
	margin:0 auto;
}

#topbar li {
	display:inline-block;
	font-size:12px;
	margin-right:18px;
}
#topbar li:last-child {
	margin-right:0;
}
#topbar .num i {
	margin-right:10px;
}



#topbar .top_link {
	text-align:center;
    
	
}

#topbar .top_link li {
	display:inline-block;
    font-size:0;
}

#topbar .top_link li a {
    font-size:11px;
    color:#333;
}

/* NAV */
#header  {
	height:100px;
	border-bottom:1px solid #eee;
    background-color:#fff;
}

#header, #header .logo *, header nav{
	transition:all 0.5s ;
}


#header .logo {
	float:left;
	z-index:99;
}

#header .logo a {
    display:inline-block;
    margin-top:15px;
}

#header .logo img {
	width:108px;
	height:66px;
}

/* fixed */

#header.fixed {
    position:fixed;
    top:0;
    z-index:10;
    width:100%;
    height:80px;
    
}

#header.fixed .logo {}

#header.fixed .logo img {
    width:80%;
    height:auto;
    
}
#header.fixed #nav {
    margin-top:15px;
}

#header.fixed .web_cate_ul1 {
}

#header #nav {
	float:right;
	margin-top:30px;
}


/* THEME COMMON */
.st {
	padding:140px 0 130px 0;
	 background: linear-gradient(to right, rgba(255, 0, 0, 0.12) 0%, rgba(255, 66, 66, 0.22) 22%, rgb(255, 255, 255) 100%);
}

.st .st_tit {
	margin-bottom:100px;
}

.st .st_tit h1 {
	margin-bottom:20px;
	color:#222;
}

.st .st_tit p {
	font-size:15px;
}

.con_img {
	margin-bottom:40px;
}

.con_img img {
	width:100%;
	height:auto;
}

.con_info h3 {
	font-size:24px;
	margin-bottom:18px;
	color:#222;
}

.con_info p {
	font-size:13px;
	min-height:3.6em;
	margin-bottom:30px;
	text-align:left;
}

.con_info a {

}


#st2 {
	background-attachment:fixed;
}

#st2 .st_tit{
	
}

#st2 .st_tit h1{
	color:#fff;
}

#st2 .con_info {
	height:276px;
	padding:30px;
	background-size:cover;
}

#st2 .con_info h3 {
}

#st2 .con_info p {
	width:50%;
	color:#333;
}

/* section3 */


#st3 {
	background-color:#fff;
}

#st3 .con_img {
	text-align:center;
}

#st3 .con_img img {
	width:150px; 
	height:173px;
}

#st3 .con_info {
	text-align:center;
}

#st3 .con_info h3{
	position:relative;
	display:inline-block;
	font-size:18px;
}


#st3 .con_info h3 .txt_line{
	position:absolute;
	left:50%;
	bottom:-6px;
	display:block;
	width:0%;
	height:2px;
	background:#3b3f4e;
	transition:all 0.5s ease;

}
#st3 .st_con > div:hover h3 .txt_line {
	left:0;
	width:100%;
}

/* section4 */

#st4 {
	background-color:#fff;
}


#st5 {
	position:relative;
	background-position:50% 50%;
	background-attachment:fixed;

}

#st5:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0)
}

#st5 .st_tit {
	position:relative;
	z-index:1;
    margin-bottom:0;
}

#st5 .st_tit h1 {
	display:inline-block;
	font-size:28px;
	letter-spacing:-0.04em;
	padding:10px 10px;
	background-color:#333;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#eee;
}

#st5 .st_tit p {
	font-size:25px;
	color:#fff;
}


#st6 {
    padding:0;
    font-size:0;
}


#st6 .st_map {
    position:relative;
    z-index:1;
}

#st6 .st_map:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5)
}

#st6 .st_tit{
    position:relative;
    z-index:2;
	margin-top:-280px;
	margin-bottom:0;
    color:#fff;
}

#st6 .st_tit h1{
	color:#fff;
}

#st6 .st_tit p{
    padding-bottom:30px;
}

#footer {
	background-color:#222;
    color:#fff;
	text-align:center;
}

#footer h3 {
	margin-bottom:30px;
    color:#148df9;
}

#footer .ft_info {
	padding:80px 0 60px 0;
	text-align:center;
}




/* cs_info */
#footer .cs {
    width:100%;
    text-align:center;
    
 }

#footer .cs .cs_num {
    display:inline-block;
}

#footer .cs .cs_num li {
    margin-bottom:14px;  
    font-size:25px;
    text-align:center;
}

#footer .cs .cs_num p {
    font-size:18px;
}


#footer .cs .cs_num li:last-child {
    margin-bottom:0px;
}

#footer .cs i {
    width:24px;
    height:24px;
    margin-right:10px;
    line-height:24px;
    font-size:13px;
    text-align:center;
    border:1px solid rgba(255,255,255,0.3);
    opacity:0.6;
    border-radius:50%;
}



/* sns */
#footer .ft_info .sns li {
	display:inline-block;
	padding:0 20px;
}

#footer .ft_menu {
	border:1px solid rgba(255,255,255,0.7);
	border-left:0;
	border-right:0;
    font-size:0;
}


#footer .ft_menu ul {
	display:inline-block;
	padding:6px 0;
    *zoom:1;
}

#footer .ft_menu ul:after {
	display:block;
	clear:both;
	content:"";
}

#footer .ft_menu li {
	float:left;
	margin-right:30px;
}

#footer .ft_menu li:last-child {
	margin-right:0;
}

#footer .ft_menu li a {
    font-size:11px;
	color:#fff;
}

#footer .ft_copy {
	padding:40px 0;
    color:#fff;
}


/*===============================
	FOOTER STYLE
===============================*/



/* FOOTER */


/* SCROLL TO TOP */

	.scroll-up {
		position: fixed;
		display: none;
		z-index: 999;
		bottom: 1.8em;
		right: 1.8em;
	}

	.scroll-up ul{
		margin: 0;
		padding: 0;
	}

	.scroll-up li{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.scroll-up a {
		background-color: #fff;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		color: #000;
		font-size: 20px;
		line-height: 38px;
		box-shadow: 0px 0px 6px #ccc;
	}

	.scroll-up a:hover,
	.scroll-up a:active {
		background-color: #f5f5f5;
		color: #000;
	}




/*===============================
	SUB STYLE
===============================*/
#container {padding:30px 0;}



/* 서브 슬라이더 */
#svis {
	position:relative;
	height:300px;
	background:url(../img/common/svis.jpg)no-repeat;
	background-size:cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	}
#svis .stit {
    position:absolute;
    top:50%;
    width:100%;
    color:#fff;
    text-align:center;
    
}
#svis #container_title{
	margin:0;
	padding:0;
	border:0;
	font-size:36px;
	letter-spacing:-0.04em;
	text-align:center;
	color:#fff;
	margin-top:120px;
	opacity:0.8;
}

#svis h1 {
	text-align:center;
}




/* 서브 컨텐츠 */


#bo_v {
	padding:0;
}

#bo_v_atc {
	padding:0 !important;
}

#bo_v_title {display:none;}

#bo_v_con .con_st {
	margin-bottom:120px;
}

#bo_v_con .con_st:last-child {
	margin-bottom:0px;
}

#bo_v_con .container {
	padding-left:0;
	padding-right:0;
}

#bo_v_con .container h3 {
	margin-bottom:30px;
	letter-spacing:-0.12em;
	font-weight:500
}

#bo_v_con .container img {margin-bottom:30px;}


#bo_v_con .container p {
	letter-spacing:-0.1em;
	font-weight:normal;
}



/* lg */ 
@media (min-width: 1200px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
}

/* xs */
@media (max-width: 767px) {
	#bo_v_con .con_st img {
	 width:100%;
	}
	#bo_v_con .con_st {
		margin-bottom:70px;
	}
	#bo_v_con .con_st2 p {
		margin-bottom:30px;
	}
}