@charset 'UTF-8';
@import url(fonts.css);
/*@import url(SpoqaHanSans-jp.css);*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

html {
    height: 100%;
}

body {
    min-width: 1000px;
    margin: auto;
    font-size: 20px;
    font-weight: 300;
    font-family: 'noto-sans-scott', 'Malgun Gothic', sans-serif;
    /*font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';*/
    color: #000000;
    letter-spacing: -1px;
    overflow-x: hidden;
    height: 100%;
}

.f-light{font-weight: 100}
.f-normal{font-weight: 300}
.f-mbold{font-weight: 400}
.f-bold{font-weight: 600}
.f-extra{font-weight: 800}
.f_italic{font-style: italic}



legend, caption, .hidden {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
}
a {
    color: #101010;
    text-decoration: none
}

svg, video {
    vertical-align: top
}

#viewport {
    padding-top: 78px;
    /*padding-top: 50px;*/
    height: 100%;
}

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
}




.ball {
    width: 180px;
    height: 52px;
    background-color: #90E500;
    display: inline-block;
    position: absolute;
}










/*3D 모션 SVG 시작*/

.movbox3d {
    position: absolute;
    width: 100%;
    height: calc(100vh - 78px);

    display: none;
    opacity: 0;
    overflow: hidden;
}
.box3d_svg{

    /*border: 1px solid #d0a931;*/
    width: 1528px;
    height: 975px;
    overflow: hidden;
}

#amore3d{
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    margin-left: -764px;
    bottom: 0;
    z-index: 10;
    width: 1528px;
    height: 975px;
    /*border: 1px solid #d0242c;*/
    overflow: hidden;
}



/*네이처 커뮤니티 이노 3개의 중심점*/
#amore3d1{
    position: absolute;
    top: 50%;
    margin-top: -542px;
    z-index: 10;
    width: 1528px;
    height: 975px;
    /*border: 1px solid #37d052;*/
    overflow: hidden;
}




#main3d,
#nature3d,
#community3d,
#innovation3d{
    visibility: hidden;
}


#intro3d { fill:#d9e3e7; opacity:1 }
#main3d { fill:#d9e3e7; opacity:1 }
#nature3d { fill:#d9e3e7; opacity:1 }
#community3d { fill:#d9e3e7; opacity:1 }
#innovation3d { fill:#d9e3e7; opacity:1 }








.movbox3d_bg {
    position: absolute;
    width: 100%;
    height: calc(100vh - 78px);

    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -764px;*/
    /*display: none;*/
    background: #f3fbff;
    z-index: -1;
    overflow: hidden;
    display: none;
}





.movbox3d_bg .movbox_main3d{
    position: absolute;
    width: 800px;
    height: 510px;

    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -400px;
    /*display: none;*/
    /*background: #ff658e;*/
    border: 45px solid #ffffff;
    overflow: hidden;
    opacity: 0;
}





/*3D 모션 SVG 끝*/





























.intro {
    width: 100%;
    height: calc(100vh - 78px);
    /*background: #d0242c;*/
    position: absolute;
    z-index: 20;
    overflow: hidden;
}








.main1 {
    width: 100%;
    height: calc(100vh - 78px);
    /*background: #d0242c;*/
    position: absolute;
    z-index: 20;
    overflow: hidden;
    /*display: none;*/
    opacity: 0;
}
.nature,
.commu,
.innova {
    width: 100%;
    height: calc(100vh - 78px);
    /*background: #d0242c;*/
    position: absolute;
    z-index: 20;
    overflow: hidden;
    display: none;
    opacity: 0;
}








/*구름 시작*/







/*인트로 구름*/

.intro .intro_cloud_mov0 {
    background: url("../img/cloud_mov_00.png");
}
.intro .intro_cloud_mov1 {
    background: url("../img/cloud_mov_01.png");
}
.intro .intro_cloud_mov2 {
    background: url("../img/cloud_mov_02.png");
}
.intro .intro_cloud_mov3 {
    background: url("../img/cloud_mov_03.png");
}
.intro .intro_cloud_mov4 {
    background: url("../img/cloud_mov_04.png");
}
.intro .intro_cloud_mov5 {
    background: url("../img/cloud_mov_05.png");
}
.intro .intro_cloud_mov6 {
    background: url("../img/cloud_mov_06.png");
}

.intro .intro_cloud_mov0,
.intro .intro_cloud_mov1,
.intro .intro_cloud_mov2,
.intro .intro_cloud_mov3,
.intro .intro_cloud_mov4,
.intro .intro_cloud_mov5,
.intro .intro_cloud_mov6 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -550px;
    margin-left: -975px;
    width: 1950px;
    height: 1100px;
    background-repeat: no-repeat;
    background-position:center center;
    background-size:100% auto;
}

/*인트로 구름*/





/*메인 네이처 커뮤니티 이노베이션 공통 구름*/
.main1 .intro_cloud_mov0,
.nature .intro_cloud_mov0,
.commu .intro_cloud_mov0,
.innova .intro_cloud_mov0 {
    background: url("../img/cloud_left_mov_00.png");
}
.main1 .intro_cloud_mov1,
.nature .intro_cloud_mov1,
.commu .intro_cloud_mov1,
.innova .intro_cloud_mov1 {
    background: url("../img/cloud_left_mov_01.png");
}
.main1 .intro_cloud_mov2,
.nature .intro_cloud_mov2,
.commu .intro_cloud_mov2,
.innova .intro_cloud_mov2 {
    background: url("../img/cloud_left_mov_02.png");
}
.main1 .intro_cloud_mov3,
.nature .intro_cloud_mov3,
.commu .intro_cloud_mov3,
.innova .intro_cloud_mov3 {
    background: url("../img/cloud_left_mov_03.png");
}
.main1 .intro_cloud_mov4,
.nature .intro_cloud_mov4,
.commu .intro_cloud_mov4,
.commu .intro_cloud_mov4,
.innova .intro_cloud_mov4 {
    background: url("../img/cloud_left_mov_04.png");
}
.main1 .intro_cloud_mov5,
.nature .intro_cloud_mov5,
.commu .intro_cloud_mov5,
.innova .intro_cloud_mov5 {
    background: url("../img/cloud_left_mov_05.png");
}
.main1 .intro_cloud_mov6,
.nature .intro_cloud_mov6,
.commu .intro_cloud_mov6,
.innova .intro_cloud_mov6 {
    background: url("../img/cloud_left_mov_06.png");
}

