@charset "utf-8";

#container_wrap {position:relative;min-width:320px;}
#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#container_wrap h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 본문 바로가기 */
#skip_to_container a {
	z-index:100000;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden
}
#skip_to_container a:focus,
#skip_to_container a:active {
	width:100%;
	height:75px;
	background:#21272e;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:3.3em
}

#top_btn {
	display:block;
	position:fixed;
	right:10px;
	bottom:10px;
	width:40px;
	height:40px;
	color:#222;
	font-size:32px;
	line-height:38px;
	text-align:center;
	background:#fff;
	border:solid 1px #444;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#top_btn:hover {
	color:#ff7700;
	background:#444;
}

@-webkit-keyframes
scroll {0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}
@keyframes
scroll {0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity:0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
}


/* sub visual */
#viz {
	position:relative;padding:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#viz .mouse {
	display:block;
	position:absolute;
	left:50%;
	bottom:20px;
	width:20px;
	height:30px;
	border:solid 2px rgba(255,255,255,0.4);
	border-radius:20px;
	-webkit-transform: translateX( -50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#viz .mouse .dot {
	display:block;
	position:absolute;
	left:50%;
	top:5px;
	width:4px;
	height:4px;
	margin:0 0 0 -2px;
	background:rgba(255,255,255,0.4);
	border-radius:20px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: scroll;
	animation-name: scroll;
}

