@CHARSET "UTF-8";


li{list-style:none}
p{margin:0;}

body{overflow-x: hidden;margin: 0;}


/* .header{position:absolute;top:0;left:0;width:100%;height:68px;}
.header .contents{position: relative;margin:0 auto;width:1000px;}
.header .logo{width:319px;margin:0 auto;}
.header .logo li{float: left;background: url(/images/story/01/logo_line.gif) no-repeat right 30px;padding: 0px 10px;}
.header .logo li.li_last{background:none;padding-top:2px;}

.header #select_box{float: left;padding-top: 28px;}

.header .sns{padding-top:5px;float:right;}
.header .sns li{float: left; padding: 0 0 0 15px;}
.header .sns li.storylink{font-size: 16px;padding-top:20px;display: inline-block;font-weight: 600;}
.header .sns li.storylink a{text-decoration: none;}
.header .sns li a{color:#fff;} */
.header{position:absolute;top:0;left:0;width:100%;height:68px;}
.header .contents{position: relative;margin:0 auto;width:1000px;}
.header .logo{width:319px;padding-top:10px;}
.header .logo li{float: left;background: url(/images/story/02/logo_bar.png) no-repeat right 13px;    padding: 0px 20px 0 10px;}
.header .logo li.li_last{background:none;padding-top:2px;}

.header .logo li{float:none; background:none;}
.header .logo li a{display:inline-block; line-height:0;}
.header .logo li.li_last{display:none;}

