.headerTop_header-top__XTZne {
    width: 100%;
    height: 72px;
    background-color: #20202d;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 17px;        display: none;
}
.headerTop_header-top__XTZne .headerTop_title_wrap__qhfpb {
    font-size: 20px;
    font-weight: 400;
    color: #b1b1b9;    font-family: "gmarket", sans-serif;
}
.headerTop_header-top__XTZne button img {
    display: flex
;
    align-items: center;
}
.headerTop_header-top__XTZne button {
    display: block;
    background: none;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

@media (max-width: 1075px) {
    .headerTop_wrap__dEXXa {
        display: none;
    }
}


.m_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(http://akcdn-okimghosting.cafe24img.com/guri/bg_top_dot.png);
   z-index: 1;
}

.q_magnet {
  display: block;
  transition: all 260ms ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  will-change: transform; }

.q_magnet.hovered {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none; }

.q_splitText span {
  display: inline-block; }

.q_split {
  display: block;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: visible;   }

.q_split_wrap {
  display: block;  line-height: 1.15; text-align:center;
  

    background: linear-gradient(to bottom, #00C092, #007A60);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; -webkit-text-stroke:3px #fff;
  }


.q_split_wrap2 {
  display: block;color:#fff;  line-height: 1.15; text-align:center;margin-left:0px;
  

  }

.q_split_wrap3{
  display: block;color:#fff;  line-height: 1.15; text-align:center;margin-left: 0px;
  

  }

.q_split_wrap4{
margin-top:20px;
  display: block;color:#fff;  line-height: 1.15; text-align:center;margin-left: 0px;
  

  }

.q_slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1; }
  .q_slide .q_slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .q_slide .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .q_slide .slide {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background: #000; }
    .q_slide .slide.q_current {
      display: block; }
    .q_slide .slide.is-loaded {
      opacity: 1; }
    .q_slide .slide .caption {
    position: absolute;
    left: 10%;
    top: 30%;
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transition: top .3s;
    transition: top .3s;
    left: 50%;
    /* top: 18rem; */
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;}
      .q_slide .slide .caption h1 {
          font-family: "Vitro_core";
        margin-top: 0px;
        margin-bottom: 0;
	    letter-spacing: 0.023em;
    font-weight: 700;
		
		
		}

        .q_slide .slide .caption h1.large {
          font-size: 80px;    text-align: center;		
	}

	.q_slide .slide .caption h1.large .q_split_wrap{
	  margin-bottom:30px;

	  }

        .q_slide .slide .caption h1.large .q_split_wrap3{
          font-size: 40px;    text-align: center;		font-family: "gmarket", sans-serif;
}

        .q_slide .slide .caption .q_split_wrap2{
          font-size: 30px;    text-align: center;		font-family: "gmarket", sans-serif;    font-weight: 600;  
}

.q_slide .slide .caption h1.large .q_split_wrap4 {
    font-size: 30px;
    text-align: center;
    font-family: "gmarket", sans-serif;
}

        @media screen and (max-width: 1150px) {
          .q_slide .slide .caption h1 {
            font-size: 60px; } }
        @media screen and (max-width: 540px) {
          .q_slide .slide .caption h1 {
            font-size: 40px; } }

          @media screen and (max-width: 1150px) {
            .q_slide .slide .caption h1.large {
              font-size: 90px; } }
         
        @media screen and (max-width: 540px) {
          .q_slide .slide .caption p, .q_slide .slide .caption h6 {
            margin-top: 70px; } }
      .q_slide .slide .caption h6 {
          font-family: "Vitro_core";
    letter-spacing: 0.023em;
    font-weight: 700;
        opacity:1; }
        @media screen and (max-width: 540px) {
          .q_slide .slide .caption h6 {
            font-size: 14px; } 
			
			.q_split_wrap2 {
    margin-left: 0px;
}
			.q_split_wrap {
    -webkit-text-stroke: 1.5px #fff;
}
			}
      .q_slide .slide .caption .q_magnet {
        display: inline-block; }
      @media screen and (max-width: 960px) {
        .q_slide .slide .caption {
          width: 100%;
          bottom: 23%; } 
		  
		  
		  .q_slide .slide .caption h1.large .q_split_wrap3 {
    font-size:20px;
    text-align: center;
}

  .q_slide .slide .caption h1.large .q_split_wrap4 {
    font-size:18px;
	margin-top:10px;
    text-align: center;
}


.q_slide .slide .caption h1.large .q_split_wrap{
 text-align: center;
}

		  .q_slide .slide .caption .q_split_wrap2 {
    font-size: 16px;    text-align: center;

}
    .q_slide .slide .caption h1.large {
        font-size: 50px;
    }
		  }
      .q_slide .slide .caption.right {
        left: auto;
        right: 10%;
        text-align: right; }
    .q_slide .slide .image-container, .q_slide .slide .image-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      z-index: 1;
      background-size: cover;
      image-rendering: optimizeQuality; }
    .q_slide .slide .image {
      width: 100%;
      width: 100%;
      object-fit: cover;
      height: 100%;
      opacity: 1; }
    .q_slide .slide-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 11;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .q_slide .slide-content.light {
        color: #fff; }
  .q_slide .pagination {
    position: absolute;
    right: 80px;
    left: auto;
    width: 100px;
    z-index: 2;
    top: 50%;    margin-top: -53px; }
    @media screen and (max-width: 540px) {
      .q_slide .pagination {
          display: none;
    position: absolute;
    right: 60px;
    left: auto;
    width: 100px;
    z-index: 2;
    top: 50%;    margin-top: -105px; } }
    .q_slide .pagination .item {
      position: relative;
      font-size: 8px;
        font-family: "Vitro_core";
    letter-spacing: 0.023em;
    font-weight: 700;
      padding: 5px 10px;
      letter-spacing: 2px;
      color: #fff;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      text-indent: 0;
      z-index: 1;
      text-align: right;
      padding-right: 120px;
      width: 220px;cursor: pointer; }
      .q_slide .pagination .item + .page {
        margin-left: -2px; }
      .q_slide .pagination .item span {
        display: inline-block;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
        text-transform: uppercase; }
        .q_slide .pagination .item span strong {
         display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
       font-family: "Vitro_core";
    letter-spacing: 0.023em;
    font-weight: 700; }
      .q_slide .pagination .item::after {
        width: 20px;
        height: 2px;
        content: "";
        display: block;
        position: absolute;
        right: 70px;
        top: 16px;
        background: rgba(255, 255, 255, 0.5);
        z-index: 2;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .q_slide .pagination .item.q_current span {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px); }
      .q_slide .pagination .item.q_current::after {
        width: 40px;
        background: white; }
      .q_slide .pagination .item:hover:after {
        background: white; }
  .q_slide .arrows .arrow {
    display: block;
    padding: 10px;
    position: absolute;
    margin-top: 20px;
    bottom: 10%;
    z-index: 3;
    left: 10%; }
    @media screen and (max-width: 960px) {
      .q_slide .arrows .arrow {
            left: 2%; } }
    .q_slide .arrows .arrow:before {
       content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;}
    .q_slide .arrows .arrow:hover:before {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
    .q_slide .arrows .arrow .svg {
      opacity: 1; }
      .q_slide .arrows .arrow .svg svg {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .q_slide .arrows .arrow:hover .svg {
      opacity: 1; }
  .q_slide .arrows .next {
    margin-left: 50px; }
    @media screen and (max-width: 540px) {
      .q_slide .arrows .next {
        margin-left: 50px; } 
		
		
		
		
		
		
		.q_slide .arrows .arrow {

    bottom: 5%;
  
}
		
		
		
		
		
		}
  .q_slide .arrows .svg {
    position: relative;
    left: 0;
    width: 14px;
    height: 26px;
    fill: #fff;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  .q_slide .progress {
	    position: absolute;
	    left: 0;
	    bottom: 0px;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    z-index: 2;
	    display: block;
	    height: 5px;
	}
    .q_slide .progress .bar {
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: 5px; }
    @media screen and (max-width: 960px) {
      .q_slide .progress {
        /*display: none;*/ } }

.q_slide .slides .slide .image-container .image-wrapper > div {
  width: 100%;
  object-fit: cover;
  height: 100%; }

.q_slide .slides .slide .image-container .image-wrapper .kenburns {
  animation: kenburns 25s ease infinite;
  -ms-animation: kenburns 25s ease infinite;
  -webkit-animation: kenburns 25s ease infinite;
  -o-animation: kenburns 25s ease infinite;
  -moz-animation: kenburns 25s ease infinite; }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1); }
  50% {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1); }
  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1); } }


