@charset "utf-8";

/*@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(../font/NanumSquareL.woff) format('woff')}*/
/*@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(../font/NanumSquareR.woff) format('woff')}*/
/*@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(../font/NanumSquareB.woff) format('woff')}*/
/*@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600;src:url(../font/NanumSquareEB.woff) format('woff')}*/
/*@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.main_section{height:auto;width:100%;background:#fff;position:relative;margin-bottom:0 !important}
#sec_recommend_card{overflow:hidden}
.section02{height:760px}
.section02>.bg01{display:block;position:absolute;left:-88px;top:229px}
.section02>.bg02{display:block;position:absolute;left:50%;bottom:-174px;margin-left:215px}
.section02>.bg03{display:block;position:absolute;right:-93px;top:88px}

.section02>.bg01,.section02>.bg02,.section02>.bg03{-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.sc_evt_on .section02>.bg01{left:0}
.sc_evt_on .section02>.bg02{bottom:0}
.sc_evt_on .section02>.bg03{right:0}

.card01{display:block;position:absolute;bottom:-345px;left:50%;margin-left:-108px}
.card02{display:block;position:absolute;bottom:-344px;left:50%;margin-left:-108px}
@keyframes card01{
  70%{bottom:-52px;margin-left:-108px}
  100%{bottom:-95px;margin-left:-125px}
}
@keyframes card02{
  70%{bottom:-51px;margin-left:-108px;box-shadow:0 0 0 rgba(0,0,0,0)}
  100%{bottom:-51px;margin-left:-69px;box-shadow:-14px 48px 40px rgba(0,0,0,0.5)}
}
.sc_evt_on .card01{animation:card01 0.5s linear 0.4s 1 normal forwards}
.sc_evt_on .card02{animation:card02 0.5s linear 0.4s 1 normal forwards}

.section02>h2{font-size:60px;color:#000;font-weight:300;text-align:center;padding-top:167px;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
.section02>.text{font-size:16px;color:#6b6b6b;text-align:center;line-height:23px;margin-top:20px;opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}

.sc_evt_on .section02>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .section02>.text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}

.section03{width:100%;height:850px;margin:0 auto;position:relative; background:url(../main_img/1_r_img.png) no-repeat;background-position:center 0; }
.section03>.left_area{width:1000px;display:inline-block;font-size:0}
.section03>.left_area>h2{font-size:40px;color:#fff;font-weight:400;position:absolute;top:85px;line-height:50px;left:50%;margin-left:-360px}
.section03>.left_area>h2>span{font-size:40px;color:#fff;display:block;font-weight:300}
.section03>.left_area>.text{font-size:16px;color:#fff;position:absolute;top:605px;line-height:25px;font-weight:300;left:50%;margin-left:-625px}
/*top:458px;*/
.section03>.left_area>h2{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
.section03>.left_area>.text{opacity:0;-webkit-transform:translateY(120px);transform:translateY(120px)}
.sc_evt_on .section03>.left_area>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .section03>.left_area>.text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}

