html.noScroll, html.noScroll body {overflow: hidden;}
.wrap{width:100%;min-width: 1280px;}
.dis_table{display:table; width:100%; height:100%;}
.dis_table_cell{display:table-cell; width:100%; height:100%; font-size:0;}
.bold{font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weight:700; vertical-align: baseline; font-family: inherit;}
.col{font-size:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; vertical-align: baseline; font-family: inherit;}
.eng{font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; vertical-align: baseline;}
.in{position:relative; width:100%; max-width:1280px; height:100%; margin:0 auto; font-size:0; z-index:1;}


.hl{position:absolute; top:0; left:0; display:inline-block; width:0; height:44px; background:#f9d600; z-index:1;
	transition:width 0.5s ease-in-out;
}
.hl.hl01{
	transition:width 0.5s ease-in-out;
}
.hl.hl02{
	transition:width 0.5s 0.4s ease-in-out;
}
.show .hl{}




.tn-y{opacity:0;
	transform:translateY(30%);
	transition:all 0.5s ease;
}
.show .tn-y{
	transform:translateY(0); opacity:1;
}
.show .tn-y.delay{
	transition:all 1.6s 1s ease;
}

.fade{opacity:0;
	transition:all 1s ease;
}
.show .fade{opacity:1;}




.arw_any{
	transform:translateX(0);
	transition:all 0.4s ease;
}
a:hover .arw_any{
	-webkit-animation: arw_any 1s 0.3s infinite;
	-moz-animation: arw_any 1s 0.3s infinite;
	-o-animation: arw_any 1s 0.3s infinite;
	animation: arw_any 1s 0.3s infinite;
}
@-webkit-keyframes arw_any{
	0% {transform:translateX(0);}
	50% {transform:translateX(15%);}
	100% {transform:translateX(0);}
}