@font-face{font-family:'evols';src:url('/font/evols.eot?-185osk');src:url('/font/evols.eot?#iefix-185osk') format('embedded-opentype'),url('/font/evols.woff?-185osk') format('woff'),url('/font/evols.ttf?-185osk') format('truetype'),url('/font/evols.svg?-185osk#evols') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]
							
							{font-family:'evols' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
							.icon-x:before{content:"\e605"}
							.icon-plus:before{content:"\e607"}.icon-fb:after{content:"\e608"}.icon-search:after{content:"\e609"}.icon-triangle:after{content:"\e604"}
							.icon-chat:after{content:"\e603"}.icon-play:after{content:"\f04b"}.icon-pause:after{content:"\f04c"}.icon-arrow-left:before{content:"\f053";color: #fff;}.icon-arrow-right:before{content:"\f054";color: #fff;    margin-left: 3px;}
							.icon-arrow-down:before{content:"\f063"}.icon-chevron-up:after{content:"\f077"}.icon-chevron-down:after{content:"\f078"}.icon-play-circle:after{content:"\f144"}.icon-close-bold:after{content:"\e605"}
							.icon-phone:after{content:"\e60a"}.icon-close-bold:after{content:"\e605"}.icon-mail:after{content:"\e60b"}.icon-googleplus:after{content:"\e60c"}.icon-facebook:after{content:"\e60d"}
							.icon-instagram:after{content:"\e60e"}.icon-twitter:after{content:"\e60f"}.icon-feed:after{content:"\e610"}.icon-flickr:after{content:"\e611"}.icon-github:after{content:"\e612"}
							.icon-skype:after{content:"\e613"}.icon-pinterest:after{content:"\e614"}.icon-like:after{content:"\e615"}.icon-check-empty:before{content:"\f096"}.icon-envelope:after{content:"\e600"}.btn:after,[class^="icon-"]:after{display:table-cell;vertical-align:middle;text-align:center;position:relative;z-index:1}



							.icon-arrow-right:hover:before,.icon-arrow-left:hover:before {

    color: #000;

}


 @media screen and (max-width: 540px) {
            .q_slide .slide .caption h1.large {
              font-size: 35px; } }
      .q_slide .slide .caption p, .q_slide .slide .caption h6 {
           font-family: "Vitro_core";
        max-width: 750px;
        margin-top: 30px;
        margin-bottom: 10px;
    letter-spacing: 0.023em;

		    margin: 0 auto;
		}

@media (max-width: 767px){
.q_slide .slide .caption {
    width: 100%;
    bottom: 13%;
}
}

@import screen and (min-width: 1000px) {

.section.section5.dday{
    position: relative;
}
.section.section5.dday h2 {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 50px;
        font-size: 28px;
        line-height: 31px;
    }
}

.section.section5.dday h2 {
    font-family: "Montserrat Alternates";
    font-style: italic;
    font-weight: 800;
    color: #f1f3fa;
	opacity:0.7;
    white-space: nowrap;
    display: block;
}
.section.section5.dday h2 {

        max-width: 1250px;

    }
.section.section5.dday h2 {
        font-size: 100px;
        line-height: 115px;
    }


@media (max-width: 960px) {

.section.section5.dday h2 {
        font-size: 60px;
        line-height: 175px;
    }
	.section.section5.dday h2 {
    font-family: "Montserrat Alternates";
    font-style: italic;
    font-weight: 800;
    color: #f1f3fa;
	opacity:0.7;
    white-space: nowrap;
    display: block;
}
}


.item-wrap .item {
    margin-bottom: 26px;
}

.item-wrap .item .link {
    display: flex;
    width: 358px;
    height: 130px;
    color: #ed7801;
    align-items: center;
    justify-content: center;
    border: 5px solid #ed7801;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.48px;
    transition: all 0.3s;
}
 .item-wrap .item .link .tit br {
    display: none;
}

.bottom_txt {
    margin-top: 0px;
	margin-bottom:40px;
	padding:40px 0;
	
}


.section.section5.info-bg{
    background-image: url(http://akcdn-okimghosting.cafe24img.com/happysafe/info_bg_new2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    padding: 90px 0 0px;    z-index: 1;
}
.section.section5.info-bg2 {
    background-image: url(https://akcdn-okimghosting.cafe24img.com/seoulhalfrun/2024/seoulmain_03.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    z-index: 1;
}



.section.section5.info-bg2 .sectiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 33px;
    margin-bottom: 63px;
	position: relative;
    z-index: 1;
}


.section.section5.info-bg2 .sectiontext .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    letter-spacing:  -0.023em;
    display: block;
    text-align: center;
}



.banner .sectiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 33px;
    margin-bottom: 63px;
	position: relative;
    z-index: 1;
}


.banner .sectiontext .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
    color: #071124;
    letter-spacing:  -0.023em;
    display: block;
    text-align: center;
}


