/*  header start */
@media(max-width:1740px) {
}

@media(max-width:1600px) {
    header .nav h1 {
        width: 15%;
    }
	
    header .nav .gnb {
        width: 75%;
    }
	
    header .nav .side {
        width: 10%;
    }

    header .nav .depth01>li>a {
        padding: 0 40px;
        color: #fff;
        opacity: 1;
        height: 100%;
        display: flex;
        align-items: center;
        transition: .4s;
        font-family: "Montserrat", sans-serif;
        font-size:16px;
    }
}

@media(max-width:1300px) {  
    header .nav {
        padding-left: 15px;
        padding-right: 15px;
    }
		
	.alb-slide.swiper .swiper-button-prev {
		left:calc(73% + 0px);
	}

	.alb-slide.swiper .swiper-button-next {
		left:calc(73% + 39px);
		right:auto;
	}

	.alb-slide .swiper-slide .alb_desc .alb_info p {
		font-size:14px;
		font-weight:400;
	}

    .s_visual_wrap {
        margin-top: 0px;
    }

    .s_visual_wrap .slide .content {
        top: 48%;
    }	

	.sub_cont_title h3 {
		font-size:20px;
	}
	
	.sub_cont_title h3 span {		
		top:-3px;
	}
	
	#sub_content .sec_4 .flex_left {
		padding-right:0px;
	}
	
	.organ .ceo {
		padding:20px 15px;
	}

	.organ .vice {
		padding:20px 15px;
	}

	.organ .dept .organ_d2 h5 {
		font-size:14px;	
		padding:14px 10px;
	}

	.organ .dept .organ_d2 > div {
		padding:24px 10px 10px;
	}

	.organ .dept .organ_d2 p {
		font-size:14px;	
	}
		
	#sub_content .sec_5 .flex_left,
	#sub_content .sec_5 .flex_right {
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	
	#sub_content .sec_5 .sub_cont_title {
		margin-bottom:60px;		
	}
	
	.audition_item h5 {
		font-size:16px;
	}

	.audition_item h5.pb_5 {
		padding-bottom:5px;
	} 

	.audition_item h5 strong {
		font-size:14px;
		font-weight:400;
		padding:4px 10px 5px;
		margin-right:10px;
	}
}

