/* common */
.english{
  font-family: 'Montserrat';
}
.korean {
  font-family: 'Pretendard';
}
.koreanA1 {
  font-family: '';
}
.wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index:1;
  display: none;
}
body.menu-open {
	position:fixed;
	overflow:hidden;
}
#header {
  width: 100%;
  height: auto;
  z-index:2;
  position: fixed;
  top:0;
  left:0;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, transform 0.3s;
  transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s;
}
/*  background:#fff;
  border-bottom:1px solid #eee;*/
#header.minimize {
  background:rgb(0,0,0,0.4);
}
#header.on {
  background-color: #E91E63;
  height: 389px;
}

#header.sub:not(.on).minimize {
  background-color: transparent;
}
#header.sub:before {
  content: "";
  display: block;
  position: absolute;
  top: 134px;
  left: 0;
  right: 50vw;
  width: 100vw;
  height: 1px;
  background-color: #7f7f7f;
}
#header:before {
  display: none;
}
#header.on:before {
  content: "";
  display: block;
  position: absolute;
  top: 134px;
  left: 0;
  right: 50vw;
  width: 100vw;
  height: 1px;
  background-color: #f48caf;
}
#header .headerWrap {
  width:100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  max-width: 1524px;
  padding: 26px 30px 0;
  min-height: 128px;
}
#header .headerWrap .headerMenu {
  position:relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}
