@charset "euc-kr";



body.seoul,

body.jeju,

body.busan	{background:none;}

body.main {background:#ebebeb url(../images/main/bg_body.png) repeat-x left top;}

body.main #wrap {background:url(../images/main/bg_main_seoul_1.png) no-repeat center 135px;}

body.main.jeju #wrap {background:url(../images/main/bg_main_jeju_1.png) no-repeat center 135px;}

body.main.busan #wrap {background:url(../images/main/bg_main_busan_1.png) no-repeat center 135px;}

body.main #wrap .wrapInner {padding:0; background-image:none; background:transparent;}

body.main #gnb {height:82px;}

/*

body.main #header {height:100px; }

body.main #header > p {height:40px; }

body.main #gnb {height:42px;}

*/





body.main #container {width:980px; padding:0; }

body.main #contents {position:relative; width:980px; padding:0; background:none;}



#header {margin-bottom:0;}



.txt {position:absolute; left:20px; top:30px;}




.visual {position:relative; width:980px; height:672px;}

.visual .inner {width:980px; height:672px;}
.visual .inner .txt_notice2 {position:absolute; left:380px; top:40px ; z-index:100}
.visual .visual1 {position:relative; height:425px; padding:247px 0 0 0; background:url(../images/main/bg_visual1.png) no-repeat left 136px;}

.visual .visual1 h2 {position:absolute; right:0; top:189px;}

.visual .visual1 > p {width:708px; height:55px; padding:0 26px 0 0; text-align:right; }

.visual .visual1 ul li {float:left; margin-left:-1px;}

.visual .visual1 ul li:first-child {margin:0;}



.visual .visual3 {position:relative; height:425px; padding:247px 0 0 0; background:url(../images/main/bg_visual3.png) no-repeat left 136px;}

.visual .visual3 h2 {position:absolute; right:0; top:189px;}

.visual .visual3 > p {width:708px; height:55px; padding:0 26px 0 0; text-align:right; }

.visual .visual3 ul li {float:left; margin-left:-1px;}

.visual .visual3 ul li:first-child {margin:0;}




.visual .visual2 {position:relative; width:982px; height:483px; padding:189px 0 0 0; background:url(../images/main/bg_visual2.png) no-repeat 245px 104px; display:none;}

.visual .visual2 h2 {float:left; padding:0 9px 0 0;}

.visual .visual2 > p {height:52px; padding:60px 27px 0 0; text-align:right;}

.visual .visual2 ul  {width:738px; overflow:hidden; }

.visual .visual2 ul li {float:left;}

.visual .visual2 ul li {float:left; margin-left:-1px;}

.visual .visual2 ul li:first-child {margin:0;}

.visual .family_park	{position:absolute; top:49px; right:100px; z-index:1;}

.visual .event_festival	{position:absolute; top:49px; right:0; z-index:1;}



body.jeju .visual .visual1 {background:url(../images/main/bg_visual1_jeju.png) no-repeat left 129px;}

body.jeju .visual .visual2 {background:url(../images/main/bg_visual2_jeju.png) no-repeat 245px 122px;}



body.busan .visual .visual1 {background:url(../images/main/bg_visual1_busan.png) no-repeat left 136px;}

body.busan .visual .visual2 {background:url(../images/main/bg_visual2_busan.png) no-repeat 245px 122px;}



.visual  .bx-controls  {position:absolute; right:-8px; top:39px; z-index:100; }

.visual  .bx-controls  .bx-pager > span {display:inline-block;}

.visual  .bx-controls  .bx-pager > span a.bx-pager-link {display:inline-block; width:100px; height:100px; background:url(../images/main/btn_visual2.png) no-repeat left top;}

.visual  .bx-controls  .bx-pager > span a.active {background:url(../images/main/btn_visual2_on.png) no-repeat left top;}

.visual  .bx-controls  .bx-pager > span:first-child a.bx-pager-link {background:url(../images/main/btn_visual1.png) no-repeat left top;}

.visual  .bx-controls  .bx-pager > span:first-child a.active {background:url(../images/main/btn_visual1_on.png) no-repeat left top;}



.goRight {position:relative; width:936px; height:113px; padding:22px 0 0 0;}

.goRight .slidewrap	{width:826px; margin:0 50px 0 60px; overflow:hidden;}

.goRight  ul	{width:100%; height:113px; overflow:hidden;}

.goRight  ul li {width:69px; margin-right:80px; float:left; text-align:center;}

.goRight  ul li a {display:inline-block; color:#555; }

.goRight  ul li a:hover, .goRight  ul li a:focus, .goRight ul li a:active {font-weight:bold;}

.goRight  ul li img {display:block; margin-bottom:10px;}

.goRight .ctrl	{}

.goRight .ctrl a.prev	{background:url(../images/main/bg_prev_next2.png) no-repeat 0 0; display:block; width:50px; height:95px; overflow:hidden; position:absolute; top:20px; left:0;}

.goRight .ctrl a.prev span	{display:block; width:0; height:0; font-size:0;}

.goRight .ctrl a.next	{background:url(../images/main/bg_prev_next2.png) no-repeat -50px 0; display:block; width:50px; height:95px; overflow:hidden; position:absolute; top:20px; right:0;}

.goRight .ctrl a.next span	{display:block; width:0; height:0; font-size:0;}

.goRight .bx-wrapper, .goRight .bx-viewport {width:894px;}

.goRight .bx-controls-direction a {position:absolute; top:15px; display:inline-block; width:50px; height:95px; text-indent:-9999px;  background:url(../images/main/bg_prev_next2.png) no-repeat top left; }

.goRight .bx-controls-direction a.bx-prev {left:0;}

.goRight .bx-controls-direction a.bx-next {right:0; background-position:-50px center;}



.infoArea {width:980px; height:535px; margin:30px 0 30px 0;}



.infoArea .notice {float:left; position:relative; width:225px; height:210px; padding:19px 0 0 263px; border:1px solid #ddd; border-bottom:none; background:#fff url(../images/main/bg_notice.png) no-repeat right top;}

.infoArea .notice h2 {height:29px;}

.infoArea .notice a.more {position:absolute; left:-1px; top:-1px;}

.infoArea .notice ul li {width:208px; height:36px; padding:8px 0 0 0; line-height:18px;}

.infoArea .notice ul li a {display:block; color:#444; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.infoArea .notice ul li a em {font-weight:bold;}

.infoArea .notice ul li span {font-size:11px; color:#666;}



.infoArea .event {float:left; position:relative; width:204px; height:210px; padding:19px 20px 0 265px; border:1px solid #ddd; border-bottom:none; border-left:none; background:url(../images/main/bg_event.png) no-repeat left top;}

.infoArea .event h2 {height:45px;}

.infoArea .event ul li	{display:none;}

.infoArea .event ul li em {display:block; padding:1px 0 7px 0; font-size:16px; line-height:18px; font-weight:bold;  color:#ff4800;}

.infoArea .event ul li.on	{display:block;}

.infoArea .event .ctrl	{position:absolute; top:21px; right:19px; padding:0 12px; }

.infoArea .event .ctrl .prev	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat 2px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .event .ctrl .prev span	{display:block; width:0; height:0; font-size:0;}

.infoArea .event .ctrl .next	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat -30px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .event .ctrl .next span	{display:block; width:0; height:0; font-size:0;}

.infoArea .event .bx-controls-direction {position:absolute; top:19px; right:19px; padding:0 12px; }

.infoArea .event .bx-controls-direction a {position:absolute; top:0; display:inline-block; width:10px; height:10px; text-indent:-9999px;  background:url(../images/main/bg_prev_next.png) no-repeat 2px center;}

.infoArea .event .bx-controls-direction a.bx-prev {left:0; }

.infoArea .event .bx-controls-direction a.bx-next {right:0; background-position:-30px center;}

.infoArea .event .bx-controls-direction span {color:#555;}

.infoArea .event .bx-controls-direction span em {font-weight:bold;}



.infoArea .experience {float:left; position:relative; width:206px; height:259px; padding:24px 19px 20px 19px; border:1px solid #ddd; background:#fff;}

.infoArea .experience h2 {height:31px;}

.infoArea .experience ul li	{height:218px; overflow:hidden; display:none;}

.infoArea .experience ul li.on	{display:block;}

.infoArea .experience ul li a {display:block; }

.infoArea .experience ul li img {width:204px; height:110px; margin-bottom:21px;}

.infoArea .experience ul li em {display:block; padding:0 0 6px 0; font-size:14px; font-weight:bold;  color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:18px;}

.infoArea .experience ul li span.date {display:none; margin-top:10px; font-size:12px; color:#444;}

.infoArea .experience ul li span.date em {padding:0 0 3px 0; font-size:12px; color:#444;}

.infoArea .experience .ctrl	{position:absolute; top:20px; right:19px; padding:0 12px; }

.infoArea .experience .ctrl .prev	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat 2px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .experience .ctrl .prev span	{display:block; width:0; height:0; font-size:0;}

.infoArea .experience .ctrl .next	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat -30px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .experience .ctrl .next span	{display:block; width:0; height:0; font-size:0;}

.infoArea .experience .bx-controls-direction {position:absolute; top:25px; right:19px; padding:0 12px; }

.infoArea .experience .bx-controls-direction a {position:absolute; top:0; display:inline-block; width:10px; height:10px; text-indent:-9999px;  background:url(../images/main/bg_prev_next.png) no-repeat 2px center;}

.infoArea .experience .bx-controls-direction a.bx-prev {left:0; }

.infoArea .experience .bx-controls-direction a.bx-next {right:0; background-position:-30px center;}

.infoArea .experience .bx-controls-direction span {color:#555;}

.infoArea .experience .bx-controls-direction span em {font-weight:bold;}



.infoArea .culture {float:left; position:relative; width:208px; height:279px; padding:24px 17px 0 265px; background:#eaf2e7;}

.infoArea .culture h2 {height:27px;}

.infoArea .culture a.more {position:absolute; left:0; top:0;}

.infoArea .culture ul {height:220px; display:none;}

.infoArea .culture ul.on {display:block;}

.infoArea .culture ul li {width:208px; height:36px; padding:8px 0 0 0; line-height:18px; margin:0; border-bottom:1px dotted #d2d2d2; }

.infoArea .culture ul li a {display:block; color:#444; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.infoArea .culture ul li em {font-weight:bold; }

.infoArea .culture ul li span {display:block; font-size:11px; color:#666; }

.infoArea .culture .ctrl	{position:absolute; top:20px; right:19px; padding:0 12px; }

.infoArea .culture .ctrl .prev	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat 2px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .culture .ctrl .prev span	{display:block; width:0; height:0; font-size:0;}

.infoArea .culture .ctrl .next	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat -30px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .culture .ctrl .next span	{display:block; width:0; height:0; font-size:0;}

.infoArea .culture .bx-wrapper, .infoArea .culture .bx-viewport {height:220px;}

.infoArea .culture .bx-controls-direction {position:absolute; top:26px; right:14px; padding:0 12px; }

.infoArea .culture .bx-controls-direction a {position:absolute; top:0; display:inline-block; width:10px; height:10px; text-indent:-9999px;  background:url(../images/main/bg_prev_next.png) no-repeat 2px center;}

.infoArea .culture .bx-controls-direction a.bx-prev {left:0; }

.infoArea .culture .bx-controls-direction a.bx-next {right:0; background-position:-30px center;}

.infoArea .culture .bx-controls-direction span {color:#555;}

.infoArea .culture .bx-controls-direction span em {font-weight:bold;}



.infoArea .course {float:left; position:relative; width:204px; height:259px; padding:24px 19px 20px 19px; border:1px solid #ddd; background:#fff;}

.infoArea .course h2 {height:31px;}

.infoArea .course ul li	{display:none;}

.infoArea .course ul li a {display:block;}

.infoArea .course ul li.on	{display:block;}

.infoArea .course ul li img {width:204px; height:110px;margin-bottom:21px;}

.infoArea .course ul li em {display:block; padding:0 0 6px 0; font-size:14px; font-weight:bold;  color:#333;}

.infoArea .course ul li span.date {display:block; margin-top:10px; font-size:12px; color:#444;}

.infoArea .course ul li span.date em {padding:0 0 3px 0; font-size:12px; color:#444;}

.infoArea .course .ctrl	{position:absolute; top:20px; right:19px; padding:0 12px; }

.infoArea .course .ctrl .prev	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat 2px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .course .ctrl .prev span	{display:block; width:0; height:0; font-size:0;}

.infoArea .course .ctrl .next	{display:inline-block; width:10px; height:10px; background:url(../images/main/bg_prev_next.png) no-repeat -30px 50%; vertical-align:middle; margin-bottom:3px;}

.infoArea .course .ctrl .next span	{display:block; width:0; height:0; font-size:0;}

.infoArea .course .bx-controls-direction {position:absolute; top:25px; right:19px; padding:0 12px; }

.infoArea .course .bx-controls-direction a {position:absolute; top:0; display:inline-block; width:10px; height:10px; text-indent:-9999px;  background:url(../images/main/bg_prev_next.png) no-repeat 2px center;}

.infoArea .course .bx-controls-direction a.bx-prev {left:0; }

.infoArea .course .bx-controls-direction a.bx-next {right:0; background-position:-30px center;}

.infoArea .course .bx-controls-direction span {color:#555;}

.infoArea .course .bx-controls-direction span em {font-weight:bold;}



@media screen and (-webkit-min-device-pixel-ratio:0){

	.infoArea .notice ul li {height:38px; padding:6px 0 0 0;}

	.infoArea .event .bx-controls-direction a, .infoArea .experience .bx-controls-direction a, .infoArea .culture .bx-controls-direction a, .infoArea .course .bx-controls-direction a  {top:2px;}

}



@-moz-document url-prefix() {

	.infoArea .notice ul li {height:38px; padding:6px 0 0 0;}

	.infoArea .event .bx-controls-direction a, .infoArea .experience .bx-controls-direction a, .infoArea .culture .bx-controls-direction a, .infoArea .course .bx-controls-direction a  {top:2px;}

}



#layerWrap {position:absolute; margin-top:-300px;margin-left:-470px;left:50%; z-index:3000; padding:20px 30px 20px 30px; border:3px solid #333; background:#fff;}

#layerWrap button.close {position:absolute; top:0; right:0; width:41px; height:41px; background:#333 url(../images/sub/bu_x_white.png) no-repeat center center;}

#layerWrap h1 {height:30px; padding:4px 0 0 0; margin-bottom:20px; font-size:20px; color:#222; border-bottom:1px solid #666;}

#layerWrap .btns {padding-bottom:0; }



#layerWrap .poll {width:425px;}

#layerWrap .poll ul {padding:0 0 10px 0; }

#layerWrap .poll ul li {position:relative; padding:0 0 10px 0; font-weight:bold; }

#layerWrap .poll ul li img {margin-right:7px; vertical-align:middle;}

#layerWrap .poll ul li button {position:absolute; right:0; top:0;}



#layerWrap .receipt {width:550px;}



#layerWrap  .allmenu {width:940px; height:500px; overflow:hidden; overflow-y:scroll;  padding:14px 0 0 0; background:#fff;}

#layerWrap  .allmenu > div {overflow:hidden;}

#layerWrap  .allmenu > div > div {float:left; width:210px; padding:0 0 20px 110px;}

#layerWrap  .allmenu > div > div:first-child {padding-left:0;}

#layerWrap  .allmenu > div > div h2 {height:18px; padding:12px 10px 8px 10px; font-size:15px; color:#222; background:#eee; border:1px solid #ccc;}

#layerWrap  .allmenu > div > div > ul {padding:2px 0 0 0;}

#layerWrap  .allmenu > div > div h2 a {font-size:15px; color:#222; }

#layerWrap  .allmenu > div > div > ul > li {border-top:1px solid #ccc;;}

#layerWrap  .allmenu > div > div > ul > li:first-child {border-top:none;}

#layerWrap  .allmenu > div > div > ul > li > a {display:block; padding:7px 0 6px 10px; font-size:13px; color:#444; font-weight:bold;}

#layerWrap  .allmenu > div > div > ul > li > ul {margin-top:-3px; padding:0 0 6px 10px}

#layerWrap  .allmenu > div > div > ul > li > ul > li {}

#layerWrap  .allmenu > div > div > ul > li > ul > li > a {display:block; padding:1px 0 1px 0; color:#444;}