/* BASIC css start */
#container.bg_sub{overflow:hidden;}
#container img{width:100%;}

.mainvideo_area{position:relative;height:240px;overflow:hidden;}
.vimeo {
position: relative;
height:40vh;
background-color: #fff;
overflow: hidden;
z-index:1;
}

.vimeo .vimeo_box {
  width:1200px;
  background:#fff;
  position: absolute;
  left: 50%;
  margin-left: calc(1200px / -2);
  top:-20%;
  /*top: 50%;*/
  /*margin-top: calc(2560px * 9 / 16 / -2);*/
}

.vimeo .vimeo_box::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 30%;
}
.vimeo .vimeo_box::after{content: "";  display: block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0);z-index:2;}


.vimeo .player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
}

.story_box1{padding:0 2% 10%;border-bottom:2px solid #463b37;}
.story_box2{padding:10% 2%;border-bottom:2px solid #463b37;}
.story_box3{position:relative;padding:10% 2%;}

.storyslide_box .flexslider{margin:10% 0;border-radius:15px;overflow:hidden;}
.storyslide_box .flexslider .slides li img{border-radius:15px;overflow:hidden;}
.storyslide_box .flexslider .flex-control-nav{width:100%;position:absolute;bottom:10px;right:10px;text-align:right;}
.storyslide_box .flexslider .flex-control-nav li{display:inline-block;text-align:center;}
.storyslide_box .flexslider .flex-control-nav li a{display: inline-block;width:6px;height:6px;margin:0 6px;background:#fff;border-radius:6px;text-indent:-999em;opacity:0.2;filter:alpha(opacity=20);}
.storyslide_box .flexslider .flex-control-nav li a.flex-active{background:#fff;opacity:1;filter:alpha(opacity=100);}
.storyslide_box .flexslider .flex-direction-nav{display:none;}
.storyslide_box .flexslider .flex-prev{position:absolute;left:50px;top:50%;width:15px;height:30px;transform:translateY(-50%);background:url("/sunny/images/ico_tbleft.png") no-repeat 0 0;background-size:15px 30px;text-indent:-999em;}
.storyslide_box .flexslider .flex-next{position:absolute;right:50px;top:50%;width:15px;height:30px;transform:translateY(-50%);background:url("/sunny/images/ico_tbright.png") no-repeat 0 0;background-size:15px 30px;text-indent:-999em;}


.storywideban_area{overflow:hidden;background:url(http://sd1206.img3.kr/images/subbg_storybanwide2.jpg) no-repeat center center;background-size:cover;/*background-attachment: fixed;*/}
.storywideban_area div{}

.resetdonation_area{margin-top:5%;}
.resetdonation_area .sunny_inner{}
.resetdonation_area .left_box{display:none;}
.resetdonation_area .left_box dt{font-family:'Nunito', sans-serif;color:#463b37;font-size:50px;line-height:60px;margin-bottom:60px;}
.resetdonation_area .left_box dd{color:#908987;font-size:17px;line-height:30px;letter-spacing:-1px;}
.resetdonation_area .right_box{padding: 8% 0 7%;box-sizing:border-box;border:1px solid #d0ccc5;text-align:center;}
.resetdonation_area .right_box dt{color:#9c9690;font-size: 15px;line-height: 15px;letter-spacing:-1px;padding-bottom: 5%;}
.resetdonation_area .right_box .txt_num{color:#463b37;}
.resetdonation_area .right_box .txt_num .txt1{display:inline-block;font-size: 30px;line-height: 30px;font-weight:700;}
.resetdonation_area .right_box .txt_num .txt2{display:inline-block;font-size: 12px;line-height: 41px;font-weight:700;vertical-align: top;}

.storyfilm_box{background:#463b37;}
.storyfilm_box > div{padding:0 2%;}

.subrealmovie_area{background:#463b37;}
.subrealmovie_area .movie_box{position:relative;}
.subrealmovie_area .movie_box:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;backgrund:rgba(255,255,255,0);z-index:2;}
.subrealmovie_area .movie_box iframe{position:relative;z-index:1;}



/* BASIC css end */