@import url(main.css);
@import url(notosanskr.css);



#wrap {overflow: hidden;}
.sub#wrap {padding-top: 90px;}
.ready {margin: 130px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 22px; font-weight: 300;}



#header {
	background:url('../images/header_bg.gif') repeat-x; transition:0.3s; left: 0px; top: 0px; width: 100%; height: 90px; overflow: hidden; position: absolute; z-index: 1000;
}
#header::before {
	left: 0px; top: 91px; width: 100%; height: 1px; display: block; position: absolute; content: "";
}
#header .inner {
	height: 90px; position: relative;
}
#h1_logo {
	left: 40px; top: 25px; position: absolute;
}
#h1_logo a {
	width: 278px; height: 50px; text-indent: -9999px; display: block; background-image: url("http://mybuzz.speedgabia.com/naepo/h1_logo.png"); background-repeat: no-repeat;
}
#gnb_menu {}

.gnb {margin:0 auto;width:1020px;font-size: 0px;}
.gnb > li {
	display: inline-block; position: relative;
}
.gnb > li > a {
	padding: 0px 35px; height: 90px; color:#fff; line-height: 90px; 
	letter-spacing: -0.05em; font-size: 18px; font-weight: 400; display: block; position: relative; z-index: 1000;
}
.gnb > li > a > span {
	padding: 0px 12px; border-radius: 5px; height: 30px; line-height: 30px; display: inline-block; position: relative;
}

.gnb > li > a > span.shop {
	background:rgb(239, 62, 48);
}


.gnb > li:hover > a > span {
	background:#003057; color: rgb(239, 62, 48);
}
.gnb > li.active > a > span {
	background:#003057; color: rgb(239, 62, 48);
}
.gnb > li:hover > a::after {
	background:rgb(239, 62, 48); left: 50%; width:70px; height: 2px; bottom: 0px; margin-left:-35px; display: block; position: absolute; z-index: 100; content: "";
}
.gnb > li.active > a::after {
	background:rgb(239, 62, 48); left: 50%; width: 70px; height: 2px; bottom: 0px; margin-left: -35px; display: block; position: absolute; z-index: 100; content: "";
}
.gnb li div {
	left: 0px; top: 100px; width: 100%; text-align: left; position: absolute; z-index: 20;
}
.gnb li ul {
	padding-top: 10px;
}
.gnb li ul li a {
	padding: 8px; color: rgb(121, 121, 121); letter-spacing: -0.03em; font-size: 14px; display: block;text-align:center;
}
.gnb li ul li.active a span {
	color: rgb(239, 62, 48);
}
.gnb li ul li a:hover span {
	color: rgb(239, 62, 48);
}

#gnb_menu .info-box {
	top: 20px; right: 30px; position: absolute;
}
#gnb_menu .tel {
	margin-right: 90px; float: left;
}
#gnb_menu .custom {
	width: 120px; height: 25px; margin-top: 14px; margin-right:15px; float: left; font-size:18px; color:#fff; background-image: url("../images/sub-tel.png"); background-repeat: no-repeat;
}
#gnb_menu .custom  a{color:#ffcc00}
#gnb_menu .custom  a:hover{color:#fe2306;}





/***** side-menu *****/
.side_menu{ 
	position: fixed; right:-100px; width:90px; height:100%; z-index:99000; text-align:center; 
	background: #3f3b3a ;
	/*background: url('http://mybuzz.speedgabia.com/yangju3/aside_bg.jpg') no-repeat top center #eee ;background-repeat:no-repeat;*/
	}