.main1 .intro_cloud_mov0,
.main1 .intro_cloud_mov1,
.main1 .intro_cloud_mov2,
.main1 .intro_cloud_mov3,
.main1 .intro_cloud_mov4,
.main1 .intro_cloud_mov5,
.main1 .intro_cloud_mov6,

.nature .intro_cloud_mov0,
.nature .intro_cloud_mov1,
.nature .intro_cloud_mov2,
.nature .intro_cloud_mov3,
.nature .intro_cloud_mov4,
.nature .intro_cloud_mov5,
.nature .intro_cloud_mov6,

.commu .intro_cloud_mov0,
.commu .intro_cloud_mov1,
.commu .intro_cloud_mov2,
.commu .intro_cloud_mov3,
.commu .intro_cloud_mov4,
.commu .intro_cloud_mov5,
.commu .intro_cloud_mov6,

.innova .intro_cloud_mov0,
.innova .intro_cloud_mov1,
.innova .intro_cloud_mov2,
.innova .intro_cloud_mov3,
.innova .intro_cloud_mov4,
.innova .intro_cloud_mov5,
.innova .intro_cloud_mov6 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -550px;
    margin-left: -975px;
    width: 1950px;
    height: 1100px;
    background-repeat: no-repeat;
    background-position:center center;
    background-size:100% auto;
}
/*메인 네이처 커뮤니티 이노베이션 공통 구름*/





/*구름 끝*/










































































/* =Preloader */
.amor_wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    z-index: 1001;
    animation: spin 2s linear infinite;
}
#loader-wrapper #loader P {
    font-size: 20px;
    letter-spacing: 0;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    border-radius: 50%;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background-color: #f7fcf2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    z-index: 1000;
    transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

#loader {
    display: block;
    width: 100px;
    height: 100px;
    margin: 50 auto;
}

.circ-one {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background: #aacfda;
    border-radius: 100%;
    float: left;
    animation: load-x 2s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}

.circ-two {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background: #d8efe7;
    border-radius: 100%;
    float: right;
    animation: load-y 2s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}

@keyframes load-x {
    0% {
        left: -10px;
        transform: scale(1);
    }
    25% {
        transform: scale(1.5);
        z-index: 2;
    }
    50% {
        left: 60px;
        transform: scale(1);
    }
    75% {
        transform: scale(0.5);
        z-index: 1;
    }
    100% {
        left: -10px;
        transform: scale(1);
    }
}
@keyframes load-y {
    0% {
        right: -10px;
        transform: scale(1);
    }
    25% {
        transform: scale(0.5);
    }
    50% {
        right: 60px;
        transform: scale(1);
        z-index: 1;
    }
    75% {
        transform: scale(1.5);
        z-index: 2;
    }
    100% {
        right: -10px;
        transform: scale(1);
    }
}
#loader p {
    text-align: center;
    font-family: 'Hanna', serif;
    font-weight: 500;
    color: #193067;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
