@media screen and (max-width:1100px) {
	#wrapper {padding-top:0;}
	#wrapper02 {padding: 0;margin-top: 0;}
	#hd {height: 60px;}
	#tnb {display: none;}
	#hd_wrapper {
		width: 100%; 
		height: auto;
		text-align: center;
	}
	#logo {
		width: calc(100% - 20px);
		margin-left: 10px;
		float: none;
		padding: 10px 0 10px;
		margin: 0 auto;
		display: inline-block;
	}
	#logo img {height: 40px;margin: -40px auto 0;}
	#logo > span { display: block; float: left; cursor: pointer; font-size: 25px;}
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }
	#container_wr {width:100%; }





	#aside { position: fixed; left: -345px; top: 0px; margin: 0px; z-index: 1000000000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1000000000; top: 0px; left: -100px }
	.close_menu > i {
		font-size: 20px;
		cursor: pointer;
		color: #fff;
		background: #222;
		display: inline-block;
		padding: 0 6px;
		margin-top: 9px;
		border-radius: 50%;
		line-height: 50px;
		width: 50px;
		text-align: center;
	}
	.mobile_menu { display: block; }
	.menu-trigger_wrap {display: none;}
	#ft_wr {width:100%;}


	.mobile_menu > ul {padding-bottom: 15px;}
	.mobile_menu > ul > li {
		position: relative;
		width: 100%;
		padding: 10px 0 0;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #999; font-size: 20px; cursor: pointer;}
	.mobile_menu > ul > li > ul {
		display: none;
		background: #f3f3f3;
		padding-bottom: 10px;
		border-top: 1px solid #ddd;
		font-size: 13px;
		padding-left: 20px;
	}
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 10px 15px 0px 10px;}
	.mobile_menu > ul > li > ul > li a{color:#111;display:block;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }
	.gnb_1da {
		color: #111;
		margin-left: 10px;
		display: inline-block;
		padding: 0;
		border:0;
		margin-bottom: 10px;
	}

	#container_1200 {width: calc(100% - 20px);}
	#container02 {float: none;width: calc(100% - 20px);margin:30px auto 30px;min-height: unset;}
	.cont03 #container_1200{width:100%;}
	.cont03_ul > li .cont03_tab .tab-link {width: 50%;margin-top: -1px;}
	.cont03_ul > li .cont03_tab .tab-link.on { z-index: 666;position: relative;}
	.cont03_ul > li {width: calc((100% - 20px) / 3);margin-right: 10px;}
	.cont03_ul > li .slt .slt_content ul li {padding: 10px 0;}

	/*서브*/
	.sub_top {
		height: 220px;
		background-position: 66% center;
	}
	.sub_top_text {
		margin: 0 auto;
		padding-top: 55px;
		padding: 55px 20px 0;
	}
	.sub_top_text strong {font-size: 26px;margin-bottom: 5px;}
	.sub_top_text p {
		font-size: 16px;
		line-height: 140%;
		max-width: 230px;
	}
	.sub_top_text02{text-align: center;}
	.navi_wrap {
		margin-left: 20px;
		width: calc(100% - 20px);
		left: 0;
		margin: 0 10px;
	}
	.navi_wrap h2 {font-size: 17px;}
	.navi_wrap .navi {font-size: 12px;}
	.left_menu {width: 100%;float: none;    margin-top:0;    position: static;}


	#snb > li > h2 {display: none;}
	#snb > li > ul { text-align: center;border-bottom: 1px solid #ddd;height: 50px;}
	#snb > li > ul > li { display:inline-block;border-bottom:0;}
	#snb > li > ul > li a b {margin-right: 15px;}
	#snb > li > ul > li a {padding: 15px 5px;height: 50px;}
	#snb > li > ul > li a i {margin-top: 2px;}
	
	.snb2dul {
		background: #fff;
		border-left: 0;
		border-right: 0;
	}


	#ft_link {padding: 5px 0;text-align: center;}
	.ft_wrap {text-align: center;}
	#ft_catch {
		float: none;
		margin: 10px auto;
		max-width: 120px;
	}
	#ft_catch img{width:100%;}
	.ft_text {
		float: none;
		width: 80%;
		margin-top: 0;
		margin:0 auto;
	}
	.ft_inz_img {
		position: static;
		margin-top: 10px;
		width: 100%;
		max-width: 548px;
	}
	#aside {display:block;}
}