.side_menu h2{font-weight:100;  font-family: 'Noto Sans KR', sans-serif; font-size:24px; line-height:110%; color:#8dc63f; opacity:0.9; padding-top:120px;}
.side_menu h2 span{font-weight:400;font-size:24px;color:#eee; opacity:0.8; }

.side_menu p{font-weight:400;  font-family: 'Noto Sans KR', sans-serif; font-size:12.5px; line-height:160%; color:#fff; padding-top:25px; opacity:0.7;}

.side_menu ul{ padding-top:0px;}
.side_menu ul li{ padding-top:0px;}
.side_menu ul li>a>img{opacity:0.8; transition:0.1s;}
.side_menu ul li>a>img:hover{opacity:1;}


.side_menu .custom{ text-align:center; background:#ab7b4a; color:#fff; font-size:14px;font-weight:400;  font-family: 'Noto Sans KR', sans-serif; height:30px; padding-top:10px; width:162px; margin:10px auto 0;}
.side_menu .jogam{position:absolute; bottom:120px; text-align:center;border-top:1px solid #555; border-bottom:1px solid #555; height:40px; line-height:40px; width:100%; margin:0 auto;}
.side_menu .jogam a{color:#ddd; font-size:12px;font-weight:400; display:block; font-family:'Noto Sans KR'; }
.side_menu .reserv{ text-align:center; background:#69a715; color:#fff; font-size:14px;font-weight:400;  font-family: 'Noto Sans KR', sans-serif; height:30px; padding-top:10px; width:162px; margin:10px auto;}
.side_menu .side_logo{position:absolute;bottom:0;}
.side_menu .btn_top{position:absolute;bottom:0;}
.side_inner{ position:fixed; right:-600px; opacity:1;z-index:998;filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); height:100%; background:#eeefef; overflow:scroll;}

.pb30{padding-bottom:30px:}




/*********¸ÞÀÎÆäÀÌÁö*************/

.main #header {
	background: rgba(0, 0, 0, 0.1); position: fixed;
}
.main #h1_logo a {
	background-image: url("http://mybuzz.speedgabia.com/naepo/h1_logo.png");
}
.main .gnb > li > a {
	color: rgb(255, 255, 255);
}
.main #gnb_menu .tel {
	background-image: url("../images/main-tel.png");
}
.main #header:hover {
	background:url('../images/header_bg.gif') repeat-x;
}
/*.main #header:hover #h1_logo a {
	background-image: url("../images/sub-logo2.png");
}*/
.main #header:hover .gnb > li > a {
	font-family:'Noto Sans KR',sans-serif;
}
.main #header:hover #gnb_menu .tel {
	background-image: url("../images/sub-tel.png");
}




/******** sub snb **********************/


#tab {width:100%;margin-top:0px; overflow: hidden; position: relative; z-index: 0;background:#eee;}
#tab .inner {margin: 0px auto; width: 1200px;}
#tab .inner::after {clear: both; display: block; content: "";}
#tab .inner li {background: #f9f9f9; float: left;border-left:1px solid #eee;border-bottom:1px solid #eee;}
#tab .inner li:first-child {border-left:none}
#tab .inner .tab1 li{width:100%;}
#tab .inner .tab2 li{width:49.95%;}
#tab .inner .tab3 li{width:33.26%;}
#tab .inner .tab4 li{width:24.93%;}
#tab .inner .tab5 li{width:19.9%;}
#tab .inner .tab6 li{width:16.555%;}
#tab .inner li a {padding: 15px 0px; text-align: center; color:#333; letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab .inner li a.active {background:#003057;color:#fff}
#tab .inner li a.bg_none {background: none;}





/*** unit ***/
ul.tab {float:left; width:100%; margin:30px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tab li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:150px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}
ul.tab li a {display:block;}

ul.tab li:nth-child(5n+1) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(5n+2) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(5n+3) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(5n+4) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(5n+5) a.active {background:#ee9300; color:#fff;display:block;}
ul.tab li:nth-child(5n+6) a.active {background:#ee9300; color:#fff;display:block;}



.vod{width:100%;height:675px;overflow:hidden;padding:0;margin:35px 0; background-color:#000;border:1px solid #000}



/*** 59 type ***/
ul.tabs {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:176px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}

ul.tabs li:nth-child(4n+1).active {background:#a5c564; color:#fff;}
ul.tabs li:nth-child(4n+2).active {background:#359e4a; color:#fff;}
ul.tabs li:nth-child(4n+3).active {background:#8c5aa3; color:#fff;}
ul.tabs li:nth-child(4n+4).active {background:#c45299; color:#fff;}



/*** 75 type ***/
ul.tabs1 {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs1 li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:176px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}

ul.tabs1 li:nth-child(4n+1).active {background:#f6bf19; color:#fff;}
ul.tabs1 li:nth-child(4n+2).active {background:#d2733d; color:#fff;}
ul.tabs1 li:nth-child(4n+3).active {background:#c0272a; color:#fff;}
ul.tabs1 li:nth-child(4n+4).active {background:#c45299; color:#fff;}





/*** 84 type ***/
ul.tabs2 {float:left; width:100%; margin:10px 0 20px 0; padding:7px 0; list-style: none; overflow:hidden;border-bottom:1px solid #ddd;}
ul.tabs2 li {
	cursor:pointer; font-size:16px; font-weight:bold; float:left; width:176px; height:50px; line-height:50px; 
	text-align:center; color:#222; padding:0; 
	background:#e5eaf3; margin:0 7px 0 0;
	}

ul.tabs2 li:nth-child(4n+1).active {background:#5bafd4; color:#fff;}
ul.tabs2 li:nth-child(4n+2).active {background:#355d91; color:#fff;}
ul.tabs2 li:nth-child(4n+3).active {background:#6e3f8d; color:#fff;}
ul.tabs2 li:nth-child(4n+4).active {background:#289fda; color:#fff;}








.btn_unit{
	position:absolute;
	width:190px;height:50px;line-height:43px;
	font-size:15px;text-align:center; color:#12a473;font-weight:bold;
	background:#fff;
	border:2px solid #12a473;
	top:47px; right:0;
	cursor:pointer;
	}

.btn_unit84{
	position:absolute;
	width:190px;height:50px;line-height:43px;
	font-size:15px;text-align:center; color:#f08109;font-weight:bold;
	background:#fff;
	border:2px solid #f08109;
	top:47px; right:0;
	cursor:pointer;
	}



.btn_01{
	position:absolute;
	width:190px;height:50px;line-height:50px;
	font-size:15px;text-align:center; font-weight:bold;
	background:#fff;
	border:2px solid #12a473;
	top:24px; left:0;
	cursor:pointer;
	}
.btn_01 a{display:block;color:#12a473;}
.btn_01 a:hover{background:#12a473;color:#fff;}


.btn_02{
	position:absolute;
	width:190px;height:50px;line-height:50px;
	font-size:15px;text-align:center; font-weight:bold;
	background:#fff;
	border:2px solid #12a473;
	top:24px; left:200px;
	cursor:pointer;
	}
.btn_02 a{display:block;color:#12a473;}
.btn_02 a:hover{background:#12a473;color:#fff;}















/*************snb**************/





#snb {
	background: rgb(255, 255, 255); padding: 0px 10px; width: 100%; border-top-color: rgb(222, 222, 222); border-bottom-color: rgb(222, 222, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; z-index: 10; box-sizing: border-box;
}
#snb ._inner {
	margin: 0px auto; max-width: 1200px;
}
#snb ._inner::after {
	clear: both; display: block; content: "";
}
#snb ._inner > li {
	border-right-color: rgb(222, 222, 222); border-right-width: 1px; border-right-style: solid; float: left; position: relative;
}
#snb ._inner > li > a {
	height: 50px; color: rgb(85, 85, 85); line-height: 50px; font-size: 15px; display: block; position: relative;
}
#snb ._inner > li:first-child {
	padding: 0px 18px; border-right-color: rgb(222, 222, 222); border-left-color: rgb(222, 222, 222); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
#snb ._inner ._ovv > a {
	padding: 0px 20px; color: rgb(85, 85, 85); min-width: 200px;
}
#snb ._inner ._ov > a {
	padding: 0px 20px; min-width: 200px;
}
#snb ._inner .active._ov > a {
	color: rgb(85, 85, 85); font-weight: 500;
}
#snb ._inner ._ovv > a::after {
	background: url("../icon_arrow.png") no-repeat; top: 50%; width: 11px; height: 6px; right: 20px; margin-top: -3px; display: block; position: absolute; content: "";
}
#snb ._inner ._ov > a::after {
	background: url("http://mybuzz.speedgabia.com/naepo/icon_arrow.png") no-repeat; top: 50%; width: 11px; height: 6px; right: 20px; margin-top: -3px; display: block; position: absolute; content: "";
}
#snb ._inner ._ov > ul {
	background: rgb(255, 255, 255); left: 0px; display: none; white-space: nowrap; position: absolute; min-width: 100%;
}
#snb ._inner ._ovv > ul {
	background: rgb(255, 255, 255); left: 0px; display: none; white-space: nowrap; position: absolute; min-width: 100%;
}
#snb ._inner ._ov > ul li {
	border: 1px solid rgb(225, 225, 225); border-image: none; margin-top: -1px;
}
#snb ._inner ._ovv > ul li {
	border: 1px solid rgb(225, 225, 225); border-image: none; margin-top: -1px;
}
#snb ._inner ._ov > ul li:first-child {
	margin-top: 0px;
}
#snb ._inner ._ovv > ul li:first-child {
	margin-top: 0px;
}
#snb ._inner ._ov > ul li a {
	padding: 10px 10px 10px 15px; font-size: 14px; display: block;
}
#snb ._inner ._ovv > ul li a {
	padding: 10px 10px 10px 15px; font-size: 14px; display: block;
}
#snb ._inner ._ov:hover > ul {
	display: block;
}
#snb ._inner ._ovv:hover > ul {
	display: block;
}
#snb ._inner li > ul li a:hover {
	background: rgb(250, 250, 250); color: rgb(239, 62, 48);
}
.snav {
	margin: 0px auto; width: 1200px; text-align: center; font-size: 0px; border-bottom-color: rgb(225, 225, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.snav a {
	margin: 0px 30px; padding: 0px 7px; height: 54px; color: rgb(102, 102, 102); line-height: 54px; font-size: 16px; font-weight: 300; display: inline-block; position: relative;
}
.snav a::before {
	background: rgb(239, 62, 47); transition:0.3s; left: 50%; width: 0px; height: 2px; bottom: -1px; display: block; position: absolute; content: "";
}
.snav a:hover {
	color: rgb(239, 62, 47); font-weight: 500;
}
.snav a.active {
	color: rgb(239, 62, 47); font-weight: 500;
}
.snav a:hover::before {
	left: 0px; width: 100%;
}
.snav a.active::before {
	left: 0px; width: 100%;
}







/****************Äü¸Þ´º****************/

.quick {
	top: 240px; right: 30px; position: fixed; z-index: 9999;
}
.quick .radio {
	display: block;
}
.quick a {
	display: block;
}
.quick .radio {
	background: rgb(239, 62, 47); padding: 18px 0px 0px; height: 85px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; box-sizing: border-box;
}



/**************** footer ****************/


#footer {background: rgb(55, 64, 79); padding: 25px 0px;}
#footer .inner {position:relative; margin:0px auto; position: relative; max-width: 1200px;}
#footer .add {color:#999; line-height: 18px; font-size: 12px; }
#footer .add p {color:#999;}
#footer .tel {right: 0px; bottom: 0px; position: absolute;}
#footer .btn_top {top: -10px; right: 0px; position: absolute;z-index:1000;}
#footer .copyright p {text-align: right; color: rgb(136, 136, 136); letter-spacing: -0.05em; font-family: "µ¸¿ò",Dotum,nr,sans-serif; font-size: 11px; margin-top: 20px;}
.mt10{margin-top:10px;}





#container {}
#contents {background: rgb(255, 255, 255); box-sizing: border-box;}
#contents .svis {
	background: url("http://mybuzz.speedgabia.com/yangju-hc/bg_sub.gif") repeat; height: 206px; text-align: center; padding-top: 80px; box-sizing: border-box;
}
#contents h2.tit {color: #003057; font-size: 42px; font-weight: 500;}
#contents .svis .local {color: rgb(255, 255, 255); font-size: 14px; margin-top: 25px;}
#contents .svis .local .ico {top: -1px; position: relative;}



/****************¼­ºêÄÁÅÙÃ÷********************/


.contents {
	position:relative; margin: 0px auto; padding: 60px 0px 120px; width: 1200px; min-height: 500px;
}
.contents .inner {
	margin: 0px auto; width: 1200px;
}
.notice_txt {
	color: rgb(160, 160, 160); line-height: 18px; text-indent: -13px; padding-left: 13px; font-size: 12px; margin-top: 45px;
}

.summary {
	overflow: hidden; margin-top: 40px;
}
.summary .img {
	float: left; height:338px;background:#e1e1e1;
}
.summary .right {
	float: right;
}
.summary .right table {
	width: 100%; border-top-color: rgb(239, 65, 48); border-top-width: 2px; border-top-style: solid;
}
.summary .right th {
	height: 55px; line-height: 1.3em; font-size: 16px; font-weight: 400; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.summary .right td {
	height: 55px; line-height: 1.3em; font-size: 16px; font-weight: 400; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.summary .right th {
	background: rgb(249, 249, 249); text-align: center; color: rgb(34, 34, 34); font-size: 17px;
}
.summary .right td {
	color: rgb(119, 119, 119); padding-left: 30px;
}






/***
#vis {
	width: 100% !important; height: 100vh; overflow: hidden; position: relative; z-index: 0;
}
#vis .vis {
	width: 100% !important; height: 100vh; overflow: hidden; position: relative; z-index: 0;
}
#vis .vis .bg {
	transition:5s linear; left: 50%; height: 100vh; margin-left: -1000px; display: block; position: relative; transform: scale(1.1);
}
#vis .vis::before {
	display: none;
}
#vis .vis1 .bg {
	background-image: url("../images/vis1-bg.jpg");
}
#vis .vis2 .bg {
	background-image: url("../images/vis2-bg.jpg");
}
#vis .vis3 .bg {
	background-image: url("../images/vis3-bg.jpg");
}


#vis .vis .info {width: 1200px; top:50%; left:50%; margin-left:-600px; position: absolute;border-top:1px solid rgba(255,255,255,0.0);}

#vis .vis .info .line_h { width: 0%; margin:0 auto; height: 1px; margin-top:-1px; display: block; background-color: #fff; }
#vis .active .vis .info .line_h {width: 100%; transition:width 5.0s;}



#vis .vis1 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis1 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .vis1 .info .img3 {transition:0.5s 0.3s; left: 74px; top:60px; position: absolute; opacity: 0;}

#vis .active .vis1 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis1 .info .img2 {top:10px; opacity: 1;}
#vis .active .vis1 .info .img3 {left:420px; opacity: 1;}


#vis .vis2 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis2 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .active .vis2 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis2 .info .img2 {top:10px; opacity: 1;}

#vis .vis3 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis3 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .active .vis3 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis3 .info .img2 {top:10px; opacity: 1;}

#vis .vis4 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis4 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .active .vis4 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis4 .info .img2 {top:10px; opacity: 1;}


#vis .vis5 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis5 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .active .vis5 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis5 .info .img2 {top:10px; opacity: 1;}


#vis .vis6 .info .img1 {transition:0.5s 0.2s; left: 50%; margin-left:-320px; top:-50px; position: absolute; opacity: 0;}
#vis .vis6 .info .img2 {transition:0.5s 0.3s; left: 50%;  margin-left:-320px; top:-30px; position: absolute; opacity: 0;}
#vis .active .vis6 .info .img1 {top:-100px; opacity: 1;}
#vis .active .vis6 .info .img2 {top:10px; opacity: 1;}



#vis .vis .bgg {
	width: 100%; height: 100%; position: relative;
}
#vis .vis .bgg::before {
	transition:5s linear; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; transform: scale(1.1); background-repeat: no-repeat; background-size: cover;
}
#vis .vis1 .bgg::before {
	background-image: url("../images/vis1-bg.jpg");
}
#vis .vis2 .bgg::before {
	background-image: url("../images/vis2-bg.jpg");
}
#vis .vis3 .bgg::before {
	background-image: url("../images/vis3-bg.jpg");
}
#vis .active .vis .bgg::before {
	transform: scale(1);
}
#vis .active .vis .bg {
	transform: scale(1);
}








#vis .vis .bg2 {
	background-position: 50% 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
#vis .vis1 .bg2 {background-image: url("http://mybuzz.speedgabia.com/naepo/visual03.jpg");}
#vis .vis2 .bg2 {background-image: url("../images/vis1-bg.jpg");}
#vis .vis3 .bg2 {background-image: url("http://mybuzz.speedgabia.com/naepo/visual02.jpg");}

#vis .slick-dots {left: 0px; width: 100%; text-align: center; bottom: 40px; position: absolute; z-index: 1000;}
#vis .slick-dots li {margin: 0px 6px; display: inline-block;}
#vis .slick-dots li button {background: rgba(255, 255, 255, 0.7); border: currentColor; transition:0.3s; border-image: none; width: 12px; height: 12px; border-radius:6px; text-indent: -9999px; display: inline-block;cursor:pointer;}
#vis .slick-dots li.slick-active button {background: rgb(239, 62, 47); height: 12px;}

#video_bg {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

*/


/*
#vis::before {
	background: url("http://mybuzz.speedgabia.com/naepo/scroll.png") no-repeat; 
	left: 50%; width: 43px; height: 72px; text-align: center; bottom: 85px; margin-left: -21px; display: block; position: absolute; z-index: 1200; content: "";
	animation:one 1s infinite;  
	-webkit-animation: one 1s ease infinite; 
	-moz-animation: one 1s ease infinite; 
	-o-animation: one 1s ease infinite;
}

#vis .video_go {
	left: 50%; top: 160px; width: 120px; height: 120px; margin-left: 625px; display: block; position: absolute; z-index: 600;
}

*/

/******** section2 *************/

#info {
	background: url("http://mybuzz.speedgabia.com/naepo/main1-bg.gif") no-repeat;
}
#info .inner {
	margin: 0px auto; width: 1310px; padding-top: 110px;
}
#info .tit {
	padding: 0px 0px 50px; text-align: center;
}
#info .area {
	margin: 0px auto; width: 1320px; position: relative;
}
#info .area::after {
	display: none;
}
#info .roll {
	height: 513px;
}
#info .roll a {
	background-position: left top; width: 437px; height: 513px; display: block; background-repeat: no-repeat;
}
#info .roll a.info1 {
	background-image: url("../images/main1-1.png?ver=1");
}
#info .roll a.info2 {
	background-image: url("../images/main1-2.png?ver=1");
}
#info .roll a.info3 {
	background-image: url("../images/main1-3.png?ver=1");
}
#info .roll a.info4 {
	background-image: url("../images/main1-4.png?ver=1");
}
#info .roll a img {
	transition:0.3s; opacity: 0;
}
#info .roll a:hover img {
	opacity: 1;
}
#info .roll .slick-current a img {
	opacity: 1;
}
#info .slick-arrow {
	background: no-repeat 0% 0% / cover; border: currentColor; border-image: none; top: 200px; width: 89px; height: 14px; text-indent: -9999px; overflow: visible; font-size: 0px; display: block; position: absolute; z-index: 200;
}
#info .slick-prev.slick-arrow {
	left: -120px; background-image: url("../images/main1-prev.png");
}
#info .slick-next.slick-arrow {
	right: -120px; background-image: url("../images/main1-next.png");
}


