@charset "UTF-8";

@font-face {
	font-family: 'nanumbarungothicregular';
	font-style: normal;
	src: url('../font/nanumbarungothicregular.eot');
	src: url('../font/nanumbarungothicregular.ttf');
	src: url('../font/nanumbarungothicregular.woff');
}

@font-face {
	font-family: 'Khula';
	font-style: normal;
	src: url('../font/Khula-Regular.eot');
	src: url('../font/Khula-Regular.ttf');
	src: url('../font/Khula-Regular.woff');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin:0;border:0;outline:0;padding:0;
	background:transparent;
	font-family:'Khula','nanumbarungothicregular', 돋움, Dotum, sans-serif;
	font-style:normal; font-weight:normal;
	vertical-align:baseline;
}


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

body					{line-height:1}
ol,ul				{list-style:none}
blockquote,q 		{quotes:none}
blockquote:before,
blockquote:after,
q:before,q:after		{content:'';content:none}
table				{border-collapse:collapse;border-spacing:0}
hr					{display:none}

a:link				{color:#000;text-decoration:none}
a:visited			{color:#000;text-decoration:none}
a:hover				{color:#000;text-decoration:none}
a:active				{color:#000;text-decoration:none}

/* float clear */
.both				{clear:both}
.clear				{width:auto}
.clear:after			{content:"";display:block;clear:both;height:0;overflow:hidden}

/* element hide */
#skipnavi,.alt		{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}

/* default class */
label				{vertical-align:middle;cursor:pointer}
input				{vertical-align:middle}

/*--------------------------------------------------------------------------------*/
/* All - COMMON */
.section 			{position:relative;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;/*z-index:30;*/width:100%;height:100%;overflow:hidden;object-fit:cover;}
#myVideo	{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:auto;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:auto;overflow:hidden;object-fit:cover;}
}

#myVideo_ {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:auto;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(http://gonylab2.speedgabia.com/common/bg_1.png) 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;
}

.gbg {
	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 */
#index .slide {position:relative;width:100%;height:100%;overflow:hidden;min-width:1183px;min-height:650px;}
#index .slide_show {position:relative;width:100%;height:100%;overflow:hidden;min-width:1183px;min-height:650px;}
#index .slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;min-width:1183px;min-height:650px;overflow:hidden;}
#index .slide .nav .prev {position:absolute;right:63px;bottom:70px;}
#index .slide .nav .next {position:absolute;right:70px;bottom:70px;}
#index .slide .nav div a {display:block;}
#index .slide .nav ul {width:auto;position:absolute;left:50%;bottom:15px;}
#index .slide .nav ul li {width:18px;height:18px;float:left;}
#index .slide .nav ul li a {
	background:url(../img/images/slide_off_btn.png) no-repeat 0 0;width:8px;height:8px;display:block;margin:0 auto;
}
#index .slide .nav li a.active {
	background:url(../img/images/slide_on_btn.png) no-repeat 0 0;
}
.contents .slide .nav {z-index:250;}
.contents .slide {position:relative;width:1200px;height:650px!important;overflow:hidden;}
.contents .slide_show {position:relative;width:100%;height:100%;overflow:hidden;min-height:650px;}
.contents .slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;min-height:650px;overflow:hidden;}
.contents .slide_show > li.active {z-index:100;}
.contents .slide .nav .prev {position:absolute;right:63px;bottom:0;opacity:0.9;z-index:110;}
.contents .slide .nav .next {position:absolute;right:0;bottom:0;opacity:0.9;z-index:110;}
.contents .slide .nav a img {display:block;}
.contents .slide .nav div a {display:block;}
.contents .slide .nav ul {width:auto;margin:0;z-index:110;position:absolute;left:25px;bottom:20px;}
.contents .slide .nav ul li {float:left;width:18px;}
.contents .slide .nav ul li a {width:15px;height:15px;display:block;margin:0 auto;}
.contents .slide .nav ul li a {background:url(../img/images/slide_off_btn.png) no-repeat 0 0;}
.contents .slide .nav li a.active {background:url(../img/images/slide_on_btn.png) no-repeat 0 0;}

/* common - header */
#header {position:fixed;top:0;width:100%;height:53px;z-index:500;min-width:1200px;}

