@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: normal;
    font-style: normal;
}
:root {
    --main-color01: #1818b5;
    --main-color02: #1818b5c7;
    --main-color03: #1818b56c;
    --btn-color01: #3b4263;
    --btn-color02: #565f89;
    --txt-color01: #ffffff;
    --txt-color02: #9da4c9;
    --btn-white-color01 : #f5f5f5;
    --btn-white-color02 : #e0e0e0;
    --bg-color: #1e2035;
    --black: #000;
    --border-radius: 11px;
    /* default custom */
    --ct-input-placeholder-color: rgba(0, 27, 55, 0.1);
    --ct-link-hover-color: var(--txt-color01);
    --transition-option: .2s ease;
    --transition-option02: 0.6s ease-in-out;
}
/*Common*/
*{margin:0;padding:0;box-sizing:border-box;word-break: keep-all;font-family: 'Pretendard-Regular';}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;word-break:keep-all;
    -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
    body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
    font-family: 'Pretendard-Regular';
    font-size:16px;font-weight:normal
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img{vertical-align: middle;}
input,select,textarea{
    vertical-align:middle;
    height: 35px;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 0 2px var(--ct-input-placeholder-color);
    padding-left: 5px;
    transition: all var(--transition-option);
    width: 100%;
}
a{color:#7d7d7d;text-decoration:none;cursor:pointer;transition: all var(--transition-option);}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{margin:-1px 0;padding-right:1px;}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{width:0;}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{line-height:0;}
img{max-width:100%;}

input:hover,select:hover,textarea:hover{
    box-shadow: inset 0 0 0 2px var(--main-color03);
}
input:focus,select:focus,textarea:focus{
    box-shadow: inset 0 0 0 2px var(--main-color01);
    outline: none;
}
input[type="checkbox"] {
    box-shadow: none;
    width: unset;
}
button {
    width: 100%;
    max-width: 500px;
    padding: 10px 15px;
    font-size: 17px;
    background-color: var(--main-color02);
    border-radius: 10px;
    color: white;
    border: none;
    transition: background var(--transition-option);
}
button:hover{
    background: var(--main-color01);
}

/* fullPage setting */
html,
body {
    width: 100%;
    height: 100%;
}
body::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}
.fpSwiper {
    width: 100%;
    height: 100vh;
}
.fpSwiper>.swiper-wrapper {
    height: 100%;
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: 20px;
}
.swiper-pagination {
    transition: transform var(--transition-option02), opacity var(--transition-option02);
}
.swiper-pagination.transition-up {
    transform: translateY(-50px);
    opacity: 0;
    pointer-events: none;
}
.swiper-pagination ul{
    margin: 0;
    margin-right: 20px;
    padding: 0;
    list-style: none;
}
.swiper-pagination span {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    background: var(--main-color01);
    vertical-align: middle;
    line-height: 10px;
    transition:all 0.2s 0s;
}
.swiper-pagination.dark span {
    background: #fff;
}
.swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
}
a {
    text-decoration: none;
    color: #333;
}
img {
    max-width: 100%;
    object-fit: cover;
}
.inner {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;transition:all 0.2s 0s;}
#header:before{
    display:block;content:"";
    width:100%;height:80px;
    background:#fff;
    position:absolute;left:0;top:0;z-index:-1;
    transform-origin:top;
    opacity:0;
    transition:all 0.6s;
}
#header:after{
    display:block;content:"";
    width:100%;height:80px;
    background:#fafafa;
    position:absolute;left:0;top:100%;
    transform-origin:top;
    transform:scaleY(0);
    transition:all 0.6s;
}
/* #header.foot .head {background-color: #fff;} */
.head{height:80px;text-align:center;}
.head h1{position:absolute;top:50%;transform: translateY(-50%);left:3%;z-index:5000;}
.head h1 a{
    display:block;
    width:145px;height:41px;
    background:url('/img/wigomedi_logo.png') no-repeat center center/contain;;
    background-size:contain;
    text-indent:-9999px;
    transition:all 0.6s;
}
.head .gnb{
    display:flex;align-items:center;height: 100%;
    position:absolute;right:3%;top:0;
}
.head .gnb .btnMenu{
    display:flex;flex-wrap:wrap;justify-content:flex-end;
    position:relative;
    width:30px;height:21px;z-index:8000;
    cursor:pointer;
}
.head .gnb .btnMenu>div{
    width:85%;height:3px;
    background:black;
    margin-bottom:6px;
    transition:all 0.6s;
}
.head .gnb .btnMenu.wh>div{background:black !important;}
.head .gnb .btnMenu>div:nth-child(1),
.head .gnb .btnMenu>div:nth-child(3){width:85%;}
.head .gnb .btnMenu>div:nth-child(2){margin-right:15%;}
.head .gnb .btnMenu>div:last-child{margin-bottom:0;}

