@media(max-width: 1720px) {
    body main.sub_page#about .section.section_03 article .tit h2 {
        font-size: 42px
    }
}

@media(max-width: 1300px) {
    body #header {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        height: 80px;
        font-size: 18px
    }

    body #header.change_top {
        top: -80px
    }

    body #header #header_wrap {
        padding: 0 5%
    }

    body #header #header_wrap #header_left a {
        width: 150px
    }

    body #header #header_wrap #header_center {
        gap: 20px;
        height: 58px
    }

    body #header #header_wrap #header_center>li:hover .depth_01,
    body #header #header_wrap #header_center>li.active .depth_01 {
        gap: 10px
    }

    body #header #header_wrap #header_center>li::after {
        top: 10px
    }

    body #header #header_wrap #header_right {
        right: 5%;
        font-size: 14px
    }

    body #header #header_wrap #header_right li {
        margin-right: 7px;
        padding-right: 7px
    }

    body #header #header_wrap #header_right li::after {
        width: 1px;
        height: 7px
    }

    body #footer {
        margin-top: 100px;
        padding: 40px 0
    }

    body #footer .footer_wrap {
        padding: 0 5%;
        flex-wrap: wrap
    }

    body #footer .footer_wrap nav .bar {
        height: 7px;
        margin: 0 10px
    }

    body #footer .footer_wrap nav.f_info {
        font-family: "Pretendard"
    }

    body #footer .footer_wrap nav.f_info .info_01 {
        flex-wrap: wrap
    }

    body #footer .footer_wrap nav.f_info .info_02 {
        margin-top: 10px
    }

    body #footer .footer_wrap nav.f_info .info_03 {
        margin-top: 15px
    }

    body #footer .footer_wrap nav.f_info .wrap_01 li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        padding: 7px 14px
    }

    body #footer .footer_wrap nav.f_link {
        width: 100%;
        margin-left: 0
    }

    body #footer .footer_wrap nav.f_link .wrap_02 {
        margin-top: 20px;
        gap: 10px 0
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li {
        flex-wrap: wrap
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li p i {
        margin-right: 5px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li p:first-child {
        width: auto;
        min-width: auto;
        margin-right: 20px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div {
        display: flex;
        flex-wrap: wrap
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div span.mr {
        width: initial;
        min-width: initial;
        margin-right: 10px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div span:nth-of-type(2n) {
        margin-right: 20px
    }

    body #fp-nav {
        display: none
    }

    body main#main_page .main_section.main_visual .nav_wrap {
        margin: 40px 0 0 0
    }

    body main#main_page .main_section.main_visual .nav_wrap>div {
        width: 14px;
        height: 14px
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide {
        height: 100%
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption {
        left: 10%
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption p.text_01 {
        font-size: 40px
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption p.text_02 {
        margin-top: 20px;
        font-size: 18px
    }

    body main#main_page .main_section.main_visual article.mv_gnb {
        height: auto;
        padding: 20px 0
    }

    body main#main_page .main_section.main_visual article.mv_gnb .wrap {
        padding: 0 5%;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .per_wrap {
        font-size: 18px;
        max-width: 300px;
        width: 10%
    }

    body main#main_page .main_section.main_visual article.mv_gnb .per_wrap .swiper-progress-bar .slide_progress-bar {
        width: 100%;
        height: 1px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .per_wrap .swiper-progress-bar .slide_progress-bar .swiper-pagination .swiper-pagination-current {
        margin-right: 10px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .per_wrap .swiper-progress-bar .slide_progress-bar .swiper-pagination .swiper-pagination-total {
        margin-left: 10px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .nav_wrap {
        margin: 0 0 0 60px;
        width: auto
    }

    body main#main_page .main_section.main_visual article.mv_gnb .nav_wrap .swiper-onOff {
        margin: 0 15px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap {
        margin: 0;
        border-left: none;
        justify-content: center
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap h3 {
        font-size: 16px;
        margin: 0 20px 0 0
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap label {
        font-size: 14px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search] {
        width: 310px;
        height: 35px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]::-moz-placeholder {
        font-size: 12px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]::placeholder {
        font-size: 12px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]:focus+label,
    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]:focus+label {
        top: -20%
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=submit] {
        width: 16px;
        height: 16px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a {
        font-size: 16px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a:last-child::after {
        display: none
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a::after {
        margin: 0 10px
    }

    body main#main_page .main_section.main_section_01 .content_wrap {
        display: flex
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left {
        width: 50%;
        padding-left: 10%
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>h2 {
        font-size: 18px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>p {
        margin-top: 15px;
        font-size: 30px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>span {
        margin-top: 10px;
        font-size: 18px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul {
        margin-top: 60px;
        gap: 20px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li {
        width: 200px;
        height: 200px;
        min-width: 200px;
        min-height: 200px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a {
        padding: 20px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a h3 {
        font-size: 16px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a p {
        font-size: 20px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.point_bg {
        width: 400px;
        height: 400px;
        bottom: 0
    }

    body main#main_page .main_section.main_section_02 {
        height: auto;
        padding: 100px 0
    }

    body main#main_page .main_section.main_section_02 .content_wrap {
        padding-bottom: 0
    }

    body main#main_page .main_section.main_section_02 .content_wrap .tit {
        padding-top: 0
    }

    body main#main_page .main_section.main_section_02 .content_wrap .tit h2 {
        font-size: 18px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .tit p {
        font-size: 30px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product {
        margin-top: 60px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container {
        max-width: 70%
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .product_navi {
        display: none
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .product_navi>div {
        width: 25px;
        height: 25px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure .img_wrap img {
        width: 225px;
        height: 225px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption {
        width: 50%;
        margin-left: 60px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption h2 {
        font-size: 28px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption h2 .circle {
        width: 50px;
        height: 50px;
        left: -25px;
        top: -25px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_01 {
        margin-top: 10px;
        font-size: 18px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_02 {
        margin-top: 15px;
        font-size: 16px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption a {
        margin-top: 30px;
        font-size: 14px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption a svg {
        margin: 0 0 0 8px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .product_info {
        display: none
    }

    body main#main_page .main_section.main_section_03 {
        height: auto
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap {
        padding: 200px 0
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap>h2 {
        font-size: 40px
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap>p {
        font-size: 18px
    }

    body main.sub_page .page_info.flex {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px
    }

    body main.sub_page .page_info.flex form {
        width: 100%;
        justify-content: flex-end
    }

    body main.sub_page .page_info.flex form .nice {
        font-size: 14px
    }

    body main.sub_page .page_info.flex form .search_box input[type=submit] {
        width: 18px;
        height: 18px
    }

    body main.sub_page .page_info>div h2 {
        font-size: 36px
    }

    body main.sub_page .page_info>div p {
        font-size: 18px
    }

    body main.sub_page .sec_tab {
        padding: 0 5%;
        margin-top: 60px
    }

    body main.sub_page .sec_tab article ul {
        display: flex;
        gap: 20px;
        flex-wrap: wrap
    }

    body main.sub_page .sec_tab article ul li a {
        font-size: 18px;
        padding: 10px 20px
    }

    body main.sub_page#inquiry {
        margin-top: 200px
    }

    body main.sub_page#inquiry .sec {
        padding: 0 5%
    }

    body main.sub_page#inquiry .sec.sec_01 {
        margin-top: 100px
    }

    body main.sub_page#inquiry .sec.sec_02 {
        margin-top: 60px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>label {
        min-width: 180px;
        font-size: 18px;
        padding-left: 20px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div.select {
        width: 300px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div input,
    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div textarea {
        border: 1px solid #ddd;
        padding: 10px 20px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div textarea {
        height: 200px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div input {
        height: auto
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div.input_tel input:nth-of-type(1),
    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div.input_tel input {
        width: 100px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label {
        padding: 10px 20px;
        height: auto
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label .file_name {
        font-size: 14px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label .file_btn {
        width: auto;
        height: auto;
        font-size: 14px;
        padding: 5px 10px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li input[type=submit],
    body main.sub_page#inquiry .sec.sec_02>article form>ul li #submit {
        margin-top: 60px;
        width: auto;
        height: auto;
        font-size: 16px;
        padding: 10px 20px
    }

    body main.sub_page#faq {
        margin-top: 200px
    }

    body main.sub_page#faq .sec {
        padding: 0 5%
    }

    body main.sub_page#faq .sec.sec_01 {
        margin-top: 100px
    }

    body main.sub_page#faq .sec.sec_02 {
        margin-top: 60px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div {
        font-size: 16px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu {
        height: auto;
        padding: 30px 0
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.tit {
        width: 100px;
        min-width: 100px;
        padding: 0 0 0 20px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.con {
        margin-left: 0
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.arrow {
        margin: 0 20px 0 auto
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.an {
        padding: 30px 30px 30px 100px
    }

    body main.sub_page#location {
        margin-top: 200px
    }

    body main.sub_page#location .sec.sec_01 {
        padding: 0 5%;
        margin-top: 100px
    }

    body main.sub_page#location .sec.sec_02 {
        padding: 0 5%;
        margin-top: 60px
    }

    body main.sub_page#location .sec.sec_02 .map {
        height: 350px
    }

    body main.sub_page#location .sec.sec_03 {
        padding: 0 5%
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap {
        flex-direction: column;
        height: auto
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div {
        padding: 40px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01 {
        width: 100%;
        overflow: hidden
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01 img {
        width: auto;
        height: 40px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01 p {
        margin-top: 20px;
        font-size: 18px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 {
        width: 100%
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li:nth-child(2) {
        margin-top: 20px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li p {
        font-size: 18px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li p.tit {
        width: 200px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li p.tit img {
        margin-right: 10px
    }

    body main.sub_page#product_list {
        margin-top: 200px
    }

    body main.sub_page#product_list .sec {
        padding: 0 5%
    }

    body main.sub_page#product_list .sec.sec_product>article {
        margin-top: 40px;
        padding-top: 80px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul {
        gap: 40px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li {
        width: calc(50% - 20px);
        height: auto;
        padding: 60px 20px 40px 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure .img_wrap img {
        width: 250px;
        height: 250px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption {
        margin-top: 40px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p {
        text-align: center
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.cate {
        font-size: 16px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.tit {
        margin-top: 10px;
        font-size: 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.link {
        font-size: 14px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.link a {
        padding: 10px 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li .banner {
        font-size: 16px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li .banner>div {
        width: 60px;
        height: 60px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap {
        padding: 0 5%;
        margin-top: 200px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .img_wrap {
        width: 400px;
        min-width: 400px;
        height: auto
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap {
        margin: 0 0 0 20px;
        padding: 0 0 0
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p {
        margin-top: 10px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p:first-child {
        margin-top: 0
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.cate {
        font-size: 16px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.cate span {
        padding-right: 6px;
        margin-right: 5px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.cate span:last-child::after {
        display: none
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.cate span::after {
        content: "";
        width: 1px;
        height: 10px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.tit {
        font-size: 30px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.tit_sub {
        font-size: 16px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 {
        margin-top: 20px;
        padding-top: 20px;
        gap: 20px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div {
        flex-direction: column;
        gap: 5px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div p.tit {
        width: 100%;
        min-width: 100%;
        font-size: 18px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div p.target {
        gap: 10px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div p.target img {
        width: 60px;
        height: 60px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div span {
        font-size: 18px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_detail {
        margin-top: 60px;
        padding-top: 80px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info {
        margin-top: 80px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li {
        font-size: 16px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li h3 {
        font-size: 16px;
        max-width: 200px;
        min-width: 200px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li p {
        padding: 20px
    }

    body main.sub_page#product_season {
        margin-top: 200px
    }

    body main.sub_page#product_season .sec {
        padding: 0 5%
    }

    body main.sub_page#product_season .sec.sec_product>article {
        margin-top: 40px;
        padding-top: 60px
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div {
        padding: 0 5%
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div h2 {
        font-size: 36px
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div p {
        font-size: 18px
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div span {
        font-size: 16px
    }

    body main.sub_page#brand .section.section_01 article div img {
        width: 60px
    }

    body main.sub_page#brand .section.section_01 article div h1 {
        margin-top: 20px;
        font-size: 40px
    }

    body main.sub_page#brand .section.section_02 article div p {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_03 article div {
        padding: 10% 3%
    }

    body main.sub_page#brand .section.section_03 article div h2 {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_03 article div p {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_04 article div {
        padding: 10% 3%
    }

    body main.sub_page#brand .section.section_04 article div h2 {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_04 article div p {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_05 article div {
        padding: 10% 3%
    }

    body main.sub_page#brand .section.section_05 article div h2 {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_05 article div p {
        margin-top: 20px
    }

    body main.sub_page#brand .section.section_06 article div p {
        margin-top: 20px
    }

    body main.sub_page#about .section:not(.fp-auto-height) {
        height: calc(100vh + 80px)
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_01 article div span {
        font-size: 18px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_01 article div h1 {
        margin-top: 20px;
        font-size: 40px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left {
        width: 60%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con figcaption p {
        margin-top: 40px;
        font-size: 20px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .swiper-container .swiper-wrapper .swiper-slide img {
        width: 300px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi {
        bottom: 3%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap {
        font-size: 18px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap .swiper-progress-bar .slide_progress-bar {
        width: 100px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .nav_wrap .bar {
        margin: 0 15px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.right {
        width: 40%;
        padding: 0;
        align-items: center;
        text-align: center
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.right span {
        font-size: 16px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.right h2 {
        font-size: 30px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 {
        margin-top: 100px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure .img_wrap {
        margin-top: 40px;
        width: 150px;
        height: 150px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure .img_wrap img {
        height: 55px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure figcaption h3 {
        margin-top: 20px;
        font-size: 20px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure figcaption p {
        margin-top: 10px;
        font-size: 18px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit p {
        font-size: 16px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit h2 {
        font-size: 20px;
        margin-top: 10px
    }

    body main.sub_page#member select {
        padding: 8px 10px;
        background: url("../images/common/ico_select_01.svg") no-repeat right 10px center
    }

    body main.sub_page#member .tit {
        margin-top: 200px
    }

    body main.sub_page#member .tit h2 {
        font-size: 30px
    }

    body main.sub_page#member .tit p {
        margin-top: 10px;
        font-size: 18px
    }

    body main.sub_page#member .box_01 {
        width: 125px;
        min-width: 125px;
        height: auto;
        padding: 20px;
        font-size: 14px
    }

    body main.sub_page#member .btn.submit {
        font-size: 20px
    }

    body main.sub_page#member .layout_box {
        margin: 80px auto 0;
        padding: 0 5%
    }

    body main.sub_page#member .layout_box .form_wrap {
        padding: 80px 0
    }

    body main.sub_page#member.login section .form_wrap .user>div label input {
        padding: 20px
    }

    body main.sub_page#member.login section .form_wrap .user input[type=submit] {
        min-width: 125px;
        height: auto
    }

    body main.sub_page#member.login section .form_wrap .user_help {
        font-size: 14px;
        margin-top: 20px
    }

    body main.sub_page#member.login section .form_wrap .user_help label i {
        margin-right: 10px
    }

    body main.sub_page#member.search section .search_type>a {
        width: 50%;
        height: auto;
        font-size: 18px;
        padding: 20px
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label>input,
    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap {
        padding: 20px
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label>input {
        height: auto
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap {
        width: 100%;
        height: auto;
        padding: 20px
    }

    body main.sub_page#member.search section .form_wrap>form .user_help {
        margin-top: 20px
    }

    body main.sub_page#member.search section .form_wrap>form .user_help p {
        font-size: 14px
    }

    body main.sub_page#member.search section .form_wrap>form .user_help input {
        height: auto
    }

    body main.sub_page#member.join i {
        margin-right: 10px
    }

    body main.sub_page#member.join .btn.submit {
        margin: 80px auto 0;
        width: 150px;
        height: auto;
        padding: 10px
    }

    body main.sub_page#member.join table tr th {
        font-family: "SUIT";
        width: auto;
        padding: 15px 20px;
        font-size: 14px
    }

    body main.sub_page#member.join table tr td {
        padding: 20px
    }

    body main.sub_page#member.join table tr td input[type=text],
    body main.sub_page#member.join table tr td input[type=password],
    body main.sub_page#member.join table tr td input[type=email] {
        width: auto;
        padding: 5px 10px
    }

    body main.sub_page#member.join table tr td input[type=text]::-moz-placeholder,
    body main.sub_page#member.join table tr td input[type=password]::-moz-placeholder,
    body main.sub_page#member.join table tr td input[type=email]::-moz-placeholder {
        font-size: 12px
    }

    body main.sub_page#member.join table tr td input[type=text]::placeholder,
    body main.sub_page#member.join table tr td input[type=password]::placeholder,
    body main.sub_page#member.join table tr td input[type=email]::placeholder {
        font-size: 12px
    }

    body main.sub_page#member.join table tr td .input_wrap {
        gap: 10px
    }

    body main.sub_page#member.join table tr td label,
    body main.sub_page#member.join table tr td p {
        font-size: 13px
    }

    body main.sub_page#member.join .policy_warp>div {
        margin-top: 60px;
        height: 200px;
        padding: 30px;
        font-size: 14px
    }

    body main.sub_page#member.join .policy_warp>div:first-child {
        margin-top: 60px
    }

    body main.sub_page#member.join .policy_warp label {
        font-size: 14px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap {
        padding: 40px 80px
    }

    body main.sub_page#board {
        margin-top: 200px
    }

    body main.sub_page#board .sec {
        padding: 0 5%
    }

    body main.sub_page #reply {
        padding: 0 5%;
        margin-top: 60px
    }

    body main.sub_page #reply .info p {
        margin-left: 10px;
        font-size: 16px
    }

    body main.sub_page #reply #reply_form {
        margin-top: 20px;
        height: 100px
    }

    body main.sub_page #reply #reply_form .r_text {
        width: 100%
    }

    body main.sub_page #reply #reply_form .reply_send_btn {
        width: 100%;
        font-size: 20px
    }
}

@media(max-width: 1140px) {
    body #footer .footer_wrap {
        justify-content: space-between
    }

    body #footer .footer_wrap nav:first-child {
        width: 100%
    }

    body #footer .footer_wrap nav.f_info {
        margin: 20px 0 0 0
    }

    body #footer .footer_wrap nav.f_link {
        margin: 20px 0 0 0
    }
}

@media(max-width: 767px) {
    body #header {
        height: 60px;
        font-size: 18px
    }

    body #header.change_top {
        top: -60px
    }

    body #header.active,
    body #header:hover {
        background-color: #fff;
        color: #111
    }

    body #header.active #header_wrap .header_ham span,
    body #header:hover #header_wrap .header_ham span {
        border-bottom: 1px solid #000
    }

    body #header #header_wrap {
        padding: 0 4%
    }

    body #header #header_wrap #header_left {
        width: 125px;
        background-size: 125px !important
    }

    body #header #header_wrap #header_left a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 125px;
        background-size: 125px !important
    }

    body #header #header_wrap #header_center {
        display: none
    }

    body #header #header_wrap #header_full {
        top: 60px;
        height: calc(100vh - 60px)
    }

    body #header #header_wrap #header_full>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    body #header #header_wrap #header_right {
        font-size: 12px
    }

    body #header #header_wrap #header_right>li,
    body #header #header_wrap #header_right>a {
        display: none
    }

    body #header #header_wrap .header_ham {
        display: block
    }

    body #footer {
        margin-top: 80px;
        padding: 30px 0
    }

    body #footer .footer_wrap {
        padding: 0 4%;
        flex-direction: column
    }

    body #footer .footer_wrap nav .bar {
        height: 5px;
        margin: 0 10px
    }

    body #footer .footer_wrap nav.f_info {
        width: 100%;
        margin: 20px 0 0 0;
        font-size: 13px
    }

    body #footer .footer_wrap nav.f_info .info_03 {
        margin-top: 10px
    }

    body #footer .footer_wrap nav.f_link {
        width: 100%;
        margin: 0
    }

    body #footer .footer_wrap nav.f_link h2 {
        font-size: 16px
    }

    body #footer .footer_wrap nav.f_link img {
        max-width: 75px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 {
        margin-top: 20px;
        font-size: 13px;
        gap: 10px 0
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li p:first-child {
        margin-right: 20px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li p a {
        font-size: 16px
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div span {
        font-size: 13px
    }

    body #footer .footer_family {
        font-weight: 400;
        line-height: 30px
    }

    body #footer .footer_family .list>li {
        padding: 5px 10px
    }

    body main#main_page .main_section.main_visual .mv_bg {
        display: none
    }

    body main#main_page .main_section.main_visual .mv_bg_mo {
        display: block
    }

    body main#main_page .main_section.main_visual .nav_wrap {
        margin: 20px 0 0 0
    }

    body main#main_page .main_section.main_visual .nav_wrap>div {
        width: 10px;
        height: 10px
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption {
        left: 5%
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption p.text_01 {
        font-size: 30px
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption p.text_02 {
        margin-top: 10px;
        font-size: 16px
    }

    body main#main_page .main_section.main_visual article.mv_gnb {
        padding: 10px 0
    }

    body main#main_page .main_section.main_visual article.mv_gnb .per_wrap {
        display: none
    }

    body main#main_page .main_section.main_visual article.mv_gnb .nav_wrap {
        display: none
    }

    body main#main_page .main_section.main_visual article.mv_gnb .wrap {
        gap: 10px;
        justify-content: center
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap {
        width: 100%;
        padding: 0
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap h3 {
        font-size: 16px;
        margin: 0 20px 0 0
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap label {
        font-size: 12px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search] {
        width: auto;
        height: 35px;
        font-size: 16px;
        padding-right: 40px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]:focus+label,
    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap .input_wrap input[type=search]:focus+label {
        top: -10%
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a {
        font-size: 13px
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a::after {
        margin: 0 5px
    }

    body main#main_page .main_section.main_section_01 {
        height: auto;
        padding: 80px 0
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left {
        width: 100%;
        padding: 0 4%
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>h2 {
        font-size: 16px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>p {
        margin-top: 10px;
        font-size: 26px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>span {
        margin-top: 5px;
        font-size: 16px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 30px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li {
        width: 100%;
        height: auto;
        min-width: auto;
        min-height: auto
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a {
        padding: 40px 30px;
        flex-direction: unset
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a svg {
        width: auto
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a h3 {
        margin: 0 0 0 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 14px;
        display: block;
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a h3 span {
        display: block
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a p {
        display: none;
        font-size: 16px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a p span {
        display: none
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.right {
        display: none
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.point_bg {
        left: auto;
        bottom: auto;
        right: 0;
        top: 0
    }

    body main#main_page .main_section.main_section_02 {
        padding: 80px 0
    }

    body main#main_page .main_section.main_section_02 .content_wrap .tit h2 {
        font-size: 16px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .tit p {
        font-size: 26px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product {
        margin-top: 60px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container {
        max-width: 50%
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure {
        flex-direction: column
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure .img_wrap img {
        width: 200px;
        height: 200px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption {
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption h2 {
        font-size: 20px;
        display: inline-block
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption h2 .circle {
        width: 40px;
        height: 40px;
        left: -20px;
        top: -20px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_01 {
        margin-top: 10px;
        font-size: 16px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_02 {
        margin-top: 10px;
        font-size: 15px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption a {
        margin-top: 20px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure figcaption {
        width: auto
    }

    body main#main_page .main_section.main_section_02 .point_bg {
        background: url("../images/main/s_02_mo.png") no-repeat top/contain
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap {
        padding: 150px 0
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap>h2 {
        font-size: 26px
    }

    body main#main_page .main_section.main_section_03 .content_wrap .text_wrap>p {
        font-size: 16px
    }

    body main.sub_page .page_info.flex form {
        height: 30px
    }

    body main.sub_page .page_info.flex form .nice {
        font-size: 13px
    }

    body main.sub_page .page_info.flex form .search_box {
        max-width: 100%;
        width: 100%
    }

    body main.sub_page .page_info.flex form .search_box input[type=submit] {
        width: 15px;
        height: 15px
    }

    body main.sub_page .page_info>div h2 {
        font-size: 26px
    }

    body main.sub_page .page_info>div p {
        margin-top: 10px;
        font-size: 16px
    }

    body main.sub_page .sec_tab {
        padding: 0 4%;
        margin-top: 40px
    }

    body main.sub_page .sec_tab article ul {
        gap: 10px
    }

    body main.sub_page .sec_tab article ul li a {
        font-size: 14px;
        padding: 7px 14px
    }

    body main.sub_page#inquiry {
        margin-top: 120px
    }

    body main.sub_page#inquiry .sec {
        padding: 0 4%
    }

    body main.sub_page#inquiry .sec.sec_01 {
        margin-top: 80px
    }

    body main.sub_page#inquiry .sec.sec_02 {
        margin-top: 40px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li {
        flex-direction: column
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>label {
        min-width: 150px;
        font-size: 16px;
        padding-left: 0
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div {
        margin-top: 5px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div.select {
        width: auto
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div input,
    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div textarea {
        padding: 7px 14px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div textarea {
        height: 150px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div input {
        height: auto
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label {
        padding: 7px 14px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label .file_name {
        font-size: 12px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li>div .file_label .file_btn {
        font-size: 12px;
        padding: 10px 20px
    }

    body main.sub_page#inquiry .sec.sec_02>article form>ul li input[type=submit],
    body main.sub_page#inquiry .sec.sec_02>article form>ul li #submit {
        margin-top: 40px;
        font-size: 14px;
        padding: 10px 20px
    }

    body main.sub_page#faq {
        margin-top: 120px
    }

    body main.sub_page#faq .sec {
        padding: 0 4%
    }

    body main.sub_page#faq .sec.sec_01 {
        margin-top: 80px
    }

    body main.sub_page#faq .sec.sec_02 {
        margin-top: 60px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu {
        gap: 10px;
        padding: 20px 0;
        justify-content: space-between
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.tit {
        width: 70px;
        min-width: 70px;
        padding: 0
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.con {
        width: 100%;
        margin-left: 0
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.arrow {
        margin: 0 10px 0 0;
        min-width: 10px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.arrow img {
        width: 10px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.an {
        padding: 20px
    }

    body main.sub_page#location {
        margin-top: 120px
    }

    body main.sub_page#location .sec.sec_01 {
        padding: 0 4%;
        margin-top: 80px
    }

    body main.sub_page#location .sec.sec_02 {
        padding: 0 4%;
        margin-top: 40px
    }

    body main.sub_page#location .sec.sec_02 .map {
        height: 250px
    }

    body main.sub_page#location .sec.sec_03 {
        padding: 0 4%
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div {
        padding: 20px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01 img {
        width: auto;
        height: 25px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01 p {
        font-size: 16px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_01::after {
        display: none
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 {
        padding: 20px 0
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li {
        flex-direction: column;
        gap: 10px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li p {
        font-size: 16px
    }

    body main.sub_page#location .sec.sec_03 .wrap .info_wrap>div.info_02 ul li p.tit {
        align-items: center;
        width: 100%
    }

    body main.sub_page#product_list {
        margin-top: 120px
    }

    body main.sub_page#product_list .sec {
        padding: 0 4%
    }

    body main.sub_page#product_list .sec.sec_product>article {
        margin-top: 20px;
        padding-top: 40px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul {
        gap: 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li {
        width: calc(50% - 10px);
        padding: 40px 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure .img_wrap img {
        width: 175px;
        height: 175px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption {
        margin-top: 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.cate {
        font-size: 14px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.tit {
        font-size: 16px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.link {
        font-size: 13px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure figcaption p.link a {
        padding: 7px 14px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li .banner {
        font-size: 12px;
        gap: 0;
        left: 0;
        top: 0
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li .banner>div {
        border-radius: 0;
        width: 50px;
        height: auto;
        padding: 5px 7px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap {
        padding: 0 4%;
        margin-top: 120px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title {
        flex-direction: column
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .img_wrap {
        width: 100%;
        min-width: 100%;
        text-align: center
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .img_wrap img {
        max-width: 100%
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap {
        margin: 40px 0 0 0;
        padding: 0
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_01 p.tit {
        font-size: 26px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div p.tit {
        font-size: 16px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div p.target img {
        width: 50px;
        height: 50px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .info_02 div span {
        font-size: 16px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_detail {
        margin-top: 40px;
        padding-top: 40px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info {
        margin-top: 40px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li {
        font-size: 14px;
        flex-direction: column
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li h3 {
        padding: 10px;
        font-size: 14px;
        max-width: 100%;
        min-width: 100%;
        min-width: 100%;
        justify-content: flex-start
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li h3 br {
        display: none
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_info>ul li p {
        padding: 10px
    }

    body main.sub_page#product_season {
        margin-top: 120px
    }

    body main.sub_page#product_season .sec {
        padding: 0 4%
    }

    body main.sub_page#product_season .sec.sec_product>article {
        margin-top: 20px;
        padding-top: 40px
    }

    body main.sub_page#brand .section article:not(.footer_wrap) {
        height: auto;
        padding: 200px 0
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div {
        padding: 0 4%
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div h2 {
        font-size: 26px
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div p {
        font-size: 16px
    }

    body main.sub_page#brand .section article:not(.footer_wrap)>div span {
        font-size: 14px
    }

    body main.sub_page#brand .section.section_01 article div img {
        width: 40px
    }

    body main.sub_page#brand .section.section_01 article div h1 {
        margin-top: 10px;
        font-size: 26px
    }

    body main.sub_page#brand .section.section_02 article div h2 {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_02 article div p {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_03 article div h2 {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_03 article div p {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_04 article div h2 {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_04 article div p {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_05 article div h2 {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_05 article div p {
        margin-top: 10px
    }

    body main.sub_page#brand .section.section_06 article div p {
        margin-top: 10px
    }

    body main.sub_page#about .section:not(.fp-auto-height) {
        height: auto
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_01 article {
        padding: 200px 4%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_01 article div span {
        font-size: 16PX
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_01 article div h1 {
        margin-top: 10px;
        font-size: 26px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article {
        flex-direction: column
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div {
        width: 100%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left {
        width: 100%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con figcaption p {
        margin-top: 20px;
        font-size: 18px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con figcaption span {
        font-size: 14px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .swiper-container {
        padding: 80px 0
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .swiper-container .swiper-wrapper .swiper-slide img {
        width: 300px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi {
        bottom: 40px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap {
        font-size: 14px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap .swiper-progress-bar .slide_progress-bar {
        width: 80px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap .swiper-progress-bar .slide_progress-bar .swiper-pagination {
        bottom: 7px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap .swiper-progress-bar .slide_progress-bar .swiper-pagination .swiper-pagination-current {
        margin-right: 10px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .per_wrap .swiper-progress-bar .slide_progress-bar .swiper-pagination .swiper-pagination-total {
        margin-left: 10px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .nav_wrap {
        margin: 0 0 0 40px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.left .con .about_navi .nav_wrap .bar {
        margin: 0 10px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_02 article>div.right {
        display: none
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 {
        margin-top: 0
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article {
        flex-direction: column
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure {
        width: 100%;
        padding: 20px 4%
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure:nth-child(1)::after {
        transition: all .5s 1s;
        -webkit-transition: all .5s 1s;
        -moz-transition: all .5s 1s;
        -ms-transition: all .5s 1s;
        -o-transition: all .5s 1s
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure:nth-child(2)::after {
        transition: all .5s 1s;
        -webkit-transition: all .5s 1s;
        -moz-transition: all .5s 1s;
        -ms-transition: all .5s 1s;
        -o-transition: all .5s 1s
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure::before {
        display: none
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure::after {
        left: 0;
        bottom: 0;
        width: 1px;
        height: 0;
        background: #fff
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure.aos-animate::before {
        height: 0
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure.aos-animate::after {
        height: 1px;
        width: 100%;
        opacity: .2
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure .img_wrap {
        margin-top: 20px;
        width: 100px;
        height: 100px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure .img_wrap img {
        height: 45px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure figcaption h3 {
        margin-top: 10px;
        font-size: 18px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article>figure figcaption p {
        font-size: 16px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit {
        display: none
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit.hidden {
        display: none
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit.mo {
        display: block;
        opacity: 1;
        padding: 60px 0 20px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit p {
        font-size: 14px
    }

    body main.sub_page#about .section:not(.fp-auto-height).section_03 article .tit h2 {
        font-size: 20px
    }

    body main.sub_page#member select {
        padding: 5px;
        background: url("../images/common/ico_select_01.svg") no-repeat right 5px center
    }

    body main.sub_page#member .tit {
        margin-top: 120px
    }

    body main.sub_page#member .tit h2 {
        font-size: 26px
    }

    body main.sub_page#member .tit p {
        font-size: 16px
    }

    body main.sub_page#member .box_01 {
        width: 75px;
        min-width: 75px;
        padding: 10px
    }

    body main.sub_page#member .btn.submit {
        font-size: 16px
    }

    body main.sub_page#member .layout_box {
        margin: 60px auto 0;
        padding: 0
    }

    body main.sub_page#member .layout_box .form_wrap {
        padding: 0;
        border: none
    }

    body main.sub_page#member.login section {
        padding: 0 4%
    }

    body main.sub_page#member.login section .form_wrap .user {
        flex-direction: column
    }

    body main.sub_page#member.login section .form_wrap .user>div label input {
        padding: 10px
    }

    body main.sub_page#member.login section .form_wrap .user input[type=submit] {
        min-width: auto;
        padding: 5px 10px
    }

    body main.sub_page#member.login section .form_wrap .user_help label i {
        margin-right: 5px
    }

    body main.sub_page#member.search section {
        padding: 0 4%
    }

    body main.sub_page#member.search section .search_type>a {
        height: auto;
        font-size: 16px;
        padding: 10px
    }

    body main.sub_page#member.search section .form_wrap>form {
        width: 100%
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label>input,
    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap {
        padding: 10px
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label>input {
        height: auto
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap {
        padding: 10px
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap .selfBtn {
        width: auto
    }

    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap select,
    body main.sub_page#member.search section .form_wrap>form .user_input label .input_wrap input {
        width: 65px
    }

    body main.sub_page#member.search section .form_wrap>form .user_help {
        margin-top: 20px
    }

    body main.sub_page#member.search section .form_wrap>form .user_help input {
        padding: 5px 30px;
        width: auto;
        height: auto
    }

    body main.sub_page#member.join section {
        padding: 0 4%
    }

    body main.sub_page#member.join section i {
        margin-right: 5px
    }

    body main.sub_page#member.join section .btn.submit {
        margin: 40px auto 0;
        width: auto;
        height: auto;
        padding: 5px 30px
    }

    body main.sub_page#member.join section table tr th {
        width: auto;
        padding: 10px;
        font-size: 13px
    }

    body main.sub_page#member.join section table tr td {
        padding: 10px
    }

    body main.sub_page#member.join section table tr td input[type=text],
    body main.sub_page#member.join section table tr td input[type=password],
    body main.sub_page#member.join section table tr td input[type=email] {
        padding: 5px 7px
    }

    body main.sub_page#member.join section table tr td select {
        width: 65px;
        height: 30px
    }

    body main.sub_page#member.join section table tr td select~input {
        width: 65px;
        height: 30px
    }

    body main.sub_page#member.join section table tr td .input_wrap {
        flex-wrap: wrap
    }

    body main.sub_page#member.join section table tr td label,
    body main.sub_page#member.join section table tr td p {
        font-size: 12px
    }

    body main.sub_page#member.join section table .children_wrap {
        text-indent: 0;
        padding-left: 0
    }

    body main.sub_page#member.join section table .children_wrap select {
        width: 100%;
        margin: 5px 0
    }

    body main.sub_page#member.join section .policy_warp>div {
        margin-top: 40px;
        height: 150px;
        padding: 20px;
        font-size: 14px
    }

    body main.sub_page#member.join section .policy_warp>div:first-child {
        margin-top: 40px
    }

    body main.sub_page#member.join section .policy_warp label {
        font-size: 13px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap {
        padding: 0
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage {
        width: 100%
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .children_wrap {
        margin-top: 10px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .mypage_yn i {
        width: 15px;
        height: 15px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .mypage_yn label {
        font-size: 16px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .user_help {
        display: flex;
        justify-content: center;
        gap: 20px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .user_help input,
    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap #mypage .user_help a {
        margin-top: 20px;
        width: auto;
        height: auto;
        padding: 10px 20px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap>form .user_input label .input_wrap {
        padding: 5px
    }

    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap>form .user_input label .input_wrap select,
    body main.sub_page#member.mypage_wrap .sec article .layout_box .form_wrap>form .user_input label .input_wrap input {
        height: 30px
    }

    body main.sub_page#board {
        margin-top: 120px
    }

    body main.sub_page#board .sec {
        padding: 0 4%
    }

    body main.sub_page #reply {
        padding: 0 4%;
        margin-top: 40px
    }

    body main.sub_page #reply .info p {
        margin-left: 10px;
        font-size: 14px
    }

    body main.sub_page #reply #reply_form {
        height: 60px
    }

    body main.sub_page #reply #reply_form .r_text {
        width: 100%
    }

    body main.sub_page #reply #reply_form .reply_send_btn {
        max-width: 100px;
        font-size: 16px
    }
}

@media(max-width: 476px) {
    body #header {
        height: 50px
    }

    body #header.change_top {
        top: -50px
    }

    body #header #header_wrap #header_full {
        width: 70%;
        top: 50px;
        height: calc(100vh - 50px);
        font-size: 18px;
        gap: 15px;
        padding: 40px 0 15vh
    }

    body #header #header_wrap #header_full>li:not(.login)>a {
        padding: 0 20px
    }

    body #header #header_wrap #header_full>li:not(.login)>a svg {
        width: 15px
    }

    body #header #header_wrap #header_full .depth_01 {
        font-size: 15px;
        gap: 10px;
        margin: 20px 0 0 0;
        padding: 20px;
        gap: 10px
    }

    body #header #header_wrap #header_full .login {
        font-size: 14px
    }

    body #header #header_wrap #header_left {
        width: 100px;
        background-size: 100px !important
    }

    body #header #header_wrap #header_left a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        background-size: 100px !important
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div {
        display: initial
    }

    body #footer .footer_wrap nav.f_link .wrap_02 li div:nth-of-type(2n) {
        margin-right: initial
    }

    body main#main_page .main_section.main_visual {
        height: auto
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper {
        height: 500px
    }

    body main#main_page .main_section.main_visual article.swiper-wrapper figure.swiper-slide figcaption {
        top: 30%;
        transform: translateY(-30%)
    }

    body main#main_page .main_section.main_visual article.mv_gnb {
        position: unset;
        left: unset;
        bottom: unset
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap {
        flex-direction: column
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_wrap h3 {
        display: none
    }

    body main#main_page .main_section.main_visual article.mv_gnb .search_keyword a {
        font-size: 12px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul {
        margin-top: 20px;
        gap: 10px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li {
        width: 100%
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a {
        padding: 20px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a svg {
        width: 35px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a h3 {
        margin: 0 0 0 20px;
        font-size: 14px
    }

    body main#main_page .main_section.main_section_01 .content_wrap>div.left>ul li a h3 span {
        font-size: 16px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container {
        max-width: 100%;
        padding: 0 4%
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .product_navi {
        max-width: 95%;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .product_navi>div {
        width: 20px;
        height: 20px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure .img_wrap img {
        width: 175px;
        height: 175px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption h2 .circle {
        width: 40px;
        height: 40px;
        left: -20px;
        top: -20px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_01 {
        margin-top: 10px;
        font-size: 16px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption p.text_02 {
        margin-top: 10px;
        font-size: 15px
    }

    body main#main_page .main_section.main_section_02 .content_wrap .main_product .swiper-container .swiper-wrapper .swiper-slide figure figcaption a {
        margin-top: 20px
    }

    body main.sub_page .sec_tab article ul li a {
        padding: 5px 10px
    }

    body main.sub_page#inquiry {
        margin-top: 90px
    }

    body main.sub_page#faq {
        margin-top: 90px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu {
        flex-wrap: wrap;
        gap: 5px 0
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.tit {
        width: 100%;
        min-width: 100%;
        font-size: 13px
    }

    body main.sub_page#faq .sec.sec_02>article.wrap ul li>div.qu p.con {
        width: 90%
    }

    body main.sub_page#location {
        margin-top: 90px
    }

    body main.sub_page#product_list {
        margin-top: 90px
    }

    body main.sub_page#product_list .sec {
        padding: 0 4%
    }

    body main.sub_page#product_list .sec.sec_product>article>ul {
        gap: 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li {
        width: 100%;
        padding: 20px
    }

    body main.sub_page#product_list .sec.sec_product>article>ul>li figure .img_wrap img {
        width: 150px;
        height: 150px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap {
        margin-top: 60px
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap {
        margin: 20px 0 0 0;
        padding: 0
    }

    body main.sub_page#product_detail .sec.sec_detail .wrap .p_title .info_wrap .img_main {
        width: 100%;
        height: 100%
    }

    body main.sub_page#product_season {
        margin-top: 90px
    }

    body main.sub_page#board {
        margin-top: 90px
    }

    body main.sub_page#member.join section table tr td input[type=text],
    body main.sub_page#member.join section table tr td input[type=password],
    body main.sub_page#member.join section table tr td input[type=email] {
        width: 100%
    }
}