@media(max-width:991px) {
    .animate {
        opacity: 1;
    }
    
    .header.sticky {
        display: none;
    }

    .header .nav .gnb {
        display: none;
    }
	
	.header.sub {
		background: rgba(255, 255, 255, 0);
		transition:0.3s;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	
    header .nav h1 {
        width: 100%;
        padding-left: 0;
        position: relative;
        z-index: 1;
    }
	
    header .nav .side {
        display:none;
    }
	
    header .nav {
        height: 60px;
    }
	
    header .nav h1 a {		
        width: 100px;
    }
	
    header .nav h1 a img {		
        height: 42px;		
		transition:0.3s;
    }
	
	.header.sub .nav h1 a img {
		filter: invert(0);
		transition:0.3s;
	}
	
    .js-offcanvas-btn {
        display: block;
    }

    .sidebar-offcanvas {
        display: block !important;
    }

    #header .top_wrap .logo {
        width: 50%;
    }
	
	/* Index */	
	#index_content section {
		padding:60px 0;
	}
	
	#index_content section.sec_1 {
		padding-top:80px;
	}

    #index_content .sec-header {
        margin-bottom: 60px;
    }

    #index_content .sec-header h2 {
        font-size: 32px;
	}
	
	.mv-slide .swiper-slide .sld_cont h4 {
		font-size:18px;
	}

	.mv-slide .swiper-slide .sld_cont h5 {
		font-size:14px;
		font-weight:400;
	}

	.mv-slide .swiper-slide .sld_cont p {
		font-size:14px;
		font-weight:300;
	}
		
	.alb-slide.swiper .swiper-button-prev {
		left:calc(100% - 89px);
	}

	.alb-slide.swiper .swiper-button-next {
		left:calc(100% - 50px);
		right:auto;
	}
	
	.alb-slide .swiper-slide .alb_desc h4 {
		font-size:20px;		
	}
	
	.alb-slide .swiper-slide .alb_desc h5 {
		font-size:16px;	
	}	
	
	.alb-slide .swiper-slide .alb_desc .vol {
		font-size:16px;	
	}
	
	.alb-slide .swiper-slide .alb_desc .date {
		font-size:16px;	
	}	
	
	.alb-slide .swiper-slide .alb_desc .alb_info p {
		font-size:14px;	
	}
	
	.alb-slide .swiper-slide .alb_desc a.more {	
		font-size:12px;	
	}
	
	.alb-slide .swiper-slide .alb_desc a.more img {
		width:5px;
	}

    /*  서브 레이아웃 */
    #sub_content {
        margin-top: 0;
    }

    #sub_content .sub_wrap {
        padding-top: 60px;
    }
	
	#sub_content section {
		padding:80px 0;
	}

    #sub_content .page-header {
        margin-bottom: 60px;
    }

    #sub_content .page-header h2 {
        font-size: 32px;
	}
	
	.flex_left {
		width:30%;
		padding-right:20px;
	}

	.flex_right {
		width:70%;
		padding-left:20px;
	}
	
	.business_item li {
		width:48%;	
		padding:30px;
	}

	#sub_content .sec_3 .flex_left, 
	#sub_content .sec_3 .flex_right {
		width:48%;
		padding:0px;
	}

	#sub_content .sec_4 .flex_left, 
	#sub_content .sec_4 .flex_right {
		width:100%;
		padding:0px;
	}
	
	#sub_content .sec_4 .sub_cont_title {
		margin-bottom:40px;		
	}

	.audition_item {
		width:100%;
	}
	
	.audition_item p,
	.audition_item p strong,
	.audition_item li,
	.audition_item li.strong {
		font-weight:300;
	}
	
	.audition_item p {
		margin-bottom:6px;
	}

	.audition_item ul {
		margin:30px 0;
	}	
	
	.audition_item ul li {
		margin-bottom:6px;
	}
	
	.audition_item .info_wrap {	
		width:100%;
	}
		
	.audition_item .qr_wrap {	
		width:100%;
	}

	.audition_item .qr_wrap {	
		margin-top:0px;
		margin-bottom:0px;
	}

	.qr_wrap div.qr_kakao {	
		margin-right:14px;
	}
    /*  서브 레이아웃 마감 */

    /* footer */
    footer {
        background-color: #111;
        padding:30px 0;
    }

    footer .flex {
        display: flex;
        flex-direction: column;
    }

    footer .flex .left {
        width: 100%;
    }

    footer .flex .right {
        width: 100%;
        display: none;
    }

    footer.sub {
        margin-top: 60px;
    }

	footer address {
		font-size: 12px;
		line-height: 1.4;
		font-weight: 400;
		color: #757575;
		font-style: normal;
	}

	footer p {
		margin-top: 0;
		padding-top: 6px;
		color: #757575 !important;
		font-size: 11px;
		font-weight: 300;
	}
}

