@font-face {
  font-family: 'SavetheChildren';
  font-weight: 300;
  font-style: normal;
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.eot');
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.woff2') format('woff2'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.woff') format('woff'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.ttf') format('truetype'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.svg#SavetheChildrenL') format('svg'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenL.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'SavetheChildren';
  font-weight: 400;
  font-style: normal;
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.eot');
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.woff2') format('woff2'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.woff') format('woff'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.ttf') format('truetype'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.svg#SavetheChildrenM') format('svg'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenM.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'SavetheChildren';
  font-weight: 600;
  font-style: normal;
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.eot');
  src: url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.woff2') format('woff2'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.woff') format('woff'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.ttf') format('truetype'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.svg#SavetheChildrenB') format('svg'),
       url('/webPub/sc_2018/100th/fonts/SavetheChildrenB.eot?#iefix') format('embedded-opentype');
}

/*
    Main Header
*/
#m-header{
    position: absolute;
	z-index:10;
	height:56px;
	width:100%;
    background:#fff;
 /*   box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5); */
}
.m-logo{
    position: relative;
  width:100%;text-align:center;
  padding-top:11px;
}
.m-logo a{
    display: inline-block;
    width: 183px;
	height: 41px;
  text-align:center;
    background: url('/webPub/sc_2018_mobile/images/main/main-logo-100.png') no-repeat left center / 183px auto;
}
.m-logo a span{
    display: block;
    height: 55px;
    text-indent: -9999px;
    white-space: nowrap;
}

/* ---- menu ---- */
.gnb-m {position:absolute;top:0;right:0;height:56px;}
.gnb-m a { display:block; height:56px;width:56px;}
.gnb-m a { background:url('/webPub/sc_2018_mobile/images/main/main_menu_new.png') no-repeat center / 56px auto; }

/* ---- Main Visual ---- */

body {overflow-x:hidden;height:100%;}
html {height:100%; }
body,html { box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit; }

.m-visual { position:relative; z-index:1; height:100%; width:100%;padding-top:57px;  }
.visual-box { height:100%; top:0; position:relative; width:100%; left:0;}
/*
.mv { overflow: hidden; height:100%; position:relative; z-index;1; width:100%; left:0; }
*/
/*
.mv p { position:absolute; bottom:26.6%; left:5%; text-align:left; z-index:3; }
.mv p span {
	background:#fff; font-size:25px; color:#333; padding:8px 12px; display:inline-block;
	font-weight:600;	font-family: 'SavetheChildren' !important; border-radius:5px;
}
.mv p span.br-1 { border-radius:4px 4px 4px 0; padding:8px 12px 4px;}
.mv p span.br-2 { border-radius:0; padding:0 12px; }
.mv p span.br-3 { border-radius:0 4px 4px 4px; padding:4px 12px 6px;}
.mv p span.br-4 { border-radius:4px 4px 4px 4px; }
.mv p span.br-b1 { padding:8px 12px 0;}
.mv p span.br-b2 { padding:2px 12px 4px;}

.mv p span.br-5 { border-radius:4px 4px 4px 4px; padding:8px 12px 8px;} 

*/
/* 박스하나일때 br-5 클래스 사용 */
/*
.mv a.btn-more {
	border:1px solid #fff; border-radius:4px; background:rgba(0,0,0,0.5); display:inline-block;
	padding:8px 20px; color:#fff; font-size:15px; font-family:'Nanum Barun Gothic';
	position:absolute; bottom:16.3%; left:5%; z-index:9999;
}
*/
/*
.mvi1 { width:100%; height:100%; }
.mvi1 img { width:100%; height:100%; position:absolute; left:0; right:0; top:0; z-index:1; }
*/
.mv1 { background-position: center; background-size: cover; height:100%; transition:all 0.5s ease; }
.mv2 { background-position: center; background-size: cover; height:100%; transition:all 0.5s ease; }
.mv3 { background-position: center; background-size: cover; transition:all 0.5s ease; }
.mv4 { background-position: center; background-size: cover; height:100%; transition:all 0.5s ease; }
.mv5 { background-position: center; background-size: cover; height:100%; transition:all 0.5s ease; }