/*// Loaded*/
.loaded #loader-wrapper .loader-section.section-left {
    transform: translateY(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateY(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateX(-100%);
    transition: all 0.3s 1s ease-out;
}














/*메인 레이아웃 영역 입니다*/




.section-amore01 {
    width: 100%;
    height: 100%;
}
.section-amore01 .arrow-left {
    background: rgba(0, 0, 0, 0.5) url(../img/arrows.png) no-repeat 17px 11px;
    background-size: 25px auto;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -112px;
    z-index: 11;
    width: 68px;
    height: 68px;
    border-radius: 50%;
}
.section-amore01 .arrow-right {
    background: rgba(0, 0, 0, 0.5)  url(../img/arrows.png) no-repeat 22px -61px;
    background-size: 25px auto;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -112px;
    z-index: 11;

    width: 68px;
    height: 68px;
    border-radius: 50%;
}
.section-amore01 .swiper-container {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}
.section-amore01 .content-slide {
    position: absolute;
    bottom: 0px;
    /*left: 50%;*/
    width: 100%;
    height: 570px;
    color: #fff;
}
.section-amore01 .pagination {
    position: absolute;
    /*right: 50px;*/
    text-align: center;
    bottom:0px;
    width: 100%;
    z-index: 11;
    background: #fff;
}
.section-amore01 .swiper-pagination-switch {
    display: inline-block;
    width: 140px;
    height: 50px;
    border-radius: 10px;
    /*background: #999;*/
    margin: 0 3px;
    color: #cacaca;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 5px;
    font-weight: 200;
}
.section-amore01 .swiper-active-switch {
    /*background: #d9edf4;*/
    color: #000000;
}








.swiper-nested-1, .swiper-nested-2 {
    width: 100%;
}
.swiper-nested-1 .swiper-slide, .swiper-nested-2 .swiper-slide {
    line-height: 125px;
    font-size: 21px
}

.pagination-nested-1, .pagination-nested-2 {
    bottom: auto;
    top: 10px;
}
.pagination-nested-1 .swiper-pagination-switch, .pagination-nested-2 .swiper-pagination-switch {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
}








/*
.red-slide {
    background: #ca4040;
}
.blue-slide {
    background: #4390ee;
}
.orange-slide {
    background: #ff8604;
}
.green-slide {
    background: #49a430;
}
.pink-slide {
    background: #973e76;
}*/
.swiper-slide .title {
    font-style: italic;
    font-size: 0px;
}



/*메인 레이아웃 영역 입니다*/







/*메인 시작*/

.intro .main_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    height: 975px;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.intro .main_building_box .main_building_l1{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main_building_l1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.intro .main_building_box .main_building_l2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main_building_l2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}



.main_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    height: 975px;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
#intro_target{
    position: absolute;
    width: 100%;
    height: calc(100vh - 78px);
    /*height: 100%;*/
    opacity: 0;
    z-index: 99;
    display: none;
    /*cursor: pointer;*/
    /*cursor: url('../img/intro_mouse.png'), auto;*/

    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url('../img/intro_mouse.png'), n-resize; /* standard: note the different path for the .cur file */
    *cursor: url('../img/intro_mouse.png'), n-resize; /* IE 7 and below */
    _cursor: url('../img/intro_mouse.png'), n-resize; /* IE 6 */


}
.main_building_box .main_building_cloud{
    position: absolute;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    height: 100%;

    background: url("../img/main_cloud_bg.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    opacity: 0;
}
.main_building_box .main_building_l1{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main_building_l1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.main_building_box .main_building_l2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main_building_l2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.main_building_box .main_building_l3{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main_building_l3.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    opacity: 0;
}


.main_building_box .main_building_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -259px;
    margin-left: -730px;
    width: 540px;
    height: 200px;
    text-align: right;
    /*border: 1px solid #000000;*/
}
.main_building_box .main_building_txt_box .main_building_txt1 {
    position: absolute;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 30px;
    font-weight: 200;
    opacity: 0;
}
.main_building_box .main_building_txt_box .main_building_txt1.type01 {
    position: absolute;
    top:36px;
    width: 540px;
    height: 70px;

    color: #001a57;
    font-size: 44px;
    font-weight: 200;
    letter-spacing: 2px;
    opacity: 0;
}
.main_building_box .main_building_txt_box .main_building_txt2.type01 {
    position: absolute;
    top: 90px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 74px;
    font-weight: 500;
    opacity: 0;
}
.main_building_box .main_building_txt_box .main_building_txt2 {
    position: absolute;
    top: 90px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 65px;
    font-weight: 500;
    opacity: 0;
}
.main_building_box .main_building_txt_box .main_building_txt_line {
    position: absolute;
    bottom: 15px;
    width: 540px;
    height: 2px;
    background: #001a57;

    opacity: 0;
}
.main_building_box .main_building_txt_box .main_building_txt_line.type01 {
    position: absolute;
    bottom: 0px;
    width: 540px;
    height: 2px;
    background: #001a57;

    opacity: 0;
}






.main1 .main1_building_box{
    position: absolute;
    top: 50%;

    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    height: 975px;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
    /*display: none;*/
}

.main1 .main1_building_box .main1_building_l1{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main1_building_l1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.main1 .main1_building_box .main1_building_l2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main1_building_l2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}










.amore_sl01 .main1_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    height: 975px;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
    /*display: none;*/
}
.main1_building_box .main1_building_cloud{
    position: absolute;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    height: 100%;

    background: url("../img/main1_cloud_bg.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    /*opacity: 0;*/
}
.amore_sl01 .main1_building_box .main1_building_l1{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main1_building_l1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.amore_sl01 .main1_building_box .main1_building_l2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main1_building_l2.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    opacity: 0;
}
.amore_sl01 .main1_building_box .main1_building_l3{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -487px;
    margin-left: -50%;
    width: 100%;
    height: 100%;

    background: url("../img/main1_building_l3.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:1528px 975px;
    opacity: 0;
}













.main1_building_box .main1_building_menu_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -360px;
    width: 545px;
    height: 100%;
    /*border: 1px solid #000000;*/
}

.main1_building_box .main1_building_menu1 .main1_building_menu_line{
    position: absolute;
    top: 65px;
    left: 31px;
    width: 181px;
    height: 2px;
    background: #001a57;
    transform: rotate(-8deg);
    opacity: 0;
}
.main1_building_box .main1_building_menu2 .main1_building_menu_line{
    position: absolute;
    top: 60px;
    left: 3px;
    width: 433px;
    height: 2px;
    background: #001a57;
    transform: rotate(14deg);
    opacity: 0;
}
.main1_building_box .main1_building_menu3 .main1_building_menu_line{
    position: absolute;
    top: 85px;
    left: 29px;
    width: 167px;
    height: 2px;
    background: #001a57;
    transform: rotate(-20deg);
    opacity: 0;
}




.main1_building_box .main1_building_menu1 .main1_building_menu_set:hover,
.main1_building_box .main1_building_menu2 .main1_building_menu_set:hover,
.main1_building_box .main1_building_menu3 .main1_building_menu_set:hover{
    background: #cacaca;
    color: #001a57;
    font-weight: 300;
}

.main1_building_box .main1_building_menu1 .main1_building_menu_set{
    top: 28px;
    left: 203px;
    cursor: pointer;
}
.main1_building_box .main1_building_menu2 .main1_building_menu_set{
    top: 82px;
    left: 400px;
    cursor: pointer;
}
.main1_building_box .main1_building_menu3 .main1_building_menu_set{
    top: 29px;
    left: 184px;
    cursor: pointer;
}
.main1_building_box .main1_building_menu1 .main1_building_menu_set,
.main1_building_box .main1_building_menu2 .main1_building_menu_set,
.main1_building_box .main1_building_menu3 .main1_building_menu_set{
    position: absolute;
    width: 180px;
    height: 52px;
    background: #001a57;
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    line-height: 52px;
    letter-spacing: 0;
    opacity: 0;
}



.main1_building_box .main1_building_menu1{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -393px;
    margin-left: 41px;
    width: 484px;
    height: 109px;
    /*opacity: 0;*/
}














.main1_building_box .main1_building_menu2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -288px;
    margin-left: -157px;
    width: 609px;
    height: 139px;
    /*opacity: 0;*/
}

.main1_building_box .main1_building_menu3{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -82px;
    margin-left: 61px;
    width: 451px;
    height: 134px;
    /*opacity: 0;*/
}









/*메인 끝*/













/*NATURE 시작*/


