@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif|Open+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

body {
    min-width: 1000px;
    margin: auto;
    font-size: 20px;
    font-weight: 300;
    font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
    color: #101010;
    letter-spacing: -1px;
    overflow-x: hidden
}

a {
    color: #101010;
    text-decoration: none
}

svg, video {
    vertical-align: top
}

#viewport {
    padding-top: 78px
}

p {
    margin: 16px 0;
    word-break: keep-all;
    font-size: 18px;
    line-height: 32px
}

* {
    box-sizing: border-box
}

.logo-box {
    width: 900px;
    margin: 0 auto 50px auto;
    text-align: center;
}

.logo-box p {
    background: #00A89A;
    color: #FFF;
    font-size: 100%;
    font-family: 'Jeju Myeongjo', serif;
}

.head_wrap {
    position: relative;
    width: 100%;
    height: 860px;
    color: #fff;
    text-align: center
}

.head_wrap #introFlow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.head_wrap .intro_wrap {
    position: relative;
    padding-top: 218px;
    height: 100%;
    z-index: 9999
}

.head_wrap .intro_wrap .icon_wave {
    display: block;
    height: 34px;
    margin-bottom: 40px;
    background-image: url(/project/KT/img/icon_wave.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0
}

.head_wrap .intro_wrap h1 {
    font-family: 'Jeju Myeongjo', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 52px;
    margin-bottom: 64px
}

.head_wrap .intro_wrap .h1_part1, .head_wrap .intro_wrap .h1_part2 {
    display: inline-block;
    opacity: 0
}

.head_wrap .intro_wrap p {
    font-size: 18px;
    line-height: 32px;
    opacity: 0
}

.scroll_down {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    text-align: center
}

.scroll_down i.arrow_down_white {
    display: block;
    width: 54px;
    height: 54px;
    margin: auto;
    opacity: 0;
    background: url(/project/KT/img/sprite.png) no-repeat -5px -5px
}

.content_wrap .section1 .section1_intro {
    position: relative;
    width: 100%;
    height: 860px;
    padding-top: 90px;
    text-align: center;
    background-image: url(/project/KT/img/bg_section1_intro.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box
}

.content_wrap .section1 .section1_intro h3 {
    font-family: 'Jeju Myeongjo', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 46px
}

.content_wrap .section1 .section1_intro p {
    font-size: 18px;
    margin: 40px 0
}

.content_wrap .section1 .section1_intro .ads_video {
    width: 100%;
    height: 400px
}

.content_wrap .section1 .section1_intro .ads_video .video_caption {
    margin: 20px 0 0;
    color: #666;
    font-size: 15px;
    line-height: 15px;
    text-align: center
}


























































/*이기석 테스트 작엽*/



.kt-set2 .video_container {
    width: 1120px;
    height: 630px;
    margin: 0 auto
}

.kt-set2 .video_container .video_wrap {
    position: relative;
    max-width: 1120px;
    height: 630px
}

.kt-set2 .video_container .video_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}







.rtest-box {
    text-align: center;
}

.rtest-box > section {
    /*border: 1px dashed #b7bfc0;*/
    padding-top: 20px;
}



header.section_intro {
    border: 0;
    text-align: center;
    position: relative;
    height: calc(100vh);
    min-height: 980px;
    min-width: 1120px;
    height: 100vh;
    background: #3282c8;
    color: #fff;
}
header.section_intro H1 {
    font-size: 52px;
    font-family: BMDOHYEON;
    color: #fff;
    opacity: 0;
}
header.section_intro .section_intro-txt1{

    position: absolute;
    top: 170px;
    font-size: 20px;
    font-family: NotoSansKR;
    color: #fff;
    opacity: 0;
    margin: 0 auto;
    width: 100%;
    line-height: 29px;
}



header.section_intro {
    background: #3282c8 url("../img/kt_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
    background-size:2026px auto;
}



header.section_intro .section_intro_in {
    position: relative;
    width: 1120px;
    height: 100%;
    margin: 0 auto;
}



header.section_intro h1 {
    /*padding-top: 80px;*/
    position: absolute;
    top: 80px;
    margin: 0 auto;
    width: 100%;
}






header .intro_obj_01 {
    position: absolute;
    top:  0px;
    left: 0px;
    width: 1120px;
    height: 224px;
    /*background: url("../img/kt_intro_snow.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:center bottom;*/
    /*background-size:1120px auto;*/
    opacity: 0;
}
header .intro_obj_02 {
    position: absolute;
    top: 237px;
    left: 50px;
    width: 134px;
    height: 109px;
    background: url("../img/kt_intro_snow_dr1.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:134px auto;
    opacity: 0;
}
header .intro_obj_03 {
    position: absolute;
    top: 290px;
    left: 188px;
    width: 98px;
    height: 73px;
    background: url("../img/kt_intro_snow_dr2.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:98px auto;
    opacity: 0;
}
header .intro_obj_04 {
    position: absolute;
    top: 233px;
    left: 822px;
    width: 208px;
    height: 95px;
    background: url("../img/kt_intro_snow_dr3.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:208px auto;
    opacity: 0;
}
header .intro_obj_05 {
    position: absolute;
    bottom: 517px;
    left: 379px;
    width: 101px;
    height: 104px;
    background: url("../img/kt_intro_snow_tower.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:101px auto;
    opacity: 0;
}
header .intro_obj_06 {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 140px;
    height: 140px;
    border: 1px solid #3d3d3d;
    /*background: url("../img/kt_intro_snow.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:center bottom;*/
    /*background-size:1120px auto;*/
}









.rtest-box .kt-set2 {
    width: 100%;
    border: 0;
    text-align: center;
    position: relative;
    min-height: 630px;
    min-width: 1120px;
    /*height: 630px;*/
    /*background: #323232;*/
    color: #fff;
    padding-bottom: 50px;
}




.rtest-box .kt-set2 .section_intro-txt2{
    padding-top: 30px;
    text-align: center;
    width: 100%;
    bottom: 180px;


    font-size: 40px;
    font-family: BMDOHYEON;
    color: #646464;
    font-weight: 600;
    padding-bottom: 10px;
    /*opacity: 0;*/
}

.rtest-box .kt-set2 .section_intro-txt3{
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    bottom: 80px;


    font-size: 18px;
    font-family: NotoSansKR;
    color: #646464;
    line-height: 26px;
    letter-spacing: -1px;
    /*font-weight: 300;*/
    /*opacity: 0;*/
}


















.rtest-box .kt-set2 .movie {
    width: 1120px;
    border: 0;
    text-align: center;
    position: relative;
    min-width: 1120px;
    height: 630px;
    background: #2b2a2b;
    color: #fff;
    margin: 0 auto;
}





.rtest-box .kt-set3 {
    /*display: flex;*/
    /*align-items: center;*/
    width: 100%;
    margin: 0 auto;
    height: 740px;
    padding-top: 127px;
    /*min-height: 740px;*/
    /*740px - 124px = 616px*/
    border: 0;
    /*background: #f8cdda; !* 영역용 나중에 삭제 할것*!*/
}

.kt-set3 .kt-set3-box {
    height: 492px;
    background: #d2d2d2;
    width: 100%;
    /*margin: 124px auto 0px auto;*/
}

.kt-set3 .kt-set3-box .kt-set3-set {
    z-index: 9;
    top: 0px;
    right: 0;
    height: 610px;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.kt-set3 .kt-set3-box .kt-set3-set1 {
    position: relative;
    top: -60px;
    margin: 0 auto;
    width: 100%;
}
.kt-set3 .kt-set3-box .kt-set3-set .kt-set3-set-box {
    position: relative;
    top:0px;
    right: 0px;
    height: 610px;
    /*background: #fffbca;*/
}
.kt-set3 .kt-set3-box .kt-set3-set .kt-set3-left {
    float: right;
    position: relative;
    top: 100px;
    right: 35px;
    width: 250px;
    height: 300px;
    border: 1px solid #fff;
    background: #fff;

    font-family: BMDOHYEON;
    font-size: 42px;
    color: #646464;
    font-weight: 500;
    text-align: right;

    padding-right: 20px;
    padding-top: 20px;
}
.kt-set3 .kt-set3-box .kt-set3-set .kt-set3-left .set3-left-stxt{

    font-family: NotoSansKR;
    font-size: 18px;
    color: #646464;
    font-weight: 300;
    padding-bottom: 70px;
}
.kt-set3 .kt-set3-box .kt-set3-set .kt-set3-left .set3-left-arro-left{
    position: relative;
    top: 10px;
    left: 148px;


    width: 40px;
    height: 40px;
    background: url("../img/kt_arrow.svg") no-repeat center center #dc3250;
    background-size: 16px;

    -ms-transform: rotate(90deg); /*IE 9 이상에서 사용*/
    -webkit-transform: rotate(90deg); /*사파리, 크롬, 오페라 브라우저 사용*/
    transform: rotate(90deg);
    cursor: pointer;
}
.kt-set3 .kt-set3-box .kt-set3-set .kt-set3-left .set3-left-arro-right{
    position: relative;
    top: -30px;
    left: 194px;

    width: 40px;
    height: 40px;
    background: url("../img/kt_arrow.svg") no-repeat center center #dc3250;
    background-size: 16px;

    -ms-transform: rotate(-90deg); /*IE 9 이상에서 사용*/
    -webkit-transform: rotate(-90deg); /*사파리, 크롬, 오페라 브라우저 사용*/
    transform: rotate(-90deg);
    cursor: pointer;
}
.kt-set3 .kt-set3-box .kt-set3-set1 .kt-set3-right {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 600px;
    height: 610px;
    /*border: 1px solid #dd2b32;*/
    overflow: hidden;

}





.kt_swiper1_right .set3-left-arro-right.swiper-button-next {
    position: absolute;
    z-index: 100;
    width: 200px;
    height: 450px;
    /*border: 1px solid;*/
    top: 60px;
    right: 441px;
    cursor: pointer;
}






.kt_swiper1_box {
    /*border: 1px solid #5141dd;*/
    width: 100%;
    min-width: 1600px;
    min-height: 580px;
}
.kt_swiper1_box .kt_swiper1_left{
    /*border: 1px solid #56dd51;*/
    width: 40%;
    min-height: 580px;
    float: left;
}
.kt_swiper1_box .kt_swiper1_right{
    /*border: 1px solid #da3bdd;*/
    width: 60%;
    min-height: 580px;
    float: right;
}
.clearboth {clear: both;}






































.rtest-box .kt-set4 {
    width: 1120px;
    margin: 0 auto;
    min-height: 1140px;
    border: 0;
    padding-top: 50px;
}
.kt-set4 H1 {
    margin: 10px auto;
    font-size: 40px;
    color: #646464;
    font-family: BMDOHYEON;
    /*opacity: 0;*/
}
.kt-set4 div .kt_h1 {
    margin: 10px auto;
    font-size: 40px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    /*opacity: 0;*/
}
.kt-set4 div .kt_h2 {
    margin: 10px auto;
    font-size: 40px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    /*opacity: 0;*/
}
.kt-set4 .kt-set4-box1 {
    width: 1120px;
    margin: 0 auto;
    font-size: 18px;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 300;
    /*opacity: 0;*/
    line-height: 26px;
    letter-spacing: -1px;
}

.kt-set4 .kt-set4-box1 span {
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 500;
}
.kt-set4 .kt-set4-canves {
    width: 1120px;
    min-height: 870px;
    margin: 50px auto;

    /*background: url("../img/kt_test_bg_002.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;*/
    /*opacity: 0;*/
}






.kt-set4-1 .kt-set4-box-set {
    width: 1080px;
    margin: 0 auto;
}
.kt-set4-1 .kt-set4-box-set:after {
    content: '';
    clear: both;
    display: block
}
.kt-set4-1 .kt-set4-box-left{
    float: left;
    width: 57%;
    min-height: 330px;
}
.kt-set4-1 .kt-set4-box-right{
    float: right;
    width: 43%;
    min-height: 330px;
}










.kt-set4-1 .kt-set4-box02 {
    margin: 0 auto;
    font-size: 24px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    /*opacity: 0;*/
    height: 80px;
    line-height: 80px;
}
.kt-set4-1 .kt-set4-box02 span {
    margin: 10px auto;
    font-size: 0.9rem;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 400;
    /*opacity: 0;*/
}

.kt-set4-1 .kt-set4-box03 {
    width: 100%;
    margin: 0 auto;
    /*opacity: 0;*/
    position: relative;
}
.kt-set4-1 .kt-set4-box04 {
    margin: 0 auto;
    font-size: 24px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    /*opacity: 0;*/
    height: 80px;
    line-height: 80px;
}


.kt-set4-1 .kt-set4-box05 {
    width: 100%;
    height: 260px;
    margin: 0 auto;
    position: relative;
    padding-top: 33px;
    padding-left: 13px;





    /*background:#f6f6f6 url("../img/gp_line_bg.png");*/
    background:#f6f6f6;
    background-repeat: no-repeat;
    background-position:0 0;
    background-size:465px 260px;

    /*opacity: 0;*/
}





/*그래프 영역 시작*/



.kt-set4-1 .kt-set4-left-gp1 {
    margin-bottom: 20px;
}
.kt-set4-1 .kt-set4-left-gp1:last-child {
    margin-bottom: 0px;
}

.kt-set4-1 .kt-set4-left-gp1:after {
    content: '';
    clear: both;
    display: block
}


.kt-set4-1 .kt-set4-box03 .s4-left-gp1-txt {
    float: left;
    width: 50px;
    height: 36px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp1-txt.cal-1 {
    color: #dc3250;
}

.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg {
    float: left;
    width: 550px;
    height: 36px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
}



.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg{
    position: relative;
    height: 36px;
    font-size: 18px;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
    background: #dedede;
}

.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg > DIV{
    height: 36px;
    color: #fff;
    font-size: 16px;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: left;
    line-height: 36px;
    letter-spacing: 0.1px;
}

.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg > DIV span {
    margin: 10px auto;
    font-size: 14px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 400;
    /*opacity: 0;*/
}

.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg > DIV.s4-left-gp01 {
    background: #969696;
    color: #6a6a6a;
    padding-left: 20px;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp02,
.kt-set4-1 .kt-set4-box03 .s4-left-gp03,
.kt-set4-1 .kt-set4-box03 .s4-left-gp04,
.kt-set4-1 .kt-set4-box03 .s4-left-gp05 {
    background: #dc3250;
    /*padding-left: 8px;*/
}

.kt-set4-1 .kt-set4-box03 .s4-left-gp02 {
    position: absolute;
    width: 2px;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp03 {
    position: absolute;
    width: 10px;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp04 {
    position: absolute;
    width: 16%;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp05 {
    position: absolute;
    width: 100%;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg > DIV.s4-left-gp03-stxt {
    position: absolute;
    left: 20px;
    color: #646464;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg .s4-left-gp03-stxt1 {
    position: absolute;
    left: 100px;
    color: #646464;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg .s4-left-gp03-stxt1 SPAN {
    color: #646464;
}


.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg.pl-8{
    text-align: left;
}






.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg .s4-left-gp03-stxt2 {
    position: absolute;
    right: 20px;
    color: #fff;
}
.kt-set4-1 .kt-set4-box03 .s4-left-gp1-bg .s4-left-gp03-stxt2 SPAN {
    color: #fff;
}


































.kt-set4-1 .kt-set4-box-right .kt-set4-left-gp1 {
    margin-bottom: 12px;
}
.kt-set4-1 .kt-set4-box-right .kt-set4-left-gp1:last-child {
    margin-bottom: 0px;
}

.kt-set4-1 .kt-set4-box-right .kt-set4-left-gp1:after {
    content: '';
    clear: both;
    display: block
}


.kt-set4-1 .kt-set4-box05 .s4-left-gp1-txt {
    float: left;
    width: 30px;
    height: 30px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    font-size: 18px;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-txt.cal-1 {
    color: #dc3250;
}

.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg {
    float: left;
    width: 390px;
    height: 30px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
}



.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg{
    position: relative;
    height: 30px;
    font-size: 18px;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: center;
    line-height: 33px;
    background: #dedede;
}

.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg > DIV{
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: BMDOHYEON;
    font-weight: 500;
    text-align: left;
    line-height: 33px;
    letter-spacing: 0.1px;
}

.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg > DIV span {
    margin: 10px auto;
    font-size: 14px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 400;
    /*opacity: 0;*/
}

.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg > DIV.s4-left-gp01 {
    background: #969696;
    color: #6a6a6a;
    padding-right: 20px;
    text-align: right;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp02,
.kt-set4-1 .kt-set4-box05 .s4-left-gp03,
.kt-set4-1 .kt-set4-box05 .s4-left-gp04,
.kt-set4-1 .kt-set4-box05 .s4-left-gp05 {
    background: #dc3250;
    /*padding-left: 8px;*/
}

.kt-set4-1 .kt-set4-box05 .s4-left-gp02 {
    position: absolute;
    width: 98%;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp03 {
    position: absolute;
    width: 90px;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp04 {
    position: absolute;
    width: 13px;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp05 {
    position: absolute;
    width: 4px;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg > DIV.s4-left-gp03-stxt {
    position: absolute;
    left: 100px;
    color: #646464;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg .s4-left-gp03-stxt1 {
    position: absolute;
    left: 30px;
    color: #646464;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg .s4-left-gp03-stxt3 {
    position: absolute;
    left: 10px;
    color: #dc3250;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg .s4-left-gp03-stxt1 SPAN {
    color: #646464;
}


.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg.pl-8{
    text-align: left;
}






.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg .s4-left-gp03-stxt2 {
    position: absolute;
    right: 20px;
    color: #fff;
}
.kt-set4-1 .kt-set4-box05 .s4-left-gp1-bg .s4-left-gp03-stxt2 SPAN {
    color: #fff;
}





.kt-set4-1 .kt-set4-box05 .set4_gp_line_txt {
    position: relative;
    position: relative;
    top: 6px;

}
.kt-set4-1 .kt-set4-box05 .set4_gp_line_txt:after {
    content: '';
    clear: both;
    display: block
}

.kt-set4-1 .kt-set4-box05 .set4_gp_line_txt .set4_gp_line_txt1 {
    position: absolute;
    top:0;
    left: 15px;
    width: 38px;
    height: 25px;
    color: #646464;
    font-size: 12px;
    font-family: NotoSansKR;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    letter-spacing: 1px;
}

.kt-set4-1 .kt-set4-box05 .set4_gp_line_txt .set4_gp_line_txt2 {
    position: absolute;
    top:0;
    left: 210px;
    width: 45px;
    height: 25px;
    color: #646464;
    font-size: 12px;
    font-family: NotoSansKR;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    letter-spacing: 1px;

}

.kt-set4-1 .kt-set4-box05 .set4_gp_line_txt .set4_gp_line_txt3 {
    position: absolute;
    top:0;
    left: 408px;
    width: 38px;
    height: 25px;
    color: #646464;
    font-size: 12px;
    font-family: NotoSansKR;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    letter-spacing: 1px;

}
















































.kt-set4-1 .kt-set4-box2 {
    margin: 10px auto;
    font-size: 40px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    /*opacity: 0;*/
}
.kt-set4-1 .kt-set4-box2 span {
    margin: 10px auto;
    font-size: 16px;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 400;
    /*opacity: 0;*/
}

.kt-set4-1 .kt-set4-box3 {
    width: 1120px;
    min-height: 267px;
    margin: 20px auto;

    /*background: url("../img/kt_test_bg_004.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;*/
    /*opacity: 0;*/
}


.kt-set4-1 .kt-set4-box4 {
    width: 1120px;
    min-height: 170px;
    margin: 40px auto 60px auto;

    /*background: url("../img/kt_test_bg_005.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:right top;*/
    /*background-size:1080px auto;*/

    /*opacity: 0;*/
}

.kt-set4-1 .kt-set4-box4 .kt-set4-box4_gbox {
    width: 1080px;
    height: 170px;
    float: right;

    background: #f0f0f0;
}

.kt-set4-1 .kt-set4-box4 .kt-set4-box4_gbox .kt-set4-box4_g1 {
    width: 520px;
    height: 170px;
    float: left;
}

.kt-set4-1 .kt-set4-box4 .kt-set4-box4_gbox .kt-set4-box4_g2 {
    width: 560px;
    height: 170px;
    float: right;
    text-align: left;
    padding-left: 38px;
    padding-top: 42px;
}
.kt-set4-1 .kt-set4-box4 .kt-set4-box4_gbox .kt-set4-box4_g2 h1{
    font-size: 18px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 500;
    margin: 30px 0 5px 0;
}
.kt-set4-1 .kt-set4-box4 .kt-set4-box4_gbox .kt-set4-box4_g2 span{
    font-size: 18px;
    font-family: NotoSansKR;
    color: #dc3250;
    font-weight: 400;
    text-align: left;
}
























.rtest-box .kt-set5 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 1523px;


    background: #d9d9d7 url("../img/kt_set5_bg_blue.jpg");
    background-repeat: no-repeat;
    background-position:left top;
    background-size:1600px auto;

    padding-bottom: 630px;
    padding-top: 50px;
}
.rtest-box .kt-set5.next {

}


.rtest-box .kt-set5 .set5-contentbox0{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;

    width: 100%;
    min-height: 1600px;

    background: url("../img/kt_set5_bg_white.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;
}
.rtest-box .kt-set5.next .set5-contentbox0{
    position: fixed;
    top: -685px;
    left: 0px;
    z-index: 99;

    width: 100%;
    min-height: 1600px;

    background: url("../img/kt_set5_bg_white.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;
}
.rtest-box .kt-set5 .set5-contentbox01{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 98;

    width: 100%;
    min-height: 1600px;

    background: #d9d9d7 url("../img/kt_set5_bg_blue.jpg");
    background-repeat: no-repeat;
    background-position:left top;
    background-size:1600px auto;
    opacity: 0;
}
.rtest-box .kt-set5.next .set5-contentbox01{
    position: fixed;
    top: -705px;
    left: 0px;
    z-index: 98;

    width: 100%;
    min-height: 1548px;

    background: #d9d9d7 url("../img/kt_set5_bg_blue.jpg");
    background-repeat: no-repeat;
    background-position:left top;
    background-size:1600px auto;
    opacity: 1;
    overflow: hidden;
}


.kt-set5 .set5-contentbox {
    position: relative;
    width: 1120px;
    margin: 0 auto;

    border: 1px dashed #9ea3a4;
}
.set5-contentbox .set5-content-s1{
    position: absolute;
    top: 10px;
    left: 83px;
    z-index: 99;

    width: 762px;
    min-height: 1159px;

    background: url("../img/kt_vobs_bg_01.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;
}
.kt-set5.next .set5-contentbox .set5-content-s1{
    position: fixed;
    top: -674px;
    left: 50%;
    margin-left: -25%;
    z-index: 99;

    width: 762px;
    min-height: 1159px;

    background: url("../img/kt_vobs_bg_01.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;
}

.set5-contentbox .set5-content-s2{
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 100;

    width: 640px;
    min-height: 95px;

    font-size: 40px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 600;
    text-align: right;
}
.set5-contentbox .set5-content-s3{
    position: absolute;
    top: 100px;
    right: 10px;
    z-index: 101;

    width: 640px;
    min-height: 270px;
    text-align: right;


    font-size: 18px;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 300;




    line-height: 28px;
    letter-spacing: -1px;
}



.set5-contentbox .set5-content-s4{
    position: absolute;
    top: 365px;
    right: 310px;
    z-index: 101;

    width: 220px;
    height: 220px;
    text-align: center;
    background: #7ca0c8;
    border-radius: 50%;


    font-size: 18px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 400;
}

.set5-content-s4-t1 h1 {
    letter-spacing: 1px;
    border-bottom: 4px solid #fff;
    width: 80px;
    text-align: center;
    margin: 23px auto 0 auto;

    font-size: 24px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 400;
}
.set5-content-s4-t1 p {


    font-size: 18px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 300;
    line-height: 25px;
}










.set5-content-s4 {
}

@-moz-keyframes scale {
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}

@-webkit-keyframes scale {
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}

@-o-keyframes scale {
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}

@keyframes scale {
    0% {transform: scale(0);}
    100% {transform: scale(1);}
}

.set5-content-s4-t1 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1;
    background-size:242px 234px;
    background-position:center center;
    background-repeat: no-repeat;

    border-radius: 50%;
}

.set5-content-s4-t1.rd1:hover {
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    font-size: 0px;
    z-index: 2;
    border-size: 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    border-radius: 50%;
    color:transparent;


    background: url("../img/ruge_man1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:242px 234px;
    cursor: pointer;
    border: 0;
}
.set5-content-s4-t1.rd2:hover {
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    font-size: 0px;
    z-index: 2;
    border-size: 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    border-radius: 50%;
    color:transparent;


    background: url("../img/ruge_man2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:242px 234px;
    cursor: pointer;
    border: 0;
}

.set5-content-s4-t1:hover H1 {
    font-size: 0px;
    color: transparent;
    opacity: 0;
    border: 0;
}
.set5-content-s4-t1:hover p {
    font-size: 0px;
    color: transparent;
    opacity: 0;
    border: 0;
}


.set5-content-s4-t1 .t_style_kt1 {

    padding-top: 10px;
}





















.set5-contentbox .set5-content-s5{
    position: absolute;
    top: 365px;
    right: 10px;
    z-index: 101;

    width: 220px;
    height: 220px;
    text-align: center;
    background: #7ca0c8;
    border-radius: 50%;


    font-size: 18px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 400;
}



.set5-content-s67-box {
    position: relative;
    z-index: 103;
    top: 900px;
    width: 100%;
    background: #eee;
    margin-bottom: 900px;
}

.set5-content-s67-box .set5_s_bg{
    position: absolute;
    /*top: 1236px;*/
    left: 0px;
    z-index: 100;

    width: 100%;
    height: 620px;
    background: #000;
    opacity: 0.7;
}
.set5-content-s67-box .set5-content-s67_center{
    margin: 0 auto;
    width: 1120px;
    position: relative;
    z-index: 101;
}


.set5-content-s67-box .s5_top_bgimg {
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 445px;

    text-align: center;
    color: #fff;
    font-family: BMDOHYEON;
    font-weight: 600;
    font-size: 40px;
    line-height: 440px;
    margin: 0 auto;
    background:url("../img/kt_set6_bg_top.jpg");
    background-repeat: repeat-x;
    background-position:center top;
    background-size:cover;
}

.set5-content-s67-box .s5_top_bgimg.next {display: none;}






.set5-content-s67-box .set5-content-s6{
    margin-top: 80px;
    float: left;
    width: 560px;
    height: 470px;
    background: transparent;


    font-size: 18px;
    color: #fff;
    font-family: NotoSansKR;
    font-weight: 300;
    overflow: hidden;
    overflow-y: scroll;
}

.set5-content-s67-box .set5-content-s6 p span{
    font-size: 22px;
    color: #8cc2e6;
    font-family: NotoSansKR;
    font-weight: 400;
}
.set5-content-s67-box .set5-content-s6 p span.stxt_r{
    font-size: 18px;
    color: #8cc2e6;
    font-family: NotoSansKR;
    font-weight: 300;
}


.set5-content-s67-box .set5-content-s7{
    margin-top: 80px;
    float: right;
    width: 430px;
    height: 470px;

    background: url("../img/kt_test_vobs_can_bg.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:100% auto;
}








.rtest-box .kt-set6 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 1247px;
    background: #fff;
    padding-top: 0;
}
.rtest-box .kt-set6 .s6_top_bgimg {
    position: relative;
    width: 100%;
    height: 445px;

    text-align: center;
    color: #fff;
    font-family: BMDOHYEON;
    font-weight: 600;
    font-size: 40px;
    line-height: 440px;
    margin: 0 auto;
    background:url("../img/kt_set6_bg_top.jpg");
    background-repeat: repeat-x;
    background-position:center top;
    background-size:cover;
}
.kt-set6 .set6-content-s1{
    width: 1120px;
    height: 845px;
    margin: 0 auto;
    background:url("../img/4tech_0_1.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s2{
    width: 1120px;
    height: 286px;
    margin: 0 auto;
    margin: 150px auto 0 auto;
    background:url("../img/4tech_1_1.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s3{
    width: 1120px;
    height: 1857px;
    margin: 100px auto 0 auto;
    background:url("../img/4tech_1_2.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s4{
    position: absolute;
    z-index: 2;
    top: 1440px;
    left: 47%;

    width: 440px;
    height: 152px;
    margin: 0 auto;
    background:url("../img/4tech_1_4.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:440px auto;


    font-size: 18px;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 300;
}
.kt-set6 .set6-content-s44{
    position: absolute;
    z-index: 2;
    top: 2047px;
    left: 44%;

    width: 135px;
    height: 166px;
    margin: 0 auto;
    background:url("../img/4tech_1_3.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:135px auto;
}
.kt-set6 .set6-content-s5{
    width: 1120px;
    height: 286px;
    margin: 0 auto;
    background:url("../img/4tech_2_1.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s6{
    width: 1120px;
    height: 1267px;
    margin: 100px auto 0 auto;
    background:url("../img/4tech_2_2.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s7{
    width: 1120px;
    height: 286px;
    margin: 150px auto 0 auto;
    background:url("../img/4tech_3_1.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s8{
    width: 1120px;
    height: 1025px;
    margin: 100px auto 0 auto;
    background:url("../img/4tech_3_2.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s9{
    width: 1120px;
    height: 286px;
    margin: 150px auto 0 auto;
    background:url("../img/4tech_4_1.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}
.kt-set6 .set6-content-s10{
    width: 1120px;
    height: 692px;
    margin: 100px auto 0 auto;
    background:url("../img/4tech_4_2.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size:1120px auto;
}


.kt-set6_tab_set {
    position: relative;
    width: 100%;
    height: auto;
}

.kt-set6.next .kt-set6_tab_set {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    padding-top: 80px;
    z-index: 10;
    background: #ffffff;
}
.kt-set6_tab_set .kt-set6_tab_bar{
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -3px;
    background: #ffffff;
}
.kt-set6_tab_set .kt-set6_tab_bar.bar1{
    background: #dc3250;
}
.kt-set6_tab_set .kt-set6_tab_bar.bar2{
    background: #f9b431;
}
.kt-set6_tab_set .kt-set6_tab_bar.bar3{
    background: #31aa50;
}
.kt-set6_tab_set .kt-set6_tab_bar.bar4{
    background: #3182c7;
}

.kt-set6 .kt-set6_tab_box{
    width: 1202px;
    height: 55px;
    margin: 0 auto 0 auto;
}
.kt-set6 .kt-set6_tab_box:after{
    clear: both;
}
.kt-set6 .ks6_tab{
    float: left;
    width:24.9%;
    border: 1px solid #ddd;
    height: 55px;
    text-align: center;
    color: #fff;
    line-height: 55px;
    cursor: pointer;

    font-family: BMDOHYEON;
    font-weight: 500;
    font-size: 16px;
}
.kt-set6 .ks6_tab a{
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.kt-set6 .ks6_tab:hover{
    opacity: 0.9;
}

.kt-set6 .ks6_tab.s6_tab1,
.kt-set6 .ks6_tab.s6_tab2,
.kt-set6 .ks6_tab.s6_tab3,
.kt-set6 .ks6_tab.s6_tab4 {
    background: #ffffff;
    border-bottom: 0px solid;
}

.kt-set6 .ks6_tab.s6_tab1{
    color: #dc3150;
    background: #fff;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab2{
    color: #f9b431;
    background: #fff;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab3{
    color: #31aa50;
    background: #fff;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab4{
    color: #3182c7;
    background: #fff;
}


.kt-set6 .ks6_tab.s6_tab1.active{
    color: #fff;
    background: #dc3150;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab2.active{
    color: #fff;
    background: #f9b431;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab3.active{
    color: #fff;
    background: #31aa50;
    border-right: 0px solid;
}
.kt-set6 .ks6_tab.s6_tab4.active{
    color: #fff;
    background: #3182c7;
}


.kt-set6_content_box1,
.kt-set6_content_box2,
.kt-set6_content_box3,
.kt-set6_content_box4{
    position: relative;
    top:5px;
    width: 100%;
    /*height: 88vh;*/
    min-height: 900px;
    background: #ddd;
    text-align: center;
    color: #0b090c;
    margin: 0 auto;
}
.kt-set6.next .kt-set6_content_box1,
.kt-set6.next .kt-set6_content_box2,
.kt-set6.next .kt-set6_content_box3,
.kt-set6.next .kt-set6_content_box4{
    position: relative;
    top:0px;
    width: 100%;
    /*height: 88vh;*/
    min-height: 900px;
    text-align: center;
    color: #0b090c;
    margin: 0 auto 0 auto;
    padding-top: 50px;
}


.kt-set6_content_box1{
    background: #fff;
}

.kt-set6_content_box2{
    background: #fff;
}

.kt-set6_content_box3{
    background: #fff;
}

.kt-set6_content_box4{
    background: #fff;
}



.kt-set6.end  .kt-set6_tab_set {
    opacity: 0;
}



.kt-set6_tab_bar1{
    position: absolute;
    width: 100%;
    height: 3px;
    top: 71px;
    background: #ffffff;
}
.kt-set6_tab_bar1.bar1.ringring1{
    background: transparent;
    height: 948px;
}
.kt-set6_tab_bar1.bar2{
    background: #f9b431;
}
.kt-set6_tab_bar1.bar3{
    background: #31aa50;
}
.kt-set6_tab_bar1.bar4{
    background: #3182c7;
}



.kt-set6_tab_bar1.bar2.ringring2{
    background: transparent;
    height: 879px;
    top: 140px;
}
.kt-set6_tab_bar1.bar3.ringring3{
    background: transparent;
    height: 879px;
    top: 140px;
}
.kt-set6_tab_bar1.bar4.ringring4{
    background: transparent;
    height: 809px;
    top: 140px;
}



























Footer.section_foot {
    display: flex;
    align-items: center;
    min-height: 290px;
    background-image:url("../img/kt_footer_bg_001.png");
    background-repeat: repeat-x;
    background-position:center top;
    background-size:1600px auto;

    /*border: 1px dashed #9ea3a4;*/

}

Footer.section_foot section {
    margin: 0 auto;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
}

Footer.section_foot section.footer-content-s1{
    margin: 0 auto;
    width: 100%;
    min-width: 1600px;
    min-height: 771px;

    /*display: table-cell;*/
    /*vertical-align: middle;*/

    background-image:url("../img/kt_footer_bg_001.png");
    background-repeat: repeat-x;
    background-position:center top;
    background-size:1600px auto;
    margin-top: 60px;
}


Footer.section_foot section .footer-showpa{
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 1600px;
    min-height: 771px;
    background:url("../img/kt_footer_bg_002.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:1600px auto;
}

Footer.section_foot section .footer-showpa .tv_txt{
    width: 100%;
    margin: 0 auto;
    text-align: center;

    font-size: 22px;
    color: #e8f8ff;
    font-family: BMDOHYEON;
    font-weight: 500;
    padding-top: 125px;
    line-height: 33px;
}





Footer.section_foot section .section_foot_s1 {

    /*display: table-cell;*/
    /*vertical-align: middle;*/
    width: 100%;
    text-align: center;
    bottom: 78px;
    position: absolute;

    font-size: 32px;
    color: #646464;
    font-family: BMDOHYEON;
    font-weight: 600;
}
Footer.section_foot section .foot_link_box {
    bottom: 27px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 50% ;

    /*display: flex;*/
    /*align-items: center;*/
    margin-top: 15px;
    margin-left: -92px;
}
Footer.section_foot section a {

    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;

    font-size: 14px;
    color: #646464;
    font-family: NotoSansKR;
    font-weight: 500;
    /*background: #fab432;*/
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    padding: 6px 40px 6px 40px;
}


.copyright {
    text-align: center;
    padding: 45px 0;
}
.copyright p {
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    color: #666;
}





/*  KT 에서 사용되는 인트로 페이지 송전탑 배경 에니 (이기석) */


#song_scrollIndicator {
    border-radius: 100%;
    position: absolute;
    width: 80px;
    height: 80px;
    opacity: 1;
    left: 364px;
    bottom: 604px;
    opacity: 0;
    -webkit-transition: opacity .1s .1s;
}

#song_scrollIndicator i {
    width: 80px;
    height: 80px;
    display: block;
    background: #dc3250;
    background-size: 12px;
    border-radius: 100%;
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 100;
    opacity: 0.6;
}

#song_scrollIndicator:before {
    content: "";
    top: 0;
    left: 0;
    background-color: #dc3250;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: jumper1 1.8s 0.33333s ease-out infinite;
}


#song_scrollIndicator:after {
    content: "";
    top: 0;
    left: 0;
    background-color: #dc3250;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: jumper1 1.8s 0.66666s ease-out infinite;
}

@-webkit-keyframes jumper1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes jumper1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}








/*  KT 에서 사용되는 인트로 페이지 하단에 화살표 에니 (이기석) */


#scrollIndicator {
    border-radius: 100%;
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 1;
    left: calc(50% - 25px);
    bottom: 100px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .1s .1s;
}

#scrollIndicator i {
    width: 30px;
    height: 30px;
    display: block;
    background: url("../img/kt_arrow.svg") no-repeat center center #dc3250;
    background-size: 12px;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

#scrollIndicator:before {
    content: "";
    top: 0;
    left: 0;
    background-color: #dc3250;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: jumper 1.8s 0.33333s ease-out infinite;
}


#scrollIndicator:after {
    content: "";
    top: 0;
    left: 0;
    background-color: #dc3250;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    -webkit-animation: jumper 1.8s 0.66666s ease-out infinite;
}

@-webkit-keyframes jumper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes jumper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
















































.video_wrap {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.video_wrap .video_controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%
}
.video_controls {
    cursor: pointer
}
.video_controls .btn_pause, .video_controls .btn_play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    padding: 0;
    border: none;
    cursor: pointer
}

.video_controls .btn_pause {
    background: url("../img/sprite.png");
    background-position: -90px 0;
    background-repeat: no-repeat;
    background-size: 300px 300PX;
}
.video_controls .btn_play {
    background: url("../img/sprite.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 300px 300PX;
}
.video_controls .btn_pause {
    display: none
}
.video_controls.playing .btn_play {
    display: none
}
.video_controls.playing:hover .btn_pause {
    display: block
}
.video_controls._small .btn_pause, .video_controls._small .btn_play {
    margin-top: -70px
}
.video_controls._small .video_title {
    position: absolute
}




.gp_class_box01{
    position: absolute;
    width: 100%;
    /*right: 100px;*/
    /*top: 60px;*/
    overflow: hidden;
}


.scroll_box {
    position: absolute;
    width: 100%;
    height: 630px;
    background: #000;
    opacity: 0.7;
}

.scroll_box1 {
    position: absolute;
    width: 40%;
    height: 630px;
    background: #bcd1e2;
}


#animation_container9 {
    margin: 0px auto 0 auto;
}


















canvas.snow_black, canvas.star_gold {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    z-index: 2;
    background-color: transparent;
    display: none;
    opacity: 0.8;
}