#btnNav {display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#53a822; transition:all .4s ease}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}

#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

#ft #ft_copy ul {text-align:center;}
#ft #ft_copy ul li {display:inline-block; margin-right:10px; line-height: 20px;    color: #666;}
@media ( max-width: 1199px ) {

	#gnb_1dul > li.gnb_1dli {padding:0 25px}
	.family li  {padding:3px 10px;}
	.sub_top_tit {padding:0 20px}

}
@media ( max-width: 1023px ) {

	.hd_tnb_inner {padding:0 50px;}

	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background:#fff; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	 #gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	 #gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
	 #gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	 #gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	 #gnb_wrap button span.bar1 {top:12px}
	 #gnb_wrap button span.bar2 {top:18px}
	 #gnb_wrap button span.bar3 {top:24px}
	 #gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	 #gnb_wrap button.active span.bar2 {display:none}
	 #gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	 #gnb_1dul {float:none}
	 #gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	 #gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:16px; border-bottom:1px solid #dedede; }
	 #gnb_1dul > li > a > span {padding:0}
	 #gnb_1dul > li > a > span:before {display:none}
	 #gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	 #gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#aaa; transition:all .3s ease}
	 #gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#aaa}
	 #gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	 #gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#f6f6f6; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	 #gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left;}
	 #gnb_1dul > li > ul.gnb_2dul li a {font-size:15px; padding:10px 25px; line-height:18px;}
	 #gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}
	 #btnNav {display:block;}
	 #btnUser {display:block;}
	 #logo {margin-left:50px;}
	 #logo img{height:30px; padding-top:0;}


	 #wrapper_main {padding:0 10px; box-sizing: border-box;}
	 .col-t-1 {width:100%; float:none; margin:0; margin-bottom:20px;}
	 .col-t-2 {width:50%; padding-left:0; }
	 .bans_02 {margin-left: -1px;}
	 .fixed_img_col li {width:19%; margin-right: 1.2%;}
	 .fixed_img_col li:nth-child(5) {margin-right:0}
	 .fixed_img_col li:nth-child(6) {display:none;}
	 .fixed_img_col .thumb img {height:auto;}

	 .img_box .img_list li {height:270px; overflow:hidden; }

	table.history_tab th { width:12%; }
	table.history_tab td { width:88%;}
}
@media ( max-width: 767px ) {

	.hd_tnb  {display:none;}
	 #btnNav { right:10px}
	 #btnUser {right:60px}
	 #logo {margin-left:10px;}


	 .col-m-1 {width:100%; float:none;margin:0; margin-bottom:20px}
	 .bans_02 {margin-left: 0;}
	
	 .fixed_img_col li {width:32%; margin-right: 2%;}
	 .fixed_img_col li:nth-child(3) {margin-right:0}
	 .fixed_img_col li:nth-child(4) {display:none;}
	 .fixed_img_col li:nth-child(5) {display:none;}
	 #ft p {padding:0 10px; }
	 .sub_top_tit {background:none; text-align:center;}
	 .sub_top_tit .tit_box {position:relative; }

	 #aside {display:none;}
	
	.vision dl dt {width:100%; float:none; text-align:center; font-size:18px; border-bottom: 2px solid #3d62ad; padding:10px 0;}
	.vision dl dd {width:100%; float:none; font-size:16px; margin:15px 0; line-height:24px}

	.img_50 {padding-bottom:0;}
	.img_50 p{width:100%; float:none; margin-bottom:20px}
	.img_50 p img {max-width:100%;}
	.img_50 p:last-child {margin-bottom:0;}

	.history dl {overflow:hidden;}
	.history dt {float:none; font-size:14px; color:#26550b; font-weight:600; clear:both; line-height:30px}
	.history dd {float:none; margin-left:10px;  font-size:14px; line-height:30px}


	.tel_list dl dt {width:100%; float:none; text-align:center; font-size:18px; border-bottom: 1px solid #3d62ad; padding:10px 0;}
	.tel_list dl dd {width:100%; float:none; font-size:16px; margin:15px 0; line-height:24px}

	.tel_list .tel_01 dt {border-bottom:1px solid #43a10e;}

	.img_box .img_list li {width:100%; height:auto; }
	.img_box {margin-bottom:30px}

	.topinfo .img {display:none;}
	.topinfo .txt {width: 100%;}

	.tblwrap .tblstyle {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle th{padding:8px 5px;}
	.tblwrap .tblstyle td{padding:8px 10px;}

	.tblwrap .tblstyle02 {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle02 th{padding:8px 5px;}
	.tblwrap .tblstyle02 td{padding:8px 10px;}

	.tblwrap .tblstyle03 {margin-top:10px; font-size:13px;}
	.tblwrap .tblstyle03 thead th {padding:5px 2px;}
	.tblwrap .tblstyle03 td {padding:5px 2px; line-height:150%; }

	table.history_tab { margin-top:0px; }
	table.history_tab th { width:15%; }
	table.history_tab td { width:85%;}

}

@media ( max-width: 479px ) {
	.txt_green2 { font-size:25px; }
	 .sub_top_tit .sub_top_txt {font-size:14px; line-height:25px}
	 .sub_top_tit .sub_top_txt strong {font-size:20px}

	 .tblwrap .tblstyle03 th { letter-spacing:-1px; }
	 .tblwrap .tblstyle03 td { letter-spacing:-1px; }
	 
}