/* 데스크톱 */
@media (min-width: 1025px) and (max-width: 1200px) {
    #header_bottom #header_center {
        max-width: 950px;
    }

    .hamburger {
        display: block;
    }

    /* 햄버거 버튼 클릭시 메뉴 펼쳐지도록 */
    .menu-toggle:checked+.hamburger+.header_nav ul {
        top: 40px;
    }

    .header_nav ul {
        position: fixed;
        top: -340px;
        left: 0px;
        width: 100%;
        height: 120px;
        display: flex;
        background-color: #fff;

        flex-direction: row;
        justify-content: center;
        align-items: center;

        transition: right 0.3s ease;
        z-index: 1;
    }

    #header_bottom #header_center .header_nav ul li:hover ul {
        display: none;
    }

    #header_bottom #header_center .header_nav ul li {
        padding-left: 10px;
        position: relative;
        top: 25px;
    }

    .header_nav ul li ul {
        display: none;
    }

    #header_bottom #header_center #header_lang {
        float: right;
    }

    #banner>#center {
        max-width: 950px;
    }

    #banner>#center>aside{
        width: 950px;
        float: right;
        position: absolute;
        top: 0;
    }

    #poster .slidewrap {
        min-width: 980px;
        width: 980px;
        height: 581px;
        margin-top: 25px;
    }

    #banner>#center>#poster>ul {
        float: left;
        margin-left: 4em;
        white-space:nowrap; 
    }

    #banner>#center>#poster>ul>li {
        width: 100%;
        display: inline-block;
    }

    #calendar>#C-top {
        max-width: 950px;
    }

    #calendar>#C-top>.day>ul {
        display: block;
        width: 500px;
        height: 100px;
        overflow: hidden;
        position: absolute;
        left: 0;
    }

    #calendar>#C-top>.day>ul>li {
        margin-right: 20Px;
    }

    #calendar>#C-bottom>img {
        display: none;
    }

    #calendar>#C-bottom>h1 {
        position: relative;
        left: 40px;
    }

    #calendar>#C-bottom>#today {
        width: 100%;
        float: left;
        margin-left: 40px;
    }

    #calendar>#C-bottom>#today>div {
        max-width: 1025px;
    }

    #footer_top>.infor {
        max-width: 980px;
    }

    #footer_top>.sns {
        max-width: 980px;
    }

    #footer_top>.sns>a>img {
        width: 27px;
        height: 27px;
    }

    #footer_bottom {
        max-width: 980px;
    }
}

    /* 큰 태블릿 및 작은 데스크톱 */
    @media (min-width: 769px) and (max-width: 1024px) {
        #header_bottom #header_center {
            max-width: 750px;
        }
    
        .hamburger {
            display: block;
            position: absolute;
            top: -10px;
            left: 0;
        }
    
        /* 햄버거 버튼 클릭시 메뉴 펼쳐지도록 */
        .menu-toggle:checked+.hamburger+.header_nav ul {
            left: 0;
        }
    
        .header_nav ul {
            position: fixed;
            top: 0px;
            left: -500px;
            width: 310px;
            height: 100%;
            display: flex;
            background-color: #000;
    
            flex-direction: column;
            justify-content: center;
            align-items: center;
    
            transition: right 0.3s ease;
            z-index: 1;
        }

        .hamburger::before {
            color: #fff;
        }

        .menu-toggle:checked+.hamburger::before {
            color: #fff;
        }

        #header_bottom #header_center .header_nav ul li a{
            color: #fff;
        }
    
        #header_bottom #header_center .header_nav ul li:hover ul {
            display: none;
        }
    
        #header_bottom #header_center .header_nav ul li {
            padding-left: 10px;
            position: relative;
            top: 25px;
        }
    
        .header_nav ul li ul {
            display: none;
        }
    
        #header_bottom #header_center #header_lang {
            float: right;
        }
    
        #banner {
            width: 100%;
            height: auto;
        }

        #banner>#center {
            width: auto;
            height: auto;
        }
    
        #banner>#center>aside{
            display: none;
        }
    
        #poster .slidewrap {
            min-width: 750px;
            width: 100%;
            height: 100%;
        }
    
        #banner>#center>#poster>ul {
            float: left;
            margin-left: 4em;
            white-space:nowrap; 
        }
    
        #banner>#center>#poster>ul>li {
            width: 100%;
            display: inline-block;
        }

        #calendar>#C-top {
            max-width: 750px;
        }
    
        #calendar>#C-top>.day {
            position: relative;
            left: 50px;
            top: 20px;
        }

        #calendar>#C-top>.day>ul {
            display: block;
            width: 350px;
            height: 100px;
            overflow: hidden;
            position: absolute;
            left: 0;
        }

        #calendar>#C-top>.day>ul>li {
            margin-right: 15Px;
        }
    
        #calendar>#C-bottom>img {
            display: none;
        }
    
        #calendar>#C-bottom>h1 {
            position: relative;
            left: 40px;
        }
    
        #calendar>#C-bottom>#today {
            width: 100%;
            float: left;
            margin-left: 40px;
        }
    
        #calendar>#C-bottom>#today>div {
            max-width: 750px;
        }
    
        #footer_top>.infor {
            max-width: 750px;
        }
    
        #footer_top>.sns {
            max-width: 750px;
        }
    
        #footer_top>.sns>a>img {
            width: 23px;
            height: 23px;
            margin-top: 20px;
            margin-left: 25px;
        }
    
        #footer_bottom {
            max-width: 750px;
        }
    }

    /* 작은 태블릿 */
    @media (min-width: 481px) and (max-width: 768px) {

        #header_right{
            display: none;
        }

        #header_bottom #header_center {
            max-width: 470px;
        }

        #header_bottom #header_center .header_logo a {
            float: left;
            padding-top: 35px;
        }

        #header_bottom #header_center .header_logo a img {
            width: 120px;
            height: auto;
            margin-left: 66px;
            margin-top: 5px;
        }

        #header_bottom #header_center #header_lang{
            display: none;
        }
    
        .hamburger {
            display: block;
            position: absolute;
            top: 20px;
            left: 20px;
        }
    
        /* 햄버거 버튼 클릭시 메뉴 펼쳐지도록 */
        .menu-toggle:checked+.hamburger+.header_nav ul {
            left: 0;
        }
    
        .header_nav ul {
            position: fixed;
            top: 0px;
            left: -500px;
            width: 310px;
            height: 100%;
            display: flex;
            background-color: #000;
    
            flex-direction: column;
            justify-content: center;
            align-items: center;
    
            transition: right 0.3s ease;
            z-index: 1;
        }

        .hamburger::before {
            color: #000;
        }

        .menu-toggle:checked+.hamburger::before {
            color: #fff;
        }

        #header_bottom #header_center .header_nav ul li a{
            color: #fff;
        }
    
        #header_bottom #header_center .header_nav ul li:hover ul {
            display: none;
        }
    
        #header_bottom #header_center .header_nav ul li {
            padding-left: 10px;
            position: relative;
            top: 25px;
        }
    
        .header_nav ul li ul {
            display: none;
        }
    
        #header_bottom #header_center #header_lang {
            float: right;
        }
    
        #banner {
            width: 100%;
            height: auto;
        }

        #banner>#center {
            width: auto;
            height: auto;
        }
    
        #banner>#center>aside{
            display: none;
        }
    
        #poster .slidewrap {
            min-width: 470px;
            width: 100%;
            height: 100%;
        }
    
        #banner>#center>#poster>ul {
            float: left;
            margin-left: 4em;
            white-space:nowrap; 
        }
    
        #banner>#center>#poster>ul>li {
            width: 100%;
            display: inline-block;
        }

        #calendar {
            height: 1080px;
        }

        #calendar>#C-top {
            max-width: 470px;
        }

        #calendar>#C-bottom>h1{
            margin-top: 10px;
            font-size: 28px;
        }

        #calendar>#C-bottom>h2 {
            float: right;
            margin-right: 7px;
            margin-top: 15px;
            font-size: 20px;
        }
    
        #calendar>#C-top>.day {
            display: none;
        }

        #calendar>#C-top>.day>ul {
            display: block;
            width: 350px;
            height: 100px;
            overflow: hidden;
            position: absolute;
            left: 0;
        }

        #calendar>#C-top>.day>ul>li {
            margin-right: 15Px;
        }
    
        #calendar>#C-bottom>img {
            display: none;
        }
    
        #calendar>#C-bottom>h1 {
            position: relative;
            left: 40px;
        }
    
        #calendar>#C-bottom>#today {
                width: 100%;
                float: left;
                margin-left: 40px;
        }
    
        #calendar>#C-bottom>#today>div {
            max-width: 550px;
            height: 113px;
            margin-top: 20px;
        }

        #calendar>#C-bottom>#today>div:nth-last-child{
            margin-bottom: 0;
        }

        #calendar>#C-bottom>#today>div>.type{
            width: 60px;
            height: 30px;
            line-height: 30px;
        }

        #calendar>#C-bottom>#today>div>.performance {
            width: 90px;
            height: 90px;
            line-height: 90px;
            font-size: 20px;
        }

        #calendar>#C-bottom>#today>div>.title {
            font-size: 18px;
            position: relative;
            top: 40px;
            left: -60px;
        }

        #calendar>#C-bottom>#today>div>.day-place {
            position: relative;
            top: 50px;
            left: -60px;
        }

        #footer_top>.infor {
            max-width: 470px;
        }

        #footer_top>.infor>ul>li {
            margin-right: 12px;
            font-size: 14px;
        }
    
        #footer_top>.sns {
            max-width: 470px;
        }
    
        #footer_top>.sns>a>img {
            width: 20px;
            height: 20px;
            margin-top: 23px;
            margin-left: 15px;
        }
    
        #footer_bottom {
            max-width: 470px;
        }

        #footer_bottom>p {
            font-size: 12px;
            line-height: 20px;
        }
    }


    /* 모바일 장치 */
    @media (max-width: 480px) {

        #header_right{
            display: none;
        }

        #header_bottom #header_center {
            max-width: 470px;
        }

        #header_bottom #header_center .header_logo a {
            float: left;
            padding-top: 35px;
        }

        #header_bottom #header_center .header_logo a img {
            width: 120px;
            height: auto;
            margin-left: 66px;
            margin-top: 5px;
        }

        #header_bottom #header_center #header_lang{
            display: none;
        }
    
        .hamburger {
            display: block;
            position: absolute;
            top: 20px;
            left: 20px;
        }
    
        /* 햄버거 버튼 클릭시 메뉴 펼쳐지도록 */
        .menu-toggle:checked+.hamburger+.header_nav ul {
            left: 0;
        }
    
        .header_nav ul {
            position: fixed;
            top: 0px;
            left: -500px;
            width: 310px;
            height: 100%;
            display: flex;
            background-color: #000;
    
            flex-direction: column;
            justify-content: center;
            align-items: center;
    
            transition: right 0.3s ease;
            z-index: 1;
        }

        .hamburger::before {
            color: #000;
        }

        .menu-toggle:checked+.hamburger::before {
            color: #fff;
        }

        #header_bottom #header_center .header_nav ul li a{
            color: #fff;
        }
    
        #header_bottom #header_center .header_nav ul li:hover ul {
            display: none;
        }
    
        #header_bottom #header_center .header_nav ul li {
            padding-left: 10px;
            position: relative;
            top: 25px;
        }
    
        .header_nav ul li ul {
            display: none;
        }
    
        #header_bottom #header_center #header_lang {
            float: right;
        }
    
        #banner {
            width: 100%;
            height: auto;
        }

        #banner>#center {
            width: auto;
            height: auto;
        }
    
        #banner>#center>aside{
            display: none;
        }
    
        #poster .slidewrap {
            min-width: 470px;
            width: 100%;
            height: 100%;
        }
    
        #banner>#center>#poster>ul {
            float: left;
            margin-left: 4em;
            white-space:nowrap; 
        }
    
        #banner>#center>#poster>ul>li {
            width: 100%;
            display: inline-block;
        }

        #calendar {
            height: 1080px;
        }

        #calendar>#C-top {
            max-width: 470px;
        }

        #calendar>#C-bottom>h1{
            margin-top: 10px;
            font-size: 28px;
        }

        #calendar>#C-bottom>h2 {
            float: right;
            margin-right: 7px;
            margin-top: 15px;
            font-size: 20px;
        }
    
        #calendar>#C-top>.day {
            display: none;
        }

        #calendar>#C-top>.day>ul {
            display: block;
            width: 350px;
            height: 100px;
            overflow: hidden;
            position: absolute;
            left: 0;
        }

        #calendar>#C-top>.day>ul>li {
            margin-right: 15Px;
        }
    
        #calendar>#C-bottom>img {
            display: none;
        }
    
        #calendar>#C-bottom>h1 {
            position: relative;
            left: 40px;
        }
    
        #calendar>#C-bottom>#today {
                width: 100%;
                float: left;
                margin-left: 40px;
        }
    
        #calendar>#C-bottom>#today>div {
            max-width: 550px;
            height: 113px;
            margin-top: 20px;
        }

        #calendar>#C-bottom>#today>div:nth-last-child{
            margin-bottom: 0;
        }

        #calendar>#C-bottom>#today>div>.type{
            width: 60px;
            height: 30px;
            line-height: 30px;
        }

        #calendar>#C-bottom>#today>div>.performance {
            width: 90px;
            height: 90px;
            line-height: 90px;
            font-size: 20px;
        }

        #calendar>#C-bottom>#today>div>.title {
            font-size: 18px;
            position: relative;
            top: 40px;
            left: -60px;
        }

        #calendar>#C-bottom>#today>div>.day-place {
            position: relative;
            top: 50px;
            left: -60px;
        }

        #footer_top>.infor {
            max-width: 470px;
        }

        #footer_top>.infor>ul>li {
            margin-right: 12px;
            font-size: 14px;
        }
    
        #footer_top>.sns {
            max-width: 470px;
        }
    
        #footer_top>.sns>a>img {
            width: 20px;
            height: 20px;
            margin-top: 23px;
            margin-left: 15px;
        }
    
        #footer_bottom {
            max-width: 470px;
        }

        #footer_bottom>p {
            font-size: 12px;
            line-height: 20px;
        }
    }