.title_set .title .line{position:relative; overflow:hidden;}
.title_set .title .block{display: inline-block; position:relative; font-size:inherit; color:#000; letter-spacing:inherit; line-height: inherit; font-weight: inherit; vertical-align: baseline;}
.title_set .title .block.any{
	position:absolute; top:0; left:0; width:100%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition:all 0.4s 0s ease;
	-moz-transition:all 0.4s 0s ease;
	-o-transition:all 0.4s 0s ease;
	transition:all 0.4s 0s ease;
}
.title_set .title .block.dummy{opacity:0;}
.title_set .title.show .block.any,
.show .title_set .title .block.any{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition:all 0.7s 0.2s ease;
	-moz-transition:all 0.7s 0.2s ease;
	-o-transition:all 0.7s 0.2s ease;
	transition:all 0.7s 0.2s ease;
}
.title_set .title.show .line.line02 .block.any,
.show .title_set .title .line.line02 .block.any{
	-webkit-transition:all 0.7s 0.4s ease;
	-moz-transition:all 0.7s 0.4s ease;
	-o-transition:all 0.7s 0.4s ease;
	transition:all 0.7s 0.4s ease;
}
.title_set .title.show .line.line03 .block.any,
.show .title_set .title .line.line03 .block.any{
	-webkit-transition:all 0.7s 0.6s ease;
	-moz-transition:all 0.7s 0.6s ease;
	-o-transition:all 0.7s 0.6s ease;
	transition:all 0.7s 0.6s ease;
}



img{width:auto; position:relative; z-index:2;}
.wrap_fixed{}
.wrap_visual .logo_set{position:absolute; top:30px; left:30px; pointer-events: auto; z-index: 10;}
.wrap_visual .logo_hf_set{position:absolute; top:31px; right:36px; z-index: 10;pointer-events: auto;}
.wrap_fixed .sticky_btn{position:fixed; right:18px; bottom:24px; padding:100px 0 0 0; width:266px; height:275px; text-align:center; background:url("../images/sticky_btn.png") no-repeat center center; background-size:cover; z-index: -1;opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wrap_fixed .sticky_btn.show {z-index: 100;opacity: 1;

}
.wrap_fixed .sticky_btn a{display:block; width:100%; height:100%;}
.wrap_fixed .sticky_btn a .txt{position:relative; font-size:24px; color:#424242; line-height:32px; font-weight:800; z-index:11;}
.wrap_fixed .sticky_btn a .arw{display:block; padding:15px 0 0 0;}
a .ani_com{
	position:absolute; top:50%; left:50%; width:10px; height:10px;
	background-color:#F4BF00; border-radius:50%; z-index:10; opacity:0;
	transform: translate(-50%, -50%) scale(0);
}

a .ani_com.radius_ani{transform: translate(-50%, 100%) scale(0);}

@keyframes sticky_radius_ani{
	0% {
		transform: translate(-50%, 100%) scale(0);
		opacity:0.5;
	}
	100% {
		transform: translate(-50%, 100%) scale(30);
		opacity:0;
	}
}
a:hover .radius_ani{opacity:0.8;
	-webkit-animation: sticky_radius_ani 1.2s 0.2s infinite;
	-moz-animation: sticky_radius_ani 1.2s 0.2s infinite;
	-o-animation: sticky_radius_ani 1.2s 0.2s infinite;
	animation: sticky_radius_ani 1.2s 0.2s infinite;
}

@keyframes sticky_radius_ani_st02{
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity:1;
	}
	100% {
		transform: translate(-50%, -50%) scale(50);
		opacity:0;
	}
}
a:hover .radius_ani02{opacity:0.8;
	-webkit-animation: sticky_radius_ani_st02 1.2s 0.2s infinite;
	-moz-animation: sticky_radius_ani_st02 1.2s 0.2s infinite;
	-o-animation: sticky_radius_ani_st02 1.2s 0.2s infinite;
	animation: sticky_radius_ani_st02 1.2s 0.2s infinite;
}

.wrap_fixed .pagination{position:fixed; top:50%; left:30px;
	pointer-events: auto; z-index: 100; font-size:0; text-align: center;
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.wrap_fixed .pagination_num_set{position:relative;}
.wrap_fixed .pagination .num_set{white-space: nowrap;}
.wrap_fixed .pagination .num_set .num{font-size:0;}
.wrap_fixed .pagination .num_set .num:not(:last-child){margin-bottom:6px;}
.wrap_fixed .pagination .num_set .num a{display:inline-block;}
.wrap_fixed .pagination .num_set .num a .outline{display:inline-block; overflow: hidden;}
.wrap_fixed .pagination .num_set .num a .txt{display:inline-block; width:20px; font-size:13px; color:#f9d600; letter-spacing:0; line-height:12px; text-align:left;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition:transform 0.4s ease, color 0s ease;
	-moz-transition:transform 0.4s ease, color 0s ease;
	-o-transition:transform 0.4s ease, color 0s ease;
	transition:transform 0.4s ease, color 0s ease;
}
.wrap_fixed .pagination .num_set .num a .bar{display:inline-block; margin:0 9px 0 0; width:6px; height:6px; background:#f4bf00; border-radius:50%; overflow:hidden; transform: translateZ(-1px); opacity:.46;
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}

.wrap_fixed .pagination.page01 .num_set .num.num01 a .bar,
.wrap_fixed .pagination.page02 .num_set .num.num02 a .bar,
.wrap_fixed .pagination.page03 .num_set .num.num03 a .bar,
.wrap_fixed .pagination.page04 .num_set .num.num04 a .bar,
.wrap_fixed .pagination.page05 .num_set .num.num05 a .bar,
.wrap_fixed .pagination.page06 .num_set .num.num06 a .bar,
.wrap_fixed .pagination.page07 .num_set .num.num07 a .bar{
	opacity:1;
}
.wrap_fixed .pagination.page01 .num_set .num.num01 a .txt,
.wrap_fixed .pagination.page02 .num_set .num.num02 a .txt,
.wrap_fixed .pagination.page03 .num_set .num.num03 a .txt,
.wrap_fixed .pagination.page04 .num_set .num.num04 a .txt,
.wrap_fixed .pagination.page05 .num_set .num.num05 a .txt,
.wrap_fixed .pagination.page06 .num_set .num.num06 a .txt,
.wrap_fixed .pagination.page07 .num_set .num.num07 a .txt{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.wrap_fixed .pagination .num_set .num a:hover .txt{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition:transform 0.4s ease;
	-moz-transition:transform 0.4s ease;
	-o-transition:transform 0.4s ease;
	transition:transform 0.4s ease;
}
.wrap_fixed .pagination .num_set .num a:hover .bar{opacity:1;}
.wrap_fixed .pagination.hide {opacity: 0;z-index: -1;}

.wrap_visual{position:relative; min-width:1280px; height:1027px; background:url("../images/visual_bg.jpg") no-repeat center 0; background-size:cover; overflow:hidden;}
.wrap_visual .title_set{position:absolute; top:208px; left:54.5%;}
.wrap_visual .title_set .s_tit{display:inline-block; padding:0 35px 0 32px; margin-bottom:25px; font-size:20px; color:#424242; line-height:45px; font-weight:900; background:#DCE9FD; border-radius:100px;}
.wrap_visual .title_set .title{}

.scroll_down{ width:79px; height: 79px; margin: 0 auto; position: absolute; bottom:30px; left: 0; right: 0; cursor: pointer;}
.arrow-1{position: absolute;width: 79px;height: 79px;background: #fff;opacity: 0.5;border-radius: 50%;}
.arrow-2{width: 47px;height: 47px;background:url("../images/scrolldown.png") no-repeat 0 0;border-radius: 50%;position: absolute;top:50%;left:50%;z-index: 1;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.4, .4, .4);
		transform: scale3d(.4, .4, .4);
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.4, .4, .4);
		transform: scale3d(.4, .4, .4);
	}

	50% {opacity: 0.5;}
	100% {opacity: 0;}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.wrap_cont01{position:relative; min-width:1280px; height:1078px; background:url("../images/video_bg.jpg") no-repeat center 0; background-size:cover; overflow:hidden;}
.wrap_cont01 .title_set{font-size:0; padding:0 160px 64px;}
.wrap_cont01 .title_set .tit{display:inline-block; position:relative; padding:0 226px 0 0; vertical-align:top;}
.wrap_cont01 .title_set .s_tit{display:inline-block; font-size:18px; color:#424242; line-height:26px; font-weight:800; vertical-align:top;}
.wrap_cont01 .video_set{position: relative;text-align:center;width: 960px; height: 540px;margin: 0 auto;}
.wrap_cont01 .title_set .hl.hl01{top:59px; left:67px;}
.wrap_cont01 .title_set .hl.hl02{top:auto; bottom:-4px; left:67px;}
.wrap_cont01 .title_set.show .hl.hl01{width:236px;}
.wrap_cont01 .title_set.show .hl.hl02{width:79px;}



.wrap_cont02{position:relative; min-width:1280px; overflow:hidden;}
.wrap_cont02 .bg{position:absolute; top:0; right:0; width:100%; height:100%; z-index:1;}
.wrap_cont02 .common{position:relative; height:900px; overflow:hidden;}
.wrap_cont02 .common .in{padding:200px 0 0 20px;}
.wrap_cont02 .common .bg{
	transform:scale(1);
	transition:all 3s 0s ease;
	transform-origin: right center;
}
.wrap_cont02 .common.s02_cont02 .bg{right: auto; left: 0; transform-origin: left center;}
.wrap_cont02 .common.show .bg{
	transform:scale(1.05);
	transition:all 5s 1.3s ease;
}
.wrap_cont02 .s02_cont01 .bg{background:url("../images/story_s01_bg.jpg") no-repeat center 0; background-size:cover;}
.wrap_cont02 .s02_cont02 .bg{background:url("../images/story_s02_bg.jpg") no-repeat 0 0; background-size:cover;}
.wrap_cont02 .s02_cont03 .bg{background:url("../images/story_s03_bg.jpg") no-repeat right 0; background-size:cover;}
.wrap_cont02 .s02_cont02.common .in{padding:200px 0 0 832px;}
.wrap_cont02 .common .title_set .title{margin-bottom:51px;}
.wrap_cont02 .common .title_set .title .line .block img{width:auto; height:45.5px;}
.wrap_cont02 .comment{position:absolute; bottom: 29px; right:363px; font-size:15px; color:#424242; line-height:20px; font-weight:700; z-index:2; opacity:.7;}

.title_set .tit{position:relative;}
.title_set .s_txt{padding-left:58px;}
.title_set .s_txt p{font-size:18px; color:#424242; line-height:30px; font-weight:600;}
.title_set .s_txt p:not(:last-child){margin-bottom:15px;}


.wrap_cont03{position:relative; min-width:1280px; height:640px; text-align:center; background:url("../images/bridge_bg.jpg") no-repeat center 0; background-size:cover; overflow:hidden;}
.wrap_cont03 .title{font-size:0;}
.wrap_cont03 .title p{display:inline-block; vertical-align:top;}

.wrap_cont04{position:relative; min-width:1280px; height:962px; background:url("../images/hope_bg.jpg") no-repeat center 0; background-size:cover; overflow:hidden;}
.wrap_cont04 .in{padding:0 0 0 33px;}
.wrap_cont04 .title_set{padding:0 0 80px;}
.wrap_cont04 .title_set .tit{padding:0 0 0 6px; margin-bottom:40px;}
.wrap_cont04 .title_set .s_tit{font-size:18px; color:#424242; line-height:30px; font-weight:600;}
.wrap_cont04 .title_set .hl.hl01{top:auto; bottom:54px; left:0;}
.wrap_cont04 .title_set .hl.hl02{top:auto; bottom:-2px; left:0;}
.wrap_cont04 .title_set.show .hl.hl01{width:412px;}
.wrap_cont04 .title_set.show .hl.hl02{width:338px;}

.hope_btn{}
.hope_btn a{display:inline-block; position:relative; width:390px; height:93px; background:#f9d600; border-radius:46px; overflow:hidden;}
.hope_btn a .txt{display:block; position:relative; padding:0 0 0 43px; height:100%;  font-size:20px; color:#424242; line-height:93px; font-weight:900; z-index:11;}
.hope_btn a .arw{position:absolute; top:50%; right:41px; margin-top:-9px;}

.flowers{position:absolute; top:-258px; left:50%; width:100%; z-index:10;
	transform:translateX(-1675px);
}

.wrap_cont05{position:relative; min-width:1280px; padding:287px 0 0 0; height:1156px; text-align:center; background:url("../images/newlife_bg.jpg") no-repeat center 0; background-size:cover; overflow-x:clip; overflow-y: initial;}
.wrap_cont05 .title_set .tit{display:inline-block;}
.wrap_cont05 .title_set .hl.hl01{top:auto; bottom:2px; left:66px;}
.wrap_cont05 .title_set.show .hl.hl01{width:162px;}
.wrap_cont05 .cont_set{display:inline-block; margin-top:73px; width:987px; font-size:0;}
.wrap_cont05 .cont_set .item{position:relative; display:inline-block; margin:0 14px 29px 14px; padding:18px 20px 0; width:460px; height:228px; text-align:left; background:#E5EFFD;}
.wrap_cont05 .cont_set .item .img{position:absolute; bottom:0; right:0;}
.wrap_cont05 .cont_set .item.item01 .img{right:auto; left:0;}
.wrap_cont05 .cont_set .item.item01{padding:18px 0 0 188px;}
.wrap_cont05 .cont_set .item .tit{padding:0 0 19px 0; font-size:18px; color:#424242; line-height:28px; font-weight:800;}
.wrap_cont05 .cont_set .item .txt{font-size:14px; color:#424242; line-height:22px; font-weight:600;}

.wrap_cont06{position:relative; min-width:1280px; height:1008px; text-align:center; background:url("../images/count_bg.jpg") no-repeat center 0; background-size:cover;}
.wrap_cont06 .s_tit{padding:31px 0 60px 0; font-size:18px; color:#424242; line-height:30px; font-weight:600;}
.wrap_cont06 .cont_set{display:inline-block; position:relative; padding:80px 0 0 0; width:890px; height:404px; background-color:#fff;}
.wrap_cont06 .cont_set .tit{font-size:20px; color:#424242; line-height:30px; font-weight:800;}
.wrap_cont06 .cont_set .num_tit_set{padding:16px 0 78px 0; color:#424242; line-height:1; font-weight:900;}
.wrap_cont06 .cont_set .num_tit_set .num{width:266px; font-size:80px; color:inherit; line-height:inherit; font-weight:inherit; vertical-align:baseline; text-align:right;}
.wrap_cont06 .cont_set .num_tit_set .ko{font-size:76px; color:inherit; line-height:inherit; font-weight:inherit; vertical-align:baseline;}
.wrap_cont06 .cont_set .category{font-size:0;}
.wrap_cont06 .cont_set .category li{display:inline-block; margin:0 15px; width:139px;}
.wrap_cont06 .cont_set .category li .ko_tit{width:100%; height:34px; font-size:18px; color:#424242; line-height:34px; font-weight:800; background:#fbf2ba; border-radius:100px;}
.wrap_cont06 .cont_set .category li .num_set{padding-top:10px; font-size:30px; color:#424242; line-height:1; font-weight:900;}
.wrap_cont06 .cont_set .category li .num_set .num{font-size:inherit; color:inherit; line-height:1; font-weight:inherit;}
.wrap_cont06 .cont_set .category li .num_set .ko{font-size:inherit; color:inherit; line-height:1; font-weight:inherit;}
.wrap_cont06 .cont_set .comment{position:absolute; bottom:-31px; right:0; font-size:13px; color:#000; line-height:20px; font-weight:700; opacity:.5;}

.wrap_cont07{position:relative; min-width:1280px; height:925px; background:url("../images/cta_bg.jpg") no-repeat center 0; background-size:cover;}
.wrap_cont07 .in{padding:0 38px;}
.wrap_cont07 .title_set{padding:0 0 83px 0;}
.wrap_cont07 .title_set .hl.hl01{top:auto; bottom:-2px; left:0;}
.wrap_cont07 .title_set.show .hl.hl01{width:206px;}

.wrap_footer{height:320px; text-align:center; background:#fff;}
.wrap_footer .f_logo{display:inline-block; padding:0 66px 0 0; vertical-align:top;}
.wrap_footer .add{display:inline-block; font-size:16px; color:#424242; line-height:28px; font-weight:600; vertical-align:top; text-align:left; opacity:.5;}

.btn_mute {position: absolute;top: 90px;right: 20px;z-index: 100; width: 40px; height: 39px; background: transparent url("../images/ico_sound_off.png") no-repeat center center;background-size: 100%;border-radius: 0; border: none;outline: 0;}
.btn_mute.on {background: transparent url("../images/ico_sound_on.png") no-repeat center center;background-size: 100%;}