.sc03_hand{display:block;font-size:0;position:absolute;bottom:0;left: 50%;margin-left:80px}
.sc03_display{position:absolute;overflow:hidden;margin-left:174px;bottom:137px;left:50%;z-index:1;border:1px solid #eee;height:450px;width:256px;background:#fff}
.sc03_display_head{height:35px;background:url(../images/main/section03_display_head.png) no-repeat center center}

@keyframes sc03_display_contents{
  0%{background-position:center 0}
  10%{background-position:center 0}
  50%{background-position:center 100%}
  60%{background-position:center 100%}
  100%{background-position:center 0}
}
.sc_evt_on .sc03_display_contents{animation:sc03_display_contents 10s linear 0s infinite}
.sc03_display_contents{display:block;height:415px;background:url(../images/main/section03_display_contents.png) no-repeat;background-position:center 0}
/*.sc03_display_contents{overflow-x:hidden;overflow-y:auto;width:500px;height:357px;background:url(../img/section03_display_contents.png) no-repeat;background-position:center 0}
.sc03_display_contents>img{display:block;height:1335px}*/
.sc03_display::after{content:'';display:block;position:absolute;right:5px;bottom:-18px;width:165px;height:91px;background:url(../images/main/section03_display_wallet.png) no-repeat center center}

.sc03_hand,.sc03_display{-webkit-transform:translateX(400px);transform:translateX(400px)}
.sc_evt_on .sc03_hand,.sc_evt_on .sc03_display{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1s;transition:all 1s}


#sec_kona_app2{height:830px;position:relative;overflow:hidden; background:#f8f9fb url(../main_img/2_bg.png) no-repeat;background-position:center 0; }

.sc4_text{-webkit-transform:translateY(50px);transform:translateY(50px);display:block;position:absolute;width:535px;height:455px;margin-left:-240px;left:55%;top:160px;opacity:0;overflow:hidden;z-index:1}
.sc4_text>h2{font-size:40px;color:#000;font-weight:300;line-height:54px}
.sc4_text>.text{opacity:0;margin:0px 0;line-height:24px;font-size:16px;color:#666;font-weight:300; height:455px;}
.sc4_text>.main_link{opacity:0;display:inline-block;position:relative;color:#000;font-weight:400;font-size:16px;line-height:24px}
.sc4_text>.main_link:after{content:"";display:block;position:absolute;height:1px;width:100%;background:#000}

.sc_evt_on .sc4_text>.text{opacity:1;-webkit-transition:all 0.5s linear;transition:all 0.7s linear;-webkit-transition-delay:1.2s;transition-delay:1.2s}
.sc_evt_on .sc4_text>.main_link{opacity:1;-webkit-transition:all 0.5s linear;transition:all 0.7s linear;-webkit-transition-delay:1.2s;transition-delay:1.2s}

@keyframes sc4_text{
  0%{-webkit-transform:translateY(50px);transform:translateY(50px);height:455px;margin-left:-240px;top:95px;opacity:0}
  7%{-webkit-transform:translateY(0);transform:translateY(0);height:455px;margin-left:-240px;top:95px;opacity:1}
  12%{-webkit-transform:translateY(0);transform:translateY(0);height:455px;margin-left:-240px;top:95px;opacity:1}
  17%{-webkit-transform:translateY(0);transform:translateY(0);height:455px;margin-left:0;top:185px;opacity:1}
  100%{-webkit-transform:translateY(0);transform:translateY(0);height:455px;margin-left:0;top:185px;opacity:1}
}
.sc_evt_on .sc4_text{animation:sc4_text 10s linear 0s 1 normal forwards}



#kona_product{overflow:hidden;width:100%;height:886px;position:relative;}
.section05{width:100%;height:900px; overflow:hidden;font-size:0;-webkit-transition:all 0.4s linear;transition:all 0.4s linear; background:url(../main_img/main_banner2_bg.png) no-repeat;background-position:center 0; background-size:cover;}
.section05>.content{width:1000px;margin:0 auto;height:100%;position:relative}
.sc05_text_box{width:620px;display:block;position:absolute;left:0;top:0;vertical-align:top;margin-left:190px;z-index:1}
.sc05_text_box>h2{font-size:40px;color:#000;font-weight:300;line-height:50px;padding-top:100px}
.sc05_text_box>p{font-size:16px;color:#666;line-height:22px;padding-top:30px}

.sc05_card>li>.info{opacity:0;display:block;position:absolute;width:510px;left:90px;top:523px;font-size:100px;color:#000;line-height:90px;font-weight:500; }
.sc05_card>li>.info>span{display:block}
.sc05_card>li>.info>span:last-child{display:inline-block;letter-spacing:5px}
.sc05_card>li>.info:after{content:"";width:146px;height:8px;display:inline-block;position:relative;top:-30px;background:#000}
.sc05_card>li>.img{ opacity:0;display:block;position:absolute; }
.sc05_card>li>.img>img{cursor:pointer}

.section05,.sc05_text_box>h2,.sc05_text_box>p{-webkit-transition:all 0.4s linear;transition:all 0.4s linear}

.sc05_text_box>h2{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
.sc05_text_box>p{opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}
.sc_evt_on .sc05_text_box>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .sc05_text_box>p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}


.sc05_card_img{cursor:pointer;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);display:block;position:absolute;width:278px;height:446px;border-radius:4px;margin-left:136px;left:50%;top:377px;z-index:2;box-shadow:11px 11px 40px rgba(0,0,0,0.3);}
.sc05_card_img:hover{}

.sc05_click{display:block;position:absolute;width:278px;height:20px;font-size:12px;line-height:20px;text-align:right;color:#fff;left:50%;bottom:84px;font-weight:300;letter-spacing:1px;z-index:3;margin-left:136px}
.sc05_1 .sc05_click{color:#000}
.sc05_4 .sc05_click{color:#000}
@keyframes ani1{
  0%{opacity: 1}
  50%{opacity:0}
  100%{opacity: 1}
}
@keyframes ani2{
  0%{-webkit-transform:translateY(0);transform:translateY(0)}
  50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
  100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.sc05_click{animation-name:ani2;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}

.sc05_1 .sc05_card_img{background:url(../images/main/card_black.png) no-repeat center center}
.sc05_2 .sc05_card_img{background:url(../images/main/card_red.png) no-repeat center center}
.sc05_3 .sc05_card_img{background:url(../images/main/card_blue.png) no-repeat center center}
.sc05_4 .sc05_card_img{background:url(../images/main/card_yellow.png) no-repeat center center}
.sc05_5 .sc05_card_img{background:url(../images/main/card_gray.png) no-repeat center center}
.sc05_6 .sc05_card_img{background:url(../images/main/card_black.png) no-repeat center center}
/*.sc05_6 .sc05_card_img{box-shadow:11px 11px 40px rgba(255,255,255,0.3)}*/
.sc05_1 .sc05_card_img{-webkit-transition:all 0.4s;transition:all 0.4s}
.sc05_2 .sc05_card_img,.sc05_3 .sc05_card_img,.sc05_4 .sc05_card_img,.sc05_5 .sc05_card_img,.sc05_6 .sc05_card_img{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:.2s;transition-delay:.2s}


/*.sc05_1{background:#}
.sc05_2{background:#}
.sc05_3{background:#}
.sc05_4{background:#}
.sc05_5{background:#}
.sc05_6{background:#}*/

.sc05_card>li:nth-child(1)>.info{color:#000;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
.sc05_card>li:nth-child(1)>.img{width:1000px;left:0px;top:470px;-webkit-transform:translateY(-1000px);transform:translateY(-1000px);-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transition-delay:0.2s;transition-delay:0.2s;z-index:1}
.sc05_card>li:nth-child(1)>.img>img{position:absolute;top:0;z-index:1}

.sc05_card>li:nth-child(1)>.img>img:nth-child(1){left:0px;z-index:3;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}

.sc05_card>li:nth-child(3)>.img>img:nth-child(3){left:0px;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}


.sc05_card>li:nth-child(1)>.img>img:nth-child(1){left:100px;z-index:3;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.sc05_card>li:nth-child(1)>.img>img:nth-child(2){left:50%;margin-left:-136px;z-index:2;}
.sc05_card>li:nth-child(1)>.img>img:nth-child(3){right:100px;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}


.sc05_1 .sc05_card>li:nth-child(1)>.info{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.4s;transition:all 1.4s}
.sc05_1 .sc05_card>li:nth-child(1)>.img{opacity:1;z-index:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1s;transition:all 1s}

.sc05_1 .sc05_card>li:nth-child(1)>.img>img:nth-child(1){left:0px;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;-webkit-transition-delay:1s;transition-delay:1s}
.sc05_1 .sc05_card>li:nth-child(1)>.img>img:nth-child(3){right:0px;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;-webkit-transition-delay:1s;transition-delay:1s}


.sc05_card>li:nth-child(2)>.info:after{width:232px;background:#fff}
.sc05_card>li:nth-child(2)>.info{color:#fff;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
/*.sc05_card>li:nth-child(2)>.img{opacity:1;width:590px;left:704px;top:377px}
.sc05_card>li:nth-child(2)>.img>img{opacity:1;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.3s linear;transition:all 0.3s linear}*/
.sc05_2 .sc05_text_box>h2{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_2 .sc05_text_box>p{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_2 .sc05_card>li:nth-child(2)>.info{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.4s;transition:all 1.4s}
/*.sc05_2 .sc05_card>li:nth-child(2)>.img{z-index:1}
.sc05_2 .sc05_card>li:nth-child(2)>.img>img{box-shadow:13px 13px 40px rgba(0,0,0,0.3);-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}*/

.sc05_card>li:nth-child(3)>.info:after{width:216px;background:#fff}
.sc05_card>li:nth-child(3)>.info{color:#fff;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
/*.sc05_card>li:nth-child(3)>.img{opacity:1;width:590px;left:704px;top:377px}
.sc05_card>li:nth-child(3)>.img>img{opacity:1;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.3s linear;transition:all 0.3s linear}*/
.sc05_3 .sc05_text_box>h2{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_3 .sc05_text_box>p{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_3 .sc05_card>li:nth-child(3)>.info{opacity:1;z-index:1;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition:all 1.4s;transition:all 1.4s}
/*.sc05_3 .sc05_card>li:nth-child(3)>.img{z-index:1}
.sc05_3 .sc05_card>li:nth-child(3)>.img>img{box-shadow:13px 13px 40px rgba(0,0,0,0.3);-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}*/

.sc05_card>li:nth-child(4)>.info:after{width:70px;background:#000}
.sc05_card>li:nth-child(4)>.info{color:#000;width:510px;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
/*.sc05_card>li:nth-child(4)>.img{opacity:1;width:590px;left:704px;top:377px}
.sc05_card>li:nth-child(4)>.img>img{opacity:1;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.3s linear;transition:all 0.3s linear}*/
.sc05_4 .sc05_text_box>h2{color:#000;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_4 .sc05_text_box>p{color:#000;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_4 .sc05_card>li:nth-child(4)>.info{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.4s;transition:all 1.4s}
/*.sc05_4 .sc05_card>li:nth-child(4)>.img{z-index:1}
.sc05_4 .sc05_card>li:nth-child(4)>.img>img{box-shadow:13px 13px 40px rgba(0,0,0,0.3);-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}*/

.sc05_card>li:nth-child(5)>.info:after{width:216px;background:#fff}
.sc05_card>li:nth-child(5)>.info{color:#fff;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
/*.sc05_card>li:nth-child(5)>.img{opacity:1;width:590px;left:704px;top:377px}
.sc05_card>li:nth-child(5)>.img>img{opacity:1;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.3s linear;transition:all 0.3s linear}*/
.sc05_5 .sc05_text_box>h2{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_5 .sc05_text_box>p{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_5 .sc05_card>li:nth-child(5)>.info{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.4s;transition:all 1.4s}
/*.sc05_5 .sc05_card>li:nth-child(5)>.img{z-index:1}
.sc05_5 .sc05_card>li:nth-child(5)>.img>img{box-shadow:13px 13px 40px rgba(0,0,0,0.3);-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}*/

.sc05_card>li:nth-child(6)>.info:after{width:120px;background:#fff}
.sc05_card>li:nth-child(6)>.info{color:#fff;width:510px;-webkit-transform:translateX(-500px);transform:translateX(-500px)}
/*.sc05_card>li:nth-child(6)>.img{opacity:1;width:590px;left:704px;top:377px}
.sc05_card>li:nth-child(6)>.img>img{opacity:1;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.3s linear;transition:all 0.3s linear}*/
.sc05_6 .sc05_text_box>h2{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_6 .sc05_text_box>p{color:#fff;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:0s;transition-delay:0s}
.sc05_6 .sc05_card>li:nth-child(6)>.info{opacity:1;z-index:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.4s;transition:all 1.4s}
/*.sc05_6 .sc05_card>li:nth-child(6)>.img{z-index:1}
.sc05_6 .sc05_card>li:nth-child(6)>.img>img{box-shadow:13px 13px 40px rgba(0,0,0,0.3);-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0.3s;transition-delay:0.3s}*/


.section05>.section05_6{width:100%;height:960px;background:#2a2a2a;font-size:0}
.section05>.section05_6>.content{width:1140px;margin:0 auto;height:100%}
.section05>.section05_6>.content>.left_area{width:600px;display:inline-block;vertical-align:top;margin-left:90px}
.section05>.section05_6>.content>.left_area>h2{font-size:40px;color:#fff;font-weight:400;line-height:50px;padding-top:110px}
.section05>.section05_6>.content>.left_area>h2>span{display:block;}
.section05>.section05_6>.content>.left_area>.text{font-size:16px;color:#fff;line-height:22px;padding-top:30px}
.section05>.section05_6>.content>.left_area>.info{font-size:100px;color:#fff;line-height:90px;font-weight:500;padding-top:145px}
.section05>.section05_6>.content>.left_area>.info>span{display:block;}
.section05>.section05_6>.content>.left_area>.info>span:last-child{display:inline-block;letter-spacing:5px;}
.section05>.section05_6>.content>.left_area>.info:after{content:"";border-bottom:8px solid #fff;width:180px;height:8px;display:inline-block;position: relative;top:-30px;}
.section05>.section05_6>.content>.right_area{width:auto;display:inline-block;vertical-align:top;margin-left:50px}
.section05>.section05_6>.content>.right_area>img{margin-top:382px}

.section06{position: relative;height:794px; background:url(../main_img/4_bg.jpg) no-repeat;background-position:center 0; background-size:cover; }
.section06>.left_area{position:absolute;top:118px;left: 50%;margin-left: -570px}
.sc6_img01{display:block;position:absolute;top:118px;left:50%;margin-left:-403px;border-radius:50px;}
.sc_evt_on .sc6_img01{margin-left:-383px;box-shadow:-14px 10px 50px rgba(0,0,0,0.2);-webkit-transition:all 1s;transition:all 1s}

.sc6_img02{display:block;position:absolute;top:130px;left:50%;margin-left:-183px}
.sc6_img03{display:block;position:absolute;top:187px;left:50%;margin-left:-183px}

.sc_evt_on .sc6_img02{margin-left:-625px;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .sc6_img03{margin-left:-270px;-webkit-transition:all 1s;transition:all 1s}

.section06>.right_area{width:515px;display:inline-block;font-size:0}
.section06>.right_area>h2{font-size:40px;color:#000;font-weight:400;position:absolute;top:200px;line-height:50px;left: 50%;margin-left:50px}
.section06>.right_area>h2>span{font-size:40px;color:#000;display:block;font-weight:300}
.section06>.right_area>.text{font-size:16px;color:#666;position:absolute;top:540px;line-height:25px;font-weight:300;left: 50%; margin-left:190px}

.section06>.right_area>h2{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
.section06>.right_area>.text{opacity:0;-webkit-transform:translateY(170px);transform:translateY(0)}

.sc_evt_on .section06>.right_area>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .section06>.right_area>.text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}


.section07{width:100%;height:820px;background:url(../images/main/section07_bg.jpg) no-repeat fixed 50% top;background-size:cover;}
.section07>h2{font-size:40px;color:#fff;font-weight:400;line-height:50px;padding-top:300px;text-align:center;}
.section07>h2>span{display:block;}
.section07>.text{font-size:16px;color:#fff;line-height:25px;padding-top:30px;text-align:center; }

.section07>h2{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
.section07>.text{opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}
.sc_evt_on .section07>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .section07>.text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}

.section08{width:1400px;height:478px;margin:0 auto}
.section08>h2{font-size:40px;padding-top:75px}
.section08>h2>span{display:inline-block;float:right;}
.section08>h2>span>a{display:inline-block;border-bottom:1px solid #666;font-size:14px;color:#666;position:relative;padding:0 1px 5px 15px;transition:all 0.5s ease;}

.section08>h2>span>a>em{width:11px;height:1px;background:#000;display:inline-block;transition:all 0.5s ease;}
.section08>h2>span>a>em:first-child{position:absolute;top:7px;left:0}
.section08>h2>span>a>em:nth-child(2){position:absolute;transform: rotate(90deg);top:7px;left:0}

.section08>h2>span>a:hover{color:#ff4155;border-bottom:1px solid #ff4155;transition:all 0.5s ease; }
.section08>h2>span>a:hover>em{background:#ff4155;transition:all 0.5s ease;}

.section08>.content{margin-top:60px;font-size:0}
.section08>.content>.news_area{width:360px;display:inline-block;word-break: keep-all;margin-left:160px;vertical-align: top;}
.section08>.content>.news_area:first-child{margin-left:0}
.section08>.content>.news_area>a>h3{font-size:18px;color:#000;font-weight:400;line-height:28px;text-align:left;cursor:pointer}
.section08>.content>.news_area>a>h3:after{content:"";width:22px;height:2px;background:#ff4155;display:block;margin:30px 0 25px 0}
.section08>.content>.news_area>a>h3:hover{text-decoration:underline}
.section08>.content>.news_area>a>h3{min-height: 90px;}
.section08>.content>.news_area>a>.text{font-size:15px;color:#666;line-height:25px;display:block;text-align:left;cursor:pointer;transition:all 0.5s}
.section08>.content>.news_area>a>.text:hover{color:#000;transition:all 0.5s}
.section08>.content>.news_area>.date{font-size:15px;color:#999;text-align:left;margin-top:38px;letter-spacing:1px }

.section09{width:100%;height:498px;position:relative;overflow:hidden;background:#ff4155 }
.section09>.sec09_bg01{display:block;position:absolute;top:-80px;left:50%;margin-left:-700px}
.section09>.sec09_bg02{display:block;position:absolute;top:203px;left:-85px}
.section09>.sec09_bg03{display:block;position:absolute;bottom:0;right:-76px}
.section09>.sec09_bg04{display:block;position:absolute;top:0;left:50%}

.section09>.sec09_bg01,.section09>.sec09_bg02,.section09>.sec09_bg03{-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.sc_evt_on .section09>.sec09_bg01{top:0}
.sc_evt_on .section09>.sec09_bg02{left:0}
.sc_evt_on .section09>.sec09_bg03{right:0}

.section09>.sec09_bg04{opacity:0;transform:translate(-154px,-154px) scale(0.8)}
.sc_evt_on .section09>.sec09_bg04{opacity:1;transform:translate(0, 0) scale(1);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}

.section09>.content{position:absolute;top:85px;width:480px;left:50%;margin-left:-450px}
.section09>.content>h2{font-size:60px;color:#fff;line-height:65px;letter-spacing:16px}
.section09>.content>h2>span:first-child{display:block}
.section09>.content>h2>span{display:inline-block}
.section09>.content>h2>.lastspan:after{content:"";border-bottom:3px solid #fff;width:270px;height:3px;display:inline-block;position:relative;top:-20px}
.section09>.content>.text{font-size:16px;color:#fff;line-height:25px;margin-top:40px}
.section09>.content>.btn_area{text-align:left;font-size:0;margin-top:40px}
.section09>.content>.btn_area>.ios_btn{display:inline-block;font-size:0;padding:18px 30px;min-width:150px;background-color:rgba(0,0,0, 0.4);border-radius:2px;box-sizing:border-box;transition:all 500ms ease}
.section09>.content>.btn_area>.ios_btn:hover{z-index:5;background:rgba(0,0,0, 0.9);transition:all 1s ease}
.section09>.content>.btn_area>.ios_btn>img{display:inline-block;margin-right:20px;z-index:10}
.section09>.content>.btn_area>.ios_btn>.btn_text{display:inline-block;z-index:10}
.section09>.content>.btn_area>.ios_btn>.btn_text>em{display:block;font-size:10px;color:#fff;letter-spacing:0px;text-align:left;z-index:10 }
.section09>.content>.btn_area>.ios_btn>.btn_text>span{display:block;font-size:16px;color:#fff;letter-spacing:1px;text-align:left;z-index:10}

.section09>.content>.btn_area>.and_btn{display:inline-block;font-size:0;padding:18px 30px;min-width:150px;background-color:rgba(0,0,0, 0.4);border-radius:2px;margin-left:8px;box-sizing:border-box;transition:all 500ms ease}
.section09>.content>.btn_area>.and_btn:hover{z-index:5;background:rgba(0,0,0, 0.9);transition:all 1s ease}
.section09>.content>.btn_area>.and_btn>img{display:inline-block;margin-right:20px;margin-top:4px}
.section09>.content>.btn_area>.and_btn>.btn_text{display:inline-block}
.section09>.content>.btn_area>.and_btn>.btn_text>em{display:block;font-size:10px;color:#fff;letter-spacing:1px;text-align:left}
.section09>.content>.btn_area>.and_btn>.btn_text>span{display:block;font-size:16px;color:#fff;letter-spacing:1px;text-align:left}

.section09>.content>h2{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
.section09>.content>.text, .section09>.content>.btn_area{opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}
.sc_evt_on .section09>.content>h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}
.sc_evt_on .section09>.content>.text,.sc_evt_on .section09>.content>.btn_area{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1s;transition:all 1s}