@charset "UTF-8";

#header {position:static;}
@media all and (min-width:1840px){
  #footer {flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:flex-start; background:#f8f8f8; width:100%; padding-left:60rem; padding-right:60rem;}
  #footer .add {width:calc(100% - 300rem);}
  #footer .add li address br {display:none;}
  #footer .group {display:flex; flex-direction:column; align-items:flex-end; width:300rem; margin:0; padding:0; border-bottom:0;}
  #footer .privacy {width:100%; border-top:1px solid #ddd; margin-top:35rem; padding-top:35rem;}
}
.sub_nav > ul {height:60rem;} /*서브네비 높이*/
.sub_nav .depth2 {top:60rem;} /*펼침메뉴 위치*/
.vis,
.sub_nav {width:calc(100% - 120rem); margin:0 auto;}
.sub_nav {margin-top:10rem; padding:0 10rem;}
.vis {position:relative; background:#000; border-radius:var(--border-radius); overflow:hidden;}
.vis:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/sub/vis.jpg') no-repeat center/cover; opacity:0.5;}
.vis .wrap {position:relative; padding-top:100rem; padding-bottom:100rem; text-align:center;}
.vis .wrap h2 {color:#fff; font-weight:600; font-size:40rem;}
.vis .wrap p {color:#fff; font-weight:300; margin-top:20rem;}
.article h3 {margin:40rem 0; text-align:center; font-size:38rem;}
#content {margin-top:60rem; margin-bottom:100rem;}
@media all and (max-width:1640px){
  .vis,
  .sub_nav {width:calc(100% - 80rem);}
  .vis .wrap {padding-top:80rem; padding-bottom:80rem;}
  .vis .wrap h2 {font-size:34rem;}
  .vis .wrap p {margin-top:15rem;}
  .article h3 {font-size:34rem;}
}
@media all and (max-width:1023px){
  .vis,
  .sub_nav {width:calc(100% - 40rem);}
  .vis .wrap {padding-top:60rem; padding-bottom:60rem;}
}
@media all and (max-width:768px){
  .sub_nav {margin-top:0;}
}
@media all and (max-width:599px){
  .vis .wrap p  {display:none;}
}