@media(max-width:800px) {
    .header {
        height: 21.8vw;
        position: fixed;
        box-shadow: 0 0 6px 0 rgb(0 0 0 / 8%);
    }

    .ham-btn .ham li {
        background: #111;
    }

    .ham-btn {
        top: 0;
        padding-right: 0;
        position: relative;
    }

    .header .nav {
        height: 100%;
        align-items: center;
        padding: 0 5vw;
        background: #fff;
    }

    .header .nav .logo {
        padding-top: 0;
        padding-left: 0;
    }
}


br {
    display: block;
}

br.mo {
    display: none
}


.pc {
    display: block !important
}

.mo {
    display: none !important;
}

.sec_cont {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.sec_cont img {
    max-width: 100%;
}

img.pc {
    display: inline-block !important;
}

img.mo {
    display: none !important;
}

section {
    position: relative;
}

.bg_reset {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
}

.bg_reset.bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.float_wrap:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.float_wrap > div, .float_wrap > li {
    float: left;
}

.sec_cont {
    overflow: hidden;
}

.sec_wrap {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.header_blank {
    height: 135px;
    width: 100%;
    background: none;
}

.transform_none {
    text-transform: none !important;
}

@media (max-width: 800px) {
    br {
        display: none;
    }
    .sec_cont .sec_suitable .list_area br{
        display: block;
    }
    .sec_cont .sec_value .swiper-slide .text_area br {
        display: block;
    }
    br.mo {
        display: block
    }

    .pc {
        display: none !important
    }

    .mo {
        display: block !important;
    }

    img.pc {
        display: none !important;
    }

    img.mo {
        display: inline-block !important;
    }

    .sec_cont .float_wrap > div, .float_wrap > li {
        float: none;
        margin-right: 0;
    }

    .sec_cont .sec_wrap {
        width: 100%;
        padding: 0 6.3vw;
    }

    .header_blank {
        height: 21.8vw
    }

    .exclamation_mark img {
        width: 8.5vw;
    }
}




@keyframes sub_bg_motion {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes sub_bg_motion_title {
    0% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 6%;
    }
}

@keyframes sub_bg_motion_title_mo {
    0% {
        opacity: 0;
        left: auto;
        right: -6%;
    }
    100% {
        opacity: 1;
        left: auto;
        right: 0;
    }
}

body[class^="sub02"] .sub_bg {
    background: #f4ecea;
}

body[class^="sub02"] .sub_bg .motion_area > .area, body[class^="sub02"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #f4ecea !important;
}

body[class^="sub03"] .sub_bg {
    background: #ecf1f2;
}

body[class^="sub03"] .sub_bg .motion_area > .area, body[class^="sub03"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #ecf1f2 !important;
}

body[class^="sub04"] .sub_bg {
    background: #e4edf2;
}

body[class^="sub04"] .sub_bg .motion_area > .area, body[class^="sub04"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #e4edf2 !important;
}

body[class^="sub05"] .sub_bg {
    background: #f4f0ea;
}

body[class^="sub05"] .sub_bg .motion_area > .area, body[class^="sub05"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #f4f0ea !important;
}

body[class^="sub06"] .sub_bg {
    background: #f2efe4;
}

body[class^="sub06"] .sub_bg .motion_area > .area, body[class^="sub06"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #f2efe4 !important;
}

body[class^="sub07"] .sub_bg {
    background: #f1f4e9;
}

body[class^="sub07"] .sub_bg .motion_area > .area, body[class^="sub07"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #f1f4e9 !important;
}


body[class^="sub08"] .sub_bg {
    background: #e7e4f2;
}

body[class^="sub08"] .sub_bg .motion_area > .area, body[class^="sub08"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #e7e4f2 !important;
}

body[class^="sub08_02"] .sub_bg {
    background: #efecf2;
}

body[class^="sub08_02"] .sub_bg .motion_area > .area, body[class^="sub08_02"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #efecf2 !important;
}

body[class^="sub08_03"] .sub_bg {
    background: #efecf2;
}

body[class^="sub08_03"] .sub_bg .motion_area > .area, body[class^="sub08_03"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #efecf2 !important;
}

body[class^="sub08_04"] .sub_bg {
    background: #efecf2;
}

body[class^="sub08_04"] .sub_bg .motion_area > .area, body[class^="sub08_04"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #efecf2 !important;
}


body[class^="sub09"] .sub_bg {
    background: #e4f2ea;
}

body[class^="sub09"] .sub_bg .motion_area > .area, body[class^="sub09"] .sub_bg .motion_area > .area > .bg_img {
    border-color: #e4f2ea !important;
}


@media (max-width: 800px) {
    body[class^="sub04"] .sub_bg {
        background: #ecf1f2;
    }

    body[class^="sub04"] .sub_bg .motion_area > .area, body[class^="sub04"] .sub_bg .motion_area > .area > .bg_img {
        border-color: #ecf1f2 !important;
    }

    body[class^="sub07"] .sub_bg {
        background: #efefef;
    }

    body[class^="sub07"] .sub_bg .motion_area > .area, body[class^="sub07"] .sub_bg .motion_area > .area > .bg_img {
        border-color: #efefef !important;
    }
}

.sub_bg {
    background: transparent; /*margin-bottom:80px;*/
}

.sub_bg .bg_img {
    display: inline-block;
}

.sub_bg .motion_area > .area {
    border-bottom: 3px solid transparent;
    position: relative;
}
.sub_bg .motion_area > .area.area05 {
    border-bottom:0;
}
.sub_bg .motion_area > .area.pc {
    display: flex !important;
}

.sub_bg .motion_area > .area.mo {
    display: none !important;
}

.sub_bg .motion_area > .area:last-of-type, .sub_bg .motion_area > .area.pc.area04 {
    border-bottom: none;
}

.sub_bg .motion_area > .area > .bg_img {
    border-right: 3px solid transparent;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.sub_bg .motion_area > .area > .bg_img:last-of-type {
    border-right: 0;
}

.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(5) {
    border-right: 0;
}

.sub_bg .bg_title {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 22px;
    background: transparent;
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.2s ease-out;
}

.sub_bg .bg_title > .title {
    font-family: 'Marcellus-Regular';
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sub_bg .bg_title > .info {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.sub_bg .motion_area > .area > .bg_img, .sub_bg .bg_title {
    animation: sub_bg_motion 1s forwards;
}

.sub_bg .bg_title {
    animation: sub_bg_motion_title 1s forwards;
    animation-delay: 0.75s
}

.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(1) {
    animation-delay: 0s
}

/*01*/
.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(2) {
    animation-delay: 0.05s
}

/*02*/
.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(1) {
    animation-delay: 0.1s
}

/*03*/
.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(3) {
    animation-delay: 0.15s
}

/*04*/
.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(2) {
    animation-delay: 0.2s
}

/*05*/
.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(1) {
    animation-delay: 0.25s
}

/*06*/
.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(3) {
    animation-delay: 0.3s
}

/*07*/
.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(2) {
    animation-delay: 0.35s
}

/*08*/
.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(1) {
    animation-delay: 0.4s
}

/*09*/
.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(3) {
    animation-delay: 0.45s
}

/*10*/
.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(4) {
    animation-delay: 0.5s
}

/*11*/
.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(5) {
    animation-delay: 0.5s
}

/*12 (빈부분)*/
.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(4) {
    animation-delay: 0.55s
}

/*13*/
.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(5) {
    animation-delay: 0.55s
}

/*14 (빈부분)*/
.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(4) {
    animation-delay: 0.6s
}

/*15*/
.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(5) {
    animation-delay: 0.6s
}

/*16 (빈부분)*/
.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(3) {
    animation-delay: 0.65s
}

/*17*/
.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(4) {
    animation-delay: 0.7s
}

/*18*/
.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(5) {
    animation-delay: 0.7s
}

/*19 (빈부분)*/
.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(2) {
    animation-delay: 0.75s
}

/*색들어오는곳*/

.sub_bg .motion_area .area.area01 .bg_img:nth-of-type(6) {
    animation-delay: 0.5s
}

.sub_bg .motion_area .area.area02 .bg_img:nth-of-type(6) {
    animation-delay: 0.6s
}

.sub_bg .motion_area .area.area03 .bg_img:nth-of-type(6) {
    animation-delay: 0.3s
}

.sub_bg .motion_area .area.area04 .bg_img:nth-of-type(6) {
    animation-delay: 0.3s
}


@media (max-width: 800px) {
    .sec_cont .sub_bg {
        margin-bottom: 6vw;
    }

    .sec_cont .sub_bg .sec_wrap {
        width: 100% !important;
        padding: 0 !important;
    }

    .sec_cont .sub_bg .bg_title > .title {
        font-size: 6.9vw;
        line-height: 1.1;
        margin-bottom: 3.1vw;
    }

    .sec_cont .sub_bg .bg_title > .info {
        font-size: 3.9vw;
        line-height: 1.43;
    }

    .sec_cont .sub_bg .motion_area > .area.pc {
        display: none !important;
    }

    .sec_cont .sub_bg .motion_area > .area.mo {
        display: flex !important;
    }

    .sec_cont .sub_bg .motion_area .area.area02 .bg_img:nth-of-type(4) {
        border-right: 0;
    }

    .sec_cont .sub_bg .motion_area .area.area01 .bg_img:nth-of-type(1) {
        animation-delay: 0s
    }

    /*01*/
    .sec_cont .sub_bg .motion_area .area.area03 .bg_img:nth-of-type(2) {
        animation-delay: 0.05s
    }

    /*02*/
    .sec_cont .sub_bg .motion_area .area.area02 .bg_img:nth-of-type(1) {
        animation-delay: 0.1s
    }

    /*03*/
    .sec_cont .sub_bg .motion_area .area.area03 .bg_img:nth-of-type(3) {
        animation-delay: 0.15s
    }

    /*04*/
    .sec_cont .sub_bg .motion_area .area.area05 .bg_img:nth-of-type(1) {
        animation-delay: 0.2s
    }

    /*05*/
    .sec_cont .sub_bg .motion_area .area.area01 .bg_img:nth-of-type(2) {
        animation-delay: 0.25s
    }

    /*06*/
    .sec_cont .sub_bg .motion_area .area.area03 .bg_img:nth-of-type(1) {
        animation-delay: 0.3s
    }

    /*07*/
    .sec_cont .sub_bg .motion_area .area.area01 .bg_img:nth-of-type(3) {
        animation-delay: 0.35s
    }

    /*08*/
    .sec_cont .sub_bg .motion_area .area.area04 .bg_img:nth-of-type(2) {
        animation-delay: 0.4s
    }

    /*09*/
    .sec_cont .sub_bg .motion_area .area.area05 .bg_img:nth-of-type(2) {
        animation-delay: 0.45s
    }

    /*10*/
    .sec_cont .sub_bg .motion_area .area.area04 .bg_img:nth-of-type(1) {
        animation-delay: 0.5s
    }

    /*11*/
    .sec_cont .sub_bg .motion_area .area.area04 .bg_img:nth-of-type(3) {
        animation-delay: 0.55s
    }

    /*12*/
    .sec_cont .sub_bg .motion_area .area.area03 .bg_img:nth-of-type(4) {
        animation-delay: 0.6s
    }

    /*13*/
    .sec_cont .sub_bg .motion_area .area.area04 .bg_img:nth-of-type(4) {
        animation-delay: 0.65s
    }

    /*14*/
    .sec_cont .sub_bg .motion_area .area.area05 .bg_img:nth-of-type(3) {
        animation-delay: 0.7s
    }

    /*15*/
    .sec_cont .sub_bg .motion_area .area.area01 .bg_img:nth-of-type(4) {
        animation-delay: 0.75s
    }

    /*16*/
    .sec_cont .sub_bg .motion_area .area.area02 .bg_img:nth-of-type(3) {
        animation-delay: 0.8s
    }

    /*17*/
    .sec_cont .sub_bg .motion_area .area.area02 .bg_img:nth-of-type(4) {
        animation-delay: 0.85s
    }

    /*18*/
    .sec_cont .sub_bg .motion_area .area.area05 .bg_img:nth-of-type(4) {
        animation-delay: 0.9s
    }

    /*19*/
    .sec_cont .sub_bg .motion_area .area.area02 .bg_img:nth-of-type(2) {
        animation-delay: 0.95s
    }

    /*색들어오는곳*/
    .sec_cont .sub_bg .bg_title {
        animation: sub_bg_motion_title_mo 1s forwards;
        animation-delay: 1s;
        width: 49.5vw !important;
        height: 50.3vw;
        padding: 0 4.4vw; /*padding:5.9vw 4.4vw;*/
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

}

@media (min-width: 500px) and (max-width: 800px) {
    .sec_cont .sub_bg .bg_title {
        width: 48vw;
        height: 49vw;
    }

}







.lnb_area {
    margin-bottom: 20px;
    margin-top: 20px;
}

.lnb_area .lnb {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.lnb_area .lnb li {
    min-width: 300px;
}

.lnb_area .lnb li a {
    padding: 30px 55px;
    color: #c8c8c8;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-bottom: 3px solid transparent;
    font-size: 30px;
    font-family: 'Marcellus-Regular';
    text-align: center;
    cursor: pointer;
}

.lnb_area .lnb li a:hover {
    color: #30beb4;
    border-bottom: 3px solid #30beb4;
}

.lnb_area .lnb li a:after {
    content: "";
    background: #c8c8c8;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;
}

.lnb_area .lnb li.active a {
    color: #30beb4;
    border-bottom: 3px solid #30beb4;
}

@media (max-width: 800px) {
    .sec_cont .lnb_area {
        margin-bottom: 10vw;
        margin-top: 10vw;
    }

    .sec_cont .lnb_area .lnb { /*width:85vw;*/
        width: calc(100% - 12.6vw);
        margin: 0 auto;
        overflow: auto;
    }

    .sec_cont .lnb_area .lnb li {
        min-width: 50%;
    }

    .sec_cont .lnb_area .lnb.lnb3 { /*padding-left:17vw;*/
    }

    .sec_cont .lnb_area .lnb.lnb3 li {
        min-width: calc(100% / 3);
    }

    .sec_cont .lnb_area .lnb li a {
        text-align: center;
    }

    .sec_cont .lnb_area .lnb li a { /*font-size:5vw;*/
        font-size: 3.8vw; /*padding:4.4vw 5.6vw;*/
        padding: 4vw 3.5vw;
        border-bottom: 0.6vw solid transparent;
    }

    .sec_cont .lnb_area .lnb li.active a {
        border-bottom: 0.6vw solid #30beb4
    }

    .sec_cont .lnb_area .lnb li a:hover {
        border-bottom: 0.6vw solid #30beb4
    }

    .sec_cont .lnb_area .lnb li a:after {
        height: 0.1vw;
        bottom: -0.5vw;
    }
}




@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}


.bold {
    font-weight: 600;
}

.sec_suitable {
    padding: 130px 0 90px 0;
    margin-bottom: 140px;
}

.sec_suitable .bold {
    font-weight: 700;
}

.sec_suitable .sec_wrap {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec_suitable .tab_list > ul.float_wrap {
    display: none;
    opacity: 0;
}

.sec_suitable .tab_list > ul.float_wrap.active {
    transition: opacity 0.5s linear;
    display: block;
    opacity: 1;
    animation: fadeInFromNone 0.3s ease-out;
}

.sec_suitable .bg_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sec_suitable .bg_area .bg {
    background: #eeeeee;
    width: 100%;
    height: calc(100% - 40px);
    margin-top: -25px;
}

.sec_suitable .bg_area .bg_check {
    background-image: url('../images/veneers/check-mark.png');
    position: relative;
    z-index: 2;
    width: 80px;
    height: 65px;
}

.sec_suitable .list_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sec_suitable .list_area li {
    position: relative;
    padding: 0 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; /*flex-wrap:wrap;*/
    flex-direction: column; /*width:calc(100% / 5);*/
}

.sec_suitable .list_area li:after {
    content: "";
    width: 1px; /*height:70%;*/
    height: 100px;
    background: #a0a0a0; /*top:50%;*/
    top: 30px;
    right: 0;
    position: absolute; /*transform:translateY(-50%);*/
}

/* face/chin-genioplasty */
/* .sec_suitable .list_area li:after {
    top: 240px;
    height: 100px;
} */

.sec_suitable .list_area li:last-child:after {
    display: none;
}

.sec_suitable .list_area li .hash_title {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    padding: 5px 15px;
    margin-bottom: 20px;
    background: #30beb4;
    border-radius: 15px;
}

/* 4.15 수정 s */ 
.sec_suitable .list_area li .img_area {
   /*  margin-bottom: 30px; */height:0
}
/* 4.15 수정 e */ 

.sec_suitable .list_area li .info {
    font-size: 20px;
    line-height: 30px;
    color: #2d4f6a;
    white-space: nowrap;
    position: relative;
}

.sec_suitable.img_type .img_area {
    margin-bottom: 30px;
}

.sec_suitable.img_type .list_area li:after {
    top: auto;
    bottom: 30%;
}

.sec_suitable.img_type .list_area ul {
    display: flex;
    align-items: stretch;
}

.sec_suitable.img_type .list_area li {
    justify-content: flex-start;
}

.sec_suitable .big_img_area {
    margin-bottom: 30px;
    text-align: center;
}

.sec_suitable .list_area.img_list li:after {
    top: 240px;
    height: 100px;
}


@media (max-width: 800px) {
    .sec_cont .sec_suitable { /*padding:26.3vw 0 10.6vw 0;*/
        padding: 17vw 0 11.3vw 0;
        margin-bottom: 16.3vw;
    }

    .sec_suitable .bg_area .bg {
        height: calc(100% - 6vw);
        margin-top: -6vw;
    }

    .sec_suitable .bg_area .bg_check {
        width: 13.8vw;
        height: 11.3vw;
    }

    .sec_cont .sec_suitable .sec_wrap {
        padding: 0;
    }

    .sec_cont .sec_suitable .list_area .float_wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: start
    }

    .sec_cont .sec_suitable .list_area.img_list .float_wrap {
        align-items: stretch;
    }

    .sec_cont .sec_suitable .list_area.img_list li {
        justify-content: flex-start;
    }

    .sec_cont .sec_suitable .list_area.img_list li:after {
        display: none !important;
    }

    .sec_cont .sec_suitable .tab_list > ul.float_wrap {
        display: none
    }

    .sec_cont .sec_suitable .tab_list > ul.float_wrap.active {
        display: flex;
    }

    .sec_cont .sec_suitable .list_area li {
        padding: 0 6.3vw;
        float: left;
        margin-bottom: 8.8vw;
        width: calc(100% / 2)
    }

    .sec_cont .sec_suitable .list_area li .hash_title {
        font-size: 3.8vw;
        line-height: 3.8vw;
        padding: 1vw 3.1vw;
        margin-bottom: 3.1vw;
    }

    .sec_cont .sec_suitable .list_area li .info {
        font-size: 4.4vw;
        line-height: 6.3vw;
        white-space: normal;
    }

    .sec_cont .sec_suitable .list_area li .img_area {
        margin-bottom: 3.1vw;
    }

    .sec_cont .sec_suitable .list_area li:after {
        height: 100%;
        transform: translateY(-50%);
        top: 50%;
        bottom: auto;
    }

    .sec_cont .sec_suitable .list_area li:nth-child(2n):after {
        display: none;
    }

    .sec_cont .sec_suitable .list_area li:last-child {
        margin-bottom: 0;
        width: 100%;
    }

    .sec_cont .sec_suitable.img_type .img_area {
        width: 37.3vw;
        margin-bottom: 3.8vw;
    }

    .sec_cont .sec_suitable.img_type .list_area li:after {
        top: auto;
        bottom: 0;
        height: 35%;
        transform: none;
        display: none !important
    }

    .sec_suitable .big_img_area {
        margin-bottom: 3.8vw;
        padding: 0 6.3vw;
    }

    .sec_cont .sec_suitable .list_area.img_list li:last-child {
        width: calc(100% / 2);
    }

    /*
.sec_cont .sec_suitable .list_area.img_list li:after{display:none;}
*/
    .sec_cont .sec_suitable .list_area.img_list li .info:after {
        display: none;
    }

    /*
.sec_cont .sec_suitable .list_area.img_list li .info:after{content:""; position:absolute; width:1px; height:100%; background:#a0a0a0; transform:translateY(-50%); top:50%; right:calc((-25%) + 2vw);}
*/
    .sec_cont .sec_suitable .list_area.img_list li:last-child .info:after {
        display: none
    }

}


.sec_suitable .add_info {
    background: rgba(254, 254, 254, 0.6);
    border-radius: 20px;
    padding: 25px 50px;
    margin-top: 50px;
    position: relative;
    display: inline-block
}

.sec_suitable .add_info .exclamation_mark {
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
}

.sec_suitable .add_info .info {
    font-size: 16px;
    line-height: 1.87;
    letter-spacing: 0;
    color: #777;
}

@media (max-width: 800px) {
    .sec_suitable .add_info {
        border-radius: 2.5vw;
        padding: 8.1vw 3.1vw;
        margin: 11.75vw auto 0;
        width: calc(100% - 14.5vw)
    }

    .sec_suitable .add_info .exclamation_mark {
        left: 50%;
        transform: translateX(-50%);
        top: -4.25vw;
    }

    .sec_suitable .add_info .info {
        font-size: 3.5vw;
        margin-bottom: 3.8vw;
    }

    .sec_suitable .add_info .info:last-of-type {
        margin-bottom: 0;
    }
}




.sec_grading {
    margin-bottom: 100px;
}

.sec_grading .list_area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec_grading .list_area li {
    position: relative;
}

.sec_grading .list_area li:last-child {
    margin-right: -30px;
}

.sec_grading .list_area li .img_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 0;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 800px) {
    .sec_cont .sec_grading {
        margin-bottom: 16.3vw;
    }

    .sec_cont .sec_grading .list_area ul {
        align-items: stretch;
        justify-content: center;
    }

    .sec_cont .sec_grading .list_area ul li {
        width: calc((100% / 2) - 2.5vw);
        float: left;
        margin-bottom: 9.4vw;
    }

    .sec_cont .sec_grading .list_area ul li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .sec_cont .sec_grading .list_area ul li:nth-child(odd) {
        margin-right: auto
    }

    .sec_cont .sec_grading .list_area li:last-child {
        margin-right: 0;
    }

    .sec_cont .sec_grading .list_area li .img_title {
        font-size: 3.8vw;
    }
}


.sec_method {
    margin-bottom: 140px;
}

.sec_method.sec_method01 {
    margin-bottom: 50px;
}

.sec_method .sec_wrap > .title_area .title {
    margin-bottom: 0;
}

.sec_method .sec_wrap > .title_area .info {
    margin-top: 40px;
    font-size: 18px;
    line-height: 1.66;
}

.sec_method .list_area {
    margin-bottom: 20px
}

.sec_method .list_area:last-of-type {
    margin-bottom: 0 !important;
}

.sec_method .list_area .list_title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}

.sec_method .list_area ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: center;
}

.sec_method .list_area.tab_list ul {
    display: none;
    opacity: 0;
}

.sec_method .list_area.tab_list ul.active {
    transition: opacity 0.5s linear;
    display: flex;
    opacity: 1;
    animation: fadeInFromNone 0.3s ease-out;
}

.sec_method .list_area ul:last-of-type {
    margin-bottom: 0 !important;
}

.sec_method .list_area li {
    margin-right: 30px;
    width: calc((100% / 4) - 23px);
    margin-bottom: 30px;
}

.sec_method .list_area li:nth-child(4n) {
    margin-right: 0;
}

.sec_method .list_area li:nth-child(5), .sec_method .list_area li:nth-child(6), .sec_method .list_area li:nth-child(7), .sec_method .list_area li:nth-child(8) {
    margin-bottom: 0;
}

.sec_method .list_area li:last-child {
    margin-right: -3px;
}

.sec_method .list_area li > .img_area {
    width: 100%;
}

.sec_method .list_area li .info_area {
    margin-top: 35px;
}

.sec_method .list_area li .info_area .num {
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 30px;
    line-height: 1.25;
    color: #30beb4;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 20px;
}

.sec_method .list_area li .info_area .info {
    font-size: 18px;
    line-height: 30px;
    position: relative;
    font-weight: 500;
}

.sec_method .method_sub_title {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 25px;
    color: #2d4f6a;
    padding-left: 5px;
}

.sec_method .add_em {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.42;
    color: #2d4f6a;
    text-align: center;
    font-weight: 600;
}

.sec_method .list_area .info_list li {
    width: 100% !important;
    margin-right: 0 !important;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
}

.sec_method .list_area .info_list.list_dot_area li {
    letter-spacing: -0.025em;
    padding-left: 12px;
}

.sec_method .list_area .info_list li:last-child {
    margin-bottom: 0 !important;
}

.sec_method .list_area .info_list li .dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #30beb4;
    position: absolute;
    top: 9px;
    left: 0;
}

.sec_method .list_area .info_list li .list_dot {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
}

.sec_method .list_img_area li {
    text-align: center;
    margin-bottom: 60px;
}

.sec_method .list_img_area li:last-child {
    margin-bottom: 0 !important;
}

.sec_method .list_img_area.type2 li {
    text-align: left !important;
    margin-bottom: 0 !important;
    position: relative;
}

.sec_method .list_img_area.type2 .img_area {
    position: relative;
}

.sec_method .list_img_area .title_area {
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.sec_method .list_img_area .title_area .num {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1;
    color: #30beb4;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.sec_method .list_img_area .title_area .title {
    font-size: 30px;
    line-height: 1.16;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sec_method .list_img_area .info {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0;
    margin-top: 10px;
}

.sec_method .list_img_area .img_area {
    margin-top: 35px;
}

.sec_method .list_img_area .img_area .list_area li {
    width: 100%;
    margin-right: 0;
}

.sec_method .list_img_area .img_area .list_area > li {
    height: 250px;
    display: flex;
}

.sec_method .list_img_area .img_area .list_area li > .img {
    width: 300px;
    margin-right: 15px;
    display: inline-flex;
}

.sec_method .list_img_area .img_area .list_area > li .text_area {
    text-align: left;
    width: calc(100% - 315px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background: #f7f7f7;
    padding: 20px 0 20px 30px;
}

.sec_method .list_img_area .img_area .list_area > li .text_area .title {
    font-size: 24px;
    line-height: 1.25;
    color: #30beb4;
    letter-spacing: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}

.sec_method .list_img_area .img_area .list_area > li .text_area .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 420px;
    height: 1px;
    background: #a0a0a0;
}

.sec_method .list_img_area .img_area .list_area > li .text_area .list > li {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0;
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.sec_method .list_img_area .img_area .list_area > li .text_area .list > li:last-child {
    margin-bottom: 0;
}

.sec_method .list_img_area .img_area .list_area > li .text_area .list > li .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #30beb4;
    position: absolute;
    top: 4px;
    left: 0;
}

.sec_method .list_img_area .img_area.img_process {
    display: flex;
    justify-content: center;
}

.sec_method .list_img_area .img_area.img_process li {
    margin-bottom: 0 !important;
    margin-right: 30px;
    position: relative;
}

.sec_method .list_img_area .img_area.img_process li:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../images/sec_method_process_ar'row.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: -12%;
    transform: translateY(-50%);
}

.sec_method .list_img_area .img_area.img_process li:last-child {
    margin-right: 0 !important;
}

.sec_method .list_img_area .img_area.img_process li:last-child:after {
    display: none;
}

.sec_method .list_img_area.type2 li .img_area {
    margin-top: 0 !important;
    position: relative;
}

.sec_method .list_img_area.type2 .img_process li > .img_area:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../images/sec_method_process_ar'row.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: -12%;
    transform: translateY(-50%);
}

.sec_method .list_img_area.type2 .img_process li:last-child .img_area:after {
    display: none;
}

.sec_method .list_img_area.type2 .img_process li > .img_area:after {
    right: -9%;
}

.sec_method .tab_list > ul {
    display: none;
    opacity: 0;
}

.sec_method .tab_list > ul.active {
    transition: opacity 0.5s linear;
    display: block;
    opacity: 1;
    animation: fadeInFromNone 0.3s ease-out;
}


@media (max-width: 800px) {
    .sec_cont .sec_method {
        margin-bottom: 16.3vw;
    }

    .sec_cont .sec_method .sec_wrap > .title_area .info {
        margin-top: 5vw;
        font-size: 3.8vw;
    }

    .sec_cont .sec_method.sec_cont .sec_method01 {
        margin-bottom: 8vw;
    }

    .sec_cont .sec_method .list_area {
        margin-bottom: 10vw;
    }

    .sec_cont .sec_method .list_area .list_title {
        font-size: 3.8vw;
        margin-bottom: 5vw;
    }

    .sec_cont .sec_method .list_area ul {
        align-items: stretch;
        justify-content: center;
        margin-bottom: 9.4vw;
    }

    .sec_cont .sec_method .list_area ul li {
        width: calc((100% / 2) - 2.5vw);
        float: left; /*margin-bottom:9.4vw;*/
        margin-bottom: 5vw;
        margin-right: 5vw;
    }

    .sec_cont .sec_method .list_area ul li:nth-child(even) {
        margin-right: 0
    }

    .sec_cont .sec_method .list_area li .info_area {
        margin-top: 5vw;
    }

    .sec_cont .sec_method .list_area li .info_area .num {
        font-size: 5vw;
        line-height: 6.3vw;
        margin-bottom: 3.8vw;
        padding-bottom: 1.9vw;
    }

    .sec_cont .sec_method .list_area li .info_area .info {
        font-size: 3.8vw;
        line-height: 5vw;
    }

    .sec_cont .sec_method .list_area li:last-child {
        margin-right: 0;
        margin-bottom: 0 !important;
    }

    .sec_cont .sec_method .method_sub_title {
        font-size: 4.5vw;
        line-height: 1.2
    }

    .sec_cont .sec_method .add_em {
        font-size: 3vw;
        margin-top: 5vw;
    }

    .sec_cont .sec_method .list_area .info_list li {
        font-size: 3.8vw;
        margin-bottom: 2vw;
        padding-left: 3.5vw;
    }

    .sec_cont .sec_method .list_area .info_list li .dot {
        width: 2vw;
        height: 2vw;
        top: 1.5vw;
    }

    .sec_cont .sec_method .list_img_area .title_area {
        padding-bottom: 3vw;
        margin-bottom: 3vw;
    }

    .sec_cont .sec_method .list_img_area .title_area .num {
        font-size: 5vw;
        margin-bottom: 2.5vw;
    }

    .sec_cont .sec_method .list_img_area .title_area .title {
        font-size: 5vw;
    }

    .sec_cont .sec_method .list_img_area .info {
        font-size: 4vw;
        line-height: 1.3;
    }

    .sec_cont .sec_method .list_img_area .img_area {
        margin-top: 7vw;
    }

    .sec_cont .sec_method .list_img_area li {
        margin-bottom: 15vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 10vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area li > .img {
        width: 100%;
        background: #eeeeee;
        margin-right: 0;
        justify-content: center;
        margin-bottom: 2.5vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li .text_area {
        padding: 5vw;
        width: 100%;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li .text_area .title {
        width: 100%;
        font-size: 4vw;
        padding-bottom: 2.5vw;
        margin-bottom: 3vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li .text_area .title:after {
        width: 100%;
        height: 0.1vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li .text_area .list > li {
        font-size: 3vw;
        padding-left: 5vw;
        margin-bottom: 5vw;
    }

    .sec_cont .sec_method .list_img_area .img_area .list_area > li .text_area .list > li .dot {
        width: 2vw;
        height: 2vw;
        top: 0.5vw;
    }

    .sec_cont .sec_method .list_area .info_list li .list_dot {
        top: 0.5vw;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process {
        flex-wrap: wrap;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process li {
        margin-right: 5vw;
        width: calc(50% - 2.5vw);
        margin-bottom: 5vw !important;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process li:nth-child(2n) {
        margin-right: 0;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process li:nth-child(2n):after {
        display: none;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process li:after {
        width: 4vw;
        height: 4vw;
        right: -11%;
    }

    .sec_cont .sec_method .list_img_area .img_area.img_process li:nth-last-child(-n+2) {
        margin-bottom: 0 !important
    }

    .sec_cont .sec_method .list_img_area.type2 .img_process li {
        margin-bottom: 5vw !important;
    }

    .sec_cont .sec_method .list_img_area.type2 .img_process li > .img_area:after {
        width: 4vw;
        height: 4vw;
        right: -11%;
    }

    .sec_cont .sec_method .list_img_area.type2 .img_process li:nth-child(2n) {
        margin-right: 0;
    }

    .sec_cont .sec_method .list_img_area.type2 .img_process li:nth-child(2n) > .img_area:after {
        display: none;
    }

    .sec_cont .sec_method .list_img_area.type2 .img_process li:nth-last-child(-n+2) {
        margin-bottom: 0 !important
    }
}


.sec_method.tab_type .list_area {
    border-top: 0;
}

.sec_method.tab_type .list_area .tab_area li {
    width: calc(100% / 3);
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    margin-right: 0;
    margin-bottom: 0 !important;
}

.sec_method.tab_type .list_area .tab_area.list4 li {
    width: calc(100% / 4)
}

.sec_method.tab_type .list_area .tab_area li:first-child {
    border-left: 1px solid #dcdcdc;
}

.sec_method.tab_type .list_area .tab_area li.active {
    border-top: 4px solid #2d4f6a;
    border-bottom: 0;
}

.sec_method.tab_type .list_area .tab_area li a {
    display: block;
    height: 100%;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #111;
    text-align: center;
    padding: 25px 0;
    background: #f4f4f4;
    cursor: pointer;
    transition: background 0.3s ease;
}

.sec_method.tab_type .list_area .tab_area li.active a {
    background: #fff;
}

.sec_method.tab_type .list_box {
    padding: 70px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.sec_method.tab_type .list_box.list_box_1 {
    padding: 70px 0 0 0;
}

.sec_method.tab_type .list_box ul {
    margin-bottom: 0;
}

.sec_method.tab_type .list_box ul.list1 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.sec_method.tab_type .list_box ul.list3 li {
    /* width: calc((100% / 3) - 10px); */
	width: calc((100% / 3) - 20px);
}

.sec_method.tab_type .list_area li .info_area .num {
    font-size: 24px;
    line-height: 1.25;
    padding-bottom: 15px
}

.sec_method.tab_type .list_box ul {
    display: none;
    opacity: 0;
}

.sec_method.tab_type .list_box ul.active {
    transition: opacity 0.5s linear;
    display: block;
    opacity: 1;
    animation: fadeInFromNone 0.3s ease-out;
}

.sec_method .add_info {
    text-align: center;
    margin-top: 45px;
}

.sec_method .add_info p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.6;
    color: #777;
}

.sec_method.tab_type .list_box .text_area {
    padding: 60px;
}

.sec_method.tab_type .list_box ul.list1 li:first-child .text_area {
    padding-top: 0 !important;
}

.sec_method.tab_type .list_box .text_area .num {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    border: 2px solid #111;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 25px;
    font-weight: 600;
}

.sec_method.tab_type .list_box .text_area .title {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 25px;
    font-weight: bold
}

.sec_method.tab_type .list_box .text_area .title .title_shape {
    margin-left: 15px;
    display: inline-block;
    margin-top: -40px;
}

.sec_method.tab_type .list_box .text_area .info {
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.sec_method.tab_type .list_box .text_area .info:last-of-type {
    margin-bottom: 0;
}

.sec_method.tab_type .list_box .bna_img_area {
    padding: 50px 60px;
    background: #faf3ed;
    display: flex;
    position: relative;
}

.sec_method.tab_type .list_box .bna_img_area .img_arrow {
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: inline-block;
    width: auto;
}

.sec_method.tab_type .list_box .bna_img_area:after {
    content: "";
}

.sec_method.tab_type .list_box .bna_img_area > div {
    display: flex;
    width: 100%;
}

.sec_method.tab_type .list_box .bna_img_area > div > div {
    position: relative;
}

.sec_method.tab_type .list_box .bna_img_area > div .bna_arrow {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec_method.tab_type .list_box .bna_img_area .title {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

.sec_method.tab_type .list_box .bna_img_area .img_area.before_img .title {
    color: #555;
}

.sec_method.tab_type .list_box .bna_img_area .img_area.after_img .title {
    color: #30beb4;
}


@media (max-width: 800px) {
    .sec_cont .sec_method.tab_type .list_area .tab_area li {
        margin-bottom: 0;
        border-width: 0.1vw;
    }

    .sec_cont .sec_method.tab_type .list_area .tab_area li.active {
        border-top: 0.9vw solid #2d4f6a
    }

    .sec_cont .sec_method.tab_type .list_area .tab_area li a {
        font-size: 3.3vw;
        padding: 3.1vw 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sec_cont .sec_method.tab_type .list_area li .info_area .num {
        font-size: 3.3vw;
        padding-bottom: 15px
    }

    .sec_cont .sec_method.tab_type .list_box {
        border-width: 0.1vw;
        padding: 8.8vw 6.3vw;
    }

    .sec_cont .sec_method.tab_type .list_box.list_box_1 {
        padding: 8.8vw 0 0 0;
    }

    .sec_cont .sec_method.tab_type .list_box ul {
        margin-bottom: 0;
    }

    .sec_cont .sec_method.tab_type .list_box ul li {
        width: 100%;
    }

    .sec_cont .sec_method.tab_type .list_box ul li:nth-last-child(-n+2) {
        margin-bottom: 9.4vw
    }

    .sec_cont .sec_method.tab_type .list_box ul li:last-child {
        margin-bottom: 0
    }

    .sec_cont .sec_method.tab_type .list_box li .info_area .num {
        padding-bottom: 3.8vw;
        font-size: 4.3vw;
    }

    .sec_cont .sec_method .add_info {
        margin-top: 7.5vw;
    }

    .sec_cont .sec_method .add_info p {
        font-size: 3.5vw;
    }


    .sec_cont .sec_method.tab_type .list_box .text_area {
        padding: 8.8vw 6.3vw;
    }

    .sec_cont .sec_method.tab_type .list_box .text_area .num {
        font-size: 3.8vw;
        padding: 1vw 1.9vw;
        margin-bottom: 2.5vw;
        border-width: 1px;
    }

    .sec_cont .sec_method.tab_type .list_box .text_area .title {
        font-size: 5vw;
        line-height: 1.25;
        margin-bottom: 6.3vw;
        display: flex;
        align-items: flex-end;
    }

    .sec_cont .sec_method.tab_type .list_box .text_area .info {
        font-size: 4.3vw;
        line-height: 1.17;
        margin-bottom: 5vw;
    }

    .sec_cont .sec_method.tab_type .list_box .text_area .info:last-of-type {
        margin-bottom: 0;
    }

    .sec_cont .sec_method.tab_type .list_box .text_area .title .title_shape {
        width: 8.8vw;
        margin-left: 2.5vw;
        margin-top: 0;
    }

    .sec_cont .sec_method.tab_type .list_box .bna_img_area {
        padding: 8.8vw 6.3vw
    }

    .sec_cont .sec_method.tab_type .list_box .bna_img_area .img_arrow {
        width: 10.3vw;
        height: 10.3vw;
        top: -5.15vw;
    }

    .sec_cont .sec_method.tab_type .list_box .bna_img_area > div {
        flex-wrap: wrap;
    }

    .sec_cont .sec_method.tab_type .list_box .bna_img_area > div .bna_arrow {
        width: 15.6vw;
        padding: 3.8vw 0;
    }

    .sec_cont .sec_method.tab_type .list_box .bna_img_area .title {
        font-size: 4.3vw;
        margin-top: 4.4vw;
    }


}




@keyframes more_hover2 {
    0% {
        right: 0;
    }
    50% {
        right: -10px;
    }
    100% {
        right: 0;
    }
}

@keyframes more_hover2_mo {
    0% {
        right: 0;
    }
    50% {
        right: -1.3vw;
    }
    100% {
        right: 0;
    }
}

.sec_method_explain {
    margin-bottom: 80px;
}

.sec_method_explain.type2 .img_text_area {
    width: 100%;
}

.sec_method_explain.type2 .sec_wrap .bg_area {
    background: #f6f4f2;
    padding: 30px;
    border: 2px dashed rgba(119, 119, 119, 0.7);
    border-radius: 20px;
}

.sec_method_explain.type2 .text_area .info {
    font-size: 16px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    color: #777;
    font-weight: 600;
}

.sec_method_explain.type2 .text_area .title {
    font-size: 18px;
    letter-spacing: -0.025em;
    line-height: 1;
    color: #222;
    margin-bottom: 20px;
    margin-top: 35px;
    font-weight: bold;
}

.sec_method_explain.type2 .text_area .btn_area {
    border-radius: 18px;
    overflow: hidden;
    display: inline-block;
}

.sec_method_explain.type2 .text_area .btn_area a {
    display: block;
    background: #d8a177;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
}

.sec_method_explain.type2 .text_area .btn_area a i {
    color: inherit;
    margin-left: 10px;
    position: relative;
}

.sec_method_explain.type2 .text_area .btn_area a:hover i {
    animation: more_hover2 .5s infinite ease-in-out;
}

.sec_method_explain.type2 .exclamation_mark {
    margin-bottom: 10px;
}

@media (max-width: 800px) {
    .sec_method_explain {
        margin-bottom: 16.9vw;
    }

    .sec_method_explain.type2 {
        margin-bottom: 15.6vw;
    }

    .sec_method_explain.type2 .sec_wrap .bg_area {
        border-width: 0.3vw;
        padding: 7.5vw 2.5vw;
        border-radius: 2.5vw
    }

    .sec_method_explain.type2 .img_area {
        margin-bottom: 4.4vw;
    }

    .sec_method_explain.type2 .text_area {
        text-align: center;
    }

    .sec_method_explain.type2 .text_area .info {
        font-size: 3.5vw;
    }

    .sec_method_explain.type2 .text_area .title {
        font-size: 4.3vw;
        margin-bottom: 3.1vw;
        margin-top: 5vw;
    }

    .sec_method_explain.type2 .text_area .btn_area a {
        font-size: 3.5vw;
        padding: 2.5vw 5vw;
    }

    .sec_method_explain.type2 .text_area .btn_area a i {
        margin-left: 1.3vw;
    }

    .sec_method_explain.type2 .text_area .btn_area a:hover i {
        animation: more_hover2_mo .5s infinite ease-in-out;
    }

    .sec_method_explain.type2 .exclamation_mark {
        margin-bottom: 3.1vw
    }
}

.sec_method_explain.type3 .img_text_area {
    padding: 40px;
    border: 1px solid #d3d3d3;
}

.sec_method_explain.type3 .text_area {
    margin-right: auto;
}

.sec_method_explain.type3 .text_area .title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 35px;
    text-transform: uppercase
}

.sec_method_explain.type3 .text_area .list_area li {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.66;
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
}

.sec_method_explain.type3 .text_area .list_area li:last-child {
    margin-bottom: 0 !important;
}

.sec_method_explain.type3 .text_area .list_area li .dot {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #30beb4;
    position: absolute;
    top: 8px;
    left: 0;
}

.sec_method_explain.type3 .text_area .list_area li .em {
    font-size: 24px;
    line-height: 1.25;
    color: #30beb4;
}

@media (max-width: 800px) {
    .sec_cont .sec_method_explain.type3 .img_text_area {
        padding: 7.5vw;
        flex-wrap: wrap-reverse;
    }

    .sec_cont .sec_method_explain.type3 .text_area {
        margin-right: 0;
    }

    .sec_cont .sec_method_explain.type3 .text_area .title {
        font-size: 5vw;
        line-height: 1;
        margin-bottom: 4.4vw;
    }

    .sec_cont .sec_method_explain.type3 .text_area .list_area li {
        font-size: 4.3vw;
        line-height: 1.17;
        margin-bottom: 7.5vw;
        padding-left: 4.1vw;
    }

    .sec_cont .sec_method_explain.type3 .img_area {
        margin-bottom: 10vw;
    }

    .sec_cont .sec_method_explain.type3 .text_area .list_area li {
        padding-left: 0
    }

    .sec_cont .sec_method_explain.type3 .text_area .list_area li .em {
        font-size: 4.5vw;
    }

    .sec_cont .sec_method_explain.type3 .text_area .list_area li .dot {
        width: 2vw;
        height: 2vw;
        top: 2vw;
    }
}



.method_add_info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}

@media (max-width: 800px) {
    .sec_cont .method_add_info img {
        width: 100%;
    }

    .sec_cont .method_add_info.plus img {
        width: 26.4vw;
    }

    .sec_cont .method_add_info.plus2 img {
        width: 56.4vw;
    }

    .sec_cont .method_add_info {
        margin-bottom: 9.4vw;
    }
}



.sec_only {
    margin-bottom: 140px
}

.sec_only .sec_wrap > .img_text_area .img_area {
    position: relative;
}

.sec_only .sec_wrap > .img_text_area .img_area .img_box {
    position: relative;
    z-index: 2;
    width: 530px;
}

.sec_only .sec_wrap > .img_text_area .img_area:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 1;
    background: #30beb4;
}

.sec_only .sec_wrap > .img_text_area .img_area:after {
    content: "";
    background-image: url('../images/veneers/icon_point.png');
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    right: -90px;
    transform: translateY(-50%);
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.sec_only .sec_wrap > .img_text_area .list_area li {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    padding-left: 60px;
}

.sec_only .sec_wrap > .img_text_area .list_area li:last-child {
    margin-bottom: 0;
}

.sec_only .sec_wrap > .img_text_area .list_area li .check {
    margin-right: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.sec_only .sec_wrap > .img_text_area .list_area li .info {
    font-size: 18px;
    line-height: 30px;
}

.sec_only .check_shape {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec_only .check_shape svg {
    width: 35px;
    height: 35px;
}

.sec_only .check_shape .check_mark {
    stroke: #30beb4;
    stroke-width: 30px;
}

.sec_only .check_shape .box {
    stroke: #000;
    stroke-width: 12px;
    opacity: 1 !important;
}

.sec_only .check_shape .check_mark, .sec_only .check_shape .box {
    opacity: 0;
}

.sec_only .sec_wrap > .img_text_area .img_area .img_box.gif_box img {
    display: none
}

.sec_only .sec_wrap > .img_text_area .img_area .img_box.gif_box img.active {
    display: block
}

@media (max-width: 800px) {
    .sec_cont .sec_only {
        margin-bottom: 18.8vw;
    }

    .sec_cont .sec_only .sec_wrap {
        width: 100% !important;
        padding: 0 6.3vw 0 9.4vw;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .img_area {
        margin-bottom: 6.3vw;
        margin-right: 0 !important;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .img_area .img_box {
        width: 100%;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .img_area:before {
        top: -3.1vw;
        left: -3.1vw;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .img_area:after {
        background-image: url('../images/veneers/icon_point.png');
        width: 21.3vw;
        height: 21.3vw;
        right: auto;
        left: -7.55vw;
        top: auto;
        bottom: -10.65vw;
        transform: none;
    }

    .sec_cont .sec_only.bna_img .img_text_area .img_area:after {
        top: -10vw;
        bottom: auto;
    }

    .sec_cont .sec_only.bna_img .list_area {
        padding-left: 0;
    }

    .sec_cont .sec_only .list_area {
        padding-left: 6.5vw;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .list_area li {
        margin-bottom: 3.8vw;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        padding-left: 2.3vw;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .list_area li:last-child {
        margin-bottom: 0;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .list_area li .info {
        font-size: 4.3vw;
        line-height: 5vw;
        padding-left: 9vw;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .list_area li .check {
        margin-right: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sec_cont .sec_only .sec_wrap > .img_text_area .list_area li .check img {
        width: 7.8vw;
    }

    .sec_cont .sec_only .check_shape svg {
        width: 6.3vw;
        height: 6.3vw;
    }
}

.list_img_reveal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ddd;
}


.sec_only_explain {
    background: #f0ece9;
    padding: 30px 20px;
    margin-top: 60px;
    border-radius: 20px;
}

.sec_only_explain .title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #2d4f6a;
    display: flex;
    align-items: center;
    font-weight: bold;
    left: 0 !important;
}

.sec_only_explain .title .plus_mark {
    margin-right: 5px;
    display: inline-block;
}

.sec_only_explain .title .plus_mark i {
    font-size: 40px;
    color: #2d4f6a;
}

.sec_only_explain .info {
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.87;
    color: #111;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.sec_only_explain .info:last-of-type {
    margin-bottom: 0;
}

.sec_only_explain .info .num {
    position: absolute;
    top: 0;
    left: 0;
}

.sec_only_explain .img_area {
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec_only_explain .info_area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .sec_cont .sec_only_explain {
        margin-top: 10vw;
        padding: 5.6vw 3.8vw;
        border-radius: 2.5vw
    }

    .sec_cont .sec_only_explain .title {
        font-size: 4.3vw;
        margin-bottom: 3.8vw;
        left: 0 !important;
    }

    .sec_cont .sec_only_explain .title .plus_mark {
        margin-right: 1vw;
    }

    .sec_cont .sec_only_explain .title .plus_mark i {
        font-size: 10vw;
    }

    .sec_cont .sec_only_explain .info {
        font-size: 3.4vw;
        padding-left: 6vw;
    }

    .sec_cont .sec_only_explain .img_area {
        margin-right: 0;
        margin-bottom: 2.5vw;
        width: 100%;
    }

    .sec_cont .sec_only_explain.img_type .title {
        justify-content: center;
        width: 100%;
    }
}




.sec_value {
    margin-bottom: 140px;
}

.sec_value .swiper-slide {
    cursor: pointer;
}

.sec_value .swiper-slide .img_area {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.sec_value .swiper-slide .over_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-image: linear-gradient(to bottom, rgba(164, 116, 89, 0) 0%, #30beb4 100%);
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 2;
    will-change: opacity;
}

.sec_value .swiper-slide:hover .over_bg {
    opacity: 1;
}

.sec_value .swiper-slide .over_bg .icon_area {
    position: absolute;
    bottom: 18px;
    left: 18px;
    z-index: 3;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s ease;
    will-change: opacity;
}

.sec_value .swiper-slide:hover .icon_area {
    transform: translateY(0);
    opacity: 1;
}

.sec_value .swiper-slide:nth-of-type(even) {
    padding-top: 60px;
}

.sec_value .swiper-slide .text_area {
    font-size: 18px;
    line-height: 1.66;
    padding-left: 20px;
    color: #111111;
}

.swiper-button-next i, .swiper-button-prev i {
    color: #30beb4;
    font-size: 40px;
    line-height: 1;
}

.swiper-button-next, .swiper-button-prev {
    background-image: none;
    transform: translateY(-50%);
    top: 50%;
}

.sec_value .swiper-button-next {
    right: -70px;
    left: auto;
}

.sec_value .swiper-button-prev {
    left: -70px;
    right: auto;
}

@media (max-width: 800px) {
    .sec_cont .sec_value {
        margin-bottom: 16.3vw;
    }

    .sec_cont .sec_value .title_area {
        align-items: flex-start;
    }

    .sec_cont .title_area .btn_area {
        margin-right: 22.1vw;
        margin-top: 0;
    }

    .sec_cont .sec_value .sec_wrap {
        width: 100%;
        padding: 0 0 0 6.3vw
    }

    .sec_cont .sec_value .swiper-slide {
        width: 40% !important;
        padding-top: 0 !important;;
    }

    .sec_cont .sec_value .swiper-slide .icon_area img {
        width: 7.5vw;
        height: auto;
        bottom: 3.8vw;
        left: 3.8vw;
    }

    .sec_cont .sec_value .swiper-slide .img_area {
        margin-bottom: 0
    }

    .sec_cont .sec_value .swiper-slide .text_area {
        padding: 5vw 0 0 0;
        font-size: 3.8vw;
        line-height: 1.6;
    }
}

@media (max-width: 430px) {
    .sec_cont .sec_value .swiper-slide {
        width: 60% !important;
    }
}

.sec_bna {
    margin-bottom: 130px;
}

.title_area .btn_area {
    margin-left: auto;
    margin-right: 110px;
}

.sec_bna .bna_area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.sec_bna .bna_area .bna_list {
    display: inline-block;
}

.sec_bna .bna_area .bna {
    position: relative;
    width: 560px;
    margin-bottom: 25px;
}

.sec_bna .bna_area .arrow_area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sec_bna .bna_area .arrow_area .stick {
    width: 10px;
    height: 70px;
    background: #2d4f6a;
    margin: 0 5px;
}

.sec_bna .bna_area .arrow_area i {
    font-size: 30px;
    color: #2d4f6a;
}

.sec_bna .bna_area .bna_text {
    display: flex;
    flex-wrap: wrap;
}

.sec_bna .bna_area .bna_text > span {
    color: #555;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}

.sec_bna .bna_area .bna_text .before {
    margin-right: auto;
}

.sec_bna .bna_area .bna_text .after {
    color: #30beb4;
}

.sec_bna .bna_area .twentytwenty-overlay {
    display: none;
}

.sec_bna .twentytwenty-horizontal .twentytwenty-handle:after, .sec_bna .twentytwenty-horizontal .twentytwenty-handle:before {
    background: #2d4f6a;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none;
    width: 2px;
}

.sec_bna .twentytwenty-horizontal .twentytwenty-handle:before, .sec_bna .twentytwenty-horizontal .twentytwenty-handle:after {
    margin-left: -1px;
}

.sec_bna .twentytwenty-handle {
    background-image: url('../images/bna_arrow.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 58px;
    height: 70px;
    border: none;
    box-shadow: none;
    margin: 0 !important;
    transform: translate(-50%, -50%)
}

.sec_bna .twentytwenty-left-arrow, .sec_bna .twentytwenty-right-arrow {
    display: none;
}

@media (max-width: 800px) {
    .sec_cont .sec_bna {
        margin-bottom: 15vw;
    }

    .sec_cont .sec_bna .bna_area {
        display: block;
    }

    .sec_cont .sec_bna .bna_area .bna {
        width: 100% !important;
        height: auto;;
        margin-bottom: 4.4vw;
    }

    .sec_cont .sec_bna .bna_area .bna_list {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 9.4vw;
    }

    .sec_cont .sec_bna .bna_area .bna_list:last-of-type {
        margin-bottom: 0;
    }

    .sec_cont .sec_bna .bna_area .bna_text > span {
        font-size: 4.3vw;
        line-height: 4.3vw;
    }

    .sec_cont .sec_bna .twentytwenty-handle {
        width: 9.3vw;
        height: 11.3vw
    }

    .sec_cont .sec_bna .twentytwenty-horizontal .twentytwenty-handle:after, .sec_cont .sec_bna .twentytwenty-horizontal .twentytwenty-handle:before {
        width: 1px;
    }
}





.img_text_area {
    display: flex;
    align-items: center;
    justify-content: center;;
}

.img_text_area .left_area {
    margin-right: 50px;
}
.img_text_area .text_only {
    margin-left: 100px;
}
.sec_info .sec_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sec_info .img_text_area .left_area {
    margin-right: 100px;
}

.sec_info .img_text_area .left_area > img {
    height: 715px;
}

.title_area {
    margin-bottom: 65px;
    font-family: 'Marcellus-Regular';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.title_area .title {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.title_area .info {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif
}

.img_text_area .title_area {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 65px;
}

.slide_area .text_color{
    color: white;
}

.title_area .sub_title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}

.sec_info {
    margin-bottom: 100px;
    margin-top: 80px;
}

.sec_info .list_area li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.sec_info .list_area li:last-child {
    margin-bottom: 0;
}

.sec_info .list_area .icon_area {
    margin-right: 10px
}

.sec_info .list_area .info_area p {
    font-family: 'Montserrat', sans-serif;
}

.sec_info .list_area .info_area .title {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase
}

.sec_info .list_area .info_area .info {
    font-size: 18px;
    line-height: 1.44;
    color: #333;
}

.sec_info .img_text_area .right_area {
    margin-right: 50px;
}

.sec_info .img_text_area .title_area .small_title {
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1.2;
    color: inherit;
}

.sec_info .img_text_area {
    align-items: flex-end;
}

.sec_info .sec_info_precautions {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.42;
    color: #2d4f6a;
}

@media (max-width: 800px) {
    .sec_cont .title_area {
        margin-bottom: 8.8vw
    }

    .sec_cont .title_area .title {
        font-size: 7.5vw;
    }

    .sec_cont .title_area .sub_title {
        font-size: 3vw;
        line-height: 3vw;
    }

    .sec_cont .img_text_area .title_area {
        align-items: center;
        text-align: center;
        margin-bottom: 8.8vw !important;
    }

    .sec_cont .sec_info {
        margin-bottom: 15vw;
        margin-top: 10.5vw;
    }

    .sec_cont .sec_info .sec_wrap {
        width: 100%
    }

    .sec_cont .sec_info .img_text_area .title_area .small_title {
        font-size: 3vw
    }

    .sec_cont .sec_info .img_text_area .left_area {
        margin-bottom: 8.8vw;
        margin-right: 0;
    }

    .sec_cont .sec_info .img_text_area .left_area > img {
        height: auto;
    }

    .sec_cont .sec_info .list_area .info_area .title {
        font-size: 4.5vw;
        margin-bottom: 2.5vw;
    }

    .sec_cont .sec_info .list_area .info_area .info {
        font-size: 3.8vw;
    }

    .sec_cont .sec_info .list_area .icon_area {
        margin-right: 2.3vw;
    }

    .sec_cont .sec_info .list_area li {
        margin-bottom: 4.5vw
    }

    .sec_cont .sec_info .list_area .icon_area img {
        width: 13.1vw;
        height: 13.1vw;
    }

    .sec_cont .sec_info .img_text_area .right_area {
        margin-right: 0 !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }

    .sec_cont .sec_info .sec_info_precautions {
        font-size: 3vw;
    }

    .sec_wrap .non_float_wrap{
        flex-wrap: wrap;
    }
    .sec_bt .slide_area .swiper-slide .info_area {
        height: 340px !important;
    }
    .sec_bt .slide_area .swiper-slide .img_area {
        height: 230px !important;
    }
    .img_text_area .text_only {
        margin-left: 0;
    }
}

@media (max-width: 430px) {
    .sec_bt .slide_area .swiper-slide .info_area {
        height: 180px !important;
    }
    .sec_bt .slide_area .swiper-slide .img_area {
        height: 170px !important;
    }
}


.sec_image_descrip .img_area {
    text-align: center;
    margin-bottom: 100px;
}

@media (max-width: 800px) {
    .sec_cont .sec_image_descrip .img_area {
        margin-bottom: 10vw;
    }
}



.sec_real {
    margin-bottom: 135px;
}

@media (max-width: 800px) {
    .sec_cont .sec_real {
        margin-bottom: 16.3vw;
    }
}




.sec_bt {
    margin-bottom: 140px;
}

.sec_bt .img_text_area {
    align-items: stretch;
}
.background-black {
    background-color: #000;
}

.sec_bt .img_text_area .left_area {
    margin-right: 0;
    width: 700px;
}

.sec_bt .slide_area {
    background: #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 85px;
    width: calc(100% - 700px);
}

.sec_bt .slide_area .slide:hover {
    cursor: url(../images/photo-mouse.png), auto;
}

.sec_bt .slide_area .swiper-slide {
    width: 35%;
    position: relative;
    border-bottom-right-radius: 35px;
    border-bottom-left-radius: 35px;
    overflow: hidden;
}

.sec_bt .slide_area .swiper-slide img {
    max-width: 100%;
}

.sec_bt .slide_area .swiper-slide a {
    position: relative;
    display: block;
    cursor: url(../images/photo-mouse.png), auto;
}

.sec_bt .slide_area .swiper-slide a .over_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: opacity 0.5s ease;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.sec_bt .slide_area .swiper-slide a .over_bg .view {
    padding: 10px 20px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.sec_bt .slide_area .swiper-slide a:hover .over_bg {
    opacity: 1;
}

.sec_bt .slide_area .swiper-slide .img_area {
    position: relative;
    height: 200px;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec_bt .slide_area .swiper-slide .info_area {
    height: 190px;
    width: 100%;
    padding: 15px 0 15px 15px;
    background: #30beb4;
}

.sec_bt .slide_area .swiper-slide .info_area p {
    color: #fff;
}

.sec_bt .slide_area .swiper-slide .info_area .title {
    font-size: 23px;
    line-height: 1.25;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
    text-transform: capitalize
}

.sec_bt .slide_area .swiper-slide .info_area .info {
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 400;
}


@media (max-width: 800px) {
    .sec_cont .sec_bt {
        margin-bottom: 16.9vw;
    }

    .sec_cont .sec_bt .slide_area {
        padding-top: 12.5vw;
        padding-bottom: 12.5vw;
        width: 100% !important;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide {
        width: 60% !important;
        border-bottom-right-radius: 10vw;
        border-bottom-left-radius: 10vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area {
        height: 25vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .info_area {
        height: 36.4vw;
        padding: 5vw 3.1vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area img {
        width: 15vw;
        height: auto;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .info_area .title {
        font-size: 4.3vw;
        line-height: 1.47;
        margin-bottom: 1.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .info_area .info {
        font-size: 3.8vw;
        line-height: 1.66;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide a .over_bg .view {
        font-size: 3vw;
        line-height: 3vw;
        padding: 1.3vw 3.1vw;
        border-width: 0.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .canthoplasty {
        width: 26.8vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .lower_blepharoplasty {
        width: 23.9vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .rhinoplasty {
        width: 9.1vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .endotine_midface_lift {
        width: 13.9vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .forehead_lift {
        width: 11.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .tranton_fat_reposition {
        width: 17.5vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .tranton_fat_reposition2 {
        width: 20.9vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .incisional_double_eyelid {
        width: 15vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .non_incisional_double_eyelids {
        width: 16.4vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .alar_resection {
        width: 19.6vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .facial_fat_grafting {
        width: 9vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .functional_rhinoplasty {
        width: 13.4vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .chin {
        width: 11.8vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .upper_blepharoplasty {
        width: 16.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .semi_permanent_collagen_filler {
        width: 13.9vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .upper_body_liposuction {
        width: 23vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .botox {
        width: 14.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .stem_cell3 {
        width: 8.6vw;
        height: 13.6vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .ulthera {
        width: 11vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .ptosis_correction {
        width: 18.3vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .trhinoplasty2 {
        width: 10.1vw;
        height: 13.6vw;
    }

    .sec_cont .sec_bt .slide_area .swiper-slide .img_area .transconjunctival_fat {
        width: 17.6vw;
    }
    .sec_bt .img_text_area .left_area {
        width: 770px !important;
    }
}





.sec_youtube .title_area .title {
    margin-bottom: 0 !important;
}

.sec_youtube .video_area {
    position: relative;
    width: 600px;
    height: 338px;
    position: relative;
}

.sec_youtube .video {
    width: 100%;
    height: 100%;
}

.sec_youtube .video_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.sec_youtube .img_text_area {
    align-items: stretch;
}

.sec_youtube .blog_area {
    background: #ddd;width:600px;
    border-bottom-left-radius: 120px;
    overflow: hidden;
    padding: 65px 50px;
    display: inline-block;
}

.sec_youtube .blog_area .list_area li {
    position: relative;
    margin-bottom: 45px;
}

.sec_youtube .blog_area .list_area li:last-child {
    margin-bottom: 0;
}

.sec_youtube .blog_area .list_area li a {
    font-size: 18px;
    line-height: 30px;
    padding-left: 1.3vw;
    display: flex;
    position: relative;
}

.sec_youtube .blog_area .list_area li a:hover {
    text-decoration: underline
}

.sec_youtube .blog_area .list_area li .dot {
    content: "";
    width: 10px;
    height: 10px;
    background: #111;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
    position: absolute;
    top: 0.5vw;
    left: 0;
}

.sec_youtube .blog_area .title_area {
    flex-direction: inherit;
    align-items: center;
    margin-bottom: 70px;
}

.sec_youtube .blog_area .title_area .title {
    margin-right: 60px;
}

.white .m-title .more a::after {
    background: #30beb4;
}

@media (max-width: 800px) {

    .sec_cont .sec_youtube .video_area {
        width: 100%;
        height: 49.1vw;
    }

    .sec_cont .sec_youtube .img_text_area .left_area {
        width: 100%;
        margin-bottom: 8.8vw;
    }

    .sec_cont .sec_youtube .blog_area {
        width: 100%;
        display: block;
        padding: 10vw 2.5vw 12.5vw 6.3vw;
        border-bottom-left-radius: 25vw;
    }

    .sec_cont .sec_youtube .blog_area .title_area {
        align-items: flex-start;
    }

    .sec_cont .sec_youtube .blog_area .title_area .title {
        margin-right: auto;
    }

    .sec_cont .sec_youtube .blog_area .list_area li .dot {
        width: 2.3vw;
        height: 2.3vw;
        margin-right: 3.1vw;
        position: absolute;
        top: 2.5vw;
        left: 0;
    }

    .sec_cont .sec_youtube .blog_area .list_area li a {
        font-size: 4.3vw;
        line-height: 6.3vw;
        display: flex;
        padding-left: 5.4vw;
    }

    .sec_cont .sec_youtube .blog_area .list_area li {
        margin-bottom: 8.1vw;
    }

    .sec_cont .sec_youtube .blog_area .list_area li:last-child {
        margin-bottom: 0
    }

    .sec_cont .sec_youtube .title_area .btn_area {
        margin-top: 0;
    }

}

.list_img_reveal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ddd;
}



.last_text {
    margin-bottom: 0 !important;
}

.last_text .icon_area{
    width: 12%;
}

.last_text .info_area{
    width: 87%;
}

.sec_cont .top_area {
    margin-bottom: 90px;
    display: flex;
    align-items: stretch
}

.sec_cont .top_area .title_area {
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

.sec_cont .top_area .title_area .sub_title, .sec_cont .top_area .title_area .title {
    text-transform: uppercase;
}

.sec_cont .top_area .title_area .sub_title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
}

.sec_cont .top_area .title_area .title {
    font-size: 50px;
    line-height: 1;
    display: flex;
}
.text001{margin-right:20px;}

.sec_cont .top_area .title_area .title .text {
    margin-right: 20px;
    font-family: 'Marcellus-Regular';
    line-height: inherit;
}

.sec_cont .top_area .line_area {
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    width: 100%;
}

.sec_cont .top_area .line_area .line {
    display: inline-flex;
    width: 100%;
    height: 4px;
    background: #30beb4;
}

.sec_cont .title_info {
    font-size: 18px;
    line-height: 1.333;
    color: #131313;
    margin-bottom: 45px;
}

.pagination__link {
    padding-top: 0;
    width: auto;
    height: auto;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1;
}

@media (max-width: 800px) {
    .sec_cont .sub_bg {
        margin-bottom: 16.3vw
    }

    .sec_cont .top_area {
        margin-bottom: 12.5vw;
        flex-direction: column;
    }

    .sec_cont .top_area > div {
        width: 100%;
        margin-right: 0;
    }

    .sec_cont .top_area .title_area {
        margin-bottom: 0;
        margin-right: 0;
        text-align: center;
        white-space: normal;
    }

    .sec_cont .top_area .title_area .sub_title {
        font-size: 3.8vw;
        margin-bottom: 1.9vw;
    }

    .sec_cont .top_area .title_area .title {
        font-size: 8.8vw;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .sec_cont .top_area .title_area .title .text {
        margin-right: 0;
    }

    .sec_cont .top_area .line_area {
        padding-bottom: 0;
        margin-top: 4.5vw;
    }

    .sec_cont .top_area .line_area .line {
        display: block;
        height: 0.5vw;
    }

    .sec_cont .title_info {
        font-size: 3.8vw;
        margin-bottom: 10vw;
        text-align: center;
    }

    .pagination__link {
        font-size: 3vw;
        padding: 2vw 2.5vw 1.5vw 2.5vw;
        line-height: 1;
    }

    .pagination__item {
        margin-left: 0 !important;
    }

    .page-bottom__btn a {
        font-size: 4vw;
    }

    .page-bottom__btn:hover a {
        color: #333 !important;
    }

    .board__find-btn {
        width: 3.5vw;
        height: 3.7vw;
        background-size: 3.5vw 3.7vw;
    }

    .board__content {
        font-size: 4vw;
    }
}

.main-contact-area #map {
    height: 350px;
}

@media (max-width: 800px) {
    .main-contact-area #map {
        width: 100% !important;
        height: 75vw !important;
        margin-top: 6.25vw !important;
        position: relative !important;
    }
}

@media (max-width: 680px) {
    .main-contact-area #map {
        width: 100% !important;
        height: 75vw !important;
        margin-top: 6.25vw !important;
        position: relative !important;
    }
}




.tab-v2__content {
    padding-top: 0;
}

.container__wrap {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.container__wrap .board {
    padding: 0;
    width: 100%;
}

.board__find {
    display: inline-flex;
}

.board__table .board__tr:last-of-type {
    border-bottom: none;
}

@media (max-width: 800px) {
    .container__wrap {
        width: 100%;
        max-width: 100%;
    }

    .board__tr {
        padding: 3.8vw 0 3.8vw 1vw;
    }

    .news__header {
        padding-left: 0;
    }

    .board__find {
        width: 48.1vw;
        height: 6.3vw;
    }

    .board__td {
        font-size: 3.8vw;
    }

    .board__date {
        font-size: 3vw;
    }
}


.ui-pagenate strong, .ui-pagenate span {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1;
}

.ui-pagenate strong {
    background: #30beb4;
    color: #fff;
}

@media (max-width: 800px) {
    .ui-pagenate strong, .ui-pagenate span {
        padding: 2vw 2.5vw 1.5vw 2.5vw;
        font-size: 3vw;
    }
}


.epilogue-best__txt {
    color: #666;
}

@media (max-width: 800px) {
    .sec_cont .epilogue-best__mark {
        font-size: 3vw;
        padding: 1vw 2.5vw;
    }

    .sec_cont .epilogue-best__tit {
        font-size: 5vw;
        margin-top: 11.3vw;
    }

    .sec_cont .epilogue-best__txt {
        font-size: 3.8vw;
        margin-bottom: 15vw;
    }

    .sec_cont .epilogue-best__item {
        padding-bottom: 54.5vw;
    }

    .sec_cont .category-tab__link {
        height: 10.6vw;
        font-size: 3.3vw
    }

    .sec_cont .epilogue__box {
        padding: 3.8vw 5.6vw;
    }

    .sec_cont .epilogue__txt {
        font-size: 3.8vw;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 라인수 */
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 1.2;
    }

    .sec_cont .epilogue__item {
        margin-top: 7.5vw
    }

    .sec_cont .review__noti {
        font-size: 3.5vw;
        line-height: 1.28;
        margin: 6.9vw auto 8.8vw;
    }

    .sec_cont .gallery__tit {
        font-size: 5vw;
    }

    .sec_cont .gallery__content {
        padding: 15vw 0;
    }

    .sec_cont .gallery__inner p {
        font-size: 3.5vw;
    }

    .sec_cont .gallery__inner p img {
        height: auto !important;
    }

    .sec_cont .review__point {
        font-size: 1.2vw;
    }

    .sec_cont .review {
        padding-bottom: 8.8vw;
    }

    .sec_cont .page__btn {
        font-size: 5vw;
    }

    .sec_cont .page__item.type-prev .page__btn {
        padding-left: 6vw;
    }

    .sec_cont .page__item.type-next .page__btn {
        padding-right: 6vw;
    }
}




/*포토갤러리*/

/*221019 수정*/
.sec_cont {
    font-family: 'Montserrat', sans-serif;
}

/*.gender__input.type-m + .gender__label{border-radius:100%; border:1px solid #e1e1e1;}*/
.sec_cont .photo-slide__noti {
    margin-top: 35px;
    color: #777575;font-size:20px;
}

.sec_cont .category-tab {
    margin-top: 25px;
}

.sec_cont .photo-slide {
    padding: 0;
}

.sec_cont .photo-slide__cate {
    font-size: 18px;
    line-height: 1;
    padding: 10px 15px;
    font-weight: 400;
}

.sec_cont .photo-slide__link {
    font-size: 18px;
    width: 70px;
    height: 70px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.sec_cont .photo-slide__item {
    background: #9d9c9c;
}

.sec_cont .photo-slide__item + .photo-slide__item {
    margin-left: 3px;
}

@media (max-width: 800px) {
    .sec_cont .top_area .title_area .title .text span.mo {
        display: inline-block !important;
    }

    .sec_cont .gender__label {
        width: 7.5vw;
        height: 7.5vw;
    }

    .sec_cont .gender__input.type-m + .gender__label {
        margin-left: 1.3vw;
    }

    .sec_cont .photo-slide__noti {
        margin-top: 5vw;
        font-size: 3.8vw;
        line-height: 1.333;
    }

    .sec_cont .category-tab {
        margin-top: 3.1vw;
    }

    .sec_cont .category-tab__link {
        font-size: 3vw;
    }

    .sec_cont .photo-slide {
        margin-top: 7.5vw;
        position: relative;
    }

    .sec_cont .photo-slide__area {
        display: flex;
        position: relative;
    }

    .sec_cont .photo-slide__cate {
        font-size: 3vw;
        padding: 1.3vw 1.9vw;
    }

    .sec_cont .photo-slide__list {
        display: flex;
        left: 50%;
        transform: translateX(-50%);
    }

    .sec_cont .photo-slide__link {
        width: 9.3vw;
        height: 9.3vw;
        font-size: 2.8vw;
    }

    .sec_cont .photo-slide__item + .photo-slide__item {
        margin-top: 0;
        margin-left: 0.6vw;
    }

    .sec_cont .photo-slide__txt {
        font-size: 4.3vw;
        line-height: 1.32;
    }

    .sec_cont .photo-slide__btn {
        display: block;
        margin: 0;
        width: 7vw;
        height: 7vw; /*top:50%;*/
        top: 38%;
        transform: translateY(-50%);
        background-size: cover !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat !important;
    }

    .sec_cont .photo-slide.type-thum .photo-slide__txtarea {
        display: block;
    }

    .sec_cont .photo-slide.type-thum .photo-slide__wrap {
        border-width: 0.4vw;
    }

    .sec_cont .photo-slide.type-thum .photo-slide__txt {
        -webkit-line-clamp: 2;
        font-size: 3.8vw;
        line-height: 1.2;
        height: auto;
    }
}

/*리얼리뷰*/

.sec_cont .epilogue-best__link2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 800px) {
    .sec_cont .epilogue-best__txt {
        margin-bottom: 13.8vw;
    }

    .sec_cont .epilogue-best__next, .epilogue-best__prev {
        display: inline-block !important;
        width: 2.5vw;
        height: 4.4vw;
        top: 40vw;
    }

    .sec_cont .epilogue-best__prev {
        left: 1.9vw !important;
    }

    .sec_cont .epilogue-best__next {
        right: 1.9vw !important;
    }

    .sec_cont .epilogue-best__page {
        bottom: 12.5vw;
    }

    .sec_cont .epilogue-best__page li {
        width: 1.8vw;
        height: 1.8vw;
    }

    .sec_cont .epilogue-best__page li + li {
        margin-left: 1.3vw
    }

    .sec_cont .epilogue__box {
        height: auto;
    }
}



@media (min-width: 800px) {
    .header_blank {
        height: 130px;
    }

    .header {
        transition: box-shadow 0.3s ease, background 0.3s ease
    }

    .header .nav .logo, .header.active .nav .logo {
        padding-top: 5px;
    }

    .header .nav, .header.active .nav {
        padding: 10px 0 20px 0;
    }

    .header .nav-all .nav-list .nav-list-sub {
        width: auto !important;
        padding: 25px 25px 20px 14px;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .nav-all .nav-list .nav-list-sub a {
        white-space: nowrap;
    }
}

@media (max-width: 800px) {
    .header.active .nav {
        padding: 0 5vw;
    }

    .header.active .nav .logo {
        padding-top: 0;
    }
}


section.main-contact-area .title_area {
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
}

@media (max-width: 800px) {
    .main-contact-area .title_area {
        margin-bottom: 5vw;
    }
}



  

    .sec_faq{margin-bottom:130px; margin-top:10px;}
    .sec_faq .faq_area{display:flex;}
    .sec_faq .faq_area .accordion{margin-right:40px; width:50%;}
    .sec_faq .faq_area .accordion:last-of-type{margin-right:0;}
 .sec_faq .accordion .accordion-item {
	 border-bottom: 1px solid #e5e5e5;
}
    .sec_faq .accordion .accordion-item:last-child{border-bottom:0;}
 .sec_faq .accordion .accordion-item button[aria-expanded='true'] {
	 border-bottom: 1px solid #30beb4;
   	 color: #30beb4;
}
 .sec_faq .accordion button {
	 position: relative;
	 display: block;
	 text-align: left;
	 width: 100%;
	 padding: 20px 45px 20px 0;
	 color: #111111;
	 font-size: 20px;
	 font-weight: 500;
	 border: none;
	 background: none;
	 outline: none;
}
 .sec_faq .accordion button:hover{
	 cursor: pointer;
	 color: #30beb4;
}
 .sec_faq .accordion button:hover::after::after {
	 cursor: pointer;
	 color: #30beb4;
	 border: 1px solid #30beb4;
}

 .sec_faq .accordion button .icon {
	 display: inline-block;
	 position: absolute;
	 top: 50%;
	 right: 0;
	 width: 22px;
	 height: 22px;
	 border: 1px solid;
	 border-radius: 100%;
   transform:translateY(-50%);
}
 .sec_faq .accordion button .icon::before {
	 display: block;
	 position: absolute;
	 content: '';
	 top: 50%;
	 left: 50%;
	 width: 10px;
	 height: 2px;
	 background: currentColor;
   transform:translate(-50%,-50%);
}
 .sec_faq .accordion button .icon::after {
	 display: block;
	 position: absolute;
	 content: '';
	 top: 5px;
	 left: 9px;
	 width: 2px;
	 height: 10px;
	 background: currentColor;
}
 .sec_faq .accordion button[aria-expanded='true'] {
	 color: #30beb4;
}
 .sec_faq .accordion button[aria-expanded='true'] .icon::after {
	 width: 0;
}
 .sec_faq .accordion button[aria-expanded='true'] + .accordion-content {
	 opacity: 1;
	 max-height: 100vh;
	 transition: all 300ms linear;
	 will-change: opacity, max-height;

}
 .sec_faq .accordion .accordion-content {
	 opacity: 0;
	 max-height: 0;
	 overflow: hidden;
	 transition: opacity 300ms linear, max-height 300ms linear;
	 will-change: opacity, max-height;
}
 .sec_faq .accordion .accordion-content p {
	 font-size: 17px;
	 font-weight: 400;
	 margin: 20px 0;
}
 
    
    @media(max-width:800px){
      .sec_faq{margin-bottom:15vw; margin-top:0;}
      .sec_faq .faq_area{flex-direction:column;}
      .sec_faq .faq_area .accordion{width:100%; margin:0!important; border-bottom:0.2vw solid #e5e5e5;}
      .sec_faq .faq_area .accordion:last-of-type{border-bottom:0;}
      .sec_faq .accordion button{padding:4vw 10vw 4vw 0; font-size:4.3vw; }
      .sec_faq .accordion button:hover{color:inherit;}
      .sec_faq .accordion .accordion-content p{font-size:3.8vw;}
      .sec_faq .accordion button .icon{ border:0.3vw solid; border-radius:100%; width:6vw; height:6vw;}
      .sec_faq .accordion button .icon::after{width:0.5vw; height:2.5vw; top:50%; left:50%; transform:translate(-50%,-50%)}
       .sec_faq .accordion button .icon::before{width:2.5vw; height:0.5vw;  top:50%; left:50%; transform:translate(-50%,-50%)}
      
    }