@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: local('Pretendard-Black'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Black.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Black.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Black.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: local('Pretendard-ExtraBold'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraBold.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraBold.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraBold.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: local('Pretendard-Bold'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Bold.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Bold.woff2") format('woff2')
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Bold.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: local('Pretendard-SemiBold'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-SemiBold.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-SemiBold.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-SemiBold.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: local('Pretendard-Medium'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Medium.ttf") format('truetype'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Medium.woff2") format("woff2"),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Medium.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('Pretendard-Regular'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Regular.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Regular.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Regular.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('Pretendard-Light'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Light.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Light.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Light.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal; 
    font-weight: 200;
    src: local('Pretendard-ExtraLight'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraLight.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraLight.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-ExtraLight.woff") format('woff');
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: local('Pretendard-Thin'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Thin.ttf") format('truetype'),
    url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Thin.woff2") format('woff2'),
        url("/wp-content/themes/hello-elementor/assets/font/Pretendard-Thin.woff") format('woff');
  }

body, html {
    font-family: 'Pretendard';
    color: #2b2b2b;
    letter-spacing: -1px;
    scroll-behavior: smooth;
}
li {
    list-style: none;
}
ol, ul, p {
    margin-bottom: 0;
    padding: 0;
}
a {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
button {
    padding: 0;
    border: 0;
    cursor: pointer;
    font-family: 'Pretendard';
    background: none;
	border: 0;
}
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    z-index: -1;
    border: none;
}
/* color  */
.point-color {
    color: #0062CC;
}

/* common  */
.container {
    max-width: 1100px;
}
.title-wrap {
    padding-bottom: 50px;
}
.title {
    font-size: 42px;
    font-weight: bold;
}
.sub-title {
    font-size: 24px;
}
.section {
    padding: 100px 0;
}
.button {
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 40px;
    background-color: #ddd;
}
@media(max-width: 1024px) {
    .section {
        padding: 80px 0;
    }
} 
@media(max-width: 767px) {
    .title-wrap {
        padding-bottom: 35px;
    }
    .title {
        font-size: 36px;
        font-weight: bold;
    }
    .sub-title {
        font-size: 20px;
    }
    .button {
        padding: 8px 25px;
        font-size: 16px;
        border-radius: 25px;
        background-color: #ddd;
    }
    .section {
        padding: 70px 0;
    }
}
@media(max-width: 480px) {
    .section {
        padding: 50px 0;
    }
    .title {
        font-size: 28px;
        font-weight: bold;
    }
    .sub-title {
        font-size: 18px;
    }
}

/* header  */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    border-bottom: 1px solid #eaeaea;
}
.mo-nav {
    display: none;
}
.menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.menu li a {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    padding: 20px 10px;
    transition: 0.3s all ease;
}
.menu li:hover a {
    color: #004A99;  
}
@media(max-width: 767px) {
    .menu {
        display: none;
    }
    .mo-nav {
        display: block;
    }
    .mo-nav-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 15px 0;
    }
    .mo-nav-right .mo-nav-btn {
        padding: 0;
        position: relative;
        width: 26px;
        height: 26px;
        z-index: 20;
		border: 0;
    }
    .mo-nav-right .mo-nav-btn__line {
        width: 100%;
        height: 2px;
        background: #2b2b2b;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .mo-nav-right .mo-nav-btn .mo-nav-btn__line:nth-child(2) {
        top: 20%;
    }
    .mo-nav-right .mo-nav-btn .mo-nav-btn__line:last-child {
        top: 80%;
    }
    .mo-nav-right .mo-nav-btn.active .mo-nav-btn__line:first-child {
        animation: btn_act1 500ms both linear;
    }
    .mo-nav-right .mo-nav-btn.active .mo-nav-btn__line:nth-child(2) {
        animation: btn_act3 500ms both linear;
    }
    .mo-nav-right .mo-nav-btn.active .mo-nav-btn__line:last-child {
        animation: btn_act2 500ms both linear;
    }
    
    @keyframes btn_act1 {
        0% {
            top: 20%;
        }
        50% {
            top: 50%;
            transform: translateY(-50%) rotate(0);
        }
        100% {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }
        }
        @keyframes btn_act2 {
        0% {
            top: 80%;
        }
        50% {
            top: 50%;
            transform: translateY(-50%) rotate(0);
        }
        100% {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }
        }
        @keyframes btn_act3 {
        0% {
            top: 50%;
        }
        50% {
            top: 50%;
            transform: translateY(-50%) rotate(0);
        }
        100% {
            top: 50%;
            transform: translateY(-50%) rotate(135deg);
        }
    }
    
    .mo-nav .mo-nav-wrap-3 {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0);
        visibility: hidden;
        transition: background 300ms, visibility 300ms;
        z-index: 10;
        overflow: hidden;
      }
      .mo-nav .mo-nav-wrap-3.active {
        background: rgba(0, 0, 0, 0.5);
        visibility: visible;
      }
      .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box {
        background: #fff;
        position: absolute;
        top: 0;
        right: -100%;
        max-width: 480px;
        width: 100%;
        height: 100vh;
        overflow: auto;
        transition: right 500ms;
      }
      .mo-nav .mo-nav-wrap-3.active .mo-nav-wrap__mo-nav-box {
        right: 0;
      }
      .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu {
        font-size: 20px;
        display: flex;
        align-items: center;
        padding: 20px 50px;
        line-height: 1;
        color: #999;
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu.active {
        color: #2b2b2b;
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu.active:before {
        color: #2b2b2b;
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu:hover,  .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu:focus {
        color: #2b2b2b;
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu:hover:before,  .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu:focus:before {
        color: #2b2b2b;
    }
    
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li .mo-main-list__menu:before {
        content: "01";
        display: block;
        color: #999;
        font-size: 12px;
        margin-right: 20px;
        transform: translateY(-6px);
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li:nth-child(2) .mo-main-list__menu:before {
        content: "02";
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li:nth-child(3) .mo-main-list__menu:before {
        content: "03";
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li:nth-child(4) .mo-main-list__menu:before {
        content: "04";
    }
    .mo-nav .mo-nav-wrap-3 .mo-nav-wrap__mo-nav-box .mo-main-list li:nth-child(5) .mo-main-list__menu:before {
        content: "05";
    }
}

/* footer  */
.footer {
    background-color: #282828;
    padding: 45px 0 80px;
    color: #fff;
    font-size: 16px;
}
.footer-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.footer-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
}
.footer-text li {
  position: relative;
}
.footer-text li:not(:last-child)::after {
  display: inline-block;
  content: '|';
  padding: 0 15px;
}
.copyright {
  margin-top: 25px;
}
@media(max-width: 1024px) {
  .footer-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media(max-width: 680px) {
  .footer {
    font-size: 14px;
    padding: 30px 0 50px;
  }
  .footer-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer-text li:not(:last-child)::after {
    padding: 0 10px;
  }
}

/* visual section  */
.visual-sec {
    margin-top: 40px;
}
.visual-txt-wrap h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 0;
	line-height: 1.3;
	font-family: 'Pretendard' !important;
}
.visual-txt-wrap p {
    padding: 25px 0;
    font-size: 24px;
	font-family: 'Pretendard' !important;
}
.visual-txt-wrap .button.lightblue {
    color: #fff;
    background-color: #007BFF;
    margin-right: 40px;
}
.visual-txt-wrap .button.darkblue {
    color: #fff;
    background-color: #1B67B8;
}
.visual-img {
    text-align: center;
}
.visual-img img {
    width: 100%;
    max-width: 460px;
}
@media(max-width: 1024px) {
    .visual-txt-wrap h2 {
        font-size: 48px;
    }
    .visual-txt-wrap p {
        font-size: 22px;
    }
}
@media(max-width: 1024px) {
    .visual-sec .row {
        flex-direction: column-reverse;
    }
    .visual-txt-wrap {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 50px;
    }
}
@media(max-width: 767px) {
    .visual-sec {
        margin-top: 30px;
    }
    .visual-txt-wrap h2 {
        font-size: 36px;
    }
    .visual-txt-wrap p {
        font-size: 20px;
    }
    .visual-txt-wrap .button.lightblue {
        margin-right: 25px;
    }
	.visual-img img {
        max-width: 380px;
    }
}
@media(max-width: 480px) {
    .visual-txt-wrap h2 {
        font-size: 28px;
    }
    .visual-txt-wrap p {
        font-size: 18px;
        padding: 15px 0;
    }
    .visual-txt-wrap .button.lightblue {
        margin-right: 15px;
    }
    .visual-img img {
        max-width: 320px;
    }
}

/* info section  */
.info-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0;
}
.info-list li {
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 50px 25px 35px;
    width: calc((100% - 90px) / 4);
    text-align: center;
}
.info-list li h3 {
    font-size: 24px;
    font-weight: 700;
    margin:25px 0 10px;
}
.info-list li p {
    font-size: 18px;
    line-height: 1.3;
}
.info-wrap-img {
    text-align: center;
}
.info-wrap-img img {
    width: 100%;
    max-width: 375px;
}
@media(max-width: 991px) {
    .info-list li {
        width: calc((100% - 30px) / 2);
    }
}
@media(max-width: 767px) {
    .info-wrap {
        max-width: 600px;
        margin: 0 auto;
    }
    .info-list {
        gap: 20px;
    }
    .info-list li {
        padding: 35px 20px 25px;
        width: calc((100% - 20px) / 2);
    }
    .info-list li h3 {
        font-size: 20px;
        margin: 20px 0 8px;
    }
    .info-list li p {
        font-size: 16px;
    }
}
@media(max-width: 480px) {
    .info-list li {
        width: 100%;
        padding: 30px 20px 25px;
    }
    .info-list li h3 {
        font-size: 18px;
        margin: 15px 0 8px;
    }
    .info-list li p {
        font-size: 15px;
    }
}

.info-content img{
    margin-top: 40px;
    width: 100%;
}
.info-content .col-12{
    position: relative;
}
.info-content .info-speech li{
    position: absolute;
    color: #fff;
    border-radius: 10px;
}
.info-content .info-speech .right-top{
    right: 20%;
    top:11%;
    background-color: #007BFF;
}
.info-content .info-speech .right-bottom{
    right: 14%;
    top:48%;
    background-color: #007BFF;
}
.info-content .info-speech .left-top{
    left: 20%;
    top:33%;
    background-color: #0062CC;
}
.info-content .info-speech .left-bottom{
    left: 38%;
    top:69%;
    background-color: #0062CC;
}
.info-content .info-speech li div{
    padding: 10px 23px;
    position: relative;
}
.info-content .info-speech li div p::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0px 7px;
}
.info-content .info-speech .right-top div p::before{
    left: 61%;
    bottom: -8px;
    border-color: #007BFF transparent transparent transparent;
}
.info-content .info-speech .right-bottom div p::before{
    left: 74%;
    bottom: -8px;
    border-color: #007BFF transparent transparent transparent;
}
.info-content .info-speech .left-top div p::before{
    left: 17%;
    bottom: -8px;
    border-color: #0062CC transparent transparent transparent;
}
.info-content .info-speech .left-bottom div p::before{
    left: 25%;
    bottom: -8px;
    border-color: #0062CC transparent transparent transparent;
}
@media(max-width: 991px) {
    .info-content .info-speech .left-top{
        left: 13%;
    }
    .info-content .info-speech .right-top{
        right: 13%;
    }
    .info-content .info-speech .right-bottom{
        right: 9%;
    }
    .info-content .info-speech .left-bottom{
        left:29%
    }
}
@media(max-width: 767px) {
    .info-content .info-speech li div{
        padding: 8px 15px;
    }
    .info-content .info-speech .left-top{
        left: 8%;
    }
    .info-content .info-speech .right-top{
        right: 8%;
    }
    .info-content .info-speech .right-bottom{
        right: 5%;
        top: 54%;
    }
    .info-content .info-speech .left-bottom{
        left:27%;
        top:75%
    }
}
@media(max-width: 480px) {
    .info-content .info-speech p{
        font-size: 13px;
    }
    .info-content img{
        margin-top: 110px;
    }
    .info-content .info-speech .left-top{
        left: 4%;
    }
    .info-content .info-speech .right-top{
        right: 4%;
    }
}


/* product section  */
.product-wrap .nav {
    gap: 35px;
    height: 100%;
	justify-content: space-between;
}
.product-wrap .nav-pills .nav-link {
    font-size: 18px;
    background-color: #F0F1F2;
    border: 1px solid #F0F1F2;
    color: #51585E;
    border-radius: 20px;
}
.product-wrap .nav-pills .nav-link.active {
    background-color: #E6F2FF;
    border: 1px solid #0062CC;
    color: #0062CC;
}
.product-wrap .tab-content {
    height: 100%;
    background-color: #E6F2FF;
    border-radius: 30px;
}
.product-wrap .tab-content>.tab-pane {
    height: 100%;
}
.product-wrap .tab-content .tab-pane .tab-conts-wrap {
    height: 100%;
    padding: 25px 40px 0;
    position: relative;
    /* display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px; */
}
.product-wrap .tab-content .tab-pane .tab-conts-txt {
    padding-bottom: 15px;
    width: calc(100% - 160px);
}
.product-wrap .tab-content .tab-pane h4 {
    font-weight: 700;
    margin-bottom: 0;
    margin-bottom: 15px;
    font-size: 24px;
}
.product-wrap .tab-content .tab-pane table {
    width: 100%;
    /* max-width: 400px; */
    margin: 10px 0;
}
.product-wrap .tab-content .tab-pane table th,  .product-wrap .tab-content .tab-pane table td {
    text-align: center;
    height: 40px;
    font-size: 15px;
    padding: 5px 10px;
    word-break: keep-all;
	vertical-align: middle;
}
.product-wrap .tab-content .tab-pane table .bg-blue {
    font-weight: 400;
    color: #fff;
    background-color: #007BFF;
}
.product-wrap .tab-content .tab-pane table .bg-blue.border-bottom {
    border-bottom: 1px solid #fff;
}
.product-wrap .tab-content .tab-pane table .bg-gray {
    background-color: #ccc;
}
.product-wrap .tab-content .tab-pane table .bg-gray.border-bottom {
    border-bottom: 1px solid #000 !important;
}
.product-wrap .tab-content .tab-pane table .bg-darkblue {
    background-color: #0062CC;
    color: #fff;
    border: 3px solid red !important;
}
.product-wrap .tab-content .tab-pane table td.border-bottom {
    border-bottom: 1px solid #ddd;
}
.product-wrap .tab-content .tab-pane table td.border-right {
    border-right: 1px solid #ddd;
}
.product-wrap .tab-content .tab-pane table .point {
    font-weight: bold;
    font-size: 18px;
}
.product-wrap .tab-content .tab-pane .add {
    font-size: 16px;
    font-weight: 700;
}
.product-wrap .tab-content .tab-pane .add span {
    font-size: 22px;
}

.product-wrap .tab-content .tab-pane .tab-conts-img {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 160px;
}
.product-wrap .tab-content .tab-pane .tab-conts-img img {
    width: 100%;
}
@media(max-width: 991px) {
    .product-wrap .tab-content .tab-pane .tab-conts-wrap {
        padding: 25px 30px 0;
    }
    .product-wrap .nav-pills .nav-link {
        font-size: 16px;
    }
    .product-wrap .tab-content .tab-pane .tab-conts-txt {
        width: calc(100% - 110px);
    }
    .product-wrap .tab-content .tab-pane .tab-conts-img {
        width: 120px;
        right: 10px;
    }
    .product-wrap .tab-content .tab-pane .tab-conts-img img {
        width: 100%;
    }
}
@media(max-width: 767px) {
    .product-wrap .nav {
        gap: 20px;
    }
    .product-wrap .nav .nav-link {
        width: calc((100% - 20px) / 2);
    }
    .product-wrap .tab-content {
        margin-top: 25px;
        height: inherit;
    }
    .product-wrap .tab-content .tab-pane .tab-conts-wrap {
        padding: 20px 20px 0;
        display: block;
    }
    .product-wrap .tab-content .tab-pane .tab-conts-txt{
        padding-bottom: 0;
        width: 100%;
    }
    .product-wrap .tab-content .tab-pane h4 {
        font-size: 20px;
    }
    .product-wrap .tab-content .tab-pane .desc {
        font-size: 15px;
    }
    .product-wrap .tab-content .tab-pane .add {
        font-size: 15px;
    }
    .product-wrap .tab-content .tab-pane .add span {
        font-size: 19px;
    }
    .product-wrap .tab-content .tab-pane .tab-conts-img {
        width: 95px;
        position: relative;
        right: inherit;
        margin: 0 0 0 auto;
    }
    .product-wrap .tab-content .tab-pane table {
        max-width: 680px;
    }
	.product-wrap .tab-content .tab-pane table th, .product-wrap .tab-content .tab-pane table td {
        font-size: 13px;
		padding: 5px;
    }
	.product-wrap .tab-content .tab-pane table .point {
        font-size: 16px;
    }
}
@media(max-width: 480px) {
    .product-wrap .nav {
        gap: 15px 10px;
    }
    .product-wrap .nav-pills .nav-link {
        font-size: 14px;
    }
}

/* review section  */
.review-title-wrap {
    padding-top: 10px;
}
.review-title-img img {
    display: block;
}
.review-img-top img {
    margin-bottom: 10px;
}
.review-img-bottom img {
    margin: 10px 0 0 auto;
}
.review-card {
    margin: 16px;
    padding: 40px 25px 25px; 
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    height: 380px;
}
.review-card p {
    font-size: 16px;
    padding: 25px 0 10px;

}

@media(max-width: 991px) {
    .review-img-bottom {
        display: none;
    }
    .review-swiper {
        margin-top: 35px;
    }
    .review-card {
        margin: 14px;
        padding: 30px 20px 20px;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        height: 360px;
    }
    .review-card p {
        padding: 15px 0;
    }
}
@media(max-width: 767px) {
    .review-img-top img {
        width: 50px;
    }
    .review-card {
        height: 300px;
        padding: 25px 15px 10px;
        margin: 12px;
    }
    .review-card img {
        width: 100px;
    }
    .review-card p {
        font-size: 14px;
    }
}
@media(max-width: 480px) {
    .review-img-top img {
        width: 40px;
    }
    .review-card {
        height: 260px;
    }
    .review-card img {
        width: 90px;
    }
    .review-card p {
        padding: 15px 0 8px;
    }
}

/* inquiry section  */
.inquiry-sec .title-wrap {
	color: #fff;
}


/* quick nav  */
.quick-nav {
    position: fixed;
    right: 15px;
    bottom: 15%;
    width: 70px;
    height: 70px;
    z-index: 10;
  }
  .quick-nav a {
    display: block;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  }
  .quick-nav a img {
    width: 100%;
  }


.button:focus, .button:hover, .button:active {
	background-color: initial;
}
.modal-header .close:hover {
	background-color: inherit;
}
.mo-nav-right .mo-nav-btn:hover, .mo-nav-right .mo-nav-btn:focus {
	background-color: inherit;
}



/* custom menu  */
.menu {
/* 	justify-content: flex-end; */
}
.menu > .elementor-widget-container {
	width: 100%;
}
.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
	width: 100%;
	justify-content: space-between;
}
.elementor-18 .elementor-element.elementor-element-bbe803e .menu-item a.hfe-menu-item, .elementor-18 .elementor-element.elementor-element-bbe803e .menu-item a.hfe-sub-menu-item {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media(max-width: 767px) {
	.menu {
		display: block !important;
	}
	.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical {
		position: absolute;
		width: 100% !important;
		height: calc(100vh - 41px);
		visibility: visible;
        opacity: 1;
		left: inherit !important;
		right: -104%;
		top: 41px;
		transition: all ease 0.3s;
	}
	.hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-vertical {
		right: -20px;
		left: inherit !important;
		height: calc(100vh - 42px);
		flex-direction: column;
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		height: 100%;
		flex-direction: column;
		justify-content: center;
		visibility: visible;
		opacity: 1;
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li {
		border: 0 !important;
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a {
		padding: 20px 50px !important;
		color: #999 !important;
		font-size: 20px;
		display: flex;
        justify-content: inherit;
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li a:before {
		content: "01";
		display: block;
		position: relative;
		color: #999;
		font-size: 12px;
		margin-right: 20px;
		transform: translateY(-6px);
		opacity: 1 !important;
		background-color: transparent !important;
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(2) a:before {
		content: "02";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(3) a:before {
		content: "03";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(4) a:before {
		content: "04";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(5) a:before {
		content: "05";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(6) a:before {
		content: "06";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(7) a:before {
		content: "07";
	}
	.menu > .elementor-widget-container .hfe-nav-menu__layout-horizontal .hfe-nav-menu li:nth-child(8) a:before {
		content: "08";
	}
}

/* add css  */
.info-content .info-speech {
	position: absolute;
	height: 100%;
}
.menu .menu-item a {
	font-family: 'Pretendard' !important;
}
.footer h2, .footer-text li {
	font-family: 'Pretendard' !important;
}