/*
Project :
Author  :
Date    :
*/

/* Common */
html, body {font-family: '돋움', Dotum, sans-serif;font-size:13px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1;}
img{border:0;margin:0;padding:0;}
a{margin:0;padding:0;}
a[name]{height:0;}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.maleft{ margin-left:20px !important;}
.total{ background-color:#f2f2f2; }
.matop10{ margin-top:10px;}
.matop30{ margin-top:30px;}
.matop{ margin-top:40px;}
.matoplf{ margin-top:14px;}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Layout */
.container{position:relative;width:1170px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto; text-align:center; }


.gnb{ position:fixed; height:80px;z-index: 99999;  width:100%; top:0; left:0; border-bottom:2px solid #2e2e2c;  background-color:#fff; }
	.gnb .logo{ width:122px; position:absolute; top:20px; left:20px;}
	.gnb .gnbli{ width:1170px; height:80px; margin:0 auto; text-align:center;}
	.gnb ul{  text-align:center; margin:0 auto;  display:inline-block;  }
	.gnb ul li{ float:left;  border-right:2px solid #000;  height:80px;  line-height:80px; }
	.gnb ul li a{padding:0 36px; height:80px; display:block;}
	.gnb ul li a:hover, .gnb ul li a.active {background:#f0f0f0;}
	.gnb ul li:first-child{ margin-left:0; border-left:2px solid #000;}

.wholebg{background: #e5f6ff url(/event/images/new_package2018/top_bg.png) no-repeat 50% 0%; overflow:hidden; padding:80px 0 55px; border-bottom:3px solid #000; }
	.wholebg h1{margin-top:95px;}
	
	.topbtn_go{display:inline-block; margin:10px auto 0; text-align:cente;}
	.topbtn_go li{float:left; margin:10px 5px;}
/* Header */
.header{  }
	.header .bgbg .text{ margin-top:50px;}

.area_conn{background:#ffc000; padding:30px 0 70px; }
.area{ position:relative; }
	.topbtn{position:absolute; top:-50px; left:185px; width:800px;}
	.topbtn a{margin-right:5px;}
	.kidot{ text-align:center; margin:60px auto 0; width:1170px;}
		.kidot .kidottop{ background: url(/event/images/new_package2018/area01_top_2019.png); height:174px;}
		.kidot .kidotbottom{background: url(/event/images/new_package2018/area01_bottom_2019.png) no-repeat 50% 0%;  height:796px; width:1170px;}
		.kidot .kidotbottom .contents{ width:1024px; border:2px solid #000000;  text-align:center; margin-left:65px;}
		.kidot .kidotbottom .contents .tab li{ float:left; height:77px;  width:511px; line-height:77px; font-size:16px; font-weight:bold; color:#000; border-bottom:2px solid #222222; border-left:2px solid #222222;font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px;}
		.kidot .kidotbottom .contents .three li{width:340px;}					
		.kidot .kidotbottom .contents .tab li:first-child{border-left:0;}
		.kidot .kidotbottom .contents .tab li a {color:#000; text-decoration:none; width:511px;height:77px; display:inline-block;}
		.kidot .kidotbottom .contents .three li a{width:340px;}
		.kidot .kidotbottom .contents .four li{width:254.5px;}
		.kidot .kidotbottom .contents .four li a{width:254.5px;}
		.kidot .kidotbottom .contents .seven li{width:144.57px;}
		.kidot .kidotbottom .contents .seven li a{width:145px;}
		.kidot .kidotbottom .contents .six li{width:169px;/*1024-(2*6)/6*/}
		.kidot .kidotbottom .contents .six li a{width:169px;}
		.kidot .kidotbottom .contents .tab li a:hover{background:#fe767d; color:#fff;}
		.current{background:#fe767d; color:#fff;}
		.kidot .kidotbottom .contents .pageslider { width:1024px; height:535px; }
		.kidot .kidotbottom .contents .wayslider{width:730px ; height:456px; margin:0 auto; text-align:center;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper{width:1024px!important;padding:25px 0;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-viewport{box-shadow:0 0 0; border:0; left:0; background:none;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-viewport li{width:730px!important;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-controls-direction a{width:59px;height:112px;margin-top:-50px;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-prev{background: url(/event/images/new_package2017/prev.png);left:-149px;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-next{background: url(/event/images/new_package2017/next.png);right:-149px;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-pager.bx-default-pager a{width:14px;height:14px;border-radius:10px;border:1px #000 solid;background:#fff; margin:0 3px;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
		.kidot .kidotbottom .contents .wayslider .bx-wrapper .bx-pager{bottom:-7px;}
		.downbtn{ margin-top:35px;}
		
		.ot_mob{width:100%;  }
		.ot_mob .ot_mobleft{width:492px;height:525px; background:url(/event/images/new_package2018/ot_meb01.png); float:left;}
		.ot_mob .bx-wrapper{width:281px!important;padding:0;}
		.ot_mob .bx-wrapper .bx-viewport{box-shadow: 0 0 0px #ccc;border: 0px solid #fff;background:#53c1ba;text-align:cente; left:9px; top:66px;}
		.ot_mob .bx-wrapper .bx-viewport li{width:281px!important;}
		.ot_mob .bx-wrapper .bx-controls-direction a{width:27px;height:44px;margin-top:30px;}
		.ot_mob .bx-wrapper .bx-prev{background: url(/event/images/new_package2018/ot_mebprev.png);left:-40px;}
		.ot_mob .bx-wrapper .bx-next{background: url(/event/images/new_package2018/ot_mebnext.png);right:-60px;}
		.ot_mob .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{left:100px; bottom:-63px;}


	.kidot .area02_top{ background: url(/event/images/new_package2018/area02_top_2019.png); height:174px;}
	.kidot .area02_bottom{background: url(/event/images/new_package2018/area02_bottom_2019.png) no-repeat 50% 100%; }
	
	.kidot .area03_top{ background: url(/event/images/new_package2018/area03_top_2019.png); height:174px;}
	.kidot .area03_bottom{background: url(/event/images/new_package2018/area03_bottom.png) no-repeat 50% 100%; }
	
	.kidot .area04_top{ background: url(/event/images/new_package2018/area04_top.png); height:174px;}
	.kidot .area04_bottom{background: url(/event/images/new_package2018/area04_bottom.png) no-repeat 50% 100%; }
	
	.kidot .area05_top{ background: url(/event/images/new_package2018/area04_top_2020.png); height:174px;}
	.kidot .area05_bottom{background: url(/event/images/new_package2018/area05_bottom.png) no-repeat 50% 100%; }

	
.yearly{background:#fe767d; border-top:4px solid #000; padding:50px 0;}
	.yearly h1{margin-bottom:20px;}
	.yearly .yearly_area_01 h3{margin-top:68px;}
	.yearly .yearly_area_01 h4{margin-top:15px;}
	.yearly .yearly_area_01 h5{margin-top:24px;}
	.yearly .yearly_area_01 li{float:left; margin:15px 0px 0 17px;}
	.yearly .yearly_area_01 li:first-child{ margin-left:0px;}
	
	

.date{ background-color:#9be2f9; border-bottom:3px solid #000000; padding:50px 0; border-top:3px solid #000000;  }
	.date ul{ text-align:center; display:inline-block; margin-top:22px; margin-bottom:10px;}
	.date li{ float:left; margin-left:13px; }
	.date li:first-child{ margin-left:0;}



.footer{background-color:#ffe84f; padding:50px 0 35px; }
   .footer .btngo a{ margin-right:5px;}

.footer_bo{background-color:#222222; padding:20px 0; }