@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:'Quentin'; font-style: normal; font-weight:normal; src: url('fonts/Quentin.woff2') format('woff2'),  url('fonts/Quentin.woff') format('woff'),  url('fonts/Quentin.otf') format('opentype'); }
@font-face { font-family: 'Cafe24Shiningstar'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:100; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:200; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:300; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:400; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:500; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight:600; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:700; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight:800; font-style:normal; }
@font-face { font-family:'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:900; font-style:normal; }
@font-face {
  font-family: 'xeicon';
  src:  url('fonts/xeicon.eot?1kogm8');
  src:  url('fonts/xeicon.eot?1kogm8#iefix') format('embedded-opentype'),
    url('fonts/xeicon.ttf?1kogm8') format('truetype'),
    url('fonts/xeicon.woff?1kogm8') format('woff'),
    url('fonts/xeicon.svg?1kogm8#xeicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xeicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-info:before { content: "\e900";}
.icon-play:before { content: "\e901";}
.icon-tour:before { content: "\e902";}



*								{ 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;}
.clearfix						{ zoom:1; }
.clearfix::after				{ display:block; clear:both; content:''; }


/* 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:#eeeeee; }
.con_inner								{ position:relative; width:94%; max-width:1100px; margin-left:auto; margin-right:auto; }

/* 공통 컬러 */
.pointcolor								{ color:#da67ad; }

/* 상단 */
.news_top								{ display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding:2.333em 0 1.667em 0; }
.news_top h1							{ margin:0;  }
.news_top .slogan						{ font-size:1.033rem; letter-spacing:-.055em; opacity:.8; line-height:1; font-weight:300; color:#000}
.news_top .slogan>li					{ float:left; position:relative; line-height:1}
.news_top .slogan>li+li					{ padding-left:.5em; margin-left:.5em; }
.news_top .slogan>li+li::before			{ position:absolute; width:1px; height:75%; left:0; top:50%; background:#000; content:''; transform:translateY(-50%); }
.news_top .slogan>li.en					{ color:#da67ad; font-size:1.127rem; text-transform:uppercase; letter-spacing:0; font-family:'Montserrat';  }


/* 비주얼 */	
.main_view									{ position:relative; box-sizing:border-box; width:100%; height:760px; background:url("img/img_visual.jpg") no-repeat center top; padding-top:67px; }
.main_view::before							{ position:absolute; z-index:1; left:50%; width:788px; height:805px; top:-24px; content:''; background:url(img/img_title.png) center center no-repeat; transform:translateX(-50%);  }
.main_view .title_area						{ position:relative; max-width:570px; width:90%; height:647px; box-sizing:border-box; margin:0 auto; letter-spacing:-.06em; background:url(img/bg_title.png) center center no-repeat #ffd500; 
												border-radius:20px; background-size:cover; display:table; z-index:2; overflow:hidden }
.main_view .vol								{ font-family:'S-CoreDream'; font-weight:600; font-size:1em; color:#fff; text-transform:uppercase; position:absolute; left:-.5em; top:2em; transform:rotate(90deg); letter-spacing:.01em;}
.main_view .title_area .tit_con				{ display:table-cell; vertical-align:middle; text-align:center }
.main_view .title_area .tit_con .year		{ display:block; font-family:"S-CoreDream"; font-weight:600; font-size:1.367rem; text-transform:uppercase; letter-spacing:.3em; padding-left:1rem  }
.main_view .title_area .tit_con .tit_img	{ display:block; margin-top:3rem; }
.main_view .title_area .tit_con strong		{ display:block; font-size:3.733rem; margin-top:.75rem; font-family:"S-CoreDream"; font-weight:600; color:#000; line-height:1.2; letter-spacing:-.075em }
.main_view .title_area .tit_con .text		{ margin-top:1rem; font-size:1.333rem; font-weight:500; font-family:"S-CoreDream"; color:rgba(45,22,29,.8); letter-spacing:-.055em; line-height:1.2 }
.main_view .title_area .tit_con strong>em	{ font-weight:600; margin-right:.5rem; }
.main_view .title_area .tit_con .icon								{ position:relative; display:table; margin-left:auto; margin-right:auto; margin-top:2rem }
.main_view .title_area .tit_con .icon::before						{ position:absolute; width:200vh; height:1px; left:-50vh; right:-50vh; top:35px; z-index:1; background:#edcfe7; content:''; }
.main_view .title_area .tit_con .icon>li							{ position:relative; float:left; text-align:center }
.main_view .title_area .tit_con .icon>li+li							{ margin-left:1.5rem; padding-left:1.5rem}
.main_view .title_area .tit_con .icon>li+li::before					{ position:absolute; width:19px; height:19px; background:#da67ad; border-radius:100%; content:''; left:-9.5px; top:26px; content:''; z-index:2 }
.main_view .title_area .tit_con .icon>li+li::after					{ position:absolute; width:0; height:0; border-top:4px solid transparent; border-left:6px solid #fff; border-bottom:4px solid transparent; left:-2.5px; top:31.5px; content:''; z-index:3 }
.main_view .title_area .tit_con .icon>li span[class^="icon-"]		{ display:inline-block; position:relative; width:65px; height:65px; line-height:65px; text-align:center; border-radius:100%; border:4px solid #edcfe7; background:#fff; 
																		font-size:4.333rem; color:#edcfe7; z-index:2 }
.main_view .title_area .tit_con .icon>li span.txt					{ display:block; font-size:1rem; font-weight:300; font-family:'Montserrat'; color:#da67ad; letter-spacing:.1em; margin-top:.5rem; }


.chi							{ display:block; font-size:1.2em; line-height:1.2; color:#000; text-align:center; font-family:'Spoqa Han Sans'; letter-spacing:.08em; }
.chi strong						{ font-size:1.056em; }


/* 타이틀 */
.tit									{ position:relative; }
.tit .img_tit							{ display:block; font-size:1.8rem; color:#999; letter-spacing:-.03em; font-family:"Cafe24Shiningstar"; font-weight:300}
.tit .img_tit img						{ display:inline-block; vertical-align:baseline; }
.tit h2									{ position:relative; font-size:2.4rem; color:#000; font-weight:600; letter-spacing:-.03em; font-family:"S-CoreDream"; line-height:1; margin-top:.75rem; }
.tit h2::before							{ position:absolute; width:calc(100% - 27%); right:0; bottom:0; height:1px; background:rgba(0,0,0,.4); content:''; }
.tit .small								{ position:absolute; right:0; bottom:.75rem; font-size:1.033rem; font-weight:300; color:#333; letter-spacing:.15em;}
.sub_tit								{ margin-top:3rem; font-size:1.733rem; font-weight:bold; letter-spacing:-.065em; }


/* 여행지추천 */
.recommend								{ margin-top:5rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.recommend .list						{ display:flex; flex-wrap:wrap; margin-top:1rem }
.recommend .list>li						{ width:32%; }
.recommend .list>li+li					{ margin-left:2%; }
.recommend .list>li:nth-child(-n + 2)	{ width:46.8%; margin-bottom:2.5rem }
.recommend .list>li:nth-child(2)		{ margin-left:6.4%; }
.recommend .list>li:nth-child(3)		{ margin-left:0; }
.recommend .list>li .img				{ font-size:0; }
.recommend .list>li .txt h3				{ display:inline-block; font-size:1.333rem; padding:.5rem 2rem .5rem 0; background:#fff; margin-top:-2rem; font-weight:500; color:#000; letter-spacing:-.065em }
.recommend .list>li .txt>p				{ margin-top:.75rem; font-size:1.033rem; line-height:1.3; letter-spacing:-.045em; color:rgba(0,0,0,.54); font-weight:300; word-wrap:break-word; word-break:keep-all; }
.recommend .list>li .txt>p span			{ display:block; position:relative; color:#000; margin-top:.75em }


/* 테마여행지 */
.theme									{ margin-top:6rem; background:url(img/bg_theme.jpg); padding:4.5rem 0 7rem}
.theme .list							{ margin-top:2rem  }
.theme .list>li							{ float:left; width:31.333%; min-height:41em; padding:2.667rem 0 2.667rem 2.667rem; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
											box-shadow:5px 5px 10px rgba(0,0,0,.05)}
.theme .list>li+li						{ margin-left:3%; }
.theme .list>li .txt					{ position:relative; margin-top:1.667em; padding-right:2.667em}
.theme .list>li .txt::before			{ position:absolute; right:2rem; bottom:-1.5rem; font-family:"Quentin"; font-size:4.333rem; color:rgba(218,103,173,.15);}
.theme .list>li .txt h3					{ font-size:1.567rem; color:#4f4f4f; font-weight:500; letter-spacing:-.065em; line-height:1 }
.theme .list>li .txt p					{ font-size:1.067rem; margin-top:1rem; line-height:1.4; font-weight:300; color:#707070; letter-spacing:-.065em; word-wrap:break-word; word-break:keep-all; padding-right:2rem}

.theme .list>li:nth-child(1) .txt::before	{ content:'01';}
.theme .list>li:nth-child(2) .txt::before	{ content:'02'; bottom:inherit; top:-1rem }
.theme .list>li:nth-child(3) .txt::before	{ content:'03';}


/*축제*/
.festival								{ position:relative; padding:5em 0; background:#ffdc6a;}
.festival h2							{ position:relative; font-size:1.467rem; font-weight:500; color:#000; letter-spacing:-.055em; z-index:2 }
.festival .more							{ position:absolute; right:0; top:5px; font-size:1.033rem; font-family:'Montserrat'; color:rgba(0,0,0,.7); border-bottom:1px solid rgba(0,0,0,.3); z-index:2 }
.festival .left							{ float:left; position:relative; width:55%;  }
.festival .left::before					{ position:absolute; width:100%; left:0; top:-17px; content:'CUlture Festival'; font-family:"Quentin"; font-size:5.333em; color:rgba(255,255,255,.4);  }

.festival .fes_banner01					{ position:relative; margin-top:2em; display:flex; flex-wrap:wrap; z-index:2 }
.festival .fes_banner01>li				{ width:48.5%; text-align:center }
.festival .fes_banner01>li+li			{ margin-left:3%; }
.festival .fes_banner01>li .con			{ position:relative; z-index:3; background:rgba(255,240,164,1) ; padding:1em 0 2em 0}
.festival .fes_banner01>li .con::before	{ position:absolute; width:100%; height:10em; top:-10em; left:0; background:linear-gradient(to top, rgba(255,240,164,1), rgba(255,240,164,.05)); content:''; }
.festival .fes_banner01>li .con strong	{ display:block; font-size:21px; letter-spacing:-.07em; font-weight:500; color:#333; margin-bottom:.25em;}
.festival .fes_banner01>li .con span	{ display:block; font-size:1.033em; font-weight:300; color:rgba(33,33,33,.6); letter-spacing:-.04em; line-height:1.4 }
.festival .right						{ float:right; position:relative; width:37.5% }
.festival .right .new					{ position:relative; margin-top:4em }
.festival .right .new::before			{ position:absolute; width:100%; left:0; top:-17px; content:'Jeonbuk News'; font-family:"Quentin"; font-size:4em; color:rgba(255,255,255,.4);  }
.festival .fes_banner02					{ margin-top:3em; display:flex; flex-wrap:wrap }
.festival .fes_banner02>li				{ position:relative; width:48.5%; text-align:center }
.festival .fes_banner02>li img			{ position:relative; z-index:2; }
.festival .fes_banner02>li::before		{ position:absolute; width:11rem; height:11rem; border-radius:100%; box-shadow:15px 10px 15px rgba(0,0,0,.2); left:.75rem; top:.25rem; content:''; }
.festival .fes_banner02>li+li			{ margin-left:3%; }
.festival .fes_banner02>li strong		{ display:block; font-size:1.067rem; color:#000; font-weight:300; margin-top:.75rem }
.festival .fes_banner02>li .view		{ display:inline-block; padding:.5rem 1.5rem; font-size:.9rem; color:#000; border:1px solid rgba(0,0,0,.2); font-weight:300; margin-top:1.5em }
.festival .right .new .list				{ position:relative; margin-top:1em; z-index:2 }
.festival .right .new .list>li			{ float:none; position:relative; padding-left:10px; line-height:1.8 }
.festival .right .new .list>li a		{ display:block; font-size:1.1rem; color:#000; font-weight:300; letter-spacing:-.065em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.festival .right .new .list>li::before	{ position:absolute; left:0; top:16px; width:2px; height:2px; background:#000; content:''; }

.festival .performances					{ position:relative; margin-top:2.333em; padding-top:2.333em; border-top:1px solid #ffd059 }
.festival .performances::before			{ position:absolute; width:100%; left:0; top:17px; content:'Performances'; font-family:"Quentin"; font-size:5.333em; color:rgba(255,255,255,.4);  }
.festival .performances .more			{ top:37px; }
.festival .performances	.list			{ position:relative; display:flex; flex-wrap:wrap; margin-top:1.5rem; z-index:2 }
.festival .performances	.list>li		{ width:32%; }
.festival .performances	.list>li+li		{ margin-left:2%; }
.festival .performances	.list>li .img	{ float:left; width:5rem }
.festival .performances	.list>li .cont	{ float:right; width:calc(100% - 6rem); }
.festival .performances	.list>li .cont strong	{ display:block; font-size:1.267rem; margin-top:.9rem; font-weight:500; color:#000; letter-spacing:-.065em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.festival .performances	.list>li .cont span		{ display:block; font-size:1rem; margin-top:.25em; font-weight:300; color:rgba(0,0,0,.6); letter-spacing:-.03em; }


/*이달의 추천여행 배너*/
.banner 						{ margin-top:6rem; 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'; font-size:2.28em; font-weight:300; word-break:keep-all}
.banner li.btit strong			{ font-weight:bold; vertical-align:baseline  }
.banner li.small				{ font-size:1.14em; line-height:1.4; font-weight:400; word-break:keep-all}
.banner .banner1				{ background-image:url("img/banner01.jpg")}
.banner .banner2				{ background-image:url("img/banner02.jpg")}



/* 투어패스 + 참참 */
.img_banner .list						{ display:flex; flex-wrap:wrap; margin-top:4rem }
.img_banner .list>li					{ width:48%; }
.img_banner .list>li+li					{ margin-left:4%; }
.img_banner .list>li .img				{ float:right; width:50%; }
.img_banner .list>li .cont				{ float:left; width:45%; margin-top:1rem }
.img_banner .list>li .cont .eng			{ display:block; color:#828282; font-family:'Spoqa Han Sans'; font-weight:300; letter-spacing:.015em }
.img_banner .list>li .cont strong		{ display:block; margin-top:.5rem; font-size:2.133rem; font-weight:bold; font-family:"S-CoreDream"; letter-spacing:-.03em; color:#000; }
.img_banner .list>li .cont p			{ margin-top:.3rem; font-size:1.5rem; color:rgba(0,0,0,.7); letter-spacing:-.07em; line-height:1.25; font-weight:500 }
.img_banner .list>li .cont .txt			{ display:block; font-size:1.1rem; margin-top:.75rem; line-height:1.2; color:rgba(0,0,0,.4); font-weight:300 }
.img_banner .list>li .cont .view		{ display:inline-block; margin-top:1rem; padding:.45rem 1rem; border:1px solid #cccccc; font-size:.9rem; color:#000; font-weight:300; font-family:'Spoqa Han Sans';  }



/* 아이콘 */
.link_area						{ margin-top:3rem; margin-bottom:7rem}
.link							{ position:relative; display:flex; flex-wrap:wrap; }
.link::before					{ position:absolute; left:-1px; top:0; width:1px; height:40%; border-left:1px dashed #cccccc; content:''; }
.link li						{ position:relative; box-sizing:border-box; width:12.5%; text-align:center }
.link li::before				{ position:absolute; right:-1px; top:0; width:1px; height:40%; border-left:1px dashed #cccccc; content:''; }
.link a strong					{ display:table; width:100%; min-height:2.7rem; margin-top:1.333rem; font-size:1.067rem; color:rgba(2,2,2,.7); letter-spacing:-.08em; font-weight:400; }
.link a strong span				{ display:table-cell; vertical-align:middle; line-height:1.2 }



/* 하단 관광안내전화등 */
.btnFooter								{ padding-bottom:1.5rem;  border-bottom:1px solid #d8d8d8 }
.btnFooter li             { float:left; width:33.33333%; }
.btnFooter li strong,
.btnFooter li p							{ display:block; float:right; width:calc(100% - 113px); font-weight:300; font-size:1em; letter-spacing:-.1em; word-break:keep-all; text-align:left; }
.btnFooter li strong					{ 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 .txt							{ margin-top:3rem; text-align:center; color:rgba(51,51,51,.6); line-height:1.2; font-size:1.033rem }
.footer .copy							{ margin-top:1.333rem; text-align:center; color:#333; font-size:1.067em; letter-spacing:-.01em }
.footer .copy>li						{ display:inline-block; *display:inline; position:relative; line-height:1.3; zoom:1 }
.footer .copy>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;}
}

@media screen and (max-width:1024px){
	.pc									{ display:none;}

	.img_banner .list>li .cont                  { width:49%;}
	.img_banner .list>li .cont strong           { font-size:1.95rem}
	.img_banner .list>li .cont p                { font-size:1.3rem;}

	/* 하단 버튼 */
	.btnFooter li						{ float:left; position:relative; width:31%; margin:0 1.14%; padding:30px 0;}
}
@media screen and (max-width:968px){
	.tit h2::before                             { width:100%; top:1.2em;}

	.festival .fes_banner02>li::before         { display:none;}

	.link li                                    { width:25%; border-right: 1px dashed #ccc;}
	.link li:nth-child(4n)                      { border-right:0;}
	.link li:nth-child(n+5)                      { margin-top: 1.5rem;}
	.link::before                               { display:none; }
	.link li::before                            { display:none; }
}

@media screen and (max-width:868px){
	.news_top .slogan li:first-child						{ display:none;}
	.news_top .slogan>li+li::before             { display:none;}

	.img_banner .list>li                        { width:100%;}
	.img_banner .list>li+li                     { margin-top:1rem; margin-left:0;}
	.img_banner .list>li .cont                  { width:59%; }
	.img_banner .list>li .cont p br             { display:none;}
	.img_banner .list>li .img                   { width:40%;}

	.btnFooter li					                      { width:100%; padding:10px 0; }
}
	
@media screen and (max-width:768px){
  .tit .img_tit                               { font-size:1.6rem;}
  .tit h2                                     { font-size:2.2rem; }
  .sub_tit                                    { font-size:1.533rem;}

  .recommend .list>li .txt h3                 { font-size:1.2rem;}
  .recommend .list>li .txt>p                  { font-size:0.9rem;}
 
  .theme .list>li                             { min-height:36em;}
  .theme .list>li .txt                        { padding-right:1.8rem;}
  .theme .list>li .txt h3                     { font-size:1.35rem; line-height: 1.2;}
  .theme .list>li .txt p                      { font-size:0.95rem;}

  .festival .left                             { width:100%;}
  .festival .left .w_mo                       { width: 100%; }
  .festival .right                            { width: 100%;}
  .festival .right .new .list>li a            { font-size:1rem;}
  .festival .performances .list>li            { width:100%;margin:0 0 .8rem }
  .festival .performances .list>li+li			{ margin-left:0;}

  .banner                                     { margin-top:5rem;}
  .banner div>a							{ height:210px}
  .banner li.stit                             { font-size:1.3em;}
  .banner li.btit                             { font-size:1.8em;}

  .footer .txt									{ word-break:keep-all; }
  .footer .copy									{ word-break:keep-all; }
}
@media screen and (max-width:700px){
	body									{ font-size:14px}
}
@media screen and (min-width:669px){
	.theme .list>li.bg						{ position:relative; border-radius:25px 0 0 0; margin-top:2.667rem; padding-top:5em}
	.theme .list>li.bg::before				{ position:absolute; width:100%; height:5em; left:0; top:0; background:url(img/img_theme_after.png) left top no-repeat; content:''; background-size:100% auto }
	.theme .list>li.bg .img					{ position:absolute; width:100%; height:0; padding-top:106%; bottom:0; left:0; overflow:hidden }
	.theme .list>li.bg .img	img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
											-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
	.theme .list>li.bg .img::after			{ position:absolute; width:100%; height:10em; top:0; left:0; background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,.03)); content:''; }
	.theme .list>li.bg .txt					{ position:relative; z-index:3; }
}
@media screen and (max-width:668px){
	.theme .list                                { display:flex; flex-direction:column;}
	.theme .list>li                             { width:100%; min-height:auto; padding:1.8rem 0 1.8rem 1.8rem; }
	.theme .list>li .img                      { position:relative; float:left; width:40%; height:0; padding-top:30%; overflow:hidden;}
	.theme .list>li .img img				  { position:absolute; top:50%; left:50%; min-width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
	.theme .list>li .txt                        { float:right; width:49%; margin-top:0;}
	.theme .list>li .txt::before				{ top:0}
	.theme .list>li .txt h3						{ font-size:1.2rem;}
	.theme .list>li+li                          { margin:2rem 0 0;}
}

@media screen and (max-width:630px){
	.news_top h1                                { width:290px;}
	.news_top .slogan                           { font-size:0.9em; }
}
@media screen and (max-width:568px){
	.con_inner                                  { width:90%;}

	.main_view::before                          { top:-60px; background-size: 90% 90%; }
	.news_top                                   { flex-direction:column; padding: 2em 0 2.667em 0;}
	.news_top .slogan                           { margin-top:0.5em;}
	.news_top .slogan>li+li                     { padding-left:0; margin-left:0; }

	.main_view .title_area                      { height:550px; }
	.main_view .title_area .tit_con .tit_img    { margin-top:2rem; }
	.main_view .vol                             { display:none; }
	.main_view .title_area .tit_con strong      { font-size: 3.2rem; }
	.main_view .title_area .tit_con .text       {font-size: 1.2em;}

	.recommend .list                            { flex-direction: column;}
	.recommend .list>li                         { width:100%;}
	.recommend .list>li+li                      { margin-left:0; margin-bottom:2rem;}
	.recommend .list>li:nth-child(-n + 2)       { width:100%;}
	.recommend .list>li:nth-child(2)            { margin-left:0%;}
	.recommend .list>li:nth-child(3)            { margin-bottom:2rem;}
	.recommend .list .img img                      { width:100%; }

	.festival .fes_banner01>li .con             { padding: 1em 1em 2em 0;}

	.img_banner .list>li .cont strong           { font-size:1.75rem;}
	.img_banner .list>li .cont p                { font-size:1.1rem;}
	.img_banner .list>li .cont .view            { display:none; }

	.link li                                    { width:50%;}
	.link li:nth-child(3n)                      { border-right:1px dashed #ccc;}
	.link li:nth-child(2n)                      { border-right:none;}
	.link li:nth-child(n+3)                      { margin-top:1.8rem;}
}

@media screen and (max-width:530px){
	.news_top h1                                { margin:0 auto; }
}
@media screen and (max-width:468px){
	.main_view 									{ height:720px;}
	.main_view .title_area                      { height:530px; }
	.main_view .title_area .tit_con .year       { font-size: 1.2em;}
	.main_view .title_area .tit_con strong      { font-size: 2.8rem; }
	.main_view .title_area .tit_con .text       {font-size: 1.25em;}
	.main_view .title_area .tit_con .icon>li span[class^="icon-"] { line-height:59px; font-size:4.1rem;}

	.tit .img_tit                               { text-align:center; }
	.tit h2                                     { text-align:center; }
	.tit .small                                 { display:none; }
	.tit h2::before                             { top:1.4em;}
	.sub_tit                                    { text-align:center; font-size:1.35rem;}

	.theme                                      { margin-top:3rem;}
	.theme .list>li                             { width:100%; min-height:auto;}
	.theme .list>li .txt,
	.theme .list>li .img						{ width:100%; float:none; }
	.theme .list>li .img						{ padding-top:50%;}
	.theme .list>li .txt h3						{ margin-top:1rem;}

	.festival h2                                  { font-size:1.3rem;}
	.festival .fes_banner01>li                    { width:100%; }
	.festival .fes_banner02>li strong             { font-size:0.95rem;}
	.festival .fes_banner01>li+li                 { margin:2rem 0;}
	.festival .performances .list>li .cont strong { font-size: 1.1rem;}
	.festival .more                               { font-size: 0.9rem;}

	.banner>div									{ background-position:-45px 50%}
	.banner ul                                    { margin-left:0; padding:0 2rem; }
	.banner li.stit                               { padding:2rem 0 0; }

	.img_banner .list>li .img                     { width:100%; text-align:center; padding-right:5px;}
	.img_banner .list>li .cont                    { width:100%; text-align:center;}

	.link li                                    { width:50%;}
	.link li:nth-child(3n)                      { border-right:1px dashed #ccc;}
	.link li:nth-child(2n)                      { border-right:none;}
	.link li:nth-child(n+3)                      { margin-top:1.8rem;}

	.footer .txt                                  { font-size:0.95rem;}
}
@media screen and (max-width:400px){
	.main_view .title_area                      { height:520px; }
	.main_view .title_area .tit_con strong      { font-size: 2.6rem; }
	.main_view .title_area .tit_con .icon       { margin-top: 1.6rem; }
	.main_view .title_area .tit_con .icon>li span[class^="icon-"] {width:60px; height: 60px;line-height:60px; border:3px solid #edcfe7;  font-size: 3.85rem;}

	.link a strong                              { font-size:0.95rem; }

	.banner ul								{ padding:0 1.3rem}
	.banner li.stit							{ padding-top:1.5rem;}
	.banner li.small br						{ display:none}
}
@media screen and (max-width:368px){
	.main_view .title_area                      { height:510px; }
	.main_view .title_area .tit_con strong      { font-size:2.4rem; }
	.main_view .title_area .tit_con .text       { font-size:1.1em;}
	.main_view .title_area .tit_con .icon>li+li { margin-left:1rem; padding-left:1.2rem;}

	.chi                                        { font-size:1em;}

	.tit .img_tit                               { font-size:1.2rem; }
	.tit h2                                     { font-size:1.9rem; }
	.sub_tit                                    { margin-top:2.5rem; font-size:1.3rem;}
	.recommend .list>li:nth-child(-n + 2)       { margin-bottom:2rem}

	.btnFooter li img                           { width:30%; }
	.btnFooter li p br 							{ display:none; }
}