body,ul,li,h1,h2,p{margin:0;padding:0}
        body{background-color:#000000;}
        li{list-style:none;}
        * { box-sizing: border-box }
        a{display:block;text-decoration:none;}

        header h1{position:absolute;z-index:5;top:80px;left:50px}
        .fixedHeader{position:fixed;z-index:4;right:50px;top:80px;text-align:right;}
        .fixedHeader>a{display: inline-block;margin-left:10px;}
        .oneday{margin-top:8px;}

        .sidebtn{position:fixed;top:287px;right:0;width:170px;height:243px;background-color:rgba(0,0,0,0.6);text-align:right;z-index:20;padding-top:20px;}
        .menu_line{position:absolute;right:40px;top:29px;width:1px; height:180px; background-color:#9b857b;z-index:21;}
        .sidebtn ul{position:relative;z-index:22;}
        .sidebtn li{margin:18px 0;padding:6px 0;}
        .sidebtn li a{width:172px;height:16px;background-image:url("../img/menuimg.webp");}
        .sidebtn li.active a{color:#ff7700;}
        .sidebtn li:nth-child(1) a{background-position:0 -44px }
        .sidebtn li:nth-child(2) a{background-position:0 -89px }
        .sidebtn li:nth-child(3) a{background-position:0 -134px }
        .sidebtn li:nth-child(4) a{background-position:0 -180px }
        .sidebtn li.active:nth-child(1) a{background-position:-172px -44px }
        .sidebtn li.active:nth-child(2) a{background-position:-172px -89px }
        .sidebtn li.active:nth-child(3) a{background-position:-172px -134px }
        .sidebtn li.active:nth-child(4) a{background-position:-172px -180px }
        section{position:relative;}
        .section_inner{width:1320px;margin:auto;}

        .video_back{display:none;position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,0.8);padding-top:110px;;text-align: center;z-index:20;}
        .video_wrap{width:1280px;display: inline-block;position:relative;}
        .close_btn{position:absolute;top:0;right:-70px;cursor:pointer;z-index:21;}

        #main{height: 1080px;}
        .title{position: relative; width: 1100px; margin: auto; padding-top: 58px;; z-index: 10; top: 50%;}
        .main_character_wrap{width:683px;margin:auto;}
        .main_character_wrap .cha_ul{height: 766px; margin-top: -420px;}
        .main_character_wrap .cha_ul div{position:absolute;}
        .main_character_wrap .cha_ul div:nth-child(1){bottom: 20%; margin-left: 8px; z-index: 9;}
        .main_character_wrap .cha_ul div:nth-child(2){margin-left: -331px;bottom: 9%;z-index: 8;animation: cha_back_1 2.0s ease infinite alternate;}
        .main_character_wrap .cha_ul div:nth-child(3){margin-left: 201px;bottom: -6%;z-index: 7;animation: cha_back_1 2.0s ease-in infinite alternate;}
        @keyframes cha_back_1 {
            0%{transform:translate(0,0px);}
            100%{transform:translate(0,-10px);}
        }
        @keyframes cha_back_2 {
            0%{transform:translate(0,0px);}
            100%{transform:translate(0,20px);}
        }
        #new_contents{height:960px;background: #070605 url("../img/back_2.webp") no-repeat center top;}
        #new_contents h1{text-align:center;padding-top:143px;}
        .ep17_box_wrap{position:relative;width:1104px;margin:70px auto;}

        #newclass{height:1105px;background: #18181c url("../img/back_3.webp") no-repeat center top;overflow:hidden}
        #newclass h1{ text-align: center; padding-top: 222px; margin-left: 551px; position: absolute;}
        .new_class_wrap p{position:absolute;left:50%;z-index: 9}
        .new_class_wrap p:nth-child(1){margin-left: -1164px; margin-top: -27px; pointer-events: none;}
        .new_class_wrap p:nth-child(2){margin-left: -340px; margin-top: 320px; z-index: 1;}
        .new_class_wrap p:nth-child(3){ z-index: 2; margin-top: 321px; margin-left: -336px;}

        #other{height:837px;background: #141011 url("../img/back_5.webp") no-repeat center top;}
        #other h1{text-align:center;padding-top:70px;padding-bottom:30px;}
        .contents_box_wrap{text-align:center;}
        .contents_box_wrap img{width:319px;height:303px;box-shadow:1px 1px 13px rgba(0, 0, 0, 0.5); }

        footer{height:190px;background:#0c0b0f;color:#fff;font-size:12px;text-align:center;}
        footer div{padding-top:120px;}
        footer img{vertical-align:-5px;}


        /* 비디오 스타일 */
        video#bgvid { top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; position: fixed; z-index: -1; background-size: cover; opacity: 0.2;}


        .contents_list{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
        }
        .contents_list li{
            float: left;
            width: 100%;
        }

        .boss{
            margin-left: -112px;
            margin-top: -150px;
        }

        .ashaq{
            width: 100%;
        }



    
    @media screen and (min-width: 641px) {
    .mob {display: none;}
    .wrap{min-width:1320px;}
    }

    @media screen and (max-width:640px) {
    .PC {
        display: none;
    }
    .mobile {
        width:100%
    }
    .mobile img {
        display:block;
    }
    .wrap{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .mob img{
        width: 500px;
        height: 100%;
    }

    }

    .hermit{
        height: 900px;
        margin-top: 150px;
        margin-left: 100px;
    }

    .youtube{
        margin-left: 25px;
        margin-top: 40px;
    }