.header #select_box{float:left;padding-top:15px;}
.header .sns{padding-top:5px;float:right;}
.header .sns li{float: left; padding: 0 0 0 15px;}
.header .sns li.storylink{font-size: 16px;padding-top: 8px;display: inline-block;font-weight: 600;}
.header .sns li.storylink a{text-decoration: none;}
.header .sns li a{color:#fff;}

#section01{overflow:hidden;height:1009px;background-image:url(/images/story/01/01_bg.jpg);background-position:50% 50%; background-repeat:no-repeat;}
#section01 .section01_title{padding:180px 0 0 0;text-align:center;}
#section01 .section01_title img{}

#section01 .vod{width:680px;margin:120px auto;}
#section01 .vod .section01_txt01{color:#fff;font-size:16px;font-weight:600;text-align:center;}

#section02{overflow:hidden;height:740px;background-color:rgba(255, 255, 255, 0.5);background-position:50% 50%; background-repeat:no-repeat;}
#section02 .contents{position:relative;background: url(/images/story/01/02_bg.jpg) no-repeat right 262px;height:inherit;}
#section02 .section02_title{padding:60px 0 50px 0;text-align:center;}
#section02 .section02_con01{width:1000px;height:476px;background:#fff;opacity:0.5;border:1px solid #fff;margin:0 auto;}
#section02 .section02_con02{position:absolute;top:330px;left:50%;margin-left:-425px;}

#section03{overflow:hidden;height:1009px;background-color:rgba(255, 255, 255, 0.5);background-position:50% 50%; background-repeat:no-repeat;}
#section03 .contents{position:relative;background: url(/images/story/01/03_bg.jpg) no-repeat 50% bottom;height:inherit;}
#section03 .section03_title{padding:60px 0 50px 0;text-align:center;background: #fff;}
#section03 .section03_con02{padding:70px 0 50px 0;text-align:center;}
#section03 .section03_con03{text-align:center;}

#section04{overflow:hidden;height:440px;}
#section04 .contents{position:relative;background:#daebf2;height:inherit;}
#section04 .section04_title{padding:60px 0 50px 0;text-align:center;font-size: 32px;}
#section04 .section04_con01{text-align:center;}

#section05{overflow:hidden;height:510px;}
#section05 .contents{position:relative;background:#fff;height:inherit;}
#section05 .section05_title{padding:60px 0 50px 0;text-align:center;font-size: 32px;}
#section05 .section05_con01{text-align:center;}

#section06{overflow:hidden;height:1000px;}
#section06 .contents{position:relative;background:#e6f3f2;height:inherit;}
#section06 .section06_title{padding:60px 0 60px 0;text-align:center;font-size: 32px;}
#section06 .section06_con01{text-align:center;}

#section07{overflow:hidden;padding-bottom:50px;}
#section07 .contents{position:relative;background:#fff;height:inherit;}
#section07 .section07_title{padding:60px 0 50px 0;text-align:center;font-size: 32px;}
#section07 .section07_con01{text-align:center;}

.footer{overflow:hidden;height:472px;background-image:url(/images/story/01/08_bg01.jpg);background-position:50% 50%; background-repeat:no-repeat;}
.footer .contents{position: relative;margin:0 auto;width:1000px;}
.footer .section08_title{padding:140px 0 133px 0;text-align:center;}
.footer .section08_con01{overflow:hidden;height:120px;background-image:url(/images/story/01/08_bg02.png);background-position:50% 50%; background-repeat:no-repeat;}
.footer .section08_con01 span{font-size:18px;text-align:center;color:#fff;display:block;padding-top:50px;}


/* tablet  768px ~ 999px */
@media ( min-width : 768px) and (max-width: 991px) {
	.header .contents{width:100%!important;}
	#section01{height:inherit;background-position: 55% 45%;}
	#section01 .section01_title img{width:90%;}
	#section02 .section02_title img{width:50%;}
	#section01 .vod{margin:100px auto;}
	
	#section02{height:inherit;}
	#section02 .contents {background: url(/images/story/01/02_bg.jpg) no-repeat 50% bottom;}
	#section02 .section02_title {padding: 30px 0 25px 0;background:#fff;}
	#section01 .section02_title img{width:90%;}
	#section02 .section02_con01{height:350px;}
	#section02 .section02_con02{margin-left:-40%;top:240px;}
	#section02 .section02_con02 img{width:90%;}
	
	#section03{height:inherit;}
	#section03 .contents {background: url(/images/story/01/03_bg.jpg) no-repeat 50% bottom;}
	#section03 .section03_title {padding: 30px 0 25px 0;background:#fff;}
	#section03 .section03_title img{width:50%;}
	#section03 .section03_con01{height:350px;}
	#section03 .section03_con02{padding: 35px 0 25px 0;}
	#section03 .section03_con02 img{width:50%;}
	#section03 .section03_con03 img{width:90%;padding:20px 0 25px 0;}
	
	#section04{height:inherit;}
	#section04 .section04_con01 img{width:90%;padding:0 0 50px 0;}
	
	#section05{height:inherit;}
	#section05 .section05_con01 img{width:90%;padding:0 0 50px 0;}
	
	#section06{height:inherit;}
	#section06 .section06_title img{width:50%;}
	#section06 .section06_con01 img{width:95%;padding:0 0 50px 0;}]
	
	#section07{padding-bottom:0!important;}
	#section07 .section07_title img{width:80%;}
	#section07 .section07_con01 img{width:95%;padding:0 0 50px 0;}
	
	.footer{height:inherit;}
	.footer .contents{width:inherit;}
	.footer .section08_title img{width:80%;}
	.footer .section08_con01 span{font-size:14px;}
}


/* mobile 767px */
@media ( max-width : 767px) {
	.header .contents{width:100%!important;}
	#section01{height:inherit;background-position: 55% 45%;}
	#section01 .section01_title{padding: 120px 0 50px 0;}
	#section01 .section01_title img{width:90%;}
	#section01 .vod{display:none;}
	
	#section02 .section02_title img{width:50%;}
	#section01 .section02_title img{width:90%;}
	
	#section02{height:inherit;}
	#section02 .contents {background: url(/images/story/01/02_bg.jpg) no-repeat right bottom;}
	#section02 .section02_title {padding: 30px 0 25px 0;background:#fff;}
	#section01 .section02_title img{width:90%;}
	#section02 .section02_con01{height:250px;}
	#section02 .section02_con02{margin-left:-40%;top:190px;}
	#section02 .section02_con02 img{width:90%;}
	
	#section03{height:inherit;}
	#section03 .contents {background: url(/images/story/01/03_bg.jpg) no-repeat 50% bottom;}
	#section03 .section03_title {padding: 30px 0 25px 0;background:#fff;}
	#section03 .section03_title img{width:50%;}
	#section03 .section03_con01{height:350px;}
	#section03 .section03_con02{padding: 35px 0 25px 0;}
	#section03 .section03_con02 img{width:50%;}
	#section03 .section03_con03 img{width:90%;padding:20px 0 25px 0;}
	
	#section04{height:inherit;}
	#section04 .section04_title {padding: 30px 0 30px 0;font-size:28px;}
	#section04 .section04_con01 img{width:90%;padding:0 0 30px 0;}
	
	#section05{height:inherit;}
	#section05 .section05_title {padding: 30px 0 30px 0;font-size:28px;}
	#section05 .section05_con01 img{width:90%;padding:0 0 30px 0;}
	
	#section06{height:inherit;}
	#section06 .section06_title {padding: 30px 0 30px 0;}
	#section06 .section06_title img{width:50%;}
	#section06 .section06_con01 img{width:95%;padding:0 0 50px 0;}
	
	#section07{padding-bottom:0!important;}
	#section07 .section07_title img{width:80%;}
	#section07 .section07_con01 img{width:95%;padding:0 0 30px 0;}
	
	.footer{height:inherit;}
	.footer .contents{width:inherit;}
	.footer .section08_title{padding: 50px 0 45px 0;}
	.footer .section08_title img{width:80%;}
	.footer .section08_con01{height:95px;}
	.footer .section08_con01 span{font-size:14px;padding-top:40px;}
}