body,h1,h2,h3,h4,h5,h6,input,textarea,select,option{color:#000; font-family:'NotoSans',sans-serif; line-height:1.4;}

.clear:after,
.clearfix:after {content:'';display:block;clear:both;}
.thick {font-weight:bold;}
#wrapper {overflow:hidden;}
#wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
}

#container {-webkit-overflow-scrolling: touch;}
#container.no-ad {padding-top:40px;}

#contents {padding:20px 8px;text-align:justify;}
#mask {position:fixed;left:0;top:0;z-index:9;background-color:#000;display:none;width:100%;height:100%;}


/************** selectbox ***************/

select {
    padding:3px 20px 3px 10px;
    margin: 0;
    /*-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;*/
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    color:#888;
    border:1px solid #ccc;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	background: #fff url('/image/mobile/select_arrow.png') no-repeat 98%;
	background-size:15px;
}



/************** header ****************/
#header {text-align: center; position: fixed; border-bottom: 2px solid #000;top:0;left:0;width:100%; z-index:8;}
#header .titArea {background: #5f016c; padding: 7px;}

#header h1 a {color: #fff; font-size: 1.3em;display:block;width:70%;margin:0 auto;}
#header a.toggleMenu {position: absolute; top: 12px; display: block; width: 20px; height: 20px;background-image: url("/image/read/mobile/mToggle.png"); background-repeat: no-repeat; background-position: 0 0; background-size:100%;left: 10px; }
#header a.search {position: absolute; top: 12px; display: block; width: 20px; height: 20px;background-image: url("/image/read/mobile/btn_search.png"); background-repeat: no-repeat; background-position: 0 0; background-size:100%;right: 10px; }
.searchBox {width:100%;z-index:10;display:none;position:relative;top:0;}
.searchBox input {width:100%;height:35px;}
.searchBox a.searchBtn {width:25px;height:20px;position:absolute;top:7px;right:5px;background:url('/image/read/mobile/btn_search_b.png')0 0 no-repeat;}
.searchBox a.searchClose {width:35px;height:35px;position:absolute;top:-36px;right:5px;background:url('/image/read/mobile/close_search.png')0 0 no-repeat;background-size:100% 100%;}


.ui-autocomplete {z-index:100 !important;max-height:200px;overflow:auto;}
.ui-menu .ui-menu-item {padding:3px 10px;}