.nature .nature_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    min-width: 1528px;
    min-height: 975px;
}
.nature .nature_building_box .nature_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    width: 100%;
    height: 100%;

    background: url("../img/nature_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.nature .nature_building_box .nature_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    width: 100%;
    height: 100%;

    background: url("../img/nature_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}















.amore_sl02 .nature_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.amore_sl02 .nature_building_box .nature_building_cloud{
    position: absolute;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    height: 100%;

    background: url("../img/nature_cloud_bg.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    /*opacity: 0;*/
}
.amore_sl02 .nature_building_box .nature_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/nature_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.amore_sl02 .nature_building_box .nature_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/nature_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    opacity: 0;
}


.amore_sl02 .nature_building_box .nature_building_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: 50px;
    width: 540px;
    height: 200px;
    text-align: left;
    /*border: 1px solid #000000;*/
}
.nature_building_box .nature_building_txt_box .nature_building_txt1 {
    position: absolute;
    width: 540px;
    height: 100px;

    color: #1a1a1a;
    font-size: 32px;
    font-weight: 200;
    line-height: 28px;
    opacity: 0;
}
.nature_building_box .nature_building_txt_box .nature_building_txt2 {
    position: absolute;
    top: 52px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 84px;
    font-weight: 400;
    opacity: 0;
}
.nature_building_box .nature_building_txt_box .nature_building_txt_line {
    position: absolute;
    top: 155px;
    width: 650px;
    height: 2px;
    background: #001a57;
    opacity: 0;
}

.nature_building_box .nature_building_txt_box .nature_building_txt3 {
    position: absolute;
    top: 175px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    opacity: 0;
}


.nature_building_box .nature_building_txt_box .nature_building_txt_btn {
    position: absolute;
    top: 330px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #001a57;
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 33px;
    cursor: pointer;

    opacity: 0;
}










/*네이처 팝업 시작*/

.nature_pop {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    height: calc(100vh - 78px);
    z-index: 50;
    display: none;
}

.nature_pop .pop_cont_box {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;

    /*border: 1px solid #e054ad;*/
}


.nature_pop .pop_cont_box .movie_img{
    position: absolute;
    width: 676px;
    height: 537px;
    left: 0;
    cursor: pointer;
    overflow: hidden;


    background: url("../img/nature_in_main01_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;
    /*border: 1px solid #ade059;*/
}

.nature_pop .movie_play_img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;

    width: 90px;
    height: 90px;
    background: url("../img/play.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
}




.nature_pop .pop_cont_box .pop_img1{
    position: absolute;
    width: 210px;
    height: 537px;
    left: 690px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/nature_in_main02_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #24e0c2;*/
}
.nature_pop .pop_cont_box .pop_img2{
    position: absolute;
    width: 209px;
    height: 537px;
    left: 910px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/nature_in_main03_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.nature_pop .pop_cont_box .pop_img_txt{
    position: absolute;
    top: 10px;
    left: 22px;
    color: #fff;
    font-size: 40px;
}


.nature_pop .pop_back_btn{
    position: absolute;
    top: 50%;
    margin-top: 320px;
    left: 50%;
    margin-left: -690px;
    width: 128px;
    height: 25px;
    z-index: 10;
    background: url("../img/commu_in_slide_back.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    cursor: pointer;
}



/*네이처 팝업 끝*/




















/*동영상 팝업 시작*/


.nature_pop .pop_movie1,
.nature_pop .pop_movie2,
.nature_pop .pop_movie3,
.nature_pop .pop_movie4 {
    position: absolute;
    top: 50%;
    margin-top: -340px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    padding: 10px 10px 10px 10px;
    display: none;
}

.nature_pop .pop_movie_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}


/*동영상 팝업 끝*/


















/*팝업 슬라이드 팝업 시작*/


.nature_pop .nature_popup_slide1,
.nature_pop .nature_popup_slide2,
.nature_pop .nature_popup_slide3,
.nature_pop .nature_popup_slide4 {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    /*padding: 10px 10px 10px 10px;*/
    display: none;
}

.nature_pop .pop_slide_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}

.nature_pop .slide_txt_box {
    position: absolute;
    bottom: 0;
    width:100%;
    height: 130px;
    background: rgba(0,0,0,0.7);
    z-index: 10;
}
.nature_pop .slide_txt{
    position: absolute;
    right: 0;
    width: 56%;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    padding-right: 20px;
}

/*팝업 슬라이드 팝업 끝*/


















/* 네이처 슬라이드1 팝업 시작*/

.nature_pop .nature_popup_slide1 {
}
.nature_popup_slide1 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.nature_pop .nature_popup_slide1 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.nature_pop .nature_popup_slide1 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.nature_pop .nature_popup_slide1 .swiper-container {
    height: 537px;
    width: 1120px;
}
.nature_pop .nature_popup_slide1 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.nature_pop .nature_popup_slide1 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.nature_pop .nature_popup_slide1 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.nature_pop .nature_popup_slide1 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.nature_pop .nature_popup_slide1 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 네이처 슬라이드1 팝업 끝*/




















/* 네이처 슬라이드2 팝업 시작*/

.nature_pop .nature_popup_slide2 {
}
.nature_pop .nature_popup_slide2 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.nature_pop .nature_popup_slide2 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.nature_pop .nature_popup_slide2 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.nature_pop .nature_popup_slide2 .swiper-container {
    height: 537px;
    width: 1120px;
}
.nature_pop .nature_popup_slide2 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.nature_pop .nature_popup_slide2 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.nature_pop .nature_popup_slide2 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.nature_pop .nature_popup_slide2 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.nature_pop .nature_popup_slide2 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 네이처 슬라이드2 팝업 끝*/













































/*NATURE 끝*/



















/*COMMUNITY 시작*/



.commu .commu_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.commu .commu_building_box .commu_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/innova_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.commu .commu_building_box .commu_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/innova_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}











.amore_sl03 .commu_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.amore_sl03 .commu_building_box .commu_building_cloud{
    position: absolute;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    height: 100%;

    background: url("../img/innova_cloud_bg.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    /*opacity: 0;*/
}
.amore_sl03 .commu_building_box .commu_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/innova_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.amore_sl03 .commu_building_box .commu_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/innova_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    opacity: 0;
}


.commu_building_box .commu_building_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: 50px;
    width: 540px;
    height: 200px;
    text-align: left;
    /*border: 1px solid #000000;*/
}
.commu_building_box .commu_building_txt_box .commu_building_txt1 {
    position: absolute;
    width: 540px;
    height: 100px;

    color: #1a1a1a;
    font-size: 32px;
    font-weight: 200;
    line-height: 28px;
    opacity: 0;
}
.commu_building_box .commu_building_txt_box .commu_building_txt2 {
    position: absolute;
    top: 52px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 84px;
    font-weight: 400;
    opacity: 0;
}
.commu_building_box .commu_building_txt_box .commu_building_txt_line {
    position: absolute;
    top: 155px;
    width: 650px;
    height: 2px;
    background: #001a57;

    opacity: 0;
}

