/* TABLE OF CONTENTS

	1. BASIC
	2. EFFECT
	3. BUTTONS
	4. HEADER
	5. SLIDER
	6. SUB
	7. SECTION
	8. FOOTER

*/

/*==========================================================
     Basic Style
============================================================*/

body {
	overflow-x:hidden;
}

a {
	color:#333;
	-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;
}

input, textarea {
	outline-width:0;
}

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



.inner {width:100%;max-width:1080px;margin-left:auto;margin-right:auto;}


/*==========================================================
     Buttons Style
============================================================*/

.button: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;
	background:#eee;
	border:1px solid #efefef;
	color: #191919;
}

.button {
	width: 157px;
	height: 40px;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 400;
	border: none;
	/* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); */
	transition: all 0.3s ease 0s;
	cursor: pointer;
	outline: none;
	margin-top:30px;
	color:#fff;
	background:rgba(0,0,0,0.53);
	border:1px solid #fff;
	font-family: 'Open Sans', sans-serif;
  }

.button:hover { }

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

/*로고 좌측 정렬시 적용*/
#hd2 {position:fixed; top:0;left:0;height: 24px;z-index: 70;width: 100%; padding: 0; margin:0;}
#hd2 .topbar {width:100%; height:24px; line-height:24px; background:rgba(0, 0, 0, 0); z-index:999;}


/*로고 좌측 정렬시 적용*/
#hd {position:relative; width:100%; height:120px;}
#hd .gnb_area {position:absolute; top:24px; width:100%; height:96px; /* background:rgba(0, 0, 0, 0.5); */ z-index:99; /* border-bottom: 1px solid #666; */}
#hd .gnb_area:after {display:block;clear:both;content:"";}
#hd .logo {float:left;}
#hd .gnb_area .gnb{float:right; padding:20px 0 ;}

.topbar {position:absolute; top:0; width:100%; height:24px; line-height:24px; background:#1b1b1b; z-index:999;}
.topbar ul {padding-right:15px;padding-left:15px;text-align:right;}
.topbar ul li {display:inline-block; margin-left:5px;}
.topbar ul li a {color:#fff; font-size:12px; font-weight:200; letter-spacing:1px;}
.topbar ul li:before {display:inline-block;}
.topbar ul li:hover span {background:#fff;}
.topbar ul li:hover:before {background:#cebde6;}
.topbar ul li span {display:inline-block;margin:0 5px 2px 0;width:4px;height:4px;border-radius:2px;background:#ffcc00;}

/*==========================================================
     contaniner 
============================================================*/

#container {}  /*로고 가운데 정렬시 -146px로 수정 */



/*==========================================================
     menu
============================================================*/
#menu{text-align:center;}

#menu li {
	display:inline-block;	
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}

#menu li .fas{color:#8c8c8c;}

#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #fff;
	padding: 9px 18px;
}
#menu li.active a:hover{
	color: #fff;
}
#menu li:hover{
	background: rgba(0, 0, 0, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}

#menu{
	position:fixed;
	top:42px;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
#menu li.hbtn{background:none;}

/*==========================================================
     Sub
============================================================*/

#svis {height:316px; margin-top:-96px;/*  margin-bottom:96px; */  background:url(../img/common/svis.jpg) center center; background-size:cover;}
#svis .inner {display:table;width:100%; padding-top:96px; height:316px;}
#svis .st_con {display:table-cell;  vertical-align:middle;}
#svis .st_con h2 {color:#333; text-align:center; font-weight:300;}
#svis #container_title {
	display:table-cell;
	vertical-align:middle;
	padding:0;
    letter-spacing: -0.5px;
    font-size: 36px;
    color: #fff;
    border-bottom: 0;
	text-align:center !important;
	margin-top:96px;
}

#bo_v_title {display:none;}
#bo_v_con {
	line-height:normal;
	text-align:center;
}


/*==========================================================
     Section Style
============================================================*/


#main {width:100%; height:auto;}

/* Section bg */
#section1{background:url(../img/main/main01.jpg) left top; background-size:cover;}
#section2{background:url(../img/main/main02.jpg) left top; background-size:cover;}
#section3{background:url(../img/main/main03.jpg) left top; background-size:cover;}
#section4{background:url(../img/main/main04.jpg) left top; background-size:cover;}
#section5{background:url(../img/main/main05.jpg) left top; background-size:cover;}
#section6{background:url(../img/main/main06.jpg) left top; background-size:cover;}

.section {text-align:center;}
.section .mtxt {color:#fff;}
.section .mtxt h1 {font-size:60px;margin-bottom: 20px}
.section .mtxt p{font-size:18px; margin-bottom: 40px}

#section1 .mtxt h1 {font-size:40px;}




/*==========================================================
     Footer Style
============================================================*/

/* index 푸터따로 적용 */
#footer1{position:fixed;bottom:10%;left:0;height: 40px;z-index: 70;width: 100%;padding: 0; margin:0;  text-align:center; color:#909090; }
#footer1 .foot_con .ft_info {margin-bottom:10px; }
#footer1 .foot_con .sns{display:block; text-align:center; margin-bottom:50px; }
#footer1 .foot_con .sns li{display:inline; margin:10px;}



#footer {
	background:#272727;
	color:#fff;
	
}

#footer .foot_con{
	display:table;
	width:100%;
	height:120px;
	padding-left:10px; 

}

#footer .foot_con .ft_info {
	display:table-cell;
	vertical-align:middle;
	
}

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