@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Inter:wght@200;300;400;700&display=swap');
body { font-family: 'Inter', sans-serif;}

#header2.eng #lnb2 .menu > li.n1,
#header2.eng #lnb2 .menu > li.n2,
#header2.eng #lnb2 .menu > li.n3{width: 33.3332%;}
#footer .btn-type-v11{height: 50px;padding-top: 0;padding-bottom: 0;line-height: 1;}
#footer a{color: #d8cec2;}
.box-select-ty1.footer{height: 50px;}
.box-select-ty1.footer .selectVal{padding: 15px 11px 16px 11px;line-height: 1;}
@media screen and (min-width: 1025px) {
#header2 #lnb2 .depth2 {left: 50%; padding-left: 0; padding-right: 0;}
#header2 #lnb2 .depth2 li {padding-left: 0;}
#header2 #lnb2 .menu > li.n1 .depth2 {margin-left: -55px;}
#header2 #lnb2 .menu > li.n2 .depth2 {margin-left: -69px;}
/*#header2.eng #lnb2 .menu > li.n2 .depth2{margin-left: -41px;}
#header2 #lnb2 .menu > li.n3 .depth2 {margin-left: -22px;}*/
#header2 #lnb2 .menu > li.n4 .depth2 {margin-left: -90px;}

}


.fz20{font-size: 20px !important;}
@media screen and (max-width: 840px) {
  .fz20{font-size: 5.6vw !important;}
}

@media screen and (max-width: 840px) {

.ta-l-mo{text-align: left !important;}
#header2.eng #lnb2 .menu > li.n1,
#header2.eng #lnb2 .menu > li.n2,
#header2.eng #lnb2 .menu > li.n3{width: 50%;}
  /* Gotham 폰트 사용시 적용 */
	.wrap-content2 .area_item > li.mainCnTy1-list .area-thumb1 .img {}
#header2 .h .view-m{margin-left: -10.45vw;}
#header2 .inr-c.top .rgh{top: 3.2vw;}
#header2.share{margin-top: 0;}
#header2 #lnb2 .top h1 img{display: block;}
#header2 #lnb2 .menu > li.on a, #header2 #lnb2 .depth2{background-color: #5E96D3 !important;}
    #header2 #lnb2 .menu > li.on a,
  #header2 #lnb2 .depth2 {background-color: #5E96D3;}
  .header_fake{height: 116px; height: 13.8095vw;}
  #header2{background-color: #fff; padding: 3.481vw 0; z-index: 10;}
  #header2 #lnb2 .menu > li > a > span > b{color: #fff;}
  #header2 #lnb2 .scroll{background-color: #0C5DB3;}
  #header2 .h{text-align: center; /*margin-right: 9vw;*/}
  #header2 .h img{height: 9vw;}
  #header2 .left{top: 5.5762vw;}
  #header2 .left .nav-icon1 span:nth-child(2){
    top: 2.2429vw;
  }
  #header2 .lst_sns{top: 3.2vw; right: -3vw;}
  #header2 .lst_sns a{margin-left: 1.5476vw;}
  #header2 .lst_sns a img{height: 38px; height: 4.5238vw;}
  #header2 #lnb2 .menu.n3 > li,
  #header2 #lnb2 .menu > li.n1 .depth2,
  #header2 #lnb2 .menu > li.n2 .depth2,
  #header2 #lnb2 .menu > li.n3 .depth2,
  #header2 #lnb2 .menu > li.n4 .depth2,
  #header2 #lnb2 .menu > li.n5 .depth2,
  #header2 #lnb2 .menu > li.n6 .depth2,
  #header2 #lnb2 .menu > li .depth2 {
    left: 50%;
    width: 50%;
    margin-left: 0; top: 0;
  }
  
  #header2 #lnb2 .menu > li.n1,
  #header2 #lnb2 .menu > li.n2,
  #header2 #lnb2 .menu > li.n3,
  #header2 #lnb2 .menu > li.n4 {
    width: 50%;
    height: auto;
    float: none;
    position: static;
  }
}

@media screen and (max-width: 840px) {

	.wrap-content2 .area_item > li.n5{margin-top: 0.5vw;}
  .wrap-content2 .area_item > li.n5 > a {
    height: 380px;
	 height: 45.89371981vw;
    position: relative;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: #fff;
  }

    .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1 .img {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    position: relative;
	  }

	  .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1 .img:after{display: none;}

	  .wrap-content2 .area_item > li.n5.mainCnTy1-list .area-thumb1 .cont.t {
    top: auto;
    bottom: 30px;
    bottom: 3.62318841vw;
    left: 30px;
    left: 3.62318841vw;
    width: auto;
    height: auto;
    overflow: hidden;
    color: #fff;
  }
  .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1 .cont .h1, .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1 .cont .t1{color: #fff;}
  .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1 .cover{display: block;}

  .wrap-content2 .area_item > li.mainCnTy1-list.n5 .area-thumb1:after{display: none;}

  #footer{padding: 8vw 0 15vw;}
  #footer .h{padding-bottom: 0;}
  #footer .h img{height: 8.7vw;width: auto;margin-top: 0;}
  #footer .btn-type-v11{width: 30%; min-width: 50%; padding: 0 10vw; width: 30%; height: 10vw; line-height: 10vw; box-sizing: border-box;}
  .box-select-ty1.footer{height: 10vw;width: 50%;margin-top: 3vw;margin-left: 0;}
  .box-select-ty1.footer .selectVal{padding: 3.3vw 1vw;}


}


img {max-width:100%;}
#container.sub {border-bottom: 0;}
#container.sub, .spot_sub {z-index: 0;}