.commu_building_box .commu_building_txt_box .commu_building_txt3 {
    position: absolute;
    top: 175px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    opacity: 0;
}


.commu_building_box .commu_building_txt_box .commu_building_txt_btn {
    position: absolute;
    top: 350px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #001a57;
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 33px;
    cursor: pointer;

    opacity: 0;
}




















/*네이처 팝업 시작*/

.commu_pop {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    height: calc(100vh - 78px);
    z-index: 50;
    display: none;
}

.commu_pop .pop_cont_box {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;
    /*border: 1px solid #e054ad;*/
}


.commu_pop .pop_cont_box .movie_img{
    position: absolute;
    width: 583px;
    height: 537px;
    left: 0;
    cursor: pointer;
    overflow: hidden;


    background: url("../img/commu_in_main01_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;
    /*border: 1px solid #ade059;*/
}

.commu_pop .movie_play_img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;

    width: 90px;
    height: 90px;
    background: url("../img/play.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
}




.commu_pop .pop_cont_box .pop_img1{
    position: absolute;
    width: 256px;
    height: 263px;
    left: 594px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/commu_in_main02_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #24e0c2;*/
}
.commu_pop .pop_cont_box .pop_img2{
    position: absolute;
    width: 256px;
    height: 263px;
    left: 862px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/commu_in_main03_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.commu_pop .pop_cont_box .pop_img3{
    position: absolute;
    width: 256px;
    height: 263px;
    top: 272px;
    left: 594px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/commu_in_main04_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.commu_pop .pop_cont_box .pop_img4{
    position: absolute;
    width: 256px;
    height: 263px;
    top: 272px;
    left: 862px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/commu_in_main05_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.commu_pop .pop_cont_box .pop_img_txt{
    position: absolute;
    top: 10px;
    left: 22px;
    color: #fff;
    font-size: 40px;
}


.commu_pop .pop_back_btn{
    position: absolute;
    top: 50%;
    margin-top: 320px;
    left: 50%;
    margin-left: -690px;
    width: 128px;
    height: 25px;
    z-index: 10;
    background: url("../img/commu_in_slide_back.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    cursor: pointer;
}



/*네이처 팝업 끝*/




















/*동영상 팝업 시작*/


.commu_pop .pop_movie1,
.commu_pop .pop_movie2,
.commu_pop .pop_movie3,
.commu_pop .pop_movie4 {
    position: absolute;
    top: 50%;
    margin-top: -340px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    padding: 10px 10px 10px 10px;
    display: none;
}

.commu_pop .pop_movie_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png"); /*  이미지 변경 안해도됨*/
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}


/*동영상 팝업 끝*/


















/*팝업 슬라이드 팝업 시작*/


.commu_pop .commu_popup_slide1,
.commu_pop .commu_popup_slide2,
.commu_pop .commu_popup_slide3,
.commu_pop .commu_popup_slide4 {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    /*padding: 10px 10px 10px 10px;*/
    display: none;
}

.commu_pop .pop_slide_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png"); /*  이미지 변경 안해도됨*/
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}

.commu_pop .slide_txt_box {
    position: absolute;
    bottom: 0;
    width:100%;
    height: 130px;
    background: rgba(0,0,0,0.7);
    z-index: 10;
}
.commu_pop .slide_txt{
    position: absolute;
    right: 0;
    width: 64%;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    padding-right: 20px;
}

/*팝업 슬라이드 팝업 끝*/


















/* 커뮤니티 슬라이드1 팝업 시작*/

.commu_pop .commu_popup_slide1 {
}
.commu_pop .commu_popup_slide1 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.commu_pop .commu_popup_slide1 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide1 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide1 .swiper-container {
    height: 537px;
    width: 1120px;
}
.commu_pop .commu_popup_slide1 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.commu_pop .commu_popup_slide1 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.commu_pop .commu_popup_slide1 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.commu_pop .commu_popup_slide1 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.commu_pop .commu_popup_slide1 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 커뮤니티 슬라이드1 팝업 끝*/




















/* 커뮤니티 슬라이드2 팝업 시작*/

.commu_pop .commu_popup_slide2 {
}
.commu_pop .commu_popup_slide2 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.commu_pop .commu_popup_slide2 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide2 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide2 .swiper-container {
    height: 537px;
    width: 1120px;
}
.commu_popup_slide2 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.commu_pop .commu_popup_slide2 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.commu_pop .commu_popup_slide2 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.commu_pop .commu_popup_slide2 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.commu_pop .commu_popup_slide2 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 커뮤니티 슬라이드2 팝업 끝*/





















/* 커뮤니티 슬라이드3 팝업 시작*/

.commu_pop .commu_popup_slide3 {
}
.commu_pop .commu_popup_slide3 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.commu_pop .commu_popup_slide3 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide3 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide3 .swiper-container {
    height: 537px;
    width: 1120px;
}
.commu_pop .commu_popup_slide3 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.commu_pop .commu_popup_slide3 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.commu_pop .commu_popup_slide3 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.commu_pop .commu_popup_slide3 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.commu_pop .commu_popup_slide3 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 커뮤니티 슬라이드3 팝업 끝*/























/* 커뮤니티 슬라이드4 팝업 시작*/

.commu_pop .commu_popup_slide4 {
}
.commu_pop .commu_popup_slide4 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.commu_pop .commu_popup_slide4 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide4 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.commu_pop .commu_popup_slide4 .swiper-container {
    height: 537px;
    width: 1120px;
}
.commu_pop .commu_popup_slide4 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.commu_pop .commu_popup_slide4 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.commu_pop .commu_popup_slide4 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.commu_pop .commu_popup_slide4 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.commu_pop .commu_popup_slide4 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 커뮤니티 슬라이드4 팝업 끝*/

































































/*COMMUNITY 끝*/















/*INNOVATION 시작*/

.innova .innova_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.innova .innova_building_box .innova_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.innova .innova_building_box .innova_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.innova .innova_building_box .innova_building_l3{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l3.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}















.amore_sl04 .innova_building_box{
    position: absolute;
    top: 50%;
    /*margin-top: -487px;*/
    margin-top: -521px;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    min-width: 1528px;
    min-height: 975px;
}
.amore_sl04 .innova_building_box .innova_building_cloud{
    position: absolute;
    width: 100%;
    /*height: calc(100vh - 78px);*/
    height: 100%;

    background: url("../img/commu_cloud_bg.jpg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    /*opacity: 0;*/
}
.amore_sl04 .innova_building_box .innova_building_l1{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l1.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    /*opacity: 0;*/
}
.amore_sl04 .innova_building_box .innova_building_l2{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l2.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    opacity: 0;
}
.amore_sl04 .innova_building_box .innova_building_l3{
    position: absolute;
    /*bottom: 55px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-top: -487px;*/
    /*margin-left: -50%;*/
    width: 100%;
    height: 100%;

    background: url("../img/commu_building_l3.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:1528px 975px;
    opacity: 0;
}


.innova_building_box .innova_building_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: 50px;
    width: 540px;
    height: 200px;
    text-align: left;
    /*border: 1px solid #000000;*/
}
.innova_building_box .innova_building_txt_box .innova_building_txt1 {
    position: absolute;
    width: 540px;
    height: 100px;

    color: #1a1a1a;
    font-size: 32px;
    font-weight: 200;
    line-height: 28px;
    opacity: 0;
}
.innova_building_box .innova_building_txt_box .innova_building_txt2 {
    position: absolute;
    top: 52px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 84px;
    font-weight: 400;
    opacity: 0;
}
.innova_building_box .innova_building_txt_box .innova_building_txt_line {
    position: absolute;
    top: 155px;
    width: 650px;
    height: 2px;
    background: #001a57;

    opacity: 0;
}

.innova_building_box .innova_building_txt_box .innova_building_txt3 {
    position: absolute;
    top: 175px;
    width: 540px;
    height: 100px;

    color: #001a57;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    opacity: 0;
}


.innova_building_box .innova_building_txt_box .innova_building_txt_btn {
    position: absolute;
    top: 330px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #001a57;
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 33px;
    cursor: pointer;

    opacity: 0;
}













































/*이노베이션 팝업 시작*/

.innova_pop {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    height: calc(100vh - 78px);
    z-index: 50;
    display: none;
}

.innova_pop .pop_cont_box {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;
    /*border: 1px solid #e054ad;*/
}


.innova_pop .pop_cont_box .movie_img{
    position: absolute;
    width: 583px;
    height: 537px;
    left: 0;
    cursor: pointer;
    overflow: hidden;


    background: url("../img/innova_in_main01_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;
    /*border: 1px solid #ade059;*/
}

.innova_pop .movie_play_img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;

    width: 90px;
    height: 90px;
    background: url("../img/play.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
}




.innova_pop .pop_cont_box .pop_img1{
    position: absolute;
    width: 256px;
    height: 263px;
    left: 594px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/innova_in_main02_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #24e0c2;*/
}
.innova_pop .pop_cont_box .pop_img2{
    position: absolute;
    width: 256px;
    height: 262px;
    top: 272px;
    left: 594px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/innova_in_main03_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.innova_pop .pop_cont_box .pop_img3{
    position: absolute;
    width: 256px;
    height: 537px;
    left: 862px;
    cursor: pointer;
    overflow: hidden;

    background: url("../img/innova_in_main04_1.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:110%;

    /*border: 1px solid #303ae0;*/
}
.innova_pop .pop_cont_box .pop_img_txt{
    position: absolute;
    top: 10px;
    left: 22px;
    color: #fff;
    font-size: 40px;
}


.innova_pop .pop_back_btn{
    position: absolute;
    top: 50%;
    margin-top: 320px;
    left: 50%;
    margin-left: -690px;
    width: 128px;
    height: 25px;
    z-index: 10;
    background: url("../img/commu_in_slide_back.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    cursor: pointer;
}



/*이노베이션 팝업 끝*/




















/*동영상 팝업 시작*/


.innova_pop .pop_movie1,
.innova_pop .pop_movie2,
.innova_pop .pop_movie3,
.innova_pop .pop_movie4 {
    position: absolute;
    top: 50%;
    margin-top: -340px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    padding: 10px 10px 10px 10px;
    display: none;
}

.innova_pop .pop_movie_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png"); /*  이미지 변경 안해도됨*/
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}


/*동영상 팝업 끝*/


















/*팝업 슬라이드 팝업 시작*/


.innova_pop .innova_popup_slide1,
.innova_pop .innova_popup_slide2,
.innova_pop .innova_popup_slide3,
.innova_pop .innova_popup_slide4 {
    position: absolute;
    width: 1120px;
    height: 537px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -560px;
    z-index: 10;
    /*background: #fff;*/
    background:rgba(255,255,255,0.1);
    /*padding: 10px 10px 10px 10px;*/
    display: none;
}

.innova_pop .pop_slide_close_btn{
    position: absolute;
    top: -45px;
    right: 7px;
    width: 26px;
    height: 26px;

    background: url("../img/nature_in_slide_close.png"); /*  이미지 변경 안해도됨*/
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;

    cursor: pointer;

}

.innova_pop .slide_txt_box {
    position: absolute;
    bottom: 0;
    width:100%;
    height: 130px;
    background: rgba(0,0,0,0.7);
    z-index: 10;
}
.innova_pop .slide_txt{
    position: absolute;
    right: 0;
    width: 60%;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    padding-right: 20px;
}

/*팝업 슬라이드 팝업 끝*/


















/* 이노베이션 슬라이드1 팝업 시작*/

.innova_pop .innova_popup_slide1 {
}
.innova_pop .innova_popup_slide1 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.innova_pop .innova_popup_slide1 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide1 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide1 .swiper-container {
    height: 537px;
    width: 1120px;
}
.innova_pop .innova_popup_slide1 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.innova_pop .innova_popup_slide1 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.innova_pop .innova_popup_slide1 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.innova_pop .innova_popup_slide1 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.innova_pop .innova_popup_slide1 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 이노베이션 슬라이드1 팝업 끝*/




















/* 이노베이션 슬라이드2 팝업 시작*/

.innova_pop .innova_popup_slide2 {
}
.innova_pop .innova_popup_slide2 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.innova_pop .innova_popup_slide2 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide2 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide2 .swiper-container {
    height: 537px;
    width: 1120px;
}
.innova_popup_slide2 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.innova_pop .innova_popup_slide2 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.innova_pop .innova_popup_slide2 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.innova_pop .innova_popup_slide2 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.innova_pop .innova_popup_slide2 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 이노베이션 슬라이드2 팝업 끝*/





















/* 이노베이션 슬라이드3 팝업 시작*/

.innova_pop .innova_popup_slide3 {
}
.innova_pop .innova_popup_slide3 .device {
    width: 1120px;
    height: 537px;
    border-radius: 0px;
    position: relative;
}
.innova_pop .innova_popup_slide3 .arrow-left {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px -82px;
    background-size: 34px 124px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide3 .arrow-right {
    background: url("../img/amor_slide_arrow.png") no-repeat 0px 0px;
    background-size: 34px 124px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
    width: 34px;
    height: 50px;
}
.innova_pop .innova_popup_slide3 .swiper-container {
    height: 537px;
    width: 1120px;
}
.innova_pop .innova_popup_slide3 .content-slide {
    padding: 0px;
    color: #2b2b2b;
}
.innova_pop .innova_popup_slide3 .title {
    font-size: 25px;
    margin-bottom: 10px;
}
.innova_pop .innova_popup_slide3 .pagination {
    position: absolute;
    text-align: left;
    bottom: 9px;
    left: 15px;
    width: 100%;
    z-index: 11;
}
.innova_pop .innova_popup_slide3 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a6a6a6;
    margin: 0 3px;
    cursor: pointer;
}
.innova_pop .innova_popup_slide3 .swiper-active-switch {
    background: #ffffff;
    width: 15px;
}

/* 이노베이션 슬라이드3 팝업 끝*/
































/*INNOVATION 끝*/












/*OUTTRO 시작*/

.outtro_next_linkpage{
    position: absolute;
    z-index: 11;
    margin-top: -2px;
    left: 50%;
    margin-left: 50%;
    width: 2000px;
    /* height: 1400px; */
    height: calc(100vh - 78px);
    background: #001a57;
   }



.outtro_next_btn{
    position: relative;
    top: 14px;
    left: -30px;
    width: 30px;
    height: 80px;
    background: #001a57;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border: 0px solid #000000;
    cursor: pointer;
    display: none;
    padding-top: 22px;
    letter-spacing: -5px;
    font-size: 18px;
}
.outtro_next_btn.active{
    display: block;
}

.outtro_out_btn{
    position: relative;
    top: 14px;
    left: -30px;
    width: 30px;
    height: 80px;
    background: #001a57;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border: 0px solid #000000;
    cursor: pointer;
    display: none;
    padding-top: 22px;
    letter-spacing: -5px;
    font-size: 18px;
}
.outtro_out_btn.active{
    display: block;
}



.outtro_building_box{
    position: absolute;
    top: 50%;
    margin-top: -356px;
    left: 50%;
    margin-left: -560px;

    /*width: 100%;*/
    /*height: calc(100vh - 78px);*/
    /*height: calc(100vh);*/
    width: 1120px;
    height: 712px;
    /*border: 1px solid #ddd;*/
}


.outtro_building_bg{
    position: absolute;
    top: 10px;
    left: 197px;

    width: 728px;
    height: 688px;

    background: url("../img/outtro_building_bg.png");
    background-repeat: no-repeat;
    background-position:left center;
    background-size:728px auto;
    opacity: 0.3;
}
.outtro_building_l1{
    position: absolute;
    top: 0;
    left: 0;

    width: 330px;
    height: 700px;

    /*background: url("../img/outtro_building1.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:center 10px;*/
    /*background-size:330px auto;*/

}
.outtro_building1_line{
    position: absolute;
    top: 0;
    left: 0;

    width: 330px;
    height: 700px;

    background: url("../img/outtro_building1.png");
    background-repeat: no-repeat;
    background-position:center 10px;
    background-size:330px auto;

}
.outtro_building1_img{
    position: absolute;
    top: 0;
    left: 0;

    width: 330px;
    height: 700px;

    background: url("../img/outtro_building11.png");
    background-repeat: no-repeat;
    background-position:center 10px;
    background-size:330px auto;

}
.outtro_building_l2{
    position: absolute;
    top: 0;
    left: 335px;

    width: 330px;
    height: 700px;

    /*background: url("../img/outtro_building2.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:center 41px;*/
    /*background-size:330px auto;*/

}
.outtro_building2_line{
    position: absolute;
    top: 0;

    width: 330px;
    height: 700px;

    background: url("../img/outtro_building2.png");
    background-repeat: no-repeat;
    background-position:center 41px;
    background-size:330px auto;

}
.outtro_building2_img{
    position: absolute;
    top: 0;
    width: 330px;
    height: 700px;

    background: url("../img/outtro_building21.png");
    background-repeat: no-repeat;
    background-position:center 41px;
    background-size:330px auto;

}
.outtro_building_l3{
    position: absolute;
    top: 0;
    right: 0;

    width: 447px;
    height: 700px;

    /*background: url("../img/outtro_building3.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position:center 24px;*/
    /*background-size:447px auto;*/

}
.outtro_building3_line{
    position: absolute;
    top: 0;
    right: 0;

    width: 447px;
    height: 700px;

    background: url("../img/outtro_building3.png");
    background-repeat: no-repeat;
    background-position:center 24px;
    background-size:447px auto;

}
.outtro_building3_img{
    position: absolute;
    top: 0;
    right: 0;

    width: 447px;
    height: 700px;

    background: url("../img/outtro_building31.png");
    background-repeat: no-repeat;
    background-position:center 24px;
    background-size:447px auto;

}

.outtro_in_txt_box{
    position: absolute;
    bottom: 0;
    height: 206px;
    font-size: 14px;
    color: #001a57;
    text-align: left;
    padding: 0 10px 0 30px;
    line-height: 26px;
    letter-spacing: -0.5px;
}
.outtro_in_txt_box span{
    font-size: 20px;
    font-weight: 500;
}




























.outtro_linkpage_set {
    position: absolute;
    top: 50%;
    margin-top: -17%;
    left: 50%;
    margin-left: -32%;
    width: 500px;
    height: 620px;
    /*border: 1px solid #fff;*/
    text-align: center;
    color: #fff;
}
.outtro_linkpage_set .outtro_linkpage_bg {
    position: absolute;
    top: 15px;
    left: 33px;
    width: 430px;
    height: 428px;
    /*border: 1px solid #fff;*/


    background: url("../img/outtro_linkpage_bg.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;


}
.outtro_linkpage_set .outtro_linkpage_btn {
    position: relative;
    top: 200px;

    width: 380px;
    height: 60px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    margin-left: 60px;
    cursor: pointer;
}
.outtro_linkpage_set .copyright_txt_set {
    position: relative;
    top: 380px;

}












/*하단 카피라이트 관련 클레스 영역*/
.copyright {
    width: 500px;
    margin: 0 auto;
    padding: 50px 0;
    /*background: #fff;*/
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    /*color: #747c96;*/


    /*border: 1px solid #ddd;*/
}
.copyright:after {
    clear: both;
    content: '';
    display: table;
}

.copyright .copy_left{
    width: 100%;
    text-align: left;
    /*border: 1px solid #ddd;*/
}

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


.copyright p.p-text {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 11px;
}
.copyright p .bold {
    font-weight: 600
}




.copyright .copy_left p.p_colnom {

    line-height: 22px;
}

.copyright .copy_left .footer_mail {
    transition: color .3s ease;
    /*font-weight: 500;*/
    color: #747c96;
    text-decoration: none;
    font-family: 'noto-sans-scott', 'Malgun Gothic', sans-serif;
}
.copyright .copy_left .footer_mail i {
    width: 18px;
    height: 12px;
    background: url(/ilab/img/sprite1.png?v=2) no-repeat -150px 0;
    background-size: 200px;
    position: relative;
    display: inline-block;
    margin-right: 2px;
    vertical-align: baseline;
    /*margin-left: 10px;*/
    opacity: 0.5;
}


.copyright .copy_left .footer_tel {
    transition: color .3s ease;
    /*font-weight: 500;*/
    color: #747c96;
    text-decoration: none;
    font-family: 'noto-sans-scott', 'Malgun Gothic', sans-serif;
}
.copyright .copy_left .footer_tel i {
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(/ilab/img/sprite1.png?v=2) no-repeat -170px 0;
    background-size: 200px;
    position: relative;
    display: inline-block;
    margin-right: 0px;
    vertical-align: baseline;
    margin-left: 10px;
    opacity: 0.5;
}




/*하단 카피라이트 관련 클레스 영역 끝*/





/*OUTTRO 끝*/

















.footer_bar {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 70px;
    background: #fff;
    color: #000;
    z-index: 22;
}
































































































#scrollIndicator {
    border-radius: 100%;
    position: absolute;
    width: 29px;
    height: 189px;
    z-index: 10;
    /*left: calc(50% - 15px);*/
    right: calc(50% - 550px);
    bottom: 90px;
    /*cursor: pointer;*/
    /*-webkit-transition: opacity .1s .1s;*/



    background: url("../img/intro_arrow.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:29px 189px;

    opacity: 0;

}


















.clearboth {clear: both;}

































































































































/*비디오 공통 CSS*/

.intro_dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #000;*/
    background-image:url("../img/intro_dim.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 2px 2px;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    z-index: 9;
}

.dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 9;
}
.movie_dim,
.slide_dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 9;
}



/*.video_wrap {*/
    /*max-width: 427px;*/
    /*margin: 0px auto 0;*/
    /*!*padding-top: 70px;*!*/
/*}*/
.video_wrap.mv_w740 {
    max-width: 740px;
    margin: 30px auto 0
}
.video_wrap.mv_w800 {
    max-width: 800px;
    margin: 20px auto 0
}
.video_wrap.mv_w100 {
    /*max-width:  100%;*/
    height: 100%;
    margin: auto;
}
.video_wrap video {
    width: 100%;
    vertical-align: top
}

.video_wrap.mv_ktng1 {
    /*max-width:  100%;*/
    overflow: hidden;
    height: 860px;
    margin: auto;
}

.video_wrap.mv_ktng1 video#video1 {
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 50%;
    margin-top: -28%;
}
.video_wrap.mv_ktng11 {
    /*max-width:  100%;*/
    overflow: hidden;
    height: 100%;
    margin: auto;
}



.video_wrap.mv_ktng2 {
    /*max-width:  100%;*/
    overflow: hidden;

    /*height: 100vh;*/
    /*height: calc(100vh - 78px);*/
    margin: auto;
}

.video_wrap.mv_ktng2 video#video2 {
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 50%;
    margin-top: -28%;
}


.video_wrap {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    top: 0px;
}

.video_wrap .video_controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%;
    z-index: 4;

}
.video_controls {
}

.section-set1 .video_controls .video_control .btn_pause {
    background: none;
}

.video_controls .btn_pause, .video_controls .btn_play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 110px;
    margin-top: -50px;
    margin-left: -55px;
    padding: 0;
    border: none;
    cursor: pointer;
}

.video_controls .btn_pause {
    background: url("../img/sprite.png");
    background-position: -85px 0;
    background-repeat: no-repeat;
    background-size: 300px 800px;
}
.video_controls .btn_play {
    background: url("../img/sprite.png");
    background-position: 5px 0;
    background-repeat: no-repeat;
    background-size: 300px 800px;
}
.video_controls .btn_pause {
    display: none
}
.video_controls.playing .btn_play {
    display: none
}
.video_controls.playing:hover .btn_pause {
    display: block
}


.section-set1 .video_controls.playing:hover .btn_pause {
    display: none
}


.video_controls._small .btn_pause, .video_controls._small .btn_play {
    margin-top: -70px
}
.video_controls._small .video_title {
    position: absolute
}