#header .headerWrap .headerMenu .topMenu {
  display:flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 30px;
}
#header .headerWrap .headerMenu .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 232px;
  flex: 0 0 232px;
  height: 32px;
}
#header .headerWrap .headerMenu .logo a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 32px;
	background: url("/resources/seoulsafe/images/common/logo_d.png") no-repeat 50% 50%;
}
#header.on .headerWrap .headerMenu .logo a  {
  background-image: url("/resources/seoulsafe/images/common/logo_w.png");
}
#header .headerWrap .headerMenu .logo a img {
  display:block;
}
#header .headerWrap .headerMenu .gnbWrap {
  justify-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#header .headerWrap .headerMenu .gnbWrap .gnbMenu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#header .headerWrap .headerMenu .gnbWrap .gnb {
  display: flex;
  justify-content: flex-start;
    -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 90px;
}
#header .headerWrap .headerMenu .gnbWrap .gnb > li {
  text-align: center;
  position: relative;
  width: auto !important;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  padding-bottom: 30px;
}
#header .headerWrap .headerMenu .gnbWrap .gnb > li > a {
  font-size: 24px;
  font-weight: bold;
  color: #23382b;
}
#header .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep {
  display: none;
  position: absolute;
  top: 60px;
  left: 50%;
  height: 254px;
  padding: 40px 0 0 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#header .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep li a {
  white-space: nowrap;
  font-size: 19.2px;
}
#header .family-sites {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
#header .family-sites ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 28px;
}
#header .family-sites a {
  font-size: 15px;
  color: #000;
  font-weight: 700;
}
#header .menuBtn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
#header .menuBtn .button-search {
  width: 26px;
  height: 26px;
  background: url("/resources/seoulsafe/images/common/icon-search-black.png") no-repeat 50% 50%;
}
#header .menuBtn .button-nav {
  width: 25px;
  height: 25px;
  background: url("/resources/seoulsafe/images/common/icon-hamberger-black.png") no-repeat 50% 50%;
}
/***header ON***/
#header.on .gnb > li:hover ul li {
  position: relative;
}
#header.on .gnb > li:hover ul a:hover {
  text-decoration: underline;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb  li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb li:hover ul:before {
  content: "";
  position: absolute;
  width: 194px;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: #f13777;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb  a {
  color: #fff;
  -ms-flex-item-align: center;
  align-self: center;
  padding-bottom: 0;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb > li > a:hover {
  text-decoration: underline;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep {
  display: block;
  z-index:3;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep li {
  text-align: center;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep li a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
#header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep li + li {
  margin-top: 23px;
}
#header.on .gnb2depBG {
  width: 100%;
  height: 300px;
  background-color: #E91E63;
  position: absolute;
  top: 96px;
  /* top:102px; */
  z-index:2;
  box-shadow:10px 10px 10px rgb(209 220 230 / 32%);
}
#header .headerWrap .headerMenu .quickMenu .menuBtn ul li {
  display:inline-block;
  vertical-align: middle;
}
#header .headerWrap .headerMenu .quickMenu .menuBtn ul li + li {
  margin-left:10px;
}
#header .headerWrap .headerMenu .quickMenu .menuBtn ul li button img{
  display:block;
  width:24px;
  height:22px;
}
#header.on .headerWrap .headerMenu .quickMenu .menuBtn .button-search {
  background-image: url("/resources/seoulsafe/images/common/ico_search.svg");
  background-size: 26px auto;
}
#header.on .headerWrap .headerMenu .quickMenu .menuBtn .button-nav {
  background-image: url("/resources/seoulsafe/images/common/ico_allmenu.svg");
  background-size: 25px auto;
}
#header.on .family-sites a {
  color: #fff;
}
#header:not(.sub).minimize .logo a {
  background-image: url("/resources/seoulsafe/images/common/logo_w.png");
}
#header:not(.sub).minimize .gnb a {
  color: #fff !important;
}
#header:not(.sub).minimize .menuBtn .button-search {
  background-image: url("/resources/seoulsafe/images/common/ico_search.svg");
  background-size: 26px auto;
}
#header:not(.sub).minimize .menuBtn .button-nav {
  background-image: url("/resources/seoulsafe/images/common/ico_allmenu.svg");
  background-size: 25px auto;
}
#header:not(.sub).minimize .family-sites a {
  color: #fff;
}
/*전체메뉴*/
.menuToggle{
  position:fixed;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.menuToggle.on {
  display:block;
  padding:4rem 6rem;
  width:100%;
  height:100vh;
  top:0;
  left:0;
  transition:all 0.2s ease-in-out;
  background:#E91E63;
  opacity:1;
  z-index:3;
  visibility:visible;
  pointer-events:auto;
  overflow-y:auto;
}
.menuToggle .inside {
  padding-bottom:2.5rem;
  display:flex;
  justify-content: space-between;
  align-items: center;
  border-bottom:2px solid #fff;
}
.menuToggle .inside .close {
  background:#a51043;
  width:40px;
  height:40px;
  border-radius: 50%;
  padding:11px;
  display:block;
}
.menuToggle .inside .close img{
  display:block;
}
.menuToggle .toggleNavi {
  margin:2rem 0 6rem;
}
.menuToggle .toggleNavi ul{
  display:flex;
  gap:9rem;
}
.menuToggle .toggleNavi ul.toggle2dep {
	flex-direction:column;
	gap:2rem;
}
.menuToggle .toggleNavi ul li a.toggle1dep {
  display:block;
  color:#fff;
  font-size:20px;
  font-weight:700;
  margin-bottom:3rem;
}
.menuToggle .toggleNavi ul.toggle2dep li a{
  font-weight:300;
  font-size:16px;
  color:#fff;
}
.menuToggle .toggleNavi ul.toggle2dep li a:focus,
.menuToggle .toggleNavi ul.toggle2dep li a:hover,
.menuToggle .toggleNavi ul.toggle2dep li a:active{
  text-decoration: underline;
}
/**Footer************************************/
footer {
  background: linear-gradient(180deg, #f7f7f7 119px, rgb(255, 255, 255) 120px, rgb(255, 255, 255) 100%);
}
footer .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 53px;
  max-width: 1450px;
  margin: 0 auto;
  padding: 24px 57px 24px 22px;
}
footer .footer-top strong {
  font-size: 20px;
  color: #222;
  font-weight: 700;
}
footer .footer-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
footer .footer-top li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 69px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
}
footer .footer-top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
footer .footer-top .img-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
footer .footer-top .img-wrap img {
  display: block;
  height: 100%;
}
/*  관련사이트 슬라이더  */
.banner_slide_wrap { background: #f7f7f7; }
.banner_slide_wrap .base_w {
  max-width: 1450px;
  margin: 0 auto;
  padding: 24px 22px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.banner_slide_wrap .banner-title {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  white-space: nowrap;
}
.banner_slide_wrap #footerSlider {
  flex: 1;
  overflow: hidden;
}
.banner_slide_wrap #footerSlider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 69px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.banner_slide_wrap #footerSlider .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 12px;
}
.banner_slide_wrap #footerSlider .swiper-slide img {
  max-height: 45px;
  max-width: 100%;
  object-fit: contain;
}
.banner_slide_wrap .control_area {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.banner_slide_wrap .arrow,
.banner_slide_wrap .play_area { display: flex; gap: 2px; }
.banner_slide_wrap .control_area button {
  width: 45px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555555;
}
.banner_slide_wrap .control_area button:hover { background: #ffffff; }
.banner_slide_wrap .play_area .play { display: none; }
.banner_slide_wrap .play_area .play.on { display: flex; }
.banner_slide_wrap .play_area .stop { display: none; }
.banner_slide_wrap .play_area .stop.on { display: flex; }
@media (max-width: 768px) {
  .banner_slide_wrap .base_w {
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px;
  }
  .banner_slide_wrap .banner-title {
    flex: 1;
  }
  .banner_slide_wrap .control_area {
    order: 2;
    flex-shrink: 0;
  }
  .banner_slide_wrap #footerSlider {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
  }
}
footer .footer-bottom {
  max-width: 1450px;
  margin: 0 auto;
  padding: 60px 0 130px 264px;
  background: url("../images/main/logo-gray.png") no-repeat 10px 107px,
              url("../images/main/logo__main.png") no-repeat 10px 147px;
  background-size: 222px auto, 222px auto;
}
footer .footer-bottom .terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
footer .footer-bottom .terms li {
  font-size: 16px;
  color: #3a3a3a;
}
footer .footer-bottom .terms li:not(:last-of-type):after {
  content: "·";
  margin-left: 12px;
}
footer .footer-bottom address {
  display: block;
  margin-top: 30px;
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
  font-style: normal;
}
footer .footer-bottom .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
footer .footer-bottom .info li {
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
}
footer .footer-bottom .info li:not(:last-of-type):after {
  content: "|";
  margin-left: 8px;
}
footer .footer-bottom .info a {
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
}
footer .footer-bottom .copyright {
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
}
/**Footer End************************************/

/**공통**/
.center {
  display: flex;
  justify-content: center;
}
.center button + button {
  margin-left: 15px;
}
.right {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  #header .headerWrap .headerMenu .gnbWrap{
	transition:all 0.3s;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
  }
  #header.sub:before {
    display: none;
  }
  #header .headerWrap {
    padding: 1.5rem 2rem;
    min-height: 56px !important;
  }
  #header .headerWrap .headerMenu .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  #header .headerWrap .headerMenu .logo a {
    background-size: 100% auto;
  }
  #header .family-sites {
    display: none;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep {
    width: 100%;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnbMenu {
    display: none;
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100vh;
    padding: 60px 0 10px;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-y: auto;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb {
    display: block;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li {
    width: 100%;
    text-align: left;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li.gnbOn .gnb2dep {
    display: block;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li.gnbOn > a.gnb1dep {
    background-image: url(../images/common/mGnbArrowOn.png);
    color: #004b96;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li > a.gnb1dep {
    display: block;
    font-size: 18px;
    color: #222;
    font-weight: 900;
    padding: 20px;
    background-image: url(../images/common/mGnbArrow.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 11px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep {
    display: none;
    position: inherit;
    margin-top: 0;
    background-color: #e7edf4;
    padding: 20px 0 23px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li {
    padding: 0 20px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li > a {
    font-size: 14px;
    font-weight: 900;
    color: #222;
    padding-bottom: 4px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li > a.mOn {
    color: #004b96;
    border-bottom: 6px solid #004b96;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li + li {
    margin-top: 23px;
  }
  .menuToggle .toggleNavi ul li a.toggle1dep {
    margin-bottom: 2rem;
    font-size: 16px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .mGnbClose {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 17px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .mGnbClose img {
    width: 100%;
  }
  #header.on .gnb2depBG {
    display: none;
  }
	.menuToggle .inside {
		padding-bottom:1.5rem;
	}
	.menuToggle.on {
		padding:1rem 2rem;
	}
	.menuToggle .toggleNavi ul{
		display:flex;
		gap:5rem;
	}
	.menuToggle .toggleNavi ul.toggle2dep {
		flex-direction:column;
		gap:2rem;
	}
  footer {
    background: linear-gradient(180deg, #f7f7f7 65px, rgb(255, 255, 255) 65.5px, rgb(255, 255, 255) 100%);
  }
  footer .footer-top {
    padding: 15px 0;
  }
  footer .footer-top strong {
    display: none;
  }
  footer .footer-top ul {
    gap: 13.5px;
    -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
    scroll-padding-left: 21px;
  }
  footer .footer-top li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 113px;
    height: 35px;
    scroll-snap-align: start;
  }
  footer .footer-top li:first-of-type {
    margin-left: 21px;
  }
  footer .footer-top li:last-of-type {
    margin-right: 21px;
  }
  footer .footer-top .img-wrap img {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  footer .footer-bottom {
    padding: 110px 21px 185px;
    background-position: 21px 30px, 21px 58px;
    background-size: 110.5px auto, 110.5px auto;
  }
  footer .footer-bottom .terms {
    gap: 6px;
  }
  footer .footer-bottom .terms li {
    font-size: 10px;
  }
  footer .footer-bottom .terms li:not(:last-of-type):after {
    margin-left: 6px;
  }
  footer .footer-bottom address {
    margin-top: 15px;
    font-size: 10px;
  }
  footer .footer-bottom .info {
    gap: 0 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .footer-bottom .info li {
    font-size: 10px;
    line-height: 18px;
  }
  footer .footer-bottom .info li:not(:last-of-type):after {
    margin-left: 4px;
  }
  footer .footer-bottom .info a {
    font-size: 10px;
    line-height: 18px;
  }
  footer .footer-bottom .copyright {
    font-size: 10px;
    line-height: 18px;
  }
}
@media (max-width: 1024px) {

  #header .headerWrap {
  	padding:1.5rem 2rem;
  }
  #header .headerWrap .headerMenu .gnbWrap{
    margin-left:20px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li > a {
    font-size:16px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb {
  	gap:10px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li {
    width:100px;
  }
  #header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep{
    width:100px;
    top:45px;
  }
  #header.on .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep li a{
    font-size: 15px;
    font-weight: 300;
  }
  #header.on .gnb2depBG {
    top:66px;
    height:180px;
  }
  #header.on .headerWrap .headerMenu .gnbWrap .gnb > li:hover .gnb2dep {
	height:180px;
	}
  .menuToggle .toggleNavi ul li a.toggle1dep{
    font-size:18px;
  }
  #header .headerWrap .headerMenu .gnbWrap {
  	margin-left:0;
  }
}
@media (max-width: 768px) {
  .pcBlock {
    display: none;
  }
  .mobileBlock {
    display: block;
  }
  #header .headerWrap .headerMenu .gnbWrap {
    margin-left: 0;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .gnb2dep {
    width:100%;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnbMenu {
    display: none;
    position: fixed;
    z-index:2;
    width: 100%;
    height: 100vh;
    padding: 60px 0 10px;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-y:auto;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb {
    display: block;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li {
    width: 100%;
    text-align: left;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li.gnbOn .gnb2dep {
    display: block;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li.gnbOn > a.gnb1dep {
    background-image: url(../images/common/mGnbArrowOn.png);
    color: #004b96;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li > a.gnb1dep {
    display: block;
    font-size: 18px;
    color: #222;
    font-weight: 900;
    padding: 20px;
    background-image: url(../images/common/mGnbArrow.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 11px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep {
    display: none;
    position: inherit;
    margin-top: 0;
    background-color: #e7edf4;
    padding: 20px 0 23px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li {
    padding: 0 20px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li > a {
    font-size: 14px;
    font-weight: 900;
    color: #222;
    padding-bottom: 4px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li > a.mOn {
    color: #004b96;
    border-bottom: 6px solid #004b96;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb > li .gnb2dep > li + li {
    margin-top: 23px;
  }
  .menuToggle .toggleNavi ul li a.toggle1dep {
  	margin-bottom:1rem;
  	font-size:16px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .mGnbClose {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 17px;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .mGnbClose img {
    width: 100%;
  }
  #header.on .gnb2depBG {
  display:none;
  }
  .menuToggle.on {
    padding:1.5rem;
  }
  .menuToggle .toggleNavi ul{
    flex-direction:column;
    gap:2rem;
  }
  .menuToggle .toggleNavi ul.toggle2dep {
	gap:1rem;
	margin-left:1rem;
  }
  .menuToggle .toggleNavi ul li+li{
    margin-left:0;
  }
  .menuToggle .inside {
    padding-bottom:1rem;
  }
  .menuToggle .inside a img {
    width:200px;
  }
  .menuToggle .inside .close{
    width:34px;
    height:34px;
  }
}

@media (max-width: 290px) {
  #header .headerWrap .headerMenu .gnbWrap .gnb {
    width: 85%;
  }
  #header .headerWrap .headerMenu .gnbWrap .gnb .mGnbClose {
    right: 15px;
  }
}


.swiper-button-prev:after, .swiper-button-next:after{display:none}
.btn-section .btn-line{display:inline-block;padding:0 38px;height:48px;line-height:46px;color:#303030;font-size:14px;text-align:center;background:none;border:1px solid #303030;border-radius:24px;box-sizing:border-box;}
.btn-section .block{display:block;width:100%;}
.btn-section .btn-div li:first-child{margin-bottom:10px}
#container > .inner-section{padding:0 15px 80px;}
@media all and (min-width:768px) {
	#container{padding-top:150px;}
	#container > .inner-section{padding:0 90px 150px;}
}

.page-section{}
.page-section > .h2-section{position:relative;width:100%;height:170px;text-align:center;background:no-repeat right bottom #6842ff;border-radius:20px;display:flex;flex-wrap:wrap;flex-direction:row;align-items: center;justify-content: center;}
.page-section > .h2-section h2{font-size:30px;line-height:30px;font-weight:bold;color:#fff;}
.page-section .path-list{padding:15px 0;}
.page-section .path-list:after{content:"";clear:both;display:block}
.page-section .path-list ul{ /* float:right; */}
.page-section .path-list ul:after{content:"";clear:both;display:block}
.page-section .path-list ul li{position:relative;float:left;padding-left:15px;margin-left:15px;}
.page-section .path-list ul li:before{content:"";display:block;position:absolute;left:0;top:3px;width:1px;height:12px;background:#6842ff}
.page-section .path-list ul li a{font-size:20px;line-height:16px;color:#000000;}
.page-section .path-list ul li a.active {color: #492eff; font-weight: bold;}
/*
.page-section .path-list ul li:first-child a{font-size:0;display:inline-block;width:12.5px;height:16px;background:url(../img/common/icon_path_home.png) no-repeat center center;background-size:contain;vertical-align:top}
.page-section .path-list ul li:first-child:before{display:none}
*/
@media all and (min-width:768px) {
	.page-section > .inner-section{width:1280px;margin:0 auto;}
	.page-section > .h2-section{height:270px;overflow:hidden}
	.page-section > .h2-section h2{font-size:50px}
	.page-section > .h2-section:before{content:"";position:absolute;right:-80px;top:-100px;display:block;width:486px;height:486px;background:#492eff;border-radius:50%;}
	.page-section > .h2-section:after{content:"";position:absolute;left:50%;bottom:0;margin-left:300px;display:block;background:no-repeat center center;background-size:contain;}
	.page-section > .h2-section.about:after{width:194px;height:188px;background-image:url(../img/page/page_about.png);}
	.page-section > .h2-section.gender:after{width:225px;height:175px;background-image:url(../img/page/page_statistics.png);}
	/* .page-section > .h2-section.theme:after{width:304px;height:181px;background-image:url(../img/page/page_seoul.png);} */
	.page-section > .h2-section.theme:after{width:304px;height:181px;background-image:url(../img/page/page_analytics.png);}
	.page-section > .h2-section.report:after{width:169px;height:174px;background-image:url(../img/page/page_report.png);}
	.page-section > .h2-section.notice:after{width:279px;height:267px;background-image:url(../img/page/page_notice.png);bottom:-70px;}
	.page-section .path-list{padding:40px 0;}
	.page-section .path-list ul li a{font-size:20px;line-height:18px;}
	.page-section .path-list ul li:first-child a{width:16px;height:18px;}
}


.h3-title{margin-bottom:20px}
.h3-title h3{position:relative;display:inline-block;}
.h3-title h3 em{position:relative;padding-left:10px;height:36px;line-height:36px;font-size:20px;font-weight:bold;z-index:10}
.h3-title h3:before{content:"";position:absolute;left:0;top:0;display:block;width:36px;height:36px;background:#d9f76d;border-radius:50%;}
.h3-title.about h3:before{background-color:#f9ed84}
@media all and (min-width:768px) {
	.h3-title{margin-bottom:25px;text-align:center}
	.h3-title h3 em{padding-left:20px;height:72px;line-height:72px;font-size:40px;}
	.h3-title h3:before{width:72px;height:72px}
}

.editor-content h4{margin:0;padding-bottom:0;font-size:20px;line-height:30px;font-weight:bold;color:#000;}
.editor-content h5{margin:0;padding-bottom:10px;font-size:18px;line-height:24px;font-weight:bold;color:#000;}
.editor-content h6{position:relative;margin:0;text-align:right;font-size:16px;line-height:20px;color:#9b9b9b}
.editor-content p{margin:0;padding-bottom:10px;font-size:16px;line-height:20px;color:#000;}
.editor-content .note-editable a{color:#6842ff;text-decoration:underline}
.editor-content b{font-weight:bold;}
.editor-content img{max-width:100%}
.editor-content .video-iframe iframe{max-width:100%}
.editor-content .video-iframe{position:relative;margin-bottom:25px;padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.editor-content .video-iframe iframe,
.editor-content .video-iframe object,
.editor-content .video-iframe embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.editor-content .table-title{position:relative;margin-bottom:15px;}
.editor-content .table-title h4{text-align:center}
.editor-content .table-title h6{position:absolute;right:0;bottom:0}
.editor-content table{width:100%;table-layout:fixed;border-collapse:collapse;border-bottom:2px solid #6842ff}
.editor-content table th{padding:8px 0;font-size:15px;line-height:20px;text-align:center;color:#fff;border-bottom:1px solid #b8b0d6;background:#6842ff;vertical-align:middle;}
.editor-content table td{padding:15px 0;font-size:15px;line-height:20px;text-align:center;border-bottom:1px solid #d0d0d0;background:#fff;vertical-align:middle;}
.editor-content table td.tit{font-size:16px;background:#f7f6f8}
.editor-content table tr.em td{font-size:16px;font-weight:bold;color:#6842ff;border-top:1px solid #000;border-color:#000}
.editor-content table tr.em td.tit{background:#f2eeff}
.editor-content table tr.underline td{border-color:#000}
@media all and (min-width:768px) {
	.editor-content h4{font-size:32px;line-height:40px;}
	.editor-content h5{font-size:24px;line-height:30px;}
	.editor-content h6{font-size:18px;line-height:20px;}
	.editor-content p{font-size:16px;line-height:20px;}
}

.paging-section{padding-top:35px;}
.pagination{text-align:center}
.pagination > li{display:inline-block;margin:0 5px;vertical-align:top;}
.pagination > li > a{display:inline-block;width:22px;height:22px;line-height:22px;font-size:15px;font-weight:500;color:#9b9b9b;vertical-align:top;}
.pagination > li.active > a{font-weight:bold;color:#6842ff}
.pagination > li.btn > a{font-size:0;background:no-repeat center center;background-size:contain}
.pagination > li.btn-first > a{background-image:url(../img/common/btn_paging_first.png)}
.pagination > li.btn-prev > a{background-image:url(../img/common/btn_paging_prev.png)}
.pagination > li.btn-next > a{background-image:url(../img/common/btn_paging_next.png)}
.pagination > li.btn-last > a{background-image:url(../img/common/btn_paging_last.png)}
@media all and (min-width:768px) {
	.paging-section{padding-top:20px;}
	.pagination > li{margin:0 10px}
	.pagination > li > a{width:30px;height:30px;font-size:18px;line-height:30px;}

}


table.table-list{margin-bottom: 10px; width:100%;table-layout:fixed;border-collapse:collapse;border-bottom:2px solid #6842ff}
table.table-list th{padding:8px 0;font-size:15px;line-height:20px;text-align:center;color:#fff;border-bottom:1px solid #b8b0d6;background:#6842ff;vertical-align:middle;}
table.table-list td{padding:15px 0;font-size:15px;line-height:20px;text-align:center;border-bottom:1px solid #d0d0d0;background:#fff;vertical-align:middle;}
table.table-list td.tit{font-size:16px;background:#f7f6f8}
table.table-list tr.em td{font-size:16px;font-weight:bold;color:#6842ff;border-top:1px solid #000;border-color:#000}
table.table-list tr.em td.tit{background:#f2eeff}
table.table-list tr.underline td{border-color:#000}



.form-section .input-checkbox input[type=checkbox]{display: none}
.form-section .input-checkbox label {position: relative;display: inline-block;padding-left: 30px;font-size: 14px;line-height: 20px;}
.form-section .input-checkbox label:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #d0d0d0;background: #fff;box-sizing: border-box}
.form-section .input-checkbox input[type=checkbox]:checked + label:before {border: 0;background: url(../img/common/icon_checkbox.png) no-repeat center center;background-size: cover}
.form-section .input-radio input[type=radio]{display: none}
.form-section .input-radio label {position: relative;display: inline-block;padding-left: 30px;font-size: 14px;line-height: 20px;}
.form-section .input-radio label:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #6842ff;background: #fff;border-radius:50%;box-sizing: border-box}
.form-section .input-radio input[type=radio]:checked + label:after {content: "";display: block;position: absolute;left: 3px;top: 3px;width: 14px;height: 14px;background: #6842ff;border-radius:50%;box-sizing: border-box}
.form-section .radio-list{margin-bottom:15px;}
.form-section .radio-list dt{margin-bottom:10px;font-weight:bold;}
.form-section .radio-list li{margin-right:10px;margin-bottom:10px;display:inline-block;vertical-align:top;}
.form-section .input-text{display:block;width:100%;height:40px;padding:0 20px;font-size:14px;line-height:38px;border:1px solid #d0d0d0;box-sizing:border-box;border-radius:20px;}
.form-section .etc-text{display:inline-block;margin-top:10px;width:100%;height:25px;padding:0 20px;font-size:14px;line-height:23px;border:1px solid #d0d0d0;box-sizing:border-box;border-radius:12.5px;}
.form-section .valid-text{display:none;padding-top:10px;font-size:14px;line-height:18px;font-weight:bold;color:#ff0048}
@media all and (min-width:768px) {
	.form-section .input-checkbox label {padding-left:35px;font-size:18px;line-height:26px;}
	.form-section .input-checkbox label:before {width:26px;height:26px;}
	.form-section .input-radio label {padding-left:35px;font-size:18px;line-height:26px;}
	.form-section .input-radio label:before{width:26px;height:26px;}
	.form-section .input-radio input[type=radio]:checked + label:after{left:4px;top:4px;width:18px;height:18px;}
	.form-section .radio-list li{margin-right:20px}
	.form-section .input-text{height:50px;line-height:48px;border-radius:25px;}
	.form-section .etc-text{width:300px;margin-top:0;margin-left:10px;height:30px;line-height:28px;border-radius:15px;}
}



#agreePopup{max-width:90%;top:5% !important;display:none}
.agree-popup{position:relative;padding:50px 15px 20px;height:80vh;background:#fff;border-radius:20px;box-shadow:5px 5px 5px rgba(0,0,0,0.3);overflow:hidden;box-sizing:border-box;}
.agree-popup .btn-close{position:absolute;right:15px;top:20px;width:20px;height:20px;font-size:0;border:0;background:url(../img/common/icon_close.png) no-repeat center center;background-size:contain}
.agree-popup .inner-section{width:100%;height:100%;padding:15px;font-size:14px;line-height:20px;font-weight:600;overflow-y:scroll;box-sizing:border-box;}
.agree-popup .inner-section::-webkit-scrollbar{width:9px}
.agree-popup .inner-section::-webkit-scrollbar-thumb{height:30%;background:#9b9b9b;border-radius:10px}
.agree-popup .inner-section::-webkit-scrollbar-track{background:#fff}
.agree-popup .text{margin-bottom:20px;}
.agree-popup .text p{margin-bottom:10px;}
.agree-popup .text dl{margin-bottom:20px;}
.agree-popup .text dl dt{margin-bottom:5px;color:#6842ff}
.agree-popup .input-checkbox{margin-bottom:20px;}
.agree-popup .user-info{padding-top:30px}
.agree-popup .user-info dl{margin-bottom:20px;}
.agree-popup .user-info dl dt{margin-bottom:10px;color:#6842ff}
.agree-popup .btn-section{padding-top:30px;}
.agree-popup .btn-section .btn-down{display:block;width:100%;height:40px;padding:0;text-align:center;color:#fff;font-size:15px;font-weight:bold;line-height:40px;background:#6842ff;border:0;border-radius:20px;}
.agree-popup .btn-section .btn-down:after{content:"";display:inline-block;margin-left:5px;width:16px;height:40px;background:url(../img/common/icon_download.png) no-repeat center center;background-size:contain;vertical-align:top}
@media all and (min-width:768px) {
	#agreePopup{max-width:960px;}
	.agree-popup{padding:120px 40px 40px}
	.agree-popup .btn-close{right:40px;top:40px;width:34px;height:34px;}
	.agree-popup .inner-section{padding:0 40px 40px;font-size:18px;line-height:30px;}
	.agree-popup .text{margin-bottom:30px;}
	.agree-popup .input-checkbox{margin-bottom:30px;}
	.agree-popup .user-info dl:after{content:"";clear:both;display:block;}
	.agree-popup .user-info dl dt{float:left;width:120px;margin-bottom:0}
	.agree-popup .user-info dl dd{float:left;}
	.agree-popup .user-info dl dd .input-text{width:400px}
	.agree-popup .user-info.block dl dt{float:none;margin-bottom:10px;}
	.agree-popup .user-info.block dl dd{float:none;width:100%;}
	.agree-popup .btn-section{text-align:center;}
	.agree-popup .btn-section .btn-down{display:inline-block;width:235px;height:50px;line-height:50px;border-radius:25px;}
	.agree-popup .btn-section .btn-down:after{height:50px;}
}

/* 우측 고정 배너 */
.fixed-side-banner {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fixed-side-banner a {
  display: block;
  width: 160px;
  transition: opacity 0.2s;
}
.fixed-side-banner a:hover {
  opacity: 0.85;
}
.fixed-side-banner a img {
  display: block;
  width: 100%;
  height: auto;
}
.fixed-side-banner .btn-banner-close {
  position: absolute;
  top: -28px;
  right: 0;
  width: 28px;
  height: 28px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.fixed-side-banner .btn-banner-close:hover {
  background: rgba(0,0,0,0.8);
}
@media (max-width: 768px) {
  .fixed-side-banner a {
    width: 100px;
  }
  .fixed-side-banner .btn-banner-close {
    top: -24px;
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
  }
}