@charset"UTF-8";
/* reset */

@import url(reset.css);

@font-face{
	font-family: 'exo2';
	src: url('/font/Exo2-Regular.eot');
	src: url('/font/Exo2-Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/Exo2-Regular.woff') format('woff'),
	url('/font/Exo2-Regular.ttf') format('truetype');
}
  
@font-face{
	font-family: monstserratB;
	src: url('/font/Montserrat-Bold.eot');
	src: url('/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/Montserrat-Bold.woff') format('woff'),
	url('/font/Montserrat-Bold.ttf') format('truetype');
}

@font-face{
	font-family: monstserratR;
	src: url('/font/Montserrat-Regular.eot');
	src: url('/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/Montserrat-Regular.woff') format('woff'),
	url('/font/Montserrat-Regular.ttf') format('truetype');
}


html {
	overflow-y: scroll;
}
html, body {
	height: 100%;
}
body {
	text-align: center;
	width: 100%;
	font-size: 75%;
	font-family: monstserratR, "돋움", Dotum, sans-serif;
	color: #000;
	list-style: none;
	line-height: 1.7em;
	/*border: 0px solid blue;
	outline: 0;*/
	/* background: url(/images/fly/common/sub_bg1.jpg) no-repeat 1040px top fixed; */

}

/* 스킵네비게이션 */
.skip-navigation a {
	display: block;
	height: 1px;
	width: 1px;
	margin: 0 -1px -1px 0;
	padding: 0;
	overflow: hidden;
	font-size:0;
	line-height:0;
}

.skip-navigation a:hover,
.skip-navigation a:active,
.skip-navigation a:focus {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #000;
	color: #fff;
	z-index: 1000000
}


.blind {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

/* 전체 */
#wrapper {
	position: relative;
	display: block;
	width: 1160px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1em;
	border: 0px solid red;
}


/* 상단 */
.header {
	height: 195px;
	overflow: hidden;
	border: 0px solid red;
}

.header .logo {
	float: left;
	padding-top: 42px;
}

.header .logo a, .header .logo img {
	display: block;
}

#topmenu {
	float: right;
	padding-top: 65px;

}

#topmenu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#topmenu ul li {
	float: left;
	padding: 0 22px;
	border: 0px solid red;
}
#topmenu ul li.none {
	background: transparent;
	padding-right: 0;
}
#topmenu ul li a {
	display: block;
	padding-bottom: 22px;
	color: #505058;
	font-size: 15px;
	font-weight: normal;
	border: 0px solid red;
}


#topmenu ul div {
	display: none;
	position: absolute;
	left:690px;
	top: 95px;
	padding-top: 5px;
	/* background: url(/images/fly/common/icon_on.gif) no-repeat left top; */
	border: 0px solid red;
}

#topmenu ul div ul {
	height: 44px;
	line-height: 44px;
	vertical-align: center;
	margin: 0;
	padding:0 7px;
	list-style: none;
	text-align: center;
	border-top: 1px solid #d9d9dc;
	border-bottom: 1px solid #d9d9dc;
}


#topmenu ul ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: left;
	padding: 0px 0 10px 0;
	height: 11px;
	margin:0;
	text-align: left;
	white-space: normal;
	background: transparent;
}
#topmenu ul ul li a {
	display: inline-block;
	padding: 0 13px;
	color: #acacad;
	font-size: 14px;
	border:0px solid green;
}
#topmenu ul ul li a.on, #topmenu ul ul li a:hover {
	color:#505058;
	text-decoration: none;
}

#topmenu ul ul li.menu_on a{
	font-weight: normal;
	color: #505058;
}

#topmenu ul div#top2m1 {
	position: absolute;
	left: 283px;
	background-position: 42px 0;
}
#topmenu ul div#top2m2 {
	position: absolute;
	left: 345px;
	background-position: center 0;

}
#topmenu ul div#top2m3 {
	position: absolute;
	left: 479px;
	background-position: center 0;
}
#topmenu ul div#top2m4 {
	position: absolute;
	left: 650px;
	background-position: center 0;
}
#topmenu ul div#top2m5 {
	position: absolute;
	left: 935px;
	background-position: center 0;
}
#topmenu ul div#top2m6 {
	position: absolute;
	left: 950px;
	background-position: 40px 0;
}