.section.section5.info-bg2 .sectiontext2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 33px;
    margin-bottom: 63px;
	position: relative;
    z-index: 1;
}


.section.section5.info-bg2 .sectiontext2 .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    letter-spacing: -0.023em;
    display: block;
    text-align: center;
}


.section.section5.info-bg .s-inner{
 z-index: 2;
}

.section.section5.gift:before {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    /* background-position: center calc(100% + 2px); */
    background-position: top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/allim_bg_bottom.png);
}
.section.section5.info-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/bg-register.svg);
    z-index: 0;
    pointer-events: none;
	display:none;
}
.section.section5 .board-group {
    display: flex;
    gap: 50px;
}

.section.section5  .board-group .board {
    padding: 50px;
    border-radius: 25px;
    border: 0px solid #DDD;
    width: 100%;box-shadow: 0.4rem 0.4rem 5.1rem 0 rgba(0, 0, 0, 0.09);
}
.section.section5 .board-group .board-header .title {
    color: #000;
    font-size: 22px;
    font-weight: 600;font-family: "gmarket", sans-serif;
}
.section.section5  .board-group .board-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}
.section.section5  .board-group .board-list {
    display: flex;
    flex-direction: column;
}

.section.section5 .board-group .board-list .board-item:first-child {
    padding: 0 0 15px 0;
}


.section.section5 .board-group .board-list .board-item {
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
}

.section.section5  .board-group .board-list .board-item .board-link {
    position: relative;
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.section.section5  .board-group .board-header .more {
    display: inline-block;
    font-size: 0;
    background-size: 100%;
    margin-left: 8px;
    position: relative;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cg clip-path='url(%23clip0_2_172)'%3E%3Cpath d='M0.837402 9.5H19.8374' stroke='%2300C092' stroke-width='3'/%3E%3Cpath d='M10.3374 0V19' stroke='%2300C092' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_172'%3E%3Crect width='20' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transition: transform 0.5s ease-in-out;
}

.section.section5 .board-group .board-list .board-item .board-link {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section.section5 .board-group .board-list .board-item .board-tit {
    position: relative;
    margin-left: 10px;
    padding-left: 3px;
    color: #333;
    font-size: 16px;font-weight:600;
}
.section.section5 .board-group .board-list .board-item .board-tit::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #05504a;
    border-radius: 100%;
}

.section.section5 .board-group .board-list .board-item .board-date {
    color: #808080;
    font-size: 15px;
    font-weight: 500;
}

@keyframes textLoop {
    0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
.txt_flow {
    display: flex;
    flex: 0 0 auto;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.3s;
    font-weight: 600;
	color: #fddf41;
    text-transform: uppercase;
    user-select: none;    font-family: "yg-jalnan";
}
.txt_flow p {
    animation: textLoop 50s linear infinite;
    padding-left: 0.5em;
    font-size: 5rem;    opacity: 0.9;

}

.in2 {
    position: relative;
    width: clamp(1180px, 70vw, 1440px);
    max-width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}
.bottom_txt{margin-top: 4rem;}
.bottom_txt .tit{font-size: 3rem; font-weight: 600; text-align: center;margin-bottom:40px;    font-family: "yg-jalnan";    line-height: 1.3;color:#071124;}
.bottom_txt .btn_wrap{text-align: center;}
.bottom_txt .btn_wrap a{display: inline-flex; align-items: center; padding: 20px; margin-top: 40px; background: #071124; fill: #fff; color: #fff; font-size: 16px; font-weight: 700; border-radius: 2em; line-height: 1em; transition: background 0.25s;width: auto;}
.bottom_txt .btn_wrap a svg{margin-left: 3em;}
.bottom_txt .btn_wrap a:hover {
        background: #05504a;
    }

.main-gaeyo {
    margin-top: 4.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition-property: padding;
	position:relative;justify-content: center;

}
.main-gaeyo-left {
    width: 465px;
    /* width: 29.06%; */
    position: relative;
	display:none;
}

.main-gaeyo-right {
    margin-bottom: 75px;
	max-width:1200px;
   /*
	padding-left: 14.5%;
    width: calc(100% - 45%);
	*/
    box-sizing: border-box;    min-width: 580px;



}
.main-scientific-item {
    padding: 18px 10px;
    background-color: transparent;
    border-radius: 3rem;
    box-shadow: 0.4rem 0.4rem 5.1rem 0 rgba(0, 0, 0, 0);
    position: relative;
    transition: var(--transition-custom2);
    transition-property: background-color, box-shadow;
}
.main-scientific-item + .main-scientific-item {
    margin-top: 17px;
    border-radius: 3rem;
}
.main-gaeyo-right .main-scientific-item {
    background-color: #fff;
    box-shadow: 0.4rem 0.4rem 5.1rem 0 rgba(0, 0, 0, 0.09);
    transition-delay: 0.8s;    border: 2px solid #f0f2f6;
}
.main-gaeyo-right .main-scientific-item .main-scientific-inner {
    opacity: 1;
    transition-delay: 0.8s;
}
.main-scientific-inner.color-darkblue .tit {
    color:#060f20;
}
.main-scientific-inner .tit {
    width: 105px;
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;    color: #060f20;      font-family: "gmarket", sans-serif;
}
.main-scientific-inner .txt {
    width: calc(100% - 125px);
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #555;    color: #060f20;     font-family: "gmarket", sans-serif;
}
.main-scientific-inner {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	    align-items: flex-end;
    box-sizing: border-box;
    opacity: 0;
    transition-property: opacity;align-items: center;
}

.service_sect .service_list ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 220px 40px;
}
.service_sect .service_list ul li .img {
    overflow: hidden;
	border: 5px solid #ed7801;    border-radius: 20px;
}
.service_sect .service_list ul li .img img {
    transition: transform 0.25s;
}
.service_sect .service_list ul li.active {
    transform: translateY(-60px);
    transition: transform 0.4s 0.2s;
}
.service_sect .service_list ul li .txt_box p {
    font-size: 24px;
    font-weight: 700;
    word-break: keep-all;
}
.service_sect .service_list ul li .txt_box span {
    display: block;
    margin-top: 0.7em;
    font-size: 18px;
    line-height: 1.6667em;
    word-break: keep-all;
}
.service_sect .service_list ul li .txt_box {
    margin-top: 32px;
}
@media screen and (max-width: 1921px) {
    .service_sect .service_list {
        padding-top: 180px;
        margin: 0 80px;
    }
}

@media screen and (max-width: 1241px) {
    .service_sect .service_list ul li.active {
        transform: translateY(0px);
    }

.service_sect .service_list {
        padding-top: 50px;
        margin: 0 20px;
    }
    .service_sect .service_list ul li .txt_box {
        margin-top: 20px;
    }
    .service_sect .service_list {
        padding-top: 60px;
        margin: 0 80px;
    }
}


.main_faq_v2{
margin-top:100px;
}



@media screen and (max-width: 769px) {
    .service_sect .service_list ul li .txt_box {
        margin-top: 12px;
    }

.service_sect .service_list ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 15px;
    }
.service_sect .service_list {
        padding-top: 50px;
        margin: 0 20px;
    }

.section.section5.info-bg2 .sectiontext .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    letter-spacing: -0.023em;
    display: block;
    text-align: center;
}
.section.section5.info-bg2 .sectiontext2 .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    letter-spacing: -0.023em;
    display: block;
    text-align: center;
}
.main_faq_v2{
margin-top:100px;
}
.bottom_txt .tit {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.12px;
    margin-top: 8px;
    text-align: center;
    font-family: "yg-jalnan";
}

    .txt_flow p {
        animation: textLoop 50s linear infinite;
        padding-left: 0.5em;
        font-size: 3rem !important;
        opacity: 0.6;
    }

.banner .sectiontext {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 33px;
    position: relative;
    z-index: 1;
}

.banner .sectiontext .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #071124;
    letter-spacing: -0.023em;
    display: block;
    text-align: center;
}
.banner .sectiontext2 .mt {
    font-family: "yg-jalnan", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    letter-spacing: -0.023em;
    display: block;
    text-align: center;
}

}