#header h1 {position:absolute;left:46px;top:0;z-index:310;}
#header h1 a {display:block;height:53px;}

#header .gnb_top {width:650px;position:absolute;left:50%;top:0;z-index:310;margin-left:-300px;}
#header .gnb_top li {float:left;width:19.5%;line-height:1.7em;}
#header .gnb_top li.long {width:22%;}
#header .gnb_top > li {display:block;color:#fff;text-align:center;padding:12.5px 0;}
#header .gnb_top > li > a {text-align:center;display:block;color:#fff;}

#header .gnb .gnb_video {position:absolute;right:74%;top:83px;}
#header .gnb .gnb_video #gnb_Video {width:300px;}

#header .gnb {position:relative;width:100%;height:0;overflow:hidden;}
#header .gnb > ul {width:650px;position:absolute;left:50%;top:53px;margin-left:-300px;overflow:hidden;}
#header .gnb > ul > li {width:19.5%;float:left;}
#header .gnb > ul > li.long {width:22%;}

#header .gnb > ul > li > ul {padding:30px 0;}
#header .gnb > ul > li > ul > li a {font-size:15px;line-height:2em;}
#header .gnb > ul > li > ul > li a:hover {font-weight:bold;}

#header .gnb ul li a {display:block;text-align:center;line-height:1.7em;}

#header .icon_box {width:210px;position:absolute;left:79%;top:0;}
#header .icon_box .book_btn {
	color:#fff;float:left;width:50%;padding:18.5px 0;
	background:url(../img/images/gnb_topbar.png) no-repeat right center;margin-right:5%;
}
#header .icon_box .book_btn a {font-size:14px;}
#header .icon_box .gnb_icon {overflow:hidden;width:30%;padding:13.5px 0;}
#header .icon_box .gnb_icon li {width:50%;float:left;}

#header .icon_box a {display:block;color:#fff;text-align:center;}

#header .header_bg {
	width:100%;height:53px;position:absolute;left:0;top:0;z-index:-10;
	background:url(../img/images/header_bg.png) no-repeat 50% 50%;background-size:cover;
}
#header .gnb_bg {
	width:100%;height:343px;position:absolute;left:0;top:0;z-index:-10;
	background:url(../img/images/gnb_bg.png) repeat left top;
}
#header .gnb_bg img {position:absolute;right:45px;bottom:30px;}

/* common - footer */
#footer {position:relative;background:#000;width:100%;min-width:1200px;z-index:300;}
#footer .top_btn {position:absolute;right:10%;top:-67px;}
#footer .f_top {background:url(../img/images/f_top-bg.jpg) no-repeat left top;background-size:cover;width:100%;height:246px;}
#footer .f_top .f_gnb {width:1000px;margin:0 auto;overflow:hidden;padding:50px 0;text-align:center;color:#e1e1e1;font-size:13px;line-height:1.5em;}
#footer .f_top .f_gnb li {width:25.33%;float:left;color:#fff;margin: 0 4%;}
#footer .f_top .f_gnb li span {display:block;font-size:17px;padding:14px 0;border-top:1px solid #625445;border-bottom:1px solid #625445;margin-bottom:25px;}
#footer .f_top .f_gnb li a {color:#fff;display:block;}
#footer .f_top .f_gnb li.f_lst01 a {padding-left:30px;width:103px;margin:0 auto;background:url(../img/images/sns_01.png) no-repeat left center;}
#footer .f_top .f_gnb li.f_lst03 a {width:145px;margin:0 auto;text-align:left;background:url(../img/images/f_top_rv.png) no-repeat right 0;}
#footer .f_top .f_gnb li.f_lst03 .tel {border:1px solid #fff;width:170px;padding:10px 0;text-align:center;margin:0 auto;margin-top:25px;}

#footer .inner {color:#e1e1e1;font-size:11px;overflow:hidden;width:1200px;margin:0 auto;}
#footer .inner .foot_bottom {overflow:hidden;padding:47px 0;}
#footer .inner .foot_bottom address {text-align:center;line-height:1.8em;overflow:hidden;background:#000;font-family:'돋움',Dotum;}
#footer .inner .foot_bottom address a.gonylab {margin-top:40px;display:block;color:#fff;}