.black-op20 { background:rgba(0,0,0,0.2); width:100%; height:100%;
	position:absolute; left:0; top:0; z-index:2; display:block;
}

.gray-shadow {
	position:absolute; left:0; bottom:0; width:100%; height:156px; z-index:4;
/*	background:url('/webPub/sc_2018_mobile/images/main/gray-shadow.png') no-repeat center bottom / 100% contain; */

	background:url('/webPub/sc_2018_mobile/images/main/gray-shadow3.png') repeat-x left bottom / 100% 156px ; 

/*
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)) );
	background-image: -o-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)) );
	background-image: -moz-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)) );
	background-image: -ms-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)) );
	background-image: gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)) );
*/
}

.mv2-img { width:90%; margin:0 auto; position:relative; top:15.5%; height:35%; left:0; display:block;
    background-position: center; background-size: cover; z-index:10;
}

.mv3-img { width:90%; margin:0 auto; position:relative; top:15.5%; height:35%; left:0; display:block;
	background-position: center; background-size: cover; z-index:10;
}

.mv4-img { width:90%; margin:0 auto; position:relative; top:15.5%; height:35%; left:0; display:block;
	background:url('/webPub/sc_2018_mobile/images/main/mv3-img.jpg') no-repeat center; background-size:100%; z-index:10;
}


/* blur background image */
.blur { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.05); background-position: center; background-size: cover; filter: blur(5px); z-index: 1; }

/* 영상 재생 영역 */
.play-area { position: relative; }
.play-area button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 25px; height: 25px; background: url('/webPub/sc_2018_mobile/images/main/play_media.png') no-repeat center / auto 25px;}



.no-line { top:50%; margin-top:-25%; }
.one-line {  top:20%; }
.two-line {  top:17%; }
.three-line {  top:14.2%; }



/*
.start-stop { position:absolute; left:66%; bottom:33px; z-index:99999; width:60px;}
.start-stop a { margin-right:6px; height:20px; width:20px; display:block; float:left; z-index:20; cursor:pointer;  text-indent:-9999px;}
.a-start {
	background:url('/webPub/sc_2018_mobile/images/main/mv-play.png') no-repeat center; background-size:100%; display:none;
}
.a-stop {
	background:url('/webPub/sc_2018_mobile/images/main/mv-stop.png') no-repeat center; background-size:100%;
}
*/

.swp-box {
	position:relative; bottom:60px; width:100%; height:50px;
	z-index:9999; text-align:center; padding-left:8.2%;
}
.swp-box * { display:inline-block; }
.swp-box .swiper-pagination { text-align:center; position:relative;  top:-4px;}
.swp-box .swiper-pagination > * { margin-right:5px !important;   }
.swp-box .sw-stop { display:inline-block; width:20px; margin-left:4px; }