.main-quick-service .ms-text {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.main-quick-service {
    margin-top: 56px;
    background-color: #0e1727;
    border-radius: 20px;
    padding: 41px 50px 41px 477px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.main-quick-service .ms-text .ms-title .light {
    font-weight: 400;
}

.main-quick-service .ms-text .ms-title {
    font-family: "gmarket", sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    display: block;
    letter-spacing: -0.48px; font-weight:600;
}
 .main-quick-service .s-list {
    display: flex;
    align-items: center;
    width: calc(100% + 100px);
    margin: 0 -50px;
    justify-content: space-between;
}
 .main-quick-service .s-list li {
    position: relative;
    width: calc(33.3333333333% - 0px);
}
.main-quick-service .s-list li:before {
    content: "";
    height: 15px;
    width: 1px;
    background-color: #fff;
    opacity: 0.2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.main-quick-service .s-list li .link {
   font-family: "gmarket", sans-serif;
    font-size: 23px;
    display: block;
    line-height: 1;
    color: #fff;
    display: flex
;
    align-items: center;
    justify-content: center;font-weight:600;
}
.main-quick-service .s-list li .link .tit {
    display: block;
    line-height: 1;
}
.main-quick-service .s-list li:last-child:before {
 display:none;
}

.quick-link {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 45px 50px 115px;
}
media (max-width: 1420px) {
    .main-quick-service {
        padding: 41px 50px 41px 390px;
    }
}
@media (max-width: 1260px) {
    .main-quick-service .s-list {
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        margin: -6px;
    }
.main-quick-service .s-list li:before {
 display:none;
}
.main-quick-service .s-list li .link {
        background-color: #fff;
        border: 1px solid #C7D5E9;
        border-radius: 5px;
        height: 54px;
    }
.main-quick-service .ms-text {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin-bottom: 20px;
    }

.main-quick-service .s-list li {
        padding: 6px;
    }
.main-quick-service {
        padding: 43px 30px 41px;
        display: block;
    }

.main-quick-service .s-list li .link {
           font-size: 15px;color:#0e1727;

}
.main-quick-service .s-list li .link {

}

}
.section.section5.dday .circles .circles_in{display: flex; align-items: center; justify-content: center;margin-top:50px;}
.section.section5.dday .circles .item{position: relative; width: calc(100%/3 - 20px); backdrop-filter: blur(16px) brightness(1.2); padding-top: calc(100%/3 - 20px); background: rgba(153, 153, 153, 0.2); border-radius: 50%; transition: transform 0.75s;    cursor: pointer;}
.section.section5.dday .circles .item + .item{margin-left: 30px;}
.section.section5.dday .circles .item .box{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;}
.section.section5.dday .circles .item .box p{margin-bottom: 1em; color: #fff; font-size: 24px; font-family: "gmarket", sans-serif; font-weight: 600;}
.section.section5.dday .circles .item .box .img{position: relative; padding-top: 0%;}
.section.section5.dday .circles .item .box .img img{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.section.section5.dday .circles .item .box .img span{ color: #fff; font-size: 16px; font-weight: 600;    
    color: #f1f3fa;
    opacity: 0.7;}
.section.section5.dday .circles .item:first-child{transform:translateX(25%);}
.section.section5.dday .circles .item:first-child .box img{width: 40%;}
.section.section5.dday .circles .item:nth-child(2) .box img{width: 60%;}
.section.section5.dday .circles .item:nth-child(3){transform:translateX(-25%);}
.section.section5.dday .circles .item:nth-child(3) .box img{width: 45%;}
.section.section5.dday .circles:hover .circles_txt{opacity: 0; transform: translate(-85%, -50%); pointer-events: none;}
.section.section5.dday .circles:hover .item:first-child{transform:translateX(0%);}
.section.section5.dday .circles:hover .item:nth-child(3){transform:translateX(0%);}
@media screen and (max-width: 1241px){

.section.section5.dday .circles{margin-top: 60px;}
.section.section5.dday .circles .item{width: calc(100%/3 - 12px);}
.section.section5.dday .circles .item + .item{margin-left: 18px;}
.section.section5.dday .circles .item:first-child{transform: translateX(0%);}
.section.section5.dday .circles .item:nth-child(3){transform: translateX(0%);}

}

@media screen and (max-width: 769px){
.section.section5.dday h2 {
        font-size: 30px;
        line-height: 45px;
    }
.section.section5.dday  .circles .circles_in{flex-wrap: wrap;}
.section.section5.dday  .circles .item{width: 50%; padding-top: 50%;}
.section.section5.dday  .circles .item + .item{margin-left: -4px;}
.section.section5.dday  .circles .item:last-child{margin-left: 0; margin-top: -30px;}
.section.section5.dday  .circles .item .box p{font-size: 16px;    margin-bottom: 0em;}
.section.section5.dday .circles .item .box .img {
    display:none;
}
}

.content .course { position:relative; z-index:10; max-width:100%; border-radius:32px; margin-top:35px; overflow:hidden; box-shadow:20px 22px 40px rgba(0,0,0,.1); }
.content .course li { margin:0 110px; font-size:13px; line-height:19px; }
.content .course li:before { width:19px; height:19px; margin-right:5px; }
.content .course ol { padding:38px 8% 50px 8%; text-align:left;background: #133937; }
.content .course ol > li { float:left; margin:0; }
.content .course ol > li span { font-size:18px;color:#fff;font-family: "gmarket", sans-serif; font-weight: 600;}
.content .course > ol > li:nth-child(1) { width:75%; border-right:1px solid #007A60; }
.content .course > ol > li:nth-child(2) { width:25%; padding-left:4%; }
.content .course ol:after { content:''; display:block; clear:both; }
.content .course ol.inner { height:auto; margin-top:24px; padding:0; }
.content .course ol.inner li { margin:16px 26px 0 0;color:#fff }
.content .course figure { display:inline-block; margin:0 70px; }
.content .course figure img { width:100%; height:290px; }
.content .course figure:last-child img { width:198px; }

.content .course .map img{
width:100%;
}


.content .course figcaption { font-size:28px; font-weight:bold; color:#0253cb; line-height:30px; text-align:center; display:block; margin-bottom:30px; }
.content .course .map { height:766px; padding-top:0px; background:#fff}
.content .course .inner li:before {
    background: #007A60;
    border-radius: 25px;
    font-family: 'Roboto', arial;
    font-weight: 300;
    color: #fff;
    text-align: center;
    display: inline-block;
}
.content .course .inner li:nth-child(1):before {
    content: '1';
}
.content .course .inner li:nth-child(1):before { content:'1'; }
.content .course .inner li:nth-child(2):before { content:'2'; }
.content .course .inner li:nth-child(3):before { content:'3'; }
.content .course .inner li:nth-child(4):before { content:'4'; }
.content .course .inner li:nth-child(5):before { content:'5'; }
.content .course .inner li:nth-child(6):before { content:'6'; }
.content .course .inner li:nth-child(7):before { content:'7'; }
.content .course .inner li:nth-child(8):before { content:'8'; }
.content .course .inner li:nth-child(9):before { content:'9'; }
.content .course .inner li:nth-child(10):before { content:'10'; }
.btn_wrap a {
    display: inline-flex
;
    align-items: center;
    padding: 1.5em;
    margin-top: 1em;
    background: #000;
    fill: #fff;
    color: #fff;
    font-size: var(--desc-size);
    font-weight: 700;
    border-radius: 2em;
    line-height: 1em;
    transition: background 0.25s;    width: 100%;justify-content: space-between;
}

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

.quick-link {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 45px 50px 75px;
}

.content .course > ol > li:nth-child(1) {
    width: 100%;
    border-right: 0px solid #ffa100;
}
.content .course ol.inner li {
        width: 100%;
        float: left;
        padding-bottom: 10px;
    }
.content .course > ol > li {
        min-width: 262px;
        font-size: 11px;
        line-height: 14px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
.content .course ol.inner li {
    margin: 0;
    color: #fff;
}
.content .course li:before {
        width: 13px;
        height: 13px;
        margin-right: 5px;
        font-size: 10px;  
    }

.content .course ol {
        border-radius: 0 0 16px 16px;
        padding: 24px;
        overflow: hidden;        width: 100%;
    }
	.content .course li {
    margin: 0 110px;
    font-size: 13px;
   line-height: 13px;
}
.content .course .map {
    height: auto;
    padding-top: 0px;
    background: #fff;
}

.content .course > ol > li:nth-child(2) {
    width: 100%;
    padding-left: 4%;justify-content: flex-end;
}

}


.main_client_item > .client_item_link > div{
background:#fff;
}
#gift-gift .gift-area .gift-slide {
  margin-top: 30px;
  position: relative;
}
#gift-gift .gift-area .gift-slide .imgs {
  position: relative;
  margin-right: 30px;

}
#gift-gift .gift-area .gift-slide .imgs:last-child {
  margin-right: 0;
}
#gift-gift .gift-area .gift-slide .imgs::after {
  content: "";
  display: block;
  background-size: contain;
  position: absolute;
  width: -webkit-fill-available;
  height: 50px;
  bottom: 55px;
  left: 40px;
}
#gift-gift .gift-area .gift-slide .imgs:nth-child(1)::after {

}
#gift-gift .gift-area .gift-slide .imgs:nth-child(2)::after {

}
#gift-gift .gift-area .gift-slide .imgs:nth-child(3)::after {

}
#gift-gift .gift-area .gift-slide .imgs:nth-child(4)::after {

}
#gift-gift .gift-area .gift-slide .imgs:nth-child(5)::after {

}

#gift-gift .gift-area .gift-slide li .badge {
  position: absolute;
  width: auto;
  bottom: 30px;
  left: 33px;
}
#gift-gift .gift-area .gift-slide li .img {
  height: auto;
  width: 418px; border: 5px solid #ffa100;
  margin-bottom:20px;
}
#gift-gift .gift-area .slide li img,
#gift-gift .gift-area .slide li video {
  border-radius: 20px 20px;
}


