@charset "utf-8";

.btn-txt{ color: #878787; text-decoration: underline; text-underline-position: under; }

.btn-type2{display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;min-width: 140px;height: 40px;line-height: 1;background-color: #333;color: #fff;font-weight: 700;border-radius: 20px; border: 1px solid #333;box-sizing: border-box; font-size: 16px; font-weight: 600; transition: background-color 0.2s, border-color 0.2s;}
.btn-type2:hover {border: 1px solid #828282; background-color: #828282;}
.btn-type2 span{display: inline-block; padding-top: 3px;}
.btn-type2.rev{ background-color: #fff; color: #000; border-color: #c6d4e7;  }
.btn-type3{ border:2px #000 solid; padding: 11px 21px 10px; color:#000; background-color: #fff; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border-radius:5px; font-size: 16px; font-weight: 700; }
.btn-inquiry{
    border: 1px #ddd solid;
    border-radius: 9px;
    padding: 12px 22px;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
@media (hover: hover) {
    .btn-inquiry:hover{ border-color:#333;}
}
@media screen and (max-width: 1200px){
    .btn-inquiry{
        border-radius: 2vw;
        padding: 2vw 4vw;
        line-height: 1.2;
        font-size: 3.4vw;
    }   
}

@media screen and (max-width: 1200px){
    .btn-type2 span{display: inline-block; padding-top: 0.3vw;}
    .btn-type2{padding: 0vw 5vw 0;min-width: 30vw;height: 8.4vw;line-height: 1;font-size: 3.8vw;}
    .btn-type2.btn-login{ width:40%; height:40px; font-size:4.2vw; }
    .btn-type3{padding: 2vw 2.7vw 1.7vw;border-radius: 0.7vw;font-size: 3.6vw;}

}
@media (hover: hover) {
   .btn-type3:hover{ background-color: #000; color: #fff; }
}



[class*="btn-type"].nostock{background-color: #c3c3c3 !important;color: #fff !important; border-color: #c3c3c3 !important; cursor: default;}
[class*="btn-type"].bdrs10{ border-radius: 10px; }
[class*="btn-type"].hg2{ height: 40px;  }
[class*="btn-type"].ph_s{ padding-left: 15px; padding-right: 15px; }
[class*="btn-type"].ph_nl{ padding-left: 40px; padding-right: 40px; }
[class*="btn-type"].ph_l{ padding-left: 60px; padding-right: 60px; }
[class*="btn-type"].small{ width:auto; height:45px; font-size:16px; }
[class*="btn-type"].xsmall{ width:auto; min-width: 115px; height:38px; font-size:15px; padding: 0px 16px; }
[class*="btn-type"].xxsmall{width:auto;height:28px;min-width: auto;font-size: 12px;padding: 0 10px; font-family: var(--ff-ori);}
[class*="btn-type"].xxsmall span{padding-top: 0;}
[class*="btn-type"].li_ty2{border-radius: 4px;border-color: #d6d6d6;background: #f2f2f2;color: #222;}
[class*="btn-type"].custom1 {border: 2px #000 solid;color:#000;font-weight: 800;margin-left: 9px;min-width: 70px;height: 40px;box-sizing: border-box;border-radius: 5px; font-size: 15px;}
[class*="btn-type"].custom1:hover {background-color: #000; color: #fff;}
[class*="btn-type"].c_sky{ background-color: var(--color-sky); border-color: var(--color-sky);  }
[class*="btn-type"].c_red{ background-color: var(--color-red); border-color: var(--color-red);  }
[class*="btn-type"].c_gray{ background-color: var(--color-gray); border-color: var(--color-gray);  }
[class*="btn-type"].c_gray2{ background-color: var(--color-gray2); border-color: var(--color-gray2);  }
[class*="btn-type"].c_gray3{ color: #000; background-color: var(--color-gray3); border-color: var(--color-gray3);  }
[class*="btn-type"] i{margin-right: 5px;font-size: 1.02em;}
[class*="btn-type"] span + i{ margin-right:0; margin-left: 5px;}

@media screen and (max-width: 1200px){
    [class*="btn-type"].bdrs10{ border-radius: 2vw; }
    [class*="btn-type"].hg2{ height: 7vw;  }
    [class*="btn-type"].ph_s{ padding-left: 15px; padding-right: 15px; }
    [class*="btn-type"].ph_nl{padding-left: 6vw;padding-right: 6vw;}
    [class*="btn-type"].ph_l{ padding-left: 60px; padding-right: 60px; }
    [class*="btn-type"].small{width:auto;height: 11vw;font-size: 4vw;}
    [class*="btn-type"].xxsmall{height: 6vw;font-size: 2.8vw;padding: 0 2.6vw;}
    [class*="btn-type"].xxsmall span{padding-top: 0;}
    [class*="btn-type"].li_ty2{border-radius: 1.2vw;border-color: #000;}
    [class*="btn-type"].custom1 {color:#000;font-weight: 800;margin-left: 2vw;min-width: 14vw;height: 10vw;box-sizing: border-box;border-radius: 0.8vw;font-size: 3.2vw;}
    [class*="btn-type"].custom1:hover {background-color: #000; color: #fff;}
    [class*="btn-type"].c_sky{ background-color: var(--color-sky); border-color: var(--color-sky);  }
    [class*="btn-type"].c_red{ background-color: var(--color-red); border-color: var(--color-red);  }
    [class*="btn-type"].c_gray{ background-color: var(--color-gray); border-color: var(--color-gray);  }
    [class*="btn-type"] i{margin-right: 5px;font-size: 1.02em;}
    [class*="btn-type"] span + i{ margin-right:0; margin-left: 5px;}
    
}



@media (hover: hover) {
   [class*="btn-type"].nostock{background-color: #c3c3c3 !important;color: #fff !important; border-color: #c3c3c3 !important;}

   .btn-type2:hover{ opacity: 0.7; }
   .btn-type2.rev:hover{ background-color: #000; color: #fff; border-color: #000; }
   .btn-type2.hv_blue:hover{background-color: #032c78; border-color: #032c78;}
   [class*="btn-type"].c_gray3:hover{ color: #fff; background-color: #000; border-color: #000;  }
   
}


.wrap-search-tag-top{ width: 500px;  }
.wrap-search-tag-top .inner{ width: 100%; height: 50px; position: relative;  }
.wrap-search-tag-top .inp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;padding: 0 30px;line-height: 1.2;background-color: #f6f6f6;border: 0;border-radius: 500px;  cursor:pointer;}
.wrap-search-tag-top .inp_inviteLink{transition: background-color 0.25s ease-in-out; position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;padding: 0 30px;line-height: 1.2;background-color: #f6f6f6;border: 0;border-radius: 500px;  cursor:pointer;}
.wrap-search-tag-top .inp_inviteLink:hover{background-color: #f38900de; color: #fff;}
.wrap-search-tag-top input.inp::placeholder{ color: #969696; }
.wrap-search-tag-top input.inp_inviteLink::placeholder{ color: #f38900; font-weight: bold; transition: color 0.25s ease-in-out; }
.wrap-search-tag-top .inp_inviteLink:hover::placeholder{color: #fff;}
.wrap-search-tag-top [class*="icon-"]{
    position: absolute;
    right: 30px;
    top: calc( 50% - 12px);
    font-size: 22px;
    color: #565656;
    line-height: 1;
}





.btn-saveitem{
    border: 1px #ddd solid;
    height: 53px;
    width: 53px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color:#f87b0d;
    font-size: 23px;
}
.btn-saveitem:hover{
    border: 1px #f87b0d solid;
}
.btn-saveitem i{
    margin-top: 2px;
}


.i-txt{display: inline-flex;font-size: 14px;background: #efefef;color: #666;padding: 6px 19px;}
.i-txt.orange{ background: #f39800; color: #fff;}
@media screen and (max-width: 1200px){
    .i-txt{display: inline-flex;font-size: 3vw; padding: 1vw 1.5vw;}
}


.btn-saveitem.active{ background-color: #f87b0d; color:#fff;  }

.inp-type1{width:100%; height: 40px; border: 1px solid #c6d4e7; line-height: 1; border-radius: 6px; font-size: 17px; font-weight: 600; font-family: var(--ff-ori);}

.wrap-in-group.w2{ max-width: 300px;  }
.wrap-in-group{display: inline-flex;align-items: center; }
.wrap-in-group .in { width:100%; height: 40px; border: 1px solid #c6d4e7; line-height: 1; border-radius: 5px; font-size: 17px; font-weight: 800; font-family: var(--ff-ori); }
.wrap-in-group .in:read-only{ border-color: transparent; outline:none; }
@media screen and (max-width: 1200px){
    .wrap-in-group.w2{ flex:1; max-width: none; }
    .wrap-in-group .in {  height: 10vw; border-radius: 0.8vw; font-size: 3vw; }
    .wrap-in-group .in:read-only{ border-color: transparent; outline:none; }
}
.swiper-pagination.type3{}
.swiper-pagination.type3 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
} 
.swiper-pagination.type3 .swiper-pagination-bullet.swiper-pagination-bullet-active{} 


.group_checkbox.size_pm2 .form-group{ min-width: 200px; }


.area_select1{display: inline-block; position: relative;}
.area_select1:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 50%;
    content:"\ea08";
    margin-top: -9px;
    font-size: 18px;
}
.area_select1 > select {
    min-width: 87px;
    height: 38px;
    padding: 0 50px 0 15px;
    border: 1px solid #c6d4e7;
    font-size: 14px;
    line-height: 1.2;
    color: #444;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: 600;
    color: #000;
    font-family: var(--ff-ori);
    border-radius: 5px;
    cursor: pointer;
}
.area_select1 > select::-ms-expand {display:none;}
.area_select1 > select:focus {border-color:#222; outline:none;}

.area_select1 > select.h2{height: 36px;}
.area_select1 > select.ml{margin-left: 5px;}
.area_select1 > select.mr{margin-right: 5px;}
.area_select1 > select.bc1{border-color: #c6d4e7;} 
@media screen and (max-width: 1200px){
    .area_select1{display: inline-block; position: relative;}
    .area_select1:after{
        right: 1vw;
        top: 50%;
        margin-top: -2vw;
        font-size: 4vw;
    }
     .area_select1 > select {
        min-width: 38vw;
        height: 10vw;
        padding: 0 4vw 0 4vw;
        font-size: 3.3vw;
        border-radius: 1.6vw;
        cursor: pointer;
    }
    .area_select1.motype2 > select {
        min-width: 13vw;
        height: auto;
        padding: 0 2vw 0 2vw;
        font-size: 3.6vw;
        border-radius: 0;
        border: 0;
    }
    .area_select1 > select.h2{height: 36px;}
    .area_select1 > select.ml{margin-left: 5px;}
    .area_select1 > select.mr{margin-right: 5px;}
    .area_select1 > select.bc1{border-color: #c6d4e7;} 
}


.area_select3{display: inline-block; position: relative;}
.area_select3:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 7px;
    top: 50%;
    content:"\ea08";
    margin-top: -10px;
    font-size: 20px;
}
.area_select3 > select {
    min-width: 160px;
    min-width:70px\9;
    height: 60px;
    padding: 0 50px 0 10px;
    padding:6px 9px 6px 15px\9;
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    font-size: 17px;
    font-size:17px\9;
    line-height: 1;
    color: #444;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: 400;
}
.area_select3 > select::-ms-expand {display:none;}
.area_select3 > select:focus {border-color:#222; outline:none;}

.area_select3 > select.h2{height: 36px;}
.area_select3 > select.ml{margin-left: 5px;}
.area_select3 > select.mr{margin-right: 5px;}
.area_select3 > select.bc1{border-color: #eaeaea;} 




.area_select4{display: inline-block;position: relative;width: 100%;}
.area_select4:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 17px;
    top: 50%;
    content:"\ea08";
    margin-top: -10px;
    font-size: 20px;
}
.area_select4 > select {
    min-width: 100%;
    min-width:70px\9;
    height: 60px;
    padding: 0 50px 0 20px;
    padding:6px 9px 6px 15px\9;
    border: 0;
    border-width: 0 0 1px;
    font-size: 17px;
    font-size:17px\9;
    line-height: 1.4;
    color: #000;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: #fff;
    font-weight: 500;
    box-sizing: border-box;
    background: #f1f3f9;
    border-radius: 10px;
}
.area_select4 > select::-ms-expand {display:none;}
.area_select4 > select:focus {border-color:#222; outline:none;}

.area_select4 > select.h2{height: 36px;}
.area_select4 > select.ml{margin-left: 5px;}
.area_select4 > select.mr{margin-right: 5px;}
.area_select4 > select.bc1{border-color: #eaeaea;} 
.area_select4.bg_white > select{background-color: #fff;border: 1px #c6d4e7 solid;}
@media screen and (max-width: 1200px){
    .area_select4:after{
        position: absolute;
        right: 5vw;
        margin-top: -2.5vw;
        font-size: 5vw;
    }
    .area_select4 > select {
        height: 14vw;
        padding: 0 5vw 0 4vw;
        font-size: 4vw;
        border-radius: 2vw;
    }
    .area_select4 > select.h2{height: 36px;}
    .area_select4 > select.ml{margin-left: 5px;}
    .area_select4 > select.mr{margin-right: 5px;}
    .area_select4 > select.bc1{border-color: #eaeaea;} 
    .area_select4.bg_white > select{background-color: #fff;border: 1px #c6d4e7 solid;}
}



.blind {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: 1px;
    line-height: 0;
}

/*FQA*/
.total-searchBox {margin-bottom:30px; display:flex; align-items: center; justify-content: space-between;}
.total-txt {font-size:18px; color:#000; font-weight:600;}
.total-txt .total-num {color: #00B8E4; font-weight:700;}
.search {width: 350px; position: relative;}
.inputBox {position: relative; display: inline-flex; justify-self: center; align-items: center; width: 100%; border-radius: 60px;border: 1px solid #ddd; padding: 9px 56px 9px 0;}
.input-txt {position: relative; display: inline-block; width: auto; min-width: 80px; height: 40px; text-align: left; font-size: 16px; line-height: 1; color: #111; font-weight: 500; padding-left: 20px;}
.searchBtn {position: absolute; width: 18px; height: 18px; right: 20px; top: 50%; transform: translateY(-50%); background: url(https://upsisa.ybmnet.co.kr/new_business/ybmengloo_com_PHP/images/common/i-search.svg) center center no-repeat; background-size: 100%; font-size: 0;}
@media screen and (max-width: 1200px){
    .total-searchBox {margin-bottom:30px; display:flex; align-items: center; justify-content: space-between;}
    .total-txt {font-size:18px; color:#000; font-weight:600;}
    .total-txt .total-num {color: #00B8E4; font-weight:700;}
    .search {width: 350px; position: relative;}
    .inputBox {position: relative; display: inline-flex; justify-self: center; align-items: center; width: 100%; border-radius: 60px;border: 1px solid #ddd; padding: 9px 56px 9px 0;}
    .input-txt {position: relative; display: inline-block; width: auto; min-width: 80px; height: 40px; text-align: left; font-size: 16px; line-height: 1; color: #111; font-weight: 500; padding-left: 20px;}
    .searchBtn {position: absolute;width: 6vw;height: 6vw;right: 5vw;top: 50%;transform: translateY(-50%);}
}


/* notice */

.notice-list__wrap {border-top: 1px solid #111;}
.notice-list__item {border-bottom: 1px solid #DDDDDD; display: flex; align-items: center; padding: 35px 0;}
.notice-num {width:82px; display:block; font-size: 18px;color:#111; text-align:center; font-weight:600}
.notice-con {display:flex; padding:0 30px; justify-content:space-between; width:100%}
.notice-title {font-size: 20px; color:#111; font-weight:600; transition: all .1s linear;}
.notice-title:hover {color:#00B8E4; transition: all .1s linear;}
.notice-date {width:158px; display:block; color: rgba(17, 17, 17, 0.50);font-size:15px; text-align:right; font-weight:600;}

.notice-detail__wrap {border-top: 1px solid #111;}
.notice-detail__header {border-bottom: 1px solid #DDDDDD; display: flex; align-items: center; padding: 35px 0;}
.notice-detail__header .notice-con {align-items:center;}
.notice-detail__body {margin-top:35px; padding-bottom:35px; border-bottom:1px solid #ddd;}
.notice-body__con {padding:0 30px; font-size:16px; color:#494B4A; line-height:34px;}

/*editor color*/
.notice-title strong, .notice-title b, .notice-pagination strong, .notice-pagination b, .noticeB-list__item strong, .noticeB-list__item b {font-weight:600 !important;}
.notice-title font, .notice-pagination font, .noticeB-list__item font {color:#151515 !important;}
.notice-title:hover font, .notice-pagination .arrow > a:hover font {color:#00B8E4 !important; transition: all .1s linear;}
.faq-question__text font {color:#151515 !important;}
.faq-question.active .faq-question__text font {color: #00B8E4 !important;}

/*list-pagination*/
.list-pagination, .notice-pagination {margin-top:100px; display:flex; justify-content: center; align-items: center;}
.list-pagination .arrow > a:last-child {margin-left:10px;}
.list-pagination .num-list {display:flex; align-items:center; margin:0 50px}
.list-pagination .num-list a {font-size: 18px; font-weight: 600; color: #111; display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align:center; line-height:40px;}
.list-pagination .num-list li + li {margin-left:10px;}
.list-pagination .num-list li.on a {color: #fff; background: #f39800}


.tab_type6{border-bottom: 1px solid #dfdfdf;}
.tab_type6 > .inner{max-width: 980px;display: flex;margin: 0 auto;}
.tab_type6 ul{}
.tab_type6 li{
    width: 100%;
    text-align: center;
    margin-bottom:-1px;
}
.tab_type6 li a{padding: 14px 15px; font-size: 20px;line-height: 1.2;color: #8f8f8f;text-align: center;display: block; border-bottom:2px transparent solid;}
.tab_type6 li a:hover{ color: #222; }
.tab_type6 li.on a{border-bottom-color:#000; color:#000; font-weight:600;}
@media screen and (max-width: 1200px){
    .tab_type6{}
    .tab_type6 > .inner{display: flex;margin: 0 auto;align-items: flex-end;flex-wrap: wrap;}
    .tab_type6 ul{ }
    .tab_type6 li{ width: 25%; }
    .tab_type6 li a{padding: 2vw 0;font-size: 3.6vw;}
    
    .tab_type6.details li.n1{width: 22%;}
    .tab_type6.details li.n2{width: 22%;}
    .tab_type6.details li.n3{width: 34%;}
    .tab_type6.details li.n4{width: 22%;}

}
.tab-txtbox{}
.tab-txtbox ul{
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}
.tab-txtbox ul li{margin: 10px 0 0 10px;}
.tab-txtbox ul li a{
    font-size: 15px;
    display: block;
    line-height: 1;
    background: #eeeeee;
    color: #777777;
    padding: 12px 23px;
    border-radius: 10px;
    overflow: hidden;
}
.tab-txtbox ul li.on a{
    background-color: #ff6600; color: #fff;
}
@media (hover: hover) {
    .tab-txtbox ul li a:hover{
        background-color: #ff6600; color: #fff;
    }
}

@media screen and (max-width: 1200px){
    .tab-txtbox ul{
        margin: -1vw 0 0 -1.5vw;
    }
    .tab-txtbox ul li{margin: 1vw 0 0 1.5vw;}
    .tab-txtbox ul li a{
        font-size: 3.2vw;
        padding: 2vw 4vw;
        border-radius: 1.4vw;
    }

}


.btn-like-type1{display: inline-flex;width: 40px;height: 40px;border-radius: 50%;background-color: #d7d7d7;font-size: 18px;line-height: 1.2;color: #fff;justify-content: center;align-items: center;}
.btn-like-type1.active{ background:#f39800; }
@media screen and (max-width: 1200px){
    .btn-like-type1{display: inline-flex;width: 9.33vw;height: 9.33vw;font-size: 4vw;}
}


.btn-choose-fix{
    position: fixed;
    left: calc(50% - 400px);
    bottom: 0;
    width: 800px;
    background: #fff;
    z-index: 3;
    box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
    -webkit-box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
    -moz-box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
    box-sizing: border-box;
    padding: 20px 100px;
}
.btn-choose-fix .selects{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
}
.btn-choose-fix .selects .option{
    border: 1px #cccccc solid;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 2vw;
    margin: 5px;
    display: inline-flex;
}
.btn-choose-fix .selects .option .t{
    font-size: 16px;
}
.btn-choose-fix .selects .option .del{
    margin-left: 12px;
    line-height: 0;
}
.btn-choose-fix .selects .option .del i{}
.btn-choose-fix .btns{
    margin-top: 25px;
    text-align: center;
}
.btn-choose-fix .btns .btn-complete{
    background: #000;
    color: #fff;
    width: 270px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 15px 10px;
}


@media screen and (max-width: 1200px){
    .btn-choose-fix{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 3;
        box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
        -webkit-box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
        -moz-box-shadow: -1px -3px 27px -1px rgba(0,0,0,0.24);
        box-sizing: border-box;
        padding: 2vw 4vw 4vw;
    }
    .btn-choose-fix .selects{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .btn-choose-fix .selects .option{
        border: 1px #cccccc solid;
        border-radius: 1vw;
        padding: 1.7vw 3.6vw;
        margin-bottom: 2vw;
        margin: 1vw 0.8vw;
        display: inline-flex;
    }
    .btn-choose-fix .selects .option .t{
        font-size: 3.6vw;
    }
    .btn-choose-fix .selects .option .del{
        margin-left: 2vw;
        line-height: 0;
    }
    .btn-choose-fix .selects .option .del i{}
    .btn-choose-fix .btns{
        margin-top: 3vw;
    }
    .btn-choose-fix .btns .btn-complete{
        background: #000;
        color: #fff;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4.6vw;
        padding: 3vw;
    }
}

.swiper-button-prev.type4,
.swiper-button-next.type4{width: 66px;height: 66px;border-radius: 50%;background-color: #fff;border: 1px solid #ececec;top: calc(50% - 46px);left: auto;right: auto;box-shadow: 4px 5px 12px 1px rgb(14 14 14 / 19%);-webkit-box-shadow: 4px 5px 12px 1px rgb(14 14 14 / 19%);-moz-box-shadow: 4px 5px 12px 1px rgb(14 14 14 / 19%); display: flex; align-items: center; justify-content: center;}
.swiper-button-prev.type4{ left: -60px; }
.swiper-button-next.type4{ right: -60px; }
.swiper-button-prev.type4:before,
.swiper-button-next.type4:before{ background: url(../images/common/ico_arr_prev.gif) no-repeat 50% 50%; background-size: contain; width: 16px; height: 9px; content:""; }
.swiper-button-next.type4:before{ background-image: url(../images/common/ico_arr_next.gif);  }
.swiper-button-prev.type4:after,
.swiper-button-next.type4:after{ display: none; }
.swiper-button-prev.type4.swiper-button-disabled,
.swiper-button-next.type4.swiper-button-disabled{}
.swiper-button-prev.type4.swiper-button-lock,
.swiper-button-next.type4.swiper-button-lock{ display: none; }

@media screen and (max-width: 1680px){
    .swiper-button-prev.type4{ left: -10px; }
    .swiper-button-next.type4{ right: -10px; }
}
.swiper-scrollbar{ background-color: #dbdbdb !important; }
.swiper-scrollbar .swiper-scrollbar-drag{ background-color: #000 !important; }

@media screen and (max-width: 1200px){
    .swiper-button-prev.type4,
    .swiper-button-next.type4{width: 86px;height: 86px;border-radius: 50%;background-color: #fff;border: 1px solid #ececec;top: calc(50% - 46px);left: auto;right: auto;box-shadow: 2px 6px 8px 3px rgb(14 14 14 / 23%);-webkit-box-shadow: 2px 6px 8px 3px rgb(14 14 14 / 23%);-moz-box-shadow: 2px 6px 8px 3px rgb(14 14 14 / 23%); display: flex; align-items: center; justify-content: center;}
    .swiper-button-prev.type4{ left: -60px; }
    .swiper-button-next.type4{ right: -60px; }
    .swiper-button-prev.type4:before,
    .swiper-button-next.type4:before{ background: url(../images/common/ico_arr_prev.gif) no-repeat 50% 50%; background-size: contain; width: 25px; height: 15px; content:""; }
    .swiper-button-next.type4:before{ background-image: url(../images/common/ico_arr_next.gif);  }
    .swiper-button-prev.type4:after,
    .swiper-button-next.type4:after{ display: none; }
    .btn-bot-main{ margin-top: 9vw; text-align: center;  }
    .btn-bot-main a{ display: inline-flex; align-items: center; justify-content: center; min-width: 55.67vw; height: 11.06vw; border-radius: 500px;  background-color: #fff; border: 2px solid #222; color: #222;  font-weight: 600;  }
}

.btn-mypage-top2,
.btn-cart-top2{display: inline-flex;flex-direction: column;align-items: center;}
.btn-mypage-top2 .ico,
.btn-cart-top2 .ico{display: flex;height: 34px;justify-content: center;align-items: flex-end;margin-bottom: 5px;}
.btn-mypage-top2 .t,
.btn-cart-top2 .t{ font-size:14px; color:#818181; }




#tasteBeerModal .modal_footer .selects{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 15px;
}
#tasteBeerModal .modal_footer .selects .option{
    border: 1px #cccccc solid;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 2vw;
    margin: 5px;
    display: inline-flex;
}
#tasteBeerModal .modal_footer .selects .option .t{
    font-size: 16px;
}
#tasteBeerModal .modal_footer .selects .option .del{
    margin-left: 12px;
    line-height: 0;
}

@media screen and (max-width: 1200px){
    #tasteBeerModal .modal_footer .selects{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 2vw;
    }
    #tasteBeerModal .modal_footer .selects .option{
        border: 1px #cccccc solid;
        border-radius: 1vw;
        padding: 1.7vw 3.6vw;
        margin-bottom: 2vw;
        margin: 1vw 0.8vw;
        display: inline-flex;
    }
    #tasteBeerModal .modal_footer .selects .option .t{
        font-size: 3.6vw;
    }
    #tasteBeerModal .modal_footer .option .del{
        margin-left: 2vw;
        line-height: 0;
    }
}