/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	/*메인*/
	.inner,
	.inner2{padding-left:50px !important; padding-right:50px  !important; width:100%}
	.inner.innerx {padding-left: 0px !important; padding-right:0px !important;}
	.hamburger{ display: grid; }
	#header .mn,
	.head_cont .icons {display:none}
	.footer_cont .info_box > p {position:relative; margin-top: 20px;}
	.footer_cont .info_box {flex-wrap:wrap; gap:100px}
	.footer_cont .btwbox1 {gap:20px}
	.footer_cont .ct_box + .title_box {}
	.footer_cont .ct {}


	/*서브*/
	.sub0101 .area1 .box.box1 {height:auto}
	.sub0201 .box{flex:1}
	.sub0201 .area1 .inner {gap:20px}
	.sub0201 .pc_br{display: none;}

}/*~pc 낮은 해상도*/

@media screen and (max-width:1200px){
	/*서브*/
	.sub0201 .area1 .inner {flex-direction: column;}
	.sub0201 .box.box1 {width: 100%}
	.swp_wrap {width:100%}
	.small_navi {top: 35%;}
	.sub0201 .area3 .inner {flex-direction: column-reverse;}
	.sub0601 .partner-ul > li{width:33.33%}
	.sub0601 .partner-ul > li{padding:10px}
	.sub0601 .partner-ul {margin-left:-10px; margin-right:-10px}
	.sub0301 .comm_area {flex-direction: column; gap:50px}
	.sub0301 .comm_area.area2 {flex-direction: column-reverse;}


}


@media screen and (max-width:1023px){
	/*메인*/
	.top_banner {background-size: cover; height: 100vh; background-repeat: repeat; text-align: center; line-height: 1.5;}
	.main_box .s_item {margin-top: 10px !important;}
	.main_box .service_items {justify-content: center;}
	.footer_cont .btwbox1 {flex-direction: column;}
	

	/*서브*/
	.sub0101 .area1 .tit {font-size: 19px;}
	.sub0101 .area1 .detail {font-size: 14px;}
	.sub0104 .box .cont_box {font-size:15px}
	.sub0104 .box .cont_box.cont_box2 {margin:77px 0 0}
	.sub0104 .box .cont_box {width:165px}
	.sub0107 .area2 .txt {flex-direction: column; gap: 10px;}

}/*~테블릿 가로*/

@media screen and (max-width:767px){
	/*메인*/
	.inner,
	.inner2{padding-left:20px !important; padding-right:20px !important; width:100%}
	.top_banner .mo_br{display:block}
	.main_box .product_items .pro_a {padding:0 5px}
	.main_box .product_items {margin-left:-5px; margin-right:-5px}
	.main_box .pj_item {padding:10px}
	.main_box .pj_title {font-size:12px}
	.main_box .pj_line {font-size:11px}
	.main_box .pj_line + .pj_line {margin-top: 5px;}
	.main_box .sw_btn_box .swiper-prev {left:-10px; display: flex; justify-content: center;}
	.main_box .sw_btn_box .swiper-next {right:-10px; display: flex; justify-content: center;}
	.main_box .sw_btn_box .sw_img{width: 40%;}
	.main_box .project_items {margin-left: 30px; margin-right: 30px;}

	/*서브*/
	.sub0101 .area1 .inner {flex-direction: column-reverse;}
	.sub0101 .area1 .box.box1 {width:100%}
	.sub0103 .inner .box {width: 100%;}
	.sub0103 .inner {flex-direction: column; gap:30px}
	
	
	.sub0601 .partner-ul > li{width:50%}
	.sub0301 .comm_area .img > img {min-width:auto}

}/*~모바일 가로, 태블릿*/