.head .gnb .btnMenu.openmenu>div:nth-child(1){transform: translateY(8.5px) rotate(45deg);}
.head .gnb .btnMenu.openmenu>div:nth-child(2){transform:scale(0);}
.head .gnb .btnMenu.openmenu>div:nth-child(3){transform: translateY(-8.5px) rotate(-45deg);}
.head .gnb>a {color: black;}
.head .login_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1.5px solid black;
    color: black;
    border-radius: 50%;
    transition: all 0.4s;
    font-size: 24px;
}
.head .language{
    position: relative;
    width:68px;height:34px;
    margin-right:30px;
    cursor:pointer;
    z-index: 5000;
}
.head .language>a{
    display:flex;align-items:center;justify-content: center;position:relative;
    width:100%;height:100%;
    border:1px solid black;border-radius:17px;
    font-family:"Nunito Sans";font-size:12px;color:black;transition:all 0.6s;

}
.head .language>a i{
    display:inline-block;
    width:6px;height:6px;
    border-left:2px solid black;border-bottom:2px solid black;
    transform:rotate(-45deg);transition:all 0.6s; margin: 0 0 5px 5px;
}
.head .language .lang_box{
    display: none;
    position: absolute;
    top: 38px;
    left: 50%; transform: translateX(-50%);
    box-sizing: border-box;
    color: #000;
    z-index: 5000;
}
.head .language .lang_box a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:"Nunito Sans";
    width: 68px; height: 34px;
    border: 1px solid black;
    color: black;
    border-radius: 17px;
    font-size: 12px;
    transition: all 0.3s;
}
.head .language .lang_box .lang_list a:hover{
    background-color: rgba(255,255,255,0.3);
}

