@media all and (max-width:1480px) {

	#footer .foot_sitemap { flex-wrap:wrap; padding-left:60rem; padding-top:10rem; }
	#footer .grp { width:25%; margin-top:0; margin-left:0; padding-right:20rem; }
	#footer .grp:nth-child(4) { padding-right:0; }
	#footer .grp:nth-child(5), #footer .grp:nth-child(6), #footer .grp:nth-child(7) { margin-top:40rem; }
	#footer .grp h4 { padding-bottom:20rem; }
	

	.inner { max-width:auto; width:94%; }

}
@media all and (max-width:1280px) {

	#header h1, #footer .logo { width:130px; }
	#header .head_btn a.btn_membership { width:90px; height:34px; line-height:34px; margin-left:14rem; font-size:14rem; }

	#gnb li { padding:0 22rem; }
	#gnb li a { font-size:16rem; }

}
@media all and (max-width:1080px) {

	#header { max-width:inherit; width:100%; }
	#header .header { justify-content:flex-start; }
	#header .head_btn { display:none; }
	#header h1 { margin-left:2%; }
	#gnb { display:none; }
	.tabmenu { display:block; }
	.nav-button { padding-top:36px; padding-bottom:36px; }

}
@media all and (max-width:960px) {

html,body { font-size:5.62%; }

#header { height:64px; }
#header h1 { width:104px; }
#footer .foot_sitemap { display:none; }
#footer .sns_grp { position:absolute; right:0; top:10rem; margin-top:0; }
#top { right:2%; bottom:8%; }
#top a { width:50px; height:50px; padding-top:10rem; }

.nav-button { padding-top:24px; padding-bottom:24px; }

.top_banner { height:32px; line-height:34px; }
.top_banner a.bnr_close { max-width:inherit; padding-left:20rem; }
.top_banner .material-symbols-outlined { font-size:20px; padding-top:7rem; }

.tablist .tab_top { padding-top:17px; padding-bottom:17px; }

.pt110,
.pt120 { padding-top:90px !important; }
.ptb80 { padding-top:70px !important; padding-bottom:70px !important; }
.ptb100,
.ptb110,
.ptb120 { padding-top:90px !important; padding-bottom:90px !important; }
.pb100,
.pb110,
.pb120 { padding-bottom:90px !important; }

/* 04member */
.s41 .box2 ul { margin:-10rem; }
.s41 .box2 li { padding:10rem; }



}
@media all and (max-width:640px) {

html,body { font-size:5%; }
#top a { width:44px; height:44px; padding-top:9rem; }

.pt100,
.pt110,
.pt120 { padding-top:70px !important; }
.ptb80 { padding-top:60px !important; padding-bottom:60px !important; }
.ptb100,
.ptb110,
.ptb120 { padding-top:70px !important; padding-bottom:70px !important; }
.pb40 { padding-bottom:30px !important; }
.pb100,
.pb110,
.pb120 { padding-bottom:70px !important; }


}
@media all and (max-width:480px) {

html,body { font-size:4.37%; }
#top a { width:38px; height:38px; }

.top_banner { height:28px; line-height:28px; }
.top_banner .material-symbols-outlined { padding-top:6rem; }

.pt100,
.pt110,
.pt120 { padding-top:60px !important; }
.ptb80 { padding-top:50px !important; padding-bottom:50px !important; }
.ptb100,
.ptb110,
.ptb120 { padding-top:60px !important; padding-bottom:60px !important; }
.pb40 { padding-bottom:20px !important; }
.pb100,
.pb110,
.pb120 { padding-bottom:60px !important; }


}
@media all and (max-width:380px) {

.pt100,
.pt110,
.pt120 { padding-top:50px !important; }
.ptb80 { padding-top:40px !important; padding-bottom:40px !important; }
.ptb100,
.ptb110,
.ptb120 { padding-top:50px !important; padding-bottom:50px !important; }
.pb100,
.pb110,
.pb120 { padding-bottom:50px !important; }

.tablist .tab_top a .material-symbols-outlined { display:block; margin-right:0; margin-bottom:3px; text-align:center; }
.tablist .tab_top a.btn_membership { width:68px; height:26px; line-height:26px; }

}