@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : MONI
Create date : 2020-11-09
-------------------------------------------------*/
/*-------------------------------------------------
title       : 레이아웃 반응형
Author      : MONI
Create date : 2021-12-22
-------------------------------------------------*/
@media (max-width: 1920px) { #gnb1 > ul > li { width: auto; }
  #gnb1 > ul > li > a { margin: 0 3rem; }
  #gnb1 > ul .depth2 { margin: 1.5rem 3rem 0; } }

@media (max-width: 1500px) { #gnb1 > ul { max-width: 66rem; -webkit-transform: translateX(-3rem); transform: translateX(-3rem); }
  #gnb1 > ul > li > a { margin: 0 2rem; font-size: 1.8rem; }
  #gnb1 > ul .depth2 { max-width: 9rem; margin: 1.5rem 2rem 0; } }

@media (max-width: 1350px) { #gnb1 > ul { -webkit-transform: translateX(-2rem); transform: translateX(-2rem); }
  #gnb1 > ul > li > a { margin: 0 1rem; font-size: 1.7rem; }
  #gnb1 > ul .depth2 { max-width: 8rem; margin: 1.5rem 1rem 0; } }

@media (max-width: 1024px) { #gnb2 > ul > li.lnb5, #gnb2 > ul > li.lnb6 { width: 50%; float: left; margin-top: 2.7rem; }
  #gnb2 > ul > li.lnb5 a, #gnb2 > ul > li.lnb6 a { width: calc(100% - .6rem); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 1rem; text-align: center; font-size: 1.7rem; padding: .5rem 0; }
  #gnb2 > ul > li.lnb6 a { margin-left: .6rem; } }

@media (max-width: 768px) { #header .logo a img { width: 20rem; }
  #gnb2 > ul > li.lnb5 { display: block; } }