.header-wrap {
  background: #fff;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  /* border-bottom: 0px solid red; */
  font-family: var(--font-default);
}

@media (max-width: 768px) {
  .header-wrap {
    height: 5.6rem;
  }
}


.header-container {
  position: relative;
  background: #ffffff;
  max-width: 1248px;
  margin: 0 auto;
}
.header-logo {
  position: absolute;
  left: 2.4rem;
  top: 1.1rem;
}
@media (max-width: 768px) {
  .header-logo {
    left: 2.4rem;
    top: 1.6rem;
  }
}
.header-logo__link {
  display: inline-block;
  width: 8rem;
  height: 5rem;
  background: url(../../image/logo_insta.png) center no-repeat;
  background-size: 70% auto;
  background-size: 60px auto;
  border:solid 0px red;
  border-radius: 5px;
}
.header-logo__link__Text {
  display: inline-block;
  width: 15rem;
  height: 5rem;
  background: url(../../image/textlogo2.png) center no-repeat;
  background-size: 100% auto;
  border:solid 0 red;
}

@media (max-width: 768px) {
.header-logo__link {
  width: 5rem;
  height: 3.2rem;
  background-size: 5rem auto;
}

.header-logo__link__Text {
  width: 14rem;
  height: 3.2rem;
  margin-left:10px;
}
}

.header-menu {
  text-align: center;
}
.header-menu.active {
  display: block;
}
.header-menu__list {
  display: inline-block;
  vertical-align: top;
}
/* ¼­ºê¸Þ´º ¾Æ·¡ ¼± */
.header-menu__list:after {
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 7.4rem;
  top: 74px;
  width: 300%;
  height: 1px;
  transition: 0.5s ease-in-out; 
  background-color: #ddd;
}

.header-menu__list:hover .header-menu__sub {
  opacity: 1;
  height: 300px;
  transition: 0.5s ease-in-out; 
}

.header-menu__list:hover:after{
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  top: 37.4rem;
  top: 374px;
  width: 300%;
  height: 1px;
  background-color: #bbb;
}

.header-menu__link {
  color: #000;
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 150%;
  font-weight: 700;
}
.header-menu__item {
  float: left;
}
.header-menu__item:hover .header-menu__link-text:after {
  opacity: 1;
  background: #000;
}
.header-menu__main .header-menu__link {
  display: block;
  width: 14rem;
}

/* ¸ÞÀθ޴º */
.header-menu__main .header-menu__link-text {
  display: block;
  position: relative;
  padding: 2.5rem 0;
  font-size:1.9rem;
  font-weight: 600;
  font-family: 'Outfit', 'Pretendard Variable';
}
/* ¼­ºê¸Þ´º ¹Ú½º */
.header-menu__sub {
  overflow: hidden;
  opacity: 0;
  height: 0;
  text-align: center;
  transition: 0.5s ease-in-out; 
}
.header-menu__sub:before {
  display: block;
  height: 1.8rem;
  content: "";
}
.header-menu__sub-item {
  position: relative;
  margin: 0.4rem 0;
  padding: 0.8rem 0;
}