/*************** menu *****************/
#menu {position: fixed; top: 0; left: 0; width: 300px; display: none; background:#fff;z-index:10;max-height:100%;overflow-y:auto;overflow-x:hidden;}
.menuHeader .headerBar {padding:7px;position:relative;background:#5f016c;}
.menuHeader .headerBar p {padding:5px;}
.menuHeader .headerBar p a{display:inline-block;width:89px;}
.menuHeader .headerBar > ul {float:right;display:block;margin-top:-20px;margin-right:40px;}
.menuHeader .headerBar > ul > li {display:inline-block;margin-left:10px}
.menuHeader .headerBar > ul > li a {color:#fff;font-size:0.85em;}
.menuHeader .headerBar a.menuClose {position:absolute;top:15px;right:10px;background:url('/image/read/mobile/close_menu.png') 0 0 no-repeat;display:block;width:17px;height:20px;background-size:100% 100%;}
.menuHeader .menuNav ul {border-bottom:1px solid #dedede;}
.menuHeader .menuNav ul li {float:left;display:block;width:75px;height:50px;border-left:1px solid #dedede;}
.menuHeader .menuNav ul li:first-child {border-left:none;}
.menuHeader .menuNav ul li a {display:block;width:inherit;height:inherit;font-size:0.8em;color:#b2b2b2;padding-top:35px;text-align:center;}
.menuHeader .menuNav ul li.home a {background:url('/image/read/mobile/link_home.png') 24px 5px no-repeat;background-size:27px;}
.menuHeader .menuNav ul li.sitemapT a {background:url('/image/read/mobile/link_sitemap.png') 25px 5px no-repeat;background-size:27px;}
.menuHeader .menuNav ul li.today a {background:url('/image/mobile/travel_today.png') 16px 7px no-repeat;background-size:44px;}
.menuHeader .menuNav ul li.mypage a {background:url('/image/read/mobile/link_mypage.png') 25px 5px no-repeat;background-size:27px;}
.menuHeader .menuNav ul li a.on {color:#fff;}

.menuHeader .menuNav ul li.sitemapT a.on {background: #1a435f url('/image/mobile/link_sitemap_on.png') 25px 5px no-repeat;}
.menuHeader .menuNav ul li.today a.on {background: #1a435f url('/image/mobile/link_join_on.png') 25px 5px no-repeat;}
.menuHeader .menuNav ul li.mypage a.on {background: #1a435f url('/image/mobile/link_mypage_on.png') 25px 5px no-repeat;}

.menuContent {color:#5a5a5a;margin-top:10px;position:relative;width:100%;overflow:hidden;}
.menuContent .wrap {width:600px;margin-left:-300px;}

.menuContent h2 {padding-left:30px;font-size:1.2em;}
.menuContent h2.titKnow {background:url('/image/mobile/know_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titEat {background:url('/image/mobile/food_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titLook {background:url('/image/mobile/look_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titFestival {background:url('/image/mobile/festival_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titGo {background:url('/image/mobile/go_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titShow {background:url('/image/mobile/show_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titRead {background:url('/image/mobile/read_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titExamine {background:url('/image/mobile/examine_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titFeel {background:url('/image/mobile/feel_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titTogether {background:url('/image/mobile/together_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titJoin {background:url('/image/mobile/member_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titMypage {background:url('/image/mobile/mypage_icon.png') 7px 1px no-repeat;background-size:20px 20px;}
.menuContent h2.titIntro {background:url('/image/mobile/intro_icon.png') 7px 0px no-repeat;background-size:20px 20px;}

.wrap > div {width:300px;float:right;display:block;}
.wrap > div > div {margin-top:10px;}
.wrap > div > div > p {padding-left:10px;padding-right:15px;font-size:1em;background:url('/image/mobile/triangle_icon.png') 98% 4px no-repeat;display:inline-block;}
.wrap > div.frontMenu > div > ul {margin-top:5px;background:#e4e4e4;}
.wrap > div > div > ul > li {border-right:1px solid #fff;border-bottom:1px solid #fff;padding:5px;float:left;display:block;}
.wrap > div > div > ul > li.half {width:50%;}
.wrap > div > div > ul > li.quarter {width:25%;height:46px;display:table;}
.wrap > div > div > ul > li.full {width:100%;}
.wrap > div > div > ul > li.quarter a {color:#615a62;text-align:center;height:100%;display:table-cell;vertical-align:middle;}
.wrap > div > div > ul > li a {color:#615a62;font-weight:bold;display:block;width:100%;height:inherit;}
.wrap > div > div > ul > li a span {font-size:0.75em;}

.wrap > div > div.partOverview > p {padding-left:30px;background:url('/image/mobile/traveli_face_purple.png') 10px 1px no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul {background:none;padding:3px;margin:5px;border-top:1px solid #4d4d4d;border-bottom:1px solid #4d4d4d;}
.wrap > div > div.partOverview > ul > li {border-left:none;border-bottom:none;}
.wrap > div > div.partOverview > ul > li > a {font-weight:bold;padding-left:22px;display:block;font-size:0.85em;}
.wrap > div > div.partOverview > ul > li.know > a {background:url('/image/mobile/know_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.eat > a {background:url('/image/mobile/food_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.look > a {background:url('/image/mobile/look_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.festival > a {background:url('/image/mobile/festival_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.go > a {background:url('/image/mobile/go_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.read > a {background:url('/image/mobile/read_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.examine > a {background:url('/image/mobile/examine_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.show > a {background:url('/image/mobile/show_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.feel > a {background:url('/image/mobile/feel_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}
.wrap > div > div.partOverview > ul > li.together > a {background:url('/image/mobile/together_icon_bg.png') 0 0 no-repeat;background-size:15px 15px;}


.wrap > div > div.partTheme ul {max-height:175px;margin-top:5px;background:#e4e4e4;}
.wrap > div > div.partTheme ul li {border-right: 1px solid #fff;border-bottom: 1px solid #fff;padding: 7px;float: left;display: block;width:100%;}
.wrap > div > div.partTheme ul li a {color: #615a62;font-weight: bold;display: block;width: 100%;height: inherit;}
.wrap > div > div.partTheme ul li a span {font-size:0.85em;}
.mCSB_inside > .mCSB_container {margin-right:2px;}


.wrap > div.sitemap > div > ul {background:#e4e4e4;}
.wrap > div.sitemap > div > ul > li {border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:0.9em;color:#666666;position:relative;}
.wrap > div.sitemap > div > ul > li.fullW {width:100%;background:#e4e4e4;padding-bottom: 0px;}
.wrap > div.sitemap > div > ul > li.fullW:last-child{padding-bottom:7px;}
.wrap > div.sitemap > div > ul > li.fullW > a {color:#615a62;padding-bottom: 7px;}
.wrap > div.sitemap > div > ul > li.fullW:last-child > a {padding-bottom:0px;}
.wrap > div.sitemap > div > ul > li.fullW ul li a {color:#fff;}
div.sitemap .partSitemap > ul ul {margin:0 -8px;background:#4e6471;}
div.sitemap .partSitemap > ul ul {padding:5px 7px;}
div.sitemap .partSitemap > ul ul,
div.sitemap .partSitemap ul.sitemapCont {display: none;}
div.sitemap .partSitemap > ul > li > a.active ul {display: block;}

div.sitemap .partSitemap ul.sitemapCont {background:#4e6471;}
div.sitemap .partSitemap ul.sitemapCont li {float:left;display:block;width:33.3333333%;padding:5px 7px;}
div.sitemap .partSitemap ul.sitemapCont li.on {background:#1a435f}
div.sitemap .partSitemap ul.sitemapCont:after {content:'';display:block;clear:both;}
div.sitemap .partSitemap ul.sitemapCont li a {color:#fff;font-size:0.85em;}

div.sitemap .partSitemap ul.sitemapCont li.detailLoc {padding:0;background:#fff}
div.sitemap .partSitemap ul.sitemapCont li.detailLoc a {color:#444}

ul.sitemapCont li.detailLoc ul {display:none;}
ul.sitemapCont li.detailLoc ul li a {color:#666}

div.hotmark img{height:18px;}

.wrap > div.frontMenu > div.partLoc > ul {margin-top:0;}
.wrap > div > div.partLoc > ul > li {width:25%;}
.wrap > div > div.partLoc > ul > li.lRow5 {width:100%;}
.wrap > div > div.partLoc > ul > li a {font-size:0.8em;}
.wrap > div > div.partLoc > div > ul {border-bottom:1px solid #a7aec2;}
ul.knowNav {display:none;background:#4e6471;}
ul.knowNav li {float:left;width:25%;display:block;padding:5px 12px;}
.frontMenu ul.knowNav li {padding:7px;}
ul.knowNav li a {font-size:0.8em;color:#fff;display:block;width:100%;height:inherit;}
ul.knowNav:after {content:'';display:block;clear:both;}

.wrap > div.frontMenu > div.festivalCategory > ul {background:#e4e4e4;}
.wrap > div > div.festivalCategory > ul > li.one-third {width:33.33333%;height:38px;padding:0;}
.wrap > div > div.festivalCategory > ul > li.one-third:nth-child(3n) {width:33.33334%;}
.wrap > div > div.festivalCategory > ul > li a {height:38px;width:98px;}
.wrap > div > div.festivalCategory > ul > li.one-third a span {font-size:0.8em;display:table-cell;vertical-align:middle;height:inherit;width:inherit;text-align:center;position:relative;}

span.nick {vertical-align:middle;color:#aaa;}


.wrap > div.sitemap > div > ul > li.know {background: url('/image/mobile/know_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.eat {background: url('/image/mobile/food_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.look {background: url('/image/mobile/look_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.festival {background: url('/image/mobile/festival_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.go {background: url('/image/mobile/go_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.read {background: url('/image/mobile/read_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.examine {background: url('/image/mobile/examine_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.show {background: url('/image/mobile/show_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.feel {background: url('/image/mobile/feel_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}
.wrap > div.sitemap > div > ul > li.together {background: url('/image/mobile/together_icon_bg.png') 5px 6px no-repeat;background-size: 15px 15px;padding-left:25px;}


/**************** footer *********************/
#footer {color:#939dc7;padding: 10px;border-top:1px solid #dedede;font-size:12px;background:#262731;}
#footer .foot-logo {display:block;width:85px;margin:15px auto 5px auto;}
#footer .foot-logo img {width:100%;}
#footer ul {margin-bottom:10px;}
#footer ul:after {content:'';display:block;clear:both;}
#footer ul li {float:left;padding:0 3px;background: url('/image/renewal_intro/bull_line.png') no-repeat 0 center;}
#footer ul li:first-child {background:none;}
#footer .txtAddress {padding:0 3px;}
#footer .txtAddress p {color:#939dc7}
#footer .mobile-txt {}
#footer ul,
#footer .txtAddress {display:none;}



/**************** top button  *****************/
.arrowTop {position:fixed;right:10px;bottom:20px;width:32px;height:32px;}
.arrowTop a {display:block;width:100%;height:100%;background:url('/image/common/mobile/btn_top.png') 0 0 no-repeat;background-size:100% 100%;}


/**************** 상단 광고 배너 *************/
.top-banner {overflow:hidden;margin-top:40px;}
.top-banner li {position:relative;}
.ban-close {position:absolute;display:block;width:20px;height:20px;top:8px;right:23px;}
.ban-close img {width:100%;}


/***************** etc *************************/
.bx-wrapper .bx-loading {background:none !important;}

.ajaxLoading {position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999;background:url('/image/common/bg_opa/bg_opa_b35.png') 0 0 repeat;}
.ajaxLoading img {position:fixed;top:50%;left:50%;margin-left:-16px;margin-top:-16px;width:32px;height:32px;}


#ui-datepicker-div {z-index:10 !important;}
.ui-datepicker-title select {padding:0 5px;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width:32%;margin-right:5px;}
.ui-datepicker select.ui-datepicker-month {margin-left:5%;}

/**************** media query *******************/

@media all and (min-width:640px){
	.ban-close {top:50%;margin-top:-10px;}
	#footer .mobile-txt {display:none;}
	#footer ul,
	#footer .txtAddress {display:block;}
}