#gift-gift .gift-area .gift-slide .imgs  p{
      font-size: 1.5rem;
    font-family: "gmarket", sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 34px;
    color: #060f20;
    line-height: 1.2;
}
#gift-gift .gift-area .gift-slide .imgs  p span{
 display:block
}
#gift-gift .gift-area .gift-slide .imgs  p span:nth-child(2){
margin-top:5px;
  font-size: 1rem;
}



#gift-gift .gift-area .gift-slide .imgs  p{
      font-size: 1.5rem;
    font-family: "gmarket", sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 34px;
    color: #060f20;
    line-height: 1.2;
}
#gift-gift .gift-area .gift-slide .imgs  p span{
 display:block
}
#gift-gift .gift-area .gift-slide .imgs  p span:nth-child(2){
margin-top:5px;
  font-size: 1rem;
}

/* slide style */
.slide .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.slick-dots li button {
  transition: all 0.3s;

}
.slick-dots li.slick-active button {

}
.slide .slick-arrow {
  position: absolute;
  z-index: 9;
  width: 60px;
  height: 60px;
  top: -90px;
  right: 0px;
  cursor: pointer;
  font-size: 0;
}
.slide .slick-prev {
  background: url("/img/2024/slide-next.svg") no-repeat;
  right: 115px;
  transform: rotate(180deg);
}
.slide .slick-next {
background: url("/img/2024/slide-next.svg") no-repeat;
}
.slide .slick-prev:hover {

}
.slide .slick-next:hover {

}
.slide .slick-prev.slick-disabled {
  background: url("/img/2024/slide-next-disabled.svg") no-repeat;
}
.slide .slick-next.slick-disabled {
  background: url("/img/2024/slide-next-disabled.svg") no-repeat;
}
.slick-counter {
  position: absolute;
  z-index: 9;
  top: -65px;
  right: 75px;
  font-size: 13px;
  font-weight: 600;
  line-height: 7.6px;
  color: #fff;
  display:none;
}
.slick-counter .current {
  color: #fe8d61;
}
.mo-show {
  display: none !important;
}
.mo-hide {
  display: block !important;
}