.head .pcNav>ul{display:flex;justify-content:center;}
.head .pcNav>ul>li{position:relative;margin:0 3vw;}
.head .pcNav>ul>li>a{
    display:flex;align-items:center;justify-content:center;
    height:80px;
    font-family:"Nunito Sans";font-size:18px;color:black;
}
.head .pcNav>ul>li.on>a{
    color: var(--main-color01) !important;
}
.head .pcNav>ul>li>ul{
    display:none;
    overflow:hidden;
    position:absolute;left:-30px;top:calc(100% + 0px);z-index:100;
    width:1200px;
}
.head .pcNav>ul>li:nth-child(1)>ul{left:-75px;}
.head .pcNav>ul>li>ul>li{
    position:relative;
    float:left;
    padding:0 30px;
}
.head .pcNav>ul>li>ul>li:after{
    display:block;content:"";
    width:1px;height:14px;
    background:#afafaf;
    position:absolute;right:0;top:50%;
    margin-top:-7px;
}
.head .pcNav>ul>li>ul>li:last-child:after{display:none;}
.head .pcNav>ul>li>ul>li>a{
    font-size:17px;color:#444;line-height:80px;
}
.head .pcNav>ul>li>ul>li>a:hover{border-bottom:1px solid #444;}

/* allmenu */
.allmenuBg{
    display:block;
    width:46px;height:46px;
    background: url('https://ggotbosa.com/img/homepage/slide_img01.jpg') no-repeat center center/cover;
    border-radius:50%;
    position:absolute;left:calc(100% - 4%);top:48px;z-index:5000;
    transform:translate(-50%,-50%) scale(0);
    transition:all var(--transition-option02);
}
.allmenuBg.on{transform:translate(-50%,-50%) scale(100);}
.allmenu{
    position:absolute;left:0;top:0;z-index:6000;
    box-sizing:border-box;
    width:100%;height:100vh;
    transform:scale(0);
    text-align:center;
}
.allmenu.open{transform:scale(1);transition:transform 0s 0.6s;}
.allmenu .allmenuwrap{
    opacity:0;
    display:flex;align-items:center;
    background: url('https://ggotbosa.com/img/homepage/slide_img01.jpg') no-repeat center center/cover;
    width:100%;height:100%;
    background-size:cover;
}
.allmenu.open .allmenuwrap{opacity:1;transition:opacity 1s 0.6s;}
.allmenu .allmenuwrap>div{
    display:flex;
    width:94%;
    margin:0 auto;
}
.allmenu .allmenuwrap>div>.wigomedi{
    width:25%;
    font-family:"Nunito Sans";font-size:3.6vw;color:var(--main-color01);font-weight:500;line-height:1.2em;text-align:left;
}
.allmenu .allmenuwrap>div>ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:70%;row-gap: 5vh;}
.allmenu .allmenuwrap>div>ul>li{
    position:relative;
    box-sizing:border-box;
    width:48%;
    text-align:left;
}
.allmenu .allmenuwrap>div>ul>li>a{
    font-family:"Nunito Sans";font-size:30px;color:black;font-weight:600;transition:all 0.24s;
}
.allmenu .allmenuwrap>div>ul>li.act>a,
.allmenu .allmenuwrap>div>ul>li:hover>a{color:var(--main-color01);}
.allmenu .allmenuwrap>div>ul>li>ul{
    margin-top:20px;padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.2);
    transition:all 0.24s;
}
.allmenu .allmenuwrap>div>ul>li.act>ul,
.allmenu .allmenuwrap>div>ul>li:hover>ul{border-top:1px solid var(--main-color01);}
.allmenu .allmenuwrap>div>ul>li>ul>li{margin-bottom:10px;}
.allmenu .allmenuwrap>div>ul>li>ul>li:last-child{margin-bottom:0;}
.allmenu .allmenuwrap>div>ul>li>ul>li>a{font-size:17px;color:rgba(0,0,0,0.8);}
.allmenu .allmenuwrap>div>ul>li>ul>li>a:hover{color: var(--main-color01);}


@media(max-width:812px){
    
    .allmenu .allmenuwrap>div{width:88%;}
    .allmenu .allmenuwrap>div>.wigomedi{display:none;}
    .allmenu .allmenuwrap>div>ul{display:block;width:100%;}
    .allmenu .allmenuwrap>div>ul>li{width:100%;margin-bottom:15px;}
    .allmenu .allmenuwrap>div>ul>li>a{font-size: 26px;}
    .allmenu .allmenuwrap>div>ul>li>ul{display:none;transition:all 0s;margin-top: 5px;padding-top: 10px;}
    .allmenu .allmenuwrap>div>ul>li>ul>li{margin-bottom:5px;}
    .allmenu .allmenuwrap>div>ul>li>ul>li>a{font-size: 15px;}
}

