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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

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


.inner {width:100%; padding:0 30px; max-width:1170px; margin-left:auto;margin-right:auto;}


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

.button:hover {
	-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;
}

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

/*로고 좌측 정렬시 적용*/
#hd {padding-top:24px; background:#ffffff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.01); }
#hd .gnb_area:after {display:block;clear:both;content:"";}
#hd .gnb_area { height:96px; }
#hd .logo {float:left;}
#hd .gnb_area .gnb{float:right;  width: 100%; margin-right:2%;}


/*로고 가운데 정렬시 적용*/
#hd2 {background:#ffffff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); }
#hd2 .logo {margin:0 auto; width:100%; text-align:center;}


/*header background 투명도*/
#header {position: absolute; top: 0; width: 100%; height: 126px; margin-top: 26px; background: rgba(255, 255, 255, 0.7); z-index: 9999;}
#header .inner {position:relative;}

.tnb {width:100%;height:26px;background: #666; z-index:999999;}
.tnb ul {padding:2px;text-align:right;}
.tnb ul li {display:inline-block;margin-right:10px;}
.tnb ul li a {color:#f7f7f7;font-size:12px;font-weight:300;letter-spacing:1px;}
/*.tnb ul li:before {display:inline-block; content:""; margin: 0 5px 2px 0; width:4px; height:4px; border-radius:50%; background: #ee203e;}*/
.logo {margin:12px auto; width:100%; text-align:center;}
.logo a {display:inline-block;}


.gnb:after {display:block;clear:both;content:"";}
.gnb_area {background:#fff; border-bottom:solid 1px #eee; width:100%; height:90px;}
.gnb #web_cate_ul1_box {text-align:center;}


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

#mvis {font-size:0;}


#mvis .mimg {display:block; position:relative; width:100%; }

#mvis .mimg01 {height:840px; background:url(../img/main/vis/mvis01.jpg) center no-repeat; background-size:cover;}
#mvis .mimg02 {height:840px; background:url(../img/main/vis/mvis02.jpg) center no-repeat; background-size:cover;}
#mvis .mimg03 {height:840px; background:url(../img/main/vis/mvis03.jpg) center no-repeat; background-size:cover;}

#mvis .mimg .main_bg {position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0);}
#mvis .mimg .mtxt {position:absolute; top:28%; right:17%; width:100%; z-index:1; color:#fff; text-align:center;}

#mvis .mimg .mtxt .icon {margin:0 auto; }
#mvis .mimg .mtxt .icon img {margin:0 auto; }
#mvis .mimg .mtxt h1 {font-size:70px; font-weight:300;  margin:32px 0 20px;}
#mvis .mimg .mtxt h1 span {font-weight:500;}
#mvis .mimg .mtxt h3 {font-size:28px; font-weight:400; letter-spacing:-0.06em; line-height:2em;}
#mvis .mimg .mtxt p {font-size:18px; font-weight:300; letter-spacing:-0.06em;}



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

#svis {height:374px; background:url(../img/common/svis.jpg) top center; background-attachment:fixed;}
#svis .inner {display:table;width:100%;height:464px;}
#svis .st_con {display:table-cell;vertical-align:middle;}
#svis .st_con h2 {color:#fff; 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;
}

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


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

.st:after{display:block; clear:both; content:"";}


/*----- section01 -----*/

#st1 {overflow: visible; padding:80px 0; background-image:url(../img/main/section01/st1_bg.jpg); background-repeat:no-repeat; background-position:top center; }
.bgfixed {background-attachment:fixed;}
#st1 .st_tit {text-align:center; color:#0b0b0b;}
#st1 .st_tit h2 {font-size:40px; font-family: 'KBIZHanmaumMyungjoB', serif;}
#st1 .st_tit p {font-size:16px;}
#st1 .st_tit .tit_icon img {margin:10px auto;}
#st1 .st_con {margin-top:46px;}

.st .st_banner:after{display:block; clear:both; content:"";}

#st1 .inner > div{}

#st1 .st_con .st_bn {position: relative; width:33.333%; float:left; padding: 0 1.35%;}
#st1 .st_con .st_bn a {display:block;}

#st1 .st_con .st_bn .con_img {overflow: hidden; opacity:1.0; }
#st1 .st_con .st_bn .con_img img {width: 100%; height: auto;}
#st1 .st_con .st_bn .con_bg {background:#000;  box-sizing: border-box;}


#st1 .st_con .st_bn .con_info {position: absolute; padding:35px; bottom: 0; /* opacity:0.4; */ z-index:9999;}
#st1 .st_con .st_bn .con_info h1 {bottom:35px; font-size:38px; font-weight:400; color:#fff;}


#st1 .st_con .st_bn .con_info .line {display:none; background:rgba(255, 255, 255, 0.3); width:85%; margin:20px 0 30px; height:1px;}
#st1 .st_con .st_bn .con_info h3 {display:none; font-size:14px; font-weight:300; color:#fff; width:85%; line-height:1.5em; margin-bottom:24px;}
#st1 .st_con .st_bn .con_info .btn {display:none; text-transform:uppercase; background:#fff; width:144px; height:40px; line-height:2.2em; color:#000000; font-size:12px; border-radius:0;}


/* hover effect */

#st1 .st_con .st_bn:hover {cursor:pointer; }
#st1 .st_con .st_bn:hover .con_bg {background:#efc354; 
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.st_bn:hover .con_img img {overflow: hidden; opacity:0.2; }

#st1 .st_con .st_bn:hover .con_info {opacity:1;
	-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_con .st_bn:hover h1 {bottom:0; position: relative; }


#st1 .st_con .st_bn:hover .line ,
#st1 .st_con .st_bn:hover h3 ,
#st1 .st_con .st_bn:hover .btn  {display:block; 
		-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;
}



/* gallery */
#st1 .st_gallery {display:block; }
#st1 .st_gallery:after{display:block; clear:both; content:"";}
#st1 .st_gallery .st_tit {display:block; margin-top:160px;}



/*----- section02 -----*/

#st2 {padding:22px 0; background:#555555;}
#st2 .inner {width:100%;}

#st2 .inner > div {float:left; width:33.333%; max-height:250px; min-height:170px; padding:2.5%;  overflow:hidden; }
#st2 .inner > div:last-child {margin-right:0;}

#st2 .inner .st2_cs {width:33.3333%;}


#st2 .inner > div h2 {text-align:left; font-size:20px; font-weight:400; color:#fff;}
#st2 .st2_cs span {display:block; width:100%; height:1px; background:#fff; margin:12px 0;}
#st2 .st2_cs span .color {display:block; width:45%; height:1px; background:#efc354;}
#st2 .st2_cs div h3 ,
#st2 .st2_cs div p {line-height: 1.9em; color:#fff; font-weight:300; letter-spacing:0.04em; display:inline-block; vertical-align: middle;}

#st2 .st2_cs div h3 {font-size:23px;}
#st2 .st2_cs div p {font-size:18px;}

#st2 .st2_bd h2 ,
#st2 .st2_map h2 {margin-bottom:18px;}

#st2 .st2_map iframe {height:124px;}
/*==========================================================
     Footer Style
============================================================*/

#footer {
	background:#333333;
	
}

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

}

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

#footer .foot_con .ft_info span {line-height: 24px; color:#eeeeea;}
#footer .sns {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	margin-bottom: 20px;
}

#footer .sns ul li img {opacity:0.2;}

#footer .sns ul li {
	display:inline-block;
	margin:0 15px;
}

#footer .sns ul li img:hover {
	opacity:0.7;
}



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