@media screen and (max-width: 1023px) {
  .mo-show {
    display: block !important;
  }
  .mo-hide {
    display: none !important;
  }
  .slide .slick-arrow {
    width: 50px;
    height: 50px;
    top: 25%;
    right: 10px;
  }
  .slide .slick-prev {
    right: auto !important;
    left: -10px;
  }


#gift-gift .gift-area .gift-slide li .img {
         height: auto;
        width: 320px;
}

#gift-gift .gift-area .gift-slide li .imgs {
        margin-right: 13px;
        height: auto;
        position: relative;
}
.content.type1 {
    padding: 0px 0 30px;
}
}

.tab_cont{position:relative;min-height:400px;padding:30px 0;}
.tab_content{display:none}
.tab_content.active{display:block}
.tab_content.active .pc{display:block}
.tab_content.active .mo{display:none}

.tab_area *, .tab_area *::before, .tab_area *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.tab_content .img {
    height: auto;
}
.tab_content {
    width: 100%;
	max-width:1024px;
	position:relative;
    margin: 0 auto;
}


.tab_content  .nc-news__item-thumb {
    height: 100%;
    background: #F6F7FB center center no-repeat;
    background-size: cover;
    -ms-transform: scale(1.3);
}

 .tab_content  .nc-news__item-thumb {
    position: relative;
    margin-bottom: 0;
    height: 0;
    overflow: hidden;
    /* padding-top: 60.28%; */
    padding-top: 50.28%;
    position: relative;
}

 .tab_content  .nc-news__item-thumb:after {
    -webkit-transition: 300ms;
    transition: 300ms;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: inset 0px 0px 0px 1px #dedede;
    box-shadow: inset 0px 0px 0px 1px #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #F6F7FB;
}

.tab_content .tapimg_figure{
 opacity:0;
}


.tab_content.active .tapimg_figure{
 opacity:1;
}

.tab_content  .nc-news__item-thumb img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;    
	top: 0;
}
.tab_content  .nc-news__item-thumb img {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* height: 82px !important; */
    outline: none;
}

.nc-news__item-thumb {
    position: relative;
    overflow: hidden;    height: 100%;      padding-top: 100%;
}