#topmenu ul div#top2m7 {
	position: absolute;
	left: 685px;
	background-position: center 0;
}

#topmenu ul div#top2m8 {
	position: absolute;
	/*6개 다 오픈하면 left: 463px;*/
	left: 580px;
	background-position: center 0;
}


.contents {
	border: 0px solid red;
}


/* 하단 */
.footer {
	padding-top:30px;
	background: #f2f2f2;
	*border: 1px solid #fff;
}

.footer .footer_area {
	width: 969px;
	height: 130px;
	padding-left: 191px;
	padding-top: 19px;
	margin:0 auto;
	background: url(/images/fly/common/footer_logo.gif) no-repeat left top;
}

.footer .footer_area dl {
	display: block;
	text-align: left;
	font-family: Verdana, sans-serif;
	color: #7c7c7f;
	line-height: 10px;
	padding:5px 0;
}

.footer .footer_area dt{
	display: inline-block;
	padding-right: 5px;
	font-size:15px;
	border: 0px solid red;
	line-height:20px;

}
.footer .footer_area dd{
	display: inline-block;
	padding-right: 5px;
	font-size:13px;
	border: 0px solid red;
	font-weight:normal;
	line-height:20px;
}
.footer .footer_area dl dt, .footer .footer_area dl dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 3px;
	vertical-align: top;
	overflow: hidden;
}

.footer .footer_area dl dt, .footer .footer_area dl dd img {
	display: inline-block;
	/*vertical-align: top;*/
	/*margin: 2px 0;*/
}

.footer .footer_area .hosts{
	width:328px;
}

.footer .footer_area .footer_con{
	width:840px;
}
.footer .footer_area .sponsor{
	width:300px;

}

#logo_second{
	margin-top:20px
}

.copyright {
	/* height: 64px; */
	background: #2e2e30;
	color: #98989b;
	line-height: 69px;
	padding-top:20px
}

.copyright strong{
	color: #fff;
	font-weight: normal;
}

.sub_visual01 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub01/img_subvisual.jpg) no-repeat center top;
}

.sub_visual02 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub02/img_subvisual.jpg) no-repeat center top;
}

.sub_visual03 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub04/img_subvisual.jpg) no-repeat center top;
}

.sub_visual04 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub05/img_subvisual.jpg) no-repeat center top;
}

.sub_visual05 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub06/img_subvisual.jpg) no-repeat center top;
}

.sub_visual06 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub07/img_subvisual.jpg) no-repeat center top;
}

.sub_visual07 {
	width: 100%;
	height: 220px;
	background: url(/images/fly/sub/sub07/img_subvisual.jpg) no-repeat center top;
}





.visual_info01 {
	padding-top: 76px;
	color: #fff;
	font-size: 40px;
	line-height: 42px;
	margin-bottom: 16px;
	font-family: monstserratB, "돋움", Dotum, sans-serif;
}

.visual_info02 {
	color: #fff;
	font-size: 20px;
	font-family: Georgia, "돋움", Dotum, sans-serif;
	font-style: italic;
}

.contents_area {
	position: relative;
	/*
	min-height: 500px;
	*height: 500px;
	*height: auto;
	*/
	padding-bottom: 140px;
	min-height: 705px;
}

.contents_area:after{content:''; display:block; clear:both;}

.contents_area h1 {
	color: #000;
	font-size: 36px;
	line-height: 38px;
	padding-bottom: 27px;
}

/* 탭메뉴 */
.tabmenu {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 23px;
	margin-bottom: 70px;
	overflow: hidden;
}

.tabmenu li {
	float: left;
	width: 152px;
	height: 43px;
}

