@charset "utf-8";

/* header */
#header{width:100%; box-sizing:border-box; position:fixed; top:0; left:0; z-index:910; transition:all 0.4s; }
#header .inner{width:100%;height:100%;position:relative;}
#header .logo{position:absolute;left:3.75%;/* margin-top:22.5px; */top:50%;transform:translateY(-50%);}
/* #header .logo .logo2{display:none;} */
#header .logo a{color:#fff;font-size:33px;font-weight:600;display:flex;height:48px;align-items:center;}
#header .logo a span{line-height:1;}
#header .logo a img{/* display:table; */margin-right:10px;}
.main-menu{width:100%;text-align:center;z-index:999;}
.main-menu > ul > li{display:inline-table;width:179px;text-align:center;cursor:pointer;position:relative;}
.main-menu > ul > li > a{font-size:18px;color:rgba(255,255,255,0.8);line-height:81px;font-weight:400;transition-duration:0.4s;}
.main-menu > ul > li:hover > a{color:rgba(255,255,255,1);}

.sub-menu{display:none; top:100%;left:50%;transform:translateX(-50%);position:absolute; z-index:999; background:#e7141a; width:100%; max-width:179px; box-sizing:border-box; text-align:left !important;padding:10px 0;}
.sub-menu li{line-height:36px;box-sizing:border-box; overflow:hidden;}
.sub-menu li a{font-size:15px; color:rgba(255,255,255,0.7); display:block;text-indent:20px;}
.sub-menu li a:hover{text-decoration:underline; color:#fff;}

#header .h-inquiry{position:absolute;right:3.75%;top:0;}
#header .btn-inquiry{width:80px; height:80px; background:#e7141A;display:flex;justify-content:center;align-items:center;}
#header .btn-inquiry span{display:block;font-size:13px; color:#fff; opacity:0.8;transition-duration:0.4s;}
#header .btn-inquiry img{display:block; margin:0 auto 9px;opacity:0.9;transition-duration:0.4s;}
#header .btn-inquiry:hover span, #header .btn-inquiry:hover img{opacity:1;}

/* header-black*/
/* .fp-viewing-3 #header .logo1{display:none;}
.fp-viewing-3 #header .logo2{display:block;} */
.fp-viewing-3 #header .logo a{color:#333;}
.fp-viewing-3 #header .main-menu > ul > li > a{color:rgba(51,51,51,0.8);transition-duration:0.4s;}
.fp-viewing-3 #header .main-menu > ul > li:hover > a{color:rgba(51,51,51,1);}
.fp-viewing-3 #header .ham .line{background:#333;}

/* footer */
#footer{width:100%; background:#f9f9f9; padding-bottom:20px; display: flex; justify-content: center; flex-direction: column; }

.ft-list ul{text-align:center;border-top:1px solid rgba(225,225,225,0.8); border-bottom:1px solid rgba(225,225,225,0.8);width:100%}
.ft-list ul li{display:inline-table;}
.ft-list ul li a{font-size:12px;color: #333;;padding:9px 14px;display:inline-block;line-height:22px;}

.copy {width: 40%; color: #333;}
.copy h4{font-size:18px;line-height:28px;font-weight:700;margin:13px 0 8px;text-align:center;}
.copy ul li{font-size:12px;line-height:20px;padding:2px 0;text-align:center;font-weight:400;}
.copy ul li span{display:inline-block; padding-right: 10px;}
.copy  p{font-size:12px;line-height:14px;text-align:center;font-weight:500;}

/*2024.12.06. 신규추가*/
.copy_con {display: flex; justify-content: space-between; width: 1300px; margin: 0 auto; align-items: center;}

.copy_certify {width: 33%; display: flex; justify-content: center; align-items: flex-end; gap: 2px; flex-wrap: wrap;}
.copy_certify div {display: flex; width: 100%; }
.copy_certify img {margin-right: 15px; }

.copy_sns {width: 30%; display: flex; justify-content: right;}
.copy_sns img {border-radius: 5px; width: 40px;}
.copy_sns a:first-child {padding-right: 5px;}
.copy_sns a:last-child {margin-right: 60px;}

/* btn-fixed */
.btn-up-wrap{position:fixed; right:15%; bottom:57px; z-index:999;}
.btn-up{transition:all 0.4s; width:46px; text-align:center; cursor:pointer; color:#b8b8b8; height:46px; box-sizing:border-box; display:block; border:1px solid #dbdbdb; font-size:22px; line-height:40px; /* background:rgba(255,255,255,0.9); */}
.btn-up:hover{color:#fff; border-color:#e7141a; background:#e7141a;}

/* ham */
.ham{line-height:60px; position:absolute; right:3.75%;top:50%;transform:translateY(-50%);z-index:999;}
.ham .line{display:block; width:24px; height:1px; background:#fff; margin:7px auto; transition:all 0.4s;}
.ham.active .line{background:#fff !important;}
.ham.active .line1{transform:translateY(7px) rotate(45deg);}
.ham.active .line2{opacity:0;}
.ham.active .line3{transform:translateY(-9px) rotate(-45deg);}

/*quick menu 2024.12.09. 신규추가*/
.quick_menu {width: 140px; position: fixed; top: .6%; right: 3.7%; z-index: 999; background: #e7141a; text-align: center; border-radius: 10px; overflow: hidden; }
.quick_title {color:#fff; font-weight: 600; font-size: 18px; padding: 8%; background: url(../../images/thema/sub/polygon-bg.jpg)no-repeat; background-size:cover; opacity:0.8;transition-duration:0.4s;}
.quick_title img{display:block; margin: 2px auto 5px; opacity:0.9; transition-duration:0.4s; width: 25px;}
.quick_menu:hover .quick_title, .quick_title:hover img {opacity: 1;}

.quick_tel {background: #AF1740; height: 100%;}
.quick_tel p {color: #fff; letter-spacing: -1px; font-size: 16px; font-weight: 500; padding: 0;}
.quick_tel p:last-child {padding-bottom: 15px;}
.quick_tel img {padding: 20px 0 5px; width: 40px;}

@media all and (max-width:1199px){
	#header .inner{height:75px;}
	#header .logo a{font-size:28px;}
	#header .logo a img{width:43px;}
	
	.main-menu{position:fixed; top:0;right:-100%; z-index:900; height:100%; background:#e7141a; box-sizing:border-box; width:220px;display:block;padding-top:75px;transition:all 0.4s;visibility:hidden;}
	.main-menu.on{right:0;visibility:visible;}
	.main-menu >ul{width:100% !important;border-top:1px solid rgba(255, 255, 255, 0.3);}
	.main-menu ul li{width:100%; max-width:100%;margin:0; border-bottom:1px dotted rgba(255,255,255,0.4);text-align:left;}
	.main-menu ul li a{color:rgba(255,255,255,0.8) !important; font-size:14px; padding:0 20px; display:block;line-height:54px;}
	.sub-menu{max-width:100%; position:static; border:0; border-top:1px solid rgba(255,255,255,0.4); background:#cf1217; margin-left:0;padding:0;transform:none;left:inherit;}
	.sub-menu li{line-height:40px !important;}
	.sub-menu li a{line-height:40px !important;padding:4px 0 !important;color:rgba(255,255,255,0.8) !important;}
	.sub-menu li a:hover{background:none; color:#fff;}
	.blind{position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; z-index:800; display:none; background:rgba(0,0,0,0.6); transition:all 0.4s;}
	
	.btn-up-wrap{right:20px; bottom:20px;}

	.copy_con {width: 100%;}

	.quick_menu {top: 1.5%; right: 45%;}
	.quick_title {font-size: 14px; padding: 3%; opacity: 1;}
	.quick_title img {display: none;}
	.quick_title::after {content: "010-8467-8644"; white-space: pre;font-size: 14px; display: block;color: #fff;margin-top: 5px;}

	.quick_tel {display: none;}

}

@media all and (max-width:767px){
	#header .inner{height:60px;}
	#header .logo a{font-size:23px;}
	#header .logo a img{width:36px;margin-right:6px;}
	
	.main-menu{padding-top:60px;}

	.copy_con {flex-wrap: wrap;}
	.copy_certify, .copy, .copy_sns {width: 100%; }
	.copy_certify, .copy_sns {margin-top: 20px;}
	.copy_sns {justify-content: center; }
	.copy_sns a:last-child {margin-right: 0;}

	.quick_menu {top: .5%; right: 18%;}

}

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

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