.list__item-figure {
    position: relative;
    padding-top: 100%;
}
.tab_area{
margin-bottom:50px;
    width: 100%;
    padding: 60px 0px 40px;
    background-color: #fff;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.tab_area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 0px);
    left: 0;
    bottom: 0;
    z-index: 0;
    background: url(/img/2024/gift_bg.png) no-repeat, linear-gradient(to left, #f4a000, #f16337);
}
.tapimg_figure { width: 100%; /* padding-top: 52.21%; */ border-radius: 35px; }

@media (max-width: 768px){

.tab_content.active .pc{display:none}
.tab_content.active .mo{display:inline-flex}


}


.main_share{position:relative;padding:0px 0 0px;overflow: hidden;z-index:1;}
.main_share .tab_wrap{text-align:center; margin-top:17px;  max-width: 1380px;margin:0 auto;}
		.main_share .tab_list{display:inline-flex; margin:0 auto; background:#060f20; font-size:var(--title-20); padding:6px; box-sizing:border-box; border-radius:140px;}
		.main_share .tab_list > li{display:inline-flex; align-items:center; justify-content:center; width:160px; height:58px; font-size:120%; font-weight:500; color:#fff; border-radius:140px; cursor:pointer; transition:all 0.4s;  font-family: "gmarket", sans-serif;
             font-weight: 600;}
			.main_share .tab_list > li.on{color:#fff;background:#ff5700;box-shadow: 6px 5px 12.5px rgba(0, 0, 0, 0.16);
			font-family: "gmarket", sans-serif;
            font-weight: 600;}
		.main_share .shareSwiper_wrap:before{}
		.main_share .shareSwiper{position:relative;padding: 80px 20px;width: calc(100% + 40px);margin-left: -20px;overflow:hidden;box-sizing:border-box;max-width: 1380PX;}
		.main_share .shareSwiper .swiper-slide{padding-bottom: 31px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.10);}
		.main_share .shareSwiper .swiper-slide:nth-child(2n){transform:translateY(-30px);}
		.main_share .shareSwiper .thumb{padding-bottom:260px;}
		.main_share .gallery_list .info dt{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		.main_share .tab_cont .item{height:0;opacity:0;overflow:hidden;transition: opacity 0.4s;}
		.main_share .tab_cont .item.on{height: 100%;opacity:1;overflow:visible;}
.main_share .shareSwiper_wrap {
        padding: 0 70px;
    }
			/* over */
			@media screen and (min-width:1024px){
				.main_share .tab_list > li:hover{}
			}





.show_nav .section.section5.gift{
 
    z-index: 0;

}


.section.section5.gift{
 
    padding: 90px 0 60px;
    position: relative;
    z-index: 1;
	margin-top:0px;
	min-height:500px;
    margin-bottom:0px;
	    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
	background-image: url(http://akcdn-okimghosting.cafe24img.com/happysafe/gift_back_01.jpg);
}

.section.section5.gift::after, .section.section5.info-bg::after {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center calc(100% + 2px);
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
	background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/allim_bg_bottom_01.png);
}

.section.section5.dday::after {
    display: block;
    width: 100%;
    height: 100%;
    background-position: top calc(100% + 32px);
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index:-1;
    content: "";background: #071124;
	background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/dday.png);
    background-repeat: no-repeat;

}

.section.section5.partner{
background:#071124;
z-index:1;
}
.section.section5.dday{
min-height:600px;
}


.section.section5.allim::after {
 
}
.section.section5.allim{
padding: 90px 0 60px;
z-index:1;
background: #fff;
}

.section.section5.allim::before {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
   /* background-position: center calc(100% + 2px); */
   background-position:top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
	background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/allim_bg_bottom.png);
}



.section.section5.gift::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position:  center;
    background-repeat: no-repeat;
    background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/bg-gift.svg);
    z-index: 0;
    pointer-events: none;
	display:none;
}
.gift_area .main-section__title{
 
    padding: 50px 0 50px;


}
@media screen and (max-width: 640px) {
.main_share .tab_list > li {
        width: 120px;
        height: 50px;
    }


.main_share2 .tab_list > li {
        width: 100px;
        height: 50px;    font-size: 100%;
    }
  
.tab_wrap {
        height: auto;
        padding: 40px 20px 0px 20px;
		padding-top:0px !important;
		padding-bottom:0px !important;
    }


.main_share {
    position: relative;
    padding: 0px 0 0px;
    overflow: hidden;
    z-index: 1;
}


.main_share2 {
    position: relative;
    padding: 0px 0 0px;
    overflow: hidden;
    z-index: 1;
}
.main_share2 .tab_cont {
    position: relative;
    min-height: 300px;
    padding: 10px 0;
}

.section.section5.info-bg,.section.section5.gift {
    padding: 30px 0 0px;
}
.section.section5 .board-group .board-header .title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: "gmarket", sans-serif;
}
.section.section5.dday::after {
	background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/dday_mo.png);
background-position: top;
}

