/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(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;
}

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

.gh a {
    background-color: #000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    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 {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    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;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

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

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

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


@media only screen and (max-width:1040px) {
	html{
		font-size: 16px;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	.wrap{
		width: auto;
		padding: 0 15px;
	}
	.header{
		height: 60px;top: 0;padding: 0 15px;
		display: flex;margin: 0;
		justify-content: center;
		align-items: center;
		display: block !important;
	}
	.header .naver ul{
		position: absolute;
		left: 0;right: 0;
		top: 0%; 
		display: block;
		height: calc(100vh - 60px);
		background: #fff;padding: 80px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
	}
	.header .naver li{
		margin-right: 0;
	}
	.header .wrap2{
		width: auto;margin: 0;
		height: 100%;display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .logo img{
		display: none;
		width: 24px;
	}
	.header .logo a img:nth-child(2){
		display: block;
	}
	.header .naver h3 a i{
		height: 40px;
	}
	.header .naver h3 a{
		font-size: 14px;padding: 0 10px;
		height: 40px;
	}
	.header .logo{
		min-width: 40px;height: 40px !important;
		padding: 0;position: static;position: relative;
		top: 0;bottom: 0;z-index: 22;
	}
	.header .naver h3{
		position: relative;z-index: 22;
	}
	.hpage1{
		margin: 0;border-radius: 0;position: relative;
	}
	.header .wrap2{
		position: static;
	}
	.hpage1:before{
		background: linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(255,255,255,0));
		position: absolute;height: 100vw;content: '';
		left: 0;right: 0;top: 0;
	}
	.header .naver{
		gap: 0 10px;border: none;float: none;backdrop-filter:none
	}
	.hpage1 .povideo{
		position: static;height: auto;
	}
	.hpage1{
		height: auto;display: block;
	}
	.header .naver{
		background: none;padding: 0;
	}
	.header .naver .ench h4{
		font-size: 14px !important;
		padding-right: 0;padding-left: 10px;
	}
	.gh{
		display: block;
		position: static;
		margin-left: 10px;
	}
	.hpage1 .txt{
		padding: 30px 15px;
	}
	.hpage1 h6{
		margin-top: 15px;
	}
	.pd180{
		padding: 30px 0;
	}
	.hpage2 .hs h2{
		line-height: 1.6;
	}
	.hpage2 .hs h6{
		margin-top: 0;line-height: 1.6;
	}
	.hpage2 ul{
		margin: 20px 15px 0;
	}
	.hpage2 li{
		width: 100%;margin: 0 0 10px 0;padding: 15px;
	}
	.hpage2 li p{
		height: auto;
		margin: 10px 0;
	}
	.hpage3{
		height: auto;
		margin: 0 15px;
		display: block;
		padding-bottom: 20px;
	}
	.hpage3 .flax{
		display: block;padding: 0 15px;
	}
	.povideo{
		position: static;width: 100%;height: auto;
	}
	.hpage3 h6{
		text-align: left;margin: 10px 0 0;
	}
	.hpage3 h3{
		line-height: 1.6;margin: 10px 0 0;
	}
	.hpage4 li{
		width: 100% !important;height: 80vw;margin: 0 0 10px 0;
		border-radius: 10px;
	}
	.hpage4 ul{
		display: block;
	}
	.hpage4 li p{
		line-height: 1.6;margin-top: 15px;
		opacity: 1;
	}
	.hpage4 li h3{
		line-height: 1.6;
	}
	.hpage5 h2{
		line-height: 1.6;
	}
	.hpage5 h3{
		margin: 20px 0;line-height: 1.6;
	}
	.hpage5{
		padding-bottom: 30px;
	}
	.hpage6{
		padding: 30px 0;
	}
	.hpage6 .fms{
		display: block;
		margin-top: 20px;
	}
	.hpage6 .fms .t1{
		width: 100%;height: 54px;
	}
	.hpage6 .fms .btn{
		margin: 10px 0 0;width: 100%;
		height: 54px;line-height: 54px;
	}
	.hpage6 .che label{
		font-size: 14px;
	}
	.hpage7{
		margin: 0 15px;display: block;
	}
	.hpage7 .txt{
		width: auto;
	}
	.hpage7 .txt h3{
		line-height: 1.6;
	}
	.hpage7 .pic{
		width: 100%;margin: 20px auto 0;
	}
	.hpage7 .txt p{
		margin: 20px 0;
	}
	.hpage8 .swiphez{
		margin-top: 20px;
	}
	.hpage9 ul{
		margin-top: 20px;
	}
	.hpage9 ul li{
		width: 100%;margin: 0 0 10px 0;
	}
	.hpage10 ul{
		margin: 20px 15px 0;display: block;
	}
	.hpage10 ul li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.pd80{
		padding: 30px 0;
	}
	.footer .wrap{
		display: block;
	}
	.footer .rs{
		width: auto;
		margin-top: 20px;
		justify-content: space-around;
	}
	.copyright a{
	    font-size: 14px;
	}
	.copyright{
		padding: 20px 0;font-size: 14px;
	}
	.sipnews .wrap{
		height: auto;
	}
	.sipnews .txt h3{
		line-height: 1.6;
		margin-top: 15px;
	}
	.sipnews .txt h4{
		margin: 20px 0;
	}
	.sipnews{
		height: auto;
	}
	.news li{
		width: 100%;margin: 0 0 10px 0;
	}
	.newsdel{
		padding: 90px 0 30px;
	}
	.newsdel .hds h1{
		font-size: 18px;line-height: 1.6;
	}
	.newsdel .hds h6{
		margin-top: 20px;
	}
	.hpage5 .wrap{
	    display: block;
	    padding: 15px;
	}
	.hpage5 .text{
	    width: auto;
	}
	.hpage1 .povideo{
	    width: 100%;
	}
	.hpage5 .povideo{
	    width: 100%;margin-top: 15px;
	}
	.hpage1 .txt{
	    max-width: 100%;
	}
	
}