/********** section3 **************/


#location {
	background: url("http://mybuzz.speedgabia.com/yangju-hc/bg_sub.gif") repeat #a6adbb ;padding:80px 0px 135px; margin-top:-30px;
}

#location h2 {
	padding:20px 0px 60px; text-align: center; color: rgb(0, 0, 0); line-height: 100%; letter-spacing: 15px; font-size: 36px; font-weight:600;
}
#location .inner {
	margin: 0px auto; padding: 20px 0px ; width: 1200px; overflow: hidden;
}

#location .location_area {
	overflow: hidden;
}
#location .left {
	width: 350px; float: left;
}
#location dl {
	background: rgb(246, 246, 246); padding: 35px 30px 0px; width: 100%; height: 250px; box-sizing: border-box;
}
#location dl dt {
	color: rgb(0, 81, 81); line-height: 100%; padding-bottom: 10px; font-size: 20px; font-weight: 500;
}
#location dl dd {
	color: rgb(162, 170, 173); margin-bottom: 35px;
}
#location .left a {
	background: url("../images/ico_link.png") no-repeat 247px rgb(66, 85, 99); width: 100%; color: rgb(255, 255, 255); line-height: 60px; padding-left: 30px; font-weight: 300; display: block; box-sizing: border-box;
}
#location .right {
	width: 850px; float: right;
}
#location #map {
	width: 850px; height: 310px;
}