.section.section5.info-bg {
    background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/info_bg2_mo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 90px 0 0px;
    z-index: 0;
}
.section.section5.gift::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(http://akcdn-okimghosting.cafe24img.com/guri/bg-gift.svg);
    z-index: -1;
    pointer-events: none;
}
	}


    .map {position:relative;overflow:hidden;width:100%;}
    .radius_border{box-shadow: 0 0 0 1px #919191;border-radius:5px;}
    .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:auto; max-width: 140px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
    .custom_typecontrol span {display:block;width:64px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
    .custom_typecontrol .sky_btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
    .custom_typecontrol .sky_btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
    .custom_typecontrol .sky_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
    .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
    .custom_typecontrol .selected_btn:hover {color:#fff;}
    .custom_zoomcontrol {position:absolute;top:50px;right:10px;width:35px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
    .custom_zoomcontrol span {display:block;height:40px;text-align:center;cursor:pointer; display: flex ; align-items: center ; justify-content: center}
    .custom_zoomcontrol span svg {width:20px;height:20px;border:none;}
    .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}

    .custom_refreshcontrol {position:absolute;top:140px;right:10px;width:35px;height:35px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
    .custom_refreshcontrol span {display:block;height:35px;text-align:center;cursor:pointer; display: flex ; align-items: center ; justify-content: center}
    .custom_refreshcontrol span svg {width:18px;height:18px;border:none;}
    

    .custom_linkcontrol {position:absolute;top:182px;right:10px;width:35px;height:35px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
    .custom_linkcontrol span {display:block;height:35px;text-align:center;cursor:pointer; display: flex ; align-items: center ; justify-content: center}
    .custom_linkcontrol span svg {width:18px;height:18px;border:none;}


    @media screen and (max-width: 500px){
        .custom_zoomcontrol {width: 30px;height: 60px}
        .custom_refreshcontrol,
        .custom_linkcontrol {width: 30px; height: 30px}
        .custom_zoomcontrol span,
        .custom_refreshcontrol span,
        .custom_linkcontrol span {width: 30px; height: 30px}

        .custom_refreshcontrol {top: 117px}
        .custom_linkcontrol {top: 154px}
    }
.btn5 { display: inline-block; height: 43px; line-height: 43px; padding: 0 15px; background-color: #fff; border: 1px solid var(--blue); border-radius: 2em; font-size: 14px; text-align: center; font-weight: 500; transition: 0.4s; }
.btn5.naver { background-color: #1cc838; border: 1px solid #1cc838; color: #fff;   font-family: "gmarket", sans-serif; font-weight: 600;}
.btn5.kakao { background-color: #f5cf00; border: 1px solid #f5cf00;  font-family: "gmarket", sans-serif;  font-weight: 600;}
.btn5.fill { background-color: var(--blue); color: #fff; }


.info_sect { position: relative; padding: 120px 0; background-color:#ffa100; }
.info_sect .in { display: flex; align-items: center; justify-content: flex-start; }
.info_sect .in { width:1640px; max-width:100%; padding:0 max(80px,20px); margin:0 auto; position:relative; }

.info_sect .info { width: 40%; overflow: hidden; }
.info_sect .info .logo { width: 180px; }
.info_sect .info .tit { font-size: 25px; font-weight: 700; line-height: 1.3;color: #fff;margin-bottom:80px; }
.info_sect .info .tit span{ font-weight: 700; line-height: 1.3; font-family: "Vitro_core";
    font-size: 40px;
  }

.info_sect .info .tit span .point {
    color: #060f20;
}
.info_sect .info .desc { margin-top: 0.8rem; font-size: 17px; font-weight: 500; word-break: keep-all;color: #fff; }

.info_sect .info .info_btn { display: flex; align-items: center; justify-content: center; width: 60%; margin-top: 55px; flex-wrap: wrap; }
.info_sect .info .info_btn .btn5 { width: calc(100%/2 - 25px ); }
.info_sect .info .info_btn .btn5:nth-of-type(2n) { margin-left: 5px; }
.info_sect .info .info_btn .btn5:nth-of-type(n+3) { margin-top: 75px; }

.info_sect .info .video_wrap { position: relative; width: 75%; padding-top: 42.25%; margin-top: 5px; }
.info_sect .info .video_wrap video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; outline: unset; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; filter:contrast(101%); -webkit-filter:contrast(101%); background-color:transparent;}

.info_sect .map { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden}
.info_sect .map .cont {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover}

    .section.section5.map {
        padding: 30px 0 30px;
        position: relative;
        overflow: hidden;
        min-height: 300px;
	    padding: 40px 0 60px;
       margin-bottom: -80px;
    }
.section.section5 .board-group .board-list .board-item:last-child {
    border-bottom: 0px dashed #eee;
}
    @media screen and (max-width: 960px){
    .info_sect { display: flex; flex-direction: column; padding: 60px 0 0; }
    .info_sect .info { width: 100%; }
    .info_sect .info .desc { font-size: 11px; }
    .info_sect .map { position: relative; width: 100%; margin-top: 40px; }
    .info_sect .info .info_btn {flex-wrap: wrap; margin-top: 4rem}
    .info_sect .info .info_btn .btn5:nth-of-type(n+3) {margin-top: 10px}
    .info_sect .info .info_btn .btn5:nth-of-type(2n-1) {margin-left: 0}
    .info_sect .info .info_btn .btn5 {width: calc(100%/2 - 2.5px )}

    .info_sect .map {
        position: relative;
        width: 100%;
        margin-top: 60px;
        padding-top: 60%;
    }


.info_sect .info .tit span {
    font-weight: 700;
    line-height: 1.3;
    font-family: "Vitro_core";
    font-size:20px;
}
.info_sect .info .tit {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 40px;
}

.section.section5 .board-group {
        flex-direction: column;
    }
.section.section5 .board-group .board {
    padding: 20px;
    border-radius: 25px;
    border: 0px solid #DDD;
    width: 100%;    box-shadow: 0.4rem 0.4rem 5.1rem 0 rgba(0, 0, 0, 0.09);
}

.section.section5 .board-group .board-list .board-item .board-tit {
    position: relative;
    margin-left: 10px;
    padding-left: 3px;
    color: #333;
    font-size: 13px;
}
.section.section5 .board-group .board-list .board-item .board-date {
    color: #808080;
    font-size: 13px;
    font-weight: 500;
}
.main-gaeyo-left {
    width: 100%;
    /* width: 29.06%; */
    position: relative;
}
.main-gaeyo-right {
    margin-bottom: 75px;
    padding-left:0%;
    width: calc(100% - 0%);
    box-sizing: border-box;        min-width: 100%;
}
.main-gaeyo {
    margin-top: 5.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition-property: padding;
    flex-direction: column;
	justify-content: center;
}
.main-scientific-inner {
    padding: 0 5px;
    display: flex;
}
.main-scientific-inner .tit {
    width: 70px;
    font-size: 12px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #060f20;
    font-family: "gmarket", sans-serif;
}
.main-scientific-inner .txt {
    width: calc(100% - 105px);
    font-size: 12px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #555;
    color: #060f20;
    font-family: "gmarket", sans-serif;
}
.txt_flow p {
    animation: textLoop 20s linear infinite;
    padding-left: 0.5em;
    font-size: 2rem;
    opacity: 0.6;
}
.info_sect .in {
    width: 1640px;
    max-width: 100%;
    padding: 0 max(30px, 20px);
    margin: 0 auto;
    position: relative;
}
.btn5 {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid var(--blue);
    border-radius: 2em;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    transition: 0.4s;
}
    .section.section5.map {
        padding: 30px 0 30px;
        position: relative;
        overflow: hidden;
        min-height: 300px;
		  margin-bottom: -60px;
    }

    .info_sect .map {
        position: relative;
        width: 100%;
        margin-top: 60px;
        padding-top: 80%;
    }

    .section.section5 .board-group .board-list .board-item .board-date {
       display:none;
    }

}



    @media screen and (max-width: 768px){
.content .course {
    border-radius: 12px;
}
}
    @media screen and (max-width: 540px){
.main-scientific-inner .txt {
        font-size: 11px;

    }

    .main-scientific-inner {
        padding: 0 10px;
    }
.main-scientific-inner .tit {
        font-size: 11px;

    }

    .main-scientific-inner .txt {
        width: calc(100% - 75px);
    }

}