@media screen and (max-width:480px){
	/*메인*/
	.top_banner{background:url('../img/main_banner2.jpg') center center/cover;}
	.main_box .product_items .pro_a {width: 50%; padding-bottom: 20px;}
	.main_box .p_item p{font-size:10px}
	.main_cont .title {font-size:25px}
	.main_cont .sub_title {font-size:16px}
	.main_cont .main_box,
	.main_cont .main_box2 {padding: 50px 0;}
	.main_box .p_item .line {margin:15px 0}
	.main_box .s_item .t1 {font-size:11px}
	.main_box .s_item .t2 {font-size:12px}
	.main_box .s_item .img_box .hover_btn {opacity:1}
	.main_box .s_item .img_box .hover_btn {font-size:11px; padding: 0px 10px;}
	.main_box .s_item .s_tbox {bottom:15px; left:10px}
	.main_box .s_item .img_box .hover_btn {bottom:15px; right:10px}
	.main_cont .map_box .inner > iframe {height:400px}
	.main_box2 .n_title {font-size:13px}
	.main_box2 .n_date {margin-top:10px; font-size:11px}
	.main_cont .main_box2 .inner {flex-direction: column;}
	.main_box2 .news_side {max-width:100%; display:flex; justify-content:space-between; align-items: flex-end;}
	.main_box2 .news_items {gap: 10px;  width: 100%; margin-top: 30px;}
	.footer_cont .title,
	.footer_cont .ct {font-size:10px; }
	.footer_cont .ct{margin-left: 10px;}
	.footer_cont .info_box {gap:20px}
	.footer_cont .btwbox1 .btwbox2 div+div {margin-top: 10px;}
	#footer .inner2 {padding: 20px 0;}

	/*서브*/
	.sub_back .top_tit {font-size: 20px;}
	.sub_back {height: 150px;}
	#sub_div .sub_tit {font-size: 15px; gap: 10px; line-height: 1.3;}
	#sub_div .sub_tit img{width:5%}
	#sub_div .all {padding: 50px 0;}
	
	.sub0101 .area2 .tit {font-size:23px}
	.sub0101 .area2 .detail {font-size:14px}
	.sub0101 .area2 .detail .pc_br{display:none}
	.sub0101 .area2 {padding:50px 0; margin-bottom: -50px;}
	.sub0103 .tit {font-size:23px; padding:20px 26px}
	.sub0103 .detail {font-size:14px; }
	.sub0103 .detail .pc_br{display:none}
	.sub0103 {background-size:80%}
	.sub0104 .box .cont_box.cont_box2+.cont_box.cont_box2 {margin-left: 25px;}
	.sub0104 .box .cont_box.cont_box2+.cont_box.cont_box2:after {width: calc(100% + 26px);}
	.sub0104 .box .cont_box {font-size: 13px; display: flex; justify-content: center; align-items: center;}
	.sub0104 {margin-bottom: 0px;}
	.sub0105 .visual_swp_box .swiper-btn {width:30px; height:30px; }
	.sub0105 .visual_swp_box {bottom:0px}
	.sub0105 .swiper-pagination {bottom:20px}
	.sub0107 .area2 {gap: 20px; flex-direction: column; padding: 10px 0 10px 20px;}
	.sub0107 .area2 .txt > span {font-size: 15px;}
	.sub0107 .area2 .txt {font-size: 12px;display: flex; line-height:1.5} 
	.sub0201 .area8 .box.box8 .img img,
	.sub0201 .area8 .box.otherbox img{width:100%}
	.small_navi {width:30px; height:30px}
	.small_navi > span {font-size: 23px;}
	.sub2comm_img {width:50%}
	.sub2comm_img img{width:100%}
	.comm_sub2_txt {font-size: 13px;}
	.sub0201 p .pc_br,
	.sub0201 .area3 .cont.cont3 .pc_br{display:none}
	.sub0201 p{word-break: keep-all; }
	.comm_sub02_box p:last-child{padding-bottom:0px}
	.sub0201 .flexbox {gap:20px}
	.sub0201 .sub2_commtit{font-size: 17px; padding-bottom:30px} 
	.sub0201 .sub2_commtit .mo_br{display:block}
	.sub0201 .flexbox .cont {font-size:11px; padding: 10px;}
	.sub0201 .flexbox .cont .img {padding-top: 10px;}
	.sub0201 .sub2_comm-de {font-size: 12px;}
	.sub0201 .area6 .box {gap:10px}
	.sub0201 .area6 .cont {font-size:11px}
	.sub0201 .area6 .img {padding-top: 20px;}
	.sub0201 .area6 .box.box5 .txt2{min-height: 50px;}
	.sub0201 .area6 .po_txt {font-size:12px ;line-height:1.5; padding:20px}
	.sub0201 .area6 .box.box6 {flex-wrap:wrap; justify-content: center;}
	.sub0201 .area6 .inner .box.box6 li {width: 47%;}
	.sub0201 .area7 .box.box7 {gap:20px; padding-top:0}
	.sub0201 .area3 .detail {font-size: 11px;}
	.sub0201 .area3 .cont.cont3 {font-size: 12px;}
	.comm_sub2_txt.comm_sub2_txt1 {padding-bottom: 20px;}
	.sub02 .area1 {gap: 20px; flex-direction: column;}
	.sub02 .area1 .box.box1 {width:100%}
	.comm_sub2_txt .pc_br{display:none}
	.sub02 .small_navi {top: 24%;}
	.sub0301 .comm_area .tit {font-size: 16px;}
	.sub0301 .comm_area .detail {font-size: 12px; padding-top: 30px;}
	.sub0301 .detail .pc_br{display:none}
	.sub04 .tit {font-size: 11px;}
	.sub04_01 .area1 {gap:20px}
	.sub04_01 .txt {font-size: 11px;}
	.sub04 table th {font-size:11px}
	.sub04 table td {font-size:10px}
	.sub04_02 .area2 .inner {flex-direction: column;}
	.sub04_02 .area2 .inner .box1, .sub04_02 .area2 .inner .box3 {width: 100%;}
	.sub04_02 .area2 .inner .box2 img{transform: rotate(90deg);width: 17%;}
	.sub04_02 .area2 .box.box2 {text-align: left; display: flex; gap: 20px; justify-content: center;}
	.sub04_02 .area2 .txt {font-size:14px}
	.sub04 .sub4_tit {font-size: 13px;}
	.sub04 .sub4_tit .pc_br{display:none}
	.sub04_03 .area1 .box.box1 {gap:10px}
	.sub04_03 .area2 .inner {flex-wrap:wrap; gap:10px; justify-content:center}
	.sub04_03 .area2 .inner .img{width:47%}
	.sub04_04 .txt2 {font-size: 13px;}
	.project-ul li {font-size: 11px; padding: 5px 15px;}
	.project-ul {gap:10px; width:auto; overflow-x: scroll;}
	#bo_gall {padding:0}
	.project-ul li > a {white-space: nowrap;}
	.sub0601 .partner-ul > li .img {padding: 0px 20px;height:50px}
	.sub0601 .partner-ul > li .img > img {height: 17px;}
	.sub0601 .partner-ul > li{padding:5px}
	.sub0601 .partner-ul {margin-left:-5px; margin-right:-5px}
	.sub04_01 .sub4_explan {font-size:11px}



}/*~모바일*/