@font-face{
font-family: "NanumGothic";
    src: url('/fonts/NanumGothic.eot'); 
    src: url('/fonts/NanumGothic.eot') format('embedded-opentype'),
		 url('/fonts/NanumGothic.woff') format('woff');
}

@font-face{
font-family: "NanumGothicBold";
    src: url('/fonts/NanumGothicBold.eot'); 
    src: url('/fonts/NanumGothicBold.eot') format('embedded-opentype'),
		 url('/fonts/NanumGothicBold.woff') format('woff');
}

body {font-size:14px;font-family:"NanumGothic",sans-serif;}
.innerCont {width:100%;max-width:960px;margin:0 auto;position:relative;}
.clear:after {content:'';display:block;clear:both;}
.thick {font-weight:bold;}
.red {color:#f52a2a;}
.blue {color:#28569a;}
input[type=text] {border:1px solid #dedede;border-radius:15px;height:30px;}

#wrapper * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.head {margin-bottom:15px}

.bx-wrapper {-webkit-box-shadow: none;box-shadow: none;border: none;background: none;margin:0 auto;}
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto {bottom:38px;z-index:100 !important;}

.bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#5f016d;}


.topUtil {display:none;}
.topUtil h1, 
.topUtil .wMenu,

.ui-autocomplete {max-height:135px;overflow:auto;z-index:9990 !important; text-align:left;}


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



.sitemap {z-index:200;display:none;position:absolute;top:-14px;left:0;width:100%;}
.sitemap ul.accTit {background:#333;}
.sitemap ul.accTit h4 {padding:5px;font-size:0.8em;}
.sitemap ul.accTit h4.on {background:#5f016c;}

.sitemap ul.accTit h4 a {display:block;color:#bbb;font-size:1.2em;}
.sitemap ul.accTit li {float:left;display:block;width:25%;}

.sitemap ul.sitemapCont {display:none;padding:10px 5px;font-size:0.9em;background:#eee;}
.sitemap ul.sitemapCont li {float:left;display:block;padding:3px;}
.sitemap ul.sitemapCont.two li {width:50%;}
.sitemap ul.sitemapCont.three li {width:33.33333%;}
.sitemap ul.sitemapCont.four li {width:25%;}

.fixedHeader { width:100%; border-bottom: 2px solid #000;/* position: fixed;top:0;left:0;z-index:200; */background: #efefef;}
.fixedHeader .clear {padding:7px;}
.fixedHeader a.toggleMenu {float:left;display:block;width:20px;height:20px;margin:5px 0 0 15px;background:url('/image/intro/mobile/mToggle_purple.png') 0 0 no-repeat;background-size:100%;}
.fixedHeader a.btnReg {float:right;display:block;margin:5px 15px 0 0;color:#fff;width:23px;height:23px;}
.fixedHeader h2 {position:absolute;top:7px;left:50%;width:95px;margin-left:-47.5px;}

#menu {display:none;position: fixed; top: 0; left: 0;width: 300px; background:#fff;z-index:300;max-height:100%;overflow-y:auto;overflow-x:hidden;}
#mask {position:fixed;left:0;top:0;z-index:300;background-color:#000;display:none;width:100%;height:100%;}

.menuHeader .headerBar {padding:7px;position:relative;background:#5f016c;}
.menuHeader .headerBar p {padding:5px;text-align:left;}
.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('http://www.traveli.co.kr/image/read/mobile/close_menu.png') 0 0 no-repeat;display:block;width:17px;height:20px;background-size:100% 100%;}

.menuContent {color: #5a5a5a;margin-top: 20px;position: relative;width: 100%;overflow: hidden;}
.menuNav ul {border-bottom:1px solid #dedede;}
.menuNav ul li {float:left;display:block;width:75px;height:50px;border-left:1px solid #dedede;}
.menuNav ul li:first-child {border-left:none;}
.menuNav ul li a {display:block;width:inherit;height:inherit;font-size:0.7em;color:#b2b2b2;padding-top:35px;text-align:center;}
.menuNav ul li.home a {background:url('http://www.traveli.co.kr/image/read/mobile/link_home.png') 24px 5px no-repeat;background-size:27px;}
.menuNav ul li.sitemapT a {background:url('http://www.traveli.co.kr/image/read/mobile/link_sitemap.png') 25px 5px no-repeat;background-size:27px;}
.menuNav ul li.today a {background:url('http://www.traveli.co.kr/image/mobile/travel_today.png') 16px 7px no-repeat;background-size:44px;}
.menuNav ul li.mypage a {background:url('http://www.traveli.co.kr/image/read/mobile/link_mypage.png') 27.5px 5px no-repeat;background-size:22px;}
.menuNav ul li a.on {color:#fff;}

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


div.mSitemap > div > ul {background:#e4e4e4;}
div.mSitemap .mSitemapCont {display:none;}
div.mSitemap > div > ul > li {border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:0.9em;color:#666666;position:relative;}
div.mSitemap > div > ul > li.fullW {width:100%;background:#e4e4e4;padding-bottom:0;}
div.mSitemap > div > ul > li.fullW > a {color:#615a62;padding-bottom:7px;}
div.mSitemap > div > ul > li.fullW ul li a {color:#fff;}
div.mSitemap .partSitemap > ul ul {margin:0 -8px;background:#4e6471;}
div.mSitemap .partSitemap > p.thick {padding: 0 15px;font-size: 1em;background: url('http://www.traveli.co.kr/image/mobile/triangle_icon.png') 98% 4px no-repeat;display: inline-block;}
div.mSitemap .partSitemap > ul ul {padding:5px 7px;}
div.mSitemap .partSitemap > ul ul,
div.mSitemap .partSitemap ul.sitemapCont {display: none;}
div.mSitemap .partSitemap > ul > li {border-right: 1px solid #fff;border-bottom: 1px solid #fff;padding: 5px;float: left;display: block;}
div.mSitemap .partSitemap li.half {width: 50%;}
div.mSitemap .partSitemap span.nick {font-size:0.75em;vertical-align:middle;color:#aaa}
div.mSitemap .partSitemap > ul > li > a.active ul {display: block;}

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

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

div.mSitemap ul li a {display:block;}

div.mSitemap .partSitemap ul.mSitemapCont li.detailLoc {padding:0;background:#fff}
div.mSitemap .partSitemap ul.mSitemapCont li.detailLoc a {color:#444}
ul.mSitemapCont li.detailLoc ul {display:none;}
ul.mSitemapCont li.detailLoc ul li a {color:#666}

/***********************

		header

***********************/
h1 {font-weight:normal;}
.topUtil {background:#efefef;color:#000;font-weight:bold;border-bottom:1px solid #666;padding:5px 0;position:relative;}

.topUtil .mMenu a.utilBtn {margin-left:10px;width:92px;float:left;display:block;}

.topUtil .mMenu ul {position:absolute;left:0;top:25px;display:none;background:#f3f3f3;width:100%;z-index:200;}
.topUtil .mMenu ul li {padding:7px;border-top:1px solid #aaa;}
.topUtil .mMenu ul li a {display:block;color:#666;font-size:0.9em;}


.head h2 {font-size:.95em;}
.head h2.titLogo {display:none;width:140px;margin-top:0;}
.head h2.titText {margin-top:15px;}
.head h3 {font-size:1.1em;}
.areaSearch {padding-top:10px;border-radius:15px;position:relative;clear:both;}
.areaSearch input {padding:3px 8px;width:100%;}
.areaSearch button {background:url('http://www.traveli.co.kr/image/renewal_intro/btn_search_purple.png') 0 0 no-repeat;position:absolute;top:10px;right:0;width:50px;height:30px;border-top-right-radius:15px;border-bottom-right-radius:15px;}
.banner {position:relative;/* visibility:hidden */}

.banner > a {display:none;}
.txtBanner {text-align: center;position: absolute;top: 50%;left: 50%;width: 100%;margin-left: -50%;margin-top: -35px;z-index:100;}
.txtBanner p {color:#fff;text-shadow: 3px 0 10px #000;font-size:0.8em;}
.txtBanner p.expTxt {color:#fff;font-size:1em;margin-top:10px;}
.txtBanner img {width:20%;display:none;}


.banner > a {position:absolute;top:50%;width:13px;height:23px;margin-top:-18px;z-index:100;}
.banner > a.btnLeft {left:10px;}
.banner > a.btnRight {right:10px;}

.banner .bx-wrapper .bx-pager, 
.banner .bx-wrapper .bx-controls-auto {bottom:25px;}
.bx-wrapper .bx-loading {background:none;}


/***********************

		contents

************************/

#container {padding-bottom:20px;border-bottom:3px solid #000;}


.recNav {position:relative;background:#878787;padding:0 0px;height:31px;overflow:hidden; border:1px solid #cccccc; border-bottom:0px; box-sizing:border-box;}
.recNav .nav {margin:0 auto;overflow:auto; width:100%;}
.recNav .nav ul {display:table; width:100%;}
.recNav .nav ul li {
	display:table-cell;
	width:12.5%;
	text-align:center;
	padding:7px 0;
	cursor:pointer;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;

}
.recNav .nav ul li:hover {background:#eee;}
.recNav .nav ul li > a {color:#fff;font-size:0.9em;display:block;width:100%;height:inherit;font-weight:bold;}
.recNav .nav ul li.on {background:#eee;}
.recNav .nav ul li:hover a,.recNav .nav ul li.on a {color:#333;}
.recNav .btnNavScroll a {position:absolute;top:7px;width:12px;height:18px;}
.recNav .btnNavScroll a.navPrev {background:url('http://www.traveli.co.kr/image/renewal_intro/btn_prev_nav.png') 0 center;left:8px;background-size:100% 100%;}
.recNav .btnNavScroll a.navNext {background:url('http://www.traveli.co.kr/image/renewal_intro/btn_next_nav.png') 0 center;right:8px;background-size:100% 100%;}
/* 
.navCont {background:#fff;border: 1px solid #ccc;border-top:none;text-align:left;position:relative;padding:7px;display:none;}
.navCont > ul {margin-top:7px;overflow:hidden;}
.navCont > ul > li {padding-left:10px;background:url('http://www.traveli.co.kr/image/renewal_intro/bull.png') 0 8px no-repeat;margin-top:5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.navCont > ul > li.rep {background:none;padding:0;width:100%;padding:7px;}
.navCont > ul > li.rep li {border:1px solid #eee;}
.navCont > ul > li.rep img {width:100% !important;}
.navCont > ul > li.rep .bx-wrapper li {width:100% !important;}

.navCont .subPic {padding:7px;}
.navCont .subPic p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}
.navCont > ul > li > a {font-size:0.9em;}
.navCont .recTitle {font-size:1.1em;padding:5px; border-bottom:1px solid #eee;width:90%;}
.navCont .recTitle a {-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;}
.navCont .recTitle a:hover {color:#5f016c;}


.navCont.festival {background:#414244;padding:7px;border: 1px solid #414244;}
.navCont.festival .festivalSlider li img {background:url('http://www.traveli.co.kr/image/renewal_intro/enjoybg_view.jpg') 0 0 no-repeat;padding:8px;background-size:100% 100%;}
.navCont.festival p.recTitle {margin-bottom:8px;}
.navCont.festival p.recTitle a {color:#aaa;}
.navCont.festival p.recTitle a:hover {color:#5f016c;}
.navCont.festival ul.recFestival p {text-align:center;}
.navCont.festival .subPic {margin:5px 0 0 0;font-size:0.85em;}
.navCont.festival .subPic p {color:#fff;}
.navCont.festival p.period {font-size:0.7em;color:#377abe;}
.navCont.festival .btnSlide a.slideRight {position:absolute;top:50%;right:0;margin-top:-31px;background:url('http://www.traveli.co.kr/image/festival/icon_enjoy.gif') -29px 0 no-repeat;width:29px;height:62px;}
.navCont.festival .btnSlide a.slideLeft {position:absolute;top:50%;left:0;margin-top:-31px;background:url('http://www.traveli.co.kr/image/festival/icon_enjoy.gif') 0 0 no-repeat;width:29px;height:62px;}


.navCont a.linkKnow {background:#878787;color:#fff;padding:5px;border-radius:10px;font-size:0.85em;float:right;display:block;margin:10px;}

.navCont.examine {padding-bottom:30px;}
.navCont.examine .summary {text-align:center;background:#eaeaea;padding:5px;border-bottom:1px solid #30333e;}
.navCont.examine .summary .total {font-size:1.2em;}
.navCont.examine .summary p.detail {margin-top:5px;font-size:0.9em;}
.navCont.examine .summary p.detail img {width:15px;margin-right:5px;margin-top:-3px;vertical-align:middle;}

.navCont.examine .summary span.levelNum {margin-left:10px;}
.navCont.examine .rankArea {padding:7px;}
.navCont.examine .rankArea p.examineTit {text-align:center;font-size:1.1em;padding-bottom:5px;border-bottom:1px solid #ddd;}
.navCont.examine .rankArea .top {border-bottom:1px solid #ccc;padding-bottom:7px;}
.navCont.examine .rankArea .top p.logo {float:left;display:block;width:50%;margin-right:2%;}
.navCont.examine .rankArea .top p.info {float:left;display:block;width:48%;padding:10px 5px;position:relative;}
.navCont.examine .rankArea .top p.info span {display:block;margin-top:7px;font-size:1.3em;font-style:italic;}
.navCont.examine .rankArea .top p.info span.lank {font-size:1.5em;}
.navCont.examine .rankArea span img {margin-left:5px;margin-top:-2px;width:19px;}
.navCont.examine .rankArea .else {margin-top:7px;font-size:1em;text-align:right;padding:0 7px;}
.navCont.examine .rankArea .else ul li {margin-top:5px;}
.navCont.examine .rankArea .else span.lank {display:inline-block;width:40px;}
.navCont.examine .rankArea .else span.score {margin-left:10px;font-style: italic;}
.navCont.examine .rankArea .else span.loc {display:inline-block;width:115px;}

.navCont a.go-cont {position:absolute;top:10px;right:5px;;width:20px;height:20px;display:block;}
.navCont.examine a.go-cont {top:auto;bottom:0;right:0;}
.navCont a.go-cont img {width:100%;} */

.togetherCont {position:relative;margin-top:15px;}
.togetherCont h3 {color:#5f016c}
.togetherCont .togetherControls {position:absolute;top:3px;right:0;display:none;}
.togetherControls a {display:inline-block;width:13px;}
.togetherControls a:first-child {margin-right:-4px;}
.togetherCont .togetherList ul li {float:left;display:block;width:50%;}
.todayCont {margin-top:15px;}
.todayCont span.red {font-size:0.85em;vertical-align:middle;}

.todayCont h3 img {width:100px;vertical-align:middle;}
.todayCont h3 a,
.todayCont .titBox span {-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;transition: all 0.25s ease;}
.todayCont .titBox span.sub {display:block;margin-top:5px;font-size:13px;margin-left:15px}
.todayCont h3 a {color:#5f016c;}
.todayCont .titBox {background:#f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:5px 0;text-align:justify;padding:3px;}
.todayCont .titBox:hover {background:#eaeaea;}
.todayCont .titBox a {display:block;}
.todayCont .titBox a span {margin-left:3px;vertical-align:middle;}
.todayCont .titBox > span {font-size:0.9em;display:block;margin:5px 15px;}
.todayCont .titBox:hover a span {color:#5f016c;}
.todayCont .titBox span.thick {font-size:1.1em;}
.todayCont .titBox span:first-child {margin-left:15px;}

.todayList .item {border-bottom:1px solid #ccc;margin-top:7px;padding:7px;}
.todayList .playI,
.todayList .thinkI {background:#eee;float:left;display:block;width:49.5%;}
.todayList .playI {margin-left:1%;}
.todayList .playI .circle img,
.todayList .thinkI .circle img {display:none;}

.todayList .item span.listTit {margin-right:10px;display:inline-block;width:35px;}
.todayList .item h4 img {vertical-align:middle;}

.todayList .item.playI span.listTit,
.todayList .item.thinkI span.listTit {width:50px;}
.todayList .item span.sub {margin-top:5px;display:block;}
.todayList .item span.sub img,
.todayList .item span.sub strong {display:none;}
.todayList .item p.circle {margin:7px 0;text-align:center;position:relative;}

.todayList .item ul {margin-top:10px;}
.todayList .item ul li {padding-left:10px;margin-top:3px;background:url('http://www.traveli.co.kr/image/renewal_intro/bull.png') 0 8px no-repeat;}
.todayList .item ul li:first-child {margin-top:0;}
.todayList .item ul li a {font-size:0.9em;text-overflow:ellipsis;overflow:hidden;display:block;width:100%;white-space:nowrap}

.togetherCont .togetherList ul li img {width:100%;border:1px solid #ccc;}
.togetherCont .togetherList .bx-wrapper {margin:0 !important;}


.familyCont ul li {border:1px solid #ccc;height:50px;line-height:50px;}
.familyCont ul li a {display:block;height:inherit;padding-left:65px;}
.familyCont ul li.stay a {background:url('http://www.traveli.co.kr/image/renewal_intro/icon_stay.png') 15px center no-repeat;}
.familyCont ul li.food a{background:url('http://www.traveli.co.kr/image/renewal_intro/icon_food.png') 22px center no-repeat;}
.familyCont ul li.ticket a{background:url('http://www.traveli.co.kr/image/renewal_intro/icon_ticket.png') 15px center no-repeat;}
.familyCont ul li.festival a{background:url('http://www.traveli.co.kr/image/renewal_intro/icon_festival.png') 22px center no-repeat;}
.familyCont ul li.outlet a{background:url('http://www.traveli.co.kr/image/renewal_intro/icon_outlet.png') 20px center no-repeat;}



/*******************

	footer 

*******************/
.footer {padding:15px 5px;background:#262731;color:#9E9E9E}
/* .footer .info_wrap {display:none;} */



.footer .copy strong {margin-right:5px;}
.footer_bottom .info_side2 ul:after {content:'';display:block;clear:both;}
.footer_bottom .info_side2 li {float:left;font-size:11px;}
.footer_bottom .info_side2 li span {display: block;padding: 0 6px;background: url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') no-repeat 0 center;font-weight:normal;}
.footer_bottom .info_side2 li:first-child span {background:none;padding:0 6px 0 0}
.txtAddress p:first-child {display:none;}
.txtAddress p.copy {color:#9E9E9E;margin-top:10px;}
.recTag {position:absolute;right:40px;top:16px;}
.tag-wrap {overflow:hidden;width:170px;}

.tagBtn {position: absolute;right:-33px;;width: 28px;top: 1px;}
.tag-owl {width:960px}
.tag-owl:after {content:'';display:block;clear:both}
.tag-owl a {float:left;font-size:0.8em;padding:0 5px}


/*********************

	아울렛 연동

*********************/
.top-banner {/*margin-top:42px;*/overflow:hidden;width:100%;}
.top-banner li {position:relative;}
.ban-close {position:absolute;display:block;width:20px;height:20px;top:8px;right:23px;}
.ban-close img {width:100%;}





/*-----------------------------------------------------------------------------------*/
/* PRELOADER
/*-----------------------------------------------------------------------------------*/
body {
    overflow-y: scroll
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 9999999;
}
#status {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
}
.spinner {
    height: 36px;
    width: 36px;
    position: relative;
    -webkit-animation: rotation .8s infinite linear;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-left: 3px solid rgba(26,187,156,.15);
    border-right: 3px solid rgba(26,187,156,.15);
    border-bottom: 3px solid rgba(26,187,156,.15);
    border-top: 3px solid rgba(26,187,156,.8);
    border-radius: 100%;
}
@-webkit-keyframes rotation { 
   from {
       -webkit-transform: rotate(0deg)
   }
   to {
       -webkit-transform: rotate(359deg)
   }
}
@-moz-keyframes rotation { 
   from {
       -moz-transform: rotate(0deg)
   }
   to {
       -moz-transform: rotate(359deg)
   }
}
@-o-keyframes rotation { 
   from {
       -o-transform: rotate(0deg)
   }
   to {
       -o-transform: rotate(359deg)
   }
}
@keyframes rotation { 
   from {
       transform: rotate(0deg)
   }
   to {
       transform: rotate(359deg)
   }
}

@media all and (max-width:340px){
	.recTag {display:none;}
}

@media all and (min-width:340px){
	.topUtil .mMenu {display:none;}
	.topUtil .wMenu {width:100%;display:block;}
	.topUtil .wMenu > a {float:left;display:block;width:92px;margin-left:10px;}
	.topUtil .wMenu ul {float:right;display:block;}
	.topUtil .wMenu ul li {float:left;display:block;padding:2px 6px 0 6px;font-size:0.75em;text-align:center;vertical-align:middle;background:url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') 0 center no-repeat;font-weight:normal;}
	/* .topUtil .wMenu ul li:last-child {padding:2px 0 3px 6px;} */
	.topUtil .wMenu ul li:first-child {background:none;}
	.topUtil .wMenu ul li a.sitemapTrigger {color:#5f016c;}

	.tagBtn a {display:inline-block;width:13px;}
	.tagBtn a:first-child {margin-right:-4px;}

	.head h2 {float:left;display:block;}

	.todayCont span.red {margin-left:15px;}

}

@media all and (min-width:400px){
	/* .navCont.festival .btnSlide a.slideRight {right:10px;}
	.navCont.festival .btnSlide a.slideLeft {left:10px;} */
}

@media all and (min-width:640px){

	.topUtil .wMenu {float:right;display:block;margin-top:2px;position:relative;width:210px;}
	.topUtil .wMenu a.utilBtn {position:absolute;top:0;left:-115px;width:120px;float:none;}
	.topUtil .wMenu ul li {float:left;display:block;padding:2px 10px 0 10px;font-size:0.85em;text-align:center;vertical-align:middle;background:url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') 0 5px no-repeat;}
	.topUtil .wMenu ul li:first-child {background:none;}
	/* .topUtil .wMenu ul li:last-child {padding:2px 0 2px 10px;} */
		
	.txtBanner {width:350px;margin-left:-175px;margin-top:-40px;}
	.txtBanner p {font-size:1.1em;}
	.txtBanner p.expTxt {font-size:1.5em;}

	.banner {margin-top:10px;}
	/* .navCont {padding:2%;padding-left:45%;padding-bottom:5% !important;min-height:200px;}
	.navCont.festival p.recTitle {margin-bottom:25px;}
	.navCont.festival {padding-bottom:3% !important;}
	.navCont.examine {padding:2% 3%;padding-bottom:0;}
	.navCont > ul > li.rep .img-wrap {max-height:135px;overflow:hidden}
	.navCont > ul > li.rep {padding:2%;position:absolute;top:2%;left:2%;width:40%;}
	.navCont.examine .rankArea .top {padding:0;border:none;}
	.navCont.examine .rankArea .top {float:left;display:block;width:50%;margin-right:3%;}
	.navCont.examine .rankArea .else {width:47%;border:none;float:left;display:block;text-align:left;} */
/*
	.navCont.read .bx-wrapper .bx-pager, 
	.navCont.read .bx-wrapper .bx-controls-auto,
	.navCont.feel .bx-wrapper .bx-pager, 
	.navCont.feel .bx-wrapper .bx-controls-auto {bottom:57px;}





	.navCont > div.recPic {margin-right:0;}




	.navCont > div.recPic {border:1px solid #eee;}
	.navCont .recPic {padding:0}
	.navCont .recPic ul {border:none;}

	*/
	.todayList .item {float:left;width:49.5%;position:relative;}
	.todayList .item.playI {margin-left:1%;}

	.todayList .item.hotI,
	.todayList .item.listI {width:100%;}
	
	.todayList .playI .circle img, 
	.todayList .thinkI .circle img {display:block;margin:0 auto;}
	.todayList .item .hoverTxt {
		position: absolute;
		display: block;
		height:43px;
		top:50%;
		margin-top:-21px;
		left: 50%;
		margin-left:-70px;
		width:144px;
		color: #fff;
		font-weight:normal;
		font-size:1em;
	}
	.familyCont ul li {float:left;display:block;}
	.familyCont ul li.stay,
	.familyCont ul li.food {width:49.75%;margin-left:0.5%;}
	.familyCont ul li.festival,
	.familyCont ul li.ticket,
	.familyCont ul li.outlet {width:33%;margin-left:0.5%;}
	.familyCont ul li.stay,
	.familyCont ul li.festival {margin-left:0;}

/* 	.navCont a.go-cont {top:auto;bottom:0;right:0;} */

	.ban-close {top:50%;margin-top:-8px;}

}

@media all and (min-width:768px){
	.head {margin-top:15px;}
	.ad-banner {margin-top:0;}
	.headCont {margin-top:0;}
	.head h2.titLogo {display:block;}
	.head h2.titText {display:none;}
	.topUtil h1 {display:block;float:left;display:block;font-size:0.9em;padding-top:2px;}
	.fixedHeader {display:none;}
	.topUtil {display:block;}
	.recNav .nav ul {width:100%;}
	.banner > a {width:37px;height:37px;display:block;}
	.head .areaSearch {width:45%;}

/* 	.navCont > div.recPic {display:block;}
	.navCont.examine .rankArea .top {float:left;display:block;width:35%;margin-right:2%;}
	.navCont.examine .rankArea .top p.info span {font-size:1.1em;}
	.navCont.examine .rankArea .else {width:63%;border:none;float:left;display:block;text-align:left;}
	.navCont.examine .rankArea .else ul li {float:left;display:block;width:49%;margin-right:2%;font-size:0.9em;}
	.navCont.examine .rankArea .else ul li:nth-child(2n) {margin-right:0;} */

	.txtBanner {width:350px;margin-left:-175px;margin-top:-133px;}
	.txtBanner img {width:80%;display:block;margin:0 auto 10px auto;}	

	.togetherControls a {width:18px;}
	.todayCont h3 img {width:120px;}
	.recTag {top:20px;}
	.head .areaSearch {position:absolute;width:320px;left:170px;top:0;}

	.top-banner {margin-top:0;}
}

@media all and (min-width:800px){
	.familyCont ul li.stay,
	.familyCont ul li.food {width:20%;margin-left:0%;}
	.familyCont ul li.festival,
	.familyCont ul li.ticket,
	.familyCont ul li.outlet {width:20%;margin-left:0%;}

	.familyCont ul li a {padding-left:40px;}
	.familyCont ul li.stay a {background-position:7px center;}
	.familyCont ul li.food a {background-position:11px center;}
	.familyCont ul li.ticket a {background-position:5px center;}
	.familyCont ul li.festival a {background-position:7px center;}
	.familyCont ul li.outlet a {background-position:9px center;}
}

@media all and (min-width:960px){

	.innerCont {padding:0;}
	.headCont {position:relative}
	.tag-wrap {width:300px;}


	.recNav .btnNavScroll {display:none;}
/* 	.navCont {padding-bottom:0; height:225px;}
	.navCont.together {height:250px;}
	.navCont.festival,
	.navCont.examine {height:auto;padding-bottom:3% !important;}
	.navCont .recTitle {font-size:1.1em}
	.navCont > ul > li {float:left;display:block;width:49.5%;margin-right:1%;}
	.navCont > ul > li:first-child + li,
	.navCont > ul > li:first-child + li + li + li,
	.navCont > ul > li:first-child + li + li + li + li + li,
	.navCont > ul > li:first-child + li + li + li + li + li + li + li {margin-right:0;}
	
	.navCont.festival p.recTitle {margin:0 33px 25px 33px;} */

	/*
	.navCont.read .bx-wrapper .bx-pager, 
	.navCont.read .bx-wrapper .bx-controls-auto,
	.navCont.feel .bx-wrapper .bx-pager, 
	.navCont.feel .bx-wrapper .bx-controls-auto {bottom:38px;}

	.navCont .recList {padding:0;}

	.navCont.festival .festivalSlider li img {height:171px}
	*/

	.todayCont .titBox {padding:7px;}
	.togetherCont .togetherControls {top:3px;right:1px;} 
	.togetherCont .togetherList ul li {width:33.33333%;}
	.togetherCont .togetherList ul li:first-child {width:33.33334%;}

	.todayList {padding-bottom:10px;border-bottom:1px solid #ddd;}

	.todayList .item {width:auto;padding:0 10px;border:none;}
	.todayList .item.hotI {border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:10px;}
	.todayList .item.hotI h4 {display:inline;margin-right:30px;}
	.todayList .item.hotI span.sub {display:inline;vertical-align:middle;}

	.todayList .item.listI,
	.todayList .item.playI,
	.todayList .item.thinkI {height:125px;border-right:2px solid #eee;margin-top:10px;background:none;}
	.todayList .item.listI {width:36%;margin-top:15px}
	.todayList .item.playI,
	.todayList .item.thinkI {width:32%;}
	.todayList .item.playI,
	.todayList .item.thinkI {padding:0 20px 0 10px;margin:10px 0}
    
	.todayList .item .hoverTxt {top: 71px;left:208px;color: #fff;font-size:0.85em;}

	.todayList .item.playI {margin-left:0;border-right:0;}
	.todayList .item.playI span.listTit,
	.todayList .item.thinkI span.listTit {display:none;}
	.todayList .item p.circle a > img {float:right;display:block;width:48%;margin-left:2%;}
	.todayList .item p.circle a > span {float:right;display:block;width:50%;text-align:center;margin-top:40px;}
	.todayList .item span.sub img,
	.todayList .item span.sub strong {display:block;margin:7px auto;text-align:center;}
	.todayList .item span.sub img {width:50px;}
	.todayList .item p.circle {margin:0;}

	.familyCont ul li a {padding-left:0;text-align:center;}
	.familyCont ul li.stay a {background-position:11px center;}
	.familyCont ul li.food a {background-position:15px center;}
	.familyCont ul li.ticket a {background-position:9px center;}
	.familyCont ul li.festival a {background-position:11px center;}
	.familyCont ul li.outlet a {background-position:13px center;}

	.mCopy {display:none;}
	.footer {background:none;}
	.footer .info_wrap,
	.footer .footer_bottom {display:block;}

	
	.footer {position:relative;color:#000;font-size:0.82em;}

	.info_wrap {border-bottom:1px solid #e0e2e1;}
	.info_wrap .info_side {position:relative;width:100%;margin:0 auto;}
	.info_wrap .info_side ul {overflow:hidden;padding:14px 0;width:950px;position:relative;}
	.info_wrap .info_side li {float:left;}
	.info_wrap .info_side li a {display:block;padding:0 6px; background:url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') no-repeat 0 3px;letter-spacing:-0.2px;font-weight:normal;}
	.info_wrap .info_side li:first-child a {background:none;padding:0 6px 0 0}

	.info_wrap .info_side .sns {position:absolute;top:14px;right:115px;font-size:0.92em;}

	.info_wrap .info_side select {position:absolute;top:12px;right:0;height:20px;border:1px solid #e1e1e1;background-color:#ececec;}

	/* .ft_border{border-bottom:1px solid #e0e2e1;width:100%;background-color:#ccc;position:absolute;margin:0 auto;left:0;top:72px;} */

	.footer_bottom {width:950px;margin:20px auto 0;}
	.txtAddress p:first-child {display:block;}
	.footer_bottom .info_side2 {background: url("http://www.traveli.co.kr/image/renewal_intro/h1_logo_footer.jpg") no-repeat 0 -30px;height:94px;}
	/*.ft_wrap .info_side2 {float:left;width:950px;}*/
	.footer_bottom .info_side2 > h1{border:5px solid aqua; display:inline; float:left; vertical-align:top;}
	.footer_bottom .info_side2 ul{overflow:hidden;margin-left:180px;}
	.footer_bottom .info_side2 ul:after {content:'';display:block;clear:both;}
	.footer_bottom .info_side2 li {float:left;margin:3px 0;}
	.footer_bottom .info_side2 li span {display: block;padding: 0 6px;background: url('http://www.traveli.co.kr/image/renewal_intro/bull_line.png') no-repeat 0 center;font-weight:normal;}
	.footer_bottom .info_side2 li:first-child span {background:none;padding:0 6px 0 0}


	.footer_bottom .address p strong {color:#000;margin-right:5px}

	.footer_bottom .address p span {color:#606060; padding-right:12px;-webkit-text-size-adjust:none;}

	.txtAddress {margin-left:180px;}
	.txtAddress p span {margin-right:10px;}
	.txtAddress p.copy {margin-top:15px;}

	.footer p {margin:0 auto;font-weight:normal;}
	/* .navCont a.go-cont {width:30px;height:30px;} */
	.ban-close {width:36px;height:36px;top:50%;margin-top:-18px;}
}