/* ¹ÝÀÀÇü******************************************************************/
@media (max-width:1650px) {
    .all-menu-area{
        width:100%;
        margin-left:-50%;
    }

    .gnb-close-btn{
    bottom:0;
    top:auto;
    right:0;
    }
}

@media (max-width:1280px) {
    #visual .slick-arrow{
    left:5px;
    margin-left:0;
    }
    #visual .slick-arrow.slick-next{
    margin-left:0;
    left:auto;
    right:5px;
    }

    .header-logo{
    margin-left:0;
    left:5px;
    }

    .tnb{
    width:55%;
    }
}

@media (max-width:1024px) {
    header{
    height:auto;
    }

    .tnb{
    width:100%;
    left:0;
    background:#0055be;
    text-align:center;
    top:0;
    position:relative;
    }

    .tnb li a{
    color:#fff !important;
    }
	
	.tnb li.login{
    display:none;
    }
	
	.tnb li.login-link{
    display:inline-block;
    }

    .header-gnb{
    display:none;
    }

    .header-logo{
    top:auto;
    position:relative;
    padding:5px 0 20px;
    padding-left:5px;
    left:0;
    box-sizing:border-box;
    }
    

    .mobile-open-btn{
    display:block;
    }

    #sidebar{
    position:fixed;
    top:0;
    bottom:0; 
    display:none; 
    right:-200px; 
    z-index:99999; 
    -webkit-transition: right 1s;  
    transition: right 1s; 
    width:auto; 
    overflow:visible; 
    background:#000;
    margin-left:0;
    left:auto;
    border:0;
    }

    .sidebg{
    display:block;
    position: fixed;
    height: 150%;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    right: 0;
    z-index: 44;
    }
    .menu{
    position:relative;
    z-index:55; 
    width:280px; 
    left:auto; 
    right:0; 
    overflow-x:hidden; 
    overflow-y:auto; 
    height:100%; 
    background:#fff;
    display:block;
    text-align:left;
    border-left:1px rgb(198, 213, 223) solid;
    }

    .menu > li{
    display:block;
    width:100%;
    box-sizing:border-box;
    border-left:0;
    box-sizing:border-box;
    }

    .menu > li > ul > li{
    border-top:1px rgb(198, 213, 223) solid;
    padding:5px 0;
    }

    .menu > li > a{
    height:35px;
    line-height:35px;
    padding:0 10px;
    }
    
    .gnb-close-btn{
    top:0;
    right:280px;
    }


    .visual-img img{
    width:140%;
    margin-left:-70%;
    }

    .main-box{
    padding-top:0;
    }

    #quick-menu{
    width:100%;
    margin-right:0;
    }

    #popupzone{
    width:100%;
    }


    .sub11-top{
    font-size:24px;
    }
    .sub11-top span{
    font-size:28px;
    }

    .sub-nav{
    bottom:-10px;
    }

    .sc-top1 br{
    display:none;
    }

	#member_name_a{
	color:#fff;
	}
}

