#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:#c5313c; 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:#c5313c; 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 #c38b8f; }
	 #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:#fff; 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:#fff}
	 #gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	 #gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#1d242a; 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:40px; padding-top:0;}
	#hd ul#tnb  {display:none;}
	 .main_v {height:auto;}
	 .main_v .main_img_inner{height:500px;}
	 .main_v .main_img_inner .main_txt {width:70%; margin-left:-35%;}
	 
	 #wrapper_main {padding:0 10px; box-sizing: border-box;}
	 .col-t-1 {width:100%; float:none; margin:0; margin-bottom:20px; padding-left:0;}
	 .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; }

	 .sec_02 {padding:30px 10px;}

	 .vision-list-con {max-width: 480px;		margin: 0px auto;	}
	.vision-list-con li {		width: 45%;		margin: 1%	}
	.vision-list-con li div {		padding: 25px 0;	}
	.vision-list-con li div img {			}
	.vision-list-con li div strong {		padding: 20px 0 10px;		font-size: 18px;	}
	.vision-list-con li p {		font-size: 12px;	}

	.ceo_img {float:none;width:100%; margin-right:0;}
	.ceo_txt {float:none; width:100%}
}
@media ( max-width: 767px ) {
	.hd_tnb  {display:none;}

	
	 #btnNav { right:10px}
	 #btnUser {right:60px}
	 #logo {margin-left:10px;}
	 #logo a {margin-top:20px}
	#gnb {height:80px !important}
	 .main_v .main_img_inner .main_v01 {width:50%; margin:auto; left:50%; margin-left:-25%; margin-bottom:-50px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_01 .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%;top: 50%;left:50%;margin-left:-40%;margin-top: -25%;}
	 .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;}

	 .list_recruit li, .list_agency li {width:48%; margin-bottom:10px}
	.list_recruit li .recruit_img { min-height:100px; }
	.list_recruit li .recruit_img img{ max-height:100px; }





	
	.sub-tit {font-size:20px}

	.mapinfo dt{width:100%;float:left;clear:both;padding:10px 10px;text-align:left;font-weight:bold;border-top:1px solid #eaeaea;color:#a17779;line-height:150%;     box-sizing: border-box;}
	.mapinfo dd{width:100%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;     box-sizing: border-box;}


	.viewskin .standard {float:none; width:100%;}
	.viewskin .image {float:none; 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;}
	 
}

@media ( max-width: 479px ) {
	 .main_v .main_img_inner {background-size: auto 100%;}
	 .main_v .main_img_inner .main_v01 {width:70%; margin:auto; left:50%; margin-left:-35%; margin-bottom:-20px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_img_inner .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%; top:120px; left:50%; margin-left:-40%; margin-top:0;}

	 .sub_top_tit .sub_top_txt {font-size:14px; line-height:25px}
	 .sub_top_tit .sub_top_txt strong {font-size:20px}
	
	.main_v .main_img_inner .main_txt {height:auto;}
	.main_img_inner .main_txt p.text01 {font-size:38px}
	.main_img_inner .main_txt p.text02 {font-size:18px}

	.main_section h2 {font-size:24px}
	.main_bbs_wrap h3 {font-size:24px}

	.main_bbs li a {font-size:14px}
	.main_bbs li span.date {font-size:14px}

	.list_recruit li .recruit_txt .recruit_tit {font-size:18px}
	.list_agency li .agency_txt .recruit_tit {font-size:18px}
	

	.vision-list-con {max-width: 480px;		margin: 0px auto;	}
	.vision-list-con li {		width: 100%;		margin:0 0 10px	}
	.vision-list-con li div {		padding: 25px 0;	}
	.vision-list-con li div img {			}
	.vision-list-con li div strong {		padding: 20px 0 10px;		font-size: 18px;	}
	.vision-list-con li p {		font-size: 12px;	}

	.list_recruit li .recruit_img { min-height:100px; }
	.list_recruit li .recruit_img img{ max-height:100px; }
}