.location {
	background: rgb(248, 248, 248); padding: 60px;
}
.location .tit {
	text-align: center; display: block;
}
.location .box {
	overflow: hidden; padding-top: 50px;
}
.location .box > div {
	width: 50%; float: left; position: relative;
}
.location .box .more {
	top: -42px; right: 0px; position: absolute;
}
.loc-btn::after {
	clear: both; display: block; content: "";
}
.loc-btn > li {
	width: 50%; float: left;
}
.loc-btn > li > a {
	background: rgb(255, 255, 255); border: 1px solid rgb(225, 225, 225); border-image: none; height: 43px; text-align: center; color: rgb(61, 72, 90); line-height: 43px; font-size: 16px; font-weight: 500; display: block;
}
.loc-btn > li.active > a {
	background: rgb(61, 72, 90); color: rgb(255, 255, 255);
}


/********** section5 **************/


#model {
	background: url("http://mybuzz.speedgabia.com/naepo/main1-bg.gif") no-repeat 50% 0px / cover; position: relative;
}
#model .inner {
	margin: 0px auto; padding: 100px 0px 0px; width: 1200px; overflow: hidden;
}
#model .inner > div {
	width: 50%; float: left;
}
#model .inner h3 {
	color: rgb(255, 255, 255); letter-spacing: -0.04em; font-size: 36px; margin-bottom: 50px;
}
#model .btn-box a {
	display: block; background-repeat: no-repeat;
}
#model .btn-box a:nth-child(1) {
	background-image: url("../images/main5-1off.gif");
}
#model .btn-box a:nth-child(2) {
	background-image: url("../images/main5-2off.gif");
}
#model .btn-box a:nth-child(3) {
	background-image: url("../images/main5-3off.gif");
}
#model .btn-box a img {
	transition:0.3s; opacity: 0;
}
#model .btn-box a:hover img {
	opacity: 1;
}
#model .rig {
	text-align: center; padding-top: 150px;
}
#model .rig h4 {
	color: rgb(255, 255, 255); font-size: 62px; font-weight: 300;
}
#model .rig p {
	color: rgba(255, 255, 255, 0.7); line-height: 24px; font-size: 15px; margin-top: 30px;
}
#model .rig a {
	margin: 45px auto 0px; border: 1px solid rgba(255, 255, 255, 0.4); transition:0.3s; border-image: none; width: 238px; height: 68px; color: rgb(255, 255, 255); line-height: 68px; font-size: 18px; font-weight: 600; display: block;
}
#model .rig a:hover {
	background: rgb(61, 72, 91); border-color: rgb(61, 72, 91);
}
#model #layer {
	position: absolute;
}






