body{position:relative}
#wrap{width:100%;height:100%}

#header{position:relative;height:50px;background-color:#fff;line-height:50px;text-align:center}
#header .wrap{display:flex;justify-content:space-between;align-items:center;height:100%;position:relative}
#header #logo{display:inline-block;height:100%;}
#header #logo a{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:center;height:100%;letter-spacing:-0.08rem;line-height:1.4;text-align:left}
#header #logo span{font-weight:800;letter-spacing:-0.08rem}
#header #logo .logo1{display:block;width:100%;padding-right:0.5rem;font-size:0.85rem;color:#808080}
#header #logo .logo2{display:block;width:100%;font-size:1.125rem;color:#000}
#header #logo .logo2 b{padding-left:0.5rem;font-size:1.33rem;font-weight:800;color:#000}
#header #gnb{display:none}
#header #gnb ul{display:flex}
#header #gnb a{padding:1rem 1.5rem;font-size:1.125rem;font-weight:800;color:#333}
@media (min-width: 480px){
	#header{height:60px;line-height:60px}
	#header #logo a{display:block}
}
@media (min-width: 550px){
	#header{height:70px;line-height:70px}
	#header .wrap{padding-left:20px;padding-right:20px}
	#header #logo .logo1,#header #logo .logo2{display:inline-block;width:auto}
	#header #logo .logo1{font-size:1.125rem}
}
@media (min-width: 767px){
	#header{height:80px;line-height:80px}
}
@media (min-width: 1000px){
	#header{height:100px;line-height:100px}
	#header .wrap{padding-left:50px;padding-right:50px}
	#header #logo .logo1,#header #logo .logo2{display:block;width:auto}
	#header #logo .logo1{font-size:0.9rem}
	#header #logo .logo2{font-size:1.25rem}
	#header #logo .logo2 b{font-size:1.5rem}
	#header #gnb{display:block}
}
@media (min-width: 1400px){
	#header #gnb a{font-size:1.25rem}
	#header .wrap{max-width:1400px;}
	#header #logo .logo1,#header #logo .logo2{display:inline-block;width:auto}
	#header #logo .logo1{font-size:1.25rem}
}
@media (min-width: 1400px){
}

.allmnuView{display:none;}
.allmnuView{display:block;position:fixed;top:0;right:-100vw;z-index:1000;transition:all 0.5s ease;width:100vw;height:100vh;background:var(--main-r-color1);overflow-x:hidden;overflow-y:auto}
.allmnuView.allmnuView-acik{right:0;}
.allmnuView #gnb{display:block;width:100%;margin:80px 2rem 2rem}
.allmnuView #gnb>ul>li{display:block}
.allmnuView #gnb>ul>li>a{display:inline-block;position:relative;color:#fff;font-size:2rem;font-weight:700;line-height:2rem}
.allmnuView #gnb>ul>li>a:before{content:'';position:absolute;left:0px;bottom:-3px;width:0px;height:3px;background:#fff;transition:0.5s;}
.allmnuView #gnb>ul>li>a:hover:before{width:100%;}
.allmnuView #gnb>ul>li+li{margin-top:2rem}

#header #allmnu{display:flex;justify-content:center;align-items:center;position:absolute;right:0;height:50px}
#header #allmnu a.menuBtn{padding:0 15px}
#header #allmnu a.menuBtn .ico{display:block;position:relative;width:18px;height:18px}
#header #allmnu a.menuBtn .ico > span{position:absolute;right:0;margin:auto;width:100%;height:2px;background-color:var(--color-gray-0);transition:all .2s;}
#header #allmnu a.menuBtn .ico > span.b1{top:0}
#header #allmnu a.menuBtn .ico > span.b2{top:50%;width:68%;margin-top:-1px}
#header #allmnu a.menuBtn .ico > span.b3{bottom:0}
#header #allmnu a.menuBtn:hover .ico > span.b1, #header #allmnu a.menuBtn:hover .ico > span.b3{width:68%;}
#header #allmnu a.menuBtn:hover .ico > span.b2{width:100%}
#header #allmnu.acik{position:absolute;top:20px;right:20px;z-index:1001;height:auto}
#header #allmnu.acik a.menuBtn{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.2);}
#header #allmnu.acik a.menuBtn:hover{background-color:rgba(255,255,255,.2)}
#header #allmnu.acik a.menuBtn .ico{display:block;width:19px;height:19px}
#header #allmnu.acik a.menuBtn .ico > span{position:absolute;left:0;right:0;top:0;bottom:0;width:0;background-color:#fff}
#header #allmnu.acik a.menuBtn .ico > span.b1{width:100%;top:0;transform-origin:top;transform:rotate(45deg)}
#header #allmnu.acik a.menuBtn .ico > span.b2{top:50%;width:0;transform-origin:top;transform:rotate(0)}
#header #allmnu.acik a.menuBtn .ico > span.b3{width:100%;bottom:0;transform-origin:bottom;transform:rotatez(-45deg)}
#header #allmnu.acik a.menuBtn:hover .ico > span.b1{width:100%;top:0;transform-origin:top;transform:rotate(0)}
#header #allmnu.acik a.menuBtn:hover .ico > span.b3{width:100%;bottom:0;transform-origin:bottom;transform:rotatez(0)}
@media(hover:hover) and (pointer:fine){
	#header #allmnu a.menuBtn:hover .ico > span.b1, #header #allmnu a.menuBtn:hover .ico > span.b3{width:68%;}
	#header #allmnu a.menuBtn:hover .ico > span.b2{width:100%}
	#header #allmnu.acik a.menuBtn:hover{background-color:rgba(255,255,255,.2)}
	#header #allmnu.acik a.menuBtn:hover .ico > span.b1{width:100%;top:0;transform-origin:top;transform:rotate(0)}
	#header #allmnu.acik a.menuBtn:hover .ico > span.b3{width:100%;bottom:0;transform-origin:bottom;transform:rotatez(0)}
}
@media (min-width:767px) {
	#header #allmnu{height:70px}
	#header #allmnu a.menuBtn .ico{width:25px;height:25px}
	#header #allmnu a.menuBtn .ico > span{height:3px}
	#header #allmnu.acik a.menuBtn{width:60px;height:60px}
}
@media (min-width:1000px) {
	#header #allmnu{display:none}
}

#footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:120px;padding:0 20px;background-color:#fff;line-height:1.5}
#footer address{padding-bottom:0.5rem;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-0.05rem}
#footer .tel{display:block;padding-top:0.5rem;font-size:1.25rem;font-weight:800;color:#222;line-height:1.2}
#footer .copy{font-size:11px;color:#888}

#top_btn{position:fixed;right:1rem;bottom:1rem}

@media (min-width: 480px){
	#footer{min-height:120px}
}
@media (min-width: 550px){
	#footer{min-height:120px;text-align:center}
}
@media (min-width: 767px){
	#footer{min-height:100px}
	#footer .tel{display:inline-block}
}
@media (min-width: 1000px){
	#footer{min-height:110px}
}
@media (min-width: 1200px){
	#footer{min-height:120px}
}