#viz_sub {display:none;position:relative;width:100%;height:320px;background:#444;}
#viz_sub h2 {
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	color:#fff;
	font-size:36px;
	font-weight:500;
	text-align:center;
	-webkit-transform: translateY( -50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#viz_sub,
#viz_sub h2 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* snb */
.snb {display:none;position:absolute;left:0;bottom:0;width:100%;border-top:solid 1px rgba(255,255,255,0.4);background:rgba(0,0,0,0.2);z-index:9}
.snb ul {width:100%;max-width:1280px;margin:0 auto;font-size:0;line-height:0;text-align:center;}
.snb ul:after {display:block;visibility:hidden;clear:both;content:""}
.snb ul li {display:inline-block;max-width:300px;border-left:solid 1px rgba(255,255,255,0.4);}
.snb ul li:last-child {border-right:solid 1px rgba(255,255,255,0.4);;}
.snb ul li a {
	display:block;
	color:#fff;
	font-size:14px;
	line-height:49px;
	text-align:center;
	background:rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.snb ul li a:hover {color:#fff;background:rgba(0,0,0,0.4);}
.snb ul li a.on {color:#ff7700;background:rgba(0,0,0,0.4);}

/* location */
#location_wrap {position:relative;margin:0 0 40px 0;background:#fff;border-bottom:solid 1px #ccc}
#location_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#location_wrap strong {color:#444;font-weight:700;}
ul.lnb {width:100%;max-width:1200px;margin:0 auto;}
ul.lnb li {display:block;float:left;position:relative;font-size:0;}
ul.lnb li a {display:block;position:relative;width:100%;min-width:240px;padding:0 40px 0 16px;font-size:14px;color:#666;line-height:50px;cursor:pointer;border-right:solid 1px #ddd;}
ul.lnb li a.lnb_home {width:40px !important;min-width:50px !important;padding:0;text-align:center;background:none}
ul.lnb li a strong {color:#444 !important;font-weight:400 !important}
ul.lnb li a .arrow {display:block;position:absolute;right:10px;top:50%;margin:-22px 0 0 0;color:#444;font-size:18px;}
ul.lnb li a i {}
ul.lnb li ul {display:none;position:absolute;left:0;top:50px;width:100%;overflow:hidden;z-index:99}
ul.lnb li ul li {display:block;float:none;}
ul.lnb li ul li:last-child {border-bottom:solid 1px #ccc;}
ul.lnb li ul li a {
	display:block;
	overflow:hidden;
	margin:0;
	color:#666;
	font-size:13px;
	line-height:40px;
	white-space:nowrap;
	background:#fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-overflow:ellipsis;  /* IE, Safari */
	-o-text-overflow:ellipsis;  /* Opera under 10.7 */
	-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.lnb li ul li a:hover {color:#fff;background:#444}

#location_simple_wrap {position:relative;margin:0 0 40px 0;}
#location_simple_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#location_simple_wrap .location_simple {width:100%;max-width:1200px;margin:0 auto;color:#999;font-size:13px;line-height:40px;}
#location_simple_wrap .location_simple i {color:#ccc;font-size:20px;}
#location_simple_wrap .location_simple strong {color:#666;font-weight:400;}

/* body */
#body_wrap {position:relative;padding:40px 0 80px 0;}
#body_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#body_wrap h2.title {
	display:block;
	width:100%;
	max-width:1200px;
	margin:0 auto 48px auto;
	color:#222;
	font-size:30px;
	font-weight:500;
	text-align:center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#footer_wrap {position:relative;padding:40px;background:#222;}
#footer_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer {position:relative;width:100%;max-width:1280px;margin:0 auto;color:#999;}

#footer_wrap .footer .bnb_wrap {margin:0 0 24px 0;padding:0 0 24px 0;border-bottom:solid 1px #444;}
#footer_wrap .footer .bnb_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer .bnb_wrap .logo {float:left;width:180px;}
#footer_wrap .footer .bnb_wrap .logo img {width:100%;height:auto}
#footer_wrap .footer .bnb_wrap ul {float:right;}
#footer_wrap .footer .bnb_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer .bnb_wrap ul li {display:block;float:left;margin:0 16px 0 0;}
#footer_wrap .footer .bnb_wrap ul li:last-child {margin:0;}
#footer_wrap .footer .bnb_wrap ul li a {display:block;color:#999;font-size:13px;line-height:60px;}

#footer_wrap .footer .footer_info ul {text-align:center;}
#footer_wrap .footer .footer_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer .footer_info ul li {display:inline-block;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:13px;line-height:24px;background:url('../../../img/var_g.gif') no-repeat right 50%;}
#footer_wrap .footer .footer_info ul li:last-child {margin:0;padding:0;background:none}
#footer_wrap .footer .copy {margin:24px 0 0 0;color:#999;font-size:13px;text-align:center;}

#recent_wrap {width:100%;max-width:1280px;margin:0 auto 40px auto;}
#recent_wrap ul { margin:0; padding:0; }
#recent_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#recent_wrap ul li {display:block;position:relative;float:left;width:32%;min-height:450px;margin:0 2% 0 0;}
#recent_wrap ul li:last-child {margin:0;}
#recent_wrap ul li .btn_more,
#recent_wrap ul li .btn_more2 {position:absolute;left:0;bottom:0;width:100%;}
#recent_wrap ul li .btn_more:after,
#recent_wrap ul li .btn_more2:after {display:block;visibility:hidden;clear:both;content:""}
#recent_wrap ul li .btn_more a {display:block;float:left;width:49%;margin:0 2% 0 0;color:#fff;text-align:center;line-height:50px;background:#414d5d}
#recent_wrap ul li .btn_more2 a { display:block;width:100%;margin:00;color:#fff;text-align:center;line-height:50px;background:#414d5d; }
#recent_wrap ul li .btn_more a:last-child {margin:0;}

.ex_tab {height:50px;color:#222;font-size:20px;font-weight:400;}
.ex_tab a {color:#aaa;font-size:20px;font-weight:300;cursor:pointer;}
.ex_tab a.selected {color:#222;font-weight:400;}

#quick_wrap {width:100%;max-width:1280px;margin:0 auto;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#quick_wrap ul { margin:0; padding:0; }
#quick_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#quick_wrap ul li {display:block;float:left;width:25%;background:url(../../../img/var.gif) no-repeat right 50%;}
#quick_wrap ul li:last-child {background:none;}
#quick_wrap ul li a {display:block;font-size:16px;text-align:center;line-height:100px;}
#quick_wrap ul li a img {width:60px;height:auto;}

#customer_wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:40px 0;}
#customer_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#customer_wrap .tel {float:left;margin:0 24px 0 0;font-family:'Lato';color:#444;font-size:36px;font-weight:900;}
#customer_wrap .time {float:left;}
#customer_wrap .time strong {font-family:'Lato';font-size:16px;font-weight:900;}
#customer_wrap ul {
	margin:0; padding:0;
	display:block;
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform: translateY( -50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#customer_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#customer_wrap ul li {display:block;float:left;}
#customer_wrap ul li a {display:block;width:50px;height:50px;color:#999;font-size:24px;text-align:center;line-height:50px;cursor:pointer;}


#float {
	position:fixed;
	right:0;
	top:50%;
	z-index:99;
	-webkit-transform: translateY( -50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#float .sns {}
#float .sns > ul { margin:0px; padding:0px; }
#float .sns ul:after {display:block;visibility:hidden;clear:both;content:""}
#float .sns ul li {display:block;border-bottom:solid 1px #ddd;}
#float .sns ul li a {display:block;width:50px;height:50px;color:#999;font-size:24px;text-align:center;line-height:49px;background:#f6f6f6;cursor:pointer;}

#consult_wrap {}
#consult_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#consult_wrap .consult_title {width:50px;}
#consult_wrap .consult_title strong {display:block;padding:20px 0;color:#fff;font-size:16px;font-weight:300;text-align:center;background:#414d5d;}
#consult_wrap .consult_title #btn_consult_open {display:block;width:50px;height:50px;color:#fff;font-size:18px;text-align:center;line-height:50px;background:#222;cursor:pointer;}

.contact_form {
	position:absolute;
	right:-400px;
	top:0;
	width:400px;
	padding:20px 20px 20px 60px;
	background:rgba(0,0,0,0.8);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}
.contact_form dl {}
.contact_form dl dd {display:block;margin:0 0 10px 0;color:#fff;}
.contact_form dl dd textarea {display:block;width:100%;height:140px;padding:10px;border:solid 1px #ccc;}
.contact_form dl dd .btn_submit {width:100%;background:#569ffd;}
.contact_form #btn_consult_close {display:block;position:absolute;left:10px;top:20px;width:40px;height:40px;color:#fff;font-size:24px;text-align:center;line-height:40px;cursor:pointer;}
.contact_form_on {transform: translate(-400px,0);}

.contact_form dl dd .select {display:block;position:relative;width:30%;height:40px;line-height:40px;border:1px solid #ccc;background:#fff;}
.contact_form dl dd .select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
.contact_form dl dd .select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(../../../img/board/ico-select.png) no-repeat 50% 50% #fff;}
.contact_form dl dd .select select {display:block;width:100%;height:40px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)/* IE 8 */;}



.exhibi_slide {position:relative;}
.exhibi_slide img {width:100%;height:auto;}
.exhibi_slide a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	cursor:pointer;
	z-index:9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.exhibi_slide a:hover {background:rgba(0,0,0,0.4);}
.exhibi_slide .btn_play {
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	color:rgba(61,73,88,0.8);
	font-size:36px;
	text-align:center;
	line-height:50px;
	z-index:1;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.exhibi_slide {position:relative;}
.exhibi_slide img {width:100%;height:auto;}
.exhibi_slide .slideContent {margin:10px 0;color:#999;font-size:16px;text-align:left;}
.exhibi_slide .slideContent h2 {display:block;height:40px;color:#222;font-size:20px;font-weight:400;}
.exhibi_slide .owl-nav {position:absolute;right:0;top:0;width:100%;margin:0;z-index:9;}
.exhibi_slide button.owl-prev {display:block;position:absolute;right:39px;top:0;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(../../../img/arrow_left_s.gif) no-repeat 50% 50%;background-color:#fff;border:solid 1px #ccc;}
.exhibi_slide button.owl-next {display:block;position:absolute;right:0;top:0;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(../../../img/arrow_right_s.gif) no-repeat 50% 50%;background-color:#fff;border:solid 1px #ccc;}
.exhibi_slide .owl-nav .disabled {opacity:0.5;cursor:pointer;}
.exhibi_slide .owl-nav.disabled + .owl-dots {margin:20px 0 0 0;}

/*.owl-theme .owl-nav [class*='owl-'] {display:inline-block;margin:0;padding:0;color:#fff;font-size:14px;background:#;cursor:pointer;}
.owl-theme .owl-nav [class*='owl-']:hover {}*/

#wechat_overlay {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);z-index:99999;}
#wechat_wrap {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:80%;
	max-width:380px;
	padding:80px 40px 40px 40px;
	background:#fff;
	border-radius:10px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#wechat_wrap img {width:100%;height:auto;margin:0 0 20px 0;}
#wechat_wrap p {text-align:center}
#wechat_wrap #wechat_close {display:block;position:absolute;right:10px;top:20px;color:#222;font-size:24px;cursor:pointer;}

/* 메인 슬라이드 */
.viz_pc_view { display: block; }
.viz_mobile_view { display: none; }

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {

	#location_simple_wrap .location_simple {width:auto;margin:0 20px;}
	#outlogin_wrap {display:none;}
	#body_wrap h2.title {margin:0 0 36px 0;padding:0 10px;}
	#recent_wrap {width:auto;margin:0 20px 40px 20px;}
	#customer_wrap {width:auto;margin:0 10px;}
	#customer_wrap .tel {float:none;margin:0;}
	#customer_wrap .time {float:none;margin:0 0 24px 0;}
	#float {display:none;}
}

@media screen and (max-width:768px) {

	/* 메인 슬라이드 */
	.viz_pc_view { display: none; }
	.viz_mobile_view { display: block; }

	#viz_sub {height:240px;}
	#viz_sub h2 {font-size:30px;}

	/* location */
	#location_wrap {display:block;margin:0;}
	ul.lnb li {position:static;width:50%;}
	ul.lnb li a {min-width:100%;font-size:13px;line-height:40px;}
	ul.lnb li:last-child a {border-right:none;}
	ul.lnb li a.lnb_home {display:none;}
	ul.lnb li a .arrow {margin:-18px 0 0 0;}
	ul.lnb li ul {top:41px;}
	ul.lnb li ul li {width:100%;}
	ul.lnb li ul li a {background:#eee;border:none}
	ul.lnb li ul li:last-child a {border-right:none}

	#location_simple_wrap .location_simple {margin:0 10px;font-size:12px;}
	#location_simple_wrap .location_simple i {font-size:16px;}

	.body_content {padding:0;}
	.body_normal {padding:0 0 40px 0;}

	.snb {display:none;}

	#footer_wrap .footer .bnb_wrap .logo {float:none;margin:0 0 13px 0;text-align:center;}
	#footer_wrap .footer .bnb_wrap ul {float:none;text-align:center;}
	#footer_wrap .footer .bnb_wrap ul li {display:inline-block;float:none;margin:0 8px 0 0;}
	#footer_wrap .footer .bnb_wrap ul li a {font-size:12px;line-height:20px;}
	#footer_wrap .footer .footer_info ul {text-align:center;}
	#footer_wrap .footer .footer_info ul li {margin:0 12px 0 0;padding:0;font-size:12px;line-height:20px;background:none;}
	#footer_wrap .footer .copy {font-size:12px;}

	#body_wrap {padding:0 0 40px 0;}
	#body_wrap h2.title {margin:0 0 30px 0;padding:8px 10px;font-size:24px;border-bottom:solid 1px #ddd;}

	#recent_wrap {margin:0 10px 30px 10px;}
	#recent_wrap ul li {float:none;width:100%;min-height:auto;margin:0 0 20px 0;}
	#recent_wrap ul li .btn_more {position:relative;}
	#recent_wrap ul li .btn_more a {font-size:13px;line-height:40px;}

	#quick_wrap ul li {width:25%;}
	#quick_wrap ul li a {font-size:14px;line-height:60px;}
	#quick_wrap ul li a img {width:40px;height:auto;}

	#customer_wrap {padding:20px 0;}
	#customer_wrap .tel {margin:0 0 8px 0;font-size:24px;}
	#customer_wrap .time {font-size:13px;}
	#customer_wrap .time strong {font-size:14px;}
	#customer_wrap ul {
		display:block;
		position:relative;
		left:0;
		top:0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	#customer_wrap ul li a {width:40px;height:40px;font-size:20px;line-height:40px;}
	#customer_wrap ul li a img {width:24px;height:auto;}

	.exhibi_slide .slideContent {font-size:14px;}
	.exhibi_slide .slideContent h2 {height:30px;font-size:16px;}
}

@media screen and (max-width:480px) {
	#viz_sub {height:180px;}
	#viz_sub h2 {font-size:24px;}
	#body_wrap h2.title {margin:0 0 24px 0;font-size:18px;}
	#quick_wrap {width:auto;margin:0 10px;border-top:none;border-bottom:none;}
	#quick_wrap ul {border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
	#quick_wrap ul li {width:50%;background:none;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
	#quick_wrap ul li a {font-size:13px;line-height:50px;}
	#quick_wrap ul li a img {width:32px;height:auto;}
}