.tabmenu li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.tabmenu li a:hover {
	color: #fff;
	background: #505058}

.tabmenu li.on a {
	color: #fff;
	background: #505058
}




.tabmenu02 {
	/*border-bottom: 1px solid #e5e5e5;*/
	padding-bottom: 23px;
	margin-bottom: 20px;
	overflow: hidden;
}

.tabmenu02 li {
	float: left;
	width: 14%;
	height: 43px;
}

.tabmenu02 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.tabmenu02 li a:hover {
	color: #fff;
	background: #bba1cb
}

.tabmenu02 li.on a {
	color: #fff;
	background: #bba1cb;
}

/* 탭메뉴03 */
.tabmenu03 {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 23px;
	margin-bottom: 20px;
	overflow: hidden;
}

.tabmenu03 li {
	float: left;
	width: 145px;
	height: 43px;
}

.tabmenu03 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.tabmenu03 li a:hover {
	color: #fff;
	background: #505058}

.tabmenu03 li.on a {
	color: #fff;
	background: #505058
}

/* 탭메뉴04 */
.tabmenu04 {
	padding-bottom: 23px;
	margin-bottom: 0;
	overflow: hidden;
}

.tabmenu04 li {
	float: left;
	width: 152px;
	height: 43px;
}

.tabmenu04 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.tabmenu04 li a:hover {
	color: #fff;
	background: #505058
}

.tabmenu04 li.on a {
	color: #fff;
	background: #505058
}

/* 탭메뉴05 */
.tabmenu05 {
	padding-bottom: 23px;
	margin-bottom: 0;
	overflow: hidden;
}

.tabmenu05 li {
	float: left;
	width: 180px;
	height: 43px;
	letter-spacing:-0.85px;

}

.tabmenu05 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #2b3573;
	font-size: 15px;
}

.tabmenu05 li a:hover {
	color: #fff;
	background: #37c89f;
}

.tabmenu05 li.on a {
	color: #fff;
	background: #37c89f;
}

/* 탭메뉴08 */
.tabmenu08 {
	padding-bottom: 23px;
	margin-bottom: 0;
	overflow: hidden;
}

.tabmenu08 li {
	float: left;
	width: 180px;
	height: 43px;
	letter-spacing:-0.85px;

}

.tabmenu08 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #2b3573;
	font-size: 15px;
}

.tabmenu08 li a:hover {
	color: #fff;
	background: #bba1cb;
}

.tabmenu08 li.on a {
	color: #fff;
	background: #bba1cb;
}


/* 탭메뉴09 */
.tabmenu09 {
	padding-bottom: 23px;
	margin-bottom: 0;
	overflow: hidden;
}

.tabmenu09 li {
	float: left;
	width: 180px;
	height: 43px;
	letter-spacing:-0.85px;

}

.tabmenu09 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #2b3573;
	font-size: 15px;
}

.tabmenu09 li a:hover {
	color: #fff;
	background: #bba1cb;
}

.tabmenu09 li.on a {
	color: #fff;
	background: #bba1cb;
}

/* 탭메뉴10 */
.tabmenu10 {
	/*border-bottom: 1px solid #e5e5e5;*/
	padding-bottom: 23px;
	margin-bottom: 20px;
	overflow: hidden;
}

.tabmenu10 li {
	float: left;
	width: 15%;
	height: 43px;
}

.tabmenu10 li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.tabmenu10 li a:hover {
	color: #fff;
	background: #bba1cb
}

.tabmenu10 li.on a {
	color: #fff;
	background: #bba1cb;
}

/* timetable */
.timetable {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 23px;
	margin-bottom: 20px;
	overflow: hidden;
}

.timetable li {
	float: left;
	width: 152px;
	height: 43px;
}

.timetable li a {
	text-align: center;
	display: block;
	line-height: 43px;
	color: #353538;
	font-size: 15px;
}

.timetable li a:hover {
	color: #fff;
	background: #505058}

.timetable li.on a {
	color: #fff;
	background: #505058
}