@media (max-width:1600px){

	/* 라이트모드 */
	body[data-darkmode=off] {
	}

	/* 다크모드 */
	body[data-darkmode=on] {
	}

	.containers,
	.header .containers { padding-left: 15px; padding-right: 15px; }

	.header .containers { height:70px; }
	.header .nav { display:none; }
	.Toggle02 .menu { right:15px; }


	.main_ctt .icon_section { margin-top: 0; }
	.main_ctt .icon_section .icon { background:transparent; padding-left: 0; padding-top: 5rem; max-width:100%; justify-content:space-between; }
	.main_ctt .icon_section .icon li { margin-left: 0; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet b { bottom:0; }


}


@media (max-width:1400px){

	/* 라이트모드 */
	body[data-darkmode=off] {
	}

	/* 다크모드 */
	body[data-darkmode=on] {
	}

	.header .all_gnb { width:auto; }


	.main_ctt .section01 .right_box .swiper-pagination-bullet-active b { font-size:5rem; }

 
}


@media (max-width:1200px){

	.main_ctt .visual_wrap .visual { height:850px; }
	.main_ctt .visual_wrap .visual .txt_box { padding-top: 20rem; }
	.main_ctt .visual_wrap .visual .txt_box .tit { font-size:6rem; line-height: 7.4rem; }


	.main_ctt .tit_box .etit { font-size:6rem; }


	.main_ctt .section01 .left_box,
	.main_ctt .section01 .right_box { flex-shrink:1; width:50%; }
	.main_ctt .section01 .right_box { padding-left: 7rem; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet { margin-top: 3rem; }


	.works .portfolio { margin-top: -5rem; }
	.works .portfolio li { width:33.33%; margin-top: 5rem; }


	.main_ctt .section02 .right_slide { margin-top: 10px; }


}


@media (max-width:992px){

	/* 라이트모드 */
	body[data-darkmode=off] {
	}

	/* 다크모드 */
	body[data-darkmode=on] {
		.aGnb { background: var(--bg_Lv2); }
	}
	
	#hd_pop { width:100% !important; }
	.hd_pops { left:10px !important; top: 10px !important; width:calc(100% - 20px); }
	.hd_pops_con { max-width:100% !important; height:auto !important; }

	html { font-size:9.5px; }

	.aGnb.show { width:100%; height:100%; background:#fff; overflow-y: scroll; }
	.aGnb .outter { width:100% !important; height:auto !important; position:static; opacity:0; background:transparent !important; }
	.aGnb .bg03 { display:none !important; }
	.aGnb.show .outter { opacity:1; }

	.aGnb .bg01 .de1_ul { padding:3rem; }
	.aGnb .bg01 .de1_ul .de1_li .de1_a { font-size:3rem; }
	.aGnb .bg01 .de1_ul.dump .de1_li .de1_a { font-size:2rem; }
	.aGnb .bg01 .de1_ul .de1_li.active .de1_a { font-size:3rem; }
	.aGnb .bg01 .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:2rem; }

	.aGnb .bg02 { padding: 3rem; }
	.aGnb .bg02 .info li br { display:none; }


	.main_ctt .section01 .slide_wrap { flex-direction:column-reverse; position:relative; }
	.main_ctt .section01 .left_box,
	.main_ctt .section01 .right_box { width:100%; max-width:100%; }
	.main_ctt .section01 .left_box li a .img img { width:100%; }
	.main_ctt .section01 .right_box { padding-left: 0; position:static; }
	.main_ctt .section01 .right_box .pagination { display:flex; justify-content:center; margin-bottom: 3rem; margin-left: -2rem; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet { margin-top: 0; margin-left: 2rem; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet b { z-index:3; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet-active b { opacity:0.2; }

	.main_ctt .icon_section .icon { justify-content:center; flex-wrap:wrap; margin-top: -2rem; }
	.main_ctt .icon_section .icon li { padding: 2rem; box-sizing:border-box; width:33.33%; max-width:230px; }
	.main_ctt .icon_section .icon li .txt br { display:none; }


	.footer { padding: 10rem 0; }
	.footer .top_line { flex-direction:column; text-align: center; justify-content:center; align-items:center; margin-bottom: 5rem; }
	.footer .top_line .txt_box { margin-bottom: 4rem; }
	.footer .top_line .txt_box .tit br { display:none; }

	.footer .bot_line  { text-align: center; }
	.footer .bot_line .fnb { justify-content:center; }
	.footer .bot_line .box02 { flex-direction:column; text-align: center; justify-content:center; align-items:center; }
	.footer .bot_line .box02 .info li { justify-content:center; }
	.footer .bot_line .family { margin-top: 5rem; }
	
	
	.nonBr { display:none; }


}


@media (max-width:768px){

	/* 라이트모드 */
	body[data-darkmode=off] {
	}

	/* 다크모드 */
	body[data-darkmode=on] {
	}
	
	html { font-size:9px; }
 
	.header .all_gnb .darkmode label { width:40px; height:40px; flex-shrink:1; }
	.header .all_gnb .darkmode label span { display:none; }


	.main_ctt .visual_wrap .visual { height:auto; }
	.main_ctt .visual_wrap .visual .txt_box { padding: 15rem 0 15rem; }
	.main_ctt .visual_wrap .visual .txt_box .tit { font-size:5rem; line-height: 6.2rem; }
	.main_ctt .visual_wrap .visual .txt_box .txt { margin: 5rem 0 7rem; }


	.main_ctt .tit_box .etit { font-size:5rem; }

	.main_ctt .section01 .right_box .pagination { margin-left: calc(-20px - 2rem); }


	.footer .bot_line .box02 .info li { flex-wrap:wrap; }


}


@media (max-width:640px){

	/* 라이트모드 */
	body[data-darkmode=off] {
	}

	/* 다크모드 */
	body[data-darkmode=on] {
	}


	.main_ctt .section01 .right_box .pagination { flex-wrap:wrap; justicy-content:center; margin-left: -2rem; margin-top: -2rem; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet i { margin-top: 2rem; }
	.main_ctt .section01 .right_box .swiper-pagination-bullet i:before { display:none; }


	.works .portfolio li { width:50%; }
	

}


@media (max-width:479px){

	html { font-size:8.5px; }

	.header .containers { padding-left: 10px !important; padding-right: 10px !important; }
	.header .logo a { width:193px; height:25px; background-size:cover; }
	.header .all_gnb { padding-right: 50px; }
	.Toggle02 .menu { right:5px; }
	.crm { margin-left: 5px; }
	.header .all_gnb .darkmode { position:fixed; right:10px; bottom:10px; }
	.header .all_gnb .darkmode label { width:50px; height:50px; }
	.header .all_gnb .darkmode label i { width:44px; height:44px; }
	

	.main_ctt .visual_wrap .visual .txt_box .tit br,
	.main_ctt .visual_wrap .visual .txt_box .txt br { display:none; }


	.main_ctt .icon_section .icon li { width:50%; }


	.works .portfolio li a .txt_box { padding-left: 0; }
	.works .portfolio li a .txt_box .name { font-size:1.8rem; }


	.main_ctt .section02 .right_slide { margin-top: 5px; }

	.kakao_fix { left:10px !important; bottom:10px !important; }
	.kakao_fix a { width:50px !important; height:50px !important; background-size:30px auto !important; }


}