@media all and (min-width:320px) and (max-width:700px){

    #popup_wrap{
        position:fixed;
        width:100%;
        height:100%;
        z-index: 999;
      
        transition:all 0.4s;
    }
    .pull-right{float:right}
    .main_popup{width:300px; border:3px solid #3E4156;background-color: white;
        transform: translate(-50%,-50%);
        position: absolute; top:50%; left:50%; display: none;
    }
    .popimg{
        width:100%;
        height:300px;
    }
    .popup_bottom{
        background-color: #3E4156;
        color: white;
        height: 25px;
        padding: 15px 10px 3px 10px;
        width:280px;
        font-size:14px;
    }
    .white{
        color:#fff !important;
    }
    .main_popup>a{
        display:block;
    
    }

    /* 공지사항 */
    
    .notice.on{
        display:block;
    }
    .notice{
        animation: noti 0.1s 5s forwards;
    }
    .notice .notice-box{
        padding:20px 20px;
    }
    .notice .notice-box .inner .txt-wrap{
        padding-top:20px;
    }
    .notice .notice-box .inner .txt-wrap .tit{
        font-size:16px;
        line-height: 24px;
        font-weight: bold;
        padding-bottom: 20px;
        position: relative;
    }
    
    .notice .notice-box .inner .txt-wrap .txt{
        font-size:13px;
        line-height: 20px;
        margin-top:20px;
        word-break: keep-all;
    }
    .notice .notice-box .inner .txt-wrap .browser{
        font-size: 24px;
        margin-top:20px;
        display:flex;
    }
    .notice .notice-box .inner .txt-wrap .browser>div{
        justify-content: space-between;
        width:33.3%;
    }
    .notice .notice-box .inner .txt-wrap .browser>div>p{
        font-size:12px;
        margin-top:10px;
    }
    .notice .notice-box .inner .txt-wrap .browser i{
        margin:0 10px;
    }
   
    .notice .notice-btn button{
        font-size:30px;
      
    }
    
    /* ul_flying */
    #wrap{
        overflow:hidden;
    }
    #ui_flying{
        display:none;
    }
    /* .fp-viewing-second #wrap .mo_bt button span{
        background:#262626;
    } */
    #wrap .header.plus{
        background:#fff !important;
    }
    #wrap .header.plus .inner .logo_wrap a .logo_black{
        display:block;
    }
    #wrap .header.plus .inner .logo_wrap a .logo_white{
        display:none !important;
    }
    .mo_bt.plus button span{
        background:#000;
    }

    #wrap .header{
        width:100%;
        height:80px;
        background:none;
    }
    #wrap .header .menu_wrap{
        display:none;
    }

    #wrap .header .logo_wrap{
        float:left;
        position: absolute;
        top:50%;
        left:10px;
        transform:translatey(-50%);
    }
    
    .fp-viewing-first #wrap .header{
        background:none;
    }
    
    #wrap .header .inner{
        width:100%;
        margin:0 auto;
        padding:0 0 0 10px;
        height:100%;
        
    }
    .mo_header{
        background:url(../img/tapmenubg.jpg) no-repeat center/cover;
    }
    .mo_header .think{
        position: absolute;
        top:10px;
        left:100px;
        
        text-align: center;
    }
    .mo_header .think img{
        width:180px;
        height:auto;
        
    }

    .mo_header .logo_wrap{
        position: absolute;
        top:15px;
        left:10px;
    }

    .mo_bt{
        position: fixed;
        top:20px;
        right:10px;
        z-index: 991;
       
    }
  
    /* .fp-viewing-first .mo_bt button span.on{
        background:#262626;
    }
    .fp-viewing-first .mo_bt button span{
        background:#fff;
    } */

    .mo_header .inner{
       
        width:90%;
        height:100%;
    }
    .mo_header .menu_wrap{
        position: fixed;
        top:20%;
        left:55%;
        width:100%;
        transform: translatex(-50%);
        
    }
    .mo_header .inner .menu_wrap>ul>li a .minus{
        display:none !important;
    }
    .mo_header .inner .menu_wrap>ul>li:first-child>a .minus{
        display:none;
    }
    .mo_header .inner .menu_wrap>ul>li:last-child>a .minus{
        display:none;
    }

    .mo_header .inner .menu_wrap>ul>li:first-child i{
        display:none;
    }
    .mo_header .inner .menu_wrap>ul>li i{
        display:none;
    }
    .mo_header .inner .menu_wrap>ul>li:last-child i{
        display:none;
    }
    .mo_header .inner .menu_wrap>ul>li{
        font-size:30px;
        line-height: 46px;
        border-bottom:none;
        text-align: center;
    }
    .mo_header .inner .menu_wrap>ul>li>ul{
        
        width:100%;
    }
    .mo_header .inner .menu_wrap>ul>li:nth-child(3)>ul{
    
    }
    .mo_header .inner .menu_wrap>ul>li>ul>li{
        font-size:24px;
        line-height: 36px;
        text-align:center;
    }
    .mo_header .inner .menu_wrap>ul>li>ul>li>a{
        display:block;
        line-height: 36px;
        color:#fff !important;
      
    }
    
    .mo_header .inner .menu_wrap>ul>li:nth-child(2){
        margin:0px 0;
    }
    .mo_header .inner .menu_wrap>ul>li>a{
        padding:20px 0;
        color:#fff !important;
    }
    /* sns */
    .mo_header .inner .sns_wrap{
        position: absolute;
        bottom:10%;
        left:60%;
        transform: translatex(-50%);
        width:100%;
        margin:0 auto;
    }
    .mo_header .inner .sns_wrap .social-links {
        width:100%;
        margin:0 auto;
        display:flex;
        justify-content:space-between;
    }
    .mo_header .inner .sns_wrap .social-links a{
        padding:10px;
       
        margin:0;
    }
    .mo_header .inner .sns_wrap .social-links a:last-child{
        margin-right:0;
    }
    .mo_header .inner .sns_wrap .social-links a img.icowhite{
        display:block;
    }
    .mo_header .inner .sns_wrap .social-links a img.icoblack{
        display:none;
    }
    #wrap .mo_bt.on button span{
        background:#fff !important;
    }
   
    .mo_bt button span.on {
        background:#fff;
    }
    
    /* se0 마크업 */
    #wrap .container .section.se0 .video-wrap .thumb {
        overflow: hidden;
    }
    #wrap .container .section.se0 .video-wrap .thumb .play-bt{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        font-size:100px;
        color:#fff;
    }
    #wrap .container .section.se0 .video-wrap .thumb .play-bt i{
        transition:all 0.4s;
    }
    #wrap .container .section.se0 .video-wrap .thumb a:hover .play-bt i{
        color:#f08300;
    }
    #wrap .container .section.se0 .thumb3 #video1{
        left:50%;
        transform: translate(-50%, -50%);
        top:50%;
        width:1500px;
    }
    #wrap .container .section.se0 .thumb3 .txt_wrap{
        top:45%;
    }
    #wrap .container .section.se0 .txt_wrap{
        position: absolute;
        top:50%;
        color:#fff;
        width:100%;
        height:400px;
        left:50%;
        transform: translate(-50%,-50%);  
        text-align: left;
        padding-left:20px;
        margin:0;    
    }
    
    #wrap .container .section.se0 .txt_wrap .tit{
        font-size:24px;
        line-height: 38px;
        overflow: hidden;
        position: relative;
        margin-top:10px !important; 
        
    }
    
    #wrap .container .section.se0 .txt_wrap .tit span{
        opacity: 0;
        display: block;
        font-size:20px;
    }
    
    #wrap .container .section.se0 .txt_wrap .tit span img{
        width:80%;
    }

    #wrap .container .section.se0 .txt_wrap .txt{
        font-size:13px;
        line-height: 22px;
        overflow: hidden;
        position: relative;
    }
    #wrap .container .section.se0 .txt_wrap .txt.txt1{
        margin-top:20px;
    }
    #wrap .container .section.se0 .txt_wrap .txt span{
        opacity: 0;
        display: block;
        font-size:14px;
    }

    #wrap .container .section.se0 .txt_wrap .img_wrap{
        text-align:center;
        position:absolute;
        top:40%;
        left:50%;
        transform:translatex(-50%);
        opacity:0;
        animation:imgBuring 1.4s 1.4s forwards cubic-bezier(0, 0, 0.2, 1);
        text-align: center;
        
    }
    #wrap .container .section.se0 .txt_wrap .img_wrap img{
        width:80%;
      
    }
    #wrap .container .section.se0 .video-wrap .thumb2 .pc-main{
        display:none;
    }
    #wrap .container .section.se0 .video-wrap .thumb2{
        text-align: center;
        margin:0 auto;
        background:url(../img/mainvisual2_m.jpg) no-repeat center/cover;
    }
    #wrap .container .section.se0 .video-wrap .thumb2 .mo-main{
        display:block;
        text-align: center;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    #wrap .container .section.se0 .video-wrap .thumb3 .pc-video{
        display:none;
    }
    #wrap .container .section.se0 .video-wrap .thumb3 .mo-video{
        display:block;
    }

   /* thumb4 */
   #wrap .container .section.se0 .thumb4 .txt_wrap .subwrap{
    width:100%;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .tit.t1{
    text-align: center;
   margin-right:20px;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .txt.txt1{
    margin-top:10px;
    text-align: center;
    margin-right:20px;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .ttt1{
    display:none;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .ttt2{
    display:none;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .viewbtn{
    margin-top:20px;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .viewbtn a{
    width:93%;
    height:30px;
    line-height: 30px;
    font-size:16px;
}
@keyframes upup{
    0%{
        top:28%;
        transform:rotate3d(0,1,0,0deg) translatey(-50%);
    }
   /* 25%{
        top:55%;
        transform:rotate3d(0,1,0,90deg) translatey(-50%);
    } */
    50%{
        top:28%;
        transform:rotate3d(0,1,0,360deg) translatey(-50%);
    }
      /*
    75%{
        transform:rotate3d(0,1,0,90deg) translatey(-50%);
    } */
    100%{
        top:28%;
        transform:rotate3d(0,1,0,0deg) translatey(-50%);
    }
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap{
    opacity: 1;
    transform:rotate3d(0,1,0,40deg) translate(-50%,0);
     top:0;
     float:none;
     left:42%;
    animation:none;
   width:150px;
   height:221px;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap div.mainimg{
    width:150px;
    height:221px;
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap div.subimg{
    height:221px;
    width:auto;
    left: -8px;
    transform: rotateY(-90deg) translate3d(-7px,0,0);
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap div.supimg{
    transform: rotate3d(0,1,0,-180deg) translate3d(0,0,16px);
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap:hover{
    /* opacity: 1;
    transform:rotate3d(0,1,0,45deg) translate(-50%,0);
    top:0;
    left:42%; */
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap div.subimg{
   
}
#wrap .container .section.se0 .thumb4 .txt_wrap .img_wrap div.rigimg{
    height:221px;
    width:30px;
    right:-14px;
}
/* thumb4 */

    #wrap .container .section.se0 .txt_wrap .eff{
        width:0;
        height: 2px;
        background:#fff;
        text-indent:-9999px;
        margin-top:24px;
        overflow:hidden;
        animation:boxWidthburing 1.2s 1.2s forwards cubic-bezier(0, 0, 0.2, 1);
    }
    @keyframes boxWidthburing {
        from{
            width:0;
        }
        to{
            width:93%;
        }
    }

    #wrap .container .section.se0 .scroll{
        width:100%;
        position:absolute;
        bottom:30px;
        left:50%;
        transform:translatex(-50%);
        text-align:center;
    }
    #wrap .container .section.se0 .scroll .test_scroll{
        
    }
    #wrap .container .section.se0 .scroll img{
        text-align:center;
        width:6%;
    }
    #wrap .container .section.se0 .scroll .sc{
        content: '';
        position: absolute;
        top: 9px;
        left: 50%;
        width: 2px;
        height: 4px;
        margin-left: -1px;
        background: #fff;
        animation: scrollM 1.5s linear infinite;
    }
    #wrap .container .section.se0 .scroll p{
        color:#ddd;
        font-size:12px;
        margin-top:20px;
        letter-spacing:3px;
    }


    #fp-nav{
        display:none !important;
    }

    /* 축하영상 se1 */

    #wrap .container .section.se1 .video-wrap .thumb .play-bt{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        font-size:60px;
        color:#fff;
    }
    #wrap .container .section.se1 .video-wrap .thumb .play-bt i{
        transition:all 0.4s;
    }
    #wrap .container .section.se1 .video-wrap .thumb a:hover .play-bt i{
        color:#f08300;
    }

    #wrap .container .section.se1 .txt_wrap{
        position: absolute;
        top:20%;
        color:#fff;
        width:100%;
        height:400px;
        left:50%;
        transform: translatex(-50%);  
        text-align: left;
        padding-left:20px;
        
    }
    #wrap .container .section.se1 .txt_wrap .tit{
        font-size:32px;
        line-height: 38px;
        overflow: hidden;
        position: relative;
        
        
    }
    
    #wrap .container .section.se1 .txt_wrap .tit span{
        opacity: 1;
        display: block;
    }
    
    
    #wrap .container .section.se1 .txt_wrap .txt{
        font-size:15px;
        line-height: 22px;
        overflow: hidden;
        position: relative;
    }
    #wrap .container .section.se1 .txt_wrap .txt.txt1{
        margin-top:10px;
    }
    #wrap .container .section.se1 .txt_wrap .txt span{
        opacity: 1;
        display: block;
    }

    .venoframe.vbvid{
        height:320px !important;
    }
    #wrap .container .section.se1 .video-wrap .thumb .venobox{
        background:url(../img/m_sec1-6bg.jpg) no-repeat center/cover rgba(0,0,0,0.5);
 
    }
    /* 지나온 50년 se2 */
     
    .se2 .inner{
        width:100%;
        margin:0 auto;
    }
    .se2 .inner:before{
        display:block;
        clear:both;
        content:'';
        width:200%;
        height:60px;
        background:url(../img/record_ruler.png) no-repeat center/100%;
        position:absolute;
        top:30px;
        left:0;
    }
    .se2 .inner .fin{
        width:17px;
       height:30px;
       background:url(../img/record_fin.png) no-repeat center/70%;
       position:absolute;
       top:80px;
       left:6%;
       transition:all 0.4s;
       text-indent:-9999px;
   }
    .se2 .inner h3{
        font-size:26px;
        line-height: 26px;
        margin-top:20px;
        text-align: left;
        margin-left:10px;
    }
    .se2 .inner .years{
        margin-top:80px;
    }
    
    .se2 .inner .years li{
        display:inline-block;
        margin:0 5px;
        cursor: pointer;
        
    }
    .se2 .inner .years li.on .icon_wrap{
        background:#f08300;
    }
    .se2 .inner .years li:hover .icon_wrap{
        
    }
    .se2 .inner .years li .icon_wrap{
        background:#808080;
        width:40px;
        height:40px;
        border-radius: 50%;
        vertical-align: bottom;
        transition:all 0.4s;
    }
    .se2 .inner .years li .icon_wrap img{
        margin-top:12px;
        width:60%;
    }
    .se2 .inner .years li .tit_wrap{
        margin-top:10px;
        opacity: 1;
        font-size:12px;
    }
   
    .se2 .inner .re_wrap li{
        display:none;
    }
    .se2 .inner .re_wrap li.on{
        display:block;
    }
    
    .se2 .inner .record_wrap{
        float:left;
        position: relative;
        width:100%;
        margin-top:40px;
        cursor: pointer;
        height: auto;
        margin-left:0;
    }
    .se2 .inner .record_wrap .box{
        padding:20px 30px 30px;
        /* border:solid 3px #000; */
        box-sizing: border-box; 
    }
    /* .se2 .inner .record_wrap .box:after{
        display:block;
        clear: both;
        content:'';
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width:58px;
        height:58px;
        border-radius: 50%;
        background:#fff;
    } */
    @keyframes rota{
        0%{
            transform: rotate(0deg);
            transform-origin: 50% 50%;
        }
       
        100%{
            transform: rotate(360deg);
            transform-origin: 50% 50%;
        }
    }
    
    .se2 .inner .record_wrap .record{
        animation:rota 30s infinite linear;
        transition: all ease 0.5s;
        transform-origin: 50% 50%;
    }
    .se2 .inner .record_wrap .record img{
        width:80%;
    }
    /* .se2 .inner .record_wrap:after{
        display:block;
        content:'';
        clear: both;
        width:40px;
        height:30px;
        background:#fff;
        position: absolute;
        bottom:20px;
        left:20px;
        box-sizing: border-box;
        box-shadow: 2px 4px 10px rgba(0,0,0,0.5);
    } */
    
    .se2 .inner .record_wrap:hover .record{
        animation-play-state: paused;
        transition: all ease 0.5s;
        
    }
    
    .se2 .inner .record_wrap:hover .updown{
        
    }
    .se2 .inner .record_wrap .updown{
        position: absolute;
        top:0px;
        right:0px;
        transform: rotate(0);
        transition:all 0.4s;
    }
    .se2 .inner .record_wrap:hover .updown .record_player{
        transform: rotate(-25deg);
       right:-12px;
       top:-8px;
      
    }
    
    .se2 .inner .record_wrap .updown .record_play{
        display:none;
        position: absolute;
        top:10px;
        right:10px;
        width:80px;
    }
    .se2 .inner .record_wrap .updown .record_player{
        display:block;
        position: absolute;
        top:-10px;
        right:4px;
        transition:all 0.4s;
       width:140px;
       transform: rotate(-10deg);
    }
    .se2 .inner .record_wrap .updown .record_core{
        display:block;
        position: absolute;
        top:34px;
        right:34px;
        width:30px;
    }
    .se2 .inner .txt_wrap{
        float:left;
        width:100%;
        margin-top:30px;
        margin-left:0%;
        padding-bottom: 20px;
       
    }
    .se2 .inner .txt_wrap{}
    .se2 .inner .txt_wrap .tit{
        font-size:20px;
        line-height:26px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .se2 .inner .years li .tit_wrap span {
        display:none;
    }
    .se2 .inner ul li:first-child .txt_wrap .txt{
        font-size:16px;
    }
    .se2 .inner .txt_wrap .txt{
        font-size:15px;
        line-height: 20px;
        color:#555;
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: box; 
        margin-top:1px;
         max-height:80px; 
        overflow:hidden;
        vertical-align:top;
        text-overflow: ellipsis;
         word-break:break-all; 
        -webkit-box-orient:vertical; 
        -webkit-line-clamp:4;
        margin:0 10px;
        word-break: keep-all;

    }
    .se2 .inner .txt_wrap button{
        margin-top:40px;
        border:none;
        outline: none;
    }
    .se2 .inner .txt_wrap button a{
        display:block;
        width:150px;
        height:30px;
        background:#000;
        color:#fff !important;
        font-size:16px;
        line-height: 30px;
    }


    /* 비대칭 박스 */
    #wrap .container .section.se3 .inner{
        padding-top:0vh;
        min-width:0;
    }

    #wrap .container .section.se3 .inner ul li a .txt_wrap .number{
        font-size:30px;
        line-height:60px;
        font-weight:bold;
        
    }
    #wrap .container .section.se3 .inner ul li a .txt_wrap .number img{
        width:30px;
        height:30px;
    }
    #wrap .container .section.se3 .inner ul .box1{
        background:url(../img/50th_bclass.jpg) no-repeat 0 0/cover;
        width:100%;
        height:50vh;
    }
    
    #wrap .container .section.se3 .inner ul .box1 a .txt_wrap{
        top:80%;
        left:50%;
        transform:translate(-50%,-50%);
        text-align:center;
    }
    #wrap .container .section.se3 .inner ul .box1 a .txt_wrap .tt1{
        font-size:20px;
        line-height:30px;
        width:100%;
        font-weight:300;
    }
    #wrap .container .section.se3 .inner ul .box1 a .txt_wrap .tt1 .tt2{
        font-size:30px;
        line-height:36px;
        font-weight:bold;
    }
    
    #wrap .container .section.se3 .inner ul .box1:hover{
        transform: scale(1);
        transition:all 0.4s;
    }
    #wrap .container .section.se3 .inner ul .box2{
        width:48%;
        height:40vh;
    }
    #wrap .container .section.se3 .inner ul .box2 .tt1{
        bottom:10px;
        left:10px;
        position:absolute;
        font-size:16px;
        line-height:30px;
    }
    #wrap .container .section.se3 .inner ul .box2 .number{
        position:absolute;
        top:0;
        right:10px;
    }
    #wrap .container .section.se3 .inner ul .box3{
        background:url(../img/50th_letter.jpg) no-repeat center/320px;
        width:52%;
        height:40vh;
        
    }

    #wrap .container .section.se3 .inner ul .box3 .txt_wrap{
        left:10px;
    }
    #wrap .container .section.se3 .inner ul .box3 .tt1{
        font-size:20px;
        line-height:30px;
    }
    #wrap .container .section.se3 .inner ul .box4{
        background:url(../img/50th_hope.jpg) no-repeat center/320px;
        width:55%;
        height:40vh;
    }
    #wrap .container .section.se3 .inner ul .box4 .txt_wrap{
        left:10px;
    }
    #wrap .container .section.se3 .inner ul .box4 .tt1{
        position:absolute;
        font-size:20px;
        line-height:30px;
        bottom:10px;
        
    }
    #wrap .container .section.se3 .inner ul .box5{
        
        width:45%;
        height:40vh;
    }

    #wrap .container .section.se3 .inner ul .box5 .txt_wrap{
        left:10px;
        top:0px;
    }
    #wrap .container .section.se3 .inner ul .box5 .tt1{
        font-size:20px;
        line-height:30px;
    }
    

    #wrap .container .section.se3 .inner ul li:after{
        display:none;
    }
    #wrap .container .section.se3 .inner ul li a .txt_wrap{
        opacity: 1;
    }
    /* 현재2 */

    .se4{
        overflow:hidden;
    }
    .se4 h3{
        position: absolute;
        top:13%;
        left:50%;
        transform:translatex(-50%);
        font-size:50px;
        line-height: 70px;
        white-space: nowrap;
        opacity: 0.2;
        color:#ccc;
    }
    .se4 .inner{
        width:100%;
        margin:0 auto;
    }
    .se4 .inner .txt_wrap{
        float:left;
        width:100%;
        text-align: left;
    }
    .se4 .inner .txt_wrap .tit{
        font-size:26px;
        line-height: 26px;
        font-weight: 900;
        text-align: center;
        margin-top:50px;
        
    }
    .se4 .inner .txt_wrap .tit .dsds{
        display:none;
    }
    .se4 .inner .txt_wrap .txt{
        font-size: 18px;
        line-height: 30px;
        margin:20px 0;
        color:#666;
        font-weight: 300;
        text-align: center;
    }
    .se4 .inner .txt_wrap .btn_wrap{
        width:100%;
        margin:0;
        
    }
    .se4 .inner .txt_wrap button{
        background:none;
        border:none;
        margin:0 auto;
    }
    .se4 .inner .txt_wrap button a{
        display:block;
        width:150px;
        font-weight: 500;
        height:40px;
        border:solid 1px #000;
        font-size:16px;
        line-height: 40px;
    }
    
    .se4 .inner .slick_wrap{
        float:left;
        width:100%;
        margin-top:20px;
    } 
    .se4 .inner .slick_wrap ul{
        width:100%;
        height:100%;
    } 
    .se4 .inner .slick_wrap ul li{
        height:auto;
        width:33.3%;
        margin:0 10px;
        transition:all 0.4s;
    } 
    
    .se4 .inner .slick_wrap ul li img{
        width:100%;
        height:100%;
    }
    .se4 .inner .slick_wrap ul li.slick-center {
        
    }
    .se4 .inner .slick_wrap ul li a{
        display:block;
        width:100%;
        height:auto;
        outline:none;
    }
    .se4 .inner .slick_wrap ul li a span{
        display:block;
        width:100%;
        height:100%;
    }
    .se4 .inner .slick_wrap ul li.s1{
        background:red;
    } 
    .se4 .inner .slick_wrap ul li.s2{
        background:blue;
    } 
    .se4 .inner .slick_wrap ul li.s3{
        background:green;
    } 
    .se4 .inner .slick_wrap ul li.s4{
        background:purple;
    } 
    .se4 .inner .slick_wrap ul li.s5{
        background:gray;
    } 
    
    .se4 .inner .txt_wrap .btn_wrap .prev,
    .se4 .inner .txt_wrap .btn_wrap .next{
        width:40px;
        height:40px;
        border-radius: 50%;
        border:solid 1px #000;
        outline:none;
        box-sizing: border-box;
        cursor: pointer;
        margin-left:0px;
    }


    /* 나아갈 50년 */

    .se5{
       
        position: relative;
        width:100%;
    }
        .se5 h3{
        position: absolute;
        top:2%;
        left:50%;
        transform: translatex(-50%);
        font-size:30px;
        line-height: 36px;
        color:#fff;
    }
    .se5 .img_wrap{
        width:100%;
        
        height:50%;
        position: absolute;
        top:0;
        transform: translatey(0) rotate(180deg);
        left:0;
    }
    .se5 .img_wrap ul{
        position: absolute;
        top:20%;
        transform:translatey(-50%);
        left:0;
        width:100%;
    }
    .se5 .img_wrap ul li{
        width:33.3%;
        height:auto;
        overflow: hidden;
        position: relative;
        
    }
    .se5 .img_wrap ul li img{
        text-align: center;
        
        border-radius: 50%;
        display:block;
        width:100%;
        height:100%;
    }
    .se5 .img_wrap ul li .overlay{
        position: absolute;
        width:160px;
        height:160px;
       
        top:0;
        left:0;
       
    }

    .se5 .inner{
        width:100%;
        margin:0 auto;
        
    }
    .se5 .inner .tit_wrap{
        float:none;
        text-align: left;
        width:100%;
        margin-top:100px;
        padding-left:10px;
    }
    .se5 .inner .tit_wrap .t1{
        color:#fff;
        font-size:20px;
        font-weight: 500;
        line-height: 36px;
    }
    .se5 .inner .tit_wrap .t2{
        font-size:30px;
        font-weight: bold;
        color:#ffe266;
        line-height:40px;
        margin-top:10px;
        
    }
    .se5 .inner .iphone{
        position: relative;
        background:url(../img/se5_mockup.png) no-repeat center/80%;
       
        top:-20px;
        left:0;
        transform: translate(0, 0);
        z-index: 1;
        margin:0 auto;
    }
    .se5 .inner .iphone ul{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width:100%;
    }
    .se5 .inner .iphone ul li{
        display:none;
   
    }
    .se5 .inner .iphone ul li.on{
        display:block
    }
    .se5 .inner .iphone ul li .txt{
        margin-top:0;
    }
    .se5 .inner .iphone ul li .txt .t1{
        color:#ddd;
        font-style: italic;
        font-size:14px;
        padding:0 15px;
        line-height: 18px;
    }
    .se5 .inner .iphone ul li .txt .t2{
        font-size:24px;
        font-weight: bold;
        line-height:30px;
        color:#fff;
        margin: 10px 0 40px;
        padding:0 15px;
    }
    .se5 .inner .iphone ul li .btn{
        border:none;
        background:none;
    }
    .se5 .inner .iphone ul li .btn a{
        display:block;
        color:#fff;
        padding:5px 15px;
        border-radius: 10px;
        font-size:14px;
    }
    .se5 .inner .iphone ul li .pic_wrap{
        width:150px;
        height:150px;
        border-radius: 50%;
        margin:0 auto;
        margin-top:40px;
      
    }

    .se5 .inner .txt_wrap{
        float:none;
        width:100%;
        color:#fff;
        padding-top:0px;

    }
    .se5 .inner .txt_wrap p{
        text-align: left;
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom:15px;
        position: relative;
        padding-left:20px
    }
    .se5 .inner .txt_wrap p:after{
        display:block;
        clear:both;
        content:'';
        width:100%;
        height:16px;
        background:url(../img/se5_arrow.png) no-repeat center/100%;
        bottom:-5px;
        left:0;
        position: absolute;
    }
    .se5 .inner .txt_wrap ul{
        
    }
    .se5 .inner .txt_wrap ul li{
        float:left;
        width:50%;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        border-bottom:solid 1px rgba(255,255,255,0.2);
        box-sizing: border-box;
        
    }

  /* intro tab */
  .intro_tab{overflow:visible; position: absolute; left: 50%; bottom: 50px; z-index: 5; width: 100%; max-width: 100%; padding: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin:0 auto;}
  .intro_tab .tv_btn{overflow: hidden; float: left; width: 35px; height: 35px; background: url(../img/video_stop_icon.png) 50% 50% no-repeat #00aeef; border: 1px solid #00aeef; border-radius: 50%; font-size: 0; text-indent: -9999px; margin-left:10px;}
  .intro_tab .tv_btn.video_stop{background-image: url(../img/video_play_icon.png); background-position: 55% 50%; background-color: rgba(10,50,84,.5); border-color: rgba(255,255,255,.3);}
  .intro_tab .slide_tab{float: left; width: 180px; height: 35px;}
  .intro_tab .tv_btn + .slide_tab{margin-left: 10px;}
  .intro_tab .slide_tab + .tv_btn{margin-left: 10px;}
  .intro_tab .slide_btn{display: block; position: relative; width: 55%; height: 100%; padding-left: 40px; border: 1px solid rgba(255,255,255,.3); border-radius: 32px; background-color: rgba(10,50,84,.5); font-size: 13px; color: #fff !important; line-height: 35px; letter-spacing: 0;}
  .intro_tab .slide_btn::before{content: ""; position: absolute; left: 10px; top: 10px; width: 20px; height: 19px; background: url(../img/slide_menu_icon.png) 0 0/100% no-repeat;}
  .intro_tab .navigation{width: 80%; height: 100%; padding-top: 2px; border-radius: 32px; background-color: #00aeef; text-align: center; box-sizing: border-box;}
  .intro_tab .navigation .navi_btn{overflow: hidden; display: inline-block; width: 31px; height: 20px; font-size: 0; text-indent: -9999px; vertical-align: middle;}
  .intro_tab .navigation .prev{background: url(../img/slide_arrow_prev.png) 0 50% no-repeat;}
  .intro_tab .navigation .next{background: url(../img/slide_arrow_next.png) 0 50% no-repeat;}
  .intro_tab .navigation .progress{display: inline-block; position: relative; width: 43px; height: 28px; margin: 0 10px; vertical-align: middle;}
  .intro_tab .navigation .progress::before{content: ""; position: absolute; left: 3px; top: 15px; width: 37px; height: 1px; background-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: .5;}
  .intro_tab .navigation .progress span{position: absolute; font-size: 16px; color: #fff; line-height: 1;}
  .intro_tab .navigation .progress .num{left: 0; top: 0;}
  .intro_tab .navigation .progress .max{right: 0; bottom: 0; opacity: .5;}
  .intro_tab .full_video_btn{position: absolute; right: 50%; bottom: -25px; z-index: 13; padding-left: 30px; font-weight: 600; font-size: 18px; color: #fff !important; line-height: 1; transform: translatex(50%);}
  .intro_tab .full_video_btn::before{content: ""; position: absolute; left: 0; top: 0; width: 19px; height: 19px; background: url(../img/ico_full_video.png) 0 0 no-repeat;}
  .intro_tab .barogagi{right:10px; font-size:13px; width:35%; line-height: 35px; }
  /* intro tab */


        /* footer */

        #foot{clear:both;position:relative;padding-bottom:0px;background:#262626;}
        #foot .inner{
            width:100%;
            margin:0 auto;
            position: relative;
            color:#cfcfcf;
            font-size:10px;
            text-align: center;
        }

        #foot .inner .link_up{
            margin-bottom: 20px;
            padding-top:40px;
            margin-top:30px;
        }
        #foot .inner .link_up ul{}
        #foot .inner .link_up ul li{}
        #foot .inner .link_up ul li a{
            color:#cfcfcf !important;
            font-size:11px;
            font-weight: bold;
            
        }
        #foot .inner .link_down{
            
        }
        #foot .inner .link_down .address{
            margin-bottom: 10px;
        }
        #foot .inner .link_down .address p{
            display:inline-block;
        }
        #foot .inner .link_down .address .addr{
            margin-right:10px;
            position: relative;
        }
        #foot .inner .link_down .address .addr:after{
            display:block;
            clear:both;
            content:'';
            width:1px;
            height:100%;
            position: absolute;
            right:-7px;
            top:0;
            background:#cfcfcf;
        }
        #foot .inner .link_down .address .phone{}
        #foot .inner .link_down .address .phone a{
            color:#cfcfcf !important;
        }
        #foot .inner .f_logo{
            position: absolute;
            left:50%;
            top:0;
            transform: translate(-50%,-50%);
        }


}