.nowrap {
  white-space: nowrap;
}
.show1620 {
  display: none;
}
.show1200 {
  display: none;
}
body {
  font-family: "Noto Sans KR";
}
.ptc {
  color: #184049 !important;
}
.w1400 {
  max-width: 1420px;
  padding: 0 10px;
  margin: 0 auto;
}
.w1230 {
  max-width: 1250px;
  padding: 0 10px;
  margin: 0 auto;
}
/* header */
#headerPopup {
  position: relative;
  display: none;
}
#headerPopup .pop-slide-area {
  position: relative;
}
#headerPopup .bx-wrapper .bx-controls-direction {
  display: none;
}
#headerPopup .bx-wrapper .bx-pager {
  display: none; /* 한개일때 미노출 */
  position: absolute;
  top: 40px;
  left: 50%;
  width: auto;
  margin-left: 560px;
}
#headerPopup .bx-wrapper .bx-pager a {
  width: 8px;
  height: 8px;
  background-color: #cecece;
  border-radius: 50%;
  margin: 0 4px 0 0;
  transition: 0.25s;
}
#headerPopup .bx-wrapper .bx-pager a.active {
  width: 20px;
  border-radius: 50px;
  background-color: #1c6779;
}
#headerPopup .bx-wrapper .bx-pager a:hover {
  background-color: #1c6779;
}
#headerPopup .pop-area {
}
#headerPopup .bg-area {
}
#headerPopup .bg-area .bg {
  height: 0;
  padding-bottom: 110px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
}
#headerPopup .bg-area .bg.bg6 {
  background-position: center top;
  background-size: contain;
}
#headerPopup .bg-area .bg.bg_mo {
  display: none;
}

