@charset "utf-8";

#m_conts .inner {position:relative;}
#m_conts .inner:after {content:""; display:block; clear:both;}

/**********************************
	Main Layout
**********************************/

#gnbWrap >div,
.headWrap > .inner,
.familysite,
footer .info_wrap {max-width:1720px;}


@media all and (min-width:1025px) {
	.headWrap .logo {margin-left:-860px;}
	.headWrap .aside {margin-right:-860px;}
}
@media all and (max-width:1740px) and (min-width:1025px) {
	.headWrap .logo {left:20px; margin-left:0;}
	.headWrap .aside {right:20px; margin-right:0;}
	#gnbWrap >div,
	footer .info_wrap {padding-left:20px; padding-right:20px;}
}

.tab-con {display:none !important;;}
.tab-con.on {display:block !important;}


/**********************************
	Visual
**********************************/

.visualWrap {display:block; position:relative; max-width:1780px; margin:0 auto; font-size:1.8rem;}
.visualWrap .control {position:absolute; left:50%; margin-left:-700px; bottom:7rem; z-index:5;}

.mainVisual {position:relative;}
.mainVisual .control .pager,
.mainVisual .control button {display:inline-block; position:relative; vertical-align:middle; }
.mainVisual .control .pager {margin-right:2rem;}
.mainVisual .control .pager button {display:inline-block; position:relative; vertical-align:middle;}
.mainVisual .control .pager button + button {margin-left:5rem;}
.mainVisual .control .pager button + button:after {content:""; display:block; position:absolute; width:.7rem; height:.7rem; border-radius:100%; left:0; top:50%; margin:-.05rem 0 0 -2.6rem; background:#fff; opacity:.5;}
.mainVisual .control .pager .swiper-pagination-bullet {position:relative; border-radius:0; text-indent:0; padding:0; width:auto; height:4.5rem; background:none; color:#fff; font-size:2rem;}
.mainVisual .control .pager .swiper-pagination-bullet:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; background:#ffffff;}
.mainVisual .control .pager .swiper-pagination-bullet-active:before {height:.3rem;}
.mainVisual .control button.stop,
.mainVisual .control button.play {width:4.5rem; height:4.5rem; overflow:hidden; text-indent:-999px; }
.mainVisual .control button.play {display:none;}
.mainVisual .control button.stop:before,
.mainVisual .control button.play:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-.85rem 0 0 -.85rem; width:1.7rem; height:1.7rem; background:url(../img/main/spr_main.png) no-repeat .3rem 0rem; background-size:30rem;}
.mainVisual .control button.play:before {background-position:.2rem -5.4rem;}

.visItem {display:block; position:relative; height:62.3rem; padding-bottom:11.5rem !important; background:no-repeat 50% 50%; background-size:cover;}
.visItem.vis01 {background-image:url('../img/main/vis_01.jpg');}
.visItem.vis02 {background-image:url('../img/main/vis_02.jpg');}
.visItem .inner {padding-top:6.05em; color:#fff; word-break:keep-all;}
.visItem .tit {display:block; position:relative; overflow:hidden; word-break:keep-all;}
.visItem .tit strong {display:block; position:relative; margin-bottom:.636em; font-family:'Arita-buri-SemiBold'; font-size:3.05em;}
.visItem .tit span {display:block; position:relative; margin:1.46em 0 .66em; font-size:1.66em; opacity:.6; font-weight:300;}
.visItem .txt {display:block; position:relative; color:#a7a7a4; line-height:1.5; margin-bottom:2.77em; font-size:1em;}
.visItem a {display:inline-block; position:relative; font-size:.94em; color:#fff; line-height:1.7;}
.visItem a:before {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#fff;}

.mainInfo {display:block; position:relative; background:#032e4e; z-index:0;}
.mainInfo:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:50%; z-index:-1; background:#af8d5d;}
.mainInfo .time,
.mainInfo .holyday {display:table; position:relative; width:50%; float:left; padding:1.66em 0;}
.mainInfo .time {padding-right:3.6em;}
.mainInfo .holyday {padding-left:3.6rem;}
.mainInfo .time > *,
.mainInfo .holyday > * {display:table-cell; vertical-align:middle;}
.mainInfo .ico {width:8.3em; text-align:center;}
.mainInfo .ico:before {content:""; display:block; position:relative; width:6.6rem; height:5.6rem; background:url(../img/main/spr_main.png) no-repeat -13.3rem -3.6rem; background-size:30rem; margin:0 auto;}
.mainInfo .ico.ty2:before {background-position:-23.2rem -3.6rem;}
.mainInfo .txt {padding-right:1em; color:#fff;}
.mainInfo .txt .tit {font-size:1.33em; font-family:'Arita-buri-SemiBold'; margin-bottom:.7em;}
.mainInfo .txt ul {margin-bottom:.5rem;}
.mainInfo .txt li {display:block; position:relative; padding-left:1.11em; opacity:.7; line-height:1.4; font-weight:300; word-break:keep-all;}
.mainInfo .txt li:before {content:""; display:block; position:absolute; width:.5rem; height:.5rem; border-radius:100%; background:#fff; left:0; top:.7em; margin-top:-.2rem;}

@media all and (max-width:1440px) {
	.visItem {padding-left:2rem; padding-right:2rem;}
	.visualWrap .control {left:2rem; margin-left:0;}
}
@media all and (max-width:1024px) {
	.visualWrap {font-size:1.7rem;}

	.visualWrap .control {bottom:4rem; transform-origin:0 100%; -webkit-transform-origin:0 100%;}
	.visItem {height:50rem;}

	.mainInfo {background:none;}
	.mainInfo:before {display:none;}
	.mainInfo .time,
	.mainInfo .holyday {width:100%; float:none; padding:2em 0;}
	.mainInfo .time {background:#af8d5d;}
	.mainInfo .holyday {background:#032e4e;}
}
@media all and (max-width:789px) {
	.visualWrap {font-size:1.6rem;}
}
@media all and (max-width:640px) {
	.visualWrap {font-size:1.5rem;}
	.visualWrap .control {transform:scale(.8); -webkit-transform:scale(.8);}

	.mainInfo .ico {width:6em;}
	.mainInfo .ico:before {transform:scale(.7); -webkit-transform:scale(.7);}
}
@media all and (max-width:480px) {
	.visualWrap {font-size:1.4rem;}
	.visItem {height:45rem;}
}
@media all and (max-width:380px) {
	.visualWrap {font-size:1.3rem;}
	.visItem {height:40rem;}
}
@media all and (max-width:370px) {
	.mainInfo .time,
	.mainInfo .holyday,
	.mainInfo .time > *,
	.mainInfo .holyday > * {display:block;}
	.mainInfo .ico {display:none;}
	.mainInfo .txt {padding:0 2rem;}
}


/**********************************
	Board
**********************************/

.boardWrap {position:relative; z-index:0; padding:4.5rem 2rem 8.5rem; font-size:1.7rem;}
.boardWrap:after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:50%; background:#f5f3ee; z-index:-1;}

.mainBoard {display:block; position:relative; width:66.5rem; float:left;}
.mainQuick,
.mainPopup {display:block; position:relative; width:63.5rem; float:right;}

.mainBoard .tit {display:block; position:relative; height:2.5em; line-height:2.5em; margin-bottom:1rem; color:#222; font-size:2em; font-family:'Arita-buri-SemiBold'; font-weight:800;}
.mainBoard .tit:after {content:""; display:block; position:absolute; left:0; right:0; top:100%; height:1rem; background:url(../img/main/bak_line_pattern.png) repeat-x -.2rem 0; background-size:auto 100%;}
.mainBoard .more {display:block; position:absolute; top:0; right:0; width:2.05rem; height:2.05rem; top:1.64rem; overflow:hidden; text-indent:-999px;}
.mainBoard .more:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-.95rem 0 0 -.95rem; width:1.9rem; height:1.9rem; background:url(../img/main/spr_main.png) no-repeat -2.7rem -5.3rem; background-size:30rem;}
.mainBoard li {display:block; position:relative; padding:2.7em 0; border-bottom:1px solid #d8d8d8;}
.mainBoard li a {display:block; position:relative; padding-left:7.41em; padding-right:2.35em; color:#222;}
.mainBoard .subj {display:block; font-size:1.17em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:.7em; line-height:1.3em;}
.mainBoard .subj i {display:inline-block; height:1.73em; vertical-align:bottom; line-height:1.73em; font-size:.7em; padding:0 .5rem; background:#6b4d36; border-radius:.5rem; color:#fff; margin-right:.5rem;}
.mainBoard .con {display:block; position:relative; color:#666; line-height:1.4; height:2.8em; overflow:hidden; font-weight:400;}
.mainBoard .date {display:block; position:absolute; font-size:1em; left:1.76em; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-top:3em; font-family:'Arita-buri-SemiBold';}
.mainBoard .date i {display:inline-block; position:relative; width:.5rem; height:1em; overflow:hidden; text-indent:-999px; vertical-align:bottom;}
.mainBoard .date i:before {content:"."; display:block; position:absolute; top:0; left:0; bottom:0; right:0; text-indent:0;}
.mainBoard .date .d {display:block; position:absolute; top:0; left:0; right:0; font-size:2.94em; text-align:center;}
.mainBoard .date .m ~ i {display:none;}
.mainBoard li a:after {content:""; display:block; position:absolute; width:1rem; height:1.7rem; right:1.8rem; top:50%; margin-top:-.85rem; background:url(../img/main/spr_main.png) no-repeat -8.4rem 0rem; background-size:30rem; transform:translateX(-100%); -webkit-transform:translateX(-100%); opacity:0; transition:.3s all; -webkit-transition:.3s all;}
.mainBoard li a:hover:after {opacity:1; transform:translateX(0); -webkit-transform:translateX(0);}
.mainBoard li a:hover .date {border-bottom:1px solid #222;}


.mainQuick {padding:2.3rem 0; overflow:hidden;}
.mainQuick:after {content:""; display:block; clear:both;}
.mainQuick ul {margin:0 -.7rem;}
.mainQuick li {display:block; position:relative; width:50%; float:left; padding:.7rem; box-sizing:border-box;}
.mainQuick a {display:block; position:relative; padding-left:26%; text-align:center; background:#fff; border:1px solid #e6e6e6; color:#222222;}
.mainQuick a strong {display:block; position:relative; margin-left:2.2rem; padding:0 2.5rem; font-size:1.8rem; height:7.6rem; line-height:7.6rem; overflow:hidden; text-overflow:ellipsis;}
.mainQuick a:hover {color:#fff; background:#022e4e;}
.mainQuick a .ico {display:block; position:absolute; left:26%; top:50%; width:4.5rem; height:4.5rem; margin-top:-2.25rem; background:url(../img/main/spr_quick.png) no-repeat left 50% top .7rem; background-size:3.6rem;}
.mainQuick a:hover .ico {background-image:url(../img/main/spr_quick_on.png);}
.mainQuick a .ico.ty1 {background-position:left 50% top .7rem;}
.mainQuick a .ico.ty2 {background-position:left 50% top -8.5rem;}
.mainQuick a .ico.ty3 {background-position:left 50% top -17.4rem;}
.mainQuick a .ico.ty4 {background-position:left 50% top -26.6rem;}

.mainPopup {position:relative; }
.mainPopup .tit {display:block; position:relative; height:3.21em; font-family:'Arita-buri-SemiBold'; line-height:3.21em; font-size:1.647em; color:#222222;}
.mainPopup .control {display:block; position:absolute; top:1.76em; right:0;}
.mainPopup .control button {display:inline-block; position:relative; vertical-align:middle; width:3rem; height:3rem; text-indent:-999px; overflow:hidden;}
.mainPopup .control button.play {display:none;}
.mainPopup .control button:before {content:""; display:block; position:absolute; width:1.2rem; height:1.7rem; top:50%; left:50%; margin:-.85rem 0 0 -.6rem; background:url(../img/main/spr_main.png) no-repeat -2.8rem 0rem; background-size:30rem;}
.mainPopup .control button.stop:before {background-position:-5.6rem 0;}
.mainPopup .control button.play:before {background-position:-12.3rem 0;}
.mainPopup .control button.next:before {background-position:-8.3rem 0;}
.mainPopup .swiper-slide {height:31.7rem; overflow:hidden;}
.mainPopup .swiper-slide a {display:block;}
.mainPopup .swiper-slide img {display:block;}

.mainPopup .slider .swiper-slide {background:url(/common/img/board/sample_noimage.jpg) no-repeat 50% 50% #edf1fa;}
.mainPopup .slider .swiper-slide img[src*="noimage"] {opacity:0;}


@media all and (max-width:1024px) {
	.boardWrap {font-size:1.6rem; padding:2em 2rem 0;}
	.boardWrap:after {display:none;}

	.mainBoard,
	.mainQuick,
	.mainPopup {width:auto; float:none;}
	.mainQuick,
	.mainPopup {background:#f5f3ee; margin-left:-2rem; margin-right:-2rem; padding-left:2rem; padding-right:2rem;}
	.mainBoard {margin-bottom:2em;}

	.mainQuick ul {margin:0 -.41em;}
	.mainQuick li {width:25%; padding:.41em;}
	.mainQuick a {padding:2em 1em;}
	.mainQuick a .ico {display:inline-block; left:auto; top:auto; margin:0; position:relative; vertical-align:middle;}
	.mainQuick a strong {margin:0; padding:0; font-size:1.058em; height:auto; line-height:1.2; margin-top:.5em; word-break:keep-all;}

	.mainPopup {padding-bottom:3em;}
	.mainPopup .swiper-slide {height:auto;}
}
@media all and (max-width:789px) {
	.boardWrap {font-size:1.5rem;}
}
@media all and (max-width:640px) {
	.boardWrap {font-size:1.4rem;}

	.mainQuick li {width:50%;}

}
@media all and (max-width:480px) {
	.boardWrap {font-size:1.3rem;}

}
@media all and (max-width:380px) {
	.boardWrap {font-size:1.2rem;}

}

/**********************************
	Story
**********************************/

.storyWrap {display:block; position:relative; max-width:1780px; margin:0 auto; padding:4.94em 2rem 4.117em; margin-bottom:4.705em; background:url(../img/main/bak_story.jpg) no-repeat 50% 50%; background-size:cover; z-index:0; font-size:1.7rem;}
.storyWrap:before {content:""; display:block; position:absolute; top:4.94em; left:0; right:50%; bottom:0; margin-right:20.58em; background:url(../img/main/bak_story_title.png) no-repeat 0% 50%; background-size:cover;}

.storyWrap .scrollbar-rail > .scroll-content.scroll-scrollx_visible {top:0 !important;}
.storyWrap .scrollbar-rail > .scroll-element.scroll-x {height:6px; border-radius:9em; overflow:hidden; box-sizing:border-box;}
.storyWrap .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {height:100%; left:0; right:0;}
.storyWrap .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {top:0; left:0; background:#ffffff !important; opacity:1 !important; height:100%;}
.storyWrap .scrollbar-rail > .scroll-element.scroll-x .scroll-bar {height:100%; top:0; background:#af8d5d;}

.mainStory {position:relative;}
.mainStory:after {content:""; display:block; clear:both;}
.mainStory .tit {display:block; position:relative; width:26rem; float:left; padding:4.7em 0 1.41em;}
.mainStory .tit > * {display:block; position:relative; color:#fff; font-family:'Arita-buri-SemiBold';}
.mainStory .tit span {opacity:.5; font-size:.94em; margin-bottom:1rem;}
.mainStory .tit strong {font-size:3.058em; line-height:1.3;}

.mainStory .tab-group {display:block; width:98.5rem; float:right;}

.mainStory .tabs {display:block; position:absolute; left:0; bottom:2.35em; width:26rem;}
.mainStory .tabs li {display:block; margin-top:.76em; position:relative; overflow:hidden;}
.mainStory .tabs li .item {display:block; position:relative; overflow:hidden;}
.mainStory .tabs li .tab-item {display:block; position:relative; width:100%; height:3.11em; padding-left:1.83em; opacity:.5; text-align:left; color:#fff; font-size:1.058em; transition:.3s all; -webkit-transition:.3s all; z-index:0; box-sizing:border-box;}
.mainStory .tabs li .tab-item:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #fff; transition:.3s all; -webkit-transition:.3s all;}
.mainStory .tabs li a.tab-item {line-height:3.11em;}
.mainStory .tabs li .more {display:block; position:absolute; top:0; right:0; bottom:0; width:3.11em; overflow:hidden; background:#ae8d5d; text-indent:-999px; transform:translateX(100%); -webkit-transform:translateX(100%); z-index:1;  transition:.3s all; -webkit-transition:.3s all;}
.mainStory .tabs li .more:before {content:""; display:block; position:absolute; top:50%; left:50%; margin:-.95rem 0 0 -.95rem; width:1.9rem; height:1.9rem; background:url(../img/main/spr_main.png) no-repeat -7.1rem -5.3rem; background-size:30rem;}
.mainStory .tabs li.tab-active .tab-item,
.mainStory .tabs li .tab-item:hover,
.mainStory .tabs li .tab-item:focus {opacity:1; background:#4a2a11;}
.mainStory .tabs li.tab-active .tab-item:before,
.mainStory .tabs li .tab-item:hover:before,
.mainStory .tabs li .tab-item:focus:before {opacity:0;}
.mainStory .tabs li.tab-active .tab-item{padding-right:3.11em;}
.mainStory .tabs li .more:focus,
.mainStory .tabs li.tab-active .more {transform:translateX(0); -webkit-transform:translateX(0);}

.mainStory .story-list {min-height:65.7rem;}
.mainStory .story-list ul {white-space:nowrap;}
.mainStory .story-list ul li {display:inline-block; vertical-align:top; width:17.64em; padding-bottom:7.058em; white-space:normal;}
.mainStory .story-list ul li + li {margin-left:2.23em;}
.mainStory .story-list .control span {display:block; text-align:center; padding:1em 0 0; color:#fff; font-family:'Arita-buri-SemiBold'; opacity:.5;}
.mainStory .story-list .more {display:none;}

.edu-item {display:block; position:relative; margin:1.17em auto 0; height:25.41em; border-radius:1rem; background:#fff; border:1px solid #fff; overflow:hidden; transition:.3s all; -webkit-transition:.3s all;
	-webkit-box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
	-moz-box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
	box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
}
.edu-item .thumb {display:block; position:relative; padding:1.41em 0; background:#f5f3ee;}
.edu-item .thumb em {display:block; position:relative; width:10em; height:10em; border-radius:100%; overflow:hidden; margin:0 auto; background:#000;}
.edu-item .thumb em img {display:block; position:absolute; min-width:100%; min-height:100%; max-width:500%; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); opacity:.7; transition:.3s all; -webkit-transition:.3s all;}
.edu-item .thumb .state {display:table; position:absolute; width:3.88em; height:3.88em; top:1.176em; left:50%; margin-left:2.58em; background:#ae8d5d; border-radius:100%; overflow:hidden;}
.edu-item .thumb .state > * {display:table-cell; vertical-align:middle; text-align:center; word-break:keep-all; padding:0 .66em; color:#fff; font-size:.88em; font-weight:400; line-height:1.3;}
.edu-item .info {display:block; position:relative; padding:1.47em 1.764em;}
.edu-item .info strong {display:block; position:relative; margin-bottom:1.11em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.058em; font-weight:600; color:#6a4c36;}
.edu-item .info dl {display:table; width:100%; table-layout:fixed; margin-top:.66em; font-size:.88em; color:#666; letter-spacing:-0.05em;}
.edu-item .info dl > * {display:table-cell; vertical-align:middle;}
.edu-item .info dl dt {width:4.33em; font-weight:600;}
.edu-item .info dl dt:before {content:""; display:inline-block; vertical-align:middle; width:2rem; height:2rem; margin-right:.5rem; background:url(../img/main/spr_main.png) no-repeat 0rem -10rem; background-size:30rem;}
.edu-item .info dl.ty2 dt:before {background-position:0 -13.3rem;}
.edu-item .info dl.ty3 dt:before {background-position:0 -16.5rem;}
.edu-item .info dl.ty4 dt:before {background-position:0 -19.8rem;}
.edu-item .info dl dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.edu-item:hover,
.edu-item:focus {transform:translateY(6.5%); -webkit-transform:translateY(6.5%);}
.edu-item:hover .thumb em img,
.edu-item:focus .thumb em img {opacity:1;}
.edu-item[data-state="접수 마감"] .thumb .state,
.edu-item[data-state="접수마감"] .thumb .state {background:#012d4d;}
.edu-item[data-state="접수 마감"] .info strong,
.edu-item[data-state="접수마감"] .info strong {color:#222222;}

.ex-item {display:block; position:relative; margin:1.17em auto 0; height:25.41em; border-radius:1rem; background:#fff; border:1px solid #fff; overflow:hidden; transition:.3s all; -webkit-transition:.3s all;
	-webkit-box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
	-moz-box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
	box-shadow: .588em .588em .588em 0px rgba(0,0,0,0.4);
}
.ex-item .thumb {display:block; position:relative; height:100%; height:100%; z-index:0;}
.ex-item .thumb em {display:block; position:relative; width:100%; height:100%; overflow:hidden; margin:0 auto; background:url(../img/common/noimage.png) no-repeat 50% 50% #f5f3ee; background-size:auto 4.7058em;}
.ex-item .thumb em img {display:block; position:absolute; min-width:100%; min-height:100%; max-width:100%; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); opacity:.7; transition:.3s all; -webkit-transition:.3s all;}
.ex-item .thumb .state {display:table; position:absolute; width:3.88em; height:3.88em; top:1.176em; left:50%; margin-left:2.588em; background:#ae8d5d; border-radius:100%; overflow:hidden;}
.ex-item .thumb .state > * {display:table-cell; vertical-align:middle; text-align:center; word-break:keep-all; padding:0 .66em; color:#fff; font-size:.88em; font-weight:400; line-height:1.3;}
.ex-item .info {display:block; position:absolute; left:0; right:0; bottom:0; background:#fff; padding:1.11em 1.388rem; z-index:1; transform:translateY(100%); -webkit-transform:translateY(100%); transition:.3s all; -webkit-transition:.3s all; line-height:1.3; font-size:1.058em; color:#4a2a11; font-weight:600;}
.ex-item:hover,
.ex-item:focus {transform:translateY(6.5%); -webkit-transform:translateY(6.5%);}
.ex-item:hover .info,
.ex-item:focus .info {transform:translateY(0); -webkit-transform:translateY(0);}

.ex-item[data-state="전시 중"] .thumb .state,
.ex-item[data-state="전시중"] .thumb .state {background:#4a2a11;}
.ex-item[data-state="종료"] .thumb .state,
.ex-item[data-state="종료"] .thumb .state {background:#012d4d;}



@media all and (max-width:1024px) {
	.storyWrap {font-size:1.6rem;}
	.storyWrap:before {top:0; margin-right:0; margin-left:-20em; left:50%; right:1.5rem; bottom:auto; height:17em; width:40em;}

	.mainStory .tit {width:auto; float:none; padding:0; text-align:center;}
	.mainStory .tit br {display:none !important;}
	.mainStory .tab-group {width:auto; float:none;}
	.mainStory .tabs {position:relative; bottom:auto; right:auto; top:0; left:auto; width:auto; max-width:35em; margin:1em auto 2em;}
	.mainStory .tabs li {width:33.33%; float:left; margin:0 !important; padding:.3em; box-sizing:border-box;}
	.mainStory .tabs:after {content:""; display:block; clear:both;}
	.mainStory .tabs li.tab-active .tab-item {padding-left:1em;}
	.mainStory .story-list {min-height:0;}
	.mainStory .story-list ul li {padding-bottom:2.35em;}
	.mainStory .story-list ul li + li {margin-left:1.5em;}
}
@media all and (max-width:789px) {
	.storyWrap {font-size:1.5rem;}
}
@media all and (max-width:640px) {
	.storyWrap {font-size:1.4rem;}

	.storyWrap:before {left:0; right:0; margin:0; width:auto;}
	.mainStory .tabs li .tab-item,
	.mainStory .tabs li.tab-active .tab-item {padding:0; text-align:center;}
	.mainStory .tabs li .more:focus,
	.mainStory .tabs li.tab-active .more {display:none;}

	.mainStory .story-list .more {display:block; position:relative; margin:2em auto 0; width:17em; max-width:100%; padding:1.5em; font-size:1.1em; text-align:center; border:1px solid #fff; color:#fff; opacity:.8; transition:.3s all; -webkit-transition:.3s all;}
	.mainStory .story-list .more:hover,
	.mainStory .story-list .more:focus {opacity:1; border-color:#4a2a11; background:#4a2a11;}

}
@media all and (max-width:480px) {
	.storyWrap {font-size:1.3rem;}

}
@media all and (max-width:380px) {
	.storyWrap {font-size:1.2rem;}
	.mainStory .tit {margin:0 -2rem;}
	.mainStory .tabs li {padding:.1em;}
}