#header.dark .head h1 a{background:url('https://ggotbosa.com/img/homepage/wigomedi_logo_white.png') no-repeat center center/contain;}
#header.dark .head .gnb .btnMenu>div{background:#fff;}
#header.dark .head .gnb>a {color: #fff;}
#header.dark .head .login_btn{border: 1.5px solid #fff; border-radius: 50%; color: #fff; font-size: 24px;}
#header.dark .head .language>a{border:1px solid #fff;color:#fff;}
#header.dark .head .language>a i{border-left:2px solid #fff;border-bottom:2px solid #fff;}
#header.dark .head .language .lang_box a{color: #fff; border: 1px solid #fff;}
#header.dark .head .language .lang_box a:hover{background: #fff;}
#header.dark .head .pcNav>ul>li>a{color:#fff;}

#header.on{background:#fff;}
#header.on:before{opacity:1;}
#header.on:after{transform:scaleY(1);}
#header.on .head h1 a{background:url('https://ggotbosa.com/img/homepage/wigomedi_logo.png') no-repeat center center/contain;}
#header.on .head .pcNav>ul>li>a{color:#000;}
#header.on .head .language>a{border:1px solid #000;color:#000;}
#header.on .head .language>a i{border-left:2px solid #000;border-bottom:2px solid #000;}
#header.on .head .language .lang_box a{color: #000; border: 1px solid #000; background: #fff;}
#header.on .head .gnb .btnMenu>div{background:#fff;}
#header.on .head .login_btn{
    color:black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1.5px solid black;
    border-radius: 50%;
    transition: all 0.4s;
}

/* section */
.index section {
    width: 100%;
    height: 100vh;
}
.index section[class^="cont0"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.index .title {
    margin: 20px 0 60px;
}
.index .title h1 {
    font-size: clamp(31px, 5vw, 60px);
    font-weight: bolder;
    padding-top: 30px;
}
.index .sub_title {
    font-size: clamp(16px, 2vw, 25px);
    color: var(--main-color01);
    letter-spacing: 0.5rem;
}

/* sec_slide */
.index .sec_slide .swiper-wrapper {
    height: inherit;
}
.index .sec_slide a{
    display: block;
    height: inherit;
}
.index .sec_slide img{
    max-width: unset;
    object-fit: contain;
    height: inherit;
}
.index .sec_slide .swiper-slide {
    position: relative;
}
.index .sec_slide .inner.white {
    color: white;
}
.index .sec_slide .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    height: 100%;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    color: var(--main-color01);
}
.index .sec_slide .inner h1{
    font-size: clamp(40px, 5vw, 80px);
    font-weight: bold;
    line-height: 1.1em;
    width: 100%;
}
.index .sec_slide .inner span{
    width: 100%;
}

/* cont01 - product_slide */
.index .cont01 .list_products {
    display: flex;
    overflow: hidden;
    gap: 20px;
}
.index .cont01 .list_products .product_list {
    border-radius: var(--border-radius);
    overflow: hidden;
    display: grid;
    align-items: end;
    padding: 20px 25px;
    flex: 1;
    aspect-ratio: 5 / 6;
}
.index .cont01 .list_products .product_list:nth-child(1) {background: url('/img/newbex_PC.png') no-repeat center center/cover;}
.index .cont01 .list_products .product_list:nth-child(2) {background: url('/img/allvis_PC.png') no-repeat center center/cover;}
.index .cont01 .list_products .product_list:nth-child(3) {background: url('/img/revivecell_PC.png') no-repeat center center/cover;}
.index .product_title {
    display: flex;
    flex-direction: column;
}
.index .product_title b {
    font-size: 3.5rem;
    font-size: clamp(1.5rem, 3vw, 3.5rem);
}
.index .product_title span {
    font-size: 1rem;
    font-size: clamp(1rem, 1.5vw, 1.7rem);
}

/* cont02 - instance */
.index .cont02 {
    /* background-color: var(--main-color01); */
    background: url("/img/company_img.jpg") center center / cover no-repeat;
}
.index .cont02 * {
    color: white;
}
.index .cont02 p {
    padding: 0 10px;
    max-width: 766px;
    font-size: clamp(16px,2vw,20px);
    margin-bottom: 30px;
}