#headerPopup .pop-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: #fff;
}
#headerPopup .pop-con {
  position: relative;
}
#headerPopup .text-area {
  display: flex;
  align-items: center;
  padding-left: 50px;
}
#headerPopup .text-area .title-wrap {
}
#headerPopup .text-area .title-wrap .title {
  font-weight: 300;
  line-height: 1.2;
}
#headerPopup .text-area .title-wrap .title strong {
  font-weight: 700;
}
#headerPopup .text-area .text-wrap {
  padding-left: 20px;
}
#headerPopup .text-area .text-wrap .text {
  font-weight: 300;
  line-height: 1.4;
}
#headerPopup .text-area .text-wrap .text strong {
  font-weight: 700;
}
#headerPopup .close-area {
  position: absolute;
  right: 0;
  bottom: 55px;
  display: flex;
}
#headerPopup .close-area .chk-wrap {
  display: flex;
}
#headerPopup .close-area .chk-wrap input {
  margin-right: 3px;
}
#headerPopup .close-area .chk-wrap label {
}
#headerPopup .close-area .chk-wrap .text {
  color: #cecece;
  font-weight: 400;
}
#headerPopup .close-area .btn-wrap {
  position: relative;
  bottom: 2px;
  padding-left: 12px;
}
#headerPopup .close-area .btn-wrap .btn {
  color: #cecece;
  font-weight: 400;
}
#header {
  background-color: #fff;
}
#header .hd-top {
  padding-top: 20px;
}
#header .hd-top .wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .hd-top .wrap .mb_menu {
}
#header .hd-top .wrap .mb_menu .dep1_wrap {
  display: flex;
  margin: 0 0 0 -25px;
}
#header .hd-top .wrap .mb_menu .dep1_con {
  padding: 0 0 0 25px;
}
#header .hd-top .wrap .mb_menu .dep1 {
  display: block;
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 500;
  transition: 0.25s;
}
#header .hd-top .wrap .mb_menu .dep1:hover {
  color: #1c6779;
}
#header .hd-top .wrap .mb_menu .dep1 img:hover {
}
#header .hd-top .wrap .sns {
}
#header .hd-top .wrap .sns .dep1_wrap {
  display: flex;
  padding: 0 0 0 35px;
  margin: 0 0 0 -5px;
}
#header .hd-top .wrap .sns .dep1_con {
  padding: 0 0 0 5px;
}
#header .hd-top .wrap .sns .dep1 {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background-color: #7e7e7e;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 0.25s;
}
#header .hd-top .wrap .sns .dep1:hover {
  background-color: #1c6779;
}
#header .hd-top .wrap .sns .dep1 img {
}
#header .hd {
  position: relative;
  padding: 11px 0 40px;
}
/* #header.active .hd{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    border-bottom: 1px solid #dcddde;
} */
#header .hd .wrap {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#header .hd .wrap .logo {
  width: 387px;
  padding-right: 37px;
}
#header .hd .wrap .logo img {
  width: 350px;
  transition: 0.25s;
}
/* #header.active .hd .wrap .logo img{
    width: 300px;
} */
#header .hd .gnb {
  position: relative;
  padding: 0 0 6px 83px;
}
#header .hd .gnb .dep1_wrap {
  margin: 0 -30px;
}
#header .hd .gnb .dep1_con {
  float: left;
  padding: 0 30px;
}
#header .hd .gnb .dep1 {
  display: block;
  color: #212121;
  font-weight: 400;
  font-size: 20px;
  transition: 0.25s;
  letter-spacing: -1px;
}
#header .hd .gnb .dep1_con.active .dep1,
#header .hd .gnb .dep1:hover {
  color: #1c6779;
  font-weight: 700;
}
#header .hd .gnb .dep1_wrap ul {
  display: none;
  position: absolute;
  height: 570px;
  padding: 70px 0 0;
}
#header .hd .gnb .dep1_wrap ul::after {
  content: "";
  position: absolute;
  right: 0;
  top: 40px;
  display: block;
  width: 1px;
  height: 500px;
  background-color: #e0e0e0;
  z-index: 20;
}
#header .hd .gnb .dep1_wrap ul li {
}
#header .hd .gnb .dep1_wrap ul li:first-child {
  position: relative;
}
#header .hd .gnb .dep1_wrap ul li:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: -29px;
  width: 100%;
  height: 498px;
  background-color: #fff;
}
#header .hd .gnb .dep1_wrap ul li:first-child > ul {
  top: -70px;
}
#header .hd .gnb .dep1_wrap ul li a {
  position: relative;
  display: block;
  height: 56px;
  line-height: 56px;
  padding-right: 60px;
  padding-left: 40px;
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  transition: 0.25s;
  letter-spacing: -1px;
  overflow: hidden;
}
#header .hd .gnb .dep1_wrap ul li a::before {
  content: "";
  position: absolute;
  right: 32px;
  top: 50%;
  display: block;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background: url("../img/gnb_arrow.png") -14px 0 no-repeat;
  transition: 0.25s;
}
#header .hd .gnb .dep1_wrap ul li a:hover,
#header .hd .gnb .dep1_wrap ul li.active > a {
  background-color: #f5f5f5;
  font-weight: 700;
}
#header .hd .gnb .dep1_wrap ul li a:hover::before,
#header .hd .gnb .dep1_wrap ul li.active > a::before {
  background-position-x: 0;
}
#header .hd .gnb .dep2_wrap {
  left: 0;
  top: 100%;
  width: 33.6%;
  z-index: 9999;
}
#header .hd .gnb .dep2_wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  display: block;
  width: 1px;
  height: 500px;
  background-color: #e0e0e0;
  z-index: 20;
}
#header .hd .gnb .dep2_con .dep3_wrap {
  left: 100%;
  top: 0;
  width: 100%;
  padding: 70px 0 0;
}
#header .hd .gnb .dep3_con .dep4_wrap {
  left: 100%;
  top: 0;
  width: 100%;
  padding: 70px 0 0;
}
#header .hd .gnb_bg {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 500px;
  background-color: rgba(250, 251, 252, 0.98);
  border-top: 1px solid #dcddde;
  border-bottom: 1px solid #dcddde;
  z-index: 9998;
}
#header .hd .gnb_bg .cs-wrap {
  padding: 43px 0 0;
}
#header .hd .gnb_bg .cs-wrap .cs-list-wrap {
}
#header .hd .gnb_bg .cs-wrap .cs-list-con {
  display: none;
}
#header .hd .gnb_bg .cs-wrap .cs-list-con:first-child {
  display: block;
}
/* m_gnb */
.open_gnb {
  display: none;
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -10px 0 0;
}
.open_gnb a {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 0;
}
.open_gnb a:before {
  content: attr(data-title);
  position: absolute;
  left: -25%;
  top: 100%;
  margin-top: 2px;
  width: 150%;
  font-size: 12px;
  text-align: center;
}
.open_gnb a span {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -1px 0 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #282828;
  vertical-align: middle;
}
.open_gnb a span:before,
.open_gnb a span:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #282828;
}
.open_gnb a span:before {
  top: -6px;
}
.open_gnb a span:after {
  bottom: -6px;
}
.m_gnb {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background-color: #f0f0f0;
  z-index: 999999;
}
.m_gnb .m_gnb_wrap {
  padding-bottom: 120px;
}
.m_gnb .gnb_hd {
  position: relative;
  padding: 0 10px;
  border-bottom: 1px solid #cecece;
  background-color: #fff;
}
.m_gnb .gnb_hd .logo {
  float: left;
  height: 70px;
  line-height: 70px;
}
.m_gnb .gnb_hd .logo img {
  max-width: 120px;
  vertical-align: middle;
}
.m_gnb .mb_menu {
  float: left;
}
.m_gnb .mb_menu .dep1_wrap {
  padding: 30px 0 0 10px;
}
.m_gnb .mb_menu .dep1_con {
  float: left;
  padding-left: 15px;
}
.m_gnb .mb_menu .dep1 {
  position: relative;
  display: block;
  line-height: 20px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid #282828;
  transition: 0.25s;
}
.m_gnb .mb_menu .dep1:hover {
  border-color: #2f85d0;
  color: #2f85d0;
}
.m_gnb .gnb_hd .close_gnb {
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.m_gnb .gnb_hd .close_gnb span {
  display: block;
  text-indent: -9999px;
}
.m_gnb .gnb_hd .close_gnb span:before,
.m_gnb .gnb_hd .close_gnb span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #282828;
}
.m_gnb .gnb_hd .close_gnb span:before {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.m_gnb .gnb_hd .close_gnb span:after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.m_gnb .location {
  padding: 30px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cecece;
  background-color: #fff;
}
.m_gnb .location .dep1_wrap {
  font-size: 0;
  text-align: center;
  margin: 0 -5px -10px;
}
.m_gnb .location .dep1_con {
  display: inline-block;
  max-width: 20%;
  vertical-align: text-top;
  padding: 0 5px 10px;
}
.m_gnb .location .dep1 {
  display: block;
}
.m_gnb .location .dep1 .ico_wrap .ico {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background-color: #7e7e7e;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 0.25s;
}
.m_gnb .m_gnb_con {
  background-color: #fff;
}
.m_gnb .m_gnb_con .dep1_wrap {
  border-top: 1px solid #cecece;
}
.m_gnb .m_gnb_con .dep1_con {
  border-bottom: 1px solid #cecece;
}
.m_gnb .m_gnb_con .dep1 {
  position: relative;
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  font-size: 15px;
  color: #184049;
  font-weight: 500;
  transition: 0.25s;
}
.m_gnb .m_gnb_con .dep1_con.active .dep1 {
  background-color: #184049;
  color: #fff;
}
.m_gnb .m_gnb_con .dep1:before,
.m_gnb .m_gnb_con .dep1:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #3185d2;
  transition: 0.25s;
  -moz-transition: 0.25s;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
}
.m_gnb .m_gnb_con .dep1:before {
  right: 10px;
  top: 50%;
  width: 10px;
  height: 2px;
}
.m_gnb .m_gnb_con .dep1:after {
  right: 14px;
  top: 50%;
  width: 2px;
  height: 10px;
  margin-top: -4px;
  z-index: 20;
}
.m_gnb .m_gnb_con .dep1_con.active .dep1:after {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  background-color: #fff;
}
.m_gnb .m_gnb_con .dep2_wrap {
  display: none;
}
.m_gnb .m_gnb_con .dep2_con {
  border-top: 1px solid #cecece;
}
.m_gnb .m_gnb_con .dep2 {
  position: relative;
  display: block;
  padding: 0 10px 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: 400;
  transition: 0.25s;
}
.m_gnb .m_gnb_con .dep2_con.active .dep2,
.m_gnb .m_gnb_con .dep2_con:hover .dep2 {
  background-color: #f0f0f0;
}
.m_gnb .m_gnb_con .dep2:before {
  content: "\00b7";
  position: absolute;
  left: 10px;
  top: 0;
}
.m_gnb .m_gnb_con .dep2.next_tog {
  font-weight: 500;
}
.m_gnb .m_gnb_con .dep2.next_tog:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 17px;
  height: 9px;
  background: url("../img/m_gnb_dep2.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: -4.5px;
  transition: 0.25s;
  -moz-transition: 0.25s;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
}
.m_gnb .m_gnb_con .dep2_con.active .dep2.next_tog:after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.m_gnb .m_gnb_con .dep3_wrap {
  display: none;
}
.m_gnb .m_gnb_con .dep3_con {
  border-top: 1px solid #cecece;
}
.m_gnb .m_gnb_con .dep3 {
  position: relative;
  display: block;
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: 400;
  transition: 0.25s;
}
.m_gnb .m_gnb_con .dep3_con.active .dep3,
.m_gnb .m_gnb_con .dep3_con:hover .dep3 {
  background-color: #f0f0f0;
}
.m_gnb .m_gnb_con .dep3.next_tog:before,
.m_gnb .m_gnb_con .dep3.next_tog:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #282828;
  transition: 0.25s;
  -moz-transition: 0.25s;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
}
.m_gnb .m_gnb_con .dep3.next_tog:before {
  right: 10px;
  top: 50%;
  width: 10px;
  height: 2px;
}
.m_gnb .m_gnb_con .dep3.next_tog:after {
  right: 14px;
  top: 50%;
  width: 2px;
  height: 10px;
  margin-top: -4px;
  z-index: 20;
}
.m_gnb .m_gnb_con .dep3_con.active .dep3.next_tog:after {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.m_gnb .m_gnb_con .dep4_wrap {
  display: none;
}
.m_gnb .m_gnb_con .dep4_con {
  border-top: 1px solid #cecece;
}
.m_gnb .m_gnb_con .dep4 {
  position: relative;
  display: block;
  padding: 0 10px 0 20px;
  font-weight: 300;
  height: 50px;
  line-height: 50px;
  transition: 0.25s;
  font-size: 14px;
}
.m_gnb .m_gnb_con .dep4_con.active .dep4,
.m_gnb .m_gnb_con .dep4_con:hover .dep4 {
  background-color: #184049;
  color: #fff;
}
.m_gnb .m_gnb_con .dep4:before {
  content: "-";
  position: absolute;
  left: 10px;
  top: 0;
}
.m_gnb .m_gnb_ban {
  padding: 20px 10px;
  text-align: center;
}

.mo_enSite {
  display: none;
}
/* quick */
#quick {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 99999;
}
#quick .quick-area {
}
#quick .quick-area .nav {
  border: 1px solid #e0e0e0;
  border-top: 0;
  background-color: #f5f5f5;
}
#quick .quick-area .nav .dep1-wrap {
}
#quick .quick-area .nav .dep1-con {
  border-top: 1px solid #e0e0e0;
}
#quick .quick-area .nav .dep1 {
  display: flex;
  width: 125px;
  /* height: 110px; */
  height: 90px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #184049;
  transition: 0.25s;
}
#quick .quick-area .nav .dep1:hover {
  color: #fff;
  background-color: #184049;
}
#quick .quick-area .nav .dep1-con.q_row .dep1 {
  flex-direction: row;
  height: 90px;
}
#quick .quick-area .nav .dep1-con.q_row .dep1 .ico-wrap {
  margin-right: 5px;
}
#quick .quick-area .nav .ico-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
#quick .quick-area .nav .ico-wrap .ico {
  height: 40px;
  line-height: 40px;
  width: auto;
  max-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#quick .quick-area .nav .ico-wrap .ico img {
  font-size: 0;
  transition: 0.25s;
  vertical-align: middle;
  width: auto;
  height: 100%;
  object-fit: contain;
}
#quick .quick-area .nav .dep1:hover .ico-wrap .ico img {
  filter: brightness(0) invert(1);
}
/* #quick .quick-area .nav .dep1-con:nth-child(1) .ico-wrap .ico img{
    width: 40px;
}
#quick .quick-area .nav .dep1-con:nth-child(2) .ico-wrap .ico img{
    width: 29px;
}
#quick .quick-area .nav .dep1-con:nth-child(3) .ico-wrap .ico img{
    width: 40px;
}
#quick .quick-area .nav .dep1-con:nth-child(4) .ico-wrap .ico img{
    width: 36px;
}
#quick .quick-area .nav .dep1-con:nth-child(5) .ico-wrap .ico img{
    width: 43px;
}
#quick .quick-area .nav .dep1-con:nth-child(6) .ico-wrap .ico img{
    width: 32px;
}
#quick .quick-area .nav .dep1-con:nth-child(7) .ico-wrap .ico img{
    width: 41px;
} */
#quick .quick-area .nav .text-wrap {
  padding: 12px 0 0;
}
#quick .quick-area .nav .text-wrap .text {
  text-align: center;
  font-weight: 500;
}
#quick .quick-area .tel-area {
  display: flex;
  height: 90px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #184048;
  color: #fff;
  text-align: center;
}
#quick .quick-area .tel-area .text-wrap {
}
#quick .quick-area .tel-area .text-wrap .text-con {
}
#quick .quick-area .tel-area .text-wrap .text-con .title {
  font-weight: 300;
}
#quick .quick-area .tel-area .text-wrap .text-con .num {
  margin: 3px 0 0;
  font-weight: 700;
}
#quick .quick-area .top-area {
}
#quick .quick-area .top-area .text-wrap {
}
#quick .quick-area .top-area .text-wrap .text-con {
}
#quick .quick-area .top-area .text-wrap .text-con .btn {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #212121;
  color: #fff;
  text-align: center;
  transition: 0.25s;
}
#quick .quick-area .top-area .text-wrap .text-con .btn:hover {
  background-color: #184049;
}
#quick .quick-area .top-area .text-wrap .text-con .ico {
}
#quick .quick-area .top-area .text-wrap .text-con .ico img {
}
#quick .quick-area .top-area .text-wrap .text-con .title {
  margin: 3px 0 0;
  font-weight: 700;
}
/* footer */
#footer {
  padding: 0 0 200px;
}
.foot-cs-area {
  padding: 65px 0;
}
.foot-cs-area .grid-list-area {
  position: relative;
}
.foot-cs-area .grid-list-area::before,
.foot-cs-area .grid-list-area::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 50%;
  display: block;
  width: 1px;
  height: 160px;
  margin-top: -100px;
  background-color: #e0e0e0;
}
.foot-cs-area .grid-list-area::after {
  left: 70%;
}
.foot-cs-area .grid-list-con {
  float: left;
  width: 30%;
}
.foot-cs-area .grid-list-con:nth-child(2) {
  width: 40%;
}
.foot-cs-area .grid-list-inner {
}
@font-face {
  font-family: "GmarketSansLight";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
.foot-cs-area .grid-list-inner .golbal_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box {
  border-radius: 10px;
  background: #184049;
  padding: 15px 5px;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tit {
  font-family: "GmarketSansBold";
  font-size: 16px;
  font-weight: 700;
  color: #fff555;
  letter-spacing: -0.025em;
  text-align: center;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .txt {
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.025em;
  text-decoration: underline;
  text-align: center;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list {
  width: 395px;
  margin: 16px auto;
}
.foot-cs-area
  .grid-list-inner
  .golbal_wrap
  .golbal_box
  .tel_list
  li:not(:last-child) {
  margin-bottom: 10px;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a {
  font-family: "GmarketSansMedium";
  display: flex;
  align-items: center;
  font-size: 21px;
  color: #fff;
  letter-spacing: -0.01em;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a::before {
  content: "";
  display: block;
  width: 27px;
  height: 24px;
  margin-right: 10px;
}
.foot-cs-area
  .grid-list-inner
  .golbal_wrap
  .golbal_box
  .tel_list
  li:nth-child(1)
  a::before {
  background: url("/assets/img/golbal_ico01.png") no-repeat center center /
    contain;
}
.foot-cs-area
  .grid-list-inner
  .golbal_wrap
  .golbal_box
  .tel_list
  li:nth-child(2)
  a::before {
  background: url("/assets/img/golbal_ico02.png") no-repeat center center /
    contain;
}
.foot-cs-area
  .grid-list-inner
  .golbal_wrap
  .golbal_box
  .tel_list
  li:nth-child(3)
  a::before {
  background: url("/assets/img/golbal_ico03.png") no-repeat center center /
    contain;
}
.foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a span {
  font-family: "GmarketSansBold";
  font-size: 21px;
  color: #fff;
  letter-spacing: -0.01em;
}

.foot-cs-area .cs-area {
}
.foot-cs-area .cs-area .tel-wrap {
  color: #313131;
}
.foot-cs-area .cs-area .tel-wrap .title-wrap {
}
.foot-cs-area .cs-area .tel-wrap .title-wrap .title {
  font-weight: 500;
  line-height: 1.4;
}
.foot-cs-area .cs-area .tel-wrap .text-wrap {
  margin: 15px 0 0;
}
.foot-cs-area .cs-area .tel-wrap .text-wrap .num {
  font-weight: 700;
}
.foot-cs-area .cs-area .tel-wrap .text-wrap .num a {
  transition: 0.25s;
}
.foot-cs-area .cs-area .tel-wrap .text-wrap .num a:hover {
  color: #184049;
}
.foot-cs-area .cs-area .cs-wrap {
  margin: 15px 0 0;
}
.foot-cs-area .cs-area .cs-wrap .cs-con {
  padding: 20px 0 0;
  font-size: 0;
}
.foot-cs-area .cs-area .cs-wrap .cs-inner {
  position: relative;
  display: inline-block;
  padding-left: 120px;
}
.foot-cs-area .cs-area .cs-wrap .title-wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.foot-cs-area .cs-area .cs-wrap .title-wrap .title {
  width: 110px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50px;
  background-color: #184049;
  font-weight: 700;
  color: #fff;
}
.foot-cs-area .cs-area .cs-wrap .text-wrap {
}
.foot-cs-area .cs-area .cs-wrap .text-wrap .text {
  line-height: 34px;
  font-weight: 300;
}
.foot-cs-area .cs-area .cs-wrap .text-wrap .text strong {
  font-weight: 700;
}
.pcTop10 {
  top: 10px !important;
}
.foot-cs-area .cs-area .cs-wrap .text-wrap .refer-text {
  text-align: right;
  color: #dc2525;
  font-weight: 400;
  margin: 5px 0 0;
}
.foot-cs-area .btn-area {
  padding: 60px 0 0;
}
.foot-cs-area .btn-area .btn-list-wrap {
  font-size: 0;
  text-align: center;
  margin: 0 -20px;
  padding: 0 10px;
}
.foot-cs-area .btn-area .btn-list-wrap .list-con {
  display: inline-block;
  vertical-align: text-top;
  width: 33.33%;
  max-width: 140px;
  padding: 0 20px;
}
.foot-cs-area .btn-area .btn-list-wrap .list-inner {
}
.foot-cs-area .btn-area .btn-list-wrap .btn {
  display: block;
}
.foot-cs-area .btn-area .btn-list-wrap .ico-wrap {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  background-color: #184049;
  transition: 0.25s;
  border-radius: 20px;
}
.foot-cs-area .btn-area .btn-list-wrap .btn:hover .ico-wrap {
  background-color: #328598;
}
.foot-cs-area .btn-area .btn-list-wrap .ico-wrap .ico {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.foot-cs-area .btn-area .btn-list-wrap .ico-wrap .ico img {
  max-width: 50%;
}
.foot-cs-area .btn-area .btn-list-wrap .title-wrap {
  margin: 20px 0 0;
}
.foot-cs-area .btn-area .btn-list-wrap .title-wrap .title {
  font-weight: 400;
}
.foot-cs-area .addr-area {
  padding-left: 50px;
}
.foot-cs-area .addr-area .title-area {
  color: #313131;
}
.foot-cs-area .addr-area .title-area .title-wrap {
}
.foot-cs-area .addr-area .title-area .title-wrap .title {
  font-weight: 500;
  line-height: 1.4;
}
.foot-cs-area .addr-area .title-area .text-wrap {
  margin: 15px 0 0;
}
.foot-cs-area .addr-area .title-area .text-wrap .text {
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -1px;
}
.foot-cs-area .addr-area .title-area .text-wrap .btn {
  display: flex;
  width: 180px;
  height: 50px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  background-color: #00c739;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  transition: 0.25s;
  margin: 10px 0 0;
}
.foot-cs-area .addr-area .title-area .text-wrap .btn:hover {
  background-color: #184048;
}
.foot-cs-area .addr-area .title-area .text-wrap .btn .btn-title {
}
.foot-cs-area .addr-area .title-area .text-wrap .btn .btn-ico {
  margin-left: 5px;
}
.foot-cs-area .addr-area .map-area {
  margin: 15px 0 0;
}
.foot-cs-area .addr-area .map-area .map-wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.foot-cs-area .addr-area .map-area #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.foot-etc-area {
  background-color: #f5f5f5;
  padding: 40px 0;
}
.foot-etc-area .etc-list-area {
}
.foot-etc-area .etc-list-area .list-wrap {
  text-align: center;
  font-size: 0;
}
.foot-etc-area .etc-list-area .list-con {
  display: inline-block;
  width: 25%;
  vertical-align: text-top;
  text-align: center;
}
.foot-etc-area .etc-list-area .list-inner {
  position: relative;
}
.foot-etc-area .etc-list-area .list-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 30px;
  margin-top: -15px;
  background-color: #9e9e9e;
}
.foot-etc-area .etc-list-area .list-con:first-child .list-inner::before {
  display: none;
}
.foot-etc-area .etc-list-area .btn {
  display: block;
  transition: 0.25s;
}
.foot-etc-area .etc-list-area .btn:hover {
  color: #184049;
}
.foot-etc-area .etc-list-area .btn .text-area {
}
.foot-etc-area .etc-list-area .btn .text-area .text-wrap {
}
.foot-etc-area .etc-list-area .btn .text-area .text {
  line-height: 20px;
  font-weight: 300;
}
.foot-area {
  padding: 90px 0;
  text-align: center;
}
.foot-area .foot-wrap {
}
.foot-area .foot-wrap .logo-area {
}
.foot-area .foot-wrap .logo-area .logo {
}
.foot-area .foot-wrap .logo-area .logo img {
  max-width: 50%;
}
.foot-area .foot-wrap .text-area {
  margin: 55px 0 0;
}
.foot-area .foot-wrap .text-area .text-wrap {
}
.foot-area .foot-wrap .text-area .text-wrap .text {
  color: #5e5e5e;
  font-weight: 300;
  line-height: 1.7;
}
.foot-area .foot-wrap .text-area .text-wrap .text em {
  display: inline-block;
}
.foot-area .foot-wrap .text-area .text-wrap .text em a {
  transition: 0.25s;
}
.foot-area .foot-wrap .text-area .text-wrap .text em a:hover {
  color: #184049;
  font-weight: 700;
}
.foot-area .foot-wrap .text-area .text-wrap .text .bar {
  margin: 0 20px;
}
.foot-area .foot-wrap .text-area .text-wrap .copyright {
  display: block;
  margin: 15px 0 0;
  color: #9e9e9e;
  line-height: 1.4;
  font-weight: 300;
}
.m-quick-counsel {
  display: none;
  position: fixed;
  /* right: 10px;
    bottom: 94px; */
  right: 35px;
  bottom: 210px;
  z-index: 99990;
}
.m-quick-counsel .btn-wrap {
}
.m-quick-counsel .btn-wrap .btn {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background-color: #184049;
  color: #fff;
  border-radius: 50%;
}
.m-quick-counsel .btn-wrap .text-wrap {
}
.m-quick-counsel .btn-wrap .text-wrap .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.m-quick-emblem {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 100px;
  z-index: 99990;
}
.m-quick-emblem .btn-wrap .btn {
  display: flex;
  width: 100px;
  height: 100px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
}
.m-quick-tel {
  display: none;
  position: fixed;
  /* right: 10px;
    bottom: 149px; */
  right: 35px;
  bottom: 265px;
  z-index: 99990;
}
.m-quick-tel .btn-wrap .btn {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  background-color: #333;
  color: #fff;
  border-radius: 50%;
}
.m-quick-tel .btn-wrap > .text-wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 0;
  position: absolute;
  right: 50px; /* 오른쪽에서부터 시작하도록 설정 */
  bottom: 0px;
  background-color: #184049;
  color: #fff;
  height: 50px;
  border-radius: 30px;
  overflow: hidden; /* 너비가 0일 때 내용 숨김 */
  transition: width 0.3s, right 0.3s; /* 너비와 위치 변화에 대한 트랜지션 설정 */
}
.m-quick-tel .btn-wrap .btn {
  cursor: pointer;
}
.m-quick-tel .btn-wrap .btn.active + .text-wrap {
  width: 500px; /* 버튼이 active 클래스를 갖는 경우 너비를 300px로 변경 */
  right: 50px; /* 오른쪽에서부터 나타나도록 위치 조정 */
}

.m-quick-tel .btn-wrap .text-wrap .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.counsel-popup-area {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #184049;
  z-index: 99998;
  padding: 20px 0;
}
.counsel-popup-area .area {
  display: flex;
  align-items: center;
}
.counsel-popup-area .text-area {
  position: relative;
  width: 50%;
  color: #fff;
}
.counsel-popup-area .text-area .title-wrap {
}
.counsel-popup-area .text-area .title-wrap .title {
  font-weight: 700;
}
.counsel-popup-area .text-area .title-wrap .text {
  margin: 4px 0 0;
  font-weight: 300;
  color: #aeaeae;
  line-height: 1.5;
}
.counsel-popup-area .text-area .btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.counsel-popup-area .text-area .btn-wrap .btn {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  font-family: "emoji";
}
.counsel-popup-area .form-area {
  width: 50%;
}
.counsel-popup-area .form-area .form-wrap {
  position: relative;
  padding-right: 220px;
}
.counsel-popup-area .form-area .form-wrap .input-list-area {
}
.counsel-popup-area .form-area .form-wrap .input-list-area .input-list-wrap {
  margin: 0 -5px;
  font-size: 0;
}
.counsel-popup-area .form-area .form-wrap .input-list-area .list-con {
  display: inline-block;
  width: 50%;
  vertical-align: text-top;
  padding: 0 5px;
}
.counsel-popup-area .form-area .form-wrap .input-list-area .list-inner {
}
.counsel-popup-area .form-area .form-wrap .input-list-area .input-wrap {
}
.counsel-popup-area .form-area .form-wrap .input-list-area .input-wrap input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 0;
  background-color: #fff;
  padding-left: 10px;
}
.counsel-popup-area .form-area .form-wrap .btn-area {
}
.counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap {
}
.counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap button {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 200px;
  height: 100%;
  background-color: #328598;
  color: #fff;
  border-radius: 10px;
  transition: 0.25s;
}
.counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap button:hover {
  background-color: #333;
}
.counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap button .text {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-weight: 700;
  cursor: pointer;
}
.counsel-popup-area .form-area .label-wrap {
  padding: 10px 0 0;
  color: #fff;
}
.counsel-popup-area .form-area .label-wrap .label-con {
  display: flex;
  align-items: center;
}
.counsel-popup-area .form-area .label-wrap input {
  margin: 0 5px 0 0;
}
.counsel-popup-area .form-area .label-wrap label {
  margin-right: 3px;
}
.counsel-popup-area .form-area .label-wrap label .text {
  font-weight: 500;
}
.counsel-popup-area .form-area .label-wrap .agree-view-btn {
  font-weight: 500;
  transition: 0.25s;
}
.counsel-popup-area .form-area .label-wrap .agree-view-btn:hover {
  color: #aeaeae;
}
.partner-area {
  padding: 42px 0;
  border-top: 1px solid #d7d7d7;
}
.partner-area .area {
  position: relative;
  padding-left: 165px;
}
.partner-area .area .title-area {
  position: absolute;
  left: 0;
  top: 50%;
  width: 165px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.partner-area .area .title-area .title-wrap .title {
  color: #313131;
  font-weight: 700;
}
.partner-area .area .title-area .title-wrap {
}
.partner-area .area .partner-list-area {
  overflow: hidden;
}
.partner-area .area .partner-list-area .slide-area {
}
.partner-area .area .partner-list-area .slide-wrap {
}
.partner-area .area .partner-list-area .slide-con {
  width: auto;
}
.partner-area .area .partner-list-area .slide-inner {
}
.partner-area .area .partner-list-area .link {
}
.partner-area .area .partner-list-area .link .img {
}
.partner-area .area .partner-list-area .link .img img {
}

/* 메인 하단 야간진료 배너 */
.mainFootBanner {
  width: 100%;
  height: 490px;
  position: relative;
}
.mainFootBanner .bg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  filter: brightness(0.3);
}
.mainFootBanner .bg .bg_img {
  width: 50%;
  height: 100%;
}
.mainFootBanner .bg .bg_img:nth-child(1) {
  background: url(/assets/img/mainFootBanner_01.jpg) no-repeat center;
}
.mainFootBanner .bg .bg_img:nth-child(2) {
  background: url(/assets/img/mainFootBanner_02.jpg) no-repeat center;
}
.mainFootBanner .conBg {
  width: 100%;
  max-width: 920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(/assets/img/mainFootBanner_03.jpg) no-repeat center;
}
.mainFootBanner .conBg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(5, 30, 100, 0.9);
  pointer-events: none;
  z-index: 1;
  filter: brightness(0.9);
}
.mainFootBanner .textBg {
  width: 100%;
  max-width: 920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mainFootBanner .textBg .textBox {
  position: absolute;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  height: 100%;
  letter-spacing: -1px;
  text-align: center;
}
.mainFootBanner .textBg .textBox p {
  font-size: 30px;
  font-weight: 300;
}
.mainFootBanner .textBg .textBox p:nth-last-child(2) {
  margin-top: 30px;
}
.mainFootBanner .textBg .textBox p:nth-last-child(1) {
  font-weight: 700;
}
.mainFootBanner .textBg .textBox h1 {
  font-size: 48px;
  font-weight: 400;
}
.mainFootBanner .textBg .textBox h1 strong {
  font-weight: 700;
}

@media all and (max-width: 1620px) {
  .show1620 {
    display: block !important;
  }
  .none1620 {
    display: none !important;
  }
  #quick {
    top: auto;
    bottom: 0;
    width: 100%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
  }
  #quick .quick-area {
    border: 0;
    border-top: 1px solid #e0e0e0;
  }
  #quick .quick-area .nav .dep1-wrap {
    font-size: 0;
  }
  #quick .quick-area .nav .dep1-con {
    display: inline-block;
    vertical-align: text-top;
    /* width: 20%; */
    width: calc(100% / 6);
    border-left: 1px solid #e0e0e0;
    border-top: 0;
  }
  #quick .quick-area .nav .dep1 {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0;
    text-align: center;
  }
  #quick .quick-area .nav .ico-wrap .ico {
    max-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  /* #quick .quick-area .nav .dep1-con:nth-child(1) .ico-wrap .ico img{
        width: 30px;
    }
    #quick .quick-area .nav .dep1-con:nth-child(2) .ico-wrap .ico img{
        width: 30px;
    }
    #quick .quick-area .nav .dep1-con:nth-child(3) .ico-wrap .ico img{
        width: 33px;
    }
    #quick .quick-area .nav .dep1-con:nth-child(4) .ico-wrap .ico img{
        width: 22px;
    }
    #quick .quick-area .nav .dep1-con:nth-child(5) .ico-wrap .ico img{
        width: 31px;
    }
    #quick .quick-area .nav .dep1-con:nth-child(6) .ico-wrap .ico img{
        width: 31px;
    } */
  #quick .quick-area .tel-area {
    display: none;
  }
  #quick .quick-area .top-area {
    position: fixed;
    /* right: 10px;
        bottom: 204px; */
    right: 35px;
    bottom: 320px;
    z-index: 99999;
  }
  #quick .quick-area .top-area .text-wrap .text-con .btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  #quick .quick-area .top-area .text-wrap .text-con .ico img {
    width: 14px;
  }
  #quick .quick-area .top-area .text-wrap .text-con .title {
    margin: 0;
    font-size: 12px;
  }
  .m-quick-counsel {
    display: block;
  }
  .m-quick-emblem {
    display: block;
  }
  .m-quick-tel {
    display: block;
  }
  .counsel-popup-area {
    bottom: 84px;
    padding: 20px 0;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition: 0.25s;
    -moz-transition: 0.25s;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
  }
  .counsel-popup-area.active {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .counsel-popup-area .area {
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
  .counsel-popup-area .text-area {
    width: 100%;
    text-align: center;
  }
  .counsel-popup-area .text-area .btn-wrap {
    display: block;
  }
  .counsel-popup-area .form-area {
    width: 100%;
    padding: 20px 0 0;
  }
  .counsel-popup-area .form-area .form-wrap {
    padding-right: 0;
  }
  .counsel-popup-area .form-area .form-wrap .input-list-area .input-wrap input {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
  }
  .counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap button {
    position: relative;
    margin-top: 5px;
    width: 100%;
    height: auto;
    padding: 10px 0;
    border-radius: 5px;
  }
  .counsel-popup-area .form-area .form-wrap .btn-area .btn-wrap button .text {
    position: relative;
    top: 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .counsel-popup-area .form-area .label-wrap {
    padding: 10px 0 0;
  }
  .counsel-popup-area .form-area .label-wrap .label-con {
    justify-content: center;
  }

  /* #quick .quick-area nav ul li:nth-child(3) .dep1 .text-wrap{width: 50% !important; float: left;} */
}

@media all and (max-width: 1420px) {
  .show1420 {
    display: block !important;
  }
  .none1420 {
    display: none !important;
  }
  #header .hd .gnb .dep1_wrap {
    margin: 0 -20px;
  }
  #header .hd .gnb .dep1_con {
    padding: 0 20px;
  }
  #headerPopup .bx-wrapper .bx-pager {
    left: 10px;
    top: auto;
    bottom: 10px;
    margin-left: 0;
    width: 100%;
  }
}

