.main #header{position:absolute; left:0; right:0; top:0;}

#header.active{background-color: #fff;}

.header-nav{border-color:rgba(255, 255, 255, 0.50);}
.header-nav .gnav-dep1 > li > a{color: #fff;}
.header-nav .gnav-dep2{min-height: 29rem;}
.header-nav .gnav-dep1 > li.act > a,
.header-nav .gnav-dep1 > li:hover > a{color: #fff;}

.active .header-nav{border-color: var(--line);}
.active .header-nav .gnav-dep1 > li > a{color: var(--black);}

.lang-select .related-links summary{border: 0.1rem solid #fff; color: #fff;}
.lang-select .related-links summary:after{background:url(../../images/mng/common/lang_arr_w.svg) center center no-repeat;}
.active .forMain{display: none;}
.active .lang-select .related-links summary{border-color: var(--line-gray);color: var(--gray-90);}
.active .lang-select .related-links summary:after{background:url(../../images/mng/common/lang_arr.svg) center center no-repeat;}

/* visual */
.main-bg{height:61.6rem; box-sizing: border-box; text-align:center; overflow:hidden;}
.main-bg img{width:100%; height:100%; object-fit: cover;}
.main-copy{position:absolute; left:0; right:0; top:20rem; font-size: 3.2rem; font-weight: 700; color: #FFF; z-index: 2; text-align: center;}

/* contents */
.main .container{width: var(--width-max); margin: 0 auto; max-width:calc(100% - 4.8rem);}

.main-con-title{font-size: 2rem; font-weight: 700; color: var(--black); margin-bottom:1.6rem; display:block;}

.main-row{display:flex; flex-wrap:wrap; margin-top:8rem;}

.main-quick-link{ margin-top:8rem;}
.main-quick-link ul{display:flex; justify-content: center; flex-wrap:wrap;}
.main-quick-link li{text-align: center; width:calc(100% / 6 - 3.2rem); margin:0 1.6rem;}
.main-quick-link li a{display:block; box-sizing: border-box;}
.main-quick-link li a:before{display:block;content:''; width:6.4rem; height:6.4rem; margin:0 auto 1.6rem auto; background-position:center; background-size:cover; background-repeat:no-repeat;}
.main-quick-link p{font-weight: 700; color: var(--black);}

.main-quick-link .item1 a:before{background-image: url(../../images/mng/main/ic_quick1.svg);}
.main-quick-link .item2 a:before{background-image: url(../../images/mng/main/ic_quick2.svg);}
.main-quick-link .item3 a:before{background-image: url(../../images/mng/main/ic_quick3.svg);}
.main-quick-link .item4 a:before{background-image: url(../../images/mng/main/ic_quick4.svg);}
.main-quick-link .item5 a:before{background-image: url(../../images/mng/main/ic_quick5.svg);}
.main-quick-link .item6 a:before{background-image: url(../../images/mng/main/ic_quick6.svg);}

.main-call{background:#f4f4f4 url(../../images/mng/main/bg_tel.png) right bottom / 23.4rem auto no-repeat; padding:3.2rem 4rem; box-sizing:border-box; margin-top:8rem;}
.main-call .call-title{font-size:1.8rem; font-weight:700; color:var(--gray-90); margin-bottom:0.8rem;}
.main-call .call-info ul{display:flex; flex-wrap:wrap;}
.main-call .time{color:var(--black); font-weight:700; margin-right:6.4rem;}
.main-call .tel .label{color:var(--black); font-weight:700; margin-right:1.6rem;}


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

  .header-top{border-bottom: 0.1rem solid rgba(255, 255, 255, 0.50);}
  .header-top.open{background-color: #fff; border-bottom: 0;}

  #header.fixed .btn-menu-mobile{background-image: url(../../images/mng/common/ic_menu_m.svg);}
  #header.fixed .forMain{display: none;}
  #header.fixed .com-logo{display: block;}

  .main-bg{height: 46rem;}
  .main-bg img{height: 120%;}
  .main-copy{top: 30rem; font-size: 1.8rem;}

  /* contents */
  .main-quick-link{margin-top:4rem;}
  .main-quick-link ul{margin:-1.2rem;}
  .main-quick-link li{text-align: center; width:calc(100% / 3 - 2.4rem); margin:1.2rem;}

  .main-call{margin-top:4rem;}
  .main-call .call-info ul{display:block;}
  .main-call .time{color:var(--gray-90); font-weight:700; margin:0 0 0.8rem 0;}

}

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

  .main-quick-link li{width:calc(50% - 2.4rem);}
  .main-quick-link p{font-size:1.5rem;}

}

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

  .main-copy{font-size: 1.8rem;}

}