.sw-stop a { color:#fff; font-size:15px; display:inline-block; cursor:pointer;}

.a-stop {
	width:20px; height:20px;
	background:url('/webPub/sc_2018_mobile/images/main/mv-stop.png') no-repeat center; background-size:100%;
}
.a-start {
	width:20px; height:20px;
	background:url('/webPub/sc_2018_mobile/images/main/mv-play.png') no-repeat center; background-size:100%;
}

.scroll {
	position:absolute; left:50%; bottom:2.5%; width:20px; height:21px;
	background:url('/webPub/sc_2018_mobile/images/main//ico-scroll.png') no-repeat center / 100% ;
	display:block; margin-left:-10px; z-index:20; cursor:pointer; z-index:999;
}


/* Visual Scroll */
.visual-scroll{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 45px;
    text-align: center;
    z-index: 9999;
}
.visual-scroll i{
    display: inline-block;
    width: 14px;
    height: 14px;
    animation: scroll 1s ease infinite;
}
.visual-scroll span{
    display: block;
    margin-top: 5px;
    width: 15px;
    height: 4px;
}
[data-scr="1"]{background: url('/webPub/sc_2018_mobile/images/main/scroll_1.png'); background-size:100%;}
[data-scr="2"]{background: url('/webPub/sc_2018_mobile/images/main/scroll_2.png'); background-size:100%;}
[data-scr="3"]{background: url('/webPub/sc_2018_mobile/images/main/scroll_3.png'); background-size:100%;}


/* ---- Main Contents ---- */

.box-m0 {
	padding-top: 25px;
	padding-bottom: 15px;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

.box-m1 {
	padding-top: 20px;
	padding-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

.box-m2 {
    background: #fff;
    border-bottom: 1px solid #dddddd;
}

.box-m3 {
	padding-top: 5px;
	padding-bottom: 14px;
    background: #eee;
}

.box-m4 {
	padding-top: 25px;
	padding-bottom: 10px;
    background: #fff;
    border-bottom: 1px solid #dddddd;
}


.section-p1 { font-size:17px; line-height:23px; text-align:center; color:#333; font-weight:bold; padding:0 0 19px;  }

.mt-h2 { padding:15px 0 11px; font-size:24px; color:#333; text-align:center; font-weight:700; }
.camp-ul { }
.camp-ul li { margin-bottom:40px; text-align:center; }
.camp-ul li:nth-child(2) { margin-bottom:35px; }
.camp-ul li img { width:100%; max-width:580px; display:inline-block; }
.camp-ul li p { padding:9px 0 0; line-height:21px; font-weight:700; color:#333; font-size:16px; text-align:left; }

/* 대표이미지 영역 */
.camp-ul li a { display: block; }
.camp-ul li .image-wrap { display: block; overflow: hidden; position: relative; width: 100%; height: 175px; }
.camp-ul li .image-wrap img { position: absolute; top: 50%; left: 0; width: 100%; height: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.more-area-one { text-align:center; border-top:1px solid #e5e5e5; }
.more-area-two { text-align:center; }
a.btn-more { display:inline-block; padding-right:15px;}

.camp-dl { padding:23px 14px; }
.camp-dl dt { font-weight:700; line-height:20px; font-size:16px; text-align:left; color:#333;}
.camp-dl dd { font-weight:500; line-height:18px; font-size:14px; padding-top:10px; text-align:left; font-family: 'Nanum Barun Gothic';color:#555; }
.camp-dl1 { background:#fff; color:#333;  transition:all 0.5s ease;}
.camp-dl1 dd { font-family: 'Nanum Barun Gothic';color:#555;  transition:all 0.5s ease;}
.camp-dl2 { background:#fff; padding-bottom:25px; color:#333;  transition:all 0.5s ease;}
.camp-dl2 dd { font-family: 'Nanum Barun Gothic';color:#555;  transition:all 0.5s ease;}

.story-ul li { text-align:center; }
.story-ul li a img {
	width:100%; max-width:640px; display:block; margin:0 auto; transition:all 0.5s ease;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray; /*  IE6-9  */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.story-ul li a img.active {
	filter: none;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
}
.story-ul li a { background:#fff; }

.camp-dl1 dt.active { color:#fff}
.camp-dl1 dd.active { color:#fff; opacity:0.6;}
.camp-dl2 dt.active { color:#fff}
.camp-dl2 dd.active { color:#fff; opacity:0.6;}
.camp-dl1.active { background:#61564b;}
.camp-dl2.active { background:#ce4337;}


.mid-banner { display:block; text-align:center; }
.mid-banner img { width:100%;max-width:640px; display:block; text-align:center;}
.banner_trans {width:100%;height:113px;background:url('/webPub/sc_2018_mobile/images/main/banner_trans_defalut.jpg') no-repeat left top;
background-size:100% auto;}

.mt-h3 { padding:10px 0 10px; font-size:17px; color:#333; text-align:left; font-weight:700; }
.mt-h4 { padding:10px 0 5px; font-size:17px; color:#333; text-align:left; font-weight:700; }
a.btn-recent-more { position:absolute; right:15px; top:9px; width:22px; height:22px; border:1px solid #ccc;
background:url('/webPub/sc_2018_mobile/images/main/ico-more.png') no-repeat center / 10px auto;
}
.pos-rel { position:relative; }


.recent-ul { border-top:2px solid #787878; padding-bottom:6px;}
.recent-ul li { display:block;  width:100%; padding:10px 0; border-top:1px solid #e5e5e5;}
.recent-ul li:after { content:""; display:block; clear:both; }
.recent-ul li:first-child {border-top:none;}
.recent-ul li a { display:flex; }
.recent-ul li a strong { width:20%; vertical-align:middle; position:relative;}
.recent-ul li a strong span {
  display:block;  vertical-align:middle; display:inline-block; border:1px solid #dddddd; font-size:13px; text-align:center; font-weight:normal; color:#666;
  padding:3px 0; width:100%; position:absolute; top:50%; left:0; height:24px; margin-top:-11px; font-family: 'Nanum Barun Gothic';
}

.recent-ul li a > span { width:80%; vertical-align:middle; color:#333; font-size:14px; padding:5px 0 6px 10px; line-height:16px; letter-spacing:-1px; font-family: 'Nanum Barun Gothic';}

.more-ul { padding:5px 0 0; }
.more-ul li { float:left; width:48%; margin-left:4%; background:#fff;}
.more-ul li:first-child { margin-left:0; }
.more-ul li a { display:block; text-align:center; width:100%; padding:23px 0 22px; border-bottom:1px solid #dddddd;}
.more-ul li a img { width:66px; height:59px;}
.more-ul li a span { display:block; font-size:14px; padding:4px 0 0; line-height:18px; font-family: 'Nanum Barun Gothic';}


.spon-wrap { padding:0 0 0; background:#fff url('/webPub/sc_2018_mobile/images/main/m-spon-bg.jpg') no-repeat center top / 100% 197px;  }
.spon-title { text-align:center; padding:34px 0 0; }
.spon-title span { font-size:19px; display:block; padding-bottom:4px; color:#fff; }
.spon-title strong { font-size:28px; display:block; color:#fff; letter-spacing:-0.5px; }
.spon-cont { padding:13px 0 10px 0;}

.vis-list { width:100%; margin:0 auto; }
.vis-list .vis { position: relative; z-index:1; width:100%; height:100%;}
.vis-list .vis img { width:100%; height:185px; }

.vis-list .v-div { position:absolute; text-align:center; width:100%; z-index:10; left:0; top:0; height:100%;}
.vis-list .v-div > div { display : flex;  align-items : center; width:100%; height:100%; text-align:center;}
.vis-list .v-div > div > dl { text-align:center;  width:100%;}
.vis-list .v-div > div > dl dt { text-align:center; font-size:17px; color: #fff; font-weight:bold; line-height:22px; }
.vis-list .v-div > div > dl dd { text-align:center; font-size:13px; color:#fff; line-height:17px; opacity:0.8; padding:6px 10px 0; font-family: 'Nanum Barun Gothic';}
.vis-list .v-div > div:last-child dl dt { padding:0 30px; line-height:22px;}
.last-more { width:25px; height:25px; display:inline-block; padding-top:8px; }
.last-more img { width:100%; }
.vis-list .v-last { background:rgba(82,68,55,0.8); height:97%; }

.shadow1 { background:rgba(55,54,48,0.6); position: relative; z-index: 2; width:100%; height:168px;  }
.s_over { position: absolute; width:100%; text-align: center; padding:50px 0 0; left: 0; top: 0; z-index: 999;}
.s_over > * { display: block;}
.s_over span { color: #fff; font-size:14px;}
.s_over strong { color: #fff; font-size:20px; font-weight:700; padding:2px 0 12px;}
.s_over a { display: inline-block; border-top:1px solid #9c9c9d; border-bottom:1px solid #9c9c9d; padding:6px 3px 4px; color: #fff; font-size:11px;}


/* main slide 2 */
.m-visual .swiper-container {
  width: 100%;
  height: 100%;
  padding:0 15px;
}
.m-visual .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 185px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* main slide 1 */
.m-visual .swiper-container-m {
  width: 100%;
  height: 100%;
  padding:0 0;
}

.m-visual .ssm {
	width: 100%;
}

/*
.wrap_guide_star {width:100%;height:135px;padding:47px 0 0;background:#db444a;box-sizing:border-box;background-size:100% auto;}
.wrap_guide_star .logo {float:left;}
.wrap_guide_star .txt {margin-top:11px;color:#fff;font-family:'SavetheChildren';font-size:19px;text-align:right;line-height:22px;}
*/


.wrap_bnr_sponsor {display:block;padding:17px 15px 24px;background:#fff;}
.bnr_sponsor {display:block;width:100%;height:383px;padding:32px 0 0 22px;
  background:url('/webPub/sc_2018_mobile/images/main/bnr_sponsor1.jpg') no-repeat left top;
background-size:100% auto;
}

.bnr_sponsor .txt1 {
  color:#fff;font-size:24px;font-weight:bold;line-height:28px;letter-spacing:-1.6px;
}

.bnr_sponsor .txt2 {
  margin-top:9px;color:#c8bdbd;font-size:15px;letter-spacing:-0.9px;
}

.btn_support {
  position:relative;
  width:169px;height:56px;margin:-28px auto 0; color:#fff;font-size:18px;font-weight:bold;border-bottom:1px solid #d5d4d4;
  line-height:56px;text-align:center;background:#db444a;
} 
.btn_support:before {
 position:absolute;top:24px;right:14px;
 display:block;content:"";width:6px;height:9px;
 background:url('/webPub/sc_2018_mobile/images/main/arrow_btn_support.png') no-repeat left top;
 background-size:6px 9px;
}
.btn_support:after {
 display:block;content:"";
 position:absolute;bottom:0;right:-20px;
 width:20px;height:22px;
 background:url('/webPub/sc_2018_mobile/images/main/shadow.png') no-repeat left top;
 background-size:20px 22px;
}

.more-nanum {text-align:center;}
.more-nanum .btn-nanum {display: inline-block;height:30px;padding-right:17px;color:#999;font-size:15px;font-weight:bold;vertical-align: middle;
  line-height:30px; 
  background: url(/webPub/sc_2018_mobile/images/main/arrow_btn_nanum.png) no-repeat right / 7px auto;}

body {overflow-x:hidden !important;width:100%;background:#ebebeb;}

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.camp-ul.new li {margin-bottom:11px;}
.camp-ul.new li .image-wrap {position:relative;height:281px;border: 1px solid #f5f5f5;}
.camp-ul.new li .image-wrap .mask {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.camp-ul.new li .image-wrap .txt {position:absolute;bottom:7px;left:0px;padding:0 35px 0 10px;color:#fff;font-size:16px;font-weight:bold;line-height:24px;}
.camptit1 {padding:13px 0 18px;font-size:20px;}

.wrap_nanum {margin-top:11px;padding-bottom:15px;border-bottom:0;}
.wrap_camp {overflow:hidden;margin-top:11px;padding-bottom:30px;background:#fff;}

.notice_sc {width:100%;height:450px;}
.notice_sc.notice1 {background:url('/webPub/sc_2018_mobile/images/main/notice_sc1.jpg') no-repeat left top;background-size:100% auto;}
.notice_sc.notice2 {background:url('/webPub/sc_2018_mobile/images/main/notice_sc2.jpg') no-repeat left top;background-size:100% auto;}
.notice_sc .tab {overflow:hidden;}
.notice_sc .tab li {float:left;width:50%;height:62px;color:#867c7e;font-size:19px;text-align:center;line-height:62px;background:rgba(0,0,0,0.6);font-weight:bold}
.notice_sc .tab li.on {color:#fff;background:rgba(219,163,108,0.6);}

.notice_sc .cont {padding:76px 0 0 16px;line-height:23px;}
.notice_sc .cont h2 {color:#fff;font-size:18px;font-weight:800;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.notice_sc .cont .list {margin-top:23px;color:#fff;font-size:16px;font-weight:bold;}
.notice_sc .cont .list li {display:table;color:#fff;width:100%;height:57px;font-weight:bold;letter-spacing:-1.1px;
 background:url('/webPub/sc_2018_mobile/images/main/line_notice.png') no-repeat left bottom;background-size:230px 1px;
}

.notice_sc .cont .list li a {display:table-cell;vertical-align:middle;color:#fff;}
.notice_sc .cont .list li .txt1 {font-size:12px;font-weight:bold;color:rgba(255,255,255,0.7);}
.notice_sc .cont .list li:last-child {background:none;}

.news .mt-h3 {padding:10px 0 18px;}
.news .recent-ul li a strong span {border:none;}
.news a.btn-recent-more {top:5px;width:27px;height:27px;background: url(/webPub/sc_2018_mobile/images/main/ico-more-arrow.png) no-repeat center / 6px auto;}


.news, .banner3 {margin-bottom:11px;}
.news .recent-ul {border-top:1px solid #787878;}

.tit_camp_swipe {position: absolute;z-index:100;top:34px;width:100%; font-size:20px;font-weight:bold;color:#333;text-align:center; }
.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 10vh auto 0 auto;
}

.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 800px) {
  .aos-item {
    width: 50%;
  }
}


#articles {
  display: inline-block;
  list-style: none;
  padding: 0;
  max-height: 0;
  position: relative;

  perspective: 1000px;
  perspective-origin: 50% -50%;


  transition: all 1s;
  vertical-align: middle;
}

#articles h2 {
  font-size: 1.25em;
  margin: 0;
  min-height: 100px;
}

#articles .date {
  color: #727991;
  font-size: 0.8em;
  margin-top: 0;
  text-transform: uppercase;
}

#articles li {
  border-radius: 0px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
  

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  -webkit-transition:opacity 0.5s, left 0.5s;
  transition:opacity 0.5s, left 0.5s;
  opacity: 1;

  z-index: -2;
}


#articles li.go-away {
  opacity: 0;
  left: 600px;
  transform:rotateX(10deg);
}

#articles li.go-away2 {
  opacity: 0;
  left: auto;
  right:600px;
  transform:rotateX(-10deg);
}

#articles li.go-away2 {
  opacity: 0;
  left:0;
  right: 600px;
  transform:rotateX(10deg);
}

#articles li.error{
  color:#fff;
  text-align:center;
  padding:35px 10px;
}

#articles li .card-content {
  background: white;
  opacity: 1;
  position: relative;
  padding: 5px 15px;
  top: 0;

  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#articles li .card-content.open,
#articles li:hover .card-content.open,
#articles li:focus .card-content.open{
  top: -200px;
  opacity: 0.8;
}
#articles li:hover .card-content.open .description,
#articles li:focus .card-content.open .description{
  opacity: 1;
}

#articles li:hover,#articles li:focus {
  cursor: pointer;
}

#articles li:hover .card-content,#articles li:focus .card-content{
  top: -50px;
}

#articles li:hover .description,#articles li:focus .description {
  opacity: 0.3;
}

#articles li .card-content:before {
  content: "";
  height: 7.5px;
  width: 75px;

  position: absolute;
  top: -3px;
  left: 0;
}


#articles li .card-content:before {
  background-color: #747796;
}
#articles li.snapshot .card-content:before {
  background-color: #749d1c;
}
#articles li.soompi .card-content:before {
  background-color: #7f4fca;
}
#articles li.music .card-content:before {
  background-color: #4ecdc4;
}
#articles li.celeb .card-content:before {
  background-color: #ff6b6b;
}
#articles li.features .card-content:before {
  background-color: #f8ca00;
}

#articles .card-image {
  position:relative;
  background-color: #727991;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  height: 100%;
  width: 100%;
}

#articles .eyebrow-title {
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 5px;
  margin-bottom: 0;
}

#articles .description {
  line-height: 1.5em;
  opacity: 0;

  transition: all 0.5s;
}

#articles .open .description {
  opacity: 1;
}

.description p:first-child {
  overflow: hidden;
  max-height: 145px;
}

.description p:nth-child(2) {
  display: none;
}

.more-info {
  color: #fff;
  text-align: center;
  max-width:300px;
  margin:0 auto;
}

@media (min-width: 663px) {
  .more-info{
    text-align: left;
    margin-left:0;
    max-width:600px;
  }
  h1 {
    margin-right: 30px;
  }
  #articles {
    height: 600px;
  }
  nav {
    margin-top: 0;
    width: 50px;
  }
  nav button {
    transform: rotate(90deg);
  }
}

@media (min-width: 900px) {
  h1 {
    margin-right: 50px;
  }
}


[tabindex="0"] {border-radius: 3px !important;left:10px !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


.wrap_pagination {
position: absolute;
    bottom:-2px;
    width: 100%;
    height: 24px;
    z-index: 9999;
    text-align: center;
    padding-left: 8.2%;

}

.pagination {
      display: inline-block;
    text-align: center;
    position: relative;
    top: -4px;
    transition: 300ms opacity;
        transform: translate3d(0, 0, 0);
    z-index: 9999;
}

.pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: transparent;
  border:1px solid #fff;
}

.pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

.wrap_pagination .pagination > * {
    margin-right: 5px !important;
}

.wrap_pagination .btns_stop, .wrap_pagination .btns_play { color:#fff; font-size:15px; display:inline-block; cursor:pointer;}

.wrap_pagination .btns_stop {
  width:20px; height:20px;
  background:url('/webPub/sc_2018_mobile/images/main/mv-stop.png') no-repeat center; background-size:100%;
}
.wrap_pagination .btns_play {
  width:20px; height:20px;
  background:url('/webPub/sc_2018_mobile/images/main/mv-play.png') no-repeat center; background-size:100%;
}


.mv_item .wrap_txt {position:absolute;bottom:13.3%;padding-left:6%;width:100%;line-height: 31px;}
.mv_item .txt1, .mv_item .txt2 {font-family:'SavetheChildren';font-size:24px;font-weight:bold;color:#fff;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.mv_item .txt2 {margin-top:16px;padding-right:14%;font-size:16px;line-height:22px;font-weight:normal;}

.m-visual.start li {
  visibility:hidden;
}

.m-visual.start li:first-child {
  visibility:visible;
}

.m-visual .btn-recent-more {
  position: absolute;
    right: 5%;
bottom:6px;
    width: 28px;
    height: 28px;
        border: 1px solid #fff;
    background: url(/webPub/sc_2018_mobile/images/main/ico-vis-more-arrow.png) no-repeat center / 6px auto;
}

#articles.mv_opacity li {opacity::0;}
#articles.mv_opacity li:first-child {transition:none;}
#articles.mv_opacity li:first-child, #articles.mv_opacity li:last-child {opacity:1;}
#articles.mv_opacity li:last-child {-webkit-transition: opacity 0.5s, left 0.5s;
    transition: opacity 0.5s, left 0.5s;}

#articles.lastprev li {opacity:0;transition:none;}
#articles.lastprev [tabindex="0"], #articles.lastprev [tabindex="0"] {opacity:1;-webkit-transition: opacity 0.5s, left 0.5s;
    transition: opacity 0.5s, left 0.5s;}
.transnone {transition:none !important;}
#articles.lastshow li {opacity:0;}
#articles.lastshow li:first-child, #articles.lastshow li:last-child, #articles.lastshow li:nth-child(2) {opacity:1;}