@media all and (max-width: 1200px) {
  .show1200 {
    display: block !important;
  }
  #headerPopup .text-area {
    display: block;
    padding: 0;
    text-align: center;
  }
  #headerPopup .text-area .text-wrap {
    padding: 5px 0 0;
  }
  #headerPopup .close-area {
    bottom: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 5px 0 0;
  }
  #headerPopup .close-area .chk-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #headerPopup .close-area .chk-wrap input {
    margin-right: 3px;
  }
  #headerPopup .close-area .btn-wrap {
    padding-left: 4px;
  }
  #header .hd .wrap .logo {
    text-align: center;
    /* width: 100%; */
    width: calc(100% - 80px);
    padding: 0;
  }
  #header .hd {
    padding: 20px 0;
  }
  #header .hd .wrap .logo img {
    width: auto;
    height: 40px;
  }
  /* #header.active .hd .wrap .logo img{
        width: auto;
        height: 30px;
    } */
  #header .hd .gnb,
  #header .hd-top {
    display: none;
    height: 0;
    padding: 0;
  }
  .mo_enSite,
  .open_gnb {
    display: block;
  }

  #footer {
    padding: 0;
  }
  .foot-cs-area {
    padding: 40px 0;
  }
  .foot-cs-area .grid-list-area {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
  }
  .foot-cs-area .grid-list-area::before,
  .foot-cs-area .grid-list-area::after {
    display: none;
  }
  .foot-cs-area .grid-list-con,
  .foot-cs-area .grid-list-con:nth-child(2) {
    width: 100%;
    border-top: 1px solid #e0e0e0;
  }
  .foot-cs-area .grid-list-con:nth-child(1) {
    border-top-width: 0;
  }
  .foot-cs-area .cs-area {
    padding: 0 0 20px;
  }
  .foot-cs-area .cs-area .tel-wrap .text-wrap {
    margin: 10px 0 0;
  }
  .foot-cs-area .cs-area .cs-wrap {
    margin: 10px 0 0;
  }
  .foot-cs-area .cs-area .cs-wrap .cs-con {
    padding: 10px 0 0;
  }
  .foot-cs-area .cs-area .cs-wrap .cs-inner {
    padding-left: 0;
  }
  .foot-cs-area .cs-area .cs-wrap .title-wrap {
    position: relative;
  }
  .foot-cs-area .cs-area .cs-wrap .title-wrap .title {
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
  }
  .foot-cs-area .cs-area .cs-wrap .text-wrap {
    padding: 5px 0 0;
  }
  .foot-cs-area .cs-area .cs-wrap .text-wrap .text {
    line-height: 1.4;
  }
  .pcTop10 {
    top: 0 !important;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box {
    width: 100%;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tit {
    font-size: 0.8rem;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .txt {
    font-size: 0.7rem;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list {
    width: 60%;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a {
    font-size: 0.9rem;
  }
  .foot-cs-area .btn-area {
    padding: 20px 0;
  }
  .foot-cs-area .btn-area .btn-list-wrap {
    margin: 0 -10px;
  }
  .foot-cs-area .btn-area .btn-list-wrap .list-con {
    display: inline-block;
    vertical-align: text-top;
    max-width: 33.33%;
    padding: 0 10px;
  }
  .foot-cs-area .btn-area .btn-list-wrap .ico-wrap .ico img {
    max-width: 65%;
  }
  .foot-cs-area .btn-area .btn-list-wrap .title-wrap {
    margin: 10px 0 0;
  }
  .foot-cs-area .addr-area {
    padding: 20px 0 0;
  }
  .foot-cs-area .addr-area .title-area .text-wrap {
    margin: 10px 0 0;
  }
  .foot-cs-area .addr-area .title-area .text-wrap .btn {
    width: auto;
    max-width: 160px;
    height: 30px;
    padding: 0 15px;
    margin: 5px auto 0;
  }
  .foot-area {
    padding: 50px 0 150px;
    text-align: center;
  }
  .foot-area .foot-wrap .text-area {
    margin: 20px 0 0;
  }
  .foot-area .foot-wrap .text-area .text-wrap .text span {
    margin: 0 5px;
  }
  .foot-area .foot-wrap .text-area .text-wrap .text .bar {
    display: none;
  }
  .foot-area .foot-wrap .text-area .text-wrap .copyright {
    margin: 10px 0 0;
  }
  .partner-area {
    padding: 20px 0;
  }
  .partner-area .area {
    padding-left: 0;
  }
  .partner-area .area .title-area {
    position: relative;
    top: 0;
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@media all and (min-width: 1421px) {
  .m_gnb {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .foot-etc-area {
    padding: 25px 0;
  }
  .foot-etc-area .etc-list-area {
  }
  .foot-etc-area .etc-list-area .list-wrap {
    margin: -10px;
  }
  .foot-etc-area .etc-list-area .list-con {
    width: 50%;
    padding: 10px;
  }
  .foot-etc-area .etc-list-area .list-con:nth-child(odd) .list-inner::before {
    display: none;
  }
  .foot-etc-area .etc-list-area .list-inner::before {
    height: 20px;
    margin-top: -10px;
  }
  #headerPopup .bg-area .bg {
    padding-bottom: 26.3%;
    background-image: url("../img/hd_pop_m6.jpg?ver=2") !important;
  }
  #headerPopup .text-area {
    display: none;
  }
  #headerPopup .bg-area .bg.bg2 {
    background-image: url("../img/hd_pop_m2-2.jpeg") !important;
  }
  #headerPopup .bg-area .bg.bg3 {
    background-image: url("../img/hd_pop_m3.jpg?ver=2") !important;
  }
  #headerPopup .bg-area .bg.bg4 {
    background-image: url("../img/hd_pop_m4.jpg?ver=2") !important;
  }
  #headerPopup .bg-area .bg.bg5 {
    background-image: url("../img/hd_pop_m5.jpg?ver=2") !important;
  }
  #headerPopup .bg-area .bg.bg6 {
    background-image: url("../img/hd_pop_m6.jpg?ver=2") !important;
    background-position: center center;
    background-size: cover;
  }
  #headerPopup .bg-area .bg.bg_mo {
    display: block;
    background-image: url("../img/hd_pop_lee_m.png") !important;
    background-position: center center;
    background-size: cover;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap {
    margin: 20px 0;
    margin-top: 0;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list li {
    display: flex;
    align-items: flex-start;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list li::before {
    content: "";
    display: block;
    width: 27px;
    height: 24px;
    margin-right: 10px;
  }
  .foot-cs-area
    .grid-list-inner
    .golbal_wrap
    .golbal_box
    .tel_list
    li:nth-child(1)::before {
    background: url("/assets/img/golbal_ico01.png") no-repeat center center /
      contain;
  }
  .foot-cs-area
    .grid-list-inner
    .golbal_wrap
    .golbal_box
    .tel_list
    li:nth-child(2)::before {
    background: url("/assets/img/golbal_ico02.png") no-repeat center center /
      contain;
  }
  .foot-cs-area
    .grid-list-inner
    .golbal_wrap
    .golbal_box
    .tel_list
    li:nth-child(3)::before {
    background: url("/assets/img/golbal_ico03.png") no-repeat center center /
      contain;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .foot-cs-area .grid-list-inner .golbal_wrap .golbal_box .tel_list a::before {
    display: none;
  }

  .m-quick-tel .btn-wrap .btn.active + .text-wrap {
    /* width: 300px;  */
    width: 270px;
  }

  .mainFootBanner {
    height: 300px;
  }
  .mainFootBanner .bg {
    flex-direction: column;
  }
  .mainFootBanner .bg .bg_img {
    width: 100%;
  }
  .mainFootBanner .conBg {
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mainFootBanner .conBg::before {
    left: -1px;
  }
  .mainFootBanner .textBg {
    width: 80%;
  }
  .mainFootBanner .textBg .textBox p {
    font-size: 16px;
  }
  .mainFootBanner .textBg .textBox p:nth-last-child(2) {
    margin-top: 0px;
  }
  .mainFootBanner .textBg .textBox h1 {
    font-size: 24px;
  }
  .foot-cs-area .grid-list-con,
  .foot-cs-area .grid-list-con:nth-child(2) .grid-list-inner img {
    width: 100% !important;
  }
  .foot-cs-area .addr-area .map-area .map-wrap {
    padding-bottom: 56.25% !important;
  }

  /* #quick .quick-area nav ul li:nth-child(3) .dep1 .text-wrap:last-child{padding: 0;} */
  #quick .quick-area nav ul li:nth-child(3) .dep1 .text-wrap {
    width: 100% !important;
    float: none;
  }

  #quick .quick-area .nav .dep1-con .q_row {
    flex-direction: column;
  }

  #quick .quick-area .nav .dep1-con.q_row .dep1 .ico-wrap {
    margin-right: 0px;
  }
}

@media all and (max-width: 486px) {
  #quick .quick-area .nav .dep1-wrap {
    height: 90px;
  }
}