.__ani {
	transition:1s; opacity: 0;
}
.delay1.__ani {
	transition-delay: 0.1s;
}
.delay2.__ani {
	transition-delay: 0.2s;
}
.delay3.__ani {
	transition-delay: 0.3s;
}
.delay4.__ani {
	transition-delay: 0.4s;
}
.delay5.__ani {
	transition-delay: 0.5s;
}
.delay6.__ani {
	transition-delay: 0.6s;
}
.delay7.__ani {
	transition-delay: 0.7s;
}
.delay8.__ani {
	transition-delay: 0.8s;
}
.delay9.__ani {
	transition-delay: 0.9s;
}
.delay10.__ani {
	transition-delay: 1s;
}
.delay11.__ani {
	transition-delay: 1.1s;
}
.delay12.__ani {
	transition-delay: 1.2s;
}
.delay13.__ani {
	transition-delay: 1.3s;
}
.delay14.__ani {
	transition-delay: 1.4s;
}
.delay15.__ani {
	transition-delay: 1.5s;
}
.delay16.__ani {
	transition-delay: 1.6s;
}
.delay17.__ani {
	transition-delay: 1.7s;
}
.delay18.__ani {
	transition-delay: 1.8s;
}
.delay19.__ani {
	transition-delay: 1.9s;
}
.delay20.__ani {
	transition-delay: 2s;
}
.anitop.__ani {
	transform: translate3d(0px, -30px, 0px);
}
.anilef.__ani {
	transform: translate3d(-30px, 0px, 0px);
}
.anirig.__ani {
	transform: translate3d(30px, 0px, 0px);
}
.anibot.__ani {
	transform: translate3d(0px, 30px, 0px);
}
.fp-section {
	position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide {
	height: 100%; display: block;
}
.fp-slidesContainer {
	height: 100%; display: block;
}
.fp-slides {
	transition:0.3s ease-out; height: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-transition: all .3s ease-out;
}
.fp-table.fp-section {
	width: 100%; display: table; table-layout: fixed;
}
.fp-table.fp-slide {
	width: 100%; display: table; table-layout: fixed;
}
.fp-tableCell {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell;
}
.fp-slidesContainer {
	float: left; position: relative;
}
.fp-controlArrow {
	border-style: solid; top: 50%; width: 0px; height: 0px; margin-top: -38px; position: absolute; z-index: 4; cursor: pointer; -ms-user-select: none; transform: translate3d(0px, 0px, 0px); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-transform: translate3d(0, 0, 0);
}
.fp-prev.fp-controlArrow {
	border-width: 38.5px 34px 38.5px 0px; border-color: transparent rgb(255, 255, 255) transparent transparent; left: 15px; width: 0px;
}
.fp-next.fp-controlArrow {
	border-width: 38.5px 0px 38.5px 34px; border-color: transparent transparent transparent rgb(255, 255, 255); right: 15px;
}
.fp-scrollable {
	overflow: hidden; position: relative;
}
.fp-scroller {
	overflow: hidden;
}
.iScrollIndicator {
	border: 0px currentColor !important; border-image: none !important;
}
.fp-notransition {
	transition:none !important; -webkit-transition: none;
}
.fp-slidesNav {
	left: 50%; position: absolute; z-index: 4; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.bottom.fp-slidesNav {
	bottom: 17px;
}
.top.fp-slidesNav {
	top: 17px;
}
.fp-section.fp-auto-height {
	height: auto !important;
}
.fp-auto-height .fp-slide {
	height: auto !important;
}
.fp-auto-height .fp-tableCell {
	height: auto !important;
}
.fp-responsive .fp-section.fp-auto-height-responsive {
	height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-slide {
	height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important;
}
#fp-nav {
	left: 80px; top: 50%; height: 311px; margin-top: -155px; position: fixed; z-index: 1500;
}
#fp-nav::before {
	background: rgb(255, 255, 255); width: 3px; height: 3px; right: 49px; display: block; position: absolute; content: "";
}
#fp-nav::after {
	background: rgb(255, 255, 255); width: 3px; height: 3px; right: 49px; display: block; position: absolute; content: "";
}
#fp-nav::before {
	top: 35px;
}
#fp-nav::after {
	bottom: -148px;
}
#fp-nav ul::before {
	background: rgba(252, 252, 252, 0.3); top: 36px; width: 1px; height: 425px; right: 50px; display: block; position: absolute; content: "";
}
#fp-nav ul li {
	
}
#fp-nav ul li a {
	padding: 0px 0px 20px; width: 40px; height: 100px; color: rgba(255, 255, 255, 0.3); font-weight: 500; display: block; position: relative; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
}
#fp-nav ul li a span::after {
	background: rgb(255, 255, 255); transition:0.5s; left: 0px; top: 28px; width: 0px; height: 4px; display: block; position: absolute; content: "";
}
#fp-nav ul li a[href='#03'] {
	margin-top: 20px;
}
#fp-nav ul li a[href='#01'] span::before {
	content: "MAIN";
}
#fp-nav ul li a[href='#02'] span::before {
	content: "PREMIUM";
}
#fp-nav ul li a[href='#03'] span::before {
	width: 106px; display: block; content: "MODEL HOUSE";
}
#fp-nav ul li a[href='#04'] span::before {
	content: "VERTHILL";
}
#fp-nav ul li:last-child {
	display: none;
}
#fp-nav ul li a.active span {
	color: rgb(255, 255, 255);
}
#fp-nav ul li a.active span::after {
	width: 50px;
}
.fp-viewing-02 #fp-nav::before {
	background: rgb(61, 72, 91);
}
.fp-viewing-02 #fp-nav::after {
	background: rgb(61, 72, 91);
}
.fp-viewing-02 #fp-nav ul::before {
	background: rgb(61, 72, 91);
}
.fp-viewing-02 #fp-nav ul li a.active span::after {
	background: rgb(61, 72, 91);
}
.fp-viewing-02 #fp-nav a {
	color: rgba(61, 72, 91, 0.3);
}
.fp-viewing-02 #fp-nav ul li a.active span {
	color: rgb(61, 72, 91);
}
.overLayer {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 99999;
}
.overLayer .layer {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute;
}
.overLayer .layer::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.overLayer .layer .box {
	margin: 0px auto; vertical-align: middle; display: inline-block;
}
.overLayer .layer .box-close {
	text-align: center; margin-bottom: 30px;
}
.overLayer .layer .close {
	background: none; border: currentColor; border-image: none; cursor: pointer;
}
.compl-msg {
	background: url("../images/compl-bg.jpg") no-repeat 50% 0px; width: 1200px; height: 590px; margin-bottom: 30px;
}
.compl-msg span {
	text-align: center; color: rgb(255, 255, 255); line-height: 54px; padding-top: 190px; font-size: 37px; display: block;
}
.botarea {
	text-align: center; margin-top: 30px;
}
.cer-btn3 {
	background: rgb(239, 64, 48); border: currentColor; border-image: none; width: 160px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px; margin-left: 5px; display: inline-block;
}
.cer-btn4 {
	background: rgb(119, 119, 119); border: currentColor; border-image: none; width: 160px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px; margin-left: 5px; display: inline-block;
}
.tabsub {
	background: rgb(255, 255, 255); overflow: hidden; border-top-color: rgb(61, 72, 90); border-bottom-color: rgb(61, 72, 90); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tabsub li {
	width: 20%; text-align: center; float: left; box-sizing: border-box;
}
.tabsub li {
	padding: 20px; display: inline-block; cursor: pointer;
}
.tabsub li a {
	color: rgb(136, 136, 136); font-size: 18px;
}
.tabsub li.on a {
	color: rgb(239, 62, 48); font-weight: bold;
}
.tab_con {
	clear: both; margin-top: 60px;
}
.tab_con div {
	background: rgb(255, 255, 255); text-align: center; display: none;
}
.model-house-wrap {
	background: url("../images/model-bg.jpg") no-repeat; height: 1080px; position: relative;
}
.model-tit {
	padding: 50px 0px; top: 120px; text-align: center; position: relative;
}
.model-tit::before {
	background: url("../images/top-border.jpg") no-repeat; left: 50%; top: 0px; width: 540px; height: 1px; margin-left: -270px; position: absolute; content: "";
}
.model-tit::after {
	background: url("../images/bottom-border.jpg") no-repeat; left: 50%; width: 540px; height: 1px; bottom: 0px; margin-left: -270px; position: absolute; content: "";
}
.model-tit h2 {
	color: rgb(106, 96, 79); font-size: 56px; font-weight: 300;
}
.model-txt {
	color: rgb(136, 136, 136); line-height: 24px; font-size: 15px; margin-top: 35px;
}
.model-txt span {
	color: rgb(85, 85, 85);
}
.model-list-wrap {
	width: 100%; bottom: 183px; position: absolute;
}
.model-list-wrap ul {
	margin: 0px auto; width: 1040px;
}
.model-list-wrap ul li {
	width: 505px; height: 210px; overflow: hidden; margin-left: 10px; float: left; position: relative;
}
.model-list-wrap ul li.model-list1 {
	margin-left: 0px; position: relative;
}
.model-list-wrap ul li.model-list1::before {
	background: url("../images/emodel-1.png") no-repeat; left: 0px; width: 100%; height: 240px; bottom: 0px; position: absolute; content: "";
}
.model-list-wrap ul li.model-list1 a {
	border: 1px solid rgb(200, 203, 209); border-image: none; left: 50%; width: 180px; height: 45px; text-align: center; bottom: 54px; color: rgb(255, 255, 255); line-height: 45px; font-size: 15px; font-weight: bold; margin-left: -90px; display: block; position: absolute; box-sizing: border-box;
}
.model-list-wrap ul li.model-list1 a i {
	font-size: 10px;
}
.model-list-wrap ul li.model-list1 a:hover {
	background: rgb(255, 255, 255); color: rgb(239, 62, 47);
}
.model-list-wrap ul li.model-list2 {
	background: url("../images/emodel1-2.jpg") no-repeat;
}
.model-list-wrap ul li.model-list3 {
	background: url("../images/emodel4-2.jpg") no-repeat; margin-top: 10px;
}
.model-list-wrap ul li.model-list4 {
	background: url("../images/emodel3-2.jpg") no-repeat; margin-top: 10px; margin-left: 0px;
}
.model-list-wrap ul li.model-list5 {
	background: url("../images/emodel4.jpg") no-repeat; margin-top: 10px;
}
.model-list-wrap ul li.model-list6 {
	background: url("../images/emodel5.jpg") no-repeat; margin-top: 10px;
}
.model-list-wrap ul li a.model-view {
	background: rgb(255, 255, 255); transition:0.5s; left: 50%; width: 180px; height: 45px; text-align: center; bottom: -45px; color: rgb(239, 62, 47); line-height: 45px; font-size: 15px; font-weight: bold; margin-left: -90px; display: block; position: absolute; box-sizing: border-box;
}
.model-list-wrap ul li img {
	transition:0.3s; opacity: 0;
}
.model-list-wrap ul li:hover img {
	opacity: 1;
}
.model-list-wrap ul li:hover .model-view {
	bottom: 54px;
}
#layerScreen {
	background: black; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 40; opacity: 0.6; -moz-opacity: 0.6;
}
#layer {
	left: 50%; top: 50%; display: none; position: fixed; z-index: 45; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
#layer .layer_inner {
	position: relative;
}
#layer .btn_layer_close {
	top: -40px; right: 0px; position: absolute;
}




/******************¹Ìµð¾îÄõ¸®*********************/
@media screen and (max-width:1800px)
{
	.gnb > li > a {padding: 0px 16px;}
	.gnb {padding-left: 300px;}
	#h1_logo {left: 30px;}

}

@media screen and (max-width:1400px)
{
	#gnb .info-box {right: 0px;}
	#gnb .open {padding-top: 10px; margin-right:0;}
	#gnb .open img {width: 55%;}
	#gnb_menu .custom{display:none}
	#location {margin-top:-80px !important;}
}

@media screen and (max-width:1200px)
{
	#gnb_menu .tel{display:none}
}