@charset "UTF-8";

@media (max-width:1320px){
	
	#gnb1 > ul {padding-left: 16%;}
	#gnb1 > ul > li > .submenu .desc {left: -9rem;}
}

@media (max-width:1280px) {
	.contact_bar {padding:4rem 4rem}
}

@media (max-width:1200px) {
	
	.board .more {right:3rem}
}

@media (max-width:1024px) {
	#main {padding:0}
	#logo {left: 2rem}	
	#hnb {right: 2rem}
	#gnb2 .control {right:8rem}
	#visual .list .desc {color:#fff; right:50%; transform:translate(50%, -50%); width:100%; text-align:center; padding:0 2rem}
	
	#contents1 {padding:10rem 0 0}
	#contents1 .section {flex-wrap:wrap;}
	#contents1 .section > div {width:100%; max-width:100%; margin-bottom:4rem}
	#contents1 .section > div:last-child {margin-bottom:23rem}
	.popup {height:auto; padding:2rem} /*padding:2rem 2rem 3rem 분류 생길 경우 */
	
	.board_box {position:absolute; left:0; top:0;}
	.board {height:auto; padding:2.5rem}
	.board .list li:first-child .title {padding-top:1rem}
	.board .more {top:2.8rem; right:2rem}
	
	.aboutus {margin-top:41rem}

}

@media (max-width:768px) {

	#visual .list .txt {left: 7rem;}
	#visual .list .txt strong {font-size:7.7rem}
	#visual .control_box {left:14rem}
	#visual .list .slick-dots {left:23rem}
	
	#contents2 {padding:0}
	
	/*접수문의 및 위치*/
	
	.contact_bar .receipt {width:100%; margin-right:0; padding-bottom:2rem}
	.contact_bar .receipt  i img {max-width: 2.5rem;}
	.contact_bar .location {width:100%}
	.contact_bar .location i img {max-width: 3rem;}

}

@media (max-width:640px) {
	
	#visual .list .txt {left: 4rem;}
	#visual .list .txt strong {font-size:5rem}
	.board .list li:first-child .title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:inherit; word-break:keep-all; line-height:1.2}
	.board .list li:first-child .desc {display:none}
	.board .list .title:before {top:1.2rem}
	
	#visual .control_box {left: 10rem;}
	#visual .list .slick-dots {left: 20rem; }
	
	.contact_bar {display:block; padding: 2rem 4rem; height:16rem}
	.contact_bar .receipt:before {display:none}
	.contact_bar .location:before {display:none}
	
	#contents1 .section > div:last-child {margin-bottom: 10rem}

}