/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 30px;
	width: 42px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 9999;
	display: none;
}

.header.selected #gh {
	transform: rotate(90deg);
}

#gh a {
	background-color: #086cca;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after,
#gh a:before {
	background-color: #086cca;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after {
	top: 12px;
}

#gh a:before {
	top: -12px;
}

.selected #gh a:after,
.selected #gh a:before {
	top: 0;
}

.selected #gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background:#086cca;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background:#086cca;
}

.selected #gh a {
	background-color: transparent !important;
}


@media only screen and (max-width:1000px) {
	.wap{
		width: auto;padding: 0;
	}
	.header{
		overflow: hidden;
	}
	.header .logo{
		width: 160px;margin-top: 15px;margin-left: 10px;
	}
	#gh{
		display: block;left: auto;right: 20px;top: 15px;
	}
	.banner{
		background-size: cover !important;height: 240px !important;margin-top: 40px;
	}
	.header .wap{
		background: #FFFFFF;height: 60px;
	}
	.naver{
		position: absolute;left: 0;right: 0;top: 55px;background: #FFFFFF;z-index: 1111;margin: 0;padding-bottom: 40px;padding-top: 20px;box-shadow: 0 3px 5px #DDDDDD;
	}
	.naver li{
		display: block;
	}
	.naver li a::before, .naver li a::after{
		background: none;
	}
	.naver li .bor{
		width: auto;height: auto;background: none;
	}
	.naver li span{
		display: none;
	}
	.naver li a h4{
		font-size: 18px;line-height: 2.8;color: #086cca;text-align: center;
	}
	.naver li{
		border-bottom: 1px solid #DDDDDD;
	}
	.naver li:last-child{
		border-bottom: none;
	}
	.naver{
		display: none;
	}
	.line{
		display: none;
	}
	.main-a{
		padding: 0 10px;
	}
	.main-a dt{
		height: 42px;line-height: 42px;
	}
	.title span{
		width: 42px;height: 42px;background-size: cover;font-size: 20px;line-height: 42px;
	}
	.title em{
		font-size: 24px;line-height: 42px;padding: 0 ;
	}
	.main-a dt a{
		line-height: 42px;
	}
	.main-a dt span{
		line-height: 42px;
	}
	.main-a .list{
		width: auto;
	}
	.main-a dl{
		width: auto;float: none;margin: auto;
	}
	.main-a dd a h3{
		width: 70%;font-size: 14px;
	}
	.main-a dd{
		border-bottom: 1px solid #ddd;
	}
	.main-a dd:last-child{
		border: none;
	}
	.main-a dl{
		margin-bottom: 20px;
	}
	.main-b .title span{
		float: left;
	}
	.main-b .title em{
		float: left;
	}
	.line14::after,
	.line14,
	.line12,
	.line13,
	.line10,
	.line10::after,
	.line11,
	.line9,
	.line8,
	.line8::after,
	.line5,
	.line6,
	.line7,
	.line2,
	.line3::after,
	.line3,
	.line4{
		display: none;
	}
	.main-b{
		padding: 0 10px;
	}
	.main-b dl::before,
	.main-b dl::after{
		display: none;
	}
	.main-b dl{
		width: auto;float: none;min-height: 200px;
	}
	.main-b dd{
		line-height: 38px;
	}
	.main-c{
		padding: 0 10px;
	}
	.main-c h2{
		width: auto;background-size: cover !important;height: auto;font-size: 14px;
	}
	.main-c h2{
		padding-left: 60px;line-height: 55px;width: 228px;
	}
	.main-c .ct ul{
		width: auto;padding: 0 15px;
	}
	.main-c .ct li{
		width: auto;float: none;
	}
	.main-c .ct li a{
		line-height: 2;
	}
	.main-c .cb ul{
		overflow: hidden;
	}
	.main-c .cb li{
		width: 50%;display: block;float: left;
	}
	.main-f .title em, .main-f .title span,
	.main-d .title em, .main-d .title span{
		float: left;
	}
	.main-d{
		padding: 0 10px;
	}
	.main-d ul{
		width: auto;
	}
	.main-d li{
		width: 33.33%;margin: 0;height: auto;
	}
	.main-e{
		padding:0 10px;
	}
	.main-e ul{
		width: auto;
	}
	.main-e1 ul{
		width: auto;
	}	
	.main-f{
		padding: 0 10px;
	}
	.main-e li{
		width: 50%;margin: 0;
	}
	.main-e1 li{
		width: 50%;margin: 0;
	}
	.main-f .lt{
		width: auto;float: none;
	}
	.main-f .text{
		width: auto;float: none;padding: 0 10px;
	}
	.main-f .bd{
		background: #DDDDDD;height: auto;
	}
	.main-f .text p{
		font-size: 14px;
	}
	.main-f .lt h2{
		font-size: 18px;
	}
	.copyright{
		padding: 20px 10px 20px;font-size: 12px;line-height: 1.8;
	}
	.main-b .ov{
		width: auto;
	}
	.main-b dl{
		margin: 0;margin-top: 60px;
	}
	.naver .bor.ons{
		width: auto;
	}
	.layout{
		overflow: hidden;
	}
}