@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap);
@import url(http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300,600&display=swap);


@font-face { font-family:'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family:'Arita-buriL'; font-style: normal; font-weight:normal; src: url('fonts/Arita-buriL.woff2') format('woff2'),  url('fonts/Arita-buriL.woff') format('woff'),  url('fonts/Arita-buriL.otf') format('opentype'); }



*								{ margin:0;padding:0;border:0;vertical-align:top;}
ul, ol, dl						{ list-style:none;}
img, video						{ max-width:100%; border:none;}
a								{ background-color:transparent; color:inherit; text-decoration:none;}

table							{ border-collapse:collapse; border-spacing:0;}
input, select					{ vertical-align:middle;}
body							{ font-family:'Noto Sans KR', 'Spoqa Han Sans', "Malgun Gothic", "돋움", Dotum,Arial,sans-serif; font-size:15px; line-height:1.3; color:#555;}
label							{ cursor:pointer;}
.blind, legend, hr, caption 	{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
i, em, address					{ font-style:normal; font-weight:normal;}

/* HTML5 새 요소 초기화 */
article, aside, details, figure, figure img, figcaption, hgroup, footer, header, menu, nav, article, section, video, object { display:block;}

/*버튼*/
button							{ cursor:pointer; border:0;}

/*콘텐츠 외곽박스*/
#newsletter						{ overflow-x:hidden; width:100%; height:auto; margin:0 auto; padding:0; color:#777; }
.footer							{ padding:40px 0;}


/* 상단 */
.news_top						{ position:relative; width:94%; max-width:1100px; box-sizing:border-box; margin:0 auto; padding:2.333em 0 1.667em 0; color:#5f77ba;  }
.news_top h1					{ margin:0;  }
.news_top p[lang='en']			{ position:absolute; width:280px; right:0; top:2.05em; font-family:'Montserrat', sans-serif; font-size:1.2em; font-weight:400; text-transform:uppercase;  }
.news_top p[lang='en'] span		{ font-size:.9em; line-height:1}
.news_top .slogan				{ position:absolute; width:280px; right:0; top:4.1em; font-size:1em; letter-spacing:-.055em; opacity:.8; line-height:1; font-weight:300; color:#000}


/* 비주얼 */	
.main_view									{ box-sizing:border-box; width:100%; height:610px; background:url("img/img_visual.jpg") no-repeat 50% 100%; padding-top:11.800em }
.main_view .title_area						{ position:relative; max-width:460px; width:90%; box-sizing:border-box; margin:0 auto; letter-spacing:-.06em; }
.main_view .title_area .month				{ position:absolute; left:50%; top:-4.0665em; width:8.133em; height:8.133em; line-height:7.933em; text-align:center; border-radius:100%; background:#fff; overflow:hidden; transform:translateX(-50%);}
.main_view .title_area .month img			{ vertical-align:middle; }
.main_view .title_area .tit_con				{ margin-top:0.2em; color:#fff; line-height:2; border:5px solid #fff; background:rgba(95,119,186); border-radius:2em; overflow:hidden; padding:3em 4.5em; background:url("img/top_con_bg.png") ;}
.main_view .title_area .tit_con .year		{ display:block; font-family:"Montserrat"; font-weight:400; font-size:1.267em; text-transform:uppercase; letter-spacing:0; margin-top:1em; margin-bottom:.5em; text-align:center;  }
.main_view .title_area .tit_con ul			{ position:relative; zoom:1 }
.main_view .title_area .tit_con ul:after	{ content:''; display:block; clear:both; }
.main_view .title_area .tit_con li			{ float:left; width:33.333%; font-family:'S-CoreDream-2ExtraLight'; font-size:6.667em; line-height:105%; text-shadow:8px 8px 5px rgba(73, 93, 146, 0.65); text-align:center}
.main_view .title_area .tit_con li strong	{ font-size:1em; vertical-align:baseline; font-family: 'S-CoreDream-6Bold' }
/* .main_view .title_area .tit_con li img		{ vertical-align:baseline; } */
.main_view .title_area .tit_con .tit_img01		{ width: 99px; height: 103px; margin-top: -0.1em;}
.main_view .title_area .tit_con .tit_img02		{ width: 180px; height: 76px; margin-left: 0.2em; margin-top: 0.1em;}
.main_view .title_area .tit_con .text		{ display:block; border-top:1px solid rgba(255,255,255,.5); font-size:1.4em; color:#fff; line-height:1.4; letter-spacing:-.08em; font-weight:400; margin-top:.7em; padding:.5em; text-align: center;}




.chi		{ display:block; max-width:1100px; width:94%; margin:10em auto 5em; font-size:1.2em; line-height:1.2; padding-bottom:1em; color:#000; text-align:center; font-family:'Spoqa Han Sans'; letter-spacing:.08em; border-bottom:1px solid #afbbdc; }
.chi strong	{ font-size:1.056em; }


.tit									{ position:absolute;}
.tit .img								{ display:block; font-size:0; line-height:100%; margin-bottom:15px; }
.tit h2									{ font-size:1.667em; color:#000; font-weight:200; letter-spacing:-.05em; font-family:"Arita-buriL"; line-height:1.3}
.tit h2 strong							{ font-family:"Arita-buri-SemiBold"; display:block }
.tit p									{ font-size:19px; font-weight:300; color:rgba(0,0,0,.4); letter-spacing:-.045em;}


/* 여행지추천 */
.recommend								{ position:relative; width:94%; max-width:1100px; margin:5em auto 0 auto; padding-left:170px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.recommend .tit							{ top:-.45em; left:0; border-bottom:1px solid #000; padding-bottom:1.8em }
.recommend ul							{ zoom:1 }
.recommend ul:after						{ content:""; clear:both; display:block}
.recommend ul li						{ float:left; width:45.162%; margin:0; padding:0; text-align:center; min-height:34em }
.recommend ul li:nth-child(even)		{ float:right; }
.recommend ul li .img					{ display:block; }
.recommend ul li .txt					{ display:block; }
.recommend ul li .txt h3				{ margin:.9em 0 .583em; font-size:1.6em; font-weight:500; letter-spacing:-.05em; color:#333;}
.recommend ul li .txt p					{ font-size:1.1em; letter-spacing:-.045em; color:#666; line-height:1.4; word-break:keep-all; font-weight:200 }
.recommend ul li .txt strong			{ display:block; font-size:1.1em; font-weight:300; color:#000; letter-spacing:-.045em; margin-top:.5em}
.recommend p[class|="font"]				{ position:absolute;  opacity: 0.6}
.recommend .font-j						{ left:10em; top:11em; color:rgba(234,86,170,.3); z-index:1; }
.recommend .font-b						{ right:23.25em; top:13.5em; z-index:-1 }
.recommend .font-t						{ left:4.4em; bottom:15.6em; z-index:-1 }
.recommend .font-o						{ left:33em; bottom:25.6em; z-index:-1 }
.recommend .font-u						{ left:41em; bottom:11.5em; z-index:-1 }
.recommend .font-r						{ right:-6em; bottom:8em; z-index:-1} 

/* 테마여행지 */
.theme									{ width:100%; max-width:1633px; margin:1em auto 5em auto;  background:url(img/bg_theme.jpg) top center no-repeat; background-size:auto; padding-bottom:1.5em}
.theme .con_inner						{ position:relative; width:94%; max-width:1100px; margin:0 auto; padding-top:5.333em; padding-left:170px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-top:1px solid #afbbdc;}
.theme .tit								{ top:5.333em; left:0; border-bottom:1px solid #000; padding-bottom:1.8em }
.theme ul								{ zoom:1 }
.theme ul:after							{ content:""; clear:both; display:block}
.theme li								{ float:none; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:1.333em}
.theme li:after							{ content:""; clear:both; display:block}
.theme li+li							{ margin-top:2em }

.theme li a								{ display:block;}
.theme li .txt							{ float:right; width:calc(100% - 45%); margin-top:1.5em }
.theme li .img							{ float:left; position:relative; width:40%; max-width:372px; margin:0; font-size:15px; padding-top:1.5em; padding-right:4em; box-sizing:border-box;}
.theme li .img:before					{ position:absolute; width:100%; top:0; left:0; height:100%; background:rgba(96, 121, 186, 0.3); content:''; z-index:1 }
.theme li .img img						{ position:relative; z-index:3   }
.theme li .img:after					{ position:absolute;  top:.3em; font-size:2.333em; color:rgba(255,255,255); z-index:2 }
.theme li:nth-child(1) .img:after		{ right:.35em; content:'01'; }
.theme li:nth-child(2) .img:after		{ left:.35em; content:'02';  }
.theme li:nth-child(3) .img:after		{ right:.35em; content:'03'; }
.theme li:nth-child(even) .img			{ padding-right:0em; padding-left:4em }
.theme li h3							{ margin:0 0 .87em; font-size:1.533em; font-weight:500; letter-spacing:-.05em; color:#333;}
.theme li .txt p						{ font-size:1.1em; letter-spacing:-.05em; color:#666; line-height:1.4; word-break:keep-all; font-weight:200 }
.theme li .txt strong					{ display:block; font-size:1.1em; font-weight:300; color:#000; letter-spacing:-.045em; margin-top:.5em}


/*축제*/
.festival						{ position:relative; padding:5em 0; background:#7086c1}
.festival .con_inner			{ position:relative; width:94%; max-width:1100px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.festival .tit h2				{ color:#ffffff; }
.festival .tit p				{ color:#fff }
.fes_banner						{ zoom:1}
.fes_banner:after				{ content:""; clear:both; display:block}
.fes_banner li					{ float:left; position:relative; width:47%;}

.fes_banner li a				{ display:block; padding-right:50px;  }
.fes_banner li+li				{ margin-left:6%}
.fes_banner li .con				{ margin-top:1em; font-family:'Spoqa Han Sans'; color:#fff; line-height:1.3;}
.fes_banner li h4				{ position:absolute; top:0; padding-right:10px; font-size:1.85em; font-weight:300; color:rgba(255,255,255,.9); letter-spacing:-.055em;-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); 
									-ms-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; background:#7086c1; z-index:2}
.fes_banner li:first-child h4	{ right:-9.8em;}
.fes_banner li:last-child h4	{ right:-7.8em}
.fes_banner li .img				{ text-align:center; position:relative }
.fes_banner li .img:before		{ position:absolute; right:-2.15em; top:0; width:1px; height:100%; background:rgba(255,255,255,.3); content:""; z-index:1}
.fes_banner li .con>span		{ display:block; font-size:1.267em; letter-spacing:-.098em; color:#fff; margin-top:1.5em; margin-bottom:0.842em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:400 }
.fes_banner li .con p			{ font-size:1.133em; letter-spacing:-.05em; font-family:"Noto Sans KR"; font-weight:200; color:rgba(255,255,255,.7)}
.fes_banner li .con p span		{ display:block; margin-top:.2em}
.fes_banner li .con *			{ vertical-align:baseline}


/* 게시판 */
.board							{ position:relative; width:94%; max-width:1100px; margin:3em auto; }
.board h3						{ margin-bottom:.5em; font-weight:500; font-size:1.533em; color:#000; line-height:1.6; letter-spacing:-.04em}
.board ul						{ zoom:1}
.board ul:after					{ content:""; clear:both; display:block}
.board ul li					{ position:relative; float:left; width:46%; padding:.5em 0 .5em 1%; margin:.2em; border-bottom:1px solid #333}
.board ul li:nth-child(2n)		{ float:right;}
.board ul li:after				{ position:absolute; top:7px; left:0; content:"·" }
.board ul li a					{ display:block; overflow:hidden; font-size:1.11em; color:#000; letter-spacing:-.03em; text-overflow:ellipsis; white-space:nowrap; }
.board ul li span				{ margin-right:5px}	
.board>a						{ position:absolute; top:5px; right:0; font-size:13px; color:#000; }


/*이달의 추천여행 배너*/
.banner 						{ position:relative; width:94%; max-width:1100px; margin:3% auto; font-family:'Spoqa Han Sans', sans-serif; }
.banner>div						{ margin-bottom:1%; background-repeat:no-repeat; background-position:0 50%; background-size:cover}
.banner div>a					{ display:block; width:100%; height:240px; margin-bottom:4px; letter-spacing:-.07em; color:#000;}
.banner ul						{ margin-left:10%; text-align:left;}				
.banner li.stit					{ padding:50px 0 0; font-size:1.57em; color:#000; letter-spacing:-.05em  }
.banner li.btit					{ margin-bottom:.4em; font-family:'S-CoreDream-2ExtraLight'; font-size:2.28em;}
.banner li.btit strong			{ font-family: 'S-CoreDream-6Bold';}
.banner li.btit span			{ display:inline-block; *display:inline; margin-top:5px; padding:8px 40px 8px 25px; font-family:'Spoqa Han Sans', sans-serif; font-size:.38em; color:#fff; letter-spacing:0; 
									background:#32322e url("img/bg_more_w.gif") no-repeat 80% 47%; border-radius:50px;}
.banner li.small				{ font-size:1.14em; line-height:1.4}
.banner .banner1				{ background-image:url("img/banner01.jpg")}
.banner .banner2				{ background-image:url("img/banner02.jpg")}
.banner .banner3				{ background-image:url("img/banner03.jpg")}
.banner .banner4				{ background-image:url("img/banner04.jpg")}


/* 링크 */
.link_area						{ width:100%; background:url(img/bg_link.jpg) center center no-repeat; background-size:cover; padding:3.667em 0 }
.link							{ width:94%; max-width:1100px; margin:0 auto; zoom:1}
.link:after						{ content:""; clear:both; display:block; }
.link li						{ float:left; box-sizing:border-box; width:16.666%; padding:30px 22px; text-align:center }
.link a h3						{ margin-top:.833em; font-size:1.2em; color:#fff; letter-spacing:-.06em; font-weight:500; }
.link a span					{ font-size:.889em; font-weight:400; vertical-align:initial; display:inline-block }
.link a .icon					{ display:table; border-radius:100%; border:2px solid rgba(255,255,255,.5); margin:0 auto } 


/* 하단 버튼 */
.btnFooter								{ width:94%; max-width:1100px; margin:0 auto; zoom:1; border-bottom:1px solid #e5e5e5 }
.btnFooter:after						{ content:""; clear:both; display:block; } 
.btnFooter li h3,
.btnFooter li p							{ float:right; width:calc(100% - 113px); font-weight:300; font-size:1em; letter-spacing:-.1em; word-break:keep-all }
.btnFooter li h3						{ margin-bottom:7px; font-weight:300; color:#000; font-size:1.226em; letter-spacing:-.08em; margin-top:5px; }
.btnFooter li img						{ float:left; width:auto}
.btnFooter li *							{ vertical-align:top}

/* 하단 */
.footer p								{ width:1100px; margin:0 auto 10px; text-align:center; color:rgba(51,51,51,.6); line-height:150%; font-size:1.033em }
.footer ul								{ width:1100px; margin:0 auto; text-align:center; color:#333; font-size:1.067em; letter-spacing:-.01em}
.footer li								{ display:inline-block; *display:inline; position:relative; line-height:1.3; zoom:1 }
.footer li:last-child:before			{ display:inline-block; content:'|'; margin:-5px 8px 0 8px; font-size:.8em; vertical-align:middle }

@media screen and (min-width:1025px){
	.mobile								{ display:none;}

	#newsletter							{ min-width:1150px;}

	/* 하단 버튼 */
	.btnFooter li						{ float:left; position:relative; width:31%; margin:0 1.14%; padding:30px 0;}
}
@media screen and (min-width:901px){
	/*축제*/
	.festival .con_inner				{ padding-left:170px; }
	.festival .tit						{ left:0; top:0; width:4em; border-top:1px solid #fff; font-size:1.2em; padding-left:.1em }
	.festival .tit h2					{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr;}
	.festival .tit h2 strong			{ display: inline-block; margin-top: 0.9em; }
	.festival .tit p					{ position:absolute; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); -ms-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; 
											top:1.45em; width:25em; left:3.5em; font-weight:100; color:rgba(255,255,255,.6)}
}
@media screen and (max-width:1178px){
	/* 하단 버튼 */
	.btnFooter li						{ width:31.333%; margin:0 1%; }
	.btnFooter li img					{ max-width:90px; }
	.btnFooter li h3, 
	.btnFooter li p						{ width:calc(100% - 103px); }
	.btnFooter li h3					{ margin-top:0; margin-bottom:5px; }
}
@media screen and (max-width:1024px){
	.pc									{ display:none;}

	/* 상단 */
	.news_top							{ padding-left:10px}
	.news_top:after						{ left:0;}
	
	
	.chi								{ margin-bottom:3em }
	
	/* 여행지추천 */
	.recommend							{ padding-left:0; margin-top:0 }
	.recommend .tit						{ position:inherit; top:inherit; left:inherit; text-align:center; border-bottom:none }
	.recommend .tit br					{ display:none; }
	.recommend ul li .txt p				{ word-wrap:break-word; word-break:keep-all; padding-left:3%; padding-right:3%; }
	.recommend ul li .txt p br			{ display:none; }
	.recommend .font-j					{ left:-2%; top:26%; }
	.recommend .font-b					{ right:38%; top:32%; }
	.recommend .font-t					{ left:-9%; bottom:21%; }
	.recommend .font-o					{ left:50%; transform:translateX(-90%); bottom:35%; }
	.recommend .font-u					{ left:49%; bottom:15%;  }
	
	/* 테마여행지 */
	.theme .tit							{ position:inherit; top:inherit; left:inherit; text-align:center; border-bottom:none }
	.theme .tit br						{ display:none; }
	.theme .con_inner					{ padding-left:0; padding-top:4em }
	.theme ul li .txt p					{ word-wrap:break-word; word-break:keep-all;  }
	.theme ul li .txt p br				{ display:none; }
	
	
	/* 축제 */
	.fes_banner li .con p				{ line-height:1.5}
	.fes_banner li .con p span			{ display:block;}
	.fes_banner li h4					{ font-size:1.55em; }
	.fes_banner li .img:before			{ right:-2.25em }
	
	/*이달의 추천여행*/
	.banner								{ margin:6% auto 3em auto; }
	
	/* 링크 */
	.link li							{ padding:15px 10px; }

	/* 하단 버튼 */
	.btnFooter							{ padding:20px 0}
	.btnFooter li						{ padding:15px 0 5px; zoom:1; width:100%; }
	.btnFooter li:after					{ display:block; clear:both; content:""}
	.btnFooter li br					{ display:none; }
	.btnFooter li h3					{ margin-top:.9em }
	
	/* 하단 */
	.footer p,
	.footer ul							{ width:94%; word-wrap:break-word; word-break:keep-all; }
}
@media screen and (max-width:968px){
	/* 링크 */
	.link a h3							{ font-size:1.14em; letter-spacing:-.07em }
	
	/* 하단 */
	.footer li							{ display:block; }
	.footer li:last-child:before		{ display:none; }
}
@media screen and (max-width:900px){
	.tit								{ position:relative; text-align:center;}

	.chi								{ word-wrap:break-word; word-break:keep-all; margin-top:9em; } 
	.chi strong							{ display:block; margin-bottom:.2em }

	/* 여행지추천 */
	.recommend ul li .txt h3			{ font-size:1.45em }
	.recommend p[class|="font"] img		{ max-width:80%; }
	.recommend .font-b					{ right:36%; top:30% }
	.recommend .font-o					{ transform:translateX(-70%); }	
	
	
	
	/* 테마여행지 */
	.theme ul li .txt h3				{ font-size:1.45em; margin-bottom:.5em }
	.theme li .img						{ width:45%; padding-right:3em }
	.theme li:nth-child(even) .img		{ padding-left:3em }
	.theme li .img:after				{ font-size:1.8em; top:.5em }
	.theme li .txt						{ width:calc(100% - 50%) }
	
	/*축제*/	
	.festival .tit						{ margin-bottom:3em; }
	.fes_banner li						{ width:49%;}
	.fes_banner li+li					{ margin-left:2%}
	.festival .board>li					{ float:none !important; width:98%; margin:3% 0 0 !important;}
	.fes_banner li .con h4				{ font-size:1.6em;}
	.fes_banner li .con>span			{ font-size:1.3em; word-break:keep-all}
	.fes_banner li .con p strong		{ font-size:1.2em}
	
	/* 링크 */
	.link a h3							{ word-wrap:break-word; word-break:keep-all; }
	.link a h3 br						{ display:none; }
}
@media screen and (max-width:768px){
	/* 링크 */
	.link li							{ width:33.333%; }
	.link li:nth-child(4)				{ clear:both; }
	.link a h3							{ word-wrap:initial; word-break:initial; }
	.link a h3 br						{ display:block; }
	
	/* 여행지추천 */
	.recommend ul li					{ min-height:31em }
}
@media screen and (max-width:700px){
	body									{ font-size:14px}

	/* 상단 */
	.news_top h1							{ width:270px}
	.news_top								{ padding-bottom:30px}
	.news_top:after							{ height:30px}
	.news_top .slogan						{ display:none;}
	.news_top p[lang='en']					{ width:auto; top: 2.35em;}
	
	/* 비주얼 */
	.main_view								{ height:550px }
	
	/* 여행지추천 */
	.recommend 								{ padding-bottom:1em }
	.recommend ul li						{ min-height:inherit; position:relative; width:100%; float:inherit; padding-left:45%; box-sizing:border-box; margin-bottom:3em }
	.recommend ul li .img					{ position:absolute; left:0; top:0; width:40% }
	.recommend ul li:nth-child(even)		{ float:inherit; }
	.recommend ul li .txt					{ text-align:left }
	.recommend ul li .txt p					{ padding-left:0; padding-right:0; }
	.recommend p[class|="font"] img			{ max-width:55%; }
	.recommend .font-b						{ right:2%; top:35% }
	.recommend ul li .txt h3				{ font-size:1.35em }
	.recommend ul li .txt p					{ font-size:1.05em }
	
	/* 테마여행지 */
	.theme li .img							{ width:100%; float:inherit; max-width:inherit; padding-right:5em }
	.theme li:nth-child(even) .img			{ padding-left:5em }
	.theme li .img img						{ width:100%; }
	.theme li .img:after					{ font-size:250%; }
	.theme li .txt							{ width: calc(100% - 0%); }
	.theme ul li .txt h3					{ font-size:1.35em }
	.theme ul li .txt p						{ font-size:1.05em }
	
	
	/*축제*/
	.fes_banner li					{ float:none; width:100%; margin-bottom:5%}
	.fes_banner li+li				{ margin-left:0%}
	.fes_banner li h4				{ font-size:1.6em}
	.fes_banner li .img img			{ width:100%}
	.fes_banner li .img:before		{ right:-2.42em }

	

	/*이달의 추천여행*/
	.banner div>a					{ height:200px;}
	.banner li.btit					{ font-size:2em}
	.banner li.btit span			{ padding:5px 30px 5px 10px; font-size:.4em; }
	.banner li.stit					{ padding-top:35px}
}

@media screen and (max-width:550px){
	/* 상단 */
	.news_top									{ padding:1.667em 0 2.667em 0; }
	.news_top h1								{ margin:0 auto;}
	.news_top p[lang='en']						{ width:100%; text-align:center; top:3.4em }
	
	/* 비주얼 */
	.main_view									{ padding-top:10em }
	.main_view .title_area .tit_con				{ }
	.main_view .title_area .tit_con .text		{ word-wrap:break-word; word-break:keep-all; }
	
	
	/* 여행지추천 */
	.recommend ul li							{ padding-left:0;}
	.recommend ul li .img						{ position: inherit; left:inherit; top:inherit; width:100% }
	.recommend ul li .txt						{ text-align:center; }
	.recommend ul li .txt p						{ padding-left:5%; padding-right:5%;  box-sizing: border-box;}
	.recommend .font-j							{ top:19%; left:3%; }
	.recommend .font-b							{ right:-10%; top:28% }
	.recommend .font-o							{ transform:translateX(-0%); left:inherit;  right:-13%; bottom:45%}
	
	/*축제*/
	.festival .board ul li						{ float:none; width:98%;}
	.festival .board ul li:nth-child(2n)		{ float:none}
	.fes_banner li .con>span	 br				{ display:none}

	/* 게시판 */
	.board ul li								{ float:none; width:98%;}
	.board ul li:nth-child(2n)					{ float:none}
	
	/*이달의 추천여행*/
	.banner div									{ background-position:27% 50%; }
	.banner div>a								{ height:220px;}
	.banner ul									{ margin-left:5%}
	.banner li.small							{ width:80%; word-break:keep-all}
	.banner li.small br							{ display:none}
 
	/* 링크 */
	.link a h3									{ word-wrap:break-word; word-break:keep-all; }
	.link a h3 br								{ display:none; }

	/* 하단 버튼 */
	.btnFooter									{ padding-bottom:20px}
}
@media screen and (max-width:468px){
	/* 비주얼 */
	.main_view .title_area .tit_con				{ padding:3em }
	.main_view .title_area .tit_con li			{ font-size:6.067em }
	
	/* 테마여행지 */
	.theme li .img								{ padding-right:4em }
	.theme li:nth-child(even) .img				{ padding-left:4em }
	.theme li .img:after						{ font-size:230%; }
}
@media screen and (max-width:400px){
	
	/* 비주얼 */
	.main_view									{ height:520px }
	.main_view .title_area .tit_con li			{ font-size:5.7em }
	.main_view .title_area .tit_con .text		{ font-size:1.3em }
	
	
	/*이달의 추천여행*/
	.banner div>a								{ height:200px;}
	.banner li.btit								{ font-size:1.6em}
	.banner li.stit								{ font-size:1.3em}
	.banner li.small							{ font-size:1.05em }
	
	/*축제*/
	.festival									{ padding:3em 0 }
	.fes_banner li h4							{ font-size:1.5em}
	
	/* 하단 버튼 */
	.btnFooter li h3							{ margin-top:.5em }
	
	/* 링크 */
	.link_area									{ padding:2em 0 }
	
	/* 하단 */
	.footer ul									{ font-size:1em; }
}
@media screen and (max-width:368px){
	/* 비주얼 */
	.main_view									{ height:480px; padding-top:9em }
	.main_view .title_area .month				{ width:7.133em; height:7.133em; line-height:6.733em; top:-3.5665em }
	.main_view .title_area .month img			{ max-width:70%; }
	.main_view .title_area .tit_con				{ padding:3em 2em }
	.main_view .title_area .tit_con li			{ font-size:5.3em }
	.main_view .title_area .tit_con .text		{ font-size:1.25em }
	
	
	/* 링크 */
	.link li									{ width:50%; }
	.link li:nth-child(4)						{ clear:inherit; }
	.link li:nth-child(2n+1)					{ clear:both; }
	.link a h3									{ word-wrap:initial; word-break:initial; }
	.link a h3 br								{ display:block; }
	
	/* 하단 버튼 */
	.btnFooter li img							{ max-width:80px; }
	.btnFooter li h3, 
	.btnFooter li p								{ width:calc(100% - 90px); }
	.btnFooter li h3							{ margin-top:.3em; }
}