/* cont03 - customer */
.index .cont03 ul {
    width: 94%;
}
.index .cont03 ul li {
    border-top: 1px solid var(--btn-color02);
}
.index .cont03 ul li:last-child {
    border-bottom: 1px solid var(--btn-color02);
}
.index .cont03 ul li a {
    padding: 20px 10px;
    display: flex;
    gap: 20px;
    align-items: center;
    background: url("/img/common/more_arr1.png") center right / 40px no-repeat;
    background-color: var(--txt-color01);
    transition: all var(--transition-option);
}
.index .cont03 ul li a:hover {
    background-color: var(--btn-white-color01);
}
.index .cont03 ul li a .cate {
    width: 300px;
    font-size: 26px;
    font-weight: 700;
}
.index .cont03 ul li a .txt {
    font-size: 18px;
    width: calc(100% - 330px);
    word-break: keep-all;
}

/* cont04 - inquire & cont05 */
.index .cont04 {
    background: url("https://ggotbosa.com/img/homepage/background_img02.png") center center / cover no-repeat;
    color: white;
    text-align: center;
}
.index .cont05 {
    background: url("/img/index_img03.jpg") center center / cover no-repeat;
    color: var(--main-color01);
    text-align: center;
    transition: padding var(--transition-option02);
}
.index .cont05.transition-up {
    /* footer 크기만큼 올리기 */
    padding-bottom: 287px;
}
.index .cont04 .inner,
.index .cont05 .inner {
    width: 90%;
}
.index .cont04 h1,
.index .cont05 h1 {
    font-size: clamp(30px, 5vw, 60px);
}
.index .cont05 h1 {
    font-weight: 700;
}
.index .cont04 button {
    border: none;
    border-radius: 10px;
    background-color: var(--main-color01);
    font-size: clamp(18px, 3vw, 28px);
    color: white;
    font-weight: normal;
    padding: 12px 20px;
    margin-top: 30px;
}

/* footer */
footer{
    color: white;
    width: 100%;
    left: 0;
    bottom: -100%;
    transition: bottom 0.5s ease-in-out;
}
.foot_main {
    position: fixed;
    z-index: 10;
}
footer.transition-up {
    bottom: 0px;
}
.footer_main_area {
    background-color: #333;
    margin-top: auto;
    width: 100%;
}
footer .inner {
    width: 94%;
}
.footer_inner {
    display: flex;
    gap: 50px;
}
.footer_main_area h1 img{
    height: 40px;
}
.toparea {
    padding: 15px 0;
    border-bottom: 1px solid #414141;
}
.toparea .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.toparea ul {
    display: flex;
}
.toparea .sns {
    gap: 5px;
}
.toparea .fm li {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}
.toparea .fm li:not(:last-child)::after{
    display: block;
    content: "";
    width: 1px;
    height: 14px;
    background: #707070;
    position: absolute;
    right: 0;
    top: 3px;
}
.fm a {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.9);
}
.btmarea {
    padding: 20px 0;
}
.btmarea .inner {
    display: flex;
    gap: 18px;
}

/* side_menu */
.side_menu {
    position: fixed;
    bottom: 30px;
    right: 60px;
    z-index: 1999;
    width: 50px;
    display: grid;
    gap: 20px;
    transition: bottom var(--transition-option02);
}
.side_menu * {
    overflow: hidden;
    border-radius: var(--border-radius);
}
.side_menu.transition-up {bottom: 330px;}

/* modal */
.modal{
    position:absolute;
    display:none;
    justify-content: center;
    z-index: 9999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.4);
}
.modal.active {
    display: flex;
}
.modal_body{
    position: fixed;
    top: 50%;
    width: calc(100% - 20px);
    max-width: 750px;
    padding: 25px 20px;  
    text-align: center;
    background-color: rgb(255,255,255);
    border-radius: 10px;
    transform: translateY(-50%);
}
.modal_body h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    color: var(--main-color01);
}
body.scroll-disable {
    overflow: hidden;
    touch-action: none;
}

