@charset "utf-8";

#tnb,
#gnb_layout #gnb {
  background-color: #f6f6f6;
}

#gnb_layout.open #gnb {
  background-color: #fff;
}

#body_layout {
  border-top: 1px solid #dddddd;
  margin-top: 0;
}

#tnb .layout .utile_wrap .site-link{margin-right: 0;}

#svisual_layout {
  display: none;
}

#body_layout .lnb_wrap {
  margin-top: 0;
}

#gnb_layout #gnb .layout {
  position: static;
  padding: 0 45px 0 340px;
  text-align: center;
  z-index: 3;
  height: 100%;
}

#gnb_layout .depth1_ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;

}

#gnb_layout .depth1_ul {
  position: relative;
}

#gnb_layout .depth1_ul>li {
  margin: 0;
}

#gnb_layout .depth1_ul>li .item {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 400px;
  height: 100%;
  padding-left: 0;
  padding-right: 0px;
}

#gnb_layout .depth1_ul>li a.current+.item {
  display: flex;
}

#gnb_layout .depth1_ul>li .item .gnb-title {
  position: static;
  padding: 0;
  width: 350px;
  padding-left: 40px;
  background: none;
  border-right: 0 solid #000;
}

#gnb_layout .depth1_ul .depth2_ul {
  width: calc(100% - 350px);
  padding-right: calc(50% - 570px);
}

#gnb_layout .depth1_ul .depth2_ul>li {
  width: 270px;
}

#gnb_layout .depth1_ul .depth2_ul:before {
  left: 270px;
}

#gnb_layout .depth1_ul .depth2_ul:after {
  left: 538px;
  display: block;
}

#gnb_layout .depth1_ul>li .item:before {
  content: "";
  left: 0px;
  width: 257px;
  height: 226px;
  bottom: 20px;
  background: url(/template/assets/images/gnb_obj2.png) 0 0 no-repeat;
  display: block;
  position: absolute;
}

#gnb_layout .depth1_ul>li .item:after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 350px;
  background: #e4e7ea;
}


/* footer */
#foot_layout {
  background-color: #fff;
  padding: 0 0 50px;
  border-top:1px solid #ececec;

}


#foot_layout .footer-info .layout,
#foot_layout .footer-link .layout {
  padding: 0 55px;
  max-width: 1190px;

}

#foot_layout .footer-link .list {
  padding-top: 0;
}

#foot_layout .footer-link .list li a {
  color: #929498;
  padding: 30px 17px 23px;
}

#foot_layout .footer-link .list li a:before{display:none}

#foot_layout .footer-link .list li:first-child a {
  color: #727479
}

#foot_layout .footer-link .list li a:hover,
#foot_layout .footer-link .list li a:focus {
  color: #02429a
}

#foot_layout .footer-info .layout address,
#foot_layout .footer-info .layout .copy,
#foot_layout .footer-info .layout address>span::after,
#foot_layout .footer-info .layout .copy>span::after,
#foot_layout .footer-info .layout address p,
#foot_layout .footer-info .layout .copy p {
  color:#999b9f;
  opacity: 1;
}
#foot_layout .footer-info .layout address > span,#foot_layout .footer-info .layout address > span a{color:#999b9f}
#foot_layout .footer-info .layout address > span:first-child::after{display:none}
#foot_layout .footer-info .layout address > span:nth-child(2){position: relative; padding-right: 7px;}
#foot_layout .footer-info .layout address > span:nth-child(2)::after{content:''; height:9px;width: 1px; background: #727479; position: absolute; top:8px;right:0}

#foot_layout .footer-info .layout address .mo{color:#999b9f}

#foot_layout .footer-info .layout .flogo {
  position: static;
  margin-top: 18px;
  margin-bottom: 16px;
  background: url('/images/tour/main/footer_logo.png');
  width: 158px;
  height: 46px
}

#foot_layout .footer-info .layout address {}

#foot_layout .footer-info .layout .copy p {
  margin-top: 8px;
}

#foot_layout .toTop {
  display: block;
  left: auto;
  right: calc(50% - 580px);
  width: 34px;
  height: 34px;
  top: 41px
}

#foot_layout .toTop a {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 15%);
  font-size: 0;
  border: transparent;

  background: #fff url('/images/tour/common/top.png') no-repeat center center;
}

@media (max-width: 1439.98px) {

  #foot_layout .footer-info .layout {

    box-sizing: border-box;
  }
}


@media screen and (max-width:1280px) {

  #tnb .layout {
    background-color: #fff;
  }


  #foot_layout .toTop {}


}



@media screen and (max-width:1190px) {

  #foot_layout .footer-info .layout,
  #foot_layout .footer-link .layout {
    padding: 0 30px;
    position: relative;
  }

  #foot_layout .toTop {
    top:0;
    right:30px

  }

}


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

  #body_layout:before {
    height: 227px
  }

}


@media screen and (max-width:1023.98px) {

	#foot_layout .footer-link .list {
		text-align: left;
	}

	#bottom_banner .layout .banner_wrap .banner_tit {
		margin-right: 132px;}


  #foot_layout .footer-info .layout .flogo {
    display: block;
  }
}

@media screen and (max-width:768px) {

  #body_layout:before {
    height: 351px
  }

}


@media (max-width: 767.98px) {


	#foot_layout .footer-link {
		border-bottom: none;
		padding-top: 0
	}

	#foot_layout .footer-link .list {
		padding-top: 0;
		justify-content: center;
		margin: 0 0 25px;
	}

	#foot_layout .footer-link .list li {
		margin: 0;
		width: auto;
		border: none;
		border-radius: 0;
	}


	#foot_layout .footer-link .list li a:before {
		display: none
	}

	#foot_layout .footer-info .layout address>span:first-child,
	#foot_layout .footer-info .layout .copy>span:first-child {
		display: inline-block
	}

  #foot_layout .footer-info .layout address .mo{color:#999b9f}

	#foot_layout .footer-info .layout address,
	#foot_layout .footer-info .layout .copy,
	#foot_layout .footer-info .layout address>span::after,
	#foot_layout .footer-info .layout .copy>span::after,
	#foot_layout .footer-info .layout address p,
	#foot_layout .footer-info .layout .copy p {
		display: inline-block
	}

	#foot_layout .footer-info .layout address p,
	#foot_layout .footer-info .layout .copy p {
		margin-top: 7px;
	}


  #foot_layout .footer-info .layout .flogo{margin: 18px auto 16px;}

}

@media screen and (max-width:500px) {
  #foot_layout .footer-info .layout, #foot_layout .footer-link .layout{padding:0 15px}

  #foot_layout .footer-link .list,
  #foot_layout .footer-link .list li{display:block; text-align: center;}
  #foot_layout .footer-link .list{margin-top: 20px;}
  #foot_layout .footer-link .list li{margin-bottom: 3px;}
	#foot_layout .footer-link .list li a {
		text-align: center;
		padding: 8px 7px 7px;
		min-height: 39px;
		border-radius: 5px;
		border: 1px solid #ededed;
	}

  #foot_layout .toTop{width:27px;height:27px}


}


/*  mobile menu */
#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close{top:12px}
#mobile-menu .utile_wrap .site-link a{font-size: 13px;}
#mobile-menu .utile_wrap .site-link:nth-child(2) a:after{display:none}