@media(max-width:767px) {	
	/* Index */	
	#index_content section {
		padding:40px 0;
	}
	
	#index_content section.sec_1 {
		padding-top:60px;
	}

    #index_content .sec-header {
        margin-bottom: 40px;
    }

	#index_content .sec_1 .sec-header {
		margin-bottom: 20px;
	}

    #index_content .sec-header h2 {
        font-size: 24px;
	}
	.mv-slide .swiper-slide {
		padding:20px 0 40px;
	}
	
	.mv-slide .swiper-slide .sld_cont h4 {
		font-size:16px;
		font-weight:400;
	}
	
	.mv-slide .swiper-slide .sld_cont h4 span {
		font-size:15px;
	}
	
	.mv-slide .swiper-slide .sld_cont h5 {
		font-size:12px;
	}

	.mv-slide .swiper-slide .sld_cont p {
		font-size:12px;
	}		
	
	.alb-slide.swiper .swiper-button-next, 
	.alb-slide.swiper .swiper-button-prev {
		top:27px;
		width:30px;
		height:30px;
		background:rgba(255,255,255,0.6);
	}
	
	.alb-slide.swiper .swiper-button-prev {
		left:calc(100% - 88px);
	}

	.alb-slide.swiper .swiper-button-next {
		left:calc(100% - 59px);
		right:auto;
	}	

	.alb-slide.swiper .swiper-button-next:after, 
	.alb-slide.swiper .swiper-button-prev:after {
		font-size:14px;
	}

	.alb-slide .swiper-slide .alb_img {
		width:100%;
		padding:0px 24px;
		margin-bottom:20px;
	}

	.alb-slide .swiper-slide .alb_desc {
		width:100%;
		padding:0 24px;	
	}
		
	#sub_content section {
		padding:60px 0;
	}
	
	.alb-slide .swiper-slide .alb_desc h4 {
		font-size:18px;		
	}
	
	.alb-slide .swiper-slide .alb_desc h5 {
		font-size:14px;	
		margin-bottom:0px;
	}	
	
	.alb-slide .swiper-slide .alb_desc .vol {
		font-size:14px;	
		margin-bottom:0px;
	}
	
	.alb-slide .swiper-slide .alb_desc .date {
		font-size:14px;	
	}	

    #sub_content .page-header {
        margin-bottom: 40px;
    }

    #sub_content .page-header h2 {
        font-size: 24px;
	}
	
	.flex_left {
		width:100%;
		padding-right:0px;
	}

	.flex_right {
		width:100%;
		padding-left:0px;
	}
	
	#sub_content .sec_1 .flex_right {
		padding-left:0px;		
	}
	
	#sub_content .sub_cont_title {
		margin-bottom:30px;
	}
	
	.sub_cont_title h3 span {
		font-size:14px;
		margin-left:4px;
		font-weight:400;
		color:#999;
		border-color:#aaa;
	}
	
	.sub_cont p {
		font-size:14px;
	}
		
	.business_item li {
		width:100%;	
		padding:30px;
		margin-bottom:20px;
	}
		
	.business_item li:first-child {
		padding:0px;
		margin-bottom:0px;
	}

	.business_item li h5 {
		font-size:16px;
		font-weight:400;
		margin-bottom:10px;
	}

	.business_item li h5::after {
		width: 32px;
		margin:14px 0;
	}

	.business_item li p {
		font-size:14px;
		font-weight:300;
		margin-bottom:10px;
	}

	#sub_content .sec_3 .flex_left, 
	#sub_content .sec_3 .flex_right {
		width:100%;
		padding:0px;
	}		

	.map_btn {
		margin:0px 0 6px 0;
		text-align:right;
	}
	
	.map_btn a {
		margin-right:0px;
		margin-left:2px;
		padding:6px 14px 7px;
		font-size:12px;	
	}
	
	.map_wrap {
		background:#f8f8f8;
	}

	.organ .ceo {
		font-size:18px;
	}

	.organ .vice {
		font-size:16px;
	}
	
	.organ .dept .organ_d2 {
		width:48.5%;
		margin-bottom:20px;
	}
	
	#sub_content .sec_5 .sub_cont_title {
		margin-bottom:60px;
	}
	
	.audition_item {
		margin-bottom:60px;
	}
	
	.audition_item h5 {
		font-size:16px;
		font-weight:400;
		margin-bottom:20px;
	}

	.audition_item h5 strong {
		font-size:14px;
		font-weight:400;
		margin-right:10px;
	}	
	
	.audition_item p,
	.audition_item li {
		font-size:14px;
		font-weight:300;
	}

	.audition_item p strong,
	.audition_item li.strong, 
	.audition_item li strong {
		width:65px;
	}

	.audition_item p span,
	.audition_item li span {
		width:calc(100% - 65px);
	}

	.audition_item p.w2 strong {
		width:80px;
	}

	.audition_item p.w2 span {	
		width:calc(100% - 80px);
	}

	.audition_item p {
		margin-bottom:14px;
	}

	.audition_item ul {
		margin:24px 0;
	}	
	
	.audition_item ul li {
		margin-bottom:14px;
	}

	.audition_item .it4 p {
		padding-left:8px;
		text-indent:-8px;
	}

	.audition_item .it4 p.bold {
		font-weight:400;
		padding-left:11px;
		text-indent:-11px;
	}
	
	.top_btn {
		width: 32px;
		height: 32px;
		bottom:10px;
		right:10px;
		background: rgba(255, 255, 255, 0.9);
	}

	.top_btn.back_btn {
		bottom:41px;
	}
}

@media (max-width: 480px) {
	/* Index */	
	.alb-slide .swiper-slide .alb_desc .alb_info {
		display:none;
	}
	
	/* Sub */
	#sub_content section {
		padding:40px 0;
	}
	
	#sub_content .sec_3 .sub_cont_title {
		margin-bottom:20px;
	}

	#sub_content .sec_3 .sub_cont p {
		font-size:14px;
		font-weight:300;
		margin-bottom:14px;
	}

	.organ .dept .organ_d2 > div {
		padding:14px 10px 6px;
	}
	
	.audition_item {
		padding:24px;
	}
	
	.qr_wrap div.qr_kakao {	
		margin-right:4%;
	}	

	.qr_wrap div span a {
		font-size:12px;
		line-height:1.4;
	}
}