.header-menu__sub-item .header-menu__link{font-size:1.5em;
  font-weight: 600;color:#242424}

.header-menu__sub-item .header-menu__link:hover{color: #00b6a1;}

  
.header-etc {
  position: absolute;
  right: 2.4rem;
  top: 2.2rem;
}
@media (max-width: 768px) {
  .header-etc {
    position: relative;
    right: auto;
    top: auto;
    padding: 0 2.4rem 2.4rem;
  }
}
.header-etc__list {
  display: flex;
}
/* .header-etc__item{width:35px;height:35px;} */
.header-etc__item + .header-etc__item {
  margin-left: 1rem;
}
.header-etc__link {
  display: inline-block;
}
/* 
.go-insta{background-image: url('../../image/_ico_insta.jpg');background-size: cover; }
.go-insta:hover{background-image: url(../../image/_ico_insta_hover.jpg);background-size: cover;}
.go-band{background-image: url('../../image/_ico_band.jpg');background-size: cover;}
.go-band:hover{background-image: url(../../image/_ico_band_hover.jpg);background-size: cover;}
.go-blog{background-image: url('../../image/_ico_blog.jpg');background-size: cover;}
.go-blog:hover{background-image: url(../../image/_ico_blog_hover.jpg);background-size: cover;} 
*/

.header-button {
  display: none;
  position: absolute;
  right: 1.6rem;
  top: 1.2rem;
}

@media (max-width: 768px) {
  .header-button {
    display: block;
  }
}

/* .scroll header{
  height: 78px;
  top:0;
  border-bottom:0px solid #FF0000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=90, Strength=5);
  filter:drop-shadow(0px 0px 10px #e2d1d1)
} */

.gnb-menu {
  display: none;
  padding-top: 5.6rem;
}
.gnb-menu.active {
  display: block;
}
.gnb-menu__list {
  display: block;
  padding: 2.4rem;
}
.gnb-menu__link {
  color: #000;
  font-size: 1.6rem;
  line-height: 150%;
}
.gnb-menu__main {
  padding: 1rem 0;
}
.gnb-menu__sub {
  display: none;
  padding: 1rem 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.gnb-menu__sub-item {
  position: relative;
  padding: 0.8rem;
}
.gnb-menu__sub-item .gnb-menu__link {
  font-size: 1.4rem;
}

.gnb-menu__main .gnb-menu__link-text {font-weight: 800;}


.contents {
  padding-top: 7.5rem;
}
@media (max-width: 768px) {
  .contents {
    padding-top: 5.6rem;
  }
}

/* Button */
[class^=icon] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border-radius: 4px;
}

.btn-view {
  display: block;
  border: 1px solid #242424;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  color: #242424;
  text-align: center;
}

.btn-menu {
  width: 3.3rem;
  height: 3.3rem;
  background-image: url(/assets/images/common/ico_menu.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.btn-menu.active {
  background-image: url(/assets/images/common/ico_close.svg);
}


/* footer ================================================== */

footer .middle_mob{display:none;}

footer{clear:both;background: #FFFFFF;text-align: center;border-top:0px solid #ccc;  font-size: 1.3rem;width:100%;margin-top: 5rem;}

footer .footbox{display:block;width:100%;border-bottom:0px solid #ccc;PADDING:3rem 0;text-align: center;height:30rem;background-color:#6492f7 ;}
footer .footbox h2{font-size:4rem;line-height:5rem;color:#fff;font-weight:700;padding:30px;text-align: center;}

footer .footbox .contact-line{margin:0 auto;padding:0.8rem 0 0.9rem 0;text-align:center; font-size: 1.9rem;}
footer .footbox .contact-line li{display: inline-block;margin: 0px 14px;}
footer .footbox .contact-line li a{color:#fff;}
footer .footbox .contact-line li a em{color:#fff;}

footer .footbox .telline-container{width:1200px;margin: auto;}
footer .footbox ul{width:460px;margin:auto;text-align: center;}
footer .footbox .tel-line li{margin:auto;text-align: left;margin:0;font-size:1.6rem;line-height:3.8rem;color:#fff;font-weight:400;}
footer .footbox .tel-line li a{font-size:2rem;color:#fff;padding-left:10px;}

footer .footbox .tel-line .mail_foot{float:left;font-size:1.8rem;line-height:3.8rem;color:#fff;font-weight:400;padding:0;}
/* footer .footbox .tel-line .mail_foot a{color:#fff;} */

@media(max-width:760px){
  footer{font-size:1.3rem;}
  footer .footbox{height:23rem;}
  footer .footbox .contact-line{font-size: 1.5rem;}
  
  footer .footbox .telline-container{width:90%;margin: auto;}
  footer .footbox ul{width:90%;margin:auto;}
  footer .footbox .tel-line li{text-align: left;margin:0px;padding:0;}
  footer .footbox .tel-line li a{font-size:1.6rem;padding:0;}
  footer .footbox .tel-line .mail_foot{float:none;font-size:1.3rem;line-height:1.5rem;color:#fff;font-weight:400;}
}

footer .sns{float: left;margin: 0 auto;}
footer .sns li{float: left;padding:0;margin-left:2px;}

footer .sp{display: inline-block; background: url(../image/iconsns.png) no-repeat;}
footer .sp-band{width: 30px; height: 30px; background-position: 0 0;}
footer .sp-instagram{width: 30px; height: 30px; background-position: -31px 0;}
footer .sp-facebook{width: 30px; height: 30px; background-position: -61px 0;}

footer .container{display:flex;position: relative;padding: 20px 0;margin-bottom:10px;border-bottom:solid 1px #ccc;}
footer .foot_logo{margin:auto;padding:20px 0;height:100%;}
footer .foot_logo img{width:70px;}

footer .foot_left{width:25%;float:left;padding-top:0px;text-align: center}
footer .foot_right{float:right;width:75%;padding:0;}

footer .addr{
   width: 90%;max-width: 98%;margin: 0 auto;color:#000;font-size:1.3rem;line-height:25px;text-align:left;}

footer .addr span{
   display: inline-block;
   line-height:1.6rem;
   margin-right:20px;
   padding-right: 5px;
   /*background: url(../img/footer_line.gif) no-repeat right;*/
}

footer .company{color:#E6003B;font-size:1.8rem;;font-weight:700;margin-bottom:10px;}
footer .com_teltext{font-size:14px;;font-weight:500;color:#ce0060;}
footer .com_tel{font-size:16px;;font-weight:500;color:#dfdfdf;}
footer .middle{display:inline-block;width:100%;padding:40px 0 40px 0;text-align:center;}
footer .middle .amiddle{float:left;width:35%;height:90px;padding:0;}
footer .middle .bamiddle{text-align:left;padding:10px 0 0 0;}
footer .middle .bbmiddle{text-align:left;padding:0 0px;line-height:18px;}
footer .middle .bmiddle{text-align:left;padding:10px;width:10%;text-align:right;vertical-align:bottom}
footer .middle .bottomline{float:left;text-align:left;width:60%;padding:10px 0 10px 40px;}/*border-left:solid 1px #ccc;*/
footer .middle .batext{color:#818181;font-size:1em;font-weight:500;}

footer .middle .amiddle::after{
   z-index: -1;
   content: '';   
   left:200px; 
   top:0px;
   width: 2px;
   height: 80px;
   background-color: #000;
}

footer .inner{width:100%;position: relative;padding:20px 0 30px 0;background:#f9f9f9;box-sizing: border-box;}

footer .inneraddr li{line-height:20px;font-size:12px;}
footer .smallcopy{
   color:#6c6c6c;
   font-size: 11px;
   font-weight: 600;
   padding:0;
   margin: 0 auto;
}
footer .foot-copy{display:block;padding:30px 0;}

@media(max-width:760px){
  footer .util li{display: inline-block;margin: 3px 8px;}
  footer{width:100%;}
   
  footer .container{display:block;text-align:center;width:100%;border:0;}
  footer .footbox {padding-top:15px;}
  footer .footbox h2{font-size:2.5rem;line-height:2.5rem;color:#fff;font-weight:700;padding:20px;text-align: center;}
  footer .footbox .mail_foot{font-size:1.2rem;line-height:2.5rem;}
  
  footer .util{font-size: 1.2rem;padding:1.5rem;}

  footer .foot_left{width:100%;padding: 0;}
  footer .foot_right{width:100%;padding:0;margin-top:1rem;}
  footer .foot_logo{width:80px;}
  footer .sns{display:none;}
  footer .company{display:block;font-size:1.2rem;;font-weight:700;color:#FF0000;}
  footer .com_tel{font-size:1.3rem;}
  footer .copyrights{display:none;}
  footer .addr{font-size:1.3rem;line-height:1.5rem;}
  footer .foot-copy{float:left;;padding:0 0 0 3rem;}
}