@media screen and (max-width:960px) {
	.sub_page {font-size: 13px;padding: 0;}
	.cont01 #container_1200{width:100%;}
	.cont01 .cont01_ul li.cont01_first .text_wrap2 {font-size: 15px; margin-top: -32px;}
	.cont01 .cont01_ul li .text_wrap strong {font-size: 20px;}
	.cont02 .cont02_wrap .left {
		width: 100%;
		float: none;
		padding-left: 0;
		border-left: 0;
		font-size: 22px;
		white-space: normal;
		margin-bottom: 20px;
		text-align: center;
	}
	.cont02 .cont02_wrap .right {width: 100%; float: none;}
	.cont02 .cont02_wrap .right p {text-align: center;width: 90%;margin: 0 auto;}
	.cont02 .cont02_wrap .right a {margin: 20px auto 0;}
	.cont03 { padding: 10px 0 0;}
	.cont03_ul {display: block;}
	.cont03_ul > li {
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
		min-height: 400px;
		margin-bottom:10px;
	}
	.cont03_ul > li.cont03_li_02{margin-right:0;}
	.cont03_ul > li:last-child{width:100%;margin-bottom:0;}
	.cont03_customer { padding: 10px 20px 20px;}


	.sub0101 {
		background-position: right bottom;
		min-height: 620px;
		background-size: 70%;
	}
	.sub0101 .sub0101_text_wrap {width: 100%;}
	.sub0101_tit {font-size: 27px;margin: 0 0 10px;}
	.sub0101_txt{margin-bottom: 20px;}
	.sub0101 .sign_img { width: 150px;}

	.sub_tbl th {width: 100px;}


}
@media screen and (max-width:700px) {
	#tnb ul { width: 100%; }
	.left_menu ul{font-size:13px;}
	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	.bxslider li {height: 400px;background-position: 59% center !important;}

	.slide_text {
		margin: 70px 20px 0;
	}
	.slide_text .slide_text_tit {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.slide_text strong {font-size: 14px;letter-spacing: -1.5px;}
	.slide_text p {
		font-size: 12px;
		padding: 15px 0px 0;
		margin-top: 20px;
		line-height: 150%;
	}

	.cont01 {padding: 0 0 0 0;background: none;}
	.cont01 #container_1200 {width: 100%;}
	.cont01 .cont01_ul {position: static;width: 100%;display: block;}
	.cont01 .cont01_ul li img {margin-top: -20%;}
	.cont01 .cont01_ul li.cont01_first .text_wrap2 {position: static;white-space: normal;padding: 15px 20px;text-align: center;background:#131c4c;word-break: keep-all;}
	.cont01 .cont01_ul li { width: 100%;float: none;}
	.cont01 .cont01_ul li a {overflow: hidden; height: 180px;}
	.cont02 .cont02_wrap .left { font-size: 20px;word-break: keep-all;}
	.cont03_ul > li {min-height: 340px;}
	.cont03_ul > li .slt .slt_content ul li a {
		width: 100%;
		overflow: hidden;
		height: 30px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.jcarousel li strong{width: 100%;overflow: hidden;height: 30px;white-space: nowrap;text-overflow: ellipsis;}

	.map_area{height:280px;}
	.map_area .wrap_controllers {
		position: absolute;
		bottom: 0;
		z-index: 111;
		width: 100%;
	}

	.map_tit {display:none;}
	.map_txt .left div span {padding: 2px 0 0 10px;font-size: 14px;}
	.map_txt .left, .map_txt .right {width: 100%;float: none;padding: 8px 5px;margin-top: 10px;}
	.map_txt .right i {width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
	.map_txt .right span {top: -2px;}
	.map_txt .right strong {font-size: 20px;}

}


@media screen and (max-width:600px) {
	.cont02 {padding: 40px 0;}
	.cont02 .cont02_wrap .right p {font-size: 12px;}
	.cont02 .cont02_wrap .right a {
		padding: 10px 10px;
		font-size: 14px;
		width: 80%;
	}
	.cont03_ul > li {min-height: auto;width: 100%;float: none;}
	.ft_tnb_wrap li a { padding: 0 5px 0 0;line-height: 120%;}
	/*서브*/

	.left_menu li {
		display: block;
		border: 0;
		width: 50%;
		float: left;
	}
	.left_menu li a {padding: 0;background-image: none;}
	.left_menu li a.on {background-image: none;}
	#snb > li > ul { height: auto;}
	#snb > li > ul > li a b {font-size: 14px;}



	.sub0101 {background-size: 90%;}

	.sub0201_ul li {width: calc((100% - 16px) / 2);}
	.sub0201_ul li:nth-child(3n) {margin-right: 15px;}
	.sub0201_ul li:nth-child(2n) {margin-right: 0px;}
	.sub0201_ul li strong {font-size: 16px;}






}



@media screen and (max-width:500px) {
	.navi_wrap .navi {display: none;}
	.sub0101_tit { font-size: 19px; margin: 40px 0 20px; word-break: keep-all;margin-bottom: 10px;}
	.sub0101 .half_img img{width:100%;float:none;}
	.sub0101 .sign_img img {width: 140px;}

	.sub_tbl th, .sub_tbl td, .sub_tbl tr, .sub_tbl  .sub_tbl tbody {
		width: 100%;
		display: block;
	}
	.sub_tbl th {text-align: left;}
}

@media screen and (max-width:360px) {



	.slide_text {margin: 70px 20px 0;}
	.slide_text .slide_text_tit {
		font-size: 23px;
		margin-bottom: 10px;
	}
	.slide_text strong {font-size: 15px;}
	.slide_text p {padding: 10px 0px 0;margin-top: 15px;font-size: 11px;}




	.sub0201_ul li {width:100%;}
	.sub0201_ul li:nth-child(2n) {margin-right: 15px;}

}