@media (max-width:768px) {
    body, th, td, input, select, textarea, button{
    font-size:15px;
    }
    .header-logo a img{
    width:250px;
    }

    .tnb li a{
    font-size:12px;
    }

    .tnb li a i{
    font-size:15px;
    vertical-align:-1px;
    margin-right:2px;
    }
    
    .visual-img img{
    width:100%;
    margin-left:-50%;
    }
    #visual .slick-arrow{
    width:30px;
    height:30px;
    margin-top:-15px;
    margin-left:0;
    left:10px;
    }

    #visual .slick-arrow.slick-next{
    margin-left:0;
    left:auto;
    right:10px;
    }

    #quick-menu{
    padding:10px 0;
    }

    #quick-menu li{
    width:32%;
    float:none;
    display:inline-block;
    border:0 !important;
    vertical-align:top;
    }

    #quick-menu li a{
    padding:5px 0;
    }

    .qm-txt{
    font-size:12px;
    }

    .qm-ico img{
    width:80%;
    }

    .main-box{
    padding-bottom:20px;
    }

    .main-board section{
    width:100%;
    margin-left:0;
    border-bottom-width:0;
    padding:30px;
    height:auto;
    }
	
	.main-news {
		padding:0;
	}
	.main-news section{
	float:none!important;
    width:100% !important;
    margin-left:0;
    border-bottom-width:0;
    margin-bottom:30px;
    height:auto!important;
    }
	.main-news #newsletter {
		overflow: hidden;	
	}
	.main-news #newsletter .gallery-area2 {
		padding:20px 0 0 0;
	}
	.main-news #search {
		overflow: hidden;	
		padding:20px;
	}
	
	
    .mb-more{
    width:38px;
    height:38px;
    }

    .mb-tit span{
    font-size:28px;
    }

    .main-tit span{
    font-size:30px;
    }

    .gt1{
    font-size:15px;
    }

    .gallery-area{
    padding:10px 0;
    }

    .gallery-list .slick-arrow{
    width:50px;
    height:50px;
    top:60px;
    background-size:cover;
    left:10px;
    }

    .gallery-list .slick-arrow.slick-next{
    right:10px;
    }

    #site-banner{
    padding:10px 0;
    }
    #site-banner .main-tit{
    display:none;
    }

    .site-banner-area{
    padding:0 35px;
    }

    .site-banner-box .slick-arrow{
    left:0;
    }
    .fnb{
    text-align:center;
    height:auto;
    line-height:28px;
    padding:10px 0;
    }
    .quick-top{
    bottom:-10px;
    top:auto;
    font-size:16px;
    height:50px;
    line-height:50px;
    padding:0;
    width:120px;
    text-align:center;
    left:50%;
    margin-left:-60px;
    }

    .foot-info{
    background-position:50% 25px;
    padding-bottom:50px;
    }
    .foot-info{
    padding-top:120px;
    text-align:center;
    }

    .snb ul{
    display:none;
    }

    .sub-visual{
    height:150px;
    line-height:150px;
    font-size:32px;
    }

    .sub-nav{
    display:none;
    }

    .sub-tit{
    padding:30px 0 10px;
    font-size:28px;
    }

    .sc-menu li a{
    height:38px;
    line-height:38px;
    }

    .sub-content{
    padding:25px 0 30px;
    }

    .sub11-top{
    word-break:keep-all;
    padding:30px 20px;
    }

    .s11-t-pic{
    top:0;
    left:50%;
    margin-left:-75px;
    }

    .sub11-text{
    padding-right:0;
    font-size:16px;
    padding-top:200px;
    }

    .history li{
    padding-left:0;
    }
    .history li:after{
    display:none;
    }

    .history li strong{
    font-size:24px;
    position:relative;
    display:block;
    left:0;
    }

    .history li p{
    padding-left:0;
    }

    .history li span{
    font-size:20px;
    width:70px;
    display:block;
    }

    .staff-list > li{
    padding:10px;
    }

    .stl-name{
    display:block;
    width:100%;
    margin-bottom:5px;
    }

    .stl-name span{
    display:inline-block;
    margin-left:5px;
    font-size:20px;
    }

    .stl-txt{
    display:block;
    padding-left:0;
    border-left:0;
    }

    .stl-txt li{
    width:100%;
    box-sizing:border-box;
    margin-bottom:5px;
    }

    .sc-tit1 span{
    display:block;
    margin-left:0;
    }

    .staff-list{
    padding-left:0;
    }

    .sub-btn a{
    padding:15px 20px;
    width:100%;
    margin-left:0;
    box-sizing:border-box;
    display:block;
    text-align:center;
    margin-top:10px;
    }

    .sub-btn a i{
    margin-left:10px;
    }

    .member-org,
    .member-indie{
    padding-left:20px;
    }
    .member-org li,
    .member-indie li{
    width:100%;
    }

    .sc-menu li{
    width:45%;
    }

    .sc-menu.sub13-menu li{
    width:32.333%
    }

    .sub21-dl dt, .sc-tit1{
    font-size:1.2em;
    }

    .sub21-top{
    font-size:18px;
    }

    .sub21-top br{
    display:none;
    }

    .sub21-top strong{
    font-size:32px;
    }
    .scul4-left, .scul4-right{
    display:block;
    }
    .scul4-left{
    width:100%;
    margin-bottom:10px;
    padding-right:0;
    }

    .sc-table1 img{
    max-width:100%;
    }

    .ma50{
    margin-top:30px;
    }

    .sc-ul4 li{
    margin-bottom:20px;
    }
    
    .sc-top1{
    font-size:1.125em;
    line-height:1.6em;
    padding:20px 0;
    }

    .sub-dl1 dt{
    position:relative;
    left:0;
    width:auto;
    padding:10px 20px;
    }

    .sub-dl1{
    padding-left:0;
    padding:0 20px;
    }

    .sub-dl1:nth-child(even){
    padding:20px;
    }

	.qr-box{
	position:static;
	margin-top:10px;
	}
    .sc-ul2 li{
    display:block;
    width:100%;
    border-left:0;
    border-top:1px #e0e0e0 solid;
    padding-bottom:10px;
    padding-top:10px;
    }

    .sc-ul2 li:first-child{
    border:0;
    padding-top:0;
    }

    .sc-ul2 li br{
    display:none;
    }

    .member_login{
    padding:20px;
    }

    .form_text b{
    font-size:20px;
    }

    .mem_login{
    width:100%;
    }

	.sub61-top li{
	width:100%;
	margin-left:0;
	margin-bottom:20px;
	}
}