@import url(../../../../cdn.jsdelivr.net/gh/moonspam/NanumSquare%401.0/nanumsquare.css);
body, h1, h2, h3, h4, input, button,input[type=submit], input[type=button], a {font-family: 'NanumSquare','맑은 고딕',dotum,sans-serif !important}
.HopeLetters{width:100%;height: 100%; font-family: 'NanumSquare', sans-serif;max-width:1900px; overflow: hidden;margin: auto;}
.HopeLetters .HLQuicks{position: absolute;left:50%; margin-left: 520px;top:117px;z-index: 10}
.HopeLetters .HLQuicks a{display: block;width:180px; padding:45px 0;color:#fff;text-align: center;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.HopeLetters .HLQuicks a.Q1{background:#98b132;}
.HopeLetters .HLQuicks a.Q2{background:#3c332e;}
.HopeLetters .HLQuicks a.Q1:before{background:#748629;}
.HopeLetters .HLQuicks a.Q2:before{background:#1f1a13;}
.HopeLetters .HLQuicks a:before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: 0; height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.HopeLetters .HLQuicks a:hover:before, .HLQuicks a:focus:before, .HLQuicks a:active:before {left: 0;right: 0;}
.HopeLetters .HopeLetterHead{width:100%;height: 117px; border-bottom: 3px solid #93b127;overflow: hidden}
.HopeLetters .HopeLetterHead .inner{width:1400px; margin: auto;position: relative;overflow: hidden;}
.HopeLetters .HopeLetterHead .inner a.HlLogos{padding:39px 36px;float: left; border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.HopeLetters .HopeLetterHead .inner .Hlcount{position: absolute;right:0px; top:0px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;width:178px;text-align: center;padding:32px 0}
.HopeLetters .HopeLetterHead .inner .Hlcount .HlT1{font-size: 14px;margin-bottom: 10px;}
.HopeLetters .HopeLetterHead .inner .Hlcount .HlT2{font-size: 24px; font-weight: 800;letter-spacing: -1px}
.HopeLetters .HopeLetterHead .inner .Hlcount .HlT2 span{font-size: 15px;padding-left: 3px;font-weight: normal}
.HopeLetters .HopeLetterHead .inner .Hlcount .HlT2 p{display: inline-block}
.HopeLetters .HopeLetterHead .inner .HlNavi{float: left;padding:0 90px;overflow: hidden}
/*�씗留앷�議� �뻾�궗�븞�궡 異붽��떆 padding: 0px 90px;*/
.HopeLetters .HopeLetterHead .inner .HlNavi a{text-align: center;float: left;font-size: 18px;padding: 49px 25px;font-weight: 800;color:#292929;background-position: center 118px;}
/*�씗留앷�議� �뻾�궗�븞�궡 異붽��떆 padding: 47px 25px;*/
.HopeLetters .HopeLetterHead .inner .HlNavi a.on,.HopeLetterHead .inner .HlNavi a:hover{color:#4e5e0c; background: url(../../../images/hope/web/NaviBg.png) no-repeat;background-position: center 111px;-webkit-transition:0.3s ease;transition:0.3s ease;}
.HopeLetters .HopeLetterHead .inner .HlNavi a.HlSupport:hover,.HopeLetterHead .inner .HlNavi a.HlSupport{color:#9e3300;}
.HopeLetters .HlCont1{width:100%; background: url(../../../images/hope/web/MainBg1.jpg) 50% 0 no-repeat;position: relative;min-width: 1080px;}
.HopeLetters .HlCont1 .HlInfos{position: absolute;left:59px; top:49px;}
.HopeLetters .HlCont1 .HlInfos span{font-size: 13px;padding-top: 80px; background: transparent url(../../../images/hope/web/sprite.png) no-repeat;text-align: center;color: #fff;display: inline-block;line-height: 20px;background-position: 8px 0;font-weight: 700}
.HopeLetters .HlCont1 .inner{height: 1059px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont1 .inner .HlTxtArea{position: absolute;top:328px;}
.HopeLetters .HlCont1 .inner .HlTxtArea h1{margin-bottom: 33px;}
.HopeLetters .HlCont1 .inner .HlTxtArea p{color:#fff;font-size: 19px;line-height: 28px;}
.HopeLetters .HlCont1 .inner .HlTxtArea p span{padding-top: 10px;display: inline-block}
.HopeLetters .HlCont2{width:100%; position: relative;min-width: 1080px;}
.HopeLetters .HlCont2 .Chars{position: absolute; width:273px; height: 149px;background: url(../../../images/hope/web/Chac2.png) no-repeat;left:967px;top:789px;-webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg)}
@-webkit-keyframes anis {50% {-webkit-transform: rotate(-3deg);transform: rotate(-3deg)} 100% {-webkit-transform: rotate(3deg);transform: rotate(3deg)}}
.HopeLetters .HlCont2 .HlCont2inner.Sec1{background: url(../../../images/hope/web/MainBg2.jpg) 50% 0 no-repeat;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner{height: 1108px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos{width:966px; height:544px;position:absolute;bottom:363px;right: 0px; z-index:9;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos a.VideoLayer{width: 62px;height: 64px;background:url(../../../images/hope/web/sprite.png) no-repeat;z-index: 3;position: absolute;right:0px;top:-65px;background-position: right -305px;background-position: -442px 0;display: none;}	
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos .VimeosThum{width:966px; height:544px;background:url(../../../images/hope/web/Movies.jpg) no-repeat;position:absolute;top:0px;z-index:2;left:0px;cursor:pointer}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos iframe{position:absolute;width:966px; height:100%; top:0px;z-index:1;left:0px;}	
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos.Fix{position:fixed;right:20px; bottom:20px;width:400px;height:224px;z-index:9;-webkit-transition:0.5s;transition:0.5s}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos.Fix a.VideoLayer{width: 62px;height: 64px;background:url(../../../images/hope/web/sprite.png) no-repeat;z-index: 3;position: absolute;right:0px;top:-65px;display:block;background-position: -442px 0;}	
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos.Fix .VimeosThum{width:400px;height:224px;background:url(../../../images/hope/web/Movies.jpg) no-repeat;position:absolute;top:0px;z-index:2;left:0px;cursor:pointer;background-size:contain;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .inner .Vimeos.Fix iframe{position:absolute;width:398px;height:224px; top:0px;z-index:1;left:0px;}
.ScrollTop{z-index: 3;position: fixed;right: 86px; bottom:244px;;display:none;width: 60px;height: 64px;background: url(../../../images/hope/web/sprite.png) no-repeat;text-indent:-9999px;background-position: -381px 0}	
.ScrollTop.Fix{display: block}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont{position: absolute;bottom:108px; left:42px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont p.Ml{color:#fff; font-size: 20px; line-height: 32px;font-weight: 500}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont p.Ml span{color:#000}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont .movieConunt{position: absolute;bottom:-10px;left:700px;width: 100%}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont .movieConunt h3{margin-bottom: 10px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont .movieConunt  p{color:#fff;font-size: 40px;font-weight: 800;border-bottom: 1px solid #fff;display: inline-block;letter-spacing: -1px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont .movieConunt span{display: inline-block;color:#fff}
.HopeLetters .HlCont2 .HlCont2inner.Sec1 .MovieCont .movieConunt span{font-size: 20px;margin-left: 5px;font-weight: normal;border-bottom: none;}
.HopeLetters .HlCont2 .Cross .inner{width:1080px; margin: auto;text-align: center;}
.HopeLetters .HlCont2 .Cross .inner h2{padding-top: 93px;opacity: 0}
.HopeLetters .HlCont2 .Cross.on{-webkit-animation: slides2 .05s ease forwards;animation: slides2 .5s ease forwards;}
.HopeLetters .HlCont2 .Cross h2.on{-webkit-animation: fade 0.5s ease .5s forwards;animation: fade 0.5s ease .5s forwards;}
.HopeLetters .HlCont2 .Cross{width:100%; height: 267px; background: url(../../../images/hope/web/cross.png) 50% 0 no-repeat;position: absolute;left:0px;top:1074px;background-position: -1900px 0;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2{background: url(../../../images/hope/web/MainBg3.jpg) 50% 0 no-repeat; }
.HopeLetters .HlCont2 .HlCont2inner.Sec2.on{-webkit-animation: height1 1s ease 1s forwards;animation: height1 1s ease 1s forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .inner{height: 937px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont{position: absolute;right:25px; top:336px;overflow: hidden}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock{width:132px;height: 164px;background: url(../../../images/hope/web/watch.png) no-repeat;position: relative;    -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;margin-bottom: 28px;float: right}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock.on{-webkit-animation: C3 .5s ease 3s infinite;animation: C3 .5s ease 3s infinite;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock .Ho{ width: 10px;height: 31px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 63px;left: 66px;-webkit-transform-origin: 0% 100%;transform-origin:0% 100% ;-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock .Ho.on{-webkit-animation: C1 1s ease 2s forwards;animation: C1 1s ease 2s forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock .Min{ width: 9px;height: 41px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 58px;left: 58px;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont .clock .Min.on{-webkit-animation: C2 1s ease 2s forwards;animation: C2 1s ease 2s forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont h3{margin-bottom: 38px;clear: both}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont p{font-size: 20px;color:#fff;text-align: right;line-height: 30px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec2 .Cont p span{color:#bed62f}
@-webkit-keyframes height1 {0% {margin-top: 0px;}100% {margin-top: 200px;}}
@keyframes height1 {0% {margin-top: 0px;}100% {margin-top: 200px;}}
@-webkit-keyframes C1 {0% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}100% {-webkit-transform: rotate(-158deg);transform: rotate(-158deg);}}
@keyframes C1 {0% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}100% {-webkit-transform: rotate(-158deg);transform: rotate(-158deg);}}
@-webkit-keyframes C2 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@keyframes C2 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@-webkit-keyframes C3 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}25% {-webkit-transform: rotate(-.5deg);transform: rotate(-.5deg);}50% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}75% {-webkit-transform: rotate(.5deg);transform: rotate(.5deg);} 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@keyframes C3 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}25% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}50% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}75% {-webkit-transform: rotate(2deg);transform: rotate(2deg);}    100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@-webkit-keyframes C4 {0% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}100% {-webkit-transform: rotate(-137deg);transform: rotate(-137deg);}}
@keyframes C4 {0% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}100% {-webkit-transform: rotate(-137deg);transform: rotate(-137deg);}}
@-webkit-keyframes C5 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}}
@keyframes C5 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}}
.HopeLetters .HlCont2 .HlCont2inner.Sec3{background: url(../../../images/hope/web/MainBg4.jpg) 50% 0 no-repeat; padding-bottom: 223px;position: relative}
.HopeLetters .HlCont2 .HlCont2inner.Sec3.on{-webkit-animation: height1 1s ease 1s forwards;animation: height1 1s ease 1s forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .inner{height: 937px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont{position: absolute;left:0px; top:164px;overflow: hidden;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock{width:132px;height: 166px;background: url(../../../images/hope/web/watch.png) no-repeat;position: relative;    -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;margin-bottom: 28px;background-position: 3px 0}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock.on{-webkit-animation: C3 .5s ease 1s infinite;animation: C3 .5s ease 1s infinite;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock .Ho{ width: 10px;height: 31px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 63px;left: 69px;-webkit-transform-origin: 0% 100%;transform-origin:0% 100% ;-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock .Ho.on{-webkit-animation: C4 1s ease forwards;animation: C4 1s ease forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock .Min{ width: 9px;height: 41px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 58px;left: 60px;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .clock .Min.on{-webkit-animation: C5 1s ease forwards;animation: C5 1s ease forwards;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont h3{margin-bottom: 38px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont p.Topt{font-size: 20px;color:#fff;text-align: left;line-height: 30px;padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid #7c7173;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont p span{color:#bed62f}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont p span.sm{color:#fff;font-size: 10px;vertical-align: super}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Cont .SubTxt p{font-size: 14px;color:#e4e4e4;text-align: left;line-height: 24px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Sec3Etc{width:100%;height: 244px;background: url(../../../images/hope/web/MainBg4Under.png) 50% 0% no-repeat;position: absolute;bottom:0px;text-indent: -9999px;background-position: 50% -244px;}
.HopeLetters .HlCont2 .HlCont2inner.Sec3 .Sec3Etc.on{-webkit-animation: Underbg 1s ease forwards;animation: Underbg 1s ease forwards;}
@-webkit-keyframes Underbg {0%{background-position: 50% 244px;} 100%{background-position: 50% 0px;}}
@keyframes Underbg {0%{background-position: 50% 244px;} 100%{background-position: 50% 0px;}}
.HopeLetters .HlCont3{width:100%; background: url(../../../images/hope/web/MainBg5.jpg) 50% 0 no-repeat;min-width:1080px;}
.HopeLetters .HlCont3 .inner{height: 933px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont3 .Cont{position: absolute;right:25px; top:99px;overflow: hidden;}
.HopeLetters .HlCont3 .Cont .clock{width:132px;height: 166px;background: url(../../../images/hope/web/watch.png) no-repeat;position: relative; -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;margin-bottom: 28px;float: right;}
.HopeLetters .HlCont3 .Cont .clock.on{-webkit-animation: C3 .5s ease infinite;animation: C3 .5s ease infinite;}
.HopeLetters .HlCont3 .Cont .clock .Ho{ width: 10px;height: 31px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 63px;left: 66px;-webkit-transform-origin: 0% 100%;transform-origin:0% 100% ;-webkit-transform: rotate(-215deg);transform: rotate(-279deg);}
.HopeLetters .HlCont3 .Cont .clock .Ho.on{-webkit-animation: C6 1s ease forwards;animation: C6 1s ease forwards;}
.HopeLetters .HlCont3 .Cont .clock .Min{ width: 9px;height: 41px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 58px;left: 58px;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}
.HopeLetters .HlCont3 .Cont .clock .Min.on{-webkit-animation: C7 1s ease forwards;animation: C7 1s ease forwards;}
.HopeLetters .HlCont3 .Cont h3{margin-bottom: 38px;clear: both;text-align: right;}
.HopeLetters .HlCont3 .Cont .Topt{font-size: 20px;color:#fff;text-align: right;line-height: 30px;display: block}
.HopeLetters .HlCont3 .Cont .Topt .imgs{display: block;text-align: right;width:100%;}
@-webkit-keyframes C6 {0% {-webkit-transform: rotate(-279deg);transform: rotate(-279deg);}100% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}}
@keyframes C6 {0% {-webkit-transform: rotate(-279deg);transform: rotate(-279deg);}100% {-webkit-transform: rotate(-215deg);transform: rotate(-215deg);}}
@-webkit-keyframes C7 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(36deg);transform: rotate(36deg);}}
@keyframes C7 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(36deg);transform: rotate(36deg);}}
.HopeLetters .HlCont4{width:100%; background: url(../../../images/hope/web/MainBg6.jpg) 50% 0 no-repeat;min-width:1080px;}
.HopeLetters .HlCont4 .inner{height: 933px;position: relative;width:1080px;margin: auto;}
.HopeLetters .HlCont4 .Cont{position: absolute;left:0px; top:154px;overflow: hidden;}
.HopeLetters .HlCont4 .Cont .clock{width:133px;height: 166px;background: url(../../../images/hope/web/watch.png) no-repeat;position: relative;    -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;margin-bottom: 53px;background-position: 3px 0}
.HopeLetters .HlCont4 .Cont .clock.on{-webkit-animation: C3 .3s ease 1s infinite;animation: C3 .5s ease 1s infinite;}
.HopeLetters .HlCont4 .Cont .clock .Ho{ width: 10px;height: 31px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 69px;left: 66px;-webkit-transform-origin: 0% 100%;transform-origin:0% 100% ;-webkit-transform: rotate(-130deg);transform: rotate(-130deg);}
.HopeLetters .HlCont4 .Cont .clock .Ho.on{-webkit-animation: C8 1s ease forwards;animation: C8 1s ease forwards;}
.HopeLetters .HlCont4 .Cont .clock .Min{ width: 9px;height: 41px;background: url(../../../images/hope/web/min.png) no-repeat;position: absolute;top: 58px;left: 61px;-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}
.HopeLetters .HlCont4 .Cont .clock .Min.on{-webkit-animation: C9 1s ease forwards;animation: C9 1s ease forwards;}
.HopeLetters .HlCont4 .Cont h3{margin-bottom: 38px;}
.HopeLetters .HlCont4 .Cont p.Topt{font-size: 20px;color:#fff;text-align: left;line-height: 30px;}
.HopeLetters .HlCont4 .Cont p.Topt img{display: block}
@-webkit-keyframes C8 {0% {-webkit-transform: rotate(-130deg);transform: rotate(-130deg);}100% {-webkit-transform: rotate(-71deg);transform: rotate(-71deg);}}
@keyframes C8 {0% {-webkit-transform: rotate(-130deg);transform: rotate(-130deg);}100% {-webkit-transform: rotate(-71deg);transform: rotate(-71deg);}}
@-webkit-keyframes C9 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@keyframes C9 {0% {-webkit-transform: rotate(-111deg);transform: rotate(-111deg);}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
.HopeLetters .HlCont5{width:100%; min-width:1080px;position: relative}
.HopeLetters .HlCont5 .Sec1{height: 400px;margin: auto;text-align: center;background-color: #e55c42; background-image: url(../../../images/hope/web/snow2.png); -webkit-animation: snow 30s linear infinite; animation: snow 30s linear infinite;}
@-webkit-keyframes snow {0% {background-position: 0px 0px;}100% {background-position: -0px -700px;}}
@keyframes snow {0% {background-position: 0px 0px;}100% {background-position: -0px -700px;}}
.HopeLetters .HlCont5 .Sec1 h2{padding-top: 83px;margin-bottom: 40px;}
.HopeLetters .HlCont5 .Sec1 .HlBtns{width:100%;text-align: center;padding:28px 0}
.HopeLetters .HlCont5 .Sec1 .HlBtns a{background: #fff; font-size: 19px; letter-spacing: 2px;color:#000; padding:28px 58px;-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);font-weight: 800}
.HopeLetters .HlCont5 .Cross.on{-webkit-animation: slides2 1s ease forwards;animation: slides2 1s ease forwards;}
.HopeLetters .HlCont5 .Cross{width:100%; height: 267px; background: url(../../../images/hope/web/cross.png) 50% 0 no-repeat;position: absolute;left:0px;top:349px;text-align: center;background-position: -1900px 0}
.HopeLetters .HlCont5 .Cross h2{padding-top: 92px;opacity: 0}
.HopeLetters .HlCont5 .Cross.on h2.on{-webkit-animation: fade 0.5s ease 1s forwards;animation: fade 0.5s ease 1s forwards;}
.HopeLetters .HlCont5 .Sec2{padding:285px 0 65px 0;margin-bottom: 40px;}
.HopeLetters .HlCont5 .Sec2 .HlTitle{width:1080px; margin: auto;text-align: center;position: relative}
.HopeLetters .HlCont5 .Sec2 .HlTitle .h2{color:#211f1d;font-size: 32px;line-height: 44px;font-weight: 800;position: relative;z-index: 2;background: #fff;width: 570px;margin: auto;margin-bottom: 40px;}
.HopeLetters .HlCont5 .Sec2 .HlTitle .h2 span.ju{color:#e26234;font-size: 32px;font-weight: 800}
.HopeLetters .HlCont5 .Sec2 .HlTitle .h2 span.sm{color:#828282;font-size: 18px;}
@-webkit-keyframes slides2 {0% {background: url(../../../images/hope/web/cross.png) no-repeat;background-position: -1900px 0}100% {background: url(../../../images/hope/web/cross.png) no-repeat;background-position: 0px 0; background-size: cover}}
@keyframes slides2 {0% {background: url(../../../images/hope/web/cross.png) no-repeat;background-position: -1900px 0}100% {background: url(../../../images/hope/web/cross.png) no-repeat;background-position: 0px 0; background-size: cover}}
.HopeLetters .HlCont5 .Sec2 .HlTitle p{border-bottom:2px solid #000;position: absolute;top:50%;width:100%;z-index: 1}
@-webkit-keyframes fade {0% {opacity: 0}100% {opacity: 1}}
@keyframes fade {0% {opacity: 0}100% {opacity: 1}}
.HopeLetters .HlCont5 .Sec2 .Steparea{padding:0 30px;width:1020px; margin: auto;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul{display: table;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li{display: inline-block;vertical-align:middle;position: relative;margin: 0 9px;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Check{display:block;width:88px;height:88px;position: relative}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a{display: block;position: relative}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a .Check{position: absolute;left:50%; margin-left: -44px; top:0px;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Check div{width:88px;height:88px;position: absolute;left:0;top:0;backface-visibility: hidden;-webkit-backface-visibility: hidden;transition:.5s ease;-webkit-transition:.5s ease;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Check .back{transform:perspective(100px) rotateY(180deg);-webkit-transform:perspective(0px) rotateY(180deg);background: url(../../../images/hope/web/Check.png) no-repeat;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a.on .Check .back{transform:perspective(400px) rotateY(360deg);-webkit-transform:perspective(400px) rotateY(360deg);}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Check .front { background: url(../../../images/hope/web/Check.png) no-repeat;transform:perspective(400px) rotateY(0deg);-webkit-transform:perspective(400px) rotateY(0deg);background-position: 0 -90px;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a.on .Check .front {transform:perspective(400px) rotateY(180deg);-webkit-transform:perspective(400px) rotateY(180deg);}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont{padding-top: 44px;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont .inner{width:175px; height: 203px;padding:82px 30px 0px 30px;text-align: center;border-radius: 10px 10px 10px 10px;-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont .Co1{background:#85a514}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont .Co2{background:#da573d}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont h3{margin-bottom: 25px; padding-bottom: 25px;border-bottom:1px solid #fff;}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li .Cont p{font-size: 16px; color:#fff;line-height: 26px}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a .NextIcon{width:0px; height: 52px; background: url(../../../images/hope/web/arow.png) no-repeat;position: absolute;top:50%;left:210px;z-index: 1}
@-webkit-keyframes slides {0% {width:0px}100% {width:80px;}}
@keyframes slides {0% {width:0px}100% {width:80px;}}
.HopeLetters .HlCont5 .Sec2 .Steparea ul li a.on .NextIcon{-webkit-animation: slides .5s ease forwards;animation: slides .5s ease forwards;}
.HopeLetters .HlCont6{width:100%; position: relative;}
.HopeLetters .HlCont6 .Sec1{width:100%;background: #ebeae9;}
.HopeLetters .HlCont6 .Sec1 .inner{width:1080px; margin: auto;}
.HopeLetters .HlCont6 .Sec1 .inner ul{overflow: hidden;}
.HopeLetters .HlCont6 .Sec1 .inner ul li{float: left;width:537px;height: 574px;text-align: center}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL{margin-right: 6px;background: url(../../../images/hope/web/box1.jpg) no-repeat;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR{background: url(../../../images/hope/web/box2.jpg) no-repeat;}
.HopeLetters .HlCont6 .Sec1 .inner ul li .SecInner{padding:66px 47px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL h3{margin-bottom: 20px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL p.T1{color:#fff; font-size: 18px;margin-bottom: 35px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst{width:443px;overflow: hidden;padding-bottom: 20px; border-bottom:1px solid #5b5550}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst h4{margin-bottom: 20px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div{background: url(../../../images/hope/web/sprite.png) no-repeat;width:113px; height: 117px;float: left;margin: 0 17px;opacity: 0}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L1{background-position: -99px -114px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L2{background-position: -242px -114px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L3{background-position: -385px -114px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L1.on{-webkit-animation: ups .5s ease 0s forwards;animation: ups .5s ease 0s forwards;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L2.on{-webkit-animation: ups .5s ease 0.25s forwards;animation: ups .5s ease 0.25s forwards;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .Hl6LIst div.L3.on{-webkit-animation: ups .5s ease 0.5s forwards;animation: ups .5s ease 0.5s forwards;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .HlBtnArea{padding:60px 0 40px 0;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL .HlBtnArea a{padding:20px 40px;background: #87a714;color:#fff; font-size: 19px;border-radius: 10px 10px 10px 10px;-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);font-weight: 700}
@-webkit-keyframes ups {0% {opacity: 0; background-position-y:-11x; }100% {opacity: 1; background-position-y:-130px; }}
@keyframes ups {0% {opacity: 0; background-position-y:-11x; }100% {opacity: 1; background-position-y:-130px; }}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecL p.sm{color:#a29f9c;font-size: 13px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR h3{margin-bottom: 35px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR p.T1{color:#fff; font-size: 18px;margin-bottom: 35px;line-height: 30px}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR .Chars .Charsinner{text-align: center;position: relative;z-index: 2}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR .HlBtnArea{padding:26px 0 40px 0;position: relative;z-index: 1;overflow: hidden;top:-7px;}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR .HlBtnArea a{padding:20px 40px;background: #fff;color:#000; font-size: 19px;border-radius: 10px 10px;top: -66px;position: absolute;left:50%; margin-left: -88px; font-weight: 800}
.HopeLetters .HlCont6 .Sec1 .inner ul li.SecR .Chars.on .HlBtnArea a{-webkit-animation: bounce 0.5s ease forwards;animation: bounce 0.5s ease forwards;}
@-webkit-keyframes  bounce{0%{top:-66px;} 100% {top:0px;}}
@keyframes  bounce{0%{top:-66px;} 100% {top:0px;}}
.HopeLetters .HlCont6 .Cross .inner{width:1080px; margin: auto;text-align: center;}
.HopeLetters .HlCont6 .Cross .inner h2{padding-top: 93px;opacity: 0}
/*.HopeLetters .HlCont6 .Cross.on{-webkit-animation: slides2 .05s ease forwards;animation: slides2 .5s ease forwards;}*/
.HopeLetters .HlCont6 .Cross h2.on{-webkit-animation: fade 0.5s ease .5s forwards;animation: fade 0.5s ease .5s forwards;}
.HopeLetters .HlCont6 .Cross{width:100%; height: 267px; background: url(../../../images/hope/web/cross.png) 50% 0 no-repeat;position: absolute;left:0px;top:544px;z-index: 2}
.HopeLetters .HlCont6 .Sec2{margin-top: 0px;background: url(../../../images/hope/web/MainBg7.jpg) 50% 0 no-repeat;position: relative}
.HopeLetters .HlCont6 .Sec2.on{-webkit-animation: height1 1s ease forwards;animation: height1 1s ease forwards;}
.HopeLetters .HlCont6 .Sec2 .inner{height: 935px;width: 1080px; margin: auto;position: relative;text-align: center}
.HopeLetters .HlCont6 .Sec2 .inner .Cont{text-align: center;padding-top: 392px;}
.HopeLetters .HlCont6 .Sec2 .Deco1{width:573px; height: 363px;background: url(../../../images/hope/web/Deco1.png) no-repeat;position: absolute;left:0px; top:0;}
.HopeLetters .HlCont6 .Sec2 .Deco2{width:351px; height: 657px;background: url(../../../images/hope/web/Deco2.png) no-repeat;position: absolute;right:0px; bottom:0;}

.HopeLetters .HlCont6 .Sec2 .inner .Btntxt{margin-top: -100px;font-size: 22px; color:#Fff;line-height: 32px;font-weight: 700}
.HopeLetters .HlCont6 .Sec2 .inner .HlBtnArea{padding:60px 0 40px 0;}
.HopeLetters .HlCont6 .Sec2 .inner .HlBtnArea a{padding:20px 70px;background: #87a714;color:#fff; font-size: 19px;font-weight: 700;letter-spacing: 2px}
.HopeLetters .HlCont7{position: relative;width:100%;}
.HopeLetters .HlCont7 .Sec1{margin: auto;text-align: center;background-color: #dae6aa; background-image: url(../../../images/hope/web/snow2.png); -webkit-animation: snow 15s linear infinite; animation: snow 15s linear infinite;position: relative;}
@-webkit-keyframes snow {0% {background-position: 0px 0px;}100% {background-position: -0px -700px;}}
@keyframes snow {0% {background-position: 0px 0px;}100% {background-position: -0px -700px;}}
.HopeLetters .HlCont7 .Sec1 h2{padding-top: 73px;margin-bottom: 53px;}
.HopeLetters .HlCont7 .Sec1 .HlBtns{width:100%;text-align: center;padding:28px 0}
.HopeLetters .HlCont7 .Sec1 .HlBtns a{background: #fff; font-size: 19px; letter-spacing: 2px;color:#000; padding:28px 58px;-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);font-weight: 800}
.HopeLetters .HlCont7 .Sec1 .Unders{width:100%;background: url(../../../images/hope/web/MainBg8.png) 50% 0% no-repeat;height: 349px;background-position: 50% 349px;min-width: 1080px;}
.HopeLetters .HlCont7 .Sec1 .Unders.on{-webkit-animation: slideOn 1s ease forwards;animation: slideOn 1s ease forwards;}
@-webkit-keyframes slideOn{0%{background-position: 50% 349px;} 100% {background-position: 50% 0px;}}
@keyframes slideOn{0%{background-position: 50% 349px;} 100% {background-position: 50% 0px;}}
.HopeLetters .HlCont7 .Sec1 .inner{width:1080px; margin: auto;position: relative;}
.HopeLetters .HlCont7 .Sec1 .inner .Movs{position: absolute;right: 0px; top:60px;display: block;opacity: 0;}
.HopeLetters .HlCont7 .Sec1 .inner .Movs.on{-webkit-animation: fade 1s ease 1s forwards;animation: fade 1s ease 1s forwards;}
.HopeLetters .HopeFooter{width: 1100px;margin: auto;position: relative;padding: 30px 0;display: table;}
.HopeLetters .HopeFooter a.GniLogo{background: url(../../../images/hope/web/sprite.png) no-repeat;width: 138px;height: 26px;margin-right: 10px;text-indent: -9999px;background-position: -360px -80px;display: table-cell;vertical-align: middle;}
.HopeLetters .HopeFooter p{ font-size: 14px;line-height: 22px;display: table-cell;vertical-align: middle;padding-left: 15px;}
.HopeLetters .HopeFooter a.person{background: #555252;padding: 15px 20px;color: #fff;position: absolute;top: 30px;right: 0px;font-size: 14px;line-height: 22px}
.Bgs{position:fixed;width:100%; height:100%; z-index:99;top:0px; left:0px;display:none;background: url(../../../images/hope/web/Bgs.png) repeat;}
.PersonLayer{width:610px; margin:auto;position:fixed;top:50%;margin-top:-355px;left:50%; margin-left:-305px;z-index:100;display:none;border-radius:4px 4px 4px 4px;}
.PersonLayer .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}								
.PersonLayer .PlHead{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:570px; padding:29px 20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.PersonLayer .Plbody{padding:30px; background:#fff;width:550px;border-radius:0px 0px 10px 10px;overflow:hidden;}
.PersonLayer .Plbody .PlSec{margin-bottom:20px;}
.PersonLayer .Plbody .PlSec p{font-size:17px;line-height:26px;}
.PersonLayer .Plbody .PlSec p.Jins{color:#463e3b; font-weight:700;}
.PersonLayer .Plbody .PlSec span.pr9{padding-left: 10px;}
.PersonLayer .Plbody .PlTable table{width:100%;}								
.PlTable table th,.PlTable table td{padding:10px 0;font-size:14px;border:1px solid #e0e0e0;}
.PlTable table td{padding-left:10px;}
.PlTable table td a{color:#000;}								
.PersonLayer .Plbody .PlTable table th{font-weight:700;text-align:center;}
.PersonLayer .Plbody .PlTable table thead th{background:#8c8179; color:#fff;}		
.stepCompl{width:400px; margin:auto;position:absolute;left:50%; margin-left:-200px;z-index:100;display:block;border-radius:10px 10px 10px 10px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);bottom:0px;display: none;}
.stepCompl .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}		
.stepCompl .stepComplhead{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:360px; padding:29px 20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.stepCompl .stepComplCont{background: #fff; padding: 65px;border-radius:0px 0px 10px 10px; text-align: center}
.stepCompl .stepComplCont p{color:#767676;font-size: 18px; line-height: 28px;text-align: center;}
.stepCompl .stepComplCont .Stemp.on{-webkit-animation: scale 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53) 0.2s forwards;animation: scale 0.3s cubic-bezier(0.64, 0.57, 0.67, 1.53) 0.2s forwards;}
.stepCompl .stepComplCont .Stemp{-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1.5);transform: scale(1.5)} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}}
@keyframes scale{0%{-webkit-transform: scale(1.5);transform: scale(1.5)} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1}}
.HopeWith{width:873px; margin:auto;position:absolute;left:50%; margin-left:-437px;z-index:100;display:block;border-radius:10px 10px 10px 10px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);top:-40px;display: none;}
.HopeWith .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}		
.HopeWith .HopeWithhead{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:833px; padding:29px 20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.HopeWith .HopeWithCont{background: #fff; padding: 55px;border-radius:0px 0px 10px 10px;}
.MovieLayers{width:840px; margin:auto;position:absolute;left:50%; margin-left:-420px;z-index:100;display:block;border-radius:10px 10px 10px 10px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);top:-40px;display: none;}
.MovieLayers.add{width:840px; margin:auto;position:fixed;left:50%; margin-left:-420px;z-index:100;display:block;border-radius:10px 10px 10px 10px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);top:50%;display: none;margin-top: -291px;}
.MovieLayers .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}		
.MovieLayers .MoveHeads{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:800px; padding:29px 20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.MovieLayers .MovieCont,.MovieLayers .MovieContEv{background: #fff; padding: 20px;border-radius:0px 0px 10px 10px;width:800px}
.MovieLayers .MovieCont iframe,.MovieLayers .MovieContEv iframe{width:800px; height: 455px;}
/*���쉶�븞�궡*/
.HopeLetters .info1{width:100%;padding: 90px 0px 67px 0;background: #f3f6e7;}
.HopeLetters .info1 .inner{width:1080px; margin: auto;position: relative;}
.HopeLetters .info1 .inner .Infohead{padding-bottom: 45px;text-align: center;position: relative}
.HopeLetters .info1 .inner .Infohead h1{margin-bottom: 45px;}
.HopeLetters .info1 .inner .Infohead p{color:#38312a;font-size: 18px;margin-bottom: 30px;line-height: 28px;font-weight: 700}
.HopeLetters .info1 .inner .Infohead p span{color:#718f06;}
.HopeLetters .info1 .inner .Infohead .deco1{background: url(../../../images/hope/web/Info1De1.png) no-repeat;text-indent: -9999px; width:101px; height: 156px;position: absolute;right:66px; bottom:-19px;z-index: 2;-webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg)}
.HopeLetters .info1 .inner .InfoCont{padding:37px 27px; background: #fff;border:1px solid #000;-webkit-box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);
box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);}
.HopeLetters .info1 .inner .InfoCont ul{border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.HopeLetters .info1 .inner .InfoCont ul.none{border-bottom:0 none;}
.HopeLetters .info1 .inner .InfoCont ul li{padding: 30px 0;font-size: 18px;color:#38312a;float: left;}
.HopeLetters .info1 .inner .InfoCont ul li.infoli1{width:115px;background: url(../../../images/hope/web/sprite.png) no-repeat; background-position: -450px -286px ;padding-left: 55px;color:#38312a;font-weight: 700}
.HopeLetters .info1 .inner .InfoCont ul li.infoli2{line-height: 24px;width:850px;}
.HopeLetters .info1 .inner .InfoCont ul li.infoli2 span{color:#8a8a8a;font-size: 15px;}
.HopeLetters .info1 .inner .InfoCont ul li.infoli2 a{background: #8a8a8a;color:#fff;padding:5px 10px;font-size: 14px;font-family: 'NanumSquare', sans-serif;}
.HopeLetters .info1 .inner .InfoCont ul li ul{border:0 none;width:100%;}
.HopeLetters .info1 .inner .InfoCont ul li ul li{padding: 0px;text-align: center;font-size: 16px;padding:0 9px;width:194px;position: relative}
.HopeLetters .info1 .inner .InfoCont ul li ul li p{padding-top: 138px;background: url(../../../images/hope/web/Info1Deco2.png) no-repeat;opacity: 0}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs1 p{background-position: 33px 0px}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs2 p{background-position: -165px 0px}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs3 p{background-position: -361px 0px}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs4 p{background-position: -550px 0px}
.HopeLetters .info1 .inner .InfoCont ul li ul li span{  background: url(../../../images/hope/web/sprite.png) no-repeat;width: 18px;height: 43px;display: block;position: absolute;top: 50px;right: -9px;background-position: -352px 0;opacity: 0}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs1.on p{-webkit-animation: fade 0.5s ease 0s forwards;animation: fade 0.5s ease 0s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs1.on span{-webkit-animation: fade 0.5s ease .25s forwards;animation: fade 0.5s ease .25s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs2.on p{-webkit-animation: fade 0.5s ease .5s forwards;animation: fade 0.5s ease .5s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs2.on span{-webkit-animation: fade 0.5s ease .75s forwards;animation: fade 0.5s ease .75s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs3.on p{-webkit-animation: fade 0.5s ease 1s forwards;animation: fade 0.5s ease 1s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs3.on span{-webkit-animation: fade 0.5s ease 1.25s forwards;animation: fade 0.5s ease 1.25s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs4.on p{-webkit-animation: fade 0.5s ease 1.5s forwards;animation: fade 0.5s ease 1.5s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li ul li.Withs4.on span{-webkit-animation: fade 0.5s ease 1.75s forwards;animation: fade 0.5s ease 1.75s forwards;}
.HopeLetters .info1 .inner .InfoCont ul li.infoli2 p.GniLogo{background: url(../../../images/hope/web/sprite.png) no-repeat;width: 138px;height: 26px;margin-right: 10px;text-indent: -9999px;background-position: -360px -87px;display: table-cell;vertical-align: middle;}
.HopeLetters .info2{background: #e3f4fc; width:100%; padding: 80px 0}
.HopeLetters .info2 .inner{width:1080px; margin: auto;position: relative;}
.HopeLetters .info2 .inner .Infohead{padding-bottom: 45px;text-align: center;position: relative}
.HopeLetters .info2 .inner .Infohead h1{margin-bottom: 45px;}
.HopeLetters .info2 .inner .Infohead p{color:#38312a;font-size: 18px;line-height: 28px;font-weight: 700}
.HopeLetters .info2 .inner .Infohead p span{color:#0f73a4;padding-left: 27px; background: url(../../../images/hope/web/sprite.png) no-repeat; background-position: -474px -255px;}
.HopeLetters .info2 .inner .Infohead .deco1{background: url(../../../images/hope/web/Info2De1.png) no-repeat;width:149px; height: 142px;text-indent: -9999px;position: absolute;left:66px; bottom:-2px;z-index: 2;-webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg)}
.HopeLetters .info2 .inner .InfoCont .table1{border: 1px solid #38312a;-webkit-box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);
box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);margin-bottom: 80px;}
.HopeLetters .info2 .inner .InfoCont table{background: #fff;position: relative;z-index: 2;}
.HopeLetters .info2 .inner .InfoCont table th{background: #38312a;color:#fff;border-right: 0px !important;}
.HopeLetters .info2 .inner .InfoCont table th,.HopeLetters .info2 .inner .InfoCont table td{padding:15px 0px; font-size: 16px;border-bottom: 1px solid #e0e0e0;text-align: center;border-right: 1px solid #e0e0e0;font-weight: 500;width:25%;}
.HopeLetters .info2 .inner .InfoCont table tfoot td{border-top:2px solid #cacaca; }
.HopeLetters .info2 .inner .InfoCont table td:last-child{border-right: 0px;}
.HopeLetters .info2 .inner .InfoCont .table2{position: relative}
.HopeLetters .info2 .inner .InfoCont .table2 p{text-align: center;margin-bottom: 40px;}
.HopeLetters .info2 .inner .InfoCont .table2 h2{text-align: center;margin-bottom: 40px;}
.HopeLetters .info2 .inner .InfoCont .table2 .deco1{background: url(../../../images/hope/web/Info2De2.png) no-repeat;width:60px; height: 0px;position: absolute;left:955px; top:66px;}
.HopeLetters .info2 .inner .InfoCont .table2 .deco1.on{-webkit-animation: hi1 0.5s ease forwards;animation: hi1 0.5s ease forwards;}
@-webkit-keyframes hi1{0%{height: 0px;} 100% {height: 182px;}}
@keyframes hi1{0%{height: 0px;} 100% {height: 182px;}}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter{width:695px;height: 544px;position: relative;margin: auto;}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter img{-webkit-transition:0.5s ease;transition:0.5s ease;border: 10px solid #fff;}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter img.be{-webkit-transform: rotate(-8deg);transform: rotate(-8deg);opacity: 0.8}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter img.be.af{-webkit-transform: rotate(7deg);transform: rotate(7deg)}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter img.be.ons{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter a#prev{position: absolute;width:90px; height: 90px;display: block;background: url(../../../images/hope/web/infoArow.png) no-repeat;text-indent: -9999px;margin-top: -45px;top:50%; left:-172px;}
.HopeLetters .info2 .inner .InfoCont .table2 .Letter a#next{position: absolute;width:90px; height: 90px;display: block;background: url(../../../images/hope/web/infoArow.png) no-repeat;text-indent: -9999px;margin-top: -45px;top:50%; right:-172px;background-position: -90px 0}
.HopeLetters .info3{background: #f3f6e7;padding:80px 0;}
.HopeLetters .info3 h1{text-align: center;margin-bottom: 70px;}
.HopeLetters .info3 .inner{width:1080px; margin: auto;}
.HopeLetters .info3 .InfoBody{ border: 1px solid #38312a;-webkit-box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);box-shadow: 0px 0px 29px 0px rgba(148,148,148,1);margin-bottom: 80px;width:1080px; margin: auto;position: relative}
.HopeLetters .info3 .InfoBody table{width:1080px}						
.HopeLetters .info3 .InfoBody table thead th{background:#322c26; color:#fff;}
.HopeLetters .info3 .InfoBody table tbody th{font-weight:700; color:#3e3835;border-bottom:1px solid #e0e0e0;text-align:center;}						
.HopeLetters .info3 .InfoBody table td{color:#636262;background:url(../../../images/hope/web/bg6.jpg) repeat;border:1px solid #e0e0e0;text-align:center;}
.HopeLetters .info3 .InfoBody table th,.HopeLetters .info3 .InfoBody table td{padding:20px 0;font-size:17px;text-align:center;background: #fff;}
.Awards2_1{width:288px;}.Awards2_2{width:336px;}.Awards2_3{width:456px;}
.HopeLetters .info3 .InfoBody table td.Pads{padding-left:50px; text-align:left;}
.HopeLetters .info3 .InfoBody table th.Pads{padding-left:110px; text-align:left;}
.HopeLetters .info3 .InfoBody table td.JinBG,.HopeLetters .info3 .InfoBody table th.JinBG{background:#f9f8f8;}
.HopeLetters .info3 .InfoBody .deco1{background: url(../../../images/hope/web/info3Deco1.png) no-repeat;width:100px; height: 144px;text-indent: -9999px; position: absolute;left:1060px; top:100px; -webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
.HopeLetters .info4{background: #e3f5fd;padding:80px 0;}
.HopeLetters .info4 .inner{width:1080px; margin: auto;}
.HopeLetters .info4 .inner .Hlhead{position: relative;text-align: center;border-bottom: 3px solid #38312a;}
.HopeLetters .info4 .inner .Hlhead h1{margin-bottom: 32px;}
.HopeLetters .info4 .inner .Hlhead p{color:#38312a;font-size: 18px; margin-bottom: 40px;}
.HopeLetters .info4 .inner .Hlhead .deco1{background: url(../../../images/hope/web/info3Deco2.png) no-repeat;width:128px; height: 151px;text-indent: -9999px; position: absolute;left:110px; bottom:-2px;z-index: 2;-webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg)}
.HopeLetters .info4 .inner .Hlhead .qnas{bottom:30px; right:0px; padding:23px 28px;background: #38312a;position: absolute;}
.PersonLayer2{width:610px; margin:auto;position:fixed;top:50%;margin-top:-353px;left:50%; margin-left:-305px;z-index:100;border-radius:4px 4px 4px 4px;display: none;}
.PersonLayer2 .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}								
.PersonLayer2 .PlHead{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:570px; padding:29px 20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.PersonLayer2 .Plbody{padding:30px 30px 50px 30px; background:#fff;width:550px;border-radius:0px 0px 10px 10px;overflow:hidden;}
.PersonLayer2 .Plbody p.BodyP{color:#463e3b;font-size:18px;text-align:center;line-height:26px;margin-bottom:30px;}
.PersonLayer2 .Plbody .Plwrite {margin-bottom:40px;}
.PersonLayer2 .Plbody .Plwrite ul{display:table;border-bottom:1px dotted #e0e0e0;}
.PersonLayer2 .Plbody .Plwrite ul.PlTop li{padding:22px 0}
.PersonLayer2 .Plbody .Plwrite ul.PlBot li.PlOne{vertical-align:top;padding-top:22px;}						
.PersonLayer2 .Plbody .Plwrite ul li{font-size:16px;padding:13px 0;display:table-cell;vertical-align:middle;}
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo.Pl2 input{border:1px solid #e0e0e0;padding:10px 8px;width:200px;}		
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo.Pl3 select{border:1px solid #e0e0e0;padding:8px;width:130px;vertical-align:bottom;margin-left:5px;}		
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo.Pl3 input{border:1px solid #e0e0e0;padding:10px 8px;width:70px;}		
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo.Pl4 select{border:1px solid #e0e0e0;padding:8px;width:80px;vertical-align:bottom;}		
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo.Pl4 input{border:1px solid #e0e0e0;padding:10px 8px;width:70px;}		
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo span.Pl1_1 input{margin-right:10px;}
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo span.Pl1_1{margin-right:10px;}						
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo span.Pl4_1{margin:0 8px;}			
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo textarea{width:370px; height:100px;border:1px solid #e0e0e0;padding:15px;}
.PersonLayer2 .Plbody .Plwrite ul li.PlOne{width:103px;padding-left:20px;background:url(../../../images/hope/web/sprite.png) no-repeat; background-position:-487px -357px;}
.PersonLayer2 .Plbody .Plwrite ul li.Pltwo{width:419px;}						
.PersonLayer2 .Plbody .Btns{text-align:center;} 						
.PersonLayer2 .Plbody .Btns a{padding:15px 40px;color:#fff;font-size:17px;margin:0 10px;border-radius: 5px 5px 5px 5px;vertical-align: bottom}
.PersonLayer2 .Plbody .Btns a.B1{background:#373029;}
.PersonLayer2 .Plbody .Btns a.B2{background:#8c8c8c;}						
.info4 .InfoBody ul{width:1080px;margin:auto;padding:30px 0;overflow: hidden }
.info4 .InfoBody ul li{float: left;margin-right:28px;margin-bottom:28px;}
.info4 .InfoBody ul li .qna{width:340px;height:340px;position:relative;}
.info4 .InfoBody ul li .qna .qnaIn:hover .QHead{-webkit-animation: bounce2 0.5s ease infinite;animation: bounce2 0.5s ease infinite;}
.info4 .InfoBody ul li .qna .qnaIn.qnaped{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.info4 .InfoBody ul li .qna .qnaIn .QHead{position: absolute;left:50%; top:11px;width:104px; height: 104px;margin-left: -51px;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-indent: -9999px;}
.info4 .InfoBody ul li .qna .qnaIn .QHead.Hfront{background: url(../../../images/hope/web/qna.png) no-repeat;z-index: 4;text-indent: -9999px;}
.info4 .InfoBody ul li .qna .qnaIn.qnaped .QHead.Hback{z-index:4;-webkit-backface-visibility:visible;backface-visibility:visible;background: url(../../../images/hope/web/qna.png) no-repeat;background-position: 0px -104px;}					
.info4 .InfoBody ul li .qna .qnaIn.qnaped .back{z-index:4;-webkit-backface-visibility:visible;backface-visibility:visible;}					
.info4 .InfoBody ul li .qna .qnaIn.qnaped .back p{text-align:center;font-size:17px; line-height:26px;padding-top: 142px;}						
.info4 .InfoBody ul li .qna .qnaIn.qnaped .back p a{color:#fff;}						
.info4 .InfoBody ul li .qna .qnaIn{width:345px;height:351px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.5s;transition:.5s}
.info4 .InfoBody ul li .qna .qnaIn .face{width:345px;height:351px;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;cursor:pointer;background: url(../../../images/hope/web/qnaBgs.png) no-repeat;}
.info4 .InfoBody ul li .qna .qnaIn .front{position:absolute;z-index:3;display:table;padding-top: 63px;}
.info4 .InfoBody ul li .qna .qnaIn .front p{text-align: center;font-size: 20px;padding-top:100px; }
.info4 .InfoBody ul li .qna .qnaIn .back{-webkit-backface-visibility:visible;backface-visibility:visible;display:table;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);color:#fff;}
.info4 .InfoBody ul li .qna .qnaIn .back p{text-align:center;font-size:17px; line-height:24px;padding-top: 142px;}						
.info4 .InfoBody ul li .qna .qnaIn .back p a{color:#fff;}						
.Qbg1 .qnaIn .front,.Qbg3 .qnaIn .front,.Qbg5 .qnaIn .front{background:#fff;}
.Qbg2 .qnaIn .front,.Qbg4 .qnaIn .front,.Qbg6 .qnaIn .front{background:#7f5e4c;color:#fff;}						
@-webkit-keyframes  bounce2{0%{top:11px;} 50%{top:9px} 100% {top:11px;}}
@keyframes  bounce2{0%{top:11px;} 50%{top:9px} 100% {top:11px;}}
.Event1{width:100%; min-width: 1080px; background: url(../../../images/hope/web/EventBg2.png) 50% 0 no-repeat;position: relative}
.EventActive{width:100%; background: url(../../../images/hope/web/EventBg1.png) 50% bottom no-repeat;height: 274px;position: absolute;bottom:-1px;z-index: 2;text-indent: -9999px;}
.Event1 .inner{height: 891px;width:1080px; margin: auto;position: relative}
.Event1 .inner h1{padding-top: 165px;margin-bottom: 34px;opacity: 0; -webkit-animation: fade 0.5s ease forwards;animation: fade 0.5s ease forwards;}
.Event1 .inner p{font-size: 22px; color:#38312a; line-height: 34px;opacity: 0; -webkit-animation: fade 0.5s ease 0.25s forwards;animation: fade 0.5s ease 0.25s forwards;}
.Event1 .inner .Evonj1{position: absolute;left:333px; top:316px; -webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
.Event1 .inner p span{color:#fff770;}
.Event1 .EventAc2{background: url(../../../images/hope/web/EventBgobj1.png) no-repeat;text-indent:-9999px; position: absolute;left:50%;margin-left:-137px; top:95px;width:757px; height: 652px;background-position: 0 652px;-webkit-animation: EvUp 1s ease 0.5s forwards;animation: EvUp 1s ease 0.5s forwards;}
@-webkit-keyframes EvUp{0%{background-position: 0 652px} 100% {background-position: 0 0px}}
@keyframes EvUp{0%{background-position: 0 652px} 100% {background-position: 0 0px}}
.Event2{width:100%; min-width: 1080px; background: #fff;padding-bottom: 80px;}
.Event2 .inner{width:1080px; margin: auto;position: relative}
.Event2 .inner h1{text-align: center;margin-bottom: 10px;}
.Event2 .inner .Videos{position: relative;width:1080px;overflow: hidden;height: 551px;margin: auto;text-align: center;padding-top: 30px;}
.Event2 .inner .Videos iframe{width: 980px; height: 551px;top: -549px;position: relative;}
.Event2 .inner .Videos.on iframe{-webkit-animation: hi2 1s ease forwards;animation: hi2 1s ease forwards;}
@-webkit-keyframes hi2{0%{top:-549px;} 100% {top:0px;}}
@keyframes hi2{0%{top:-549px;} 100% {top:0px;}}
.Event2 .inner .EventObj1{position: absolute;top:379px; left:50%; margin-left: -697px; -webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
.Event3{width:100%; min-width: 1080px; background: url(../../../images/hope/web/PaBgs.jpg) repeat;position: relative;}
.Event3 .inner{width:1080px; margin: auto;position: relative;height: 2242px;}
.Event3 .inner h2{text-align: center;margin-bottom: 12px;}
.Event3 .EventBg1{width:100%; background: url(../../../images/hope/web/Event2Bgs.png) 50% 0 no-repeat;height: 478px;text-indent: -9999px;position: absolute;top:0px;}
.Event3 .EventBg2{width:100%; background: url(../../../images/hope/web/LineBgsPa.png) 50% 0 no-repeat;height: 274px;text-indent: -9999px;position: absolute;bottom:-1px;}
.Event3 .inner .Videos{position: relative;width:1080px;overflow: hidden;;margin: auto;text-align: center;padding-top: 30px;padding-bottom: 80px;}
.Event3 .inner .Videos iframe{width: 741px; height: 417px;top: -415px;position: relative;}
.Event3 .inner .Videos.on iframe{-webkit-animation: hi2 1s ease forwards;animation: hi2 1s ease forwards;}
@-webkit-keyframes hi3{0%{top:-415px;} 100% {top:0px;}}
@keyframes hi3{0%{top:-415px;} 100% {top:0px;}}
.Event3 .inner .Picarea{width:100%;margin-bottom: 50px;}
.Event3 .inner .Picarea ul{overflow: hidden}
.Event3 .inner .Picarea ul li{float: left;}
.Event3 .inner .Picarea ul li p{margin-bottom: 25px;opacity: 0;}
.Event3 .inner .Picarea ul li.on p.one{-webkit-animation: fade 0.5s ease forwards;animation: fade 0.5s ease forwards;}
.Event3 .inner .Picarea ul li.on p.two{-webkit-animation: fade 0.5s ease 0.25s forwards;animation: fade 0.5s ease 0.25s forwards;}
.Event3 .inner .Picarea ul li.on p.thr{-webkit-animation: fade 0.5s ease 0.5s forwards;animation: fade 0.5s ease 0.5s forwards;}
.Event3 .inner .Picarea ul li.on p.for{-webkit-animation: fade 0.5s ease 0.75s forwards;animation: fade 0.5s ease 0.75s forwards;}
.Event3 .inner .Picarea ul li.on p.fiv{-webkit-animation: fade 0.5s ease 1s forwards;animation: fade 0.5s ease 1s forwards;}
.Event3 .inner .Withsarea{margin-bottom: 35px;}
.Event3 .inner .Withsarea ul{ overflow: hidden;}
.Event3 .inner .Withsarea ul li{position: relative;float: left;text-align: center;}
.Event3 .inner .Withsarea ul li .Thunms{background: url(../../../images/hope/web/EventSteps.png) no-repeat;padding:174px 53px 0 53px;width:155px;display: inline-block;opacity: 0;text-indent: -9999px}
.Event3 .inner .Withsarea ul li p{opacity: 0}
.Event3 .inner .Withsarea ul li.Withs1 .Thunms{background-position: 60px 0px}
.Event3 .inner .Withsarea ul li.Withs2 .Thunms{background-position: -222px 0px}
.Event3 .inner .Withsarea ul li.Withs3 .Thunms{background-position: -495px 0px}
.Event3 .inner .Withsarea ul li.Withs4 .Thunms{background-position: -767px 0px}
.Event3 .inner .Withsarea ul li span{background: url(../../../images/hope/web/sprite.png) no-repeat;width: 23px;height: 42px;display: block;position: absolute;top: 50px;right: -9px;background-position: -295px 0;opacity: 0;text-indent: -9999px}
.Event3 .inner .Withsarea ul li.Withs1.on .Thunms,.Event3 .inner .Withsarea ul li.Withs1.on p{-webkit-animation: fade 0.5s ease 1.25s forwards;animation: fade 0.5s ease 1.25s forwards;}
.Event3 .inner .Withsarea ul li.Withs1.on span{-webkit-animation: fade 0.5s ease 1.25s forwards;animation: fade 0.5s ease 1.25s forwards;}
.Event3 .inner .Withsarea ul li.Withs2.on .Thunms,.Event3 .inner .Withsarea ul li.Withs2.on p{-webkit-animation: fade 0.5s ease 1.5s forwards;animation: fade 0.5s ease 1.5s forwards;}
.Event3 .inner .Withsarea ul li.Withs2.on span{-webkit-animation: fade 0.5s ease 1.5s forwards;animation: fade 0.5s ease 1.5s forwards;}
.Event3 .inner .Withsarea ul li.Withs3.on .Thunms,.Event3 .inner .Withsarea ul li.Withs3.on p{-webkit-animation: fade 0.5s ease 1.75s forwards;animation: fade 0.5s ease 1.75s forwards;}
.Event3 .inner .Withsarea ul li.Withs3.on span{-webkit-animation: fade 0.5s ease 1.75s forwards;animation: fade 0.5s ease 1.75s forwards;}
.Event3 .inner .Withsarea ul li.Withs4.on .Thunms,.Event3 .inner .Withsarea ul li.Withs4.on p{-webkit-animation: fade 0.5s ease 2s forwards;animation: fade 0.5s ease 2s forwards;}
.Event3 .inner .Withsarea ul li.Withs4.on span{-webkit-animation: fade 0.5s ease 2s forwards;animation: fade 0.5s ease 2s forwards;}
.Event3 .inner .YoutubeInput h2{text-align: left;background: url(../../../images/hope/web/sprite.png) no-repeat;padding: 38px 0 48px 110px;background-position: 0 -398px;border-bottom: 2px solid #38312a;margin-bottom: 40px;}.Event3 .inner .YoutubeInput .InputArea{width:1080px; margin:auto;position:relative;}
.Event3 .inner .YoutubeInput .InputArea ul{overflow:hidden;width:100%;}					
.Event3 .inner .YoutubeInput .InputArea ul li{display: inline-block;line-height:43px; font-size:16px;font-weight:700;vertical-align: middle}	
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableT1{width:158px;}
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableT2{width:193px;}
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableT3{width:280px;text-align:right;}					
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableT4{width:194px;}
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableT5{ width: 185px;padding-left: 20px;line-height: 20px;font-size: 14px;color: #fff;}
.Event3 .inner .YoutubeInput .InputArea ul li.CaTableTEtc{width:912px;}					
.Event3 .inner .YoutubeInput .InputArea ul li input{border:1px solid #d7d7d7;padding:10px 5px;font-size:16px;width:180px;}
.Event3 .inner .YoutubeInput .InputArea ul li input.Newinput{width:406px;}
.Event3 .inner .YoutubeInput .InputArea ul li input[type="radio"]{padding:0px;width:auto;margin-right: 10px;}
.Event3 .inner .YoutubeInput .InputArea ul li a.MovInfo{display: inline-block;padding:8px 0; vertical-align: top;padding-left: 10px;}
.Event3 .inner .YoutubeInput .InputArea ul li span.Tubes{ font-size: 12px;display: inline-block;line-height: 20px;vertical-align: middle;color:#fff;}
.Event3 .inner .YoutubeInput .InputArea .PerOkBtn{text-align:center;}
.Event3 .inner .YoutubeInput .InputArea .PerOkBtn a{text-indent: -9999px;}
.Event3 .inner .deco1{background: url(../../../images/hope/web/Info1De1.png) no-repeat;width:101px; height: 156px;text-indent: -9999px;position: absolute;bottom:77px;left:145px;z-index: 5}
.Event3 .inner .deco2{background: url(../../../images/hope/web/Event3Ch1.png) no-repeat;width:133px; height: 114px;text-indent: -9999px;position: absolute;bottom:139px;left:10px;z-index: 5; -webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
.Event3 .inner .deco3{background: url(../../../images/hope/web/EventLine.png) no-repeat;width: 59px;height: 0px;position: absolute;top: 2144px;left: 111px;z-index: 5; text-indent: -9999px;}
.Event3 .inner .deco3.on{-webkit-animation: Hei 0.5s ease forwards;animation: Hei 0.5s ease forwards;}
@-webkit-keyframes Hei{0%{height:0px;} 100% {height:73px;}}
@keyframes Hei{0%{height:0px;} 100% {height:73px;}}
.YoutubeLayer{width:690px; margin:auto;position:fixed;top:50%;margin-top:-355px;left:50%; margin-left:-345px;z-index:100;border-radius:4px 4px 4px 4px;display: none}
.YoutubeLayer .Layerx{position:absolute;right:-22.5px;width:62px; height:64px; background:url(../../../images/hope/web/sprite.png) no-repeat; background-position: -442px 0;display:block;top:-22.5px;}								
.YoutubeLayer .PlHead{background:url(../../../images/hope/web/Layerbg1.jpg) repeat-x; width:650px; padding:20px;font-size:24px;color:#fff;border-radius:10px 10px 0px 0px;overflow:hidden;}
.YoutubeLayer .Plbody{padding:20px; background:#fff;width:650px;}
.YoutubeLayer .PlFot{padding:30px 70px;color:#38312a; font-size: 18px;background: #f4f7e9;line-height: 28px;border-radius:0px 0px 10px 10px;overflow:hidden;}
.Event4{width:100%; min-width:1080px;padding-bottom: 110px;}
.Event4 .inner{width:1080px; margin: auto;}
.Event4 .inner h1{text-align: center}
.Event4 .inner .cont img{-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,1); box-shadow: 0px 0px 29px 0px rgba(0,0,0,1);}
.Event5{width:100%; min-width:1080px;background: url(../../../images/hope/web/Hubgs.jpg) repeat;padding:240px 0 100px 0;position: relative}
.Event5 .inner{width:1080px; margin: auto;position: relative}
.Event5 .EventBg1{width:100%; background: url(../../../images/hope/web/LineBgs.png) 50% 0 no-repeat;height: 274px; top:0px;position: absolute;}
.Event5 .deco1{position: absolute;background: url(../../../images/hope/web/event5ch.png) no-repeat;width:157px; height: 174px;left:50%; margin-left: 165px;top:10px;text-indent: -9999px;}
.Event5 .deco2{position: absolute;background: url(../../../images/hope/web/Event4Ch1.png) no-repeat;width:168px; height: 123px;text-indent: -9999px;left:50%; margin-left: 322px;top:0px;-webkit-animation: anis 1.5s ease infinite;animation: anis 1.5s ease infinite;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
.Event5 .deco3{position: absolute;background: url(../../../images/hope/web/EventLineR.png) no-repeat;width:59px; height:73px;left:50%; margin-left: 308px;top:172px;text-indent: -9999px;}
.Event5 .inner .checks{margin-bottom: 50px;}
.Event5 .inner .checks ul{overflow: hidden;}
.Event5 .inner .checks ul li{float: left;}
.Event5 .inner .checks ul li.fi{width:207px;}
.Event5 .inner .checks ul li p{color:#fff;font-size: 18px;line-height: 30px; background: url(../../../images/hope/web/sprite.png) no-repeat;background-position: 0 -527px;padding-left: 25px }
.Event5 .inner .checks ul li p.Ye{color:#ffec4d;background: none;}
.Event5 .inner .checks ul li p.none{background: none;}
.Event5 .inner .checks ul li p span{display: block;padding-left: 10px;}
.Event5 .inner .checks ul li p span.sms{font-size: 14px;}
.Event5 .inner .MovisTabs{width:100%;}
.Event5 .inner .MovisTabs ul{overflow: hidden;}
.Event5 .inner .MovisTabs ul.Movieheading{margin-bottom: 50px;position: relative}
.Event5 .inner .MovisTabs ul.Movieheading .lines{position: absolute;top:50%; width:600px; height: 2px;background: #fff;margin-top: -6px;right:0px;}
.Event5 .inner .MovisTabs ul.Movieheading li{float: left;}
.Event5 .inner .MovisTabs ul.Movieheading li a{width:220px; height: 62px; text-align: center;display: block;padding-top: 30px;}
.Event5 .inner .MovisTabs ul.Movieheading li.on a{background: url(../../../images/hope/web/Event4Tabbg1.png) no-repeat;}
.Event5 .inner .MovisTabs ul.Movieheading li a{background: url(../../../images/hope/web/Event4Tabbg2.png) no-repeat;}
.Event5 .inner .MovisTabs ul.MovieCont{overflow: hidden;margin-bottom: 50px;}
.Event5 .inner .MovisTabs ul.MovieCont li{float: left;margin-right: 20px;margin-bottom: 20px;}
.Event5 .inner .MovisTabs ul.MovieCont li a{width:255px; height: 170px; display: block;}
.Event5 .inner .MovisTabs ul.MovieCont li a img{width: 255px;height: 170px;}
.MovisTabs .Evbtns{width:100%;text-align: center;}
.HopeLetterArea{background: url(../../../images/hope/web/hopeletterbg.jpg) repeat;padding:118px 0;}
.HopeLetterArea .inner{width:1080px; margin: auto;position: relative}
.HopeLetterArea .inner h1{text-align: center;margin-bottom: 45px;}
.HopeLetterArea .inner .HopeLCont1{margin-bottom: 50px;-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,1); box-shadow: 0px 0px 29px 0px rgba(0,0,0,1);}
.HopeLetterArea .inner .HopeLCont2 {margin-bottom: 50px;}
.HopeLetterArea .inner .HopeLCont2 ul{overflow: hidden;}
.HopeLetterArea .inner .HopeLCont2 ul li{float: left;margin: 0 16px 32px 0;opacity: 0;}
.HopeLetterArea .inner .HopeLCont2 ul li.Hone.on{-webkit-animation: fade 0.5s ease 0s forwards;animation: fade 0.5s ease 0s forwards;}
.HopeLetterArea .inner .HopeLCont2 ul li.Htwo.on{-webkit-animation: fade 0.5s ease 0.25s forwards;animation: fade 0.5s ease 0.25s forwards;}
.HopeLetterArea .inner .HopeLCont2 ul li.Hthr.on{-webkit-animation: fade 0.5s ease 0.5s forwards;animation: fade 0.5s ease 0.5s forwards;}
.HopeLetterArea .inner .HopeLCont2 ul li.Hfor.on{-webkit-animation: fade 0.5s ease 0.75s forwards;animation: fade 0.5s ease 0.75s forwards;}
.Hobtns{text-align: center}
.Tn{text-indent: -9999px !important;}
.CymonTxts{text-indent: -9999px !important;width:638px; height: 312px;}
.HopeLetters .HlCont7 .CymonTxts h2{padding-top: 76px;margin-bottom: 12px;font-size: 33px;text-align: left;}
.HopeLetters .HlCont7 .CymonTxts p{font-size: 20px;line-height: 40px;text-align: left;}
.InstaTxt{padding-top: 30px; text-align: center;width:100%;color:#fff; font-size: 16px;}
.InstaTxt p img{padding: 0 5px; width:150px; vertical-align: middle;}
.txtIndent{text-indent:-9999px; display:inline-block;width:1px;height: 1px; ;margin: -1px;}
/*희망가족행사*/
.HopeFam{width:100%;height: 100%;}
.HopeFam.HopeFam1{width:100%; background:#fff url(../../../images/hope/web/HopeFamBg1.jpg) 50% 0 no-repeat;min-width:1080px;position: relative}
.HopeFam.HopeFam1 .inner{height: 965px;width:1080px; margin: auto;position: relative;z-index: 1}
.HopeFam.HopeFam1 .inner .HopeHead{padding-top: 90px;text-align: center;margin-bottom: 54px;}
.HopeFam.HopeFam1 .inner .HopeHead p{color:#777;font-size: 18px; line-height: 28px;}
.HopeFam.HopeFam1 .inner .HopeHead h1{margin-bottom: 40px;}
.HopeFam.HopeFam1 .inner .HopeConts{position: relative;text-align: center}
.HopeFam.HopeFam1 .inner .HopeConts .FamBg1{background: url(../../../images/hope/web/HopeFamimg1Bg2.png) no-repeat;width:773px; height: 221px;margin: auto;} 
.HopeFam.HopeFam1 .inner .HopeConts .FamBg2{background: url(../../../images/hope/web/HopeFamimg1Bg3.png) no-repeat;width:731px; height: 468px;position: absolute;left:80px; top:80px;opacity: 0;-webkit-animation: fade2 0.5s ease 0.5s forwards;animation: fade2 0.5s ease 0.5s forwards;margin-top: -5px;} 
.HopeFam.HopeFam1 .HopeFamBg1{position: absolute;background: url(../../../images/hope/web/HopeFamimg1.png) 50% 0 no-repeat;height: 170px;bottom:0px;width:100%;z-index: 0;background-position: 0 170px;animation: backH 1s ease forwards;-webkit-animation: backH 1s ease forwards}
@-webkit-keyframes backH{0%{background-position: 0 170px;} 100% {background-position: 0 0px;}}
@keyframes backH{0%{background-position: 0 170px;} 100% {background-position: 0 0px;}}
@-webkit-keyframes fade2 {0% {opacity: 0;margin-top: -5px;}100% {opacity: 1; margin-top: 0px;}}
@keyframes fade2 {0% {opacity: 0;margin-top: -5px;}100% {opacity: 1; margin-top: 0px;}}
.HopeFam.HopeFam2{width:100%; background:#fff;min-width:1080px;position: relative;padding: 116px 0 87px 0}
.HopeFam.HopeFam2 .inner{width:1080px; margin: auto;position: relative}
.HopeFam.HopeFam2 .inner h1{margin-bottom: 60px;}
.HopeFam.HopeFam2 .inner ul{overflow: hidden;margin-bottom: 30px;}
.HopeFam.HopeFam2 .inner ul li{width:255px;float: left;margin-right: 20px;}
.HopeFam.HopeFam2 .inner ul li .ListH{padding:20px;text-align: center;border-radius: 0px 30px 0px 0px;}
.HopeFam.HopeFam2 .inner ul li.Cho .ListH{background: url(../../../images/hope/web/hopeletterbg.jpg) repeat;}
.HopeFam.HopeFam2 .inner ul li.reds .ListH{background: url(../../../images/hope/web/HopeFamimg6Bg.png) repeat;}
.HopeFam.HopeFam2 .inner ul li .ListTxt{background: #6d6761;padding:26px 0 26px 0;text-align: center;}
.HopeFam.HopeFam2 .inner ul li .ListTxt p{font-size: 18px;line-height: 24px;font-weight: 700;}
.HopeFam.HopeFam2 .inner ul li .ListTxt p.Sms{font-size: 16px;line-height: 22px;font-weight: normal}
.HopeFam.HopeFam2 .inner ul li.Cho .ListTxt p{color:#f2fccf;}
.HopeFam.HopeFam2 .inner ul li.Cho .ListTxt p.Sms{color:#fff;}
.HopeFam.HopeFam2 .inner ul li.reds .ListTxt p{color:#fcded4;}
.HopeFam.HopeFam2 .inner ul li.reds .ListTxt p.Sms{color:#fff;}
.HopeFam.HopeFam2 .inner p.EtcTxt{color:#9b9a9a; font-size: 15px; text-align: right;}
.HopeFam.HopeFam3{width:100%; background:#f4f7e9;min-width:1080px;position: relative;padding: 78px 0 109px 0}
.HopeFam.HopeFam3 .inner{width:1080px; margin: auto;position: relative}
.HopeFam.HopeFam3 .inner .HopeHead{text-align: center}
.HopeFam.HopeFam3 .inner .HopeHead p{color: #38312a;font-size: 18px;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody{border: 1px solid #38312a;border-top:0px; }
.HopeFam.HopeFam3 .inner .HopeCont table thead th.RoL{border-radius: 37px 0px 0px 0px;}
.HopeFam.HopeFam3 .inner .HopeCont table thead th.RoR{border-radius: 0px 37px 0px 0px;}
.HopeFam.HopeFam3 .inner .HopeCont table thead th{background: #38312a;padding: 22px;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td{font-size: 17px;color:#38312a;line-height: 24px;text-align: left; padding: 22px 20px 22px 20px;border: 1px solid #e0e0e0;background: #fff;font-weight: 700}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td.center{text-align: center;padding: 0px;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td.center a{background:#93b127; color:#fff; padding:10px 30px;font-weight: 800;border-radius: 22px 22px 22px 22px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td.Compl.center a{box-shadow: none; background: none; font-weight: 800;color:#38312a;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td a{display: inline-block;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td a.Tn{width:22px; height: 22px; background: url(../../../images/hope/web/sprite.png) no-repeat;background-position: 0 -177px;margin-left: 20px;}
.HopeFam.HopeFam3 .inner .HopeCont table tbody td.Compl{background: #f5f4f4;}
.W1{width:160px;}.W2{width:358px;}.W3{width:161px;}.W4{width:244px;}.W5{width:149px;}
.HopeFam.HopeFam4{width:100%; background: url(../../../images/hope/web/hopeletterbg.jpg) repeat;min-width:1080px;position: relative;padding: 70px 0 70px 0}
.HopeFam.HopeFam4 .inner{width:1080px; margin: auto;position: relative}
.HopeFam.HopeFam4 .inner h1{text-align: center;margin-bottom: 60px;}
.HopeFam4 .inner ul{overflow: hidden}
.HopeFam4 .inner ul li{float: left;width:268px;position: relative;text-align: center}
.HopeFam4 .inner ul li p{padding-top: 175px;background: url(../../../images/hope/web/HopeFamimg3Steps.png) no-repeat;font-size: 18px;color:#fff;line-height: 26px;opacity: 0}
.HopeFam4 .inner ul li.Withs1 p{background-position: 53px 0px}
.HopeFam4 .inner ul li.Withs2 p{background-position: -214px 0px}
.HopeFam4 .inner ul li.Withs3 p{background-position: -486px 0px}
.HopeFam4 .inner ul li.Withs4 p{background-position: -759px 0px}
.HopeFam4 .inner ul li span.smun{font-size: 15px;line-height: 22px;display: inline-block}
.HopeFam4 .inner ul li span.Tn{background: url(../../../images/hope/web/sprite.png) no-repeat;width: 23px;height: 42px;display: block;position: absolute;top: 50px;right: -11px;background-position: -295px 0;opacity: 0}
.HopeFam4 .inner ul li.Withs1.on p{-webkit-animation: fade 0.5s ease 0s forwards;animation: fade 0.5s ease 0s forwards;}
.HopeFam4 .inner ul li.Withs1.on span.Tn{-webkit-animation: fade 0.5s ease .25s forwards;animation: fade 0.5s ease .25s forwards;}
.HopeFam4 .inner ul li.Withs2.on p{-webkit-animation: fade 0.5s ease .5s forwards;animation: fade 0.5s ease .5s forwards;}
.HopeFam4 .inner ul li.Withs2.on span.Tn{-webkit-animation: fade 0.5s ease .75s forwards;animation: fade 0.5s ease .75s forwards;}
.HopeFam4 .inner ul li.Withs3.on p{-webkit-animation: fade 0.5s ease 1s forwards;animation: fade 0.5s ease 1s forwards;}
.HopeFam4 .inner ul li.Withs3.on span.Tn{-webkit-animation: fade 0.5s ease 1.25s forwards;animation: fade 0.5s ease 1.25s forwards;}
.HopeFam4 .inner ul li.Withs4.on p{-webkit-animation: fade 0.5s ease 1.5s forwards;animation: fade 0.5s ease 1.5s forwards;}
.HopeFam4 .inner ul li.Withs4.on span.Tn{-webkit-animation: fade 0.5s ease 1.75s forwards;animation: fade 0.5s ease 1.75s forwards;}
.HopeFam.HopeFam5{width:100%; background: #f4f7e9;min-width:1080px;position: relative;padding: 75px 0 70px 0}
.HopeFam.HopeFam5 .inner{width:1080px; margin: auto;position: relative}
.HopeFam.HopeFam5 .inner h1{text-align: center;margin-bottom: 60px;}
.HopeFam.HopeFam5 .inner .Fam6Txt{padding-left: 50px;}
.HopeFam.HopeFam5 .inner .Fam6Txt p{color:#655e58; font-size: 16px; line-height: 24px;}
.HopeFam.HopeFam5 .inner .Fam6Txt p span{font-size: 30px; color:#93b127;padding-right: 10px;display: inline-block;vertical-align: middle}
.HopeFam.HopeFam6{width:100%; background: #fff6f6;min-width:1080px;position: relative;padding: 65px 0 90px 0}
.HopeFam.HopeFam6 .inner{width:1080px; margin: auto;position: relative}
.HopeFam.HopeFam6 .inner h1{text-align: center;margin-bottom: 70px;}
.HopeFam.HopeFam6 .FamBg1{background: url(../../../images/hope/web/HopeFamimg2Bg1.png) no-repeat;width:169px; height: 149px;position: absolute;left:0px; top:0px;}
.HopeFam.HopeFam6 .FamBg2{background: url(../../../images/hope/web/HopeFamimg2Bg2.png) no-repeat;width:169px; height: 149px;position: absolute;right:0px; top:0px;}
.HopeFam.HopeFam6 .inner .Txtbox h2{background: url(../../../images/hope/web/HopeFamimg6Bg.png) repeat;width:225px; padding:22px 0; text-align: center;border-radius: 0px 30px 0px 0px;border: 2px solid #38312a;border-bottom: 0px;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox{border: 2px solid #38312a;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox1{border: 2px solid #38312a;padding:35px 50px;border-bottom: 0px;background: #fff;position: relative}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox1 p{color:#38312a; font-size: 17px; line-height: 30px;margin-bottom: 10px;font-weight: 700;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox1 p span.Bun{color:#fff; font-weight: 800; padding:1px 12px;background: #38312a;display: inline-block;margin-right: 5px;border-radius: 30px 30px 30px 30px;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox1 p span.Stxt{color:#ed5151;font-size: 15px;padding-left: 35px;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox1 .Deco{background: url(../../../images/hope/web/HopeFamimg5Icon.png) no-repeat;position: absolute;right:-21px; top:48px;width:266px; height: 228px; }
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox2{background: #fff;padding: 35px 0;border-bottom: 0px;}
.HopeFam.HopeFam6 .inner ul{overflow: hidden;width:960px; margin: auto;}
.HopeFam.HopeFam6 .inner ul li{float: left;width:240px;position: relative;text-align: center}
.HopeFam.HopeFam6 .inner ul li p{padding-top: 165px;background: url(../../../images/hope/web/HopeFamimg5Steps.png) no-repeat;font-size: 18px;color:#38312a;line-height: 26px;font-weight: 800;opacity: 0}
.HopeFam.HopeFam6 .inner ul li.Withs1 p{background-position: 50px 0px}
.HopeFam.HopeFam6 .inner ul li.Withs2 p{background-position: -200px 0px}
.HopeFam.HopeFam6 .inner ul li.Withs3 p{background-position: -440px 0px}
.HopeFam.HopeFam6 .inner ul li.Withs4 p{background-position: -685px 0px}
.HopeFam.HopeFam6 .inner ul li span.smun{font-size: 15px;line-height: 22px;font-weight: normal;display: inline-block}
.HopeFam.HopeFam6 .inner ul li span.Tn{background: url(../../../images/hope/web/sprite.png) no-repeat;width: 20px;height: 37px;display: block;position: absolute;top: 50px;right: -11px;background-position: -299px -57px;opacity: 0}
.HopeFam.HopeFam6 .inner ul li.Withs1.on p{-webkit-animation: fade 0.5s ease 0s forwards;animation: fade 0.5s ease 0s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs1.on span.Tn{-webkit-animation: fade 0.5s ease .25s forwards;animation: fade 0.5s ease .25s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs2.on p{-webkit-animation: fade 0.5s ease .5s forwards;animation: fade 0.5s ease .5s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs2.on span.Tn{-webkit-animation: fade 0.5s ease .75s forwards;animation: fade 0.5s ease .75s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs3.on p{-webkit-animation: fade 0.5s ease 1s forwards;animation: fade 0.5s ease 1s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs3.on span.Tn{-webkit-animation: fade 0.5s ease 1.25s forwards;animation: fade 0.5s ease 1.25s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs4.on p{-webkit-animation: fade 0.5s ease 1.5s forwards;animation: fade 0.5s ease 1.5s forwards;}
.HopeFam.HopeFam6 .inner ul li.Withs4.on span.Tn{-webkit-animation: fade 0.5s ease 1.75s forwards;animation: fade 0.5s ease 1.75s forwards;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox3{background: url(../../../images/hope/web/HopeFamimg6Bg.png) repeat;;padding: 35px 0;text-align: right;position: relative}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox3 img{padding-right: 50px;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox3 .Deco{background: url(../../../images/hope/web/HopeFamimg6Icon.png) no-repeat;position: absolute;left:48px; bottom:-2px;width:247px; height: 187px; background-position: 0 187px;}
.HopeFam.HopeFam6 .inner .Txtbox .Tbox.Tbox3 .Deco.on{-webkit-animation: Unders 1s ease forwards;animation: Unders 1s ease forwards;}
@-webkit-keyframes Unders{0%{background-position: 0 187px;} 100% {background-position: 0 0px;}}
@keyframes Unders{0%{background-position: 0 187px;} 100% {background-position: 0 0px;}}
.HopeFamForm{background: #f5f4f4;padding:61px 0 100px 0}
.HopeFamForm .inner{width:1080px; margin: auto;}
.HopeFamForm .inner .Sec1{margin-bottom: 60px;}
.HopeFamForm .inner .Sec1 h1{font-size: 32px; font-weight: 800; background: url(../../../images/hope/web/sprite.png) no-repeat;padding: 38px 0 48px 130px;background-position: -384px -584px;border-bottom: 2px solid #38312a;margin-bottom: 40px;color:#38312a;margin-bottom: 34px;}
.HopeFamForm .inner .Sec1 ul{overflow: hidden}
.HopeFamForm .inner .Sec1 ul li{float: left;}
.HopeFamForm .inner .Sec1 ul li.Tareali{background: #fff; padding:40px 49px;width:595px;height: 317px;overflow-x: hidden;}
.HopeFamForm .inner .Sec1 ul li .Tarea{width:100%;}
.HopeFamForm .inner .Sec1 ul li .Tarea p{display: inline-block;font-size: 17px;}
.HopeFamForm .inner .Sec1 ul li .Tarea p.Set1{padding-left: 22px;width:105px;background: url(../../../images/hope/web/sprite.png) no-repeat;background-position: -484px -63px;font-weight: 700;}
.HopeFamForm .inner .Sec1 ul li .Tarea p.Set2.bl{display: block;line-height: 24px;text-align: justify}
.HopeFamForm .inner .Sec1 ul li .Tarea p a{ width: 22px;height: 22px;background: url(../../../images/hope/web/sprite.png) no-repeat;background-position: 0 -177px;margin-left: 20px;display: inline-block; vertical-align: middle}
.HopeFamForm .inner .Sec2 h1{font-size: 24px; font-weight: 800; background: url(../../../images/hope/web/sprite.png) no-repeat;padding: 11px 0 32px 54px;background-position: 0px -710px;border-bottom: 2px solid #38312a;color:#38312a;margin-bottom: 34px;}
.HopeFamForm .inner .Sec2 table{width:100%;}
.HopeFamForm .inner .Sec2 table th{font-weight: 800;}
.HopeFamForm .inner .Sec2 table th.Vtop{vertical-align: top;padding-top: 20px;}
.HopeFamForm .inner .Sec2 table th,.HopeFamForm .inner .Sec2 table td{font-size: 17px;padding: 15px 0;text-align: left;}
.HopeFamForm .inner .Sec2 table td span{display: inline-block;}
.HopeFamForm .inner .Sec2 table td input{padding:10px;border: 1px solid #c0c0c0;}
.HopeFamForm .inner .Sec2 table td input[type="radio"]{border: none 0;}
.HopeFamForm .inner .Sec2 table td select{padding:8px 10px;border: 1px solid #c0c0c0;}
.HopeFamForm .inner .Sec2 table td span.pr10{padding-right: 10px;}
.HopeFamForm .inner .Sec2 table td span.pr20{padding-right: 20px;}
.HopeFamForm .inner .Sec2 table td span.pl10{padding-left: 10px;}
.Wu1{width:207px;}.Wu2{width:873px;}
.HopeFamForm .inner .Sec2 table td.In2 input{width:267px;}
.HopeFamForm .inner .Sec2 table td.In3 select{width:100px;}
.HopeFamForm .inner .Sec2 table td.In5 select{width:100px;}
.HopeFamForm .inner .Sec2 table td.In5 input{width:80px;}
.HopeFamForm .inner .Sec2 table td.In6 select{width:150px;}
.HopeFamForm .inner .Sec2 table td.In6 input{width:120px;}
.HopeFamForm .inner .Sec2 table td.In7 select{width:80px;}
.HopeFamForm .inner .Sec2 table td.In8 textarea{border: 1px solid #c0c0c0;padding:15px;width:840px;height: 100px;font-size: 15px; line-height: 24px;}
.HopeFamForm .inner .Sec2 table td.In9 .Person{border: 1px solid #c0c0c0;padding:20px;font-size: 16px; line-height: 28px;}
.Sectable{border-bottom: 2px solid #38312a; padding-bottom: 30px;}
.FormBtns{width:100%; text-align: center;padding: 50px 0;position: relative;}
.FormBtns a.Sups{padding: 30px 60px; background: #292929;-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);display: inline-block;}
.FormBtns a.Sups2{background:#93b127 url(../../../images/hope/web/sprite.png) no-repeat; border: 1px solid #647f03; color:#fff; font-size: 15px;position: absolute;right:0px; top:52px; padding:16px 36px;border-radius: 25px 25px 25px 25px;background-position:167px -637px}

.Cou{width:720px;margin: auto;height: 1110px; background: url(../../../images/hope/web/Couimg3.jpg) no-repeat; position: relative;}
.Cou .Cou1Btn1{position: absolute;top:573px; left:150px;}
.Cou .Cou1Btn1 a,.Cou .Cou1Btn2 a{display: block;width:100%;}
.Cou .Cou1Btn2{position: absolute;top:768px; left:42px;}