@charset "utf-8";
@media all and (max-width: 1920px) {
    .product,
    .community {
        padding: 0 80px !important;
        box-sizing: border-box;
    }
}
@media all and (max-width: 1620px) {
    .w1620 {
      width: 100%;
      padding: 0 30px;
      box-sizing: border-box;
    }
  
    .community ul.list {
        gap: 50px 25px;
    }
    .community ul.list li {
        width: calc(100% / 3 - 17px);
    }

    .company02 .cards .card {
        height: 430px;
        padding: 20px;
    }
    .company02 .cards .card .title {
        bottom: 20px;
    }
    

  
}
@media all and (max-width: 1320px) {
    header nav {
        margin: 0;
        padding: 10px 30px;
    }
    .company03 .wrap,
    .edit_box {
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }
    .product01 .product_item {
        width: 100%;
    }
    .product01 .product_item_wrap {
        padding: 0 30px;
    }
    .edit_box .edit_img img {
        width: 100%;
    }
    .community ul.list li .img_box {
        height: 400px;
    }
}

@media all and (max-width: 1200px) {
    :root {
        --font-size72 : 60px;
        --font-size48 : 38px;
        --font-size32 : 32px;
        --font-size24 : 20px;
        --font-size20 : 18px;
        --font-size18 : 17px;
        --font-size16 : 15px;
        --font-size14 : 14px;
    }


    .main_content02 {
        gap:20px;
    }
  
    .main_content02 .autoplay .slide_item {
        height: 420px;
    }
    .main_content02 .autoplay .slide_item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .main_content03 .multiple-items .slick-slide {
        min-height: 412px;
    }
    .main_content03 .multiple-items .img_box {
        height: 270px;
    }
    .main_content03 .multiple-items .txt_box {
        padding: 16px;
    }

    footer .w1620 {
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
    }
    footer .logo {
        gap: 16px;
    }
    footer .logo img {
        width: 30px;
    }
    footer .link_btn {
        position: absolute;
        right: 30px;
    }
    footer .logo span {
        margin-left: 16px;
    }
    footer .info {
        margin-top: 20px;
    }
    footer p.copyright {
        position: static;
        transform: translate(0);
        padding-top: 0;
    }


    .company01 .txt_box {
        width: auto;
        margin: 0 30px;
    }

    .company03 .wrap > ul {
        gap: 10px 40px;
    }
    .product01 .product_item .txt_box ul li {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .product01 .product_item .txt_box ul li b {
        font-weight: 600;
        color:#111;
    }
    .product01 .product_item .img_box {
        width: 500px;
    }
    .product01 .slider-for .fot_item {
        height: 540px;
    }
    .product01 .slider-nav .nav_item {
        height: 80px;
        max-width: 92px;
    }
    .product01 .product_item .img_box span.info {
        bottom: 110px;
    }

    .community ul.list li .img_box {
        height: 260px;
    }
}

@media all and (max-width: 1024px) {
    .product,
    .community {
        padding: 0 60px !important;
    }
    .product_btn {
        flex-direction: column;
    }
    .naver_button, .coupang_button {
        width: 160px;
    }
}


@media all and (max-width: 870px) {
    .w1620,
    .company03 .wrap,
    .product01 .product_item_wrap,
    .edit_box {
        padding: 0 20px;
    }
    header nav {
        padding: 14px 20px !important;
        justify-content: center;
    }
    header nav h1 a {
        width: auto;
    }
    header .gnb,
    header .right .language_open,
    header .right .market_btn {
        display: none;
    }
    header .right {
        position: static;
    }
    header .hamburger_open {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0%,-40%);
    }
    header .hamburger_open, 
    header .hamburger_menu {
        display: block;
    }
    .scroll_line {
        display: none !important;
    }
    .sub_wrap {
        margin-top: 105px;
    }
    .main_content01 {
        background: url(../images/main_centent01.png) no-repeat center right;
    }
    .main_content03 .multiple-items {
        width: 102%;
    }

    .main_content02 .autoplay  {
        width: 50%;
    }
    .main_content02 .autoplay .slide_item {
        height: 300px;
    }

    footer .info {
        flex-direction: column;
        gap: 8px;
    }
    footer .link_btn {
        right: 20px;
    }
    .product,
    .community {
        padding: 0 20px !important;
    }

    .product .product_box li {
        width: calc(100% / 2 - 13px);
    }
    .product01 {
        padding: 0;
        margin-top: 120px;
    }
    .product01 .product_item_wrap {
        background: #fff;
    }
    .product01 .product_item {
        flex-direction: column-reverse;
        padding: 0;
    }
    .product01 .product_item .img_box {
        width: 100%;
    }
    .product01 .slider-for .fot_item {
        height: 460px;
    }
    .product01 .slider-nav .nav_item {
        height: 80px;
        max-width: calc(100% / 5 - 8px) !important;
    }
    .product01 .product_item .txt_box ul li {
        padding: 12px 0;
    }
    .product01 .product_item .txt_box ul li b,
    .product01 .product_item .txt_box ul li span {
        font-size: 14px;
    }
    .product01 .product_item .txt_box h3 {
        padding: 0;
    }
    .product01 .product_item .txt_box .btn_wrap {
        margin-top: 20px;
    }
    .product01 .product_item .img_box span.info {
        bottom: 150px;
    }
    .product_btn {
        flex-direction: row;
    }
    .naver_button, .coupang_button {
        width: auto;
        height: 36px;
    }
    .edit_box {
        border-top: 1px solid #eee;
    }
    .edit_box h4 {
        margin-top: 40px;
    }
    .community ul.list li {
        width:calc(100% / 2 - 13px) ;
    }
    .contact_title {
        margin-bottom: -160px;
        height: 320px;
    }
    .contact_wrap {
        padding: 0;
        margin-bottom: 70px;
        box-sizing: border-box;
    }
    .contact_box {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .contact {
        width: 100%;
        padding: 20px;
        position: static;
        transform: translate(0);
    }
    .company02 .cards {
        flex-direction: column;
        gap: 24px;
    }
    .company02 .cards .card {
        width: 100%;
        height: auto;
    }
    .company02 .cards .card .title {
        position: relative;
        bottom: 0;
    }
    .company02 .cards .card .hidden {
        opacity: 1;
    }
    .company02 .cards .card:nth-child(4) {
        background: url(../images/company02_bg.png) no-repeat center left calc(75% - 272.5px);
    }
}

@media all and (max-width: 670px) {
    :root {
        --font-size72 : 40px;
        --font-size48 : 30px;
        --font-size32 : 24px;
        --font-size24 : 18px;
        --font-size20 : 17px;
        --font-size18 : 16px;
        --font-size16 : 14px;
        --font-size14 : 12px;
        --border-20:16px;
        --border-16:14px;
        --border-12:8px;
        --border-8:4px;
        --border-4:2px;
    }
    .sub_title {
        padding: 50px 0;
    }
    .contact_title {
        margin-bottom: -190px;
    }
    .lns_button {
        padding: 8px 20px;
    }
    .custom-dots {
        left: 40%;
    }
    .slick-prev {
        left: calc(100% / 2 - -20px) !important;
    }
    .slick-next {
        left: calc(100% / 2 - -70px) !important;
    }

    .main_content01 {
        height: 60dvh;
        margin-top: 100px;
    }
    .main_content01::before {
        width: 410px;
        height: 320px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 60%);
    }
    .main_content02 {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-top: 70px;
        margin-bottom: 140px;
    }
    .main_content02 .autoplay {
        width: 100%;
    }
    .main_content02 .text_box {
        position: relative;
        width: 100%;
    }
    .main_content02 .text_box h2 {
        display: inline-block;
        margin-left: 20px;
        font-size: var(--font-size18);
    }
    .main_content02 .text_box p br {
        display: none;
    }
    .main_content02 .text_box ul {
        margin: 20px 0;
        gap:8px;
    }
    .main_content02 .text_box ul li {
        gap: 10px;
    }
    .main_content02 .text_box ul li .icon_box {
        width: 20px;
        height: 20px;
    }
    .main_content02 .text_box ul li .icon_box img {
        width: 12px;
        height: 12px;
    }
    .main_content02 .text_box .btn_wrap {
        position: absolute;
        bottom: 20px;
        right: 0;
    }
    .main_content03 {
        padding: 70px 0 140px 0;
    }
    .main_content04,
    .company03 {
        padding: 70px 0;
    }

    .company01 .txt_box {
        padding: 40px;
    }
    .product,
    .community {
        margin: 70px auto;
    }
    .product .product_box {
        gap: 8px;
    }
    .product .product_box li {
        width: calc(100% / 2 - 4px);
    }
    .product .product_box li .hidden img {
        width: 30px;
    }
    .edit_box .edit_img {
        margin-bottom: 70px;
    }
    .edit_box {
        margin: 40px auto 70px auto;
    }
    .community ul.list {
        gap: 40px 8px;
    }
    .community ul.list li {
        width: calc(100% / 2 - 4px);
    }

    .community ul.list li .img_box {
        height: 180px;
    }
    .pagination {
        margin-top: 40px;
    }
    .contact .contact_form li {
        gap: 12px;
    }
    .contact .contact_form li .input_box input {
        padding: 12px;
    }
    .checkbox_wrap {
        margin: 28px 0;
        flex-direction: column;
        gap: 16px;
    }
    .custom-checkbox .checkmark {
        width: 14px;
        height: 14px;
    }
    .custom-checkbox input:checked + .checkmark::after {
        left: 4px;
        top: 1px;
        border-width: 0 1px 1px 0;
    }
    .contact .contact_btn {
        padding: 12px 28px;
    }

    .privacy {
        width: 90%;
        padding: 20px;
      }
      .privacy h4 {
        margin-bottom: 40px;
      }
      .privacy b {
        margin-bottom: 16px;
      }
      .privacy p {
        margin-bottom: 28px;
      }
}
  
@media all and (max-width: 480px) {
    :root {
        --font-size72 : 32px;
        --font-size48 : 24px;
        --font-size32 : 20px;
        --font-size24 : 16px;
        --font-size20 : 15px;
        --font-size18 : 15px;
        --font-size16 : 14px;
        --font-size14 : 12px;
    }
    .main_content02 .text_box .btn_wrap {
        position: static;
    }

    .main_content02 .text_box h2 {
        display: block;
        margin-left: 0;
        padding: 10px 0 20px 0;
    }
    .product01 .slider-for .fot_item {
        height: 420px;
    }
    .product01 .slider-nav .nav_item {
        height: 60px;
    }
    .product01 .product_item .img_box span.info {
        bottom: 90px;
    }
}