.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/ind/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/ind/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;}

/* row1 */
.main-row.row1{margin-top:8rem;}

.main-link1{width:32%; margin-right:6.5%;}
.main-link1 a{display:block;}

.main-link2{width:27.5%; margin-right:6.5%;}
.main-link2 a{display:block;}

.main-link3{width:27.5%;}
.main-link3 li{margin:0.8rem 0;}
.main-link3 a{display:block; padding:1rem 0;}

/* row2 */
.main-link4{width:25.5%; margin-right:6.5%;}
.main-link4 ul{display:flex; background-color:#f4f4f4; height:100%;}
.main-link4 li{width:50%; height:100%;}
.main-link4 ul a{display:flex; flex-direction: column; align-items: center; justify-content: center; min-height: 14.4rem; height:100%; box-sizing: border-box; font-size: 1.6rem; font-weight: 700; color: var(--black); text-align:center;}
.main-link4 ul a:before{display:block;content:''; width:4rem; height:4rem; margin:0 auto 0.8rem auto;}
.main-link4 .a-qna:before{background:url(../../images/ind/main/ic_qna.svg) no-repeat center;}
.main-link4 .a-branch:before{background:url(../../images/ind/main/ic_branch.svg) no-repeat center;}

.main-call{width:68%; background:#f4f4f4 url(../../images/ind/main/bg_tel.png) right bottom / 23.4rem auto no-repeat; padding:3.2rem 4rem; box-sizing:border-box;}
.main-call .call-title{font-size:1.8rem; font-weight:700; color:var(--black); 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/ind/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-row.row1,
  .main-row.row2{margin-top:4rem;}

  .main-link1{width:100%; margin-right:0;}
  .main-link2{width:100%; margin-right:0; margin-top:4rem;}
  .main-link3{width:100%; margin-top:4rem;}

  .main-link4{width:100%; margin-right:0;}
  .main-link5{width:100%; margin-right:0; margin-top:4rem;}
  .main-call{width:100%; margin-top:2.4rem;}

}

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

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

}