@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR: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; }


*				{ 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:14px; 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; background:#f0f0f0}


/*Header*/
.news_top						{ position:relative; width:94%; max-width:1100px; box-sizing:border-box; margin:0 auto; padding:1.8em 0 68px 110px; color:#3399cc;  }
.news_top:after					{ position:absolute; top:2.5em; left:95px; height:53px; width:1px; background:#a7695e; content:"" }
.news_top h1					{ position:absolute; top:1.2em; right:0; }
.news_top .month				{ position:absolute; left:0; font-family:'Montserrat', sans-serif; font-size:70px; font-weight:400; letter-spacing:.1em; line-height:1}
.news_top p[lang='en']		{ margin-top:.3em; font-family:'Montserrat', sans-serif; font-size:15.5px; font-weight:400; }
.news_top p[lang='en'] span	{ font-size:.9em; line-height:1}
.news_top .slogan				{ font-size:16px; letter-spacing:-.03em; opacity:.8; line-height:1; font-weight:300; color:#000}

/*HeadLine*/
.main_view									{ box-sizing:border-box; width:100%; height:680px; background:url("img/top_img.png") no-repeat 50% 100%; }
.main_view .title_area						{ position:relative; max-width:608px; width:90%; height:610px; box-sizing:border-box; margin:0 auto; padding:5em 2em; text-align:center; letter-spacing:-.06em; border:5px solid rgba(51,153,204,.3);  background:url("img/bg_top_tit.png") no-repeat left 50% bottom 79px }
.main_view .title_area .tit_con			{ margin-top:1em; color:#333; font-size:17px; line-height:1.4}
.main_view .title_area .tit_con strong	{ display:block; margin-bottom:.5em; font-size:1.29em; line-height:1.3;}	
.main_view .title_area .chi				{ position:absolute; bottom:1.5em; left:0; width:100%; font-size:18px; letter-spacing:-.05em; color:#3399cc}

.tit							{ position:absolute;}
.tit h2						{ font-size:45px; font-weight:300; color:#000; letter-spacing:-.05em}
.tit h2 strong			{ font-weight:500;}
.tit p						{ font-size:19px; font-weight:300; color:rgba(0,0,0,.4); letter-spacing:-.045em;}

/*theme*/
.theme					{ position:relative; width:94%; max-width:1100px; margin:10em auto 5em; }
.theme ul				{ zoom:1 }
.theme ul:after			{ content:""; clear:both; display:block}
.theme li					{ float:left; margin-top:1em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.theme li a				{ display:block;}
.theme .txt				{ margin-top:2em;}
.theme .img				{ position:relative; height:0; border-radius:50%; overflow:hidden;}
.theme .img img		{ position:absolute; top:0; left:0; width:100%; height:100%;  }
.theme li strong		{ font-family:'Montserrat', sans-serif; font-weight:300; font-size:18px; letter-spacing:.05em}
.theme li h3				{ margin:.3em 0 .4em; font-size:26px; font-weight:400; letter-spacing:-.05em; color:#333;}
.theme li p				{ font-size:17.5px; letter-spacing:-.05em; color:rgba(102,102,102,.8); line-height:1.4; word-break:keep-all}
.theme li .more			{ position:relative; display:inline-block; *display:block; width:28px; height:0; margin:1.5em 0; padding-top:28px; overflow:hidden;}
.theme li .more:after	{ position:absolute; top:50%; left:0; width:100%; height:1px; background:#d7d7d7; content:"" }
.theme li .more:before	{ position:absolute; top:0; left:50%; width:1px; height:100%; background:#d7d7d7; content:"" }
.theme .hor				{ width:100%; padding:1em 3em; zoom:1}
.theme .hor:after		{ content:""; clear:both; display:block}
.theme .hor .img		{ float:left; width:23%; padding-top:23%; margin-right:5%; margin-top:.6%; }
.theme .hor .txt		{ float:left; width:70%; }
.theme .ver					{ position:relative; padding:0 2.5em 2em; text-align:center;}
.theme .ver:before			{ position:absolute; top:0; left:0; width:100%; height:30%; background:#fff; content:""} 
.theme .ver .img			{ width:100%; padding-top:100%; }
.theme .hot					{ background:#fff4f7}
.theme .hot strong		{ color:#ed93aa}
.theme .healing			{ background:#fff8ef}
.theme .healing strong	{ color:#dfaa6c}
.theme .feeling				{ background:#f1faff}
.theme .feeling strong	{ color:#67a8d4}
.theme .playing			{ background:#efffef}
.theme .playing strong	{ color:#45ab45}


/*축제*/
.festival					{ position:relative; padding:5em 0; background:#ebf5f9}
.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,
.festival .tit p				{ color:#38455f}
.fes_banner					{ zoom:1}
.fes_banner:after			{ content:""; clear:both; display:block}
.fes_banner li				{ float:left; position:relative; width:47%;}
.fes_banner li:before		{ position:absolute; right:1.5em; top:0; width:1px; height:100%; background:#3399cc; content:""}
.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:#3a3a39; line-height:1.3;}
.fes_banner li h4			{ position:absolute; top:0; padding-right:10px; font-size:1.85em; font-weight:500; color:#3399cc; 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:#ebf5f9}
.fes_banner li:first-child h4	{ right:-9.6em}
.fes_banner li:last-child h4	{ right:-13.2em}
.fes_banner li .img				{ text-align:center;}
.fes_banner li .con>span		{ display:block; font-size:1.4em; letter-spacing:-.05em; color:#3399cc}
.fes_banner li .con p			{ font-size:1.07em; letter-spacing:-.05em;}
.fes_banner li .con p strong		{ font-weight:400; font-size:1.35em}
.fes_banner li .con p span		{ display:block; margin-top:.2em}
.fes_banner li .con *			{ vertical-align:baseline}

.festival .board					{ position:relative; margin:5em auto 0 }
.festival .board h3				{ margin-bottom:.5em; font-weight:400; font-size:22px; color:#3399cc; line-height:1.6; letter-spacing:-.04em}
.festival .board ul				{ zoom:1}
.festival .board ul:after			{ content:""; clear:both; display:block}
.festival .board ul li				{ position:relative; float:left; width:46%; padding:.5em 0 .5em 1%; margin:.2em; border-bottom:1px solid #333}
.festival .board ul li:nth-child(2n)	{ float:right;}
.festival .board ul li:after			{ position:absolute; top:7px; left:0; content:"·" }
.festival .board ul li a			{ display:block; overflow:hidden; font-size:1.11em; color:#000; letter-spacing:-.03em; ;text-overflow:ellipsis; white-space:nowrap; }
.festival .board ul li span			{ margin-right:5px}	
.festival .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							{ 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:24.5%; height:140px; padding:30px 22px; background-repeat:no-repeat; background-position:90% 75%; border:1px solid #e8e8e8}
.link li+li						{ margin-left:.6%}
.link a h3						{ margin-bottom:.4em; font-size:1.35em; color:#c87a8c; letter-spacing:-.06em; font-weight:500; }
.link a p						{ width:90%; font-family:'Spoqa Han Sans', sans-serif; font-size:14px; color:#8d8d8d; letter-spacing:-.05em; word-break:keep-all }
.link li:first-child			{ background-image:url("img/bg_link01.jpg")} 
.link li:nth-child(2)			{ background-image:url("img/bg_link02.jpg")} 
.link li:nth-child(3)			{ background-image:url("img/bg_link03.jpg")} 
.link li:nth-child(4)			{ background-image:url("img/bg_link04.jpg")} 

/* 하단 버튼 */
.btnFooter							{ width:94%; max-width:1100px; margin:0 auto 3%; zoom:1}
.btnFooter:after					{ content:""; clear:both; display:block; }
.btnFooter li h3,
.btnFooter li p						{ float:right; width:calc(100% - 80px); font-weight:300; font-size:13.5px; letter-spacing:-.05em; word-break:keep-all }
.btnFooter li h3					{ margin-bottom:7px; font-weight:400; color:#ff6600; font-size:16.5px; }
.btnFooter li h3 strong			{ font-weight:700; color:#ff6600}
.btnFooter li:first-child h3,
.btnFooter li:first-child h3 strong		{ color:#0447af}
.btnFooter li:nth-child(2) h3,
.btnFooter li:nth-child(2) h3 strong	{ color:#458000}
.btnFooter li img					{ float:left; width:auto}
.btnFooter li *						{ vertical-align:top}

/* Footer */
.footer p			{ width:1100px; margin:0 auto 10px; font-family:'Spoqa Han Sans', sans-serif; text-align:center; color:#868686; line-height:150%}
.footer ul		{ width:1100px; margin:0 auto; text-align:center; color:#333}
.footer li			{ display:inline-block; *display:inline; font-family:'Spoqa Han Sans', sans-serif; line-height:1.3; zoom:1 }


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

	#newsletter						{ min-width:1150px;}
	.theme .key						{ position:absolute; top:41em; width:193px; left:49%; margin-left:-87px}

	/* 하단 버튼 */
	.btnFooter li					{ float:left; position:relative; width:31%; margin:0 1.14%; padding:30px 0;}
}

@media screen and (max-width:1024px){
	.pc		{ display:none;}

	/*Header*/
	.news_top				{ padding-left:10px}
	.news_top:after			{ left:0;}

	/*theme*/
	.theme .key			{ display:none}
	.theme .hor .img		{ margin-top:3%}
	.theme .ver .txt p		{ height:9.8em}

	/*축제*/
	.fes_banner li .con p			{ line-height:1.5}
	.fes_banner li .con p span	{ display:block;}

	/*이달의 추천여행*/
	.banner			{ margin:6% auto; }
	
	/* 링크 */
	.link li				{ width:49.5%; margin-bottom:1%; }
	.link li:nth-child(2n+1)	{ margin-left:0}

	/* 하단 버튼 */
	.btnFooter			{ padding-top:20px}
	.btnFooter li		{ height:auto; padding:15px 0 5px; zoom:1 }
	.btnFooter li:after	{ display:block; clear:both; content:""}

	/* Footer */
	.footer p,
	.footer ul		{ width:94%; }
}

@media screen and (min-width:901px){
	.tit h2						{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr;}
	.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;}

	/*theme*/
	.theme .tit				{ top:17%; left:49%; }
	.theme .tit p			{ top:3em; width:14em}
	.theme .ver				{ width:40%;}
	.theme .ver + .ver		{ margin-left:20%}

	/*축제*/
	.festival .con_inner		{ padding-left:130px; }
	.festival .tit				{ left:1.5em; top:0;}
	.festival .tit p			{ top:0; width:25em}
}


@media screen and (max-width:900px){
	.tit					{ position:relative; text-align:center;}
	.tit h2				{ font-size:30px; }
	.tit p				{ font-size:15px}

	/*theme*/
	.theme .ver				{ width:49%;}
	.theme .ver + .ver		{ margin-left:2%}
	.theme li strong		{ font-size:16px;}
	.theme li h3				{ font-size:23px;}
	.theme li p				{ font-size:15px;}
	.theme .ver .txt p		{ height:auto}

	/*축제*/	
	.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}
}

@media screen and (max-width:700px){
	body						{ font-size:12px}

	/*HeadLine*/
	.news_top h1							{ top:1.2em; width:170px}
	.news_top								{ padding-bottom:30px}
	.news_top:after							{ height:30px}
	.news_top .slogan						{ display:none;}
	.main_view								{ height:550px}
	.main_view .title_area					{ height:520px; background-position:left 50% bottom 61px}
	.main_view .title_area .chi			{ font-size:17px; bottom:.5em}
	.main_view .title_area .chi strong	{ display:block}


	/*축제*/
	.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%}

	/*theme*/
	.theme .tit				{ margin-bottom:1.5em}
	.theme>ul>li			{ padding:1em 2em !important}
	.theme li .img			{ margin-top:7% !important;}
	.theme .txt				{ width:72% !important}
	.theme .ver				{ width:100%; padding:1em 3em; text-align:left; zoom:1}
	.theme .ver:before		{ display:none}
	.theme .ver:after		{ content:""; clear:both; display:block}
	.theme .ver + .ver		{ margin-left:0}
	.theme .ver .img		{ float:left; width:23%; padding-top:23%; margin-right:5% }
	.theme .ver .txt			{ float:left; width:70%; }
	.theme .ver .txt p		{ height:auto}

	/*이달의 추천여행*/
	.banner div>a				{ height:180px;}
	.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){
	/*theme*/
	.theme li .img								{ float:none; width:80% !important; margin:0 10% !important; padding-top:80% !important	}
	.theme .txt									{ float:none !important; width:100% !important; }

	/*축제*/
	.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}

	/*이달의 추천여행*/
	.banner div				{ background-position:27% 50%; }
	.banner ul				{ margin-left:5%}
	.banner li.small			{ width:80%; word-break:keep-all}
	.banner li.small br		{ display:none}
 
	/* 링크 */
	.link li					{ float:left; width:100%; margin-left:0 !important; }

	/* 하단 버튼 */
	.btnFooter					{ padding-bottom:20px}
}

@media screen and (max-width:400px){
	/*HeadLine*/
	.main_view							{ height:420px}
	.news_top							{ padding:1em 0}
	.news_top:after						{ display:none}
	.news_top h1						{ top:.5em}
	.main_view .title_area				{ height:435px; padding:3em 2em; background-position:left 50% bottom 69px}
	.main_view .title_area .tit_con	{ font-size:15px}
	.main_view .title_area .chi		{ width:90%; left:5%; bottom:auto; top:358px; font-size:15px}
	.news_top p[lang='en']			{ margin-top:2px; font-size:13px; }


	/*이달의 추천여행*/
	.banner div>a				{ height:180px;}
	.banner li.btit				{ font-size:1.7em}
	.banner li.stit				{ font-size:1.4em}

	/* 링크 */
	.link li					{ height:110px; padding:6%}
}