.storyVisualWrap {/* padding:0; */}
.storyVisualWrap .storyVisual {}
.storyVisualWrap .breadcrumbs {position: absolute;top: 15px;right: 0;z-index: 1;width: 100%;max-width: 100%;}
.storyVisualWrap .breadcrumbs ol {max-width: 1280px;margin: 0 auto;float: none;text-align: right;}
.storyVisualWrap .breadcrumbs ol li {display: inline-block;text-align: right;float: none;}
.storyVisualWrap .breadcrumbs ol li span {color: #fff;opacity: .7;}
.storyVisualWrap .breadcrumbs ol li.current span{color: #fff;opacity: 1;}
.storyVisualWrap .breadcrumbs + .title-area {}
.storyVisualWrap .title-area .page-title{/* color: #fff; */}
.storyVisualWrap .title-area.rwd {/* position: absolute; *//* z-index: -1; *//* top: -9999px; *//* left: -9999px; */}
.storyVisual{padding: 1em 0 14em;background:url(../image/bg/bg_story.jpg) no-repeat top center;background-size: cover;}
.storyVisual > .cont-head > .main-sub-title {color:#fff;}.storyVisual .cont_youtube{position: relative;max-width:835px;height:0;margin: 5em auto;padding-bottom: 25.25%;}
.storyVisual .cont_youtube iframe{position: absolute; width:100%; height:100%;}
.storyVisual .contextBox{position:relative;max-width: 835px;margin:0 auto;padding: 7rem 0;color:#fff;font-size:10px;text-align: center;}
.storyVisual .contextBox:before{content:"";position:absolute;top:0;left: 0;display:block;width:44px;height:34px;background:url(../image/bg/bg_story_p.png) no-repeat top left;}
.storyVisual .contextBox:after{content:"";position:absolute;bottom:0;right: 0;display:block;width:44px;height:34px;background:url(../image/bg/bg_story_p.png) no-repeat top left;transform: rotate(180deg);}
.storyVisual .contextBox .main-title{font-size:5em; font-style: italic;font-family:'lato','Noto Sans KR',sans-serif; display:inline-block; letter-spacing: 0;}
.storyVisual .contextBox .sub-title{margin-top:1em;font-size:2.3em;line-height:1.5em; font-weight:normal; color:#fff; font-family:'lato','Noto Sans KR',sans-serif;letter-spacing: -2px;}
.storyVisual .contextBox .sub-title span{display:block;}

.cont_tit{position:relative; max-width:1280px; margin:0 auto 2.3%;padding-top: 7rem; font-size:18px;text-align: center}
.cont_tit .main-title{font-size:3.000em; font-weight:normal; color:#333; font-family:'lato','Noto Sans KR',sans-serif; display:inline-block; vertical-align:middle;}
.cont_tit .sub-title{margin-top:1.5em;font-size:1.333em; font-weight:normal; color:#333; font-family:'lato','Noto Sans KR',sans-serif;}
.cont-head{position:relative; max-width:1280px; margin:0 auto 2.3%;padding-top: 7rem; font-size:18px;}
.cont-head .main-sub-title{font-size:2.000em; font-weight:normal; color:#333; font-family:'lato','Noto Sans KR',sans-serif; display:inline-block; vertical-align:middle;}
.cont-head .main-sub-title + .btn-more{vertical-align:middle; margin-top:3px; margin-left:16px}
.cont-head .slide-desc{margin-top:0.5em;font-size:1.333em; font-weight:normal; color:#333; font-family:'lato','Noto Sans KR',sans-serif;}

.story_subMain {max-width: 1920px;margin-left: auto;margin-right: auto;}
.storySlideYoutube {}
.storySlideYoutube .slick-slide {padding: 0 10px;box-sizing:border-box;}
.storySlideYoutube .slick-slide .list {position: relative;}
.storySlideYoutube .slick-slide .list .img img {width: 100%;}
.storySlideYoutube .slick-slide .list .desc {width: 100%; max-width: 390px; padding-top:20px; line-height: normal; min-height:auto;}
.storySlideYoutube .slick-slide .list .desc .tit {font-size: 22px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-bottom:3px;}
.storySlideYoutube .slick-slide .list .desc .subTxt {}
.storySlideYoutube .slick-slide .list .desc dd {font-size: 14px; color: #666;}
.storySlideYoutube .slick-slide .list .desc dd > .btn{text-align: left; margin-top: 20px;}
.storySlideYoutube .slick-slide .list .desc .date {margin-top: 7px;}

.storySlideYoutube .slick-arrow{margin-top:-40px; position:absolute; top:50%; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; background:#fff; z-index:10; width:40px; height:40px; border:1px solid #333; border-radius:50%; text-align:center;}
.storySlideYoutube .slick-arrow.slick-prev{left:-90px}
.storySlideYoutube .slick-arrow.slick-prev:before,
.storySlideYoutube .slick-arrow.slick-next:before{position:absolute; top:13px; display:inline-block;vertical-align:middle;width:11px;height:11px;content: '';border: solid #333;border-width: 0 1px 1px 0;}
.storySlideYoutube .slick-arrow.slick-prev:before{left:15px; transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.storySlideYoutube .slick-arrow.slick-next{right:-90px;}
.storySlideYoutube .slick-arrow.slick-next:before{right:15px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.storyVisualWrap .slide-paging.number {text-align: center;display: none;}
.slide-paging.number .page-num {display: inline-block;padding: 0 30px;line-height: 24px;}
.slide-paging.number .page-num span {font-size: 14px;font-family: 'Lato',sans-serif;font-weight: normal;color: #999;}
.slide-paging.number .page-num .num {color: #333;}

@media screen and (max-width:1480px){
	.storySlideYoutube .slick-arrow.slick-prev{left:-60px}
	.storySlideYoutube .slick-arrow.slick-next{right:-60px}

	.storyVisual .cont_youtube{padding-bottom: 28.25%;}
}
@media screen and (max-width: 1420px){
	.storySlideYoutube .slick-arrow.slick-prev{left:-20px}
	.storySlideYoutube .slick-arrow.slick-next{right:-20px}
}
@media screen and (max-width:1360px){
	.storySlideYoutube .slick-arrow{opacity:.6;}
	.storySlideYoutube .slick-arrow.slick-prev{left:2rem}
	.storySlideYoutube .slick-arrow.slick-next{right:2rem}

	.storyVisual .cont_youtube{padding-bottom: 29.25%;}
}
@media screen and (max-width: 1280px){
	.storyVisual .cont_youtube{padding-bottom: 36.25%;}
}
@media screen and (max-width: 1024px){
	.storyVisual .cont_youtube{padding-bottom: 44.25%;}
}
@media screen and (max-width: 768px){
	.storyVisual {padding: 1em 0 3em;}
	.storyVisual .title-area{display:block;}
	.storyVisual > .cont-head {margin: 0 0 1em;padding-top: 2em;font-size:10px;empty-cells: border-box;}
	.storyVisual > .cont-head > .main-sub-title{font-size: 2em;padding-inline-start: 1em;}
	.storyVisual .contextBox{margin: 0 2em;padding: 4rem 0;}
	.storyVisual .contextBox .main-title{font-size: 2.4em;}
	.storyVisual .contextBox .sub-title{font-size: 1.4em;}
	.storyVisual .contextBox:before{left: 0;height: 16px;background-size: auto 100%;}
	.storyVisual .contextBox:after{right: 0;height: 16px;background-size: auto 100%;}
	.storyVisual .cont_youtube{margin: 0 2em 2em;}
	.content-wrap.storyVisualWrap {padding: 0 0 4em;}
	.cont_tit .main-title {font-size: 3.2rem;letter-spacing: 0;}
	.cont_tit .sub-title {line-height: 1.4em;}
	.youtube-wrap .cont-head {margin: 2em 1em 1em 0;padding: 0;}
	.cont-head .main-sub-title {font-size: 2.2rem;}
	.cont-head .main-sub-title + .btn-more{width:26px; height:26px; min-width:26px; margin-top:0; padding:0;}
    .cont-head .main-sub-title + .btn-more.ico-plus:before{width:13px; top:12px; left:6px;}
    .cont-head .main-sub-title + .btn-more.ico-plus:after{height:13px; top:6px; left:12px;}
	.cont-head .slide-desc {font-size:0.9em; line-height: 1.2em;}

	.storySlideYoutube .slick-slide {padding: 0;}
	.storySlideYoutube .slick-slide .list .desc {max-width: 100%;padding-top: 16px;}
	.storySlideYoutube .slick-slide .list .desc .tit {margin-bottom: 6px;font-size: 20px;}
	.storySlideYoutube .slick-slide .list .desc dd {font-size: 12px;}
	.storySlideYoutube .slick-slide .list .desc .date {margin-top: 0px;}
	.storyVisualWrap .slide-paging.number {display: block;margin: 3rem 0 0;text-align: center;width: 100%;}
}