/*=============================
	BASIC STYLE
===============================*/
input, textarea {outline-width:0;}
* {box-sizing:border-box;}
*: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;}
/* .inner:after {display:block;clear:both;content:"";} */
.mbody {background:#0b0b0b;}
.mbody + #footer {padding-top:240px;}
.sbody + #footer {padding:40px 0;}
.sbody #container .inner {padding:15px;background:#fff;}

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

/*로고 좌측 정렬시 적용*/
#hd {position:fixed; top:0; width:100%; height:144px;z-index:99;}
/* .fixed {position:fixed !important;margin-top:0 !important;} */
#hd .gnb_area {position:absolute;margin-top:24px; width:100%; height:144px; background:rgba(26, 26, 26, 0.7); z-index:99; }
#hd .gnb_area:after {display:block;clear:both;content:"";}
#hd .logo {float:left;}
#hd .gnb_area .gnb{float:right; margin-right:2%; padding:30px 0;}


/*로고 가운데 정렬시 적용*/
#hd2 {position:relative; width:100%; height:170px;}
#hd2 .gnb_area {position:absolute; width:100%; top:24px; background:rgba(0, 0, 0, 0.5);  z-index:99;}

#hd2 .gnb #web_cate_ul1_box { height: 48px; padding-top:0; text-align:center;}
#hd2 .gnb .web_cate_li1{float:left; position:relative; margin-right:60px; margin-left:60px; padding:0 0 10px 0;}
#hd2 .logo {margin:0 auto; width:100%; text-align:center;}

.topbar {position:absolute; top:0; width:100%; height:24px; line-height:24px; background:#1a1a1a; 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; content:""; margin: 0 5px 2px 0; width:4px; height:4px; border-radius:50%; background: #919191;}
.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;}


/*=============================
	Container Style
===============================*/
.st {background-repeat:no-repeat;background-position:center;background-size:cover;}
.st a {display:inline-block;}

/* st1 */
#st1 {position:relative;/* padding-top:46.6%; */height:888px;background-image:url('../img/main/st1/vis.jpg');background-attachment:fixed; }
.mtxt {display:table-cell;vertical-align:middle;bottom:40%;width:100%; max-width:; margin:0 auto; text-align:left;}
.mtxt h2 {margin-top:15px;padding:10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;font-size:27px;}
.mtxt p {margin:0 auto;padding-top:10px;font-size:10px;color:#ccc;}
.mtxt_area {position:absolute;top:0;right:0;bottom:0;left:0;}
.mt_area {display:table; width:100%; height:100%; margin:0 auto;text-align:left;}

/* st2 */
#st2 {position:relative;font-size:0;}
#st2 .st_con {margin-top:-145px;}
.st2_con1:after, .st2_con2:after {display:block;clear:both;content:"";}
.st2_con1 {background:#a50000;}
.st2_con1 .con_info {float:left;display:inline-block;width:408px;padding:40px;text-align:center;font-size:15px;background:#a50000;}
.st2_con1 .con_info h2 {padding:26px 0;font-size:17px;color:#dfdfdf;}
.st2_con1 .con_info a {color:#b7b7b7;line-height:1.6em}
.st_vis {float:right;width:63.5%;height:384px;}
.gallery {float:left;display:inline-block;width:62.5%;height:384px;text-align:center;background:#000000;}
.gallery .st_tit {padding:40px 0;}
.con_img {display:inline-block;width:37.5%;height:384px;background-image:url('../img/main/st2/st2_con2.jpg');background-position:center;background-size:cover;}
.st_gal {padding:9px;}

/* st3 */
#st3 {height:888px;margin-top:-143px;padding-top:270px;background-image:url('../img/main/st3/st3_bg.jpg');background-attachment:fixed;}
#st3 .st_con {width:75%;margin:0 auto;color:#fff;text-align:center;}
#st3 .st_con h2 {margin-bottom:40px;font-size:40px;font-weight:400;line-height:63px;}
#st3 .st_con p {margin-bottom:40px;font-size:15px;line-height:2em;}
#st3 .st_btn {width:250px;padding:8px 0;font-size:24px;color:#fff;border:2px solid #fff}
#st3 .st_btn:hover {background:#e2ba6a;border:2px solid #e2ba6a;}

/* st4 */
#st4 {margin-bottom:-240px}
#st4 .inner {font-size:0;}
#st4 .st_con {position:relative;margin-top:-144px;}
#st4 .st_con:after {display:block;clear:both;content:"";}
.st_map {float:left;width:62.5%}
.con_inner {display:table-cell;vertical-align:middle;}
#st4 .st_con_wrap {display:table;width:100%;height:100%;}
.st_info {right:0;width:37.5%;height:384px;padding:40px;background:#a50000;font-size:15px;text-align: center;}
.st_info h2 {padding:10px 0;font-size:46px;color:#ffd171;}
.st_info p {font-size:18px; color:#eae0e2;}

/*===============================
	Footer Style
===============================*/
#footer {background:#000000;}
.ft_copy {font-size:12px;color:#a7a7a7;line-height:24px;text-align:center;}

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

}

#footer .foot_con .ft_info {
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
	line-height:25px;
	color:#cecece;
}

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

/*===============================
	SUB STYLE
===============================*/
#container {background:#f4f4f4;}
#bo_v {margin:0;}
#bo_v_img {margin:0;}

/* svis */
#svis {
	position: relative;
	height:400px;
	background:#666 url('../img/common/svis.jpg') no-repeat;
	/* background-attachment:fixed; */
	background-size:cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	-webkit-background-size: cover;
	background-position:center;
	}

#svis .inner {position: absolute;left:0;right:0;top:0;bottom:0;}
#svis .st_con {display:table;width:100%;height:100%;}
#svis .con_wrap {display:table-cell;vertical-align:middle;color:#fff;text-align:center;}