/*--------------------------------------------------------------------------------*/
/* All - COMMON */
.section 			{width:100%;height:100%;overflow:hidden;}
.mask span 			{position:fixed;top:50%;left:50%;width:190px;height:60px;margin:-25px 0 0 -80px;z-index:710;}
.mask b 				{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:700;} 

/* common - mov */
#MainVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:100%;overflow:hidden;object-fit:cover;}

/* 
@media (min-aspect-ratio:16/9){#myVideo{top:-100%;height:300%;}}
@media (max-aspect-ratio:16/9){#myVideo{left:-100%;width:300%;}}
@supports(object-fit:cover){
	#myVideo{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;object-fit:cover;}
} */

.bg_1 {
	background:url(/images/brand1.gif) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.bg_2 {
	background:url(http://gonylab2.speedgabia.com/common/bg_2.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.bg_3 {
	background:url(http://gonylab2.speedgabia.com/common/bg_3.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.sbg {
	background:url(http://gonylab2.speedgabia.com/common/gbg.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.dot {
	background:url(http://gonylab2.speedgabia.com/common/bg_dot.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;
}

/* common - slide */
.slide {position:relative;width:100%;height:100%;min-width:320px;}
.slide_show {position:absolute;width:1170px;height:600px;left:50%;top:50%;margin-left:-585px;margin-top:-300px;overflow:hidden;}
.slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.slide .nav {position:absolute;bottom:250px;left:50%;height:38px;z-index:350;}
.slide .nav > div {position:absolute;top:0;z-index:160;}
.slide .nav > div a {display:block;}
.slide .nav > div.prev {left:0;}
.slide .nav > div.next {right:0;}
.slide .nav > ul {position:relative;height:26px;overflow:hidden;z-index:160;}
.slide .nav > ul li {width:25px;margin-right:5px;float:left;}
.slide .nav > ul li a {position:relative;width:25px;height:26px;background:url(../images/off.png) no-repeat left top;display:block;}
.slide .nav > ul li a span {
	position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px;width:10px;height:11px;display:block;
	background:url(../images/on.png) no-repeat center center;background-size:cover;
	-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;
	transition: all 0.5s linear;-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
.slide .nav > ul li a.active span {
	-moz-transform: scale(2.2);-webkit-transform: scale(2.2);
	-o-transform: scale(2.2);-ms-transform: scale(2.2);
	transform: scale(2.2);
}
.slide .nav .line {
	position:absolute;top:50%;left:50%;height:3px;margin-top:-2px;z-index:150;
	background:url(../images/mov_ttl_line.png) repeat-x center top;
}

/* common - slide3 */
.slide3 {position:relative;width:1200px;height:550px;margin:0 auto;}
.slide3_show {position:relative;width:100%;height:100%;overflow:hidden;}
.slide3_show > li {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.slide3 .nav {position:absolute;bottom:50px;left:50%;height:38px;z-index:350;}
.slide3 .nav > div {position:absolute;top:0;z-index:160;}
.slide3 .nav > div a {display:block;}
.slide3 .nav > div.prev {left:0;}
.slide3 .nav > div.next {right:0;}
.slide3 .nav > ul {position:relative;height:26px;overflow:hidden;z-index:160;}
.slide3 .nav > ul li {width:25px;margin-right:5px;float:left;}
.slide3 .nav > ul li a {position:relative;width:25px;height:26px;background:url(../images/off.png) no-repeat left top;display:block;}
.slide3 .nav > ul li a span {
	position:absolute;top:50%;left:50%;margin:-6px 0 0 -5px;width:10px;height:11px;display:block;
	background:url(../images/on.png) no-repeat center center;background-size:cover;
	-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;
	transition: all 0.5s linear;-moz-transform: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
.slide3 .nav > ul li a.active span {
	-moz-transform: scale(2.2);-webkit-transform: scale(2.2);
	-o-transform: scale(2.2);-ms-transform: scale(2.2);
	transform: scale(2.2);
}
.slide3 .nav .line {
	position:absolute;top:50%;left:50%;height:3px;margin-top:-2px;z-index:150;
	background:url(../images/mov_ttl_line.png) repeat-x center top;
}

/* common - header */
#header {top:0;left:0;width:100%;/*min-height:650px;*/z-index:999999;}
#header .logo {position:absolute;top:35px;left:30px;z-index:100;}
#header .t-btns {position:fixed;top:30px;right:30px;width:60px;height:60px;z-index:999}
#header .t-btns a {display:block;}
#header .gnb {
	position:fixed;width:100%;height:0;min-width:1200px;overflow:hidden;
	/* background:url(/images/gnb_bg.png) no-repeat center center;*/background-color:#202020;z-index:99999;
			background-size:cover;
}
#header .gnb .g-logo {position:absolute;top:30px;left:60px;width:130px;height:118px;z-index:100;}
#header .gnb .g-btns {position:absolute;top:30px;right:30px;width:60px;height:60px;z-index:100;}
#header .gnb div a {display:block;}
#header .gnb > ul {position:absolute;top:40%;left:50%;margin:-200px 0 0 -350px;z-index:9999999;opacity:0;}
#header .gnb > ul > li {float:left;width:700px;margin-bottom:20px;overflow:hidden;}
#header .gnb > ul > li > a {float:left;font-size:30px;display:block;color:#fff;}
#header .gnb > ul > li:hover > a {font-size:30px;color:#dfd700;}
#header .gnb > ul > li > ul {float:right;width:400px;}
#header .gnb > ul > li > ul > li {float:left;margin-left:20px;line-height:2em;}
#header .gnb > ul > li > ul > li > a {font-size:15px;display:block;color:#fff}
#header .gnb > ul > li > ul > li > a:hover {color:#dfd700;}
#header .gnb .mov-btns {
	position:absolute;bottom:70px;right:60px;width:186px;height:138px;display:none;
	background:url(../images/gnb_mov.jpg) no-repeat 7px 33px;z-index:50;

.action{
 margin-top: 100px;
 width:180px;
 height:180px;
 background-color:#202020;
}

.title0 {
  color: #fff;
  float:left;
  font-size:1.444em;
   line-height:1.2;
  font-weight:700;
    font-family: 'Noto Sans KR';
  padding:50px 0 0 20px;
}

}

@media only screen and (max-width : 768px) {
.action{
 margin-top: 150px;
 width:120px;
 height:120px;
 /* background-color:#202020; */
}

.title0 {
  color: #fff;
  float:left;
  font-size:16px;
   line-height:1.2;
  font-weight:700;
    font-family: 'Noto Sans KR';
  padding:30px 0 0 10px;
}

#header {top:0;left:0;width:100%;/*min-height:650px;*/z-index:99;}
#header .logo {position:absolute;top:30px;width:130px;height:80px;left:20px;z-index:100;}
#header .t-btns {position:fixed;top:30px;right:40px;width:40px;height:30px;z-index:999}
#header .t-btns a {display:block;}
#header .gnb {
	position:fixed;width:100%;height:0;min-width:100%;overflow:hidden;
	background:url(/images/gnb_bg.png) no-repeat center center;z-index:99999;
			background-size:cover;
}
#header .gnb .g-logo {position:absolute;top:30px;left:40px;width:60px;height:40px;z-index:100;}
#header .gnb .g-btns {position:absolute;top:40px;right:30px;width:40px;height:30px;z-index:100;}
#header .gnb div a {display:block;width:100%;}
#header .gnb > ul {position:relative;top:10%;left:10%;margin:0px 0 0 -350px;z-index:300;opacity:0;}
#header .gnb > ul > li {float:left;margin-bottom:20px;overflow:hidden;}
#header .gnb > ul > li > a {float:left;font-size:12px;display:block;}
#header .gnb > ul > li:hover > a {color:#fff;}
#header .gnb > ul > li > ul {float:right;width:400px;}
#header .gnb > ul > li > ul > li {float:left;margin-left:20px;line-height:2em;color:#fff}
#header .gnb > ul > li > ul > li > a {font-size:15px;display:block;}
#header .gnb > ul > li > ul > li > a:hover {color:#fff;}
#header .gnb .mov-btns {
	position:absolute;bottom:70px;right:60px;width:186px;height:138px;display:none;
	background:url(../images/gnb_mov.jpg) no-repeat 7px 33px;z-index:50;
}

/* common - footer */
#footer {position:relative;width:100%;padding:50px 0;background:#000;color:#fff;font-size:12px;}
#footer .inner {margin:0 auto;overflow:hidden;text-align:center}
#footer .inner > div {float:left;margin-right:50px;}
#footer .inner > div > span {display:block;font-size:12px;color:#fff;margin-bottom:20px;}
#footer .inner > div.f-adds {width:15%;overflow:hidden;}
#footer .inner > div.f-adds .f_logo {float:left;margin:20px 70px 0 20px;}
#footer .inner > div.f-adds .f_logo a {display:block;}
#footer .inner > div.f-adds .address {float:left;}
#footer .inner > div.f-adds .address > span {display:block;font-size:15px;color:#fff;margin-bottom:20px;} 
#footer .inner > div.f-adds .address address span {font-size:12px;color:#e8e8e8;line-height:1.5em;display:block;}

#footer .inner > div.f-rev {position:relative;width:100%;line-height:1.5;font-size:15px;color:#fff;}
#footer .inner > div.f-rev a {border:1px solid #e8e8e8;color:#e8e8e8;display:block;font-size:14px;width:170px;text-align:center;padding:15px 0;position:absolute;bottom:10px;left:0;}
#footer .inner > div.f-sns {position:relative;width:100%;}
#footer .inner > div.f-sns a {position:absolute;bottom:10px;display:block;padding:10px;border:1px solid #e8e8e8;}
#footer .inner > div.f-sns a.sns_01 {left:0;}
#footer .inner > div.f-sns a.sns_02 {left:55px;}

#footer .inner .f-copy {float:left;width:15%;margin:0;position:relative;height:143px;}
#footer .inner .f-copy a {position:absolute;bottom:12px;left:0;font-size:12px;color:#e8e8e8;display:block;}

#footer .inner > div.f-rev a:hover {color:#fff;border:1px solid #fff;}
#footer .inner > div.f-sns a:hover {color:#fff;border:1px solid #fff;}
#footer .inner .cdt:hover {color:#fff;border:none;}

#footer .stp {position:absolute;top:0;right:0;display:block;z-index:250;width:40px;height:40px;}

}

#header .gnb .mov-btns a {display:block;opacity:0.7;}
#header .gnb .mov-btns a:hover {opacity:1;}

/* common - footer */
#footer {position:relative;width:100%;padding:50px 0;background:#000;color:#fff;}
#footer .inner {margin:0 auto;overflow:hidden;text-align:center}
#footer .inner > div {float:left;margin-right:50px;}
#footer .inner > div > span {display:block;font-size:15px;color:#fff;margin-bottom:20px;}
#footer .inner > div.f-adds {width:15%;overflow:hidden;}
#footer .inner > div.f-adds .f_logo {float:left;margin:20px 70px 0 20px;}
#footer .inner > div.f-adds .f_logo a {display:block;}
#footer .inner > div.f-adds .address {float:left;}
#footer .inner > div.f-adds .address > span {display:block;font-size:15px;color:#fff;margin-bottom:20px;} 
#footer .inner > div.f-adds .address address span {font-size:12px;color:#e8e8e8;line-height:1.5em;display:block;}

#footer .inner > div.f-rev {position:relative;width:100%;line-height:1.5;font-size:15px;color:#fff;}
#footer .inner > div.f-rev a {border:1px solid #e8e8e8;color:#e8e8e8;display:block;font-size:14px;width:170px;text-align:center;padding:15px 0;position:absolute;bottom:10px;left:0;}
#footer .inner > div.f-sns {position:relative;width:100%;}
#footer .inner > div.f-sns a {position:absolute;bottom:10px;display:block;padding:10px;border:1px solid #e8e8e8;}
#footer .inner > div.f-sns a.sns_01 {left:0;}
#footer .inner > div.f-sns a.sns_02 {left:55px;}

#footer .inner .f-copy {float:left;width:15%;margin:0;position:relative;height:143px;}
#footer .inner .f-copy a {position:absolute;bottom:12px;left:0;font-size:12px;color:#e8e8e8;display:block;}

#footer .inner > div.f-rev a:hover {color:#fff;border:1px solid #fff;}
#footer .inner > div.f-sns a:hover {color:#fff;border:1px solid #fff;}
#footer .inner .cdt:hover {color:#fff;border:none;}

#footer .stp {position:absolute;top:0;right:0;display:block;z-index:250;}