/* form */
form {
    max-width: 950px;
    margin: 0 auto;
}
.form_box ul {
    display: grid;
    gap: 15px;
    text-align: start;
}
.form_box ul li{
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
}
.form_box ul li label span {
    color: red;
}
.agree_box {
    margin-top: 10px;
}
.foun_btn {
    text-align: center;
    padding-top: 20px;
}

/* 준비이미지 */
.ready {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 482px;
    border-radius: var(--border-radius);
    background: url(/img/ready_img.jpg) no-repeat center / cover;
}
.ready .txt {
    font-size: 40px;
    color: #555;
    font-weight: 700;
}

/* 반응형 */
@media (max-width: 1400px) {
    .head .pcNav{display:none;}
    /* header : 기본메뉴 안보이게 */
    nav {
        display: none;
    }
}
@media (max-width: 1023px) {
    .inner {
        padding: 0 20px;
    }

    /* header */
    .head {
        height: 56px;
    }
    .head h1 {
        width: 120px;
    }
    nav {
        position: absolute;
        width: 100%;
        height: 100vh;
        padding: 80px 20px;
        left: 0; top: 0;
        background-color: rgba(255, 255, 255, 0.9);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
        /* 기본 안보이게 */
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: 0.3s;
    }
    nav.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: 0.2s;
    }
    #header .head .gnb>a span {display: none;}
    .allmenu .allmenuWrap>div {
        width: 88%;
    }
}
@media (max-width: 812px) {
    .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
        right: 10px;
    }
    
    /* header */
    .head{height: 56px;}
    .head h1 a{width:120px;}
    .head .gnb{height: 56px;}

    .index .title {
        margin: 10px 0 20px;
    }
    .index .title h1 {
        padding-top: 4px;
    }

    /* cont01 - product_slide */
    .index .cont01 .list_products {
        flex-direction: column;
        width: 94%;
        max-width: 580px;
        gap: 10px;
    }
    .index .cont01 .list_products .product_list {
        aspect-ratio: 7/3;
        padding: 10px 15px;
    }
    .index .cont01 .list_products .product_list:nth-child(1) {background: url('/img/newbex_M.png') no-repeat center center/cover;}
    .index .cont01 .list_products .product_list:nth-child(2) {background: url('/img/allvis_M.png') no-repeat center center/cover;}
    .index .cont01 .list_products .product_list:nth-child(3) {background: url('/img/revivecell_M.png') no-repeat center center/cover;}
    .index .product_slide {
        width: 100%;
        height: 100%;
    }
    .index .cont01 .product_list .swiper-slide {
        gap: 5px;
    }
    .index .cont01 .product_list .swiper-slide img {
        height: 28vw;
    }

    /* cont03 */
    .index .cont03 ul li a {
        flex-direction: column;
        align-items: flex-start;
        background-position: right 17%;
        gap: 5px;
        padding: 10px;
    }
    .index .cont03 ul li a .cate {
        width: unset;
        font-size: 16px;
    }
    .index .cont03 ul li a .txt {
        width: unset;
    }

    /* cont05 */
    .index .cont05.transition-up {
        padding-bottom: 368px;
    }
    /* side_menu */
    .side_menu {right: 20px; gap: 10px;}
    .side_menu.transition-up {bottom: 410px;}

    /* footer */
    footer .inner {
        width: 100%;
    }
    .footer_main_area h1 img{
        height: 35px;
    }
    .toparea .sns {
        position: absolute;
        margin-top: 35px;
        top: 100%;
        right: 5%;
    }
    .btmarea .inner {
        flex-direction: column;
        gap: 18px;
    }
    .fm a {
        font-size: 12px;
    }

    /* form */
    .form_box ul li {
		grid-template-columns: 1fr;
		gap: 10px;
	}

    /* 준비이미지 */
    .ready {
        height: 300px;
    }
    .ready .txt {
        font-size: 25px;
    }
}