@charset "utf-8";
/*@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,600');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/verdana');

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans KR'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
    font-display: swap;
}

/* DOPE RESET */
::selection {
    background: #ff5961;
    color: #FFF
}

textarea {
    overflow: auto;
    outline-style: none;
    font-family: 'Noto Sans KR', Dotum
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal
}

ul, li, ol {
    list-style-type: none
}

legend, caption {
    display: none
}

hr {
    border-collapse: collapse;
    display: none
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #222
}

html, body {
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #FFF;*/
    /*color: #222*/
}

.sound_only {
    display: none
}

.clearboth {
    clear: both
}

#go_top {
    display: none;
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: 520px;
    width: 50px;
    height: 35px;
    padding-top: 15px;
    background: #CCC;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 999
}

samp {
    display: block
}

dfn {
    display: none
}

/* 화면전환 FADEIN 효과*/
body {
    animation: umfadein .7s ease-out none;
    -webkit-animation: umfadein .7s ease-out none
}

@keyframes umfadein {
    from {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    to {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes umfadein {
    from {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    to {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

/* 팝업레이어 */
#hd_pop {
    z-index: 1000;
    position: relative;
    margin: 0 auto;
    height: 0
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#hd_pop_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff;
}

.hd_pops img {
    max-width: 100%
}

.hd_pops_footer {
    padding: 0;
    background: #000;
    color: #fff;
    text-align: left;
    position: relative;
}

.hd_pops_footer:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.hd_pops_footer button {
    padding: 5px 10px;
    border: 0;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}

.hd_pops_footer .hd_pops_reject {
    background: #000;
    text-align: left;
}

.hd_pops_footer .hd_pops_close {
    background: #393939;
}

.hd_pops_footer .hd_pops_reject_pc {
    background: #393939;
    text-align: left;
    cursor: pointer;
    margin-right: 5px;
}

.hd_pops_footer .hd_pops_close_pc {
    background: #393939;
}


#pop_wrap {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 9998;
}

#pop_win {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 704px;
    display: flex;
    flex-wrap: wrap;
    z-index: 9999;
    margin: 0 auto;
    border: 2px solid #000;
    box-shadow: 0 0 12px 4px rgba(125, 125, 125, 0.6);
}

@media screen and (max-width: 600px) {
    #pop_win {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        z-index: 9999;
        margin: 0 auto;
        border: 2px solid #000;
        box-shadow: 0 0 12px 4px rgba(125, 125, 125, 0.6);
    }
}

#pop_win a {
    text-decoration: none;
}

#popchange {
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
    width: 500px;
    aspect-ratio: 210 / 297; /* A4 세로 */
    margin: 0;
    padding: 0px;
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    background: #fff;
    text-align: center;
    visibility: visible;
    z-index: 99999999;
}

@media screen and (max-width: 600px) {
    #popchange {
        overflow: hidden;
        position: relative;
        left: 0px;
        top: 0px;
        width: 80%;
        aspect-ratio: 210 / 297; /* A4 세로 */
        margin: 0;
        padding: 0px;
        border: 1px solid #ddd;
        border-bottom: 0px solid #ddd;
        background: #fff;
        text-align: center;
        visibility: visible;
        z-index: 99999999;
    }
}

#popchange ul {
    list-style: none;
}

#popchange ul li img {
    width: 100%;
}

#divMenu {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0;
    background: #fff;
    text-align: center;
    visibility: visible;
    z-index: 99999999;
    width: 200px;
    border: 1px solid #ddd;
    border-left: none;
}

@media screen and (max-width: 600px) {
    #divMenu {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0;
        background: #fff;
        text-align: center;
        visibility: visible;
        z-index: 99999999;
        width: 20%;
        border: 1px solid #ddd;
        border-left: none;
    }
}

.pagination:after {
    clear: both;
    display: block;
    content: ""
}

.pagination {
    list-style: none;
    margin: 0px 0px 0 0px;
    background: #fff;
}

.pagination li {
    position: relative;
    width: 100%;
    height: 49px;
    padding: 0px;
    color: #fff;
    background: #989898;
    text-align: center;
    cursor: pointer;
    opacity: 1.0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}

.pagination li:hover {
    color: #000;
    border: 1px solid #D49696;
    opacity: 1.0;
}

.pagination li p {
    text-align: center;
    display: block;
    width: 100%;
    font-family: 'Verdana', sans-serif;
}

li.current {
    background: #0064ff;
    opacity: 1.0;
    /*width: 234px;*/
    /*margin-left: -34px;*/
    position: relative;
}

@media screen and (max-width: 600px) {
    li.current {
        background: #0064ff;
        opacity: 1.0;
        /*width: 130%;*/
        /*margin-left: -30%;*/
        position: relative;
    }
}

li.current:before {
    content: "";
    background: url("/img/arrow_pop.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

li.current p {
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}

li#content {
    width: 298px;
    height: 222px;
    margin: 0px 0px 8px 8px;
    background: #fff;
}

#content h1 {
    font: 12px Archivo Black, Arial, 霃嬱泙;
    margin-bottom: 15px;
    color: #000;
}

#footerfix {
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 99999999;
}

.hd_pops_footer {
    background: #000;
    color: #fff;
    text-align: right;
    width: 100%;
    padding: 10px 5px;
}

.hd_pops_con {
    display: flex;

}

.hd_pops_side {
    width: 120px;
}

.mo_pop {
    display: none;
}

@media screen and (max-width: 1200px) {
    .mo_pop {
        display: block;
    }

    /*.pc_pop {*/
    /*    display: none;*/
    /*}*/

    #hd_pop {
        position: absolute;
    }

    #hd_pop_fixed {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
    }

    #hd_pop_fixed_box {
        position: absolute;
        box-sizing: border-box;
        top: 60px;
        left: 5%;
        bottom: 0;
        right: 5%
    }

    #hd_pop_fixed_inner {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .hd_pops {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%)
    }

    .hd_pops_footer {
        display: flex;
        width: 100%;
        padding: 0;
        justify-content: center;
    }

    .hd_pops_footer button {
        font-size: inherit;
    }

    .hd_pops_footer .hd_pops_reject {
        font-size: .8em;
        white-space: nowrap;
    }

    .hd_pops_footer .hd_pops_close {
        font-size: 0.8em;
        margin-left: 28%;
    }

    .hd_pops_side {
        width: 0;
    }
}

@media screen and (max-width: 600px) {
    .hd_pops {
        left: 0 !important;
        transform: translate(0%, -50%)
    }

    .hd_pops_con {
        max-width: 100%;
        width: auto !important;
        height: auto !important
    }
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

/* #captcha #captcha_img {;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} */
#captcha #captcha_reload {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha2.png') no-repeat 0 -40px;
    text-indent: -999px;
    border-radius: 3px
}

#captcha #captcha_key {
    margin: 0 0 0 3px;
    padding: 0 5px;
    width: 90px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
    display: block;
    margin: 0 0 5px;
    width: 187px
}

#captcha.m_captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: block;
}

#captcha.m_captcha #captcha_reload {
    position: static;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha2.png') no-repeat 0 -40px;
    text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
    display: none;
}

#captcha.m_captcha #captcha_key {
    margin: 0;
    padding: 0 5px;
    width: 115px;
    height: 29px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 29px;
    margin-left: 3px
}

#captcha.m_captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width: 31px;
    height: 31px;
    background: url('../img/captcha2.png') no-repeat 0 0;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border: none
}

/* 버튼 */
a.btn, .btn {
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    text-align: center;
    font-weight: bold;
    border: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

a.btn01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus, a.btn01:hover {
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

a.btn02:focus, .btn02:hover {
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

.btn_confirm {
    text-align: right
}

/* 서식단계 진행 */

.btn_submit {
    border: 0;
    background: #253dbe;
    color: #fff;
    cursor: pointer;
    border: 0
}

.btn_submit:hover {
    background: #0025eb
}

a.btn_cancel {
    display: inline-block;
    background: #969696;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

button.btn_cancel {
    display: inline-block;
    background: #969696;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

.btn_cancel:hover {
    background: #aaa;
}

a.btn_frmline, button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 40px;
    border: 0;
    background: #3c3c3c;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    vertical-align: top
}

/* 우편번호검색버튼 등 */
button.btn_frmline {
    font-size: 1em
}


/*컬러*/
.color_1 {
    background: #169dd6
}

.color_2 {
    background: #14d53d
}

.color_3 {
    background: #3814ff
}

.color_4 {
    background: #7520c5
}

/*폼 리스트*/
.form_01 h2 {
    margin: 0 0 10px;
    font-size: 1.167em
}

.form_01 li {
    margin: 10px 0
}

.form_01 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.form_01 li .right_input {
    float: right
}

.form_01 textarea {
    height: 100px;
    width: 100%
}

.form_01 .frm_label {
    display: inline-block;
    width: 130px
}

/* 폼 테이블 - 회원가입*/
.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 70px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f5f8f9;
    text-align: left
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: transparent
}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    vertical-align: middle;
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 40px;
}

.full_input {
    width: 100%
}

.half_input {
    width: 49.5%
}

.tbl_frm01 textarea {
    width: 100%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}

/* 필수입력 */
.required, textarea.required {
    background-image: url('../img/require.png') !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}


/* 새창 기본 스타일 */
.new_win {
    position: relative;
}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    font-size: 1.25em;
    height: 50px;
    line-height: 30px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    border-right: 1px solid #dfe6e7;
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    background: #fff;
    width: 33.333%;
    text-align: center;
    border: 1px solid #ccc;
    margin-left: -1px
}

.new_win .win_ul li a {
    display: block;
    padding: 10px 0
}

.new_win .win_ul .selected {
    background: #fff;
    border-color: #253dbe;
    position: relative;
    z-index: 5
}

.new_win .win_ul .selected a {
    color: #253dbe;
    font-weight: bold
}

.new_win .win_desc {
    margin: 5px 0;
    font-size: 0.92em;
    color: #3598db;
}

.new_win .frm_info {
    font-size: 0.92em;
    color: #3598db
}

.new_win .win_total {
    text-align: right;
    margin: 10px 0
}

.new_win .win_total span {
    display: inline-block;
    line-height: 30px;
    font-size: 0.92em;
    color: #4e546f;
    background: #d4d4d4;
    padding: 0 10px;
    border-radius: 5px;
}

.new_win .new_win_con {
    margin: 20px;
}

.new_win .new_win_con:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .btn_confirm:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_btn {
    text-align: right
}

.new_win .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    background: url(../img/close_btn.gif) no-repeat 50% 50%;
    border: 0;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer
}

.new_win .btn_submit {
    padding: 0 20px;
    height: 40px;
    font-weight: bold;
    font-size: 1.083em;
    float: right
}

/* 검색결과 색상 */
.sch_word {
    color: #00c4ac
}

/* 자바스크립트 alert 대안 */
#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}

/* 페이징 */
.pg_wrap {
    clear: both;
    margin: 30px 0;
    text-align: center
}

.pg_wrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.pg_page, .pg_current {
    display: inline-block;
    vertical-align: middle;
    background: #f3f3f3;
    border: 1px solid #bbbcc3
}

.pg a:focus, .pg a:hover {
    text-decoration: none
}

.pg_page {
    color: #555;
    font-size: 1.083em;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 3px;
}

.pg_page:hover {
    background-color: #ddd
}

.pg_start {
    text-indent: -999px;
    overflow: hidden;
    background: url('../img/btn_first.gif') no-repeat 50% 50% #fff;
    padding: 0;
    border: 1px solid #bbb;
}

.pg_prev {
    text-indent: -999px;
    overflow: hidden;
    background: url('../img/btn_prev.gif') no-repeat 50% 50% #fff;
    padding: 0;
    border: 1px solid #bbb
}

.pg_end {
    text-indent: -999px;
    overflow: hidden;
    background: url('../img/btn_end.gif') no-repeat 50% 50% #fff;
    padding: 0;
    border: 1px solid #bbb
}

.pg_next {
    text-indent: -999px;
    overflow: hidden;
    background: url('../img/btn_next.gif') no-repeat 50% 50% #fff;
    padding: 0;
    border: 1px solid #bbb
}

.pg_start:hover, .pg_prev:hover, .pg_end:hover, .pg_next:hover {
    background-color: #fafafa
}

.pg_current {
    display: inline-block;
    background: #4c4f6f;
    color: #fff;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    min-width: 30px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 2px #222542;
    -moz-box-shadow: inset 1px 1px 2px #222542;
    box-shadow: inset 1px 1px 2px #222542;
}

/* DOPE RESET END */

/*scroll*/
#scroll {
    display: none;
    z-index: 1;
    position: fixed;
    left: 50%;
    bottom: 160px;
    width: 16px;
    height: 30px;
    margin-left: -8px;
    border-radius: 10px;
    border: 2px solid #fff;
    transition: .3s
}

#scroll > var {
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    font-size: 13px;
    color: #fff
}

#scroll > em {
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 2px;
    height: 6px;
    margin-left: -1px;
    background: #fff;
    animation: scroll 2s infinite
}

@keyframes scroll {
    0% {
        bottom: 5px
    }
    50% {
        bottom: 60%
    }
    100% {
        bottom: 5px
    }
}

/*TITLE - New*/
.section .gra1 {
    background: repeating-linear-gradient(-45deg, #512772 0%, #512772 20%, #bc75f3 50%, #512772 80%, #512772 100%);
    background-size: 500px 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: Gradient 3s linear infinite forwards;
    -moz-animation: Gradient 3s linear infinite forwards;
    animation: Gradient 3s linear infinite forwards;
}

.section .gra2 {
    background: repeating-linear-gradient(-45deg, #b78ded 0%, #b78ded 20%, #ffffff 50%, #b78ded 80%, #b78ded 100%);
    background-size: 500px 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: Gradient 3s linear infinite forwards;
    -moz-animation: Gradient 3s linear infinite forwards;
    animation: Gradient 3s linear infinite forwards;
}

.section .gra3 {
    background: repeating-linear-gradient(-45deg, #eddf8f 0%, #eee090 20%, #ffffff 50%, #efe39c 80%, #f3eab6 100%);
    background-size: 500px 100% !important;
    background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: Gradient 4s linear infinite forwards;
    -moz-animation: Gradient 4s linear infinite forwards;
    animation: Gradient 4s linear infinite forwards;
}

/*TITLE*/
.section .tit {
    position: relative;
    text-align: center
}

.section .tit > h2 {
    font-size: 80px;
    font-weight: 400;
    font-family: 'Abril Fatface', cursive;
    font-style: italic;
    color: black;
    background: repeating-linear-gradient(-45deg, #512772 0%, #512772 20%, #bc75f3 50%, #512772 80%, #512772 100%);
    background-size: 500px 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: Gradient 3s linear infinite forwards;
    -moz-animation: Gradient 3s linear infinite forwards;
    animation: Gradient 3s linear infinite forwards;
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 0%
    }
    100% {
        background-position: 500px 0%
    }
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 0%
    }
    100% {
        background-position: 500px 0%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 0%
    }
    100% {
        background-position: 500px 0%
    }
}

.section .tit > img {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px
}

.section .tit > img:last-child {
    right: 0;
    left: auto
}

.section .tit > span {
    position: relative;
    display: block;
    padding-left: 10px;
    font-size: 18px;
    color: #3c3c3c
}

.section .tit > span:after {
    content: '';
    position: absolute;
    left: -100%;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #000
}

/*공통*/
.m_show {
    display: none
}

.lineblock {
    display: none
}

/*HEADER*/
#simpleLogin {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

#simpleLogin .tb .tc {
    text-align: center;
}

#simpleLogin .tb .tc .box {
    display: inline-block;
    width: 844px;
    margin: 330px 0 0 0;
    background: #432d54;
    border-radius: 0;
    text-align: center;
}

#simpleLogin .tb .tc .box .function {
    position: absolute;
    width: 844px;
    text-align: right;
}

#simpleLogin .tb .tc .box .function a img {
    width: 22px;
    transform: translate(-10px, 10px);
}

#simpleLogin .tb .tc .box .title {
    margin: 20px 0 0 0;
    font-size: 29px;
    font-weight: 300;
    color: white;
}

#simpleLogin .tb .tc .box .title b {
    font-size: 29px;
    font-weight: 600;
    color: white;
}

#simpleLogin .tb .tc .box .title br {
    display: none;
}

#simpleLogin .tb .tc .box .summary {
    margin: 20px 0 0 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    color: white;
}

#simpleLogin .tb .tc .box .summary b {
    display: block;
    margin: 10px 0 0 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: white;
}

#simpleLogin .tb .tc .box .form {
    margin: 20px 0 30px 0;
}

#simpleLogin .tb .tc .box .form input {
    display: inline-block;
    vertical-align: middle;
    width: 215px;
    height: 35px;
    margin: 0 0 0 0;
    border: 0;
    text-align: center;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
}

#simpleLogin .tb .tc .box .form button {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 37px;
    margin: 0 0 0 5px;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    color: #3d3d3d;
    background: #ffffff;
}

#quick {
    position: fixed;
    z-index: 10;
    top: 200px;
    left: 100vw;
    right: 0;
    bottom: 0;
    width: 70px;
    margin: 0 0 0 -100px;
}

#quick ul.pc {
    background: #67368b;
    border-radius: 50px 50px 50px 50px;
}

#quick ul.pc > li {
    padding: 7px 0 7px 0;
    display: block;
    text-align: center;
}

#quick ul.pc > li a {
    color: #ffffff;
    font-size: 16px;
    line-height: 0;
}

#quick ul.pc > li.top {
    margin: 0 auto;
    padding: 15px 0 5px 0;
    width: 80%;
    border-bottom: 2px solid #8f6aa9;
}

#quick ul.pc > li.top a {
    font-weight: 500;
    font-size: 22px;
    line-height: 23px;
}

#quick ul.pc > li.item:after {
    display: block;
    font-size: 0;
    content: "a";
    background: #8f6aa9;
    width: 22px;
    height: 2px;
    margin: 0 auto 0 auto;
    transform: translateY(7px);
}

#quick ul.pc > li.item5:after {
    display: none;
}

#quick ul.pc > li.item a .icon {
    display: block;
}

#quick ul.pc > li.item a .icon img {
    width: 33px;
}

#quick ul.pc > li.item a .text {
    line-height: 16px;
    font-weight: 500;
}

#quick ul.pc > li.item1 .text {
    color: #FFFD00 !important;
}

#quick ul.pc > li.item2 .text {
    color: #FFFFFF !important;
}

#quick ul.pc > li.item3 .text {
    color: #2FB500 !important;
}

#quick ul.pc > li.item4 .text {
    color: #FFFFFF !important;
}

#quick ul.pc > li.item5 .text {
    color: #00f2f3 !important;
}

#quick ul.pc > li.bottom {
    margin: 0 auto;
    padding: 5px 0 15px 0;
    width: 80%;
    border-top: 2px solid #8f6aa9;
}

#quick ul.pc > li.bottom a {
    font-size: 14px;
    font-weight: bold;
}

#quick ul.mo {
    display: none;
}


#header {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
}

#header .center_wrap > h1 {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #ffffff;
}

#header .center_wrap > h1 .logo1 {
    display: inline-block;
    width: 185px;
    height: auto;
    margin: -5px 0 0 0;
}

#header .center_wrap > h1 .logo2 {
    display: none
}

#header .center_wrap > ul {
    position: absolute;
    left: 0;
    background: #34164a;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#header .center_wrap > ul > li {
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    transform: translateY(-2px);
    transition: all 0.8s;
}

#header .center_wrap > ul > li.active {
    background: #ffffff;
    transition: all 0.5s;
}

#header .center_wrap > ul > li.active a {
    color: #34164a;
    transition: all 0.5s;
}

#header .center_wrap > ul > li > a {
    padding: 0 15px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    transform: translateY(-1px);
}

#header .center_wrap > ul > li:nth-child(5) > a {
    padding: 0;
    letter-spacing: -2px;
}

#header .center_wrap > ul > li:last-child > a {
    padding-right: 0
}

#header .center_wrap > ul > li.active > a {
    color: #34164a;
}

#header .center_wrap > .m-btn {
    display: none
}

#header .center_wrap > .naver {
    display: none;
}

#header .center_wrap > .naver > a {
    display: none;
}

#header .center_wrap > .naver > a > img {
    display: none;
}

#m-menu {
    display: none
}

/*COUNSEL*/
#counsel {
    position: fixed;
    display: block;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

#counsel .center_wrap {
    margin: 200px auto 0 auto;
    width: 444px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    background: white;
}

#counsel .center_wrap .function {
    position: absolute;
    width: 434px;
    text-align: right;
}

#counsel .center_wrap .function img {
    width: 20px;
}

#counsel .center_wrap > h2 {
    text-align: center;
    padding: 15px 0 0 0;
}

#counsel .center_wrap > h2 > a {
    display: block;
    font-size: 47px;
    font-weight: 600;
    color: #6b26b4;
}

#counsel .center_wrap > h2 > img {
    width: 185px;
}

#counsel .center_wrap > form {
    text-align: center;
}

#counsel .center_wrap > form > div {
    display: inline-block;
    text-align: center;
    vertical-align: bottom
}

#counsel .center_wrap > form > div input[type=text] {
    box-sizing: border-box;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #dadada;
    background: rgba(255, 255, 255, .3);
    color: #4d4d4d;
    font-weight: 500;
    font-size: 16px;
}

#counsel .center_wrap > form > div input[type=text]::placeholder {
    color: #4d4d4d;
}

#counsel .center_wrap > form > div.name_box {
    position: relative;
}

#counsel .center_wrap > form > div.name_box input {
    width: 387px;
    margin: 0 0 10px 0;
}

#counsel .center_wrap > form > div.tel_box {
    position: relative;
}

#counsel .center_wrap > form > div.tel_box > em {
    position: absolute;
}

#counsel .center_wrap > form > div.tel_box input[type=text] {
    width: 109px
}

#counsel .center_wrap > form > div > var:nth-child(1) {
    display: block;
    margin: 0;
    padding: 10px 0 25px 0;
    font-size: 26px;
    line-height: 26px;
    color: #33225c;
    font-weight: 500;
    letter-spacing: -1px;
}

#counsel .center_wrap > form > div.tel_box > var {
    display: block;
    font-size: 13px;
    margin: 10px 0 10px 0;
    background: transparent;
    text-align: left;
}

#counsel .center_wrap > form > div.tel_box > div > em {
    display: inline-block;
    margin: 0 10px;
    width: 10px;
    height: 1px;
    background: #8d7b9b
}

#counsel .center_wrap > form > span.footbtn {
    display: inline-block;
    height: 55px;
    width: 395px;
    margin: 10px 0 0 -10px;
    vertical-align: middle
}

#counsel .center_wrap > form > span.footbtn > a {
    display: block;
    padding: 9px 0;
    border-radius: 0
}

#counsel .center_wrap > form > span.submit_btn > a {
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    background: #6b26b4;
    margin: 0 0 0 10px;
}

#counsel .center_wrap > form > span.submit_btn > a:hover {
    background: #521297;
}

#counsel .center_wrap > form > span.submit_btn > a > img {
    width: 30px;
}

#counsel .center_wrap > form > span.close_btn > a {
    line-height: 24px;
    text-align: center;
    font-size: 20px;
    color: #311b43;
    font-weight: 500;
    background: #f7f7f7
}

#counsel .center_wrap > form > span.close_btn > a:hover {
    background: rgba(255, 255, 255, .8)
}

.m-counsel {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0 !important;
}

/*SECTION-01*/
/*
 * old
	#section01 {background:url('/img/re/section01_bg.jpg') center bottom; background-size:cover}
	#	section01 .center_wrap {position:relative; max-width:1400px; width:90%;display:none;}
	#section01 .building {position:absolute; bottom:0; right:0; top:110px; left:50%; margin-left:65px; max-width:840px; width:70%; background:url('/img/re/section01_building2.png') no-repeat bottom; background-size:contain;display:none;}
*/

#section01 .fp-controlArrow.fp-prev {
    margin: 0 0 0 10vw;
    left: 0;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("/svg/slidebutton_left.svg") no-repeat;
    background-size: 22px;
    background-position: 40% center;
    background-color: #301751;
    cursor: pointer;
    opacity: 0.7;
}

#section01 .fp-controlArrow.fp-prev:hover {
    background-color: #a090c8;
    opacity: 1;
    width: 50px;
    height: 50px;
    transform: translate(-5px, -5px);
    transition: all 0.5s;
}


#section01 .fp-controlArrow.fp-next {
    margin: 0 10vw 0 0;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("/svg/slidebutton_right.svg") no-repeat;
    background-size: 22px;
    background-position: 60% center;
    background-color: #301751;
    cursor: pointer;
    opacity: 0.7;
}

#section01 .fp-controlArrow.fp-next:hover {
    background-color: #a090c8;
    opacity: 1;
    width: 50px;
    height: 50px;
    transform: translate(5px, -5px);
    transition: all 0.5s;
}


#section01 .bottom_menu {
    position: absolute;
    margin: -60px 0 0 0;
    z-index: 10;
    top: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, #27103c, #2d1343);
}

#section01 .bottom_menu:after {
    margin: -50px 0 0 0;
    display: block;
    width: 100%;
    height: 60px;
    content: "";
    color: white;
    background: url('/img/section1/slideunderbar_pattern.png') no-repeat;
    background-size: cover;
    background-position: center bottom;
    opacity: 0.5;
}

#section01 .bottom_menu .center_wrap {
    width: 1400px;
}

#section01 .bottom_menu .center_wrap ul {
    width: 1400px;
    font-size: 0;
    background: transparent;
}

#section01 .bottom_menu .center_wrap ul > li {
    display: inline-block;
    width: 280px;
    height: 60px;
    text-align: center;
}

#section01 .bottom_menu .center_wrap ul > li a {
    position: relative;
    z-index: 1000;
    display: inline-block;
    margin: 15px 0 0 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}

#section01 .bottom_menu .center_wrap ul > li.off {
    background: transparent;
    opacity: 1;
    transition: all 1s;
}

#section01 .bottom_menu .center_wrap ul > li.on {
    background: linear-gradient(to bottom, #7323d1, #8529e6);
    opacity: 0.8;
    transition: all 1s;
}

#section01 .slide {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#section01 .slide1 {
    background: url('/img/section1/slide1/bg1.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#section01 .slide1 .slide_wrap {
    margin: 80px 0 0 0;
}

#section01 .slide1 .slide_wrap .center_wrap {
    width: 1400px;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_title span {
    display: block;
    color: #370064;
    font-size: 67px;
    line-height: 67px;
    font-weight: 700;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_title b {
    display: block;
    color: #370064;
    font-size: 87px;
    line-height: 87px;
    font-weight: 700;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_summary {
    margin: 30px 0 0 0;
    font-size: 33px;
    font-weight: 700;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_summary i {
    display: inline-block;
    background: #200037;
    margin: -3px 3px 0 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffe764;
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    line-height: 38px;
    text-align: center;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_summary b {
    font-size: 32px;
    font-weight: 600;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_detail {
    margin: 30px 0 0 0;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_detail ul {
    font-size: 0;
    width: 760px;
}

#section01 .slide1 .slide_wrap .center_wrap .slide_detail ul > li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

#section01 .slide2 {
    /* background:url('/img/section1/slide2/bg2.jpg') no-repeat; */
    background: url('/img/section1/slide2/slide_2.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#section01 .slide2 .slide_visual {
    position: absolute;
    z-index: 10;
    top: 0;
    background: transparent;
    width: 100vw;
    text-align: center;
}

#section01 .slide2 .slide_visual img {
    display: inline-block;
    margin: 190px auto 0 auto;
}

#section01 .slide2 .slide_wrap .center_wrap {
    width: 1215px;
    background: transparent;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title {
    margin: 0 0 0 0;
    padding: 10px 30px 0 30px;
    width: 1155px;
    height: 220px;
    background: rgba(256, 256, 256, 0);
    font-size: 0;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title div {
    vertical-align: top;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 {
    display: inline-block;
    width: 577px;
    text-align: left;
    background: transparent;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span {
    line-height: 100px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(1) {
    margin-top: 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 94px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(2) {
    margin-top: 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 74px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(2) b {
    color: #9042e2;
    font-weight: 700;
    font-size: 94px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 {
    display: inline-block;
    width: 577px;
    text-align: right;
    background: transparent;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span {
    line-height: 100px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span:nth-child(1) {
    margin-top: 0;
    color: #9042e2;
    font-weight: 700;
    font-size: 94px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span:nth-child(2) {
    margin-top: 20px;
    color: #ffffff;
    font-weight: 700;
    font-size: 74px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary {
    margin: 16px 0 0 0;
    padding: 0 30px 0 30px;
    width: 1155px;
    height: 135px;
    background: #ffffff;
    border: 3px solid #9d57ac;
}

/*box-shadow:0 0 0 4px #9d57ac inset;*/
#section01 .slide2 .slide_wrap .center_wrap .slide_summary div {
    vertical-align: top;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 {
    display: inline-block;
    width: 573px;
    text-align: left;
    background: transparent;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span {
    line-height: 46px;
    display: block;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(1) {
    margin-top: 18px;
    font-weight: 500;
    color: #34164a;
    font-size: 38px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(2) {
    margin-top: 5px;
    font-weight: 600;
    color: #04cf5c; /*#6c4a98;*/
    font-size: 38px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(3) {
    position: absolute;
    margin-top: 25px;
    font-weight: 300;
    color: #ffffff;
    font-size: 33px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 {
    display: inline-block;
    width: 573px;
    text-align: right;
    background: transparent;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span {
    line-height: 46px;
    display: block;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(1) {
    margin-top: 18px;
    font-weight: 500;
    color: #34164a;
    font-size: 38px;
}

/* 기존 44px */
#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(2) {
    margin-top: 5px;
    font-weight: 500;
    color: #34164a;
    font-size: 38px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(2) b {
    font-weight: 600;
    color: #04cf5c; /*#6c4a98;*/
    font-size: 38px;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_button {
    position: relative;
    z-index: 20;;
    width: 1070px;
    margin: 34vw auto 0;
    display: flex;
    justify-content: space-between;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_button > div {
    width: fit-content;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_button > div > div {
    width: 480px;
    cursor: pointer;
}

#section01 .slide2 .slide_wrap .center_wrap .slide_button > div > div img {
    width: 100%;
}

/* #section01 .slide2 .slide_wrap .center_wrap .slide_button .icon {display:inline-block;vertical-align:middle;width:80px;height:80px;border-radius:50%;line-height:80px;background:#ffffff;text-align:center;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .icon img {width:70px;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .text {display:inline-block;vertical-align:middle;margin:5px 0 0 20px;font-weight:600;font-size:30px;line-height:38px;color:#350c58;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .text i {display:inline-block;width:12px;height:12px;border-top:5px solid #350c58;border-right:5px solid #350c58;font-size:0;transform:rotate(45deg) translate(0,-5px);;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .text u {display:inline-block;width:35px;font-size:0;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 {display:inline-block;width:577px;text-align:left;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 > div {display:inline-block;background:#c39ef2;width:365px;padding:5px;border-radius:50px;cursor:pointer;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 {display:inline-block;width:577px;text-align:right;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 > div {display:inline-block;background:#c39ef2;width:365px;padding:5px;border-radius:50px;cursor:pointer;text-align:left;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 .text {margin:0 0 0 60px;}
#section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 .text {text-align:left;} */


#section01 .slide3 {
    /* background: url('/img/section1/slide3/background_01.jpg') no-repeat center center;
    background-size: cover; */
    background: url('/img/section1/slide3/slide3-img-n.jpg') no-repeat center center;
    background-size: cover;
}

#section01 .slide3 .slide_visual {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#section01 .slide3 .slide_visual img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

#section01 .slide3 .slide_wrap .center_wrap {
    margin-top: 20px;
    width: 1300px;
    overflow: hidden;
    position: relative;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_title {
    width: 100%;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(1) {
    font-weight: bold;
    font-size: 103px;
    color: #edda8d;
    margin-bottom: -10px;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(1) > span {
    font-size: 121px;
    font-weight: bold;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(2) {
    color: #efdf99;
    opacity: 0.5;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 1.6em;
    padding-left: 35px;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(3) {
    text-align: right;
    font-weight: bold;
    font-size: 103px;
    transform: translateY(-190px);
    color: #edda8d;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary {
    margin-top: -60px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div {
    width: 210px;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > h2 {
    font-size: 44px;
    font-weight: bold;
    color: #4f4f4f;
    position: relative;
    text-align: right;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.left > h2 {
    text-align: left;
    line-height: 1.2em;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.left > h2:before {
    content: "";
    display: inline-block;
    width: 115px;
    height: 18px;
    position: absolute;
    left: 0;
    top: -25px;
    background: url("/img/section1/slide3/suresmile_logo.png") no-repeat;

}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > h2 > span {
    font-size: 44px;
    font-weight: bold;
    color: #cd3369;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > h2 > span {
    font-size: 44px;
    font-weight: bold;
    color: #4f4f4f;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > h2 > span > span {
    color: #3357cd;
    font-size: 44px;
    font-weight: bold;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > ul {
    width: 100%;
    margin-top: 13px;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 4px rgba(63, 63, 63, 0.1);
}


#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > ul > li {
    font-size: 24px;
    font-weight: 500;
    color: #4f4f4f;
    letter-spacing: 0.02em;
    line-height: 1.6em;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > ul > li:last-child {
    margin-bottom: 0;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary > .right > ul {
    margin-top: 50px;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > ul > li {
    text-align: right;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > ul > li > span {
    font-size: 26px;
    font-weight: 500;
    color: #cd3369;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > ul > li > span {
    font-size: 26px;
    font-weight: 500;
    color: #3357cd;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_button {
    width: 100%;
    position: relative;
    z-index: 20;
    width: 49%;
    text-align: right;
    float: left;
    padding-left: 0.5%;
    margin-bottom: 1%;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_button > button {
    margin-top: 20px;
    width: 270px;
    height: 88px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    background-color: #390f4a;
    border: 1px solid #fff;
    border-radius: 41.5px;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.45);
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_button button i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    transform: rotate(45deg) translate(0, -5px);
}

#section01 .slide3 .slide_wrap .center_wrap .slide_button.left {
    text-align: left;
}

#section01 .slide3 .slide_wrap .center_wrap .slide_button.left > button {
    background-color: #3357cd;
}

#section01 .play_popup {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58%;
    height: auto;
    z-index: 1000;
    /* padding: 30px 0;
    background: #34164a;
    border-top: 3px solid #6b26b4;
    border-bottom: 3px solid #6b26b4; */
    /* justify-content: center; */
    display: none;
    transition: all 0.4s;
}

#section01 .play_popup video {
    width: 92%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    padding: 30px 40px;
    background: #34164a;
    border-top: 3px solid #6b26b4;
    border-bottom: 3px solid #6b26b4;
}

#section01 .play_popup button {
    width: 50px;
    height: 50px;
    background: #34164a;
    border: 3px solid #6b26b4;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    cursor: pointer;
    padding: 12px;
    box-sizing: border-box;
}

#section01 .play_popup button img {
    width: 100%;
    display: block;
}

#section01 .slide4 {
    background: url('/img/section1/slide4/bg3.jpg') no-repeat;
    background-size: cover;
    background-position: center center
}

#section01 .slide4 .slide_visual {
    position: absolute;
    top: 0;
    background: red;
    text-align: right;
}

#section01 .slide4 .slide_visual img {
    position: absolute;
    margin: 120px 0 0 1600px;
}

#section01 .slide4 .slide_wrap .center_wrap {
    margin-top: 70px;
    width: 1400px;
    text-align: center;
    background: transparent;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_feature {
    margin: 0 0 0 0;
    color: #4f4f4f;
    font-weight: 300;
    font-size: 31px;
    line-height: 38px;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_feature b {
    font-weight: 700;
    font-size: 31px;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_slogan {
    margin: 28px 0 0 0;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_title {
    margin: 28px 0 0 0;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_title span {
    color: #6b26b4;
    font-weight: 700;
    font-size: 98px;
    line-height: 98px;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_summary {
    margin: 45px 0 0 0;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_summary span {
    font-size: 36px;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(1) {
    display: block;
    font-weight: 300;
    color: #3a3a3a;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(2) {
    display: inline-block;
    font-weight: 600;
    color: #3a3a3a;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(3) {
    display: inline-block;
    font-weight: 600;
    color: #6b26b4;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_button {
    margin: 30px 0 0 0;
    cursor: pointer;
    position: relative;
    z-index: 20;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_button button {
    display: inline-block;
    background: #390f4a;
    width: 210px;
    font-size: 28px;
    height: 88px;
    line-height: 33px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 50px;
    padding: 0 0 0 0;
    border: 3px solid #ffffff;
    box-shadow: 0 3px 3px gray;
    cursor: pointer;
}

#section01 .slide4 .slide_wrap .center_wrap .slide_button button i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    transform: rotate(45deg) translate(0, -5px);
    cursor: pointer;
}

#section01 .slide5 {
    background: url('/img/section1/slide5/bg4.jpg') no-repeat;
    background-size: cover;
    background-position: center center
}

#section01 .slide5 .slide_wrap .center_wrap {
    text-align: center;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box {
    margin: 0 0 0 0;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_icon {
    display: block;
    background: transparent;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title {
    margin: 40px 0 0 0;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span {
    display: inline-block;
    line-height: 0;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span:nth-child(1) {
    font-weight: 400;
    color: #ffffff;
    font-size: 91px;
    line-height: 91px;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span:nth-child(2) {
    font-weight: 700;
    color: #6b26b4;
    font-size: 91px;
    line-height: 91px;
    padding: 0 0 0 20px;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul {
    width: 1200px;
    margin: 100px auto 0 auto;
    font-size: 0;
    background: translate;
    text-align: center;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li {
    display: inline-block;
    width: 383px;
    background: rgba(0, 0, 0, 0.3);
    margin-right: 24px;
    border-radius: 20px;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li:after {
    position: absolute;
    display: block;
    width: 383px;
    height: 165px;
    border: 1px solid #ffffff;
    content: "";
    border-radius: 20px;
    transform: translateY(-171px);
    background: transparent !important;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li:nth-child(3) {
    margin-right: 0;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .ic {
    position: absolute;
    z-index: 20;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
    line-height: 40px;
    transform: translate(171px, -30px);
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .ic i {
    display: inline-block;
    width: 15px;
    height: 5px;
    border-left: 5px solid #000000;
    border-bottom: 5px solid #000000;
    transform: rotate(-45deg);
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb {
    display: table;
    width: 100%;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc {
    display: table-cell;
    height: 165px;
    vertical-align: middle;
    text-align: center;
    font-size: 34px;
    line-height: 40px;
    color: #ffffff;
    letter-spacing: -1px;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc b {
    font-size: 34px;
    font-weight: 700;
}

#section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc em {
    font-size: 34px;
    font-weight: 700;
    color: #c893ff;
}

/*#section01 .center_wrap {}											position:relative; max-width:1400px; width:90%;display:none;*/
#section01 .building {
    display: none;
}

/*position:absolute; bottom:0; right:0; top:110px; left:50%; margin-left:65px; max-width:840px; width:70%; background:url('/img/re/section01_building2.png') no-repeat bottom; background-size:contain;display:none;*/

@keyframes click_a {
    0% {
        left: 34%;
        width: 0%
    }
    50% {
        left: 0%;
        width: 34%
    }
    100% {
        left: 0%;
        width: 0%
    }
}

@keyframes click_b {
    0% {
        right: 34%;
        width: 0%
    }
    50% {
        right: 0%;
        width: 34%
    }
    100% {
        right: 0%;
        width: 0%
    }
}

/*SECTION-03*/

#section03 .tit {
    position: static;
    padding-top: 110px;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#section03 .tit h2 {
    width: 380px;
    white-space: nowrap;
    padding-right: 135px;
    padding-bottom: 10px;
    font-size: 40px;
    line-height: 1;
}

#section03 .tit p {
    white-space: nowrap;
    font-size: 20px;
    padding-left: 135px;
    font-weight: 400;
}

#section03 .tit span {
    width: 100%;
    height: 1px;
    background-color: #000;
    margin: 0 50px;
}

.section .tit > span:after {
    width: 0;
}

#section03 h3 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
}

#section03 h3 strong {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Noto Sans KR', Dotum;
    color: black;
    background: repeating-linear-gradient(-45deg, #512772 0%, #512772 20%, #bc75f3 50%, #512772 80%, #512772 100%);
    background-size: 500px 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: Gradient 3s linear infinite forwards;
    -moz-animation: Gradient 3s linear infinite forwards;
    animation: Gradient 3s linear infinite forwards;
}

.doctor_list {
    height: fit-content;
}

.doctor_list ul {
    display: flex;
    width: fit-content;
    margin: 0 auto 20px;
}

.doctor_list ul li {
    float: left;
    margin-right: 30px;
    width: 280px;
    position: static;
}

.doctor_list ul li:last-child {
    margin-right: 0;
}

.doctor_list ul li .img {
    width: 100%;
    border: 2px solid #512772;
    position: relative;
}

.doctor_list ul li .img:before {
    border: 0 transparent;
}

.doctor_list ul li img {
    width: 100%;
}

.doctor_list ul li .img .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(81, 39, 114, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
    z-index: 2;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}

.doctor_list ul li:hover .img .hover {
    opacity: 1;
}

.doctor_list ul li .img .hover p {
    font-size: 26px;
}

.doctor_list ul li .img .hover p:first-child {
    font-size: 40px;
    font-weight: 400;
}

.doctor_list ul li .txt_area {
    margin-top: 25px;
    width: 100%;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
    background-color: #512772;
    box-sizing: border-box;
}

.txt_area span {
    font-size: 25px;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
}

.txt_area strong {
    display: block;
    font-size: 30px;
    font-weight: 700;
    white-space: nowrap;
}

#section03 .txt p {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    white-space: nowrap;
}

#section03 .txt p strong {
    color: #cc483c;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

#section03 .txt p strong em {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background-color: #f9dedf;
    z-index: -1;
    transition: .5s 1.6s;
}

.doctor_view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 3;
    background-color: rgba(81, 39, 114, 0.93);
    display: none;
}

.doctor_view .doctor {
    width: 100%;
    height: 100%;
}

.doctor_view .swiper-slide {
    width: 100vw;
    height: 100vh;
    padding: 130px 120px 40px;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.doctor_view .view {
    width: 840px;
    height: 840px;
    background-color: #fff;
    padding: 70px 95px 0;
    box-sizing: border-box;
    background: url('/img/re/boctor_bg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin: 0 auto;
}

.doctor_view .view .doctor_img .img {
    width: 200px;
    border: 2px solid #512772;
    margin: 0 auto;
}

.doctor_view .view .doctor_img .img img {
    width: 100%;
}

.doctor_view .view .doctor_img .txt_area {
    padding: 10px 30px;
    text-align: center;
    color: #fff;
    background-color: #512772;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    width: 300px;
    margin: -10px auto 0;
}

.doctor_view .view .page {
    position: absolute;
    right: -25px;
    bottom: 15px;
    font-size: 20px;
    color: #fff;
}

.doctor_view .profile .title {
    font-weight: 700;
    font-size: 26px;
    color: #512772;
    padding-bottom: 15px;
    padding-left: 45px;
    border-bottom: 1px solid #512772;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 0;
}

.doctor_view .profile ul li {
    font-size: 17px;
    margin-left: 60px;
    position: relative;
    font-weight: 500;
}

.doctor_view .profile ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}

.doctor_view .profile.long {
    overflow: hidden;
    width: 115%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.doctor_view .profile.long ul {
    margin-left: 0;
    width: 50%;
    float: left;
}

.doctor_view .profile.long ul li {
    margin-left: 10px;
}

.doctor_view .slick-next,
.doctor_view .slick-prev {
    background-image: none;
    width: 60px;
    height: 60px;
    left: 120px;
    z-index: 11;
}

.doctor_view .slick-prev {
    background: url('/img/re/arrow_prev.png') no-repeat;
    background-size: cover;
}

.doctor_view .slick-next {
    right: 120px;
    left: auto;
    background: url('/img/re/arrow_next.png') no-repeat;
    background-size: cover;
}

.slick-prev:before,
.slick-next:before {
    font-size: 0;
}

/*SECTION-035 PC */
#section035 {
    background: url('/img/re/section035_bg.jpg') center;
    background-size: cover
}

#section035 .center_wrap {
    position: relative;
    width: 1500px;
}

#section035 .center_wrap .content_wrap {
    margin: 100px 0 0 0;
    display: flex;
    align-items: center;
}

#section035 .center_wrap .content_wrap .in_box {
    display: none;
}

/* left */
#section035 .center_wrap .content_wrap .left {
    width: 40%;
}

#section035 .center_wrap .content_wrap .title .box_left {
    position: absolute;
    height: 230px;
    width: 20px;
    border: 0;
    border-top: 2px solid #72598b;
    border-left: 2px solid #72598b;
    border-bottom: 2px solid #72598b;
    transform: translate(-40px, -30px);
}

#section035 .center_wrap .content_wrap .title .box_body {
    line-height: auto;
    margin-left: 40px;
}

#section035 .center_wrap .content_wrap .title .box_body span {
    display: block;
    line-height: 0;
}

#section035 .center_wrap .content_wrap .title .box_body span:nth-child(1) {
    margin-top: 30px;
    font-weight: 500;
    color: #ffffff;
    font-size: 32px;
}

#section035 .center_wrap .content_wrap .title .box_body span:nth-child(2) {
    margin-top: 65px;
    font-weight: 700;
    color: #ffffff;
    font-size: 70px;
}

#section035 .center_wrap .content_wrap .title .box_body span:nth-child(3) {
    margin-top: 85px;
    font-weight: 700;
    color: #ddbbff;
    font-size: 70px;
}

#section035 .center_wrap .content_wrap .title .box_right {
    position: absolute;
    height: 230px;
    width: 20px;
    border: 0;
    border-top: 2px solid #72598b;
    border-right: 2px solid #72598b;
    border-bottom: 2px solid #72598b;
    transform: translate(412px, -180px);
}

#section035 .center_wrap .content_wrap .subject {
    margin-top: 90px;
}

#section035 .center_wrap .content_wrap .subject span:nth-child(1) {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    color: #ffffff;
    font-size: 26px;
}

#section035 .center_wrap .content_wrap .subject span:nth-child(1) b {
    display: inline-block;
    font-weight: 700;
    color: #ddbbff;
    font-size: 26px;
}

#section035 .center_wrap .content_wrap .subject span:nth-child(2) {
    display: inline-block;
    vertical-align: middle;
    font-size: 1;
    width: 77px;
    height: 1px;
    margin: 0 0 0 10px;
    background: #ffffff;
}

#section035 .left .video_ortho {
    width: 591px;
    height: 439px;
    transform: translateX(-113px);
    margin-top: 30px;
    position: relative;
}

#section035 .left .video_ortho > p {
    position: absolute;
    left: 70px;
    top: 0;
    z-index: 0;
}

#section035 .left .video_ortho > p > img {
    width: 100%;
}

#section035 .left .video_ortho > div {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 162px;
}

#section035 .left .video_ortho > div > img {
    width: 100%;
}

#section035 .left .video_ortho #video_ortho {
    width: 475px; /* height: 268px;*/
    position: absolute;
    right: 25px;
    top: 133px;
}


/* right */
#section035 .center_wrap .content_wrap .slide_wrap {
    position: relative; /* absolute;transform:translate(570px,-350px);*/
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box {
    background: transparent;
    width: 918px;
    height: 400px;
    font-size: 0;
    margin: 0;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .title {
    margin-bottom: 3px;
    background: #432d54;
    width: 918px;
    height: 70px;
    border-radius: 20px 20px 0 0;
    text-align: center;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .title h2 {
    font-weight: 700;
    font-size: 44px;
    color: #ffffff;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .title h3 {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    width: 300px;
    position: absolute;
    transform: translate(610px, -25px);
    text-align: right;
    background: transparent;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item:after {
    clear: both;
    display: block;
    content: "";
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .icon {
    position: absolute;
    transform: translate(-10px, -30px);
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .icon img {
    width: 202px;
    height: 52px;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item {
    display: inline-block;
    width: 456px;
    overflow: hidden;
    background: transparent;
    font-size: 0;
    margin: 0;
    padding: 0;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .img {
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .img img {
    width: 456px;
    height: 263px;
    font-size: 0;
    margin: 0;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .txt {
    margin: 3px 0 0 0;
    display: block;
    width: 456px;
    height: 50px;
    background: #765b91;
    color: #ffffff;
    font-weight: 500;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .cmt {
    transform: translateY(-316px);
    padding: 70px 0 0 0;
    text-align: center;
    height: 263px;
    background: rgba(256, 256, 256, 0);
    font-weight: 300;
    font-size: 25px;
    line-height: 35px;
    cursor: pointer;
    display: none;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .cmt b {
    font-weight: 700;
    font-size: 25px;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .b_item {
    float: left;
}

#section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .a_item {
    float: right;
}

#section035 .center_wrap .content_wrap .description {
    background: transparent;
    font-weight: 400;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
    margin-left: 180px;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 430px;
    height: 46px;
    margin: 280px 15px 0 0;
    border-radius: 30px;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 4px 0px #fff
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide {
    position: relative;
    z-index: 10;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item {
    width: 100%;
    height: 46px;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item1 {
    background: transparent;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 {
    background: transparent;
    text-align: left;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 span {
    display: inline-block;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 span img {
    width: 100px;
    height: 46px;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_text {
    position: relative;
    transform: translate(80px, -50px);
    color: #000000;
    font-size: 24.82px;
    font-weight: 100;
    line-height: 44px;
}

#section035 .center_wrap .content_wrap .slide_wrap .check_box .check_text span {
    font-size: 24.82px;
    color: #492d5c;
    font-weight: 700;
}

#section035 .slide_box .slick-prev.slick-arrow:before {
    display: inline-block;
    content: "";
    color: white;
    font-size: 5vw;
}

#section035 .slide_box .slick-prev.slick-arrow {
    z-index: 100;
    margin: 0 0 0 0;
    background: rgba(67, 45, 84, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-0.6px, 0);
    padding: 0 0 0 0;
    background-image: url('/svg/button_left.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
}

#section035 .slide_box .slick-prev.slick-arrow:hover {
    z-index: 100;
    margin: 0 0 0 0;
    background: rgba(256, 256, 256, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-0.6px, 0);
    padding: 0 0 0 0;
    background-image: url('/svg/button_color_left.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
    border: 0 solid #9933CC;
    box-shadow: 0 0 3 gray;
    transition: all 0.5s;
}

#section035 .slide_box .slick-next.slick-arrow:before {
    display: inline-block;
    content: "";
    color: white;
    font-size: 5vw;
}

#section035 .slide_box .slick-next.slick-arrow {
    z-index: 100;
    margin: 0 -3px 0 0;
    background: rgba(67, 45, 84, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-0.6px, 0);
    padding: 0 0 0 0;
    background-image: url('/svg/button_right.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
}

#section035 .slide_box .slick-next.slick-arrow:hover {
    z-index: 100;
    margin: 0 -3px 0 0;
    background: rgba(256, 256, 256, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translate(-0.6px, 0);
    padding: 0 0 0 0;
    background-image: url('/svg/button_color_right.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
    border: 0 solid #9933CC;
    box-shadow: 0 0 3 gray;
    transition: all 0.5s;
}

#section035 .slide_box .slick-dots {
    background: transparent;
    text-align: left;
    padding: 0 0 0 0;
    display: none !important;
}

#section035 .slide_box .slick-dots button:before {
    color: #0b4336;
    font-size: 12px;
}

/*SECTION-04-NEW*/
/*
	#section04 .tit {text-align:center;background-position:center bottom !important;}
	#section04 .tit > h1 {font-size:78px}
*/
#section04 {
    background: url('/img/re/section04_bg.jpg') center;
    background-size: cover
}

#section04 .center_wrap {
    width: 1605px;
    margin-top: 70px;
}

#section04 .center_wrap {
    position: relative;
}

#section04 .intro_txt {
    text-align: center;
}

#section04 .intro_txt p {
    display: inline-block;
    text-align: center;
}

#section04 .intro_txt p span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    color: #000000;
    font-size: 36px;
    line-height: 36px;
    padding: 0 0 20px 0;
}

#section04 .intro_txt p em {
    display: block;
    vertical-align: middle;
    font-weight: bold;
    color: #9434ff;
    font-size: 100px;
    line-height: 100px;
    padding: 0 0 30px 0;
}

#section04 .intro_txt p b {
    display: block;
    vertical-align: middle;
    font-weight: bold;
    color: #000000;
    font-size: 36px;
    line-height: 36px;
    padding: 0 0 0 0;
}

#section04 ul {
    margin-top: 55px;
    overflow: hidden;
    font-size: 0;
}

#section04 ul > li {
    display: inline-block;
    width: 387px;
    margin: 0 8px 0 0;
}

#section04 ul > li:last-child {
    margin-right: 0;
}

#section04 ul > li img {
    display: block;
}

#section04 ul > li span {
    position: absolute;
    transform: translateY(-82px);;
    width: 387px;
    display: block;
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
}

#section04 ul > li b {
    display: inline-block;
    color: #fff000;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
}

#section04 .fun {
    margin: 50px 0 0 0;
    text-align: center;
}

#section04 .fun button {
    width: 726px;
    height: 63px;
    background: url('/img/new_section04_button_bottom.png') no-repeat;
    border: 0;
    cursor: pointer;
}

#section04 .fun button span {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    font-size: 32px;
    transform: translate(0, -5px);
}

#section04 .fun button b {
    display: inline-block;
    color: #fff000;
    font-weight: 700;
    font-size: 32px;
    padding: 0 40px 0 10px;
    transform: translate(0, -5px);
}

#section04 .fun button b i {
    color: #fff000;
    font-weight: 700;
    font-size: 32px;
}

#section04 .fun a {
    display: none;
}

/*SECTION-042*/
#section042 {
    background: url('/img/section42/pc_background.jpg') center;
    background-size: cover;
}

#section042 .center_wrap {
    position: relative;
    width: 1500px;
}

#section042 .center_wrap .content_wrap {
    margin: 100px 0 0 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

#section042 .center_wrap .content_wrap .in_box {
    display: none;
}

#section042 .left {
    width: 40%;
}

#section042 .left .title p {
    font-size: 81px;
    color: #765b91;
    font-weight: 700;
    line-height: 102px;
}

#section042 .left .title p:first-child {
    color: #765b91;
}

#section042 .left .title p:last-child {
    color: #432d54;
}

#section042 .left .left_wrap > p:nth-of-type(1) {
    font-size: 21px;
    color: #815f9c;
    font-weight: 700;
    position: relative;
    letter-spacing: 2px;
    margin-top: 30px;
}

#section042 .left .left_wrap > p:nth-of-type(1) > span {
    font-size: 21px;
    color: #432d54;
    font-weight: 700;
}

#section042 .left .left_wrap > p:nth-of-type(1):after {
    content: '';
    left: 225px;
    top: 50%;
    position: absolute;
    display: inline-block;
    width: 250px;
    height: 1px;
    background-color: #432d54;
}

#section042 .left .left_wrap > p:nth-of-type(2) {
    font-size: 35px;
    color: #432d54;
    position: relative;
    margin-top: 40px;
}

#section042 .left .left_wrap > p:nth-of-type(2) > span {
    font-size: 45px;
    color: #432d54;
    font-weight: 700;
}

#section042 .left .left_wrap > p:nth-of-type(2):after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 22px;
    background: linear-gradient(to right, rgba(67, 45, 84, 0.12), rgba(67, 45, 84, 0));
}

#section042 .left .left_wrap > p:nth-of-type(3) {
    font-size: 22px;
    color: #656565;
    font-weight: bold;
    line-height: 36.86px;
    margin-top: 30px;
}

#section042 .left .left_wrap > p:nth-of-type(3) > span {
    font-size: 22px;
    color: #432d54;
    font-weight: bold;
}

#section042 .left .left_wrap > .video_implant {
    width: 591px;
    height: 439px;
    transform: translateX(-113px);
    margin-top: 30px;
    position: relative;
}

#section042 .left .left_wrap > .video_implant > p {
    position: absolute;
    left: 70px;
    top: 0;
    z-index: 0;
}

#section042 .left .left_wrap > .video_implant > p > img {
    width: 100%;
}

#section042 .left .left_wrap > .video_implant > div {
    position: absolute;
    left: 0;
    z-index: 2;
    top: 162px;
}

#section042 .left .left_wrap > .video_implant > div > img {
    width: 100%;
}

#section042 .left .left_wrap > .video_implant #video_implant {
    width: 475px;
    position: absolute;
    right: 25px;
    top: 133px;
}

#section042 .right {
    width: 60%;
    position: relative;
}

#section042 .right .right_wrap {
    max-width: 879px;
}

#section042 .right .cases .case1 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

#section042 .right .cases .case1 > p {
    width: 100%;
    text-align: right;
    font-size: 17.93px;
    font-weight: 500;
    color: #fff;
}

#section042 .right .cases .case2 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 37px;
}

#section042 .right .cases .case2 > p {
    width: 100%;
    text-align: right;
    font-size: 17.93px;
    font-weight: 500;
    color: #fff;
}

#section042 .right .cases > div > div {
    width: 435px;
    height: 300px;
    margin-right: 6px;
}

#section042 .right .cases > div > div:last-child {
    margin-right: 0;
}

#section042 .right .cases img {
    width: 435px;
    height: 250px;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 {
    position: relative;
    height: 250px;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > img {
    position: absolute;
    left: 0;
    top: 0;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 {
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 418px;
    height: 46px;
    transform: translateX(-50%);
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 4px 1px #fff;
    overflow: hidden;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box {
    position: relative;
    z-index: 100;;
    display: block;
    width: 435px;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .first {
    width: 100%;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .last {
    width: 100%;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .last > span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .last > span > img {
    width: 100px;
    height: 46px;
    background-color: transparent;
    border-radius: 30px;
    cursor: move;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_txt {
    position: absolute;
    z-index: 0;
    width: 81%;
    height: 100%;
    right: 0;
    top: 0;
    line-height: 44px;
    color: #000;
    font-size: 24.82px;
    font-weight: 100;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_txt > span {
    font-size: 24.82px;
    color: #492d5c;
    font-weight: 700;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 {
    position: relative;
    height: 250px;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > img {
    position: absolute;
    left: 0;
    top: 0;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 {
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 418px;
    height: 46px;
    transform: translateX(-50%);
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 4px 1px #fff;
    overflow: hidden;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box {
    position: relative;
    z-index: 100;;
    display: block;
    width: 435px;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .first {
    width: 100%;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .last {
    width: 100%;
    height: 46px;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .last > span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .last > span > img {
    width: 100px;
    height: 46px;
    background-color: transparent;
    border-radius: 30px;
    cursor: move;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_txt {
    position: absolute;
    z-index: 0;
    width: 81%;
    height: 100%;
    right: 0;
    top: 0;
    line-height: 44px;
    color: #000;
    font-size: 24.82px;
    font-weight: 100;
    background: transparent;
}

#section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_txt > span {
    font-size: 24.82px;
    color: #492d5c;
    font-weight: 700;
}

#section042 .right .cases > div > div > p:nth-child(2) {
    background-color: rgba(67, 45, 84, 0.7);
    height: 47px;
    color: #fff;
    line-height: 47px;
    text-indent: 10px;
    margin-top: 2px;
}

#section042 .right .cases > div > div > p > span {
    font-size: 21.09px;
    color: #fff;
    font-weight: 500;
}

#section042 .right .right_wrap > ul {
    margin-top: 21px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
}


/*SECTION-04-OLD*/
#section045 {
    background: url('/img/re/section045_bg.jpg') center;
    background-size: cover
}

#section045 .center_wrap {
    margin-top: 125px;
}

#section045 .tit {
    text-align: left
}

#section045 .tit > h2 {
    font-size: 78px
}

#section045 .tit > h2.line2 {
    margin: -25px 0 0 180px
}

#section045 .center_wrap {
    position: relative
}

#section045 .video_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
    height: 338px
}

#section045 .intro_txt {
    line-height: 1.3;
    margin-top: 15px;
    font-size: 25px;
    color: #5b5b5b
}

#section045 .intro_txt > * {
    display: inline-block;
    vertical-align: middle
}

#section045 .intro_txt > h2 {
    position: relative
}

#section045 .intro_txt > h2:before {
    position: absolute;
    content: '';
    top: 50%;
    width: 100%;
    height: 18px;
    background: #f9d1d2
}

#section045 .intro_txt > h2 > span {
    position: relative;
    font-size: 25px;
    color: #ca383c
}

#section045 .intro_txt > h3 {
    position: relative;
    margin: 0 17px;
}

#section045 .intro_txt > h3:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 50%;
    width: 0%;
    height: 27px;
    background: #f9d1d2;
    transition: 0s .5s
}

#section045 .intro_txt > h3 > span {
    position: relative;
    padding: 0 10px;
    font-size: 35px;
    color: #e44f61;
    font-weight: 400;
    opacity: 0;
    transition: 0s .5s
}

#section045 .intro_txt > h3 > em {
    position: Absolute;
    top: 50%;
    height: 46px;
    width: 11px;
    margin-top: -23px;
    border: 5px solid #e44f61;
    box-sizing: border-box
}

#section045 .intro_txt > h3 > em:first-child {
    left: 40%;
    border-right: 0;
    transition: 0s .5s
}

#section045 .intro_txt > h3 > em:last-child {
    right: 40%;
    border-left: 0;
    transition: 0s .5s
}

#section045 .intro_txt > var {
    font-size: 25px;
    color: #5b5b5b
}

#section045 ul {
    margin-top: 55px;
    overflow: hidden
}

#section045 ul > li {
    float: left;
    margin-left: 32px;
    text-align: center
}

#section045 ul > li:first-child {
    margin-left: 0
}

#section045 ul > li > h2 {
    margin: 15px 0;
    font-size: 20px;
    color: #000;
    font-weight: 400
}

#section045 ul > li > h3 {
    font-size: 15px;
    color: #444444
}

#section045.active .intro_txt > h3:before {
    left: 0;
    width: 100%;
    transition: .5s 1.2s
}

#section045.active .intro_txt > h3 > span {
    opacity: 1;
    transition: .5s .7s
}

#section045.active .intro_txt > h3 > em:first-child {
    left: -17px;
    transition: .5s .7s
}

#section045.active .intro_txt > h3 > em:last-child {
    right: -17px;
    transition: .5s .7s
}

#section05 .center_wrap {
    margin-top: 80px;
    position: relative
}

#section05 .tit {
    text-align: left
}

#section05 .tit > h2 {
    font-size: 78px
}

#section05 .tit > h2.line2 {
    margin: -25px 0 0 180px
}

#section05 .intro_txt {
    width: 50%;
    margin-top: 48px;
    text-align: center
}

#section05 .intro_txt > h2 {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    margin-bottom: 30px
}

#section05 .intro_txt > h2 > em {
    position: absolute;
    top: 50%;
    height: 56px;
    width: 13px;
    margin-top: -28px;
    border: 5px solid #e44f61;
    box-sizing: border-box
}

#section05 .intro_txt > h2 > em:first-child {
    left: 45%;
    border-right: 0;
    transition: .5s
}

#section05 .intro_txt > h2 > em:last-child {
    right: 45%;
    border-left: 0;
    transition: .5s
}

#section05 .intro_txt > h2 > span {
    display: inline-block;
    padding: 0 10px;
    font-size: 40px;
    color: #e44f61;
    font-weight: 400;
    vertical-align: middle;
    opacity: 0;
    transition: .5s
}

#section05 .intro_txt > h3 {
    font-size: 25px;
    color: #4f4f4f
}

#section05 .intro_txt > h3 > b {
    font-size: 30px;
    color: #d73e50;
    font-weight: 400
}

#section05 .intro_txt > h4 {
    margin: 55px 0 35px;
    font-size: 40px;
    color: #d73e50;
    font-weight: 500
}

#section05 .intro_txt > h4 > var {
    position: relative;
    top: -10px;
    opacity: 0;
    font-size: 1em;
    font-weight: 500;
    transition: .5s
}

#section05 .intro_txt > h4 > var:after {
    position: Absolute;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-left: -3.5px;
    border-radius: 50%;
    background: #d73e50;
    content: ''
}

#section05.active .intro_txt > h2 > span {
    opacity: 1;
    transition: .5s .8s
}

#section05.active .intro_txt > h2 > em:first-child {
    left: 0;
    transition: .5s .8s
}

#section05.active .intro_txt > h2 > em:last-child {
    right: 0;
    transition: .5s .8s
}

#section05.active .intro_txt > h4 > var:nth-child(1) {
    top: 0;
    opacity: 1;
    transition: .5s 1.2s
}

#section05.active .intro_txt > h4 > var:nth-child(2) {
    top: 0;
    opacity: 1;
    transition: .5s 1.4s
}

#section05.active .intro_txt > h4 > var:nth-child(3) {
    top: 0;
    opacity: 1;
    transition: .5s 1.6s
}

#section06 .center_wrap {
    margin-top: 125px;
    background: transparent;
}

#section06 .intro_txt {
    text-align: center
}

#section06 .intro_txt > h2 {
    display: inline-block;
    position: relative;
    padding: 0 82px;
    margin: 20px 0
}

#section06 .intro_txt > h2 > em {
    position: absolute;
    top: 50%;
    height: 74px;
    width: 18px;
    margin-top: -37px;
    border: 7px solid #e44f61;
    box-sizing: border-box
}

#section06 .intro_txt > h2 > em:first-child {
    left: 45%;
    border-right: 0;
    transition: .5s
}

#section06 .intro_txt > h2 > em:last-child {
    right: 45%;
    border-left: 0;
    transition: .5s
}

#section06 .intro_txt > h2 > span {
    display: inline-block;
    font-size: 35px;
    color: #e44f61;
    font-weight: 400;
    vertical-align: middle;
    opacity: 0;
    transition: .5s
}

#section06 .intro_txt > h3 {
    line-height: 55px;
    font-size: 20px;
    color: #000
}

#section06 .intro_txt > h3 > b {
    position: relative;
    line-height: 1;
    font-size: 30px;
    color: #d73e50;
    font-weight: 500;
}

#section06 .intro_txt > h3 > b:after {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background: #d73e50;
    content: ''
}

#section06.active .intro_txt > h2 > span {
    opacity: 1;
    transition: .5s .8s
}

#section06.active .intro_txt > h2 > em:first-child {
    left: 0;
    transition: .5s .8s
}

#section06.active .intro_txt > h2 > em:last-child {
    right: 0;
    transition: .5s .8s
}

/*SECTION-07*/
#section07 {
    background: url('/img/section07_bg.jpg') center;
    background-size: cover
}

#section07 .center_wrap {
    margin-top: 100px;
    background: transparent;
}

#section07 .intro_txt {
    margin-top: 35px;
    text-align: center
}

#section07 .intro_txt > h2 {
    font-size: 40px;
    color: #000;
    font-weight: 400
}

#section07 .intro_txt > h3 {
    height: 156px;
    line-height: 52px;
    margin: 15px 0 25px;
    font-size: 27px;
    color: #000
}

#section07 .intro_txt > h3 > em {
    font-size: 1em;
    color: #d73e50;
    font-weight: 500
}

#section07 .intro_txt > h3 > b {
    position: relative;
    font-size: 1em;
    color: #d73e50;
    font-weight: 500
}

#section07 .intro_txt > h3 > b:After {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background: #d73e50;
    content: '';
    opacity: 1
}

/*SECTION-08*/
#section08 {
    background: url('/img/section08_bg.jpg') center;
    background-size: cover
}

#section08 .center_wrap {
    margin-top: 100px;
    position: relative
}

#section08 .center_wrap:after {
    content: '';
    display: block;
    clear: both
}

#section08 .tit {
    margin-bottom: 80px
}

#section08 .slide_top {
    position: relative;
    float: left;
    padding: 0 25px;
    margin-left: -25px;
    overflow: hidden
}

#section08 .gallery-top {
    width: 773px;
    height: 494px
}

#section08 .gallery-top .swiper-slide {
    background-position: center;
    background-size: cover
}

#section08 .gallery-thumbs {
    float: right;
    width: 358px;
    height: 494px
}

#section08 .gallery-thumbs .swiper-slide {
    width: 174px;
    height: 116px;
    background-position: center;
    background-size: cover;
    cursor: pointer
}

#section08 .swiper-button-next, #section08 .swiper-button-prev {
    width: 50px;
    height: 50px;
    border: 1px solid #afafaf
}

#section08 .swiper-button-next {
    right: 0px;
    background: #fff url('/img/slide_next_btn.png') no-repeat center
}

#section08 .swiper-button-prev {
    left: 0px;
    background: #fff url('/img/slide_prev_btn.png') no-repeat center
}

/*SECTION-09*/

#section09 .center_wrap {
    margin-top: 100px;
    position: relative
}

#section09 .tit > h2 {
    display: inline-block;
    padding: 0 50px;
    font-family: 'Black Han Sans', sans-serif;
    vertical-align: middle
}

#section09 .center_wrap > .tit > h2, #section09 ul > li:first-child .tit > h2 {
    background: repeating-linear-gradient(-45deg, #dfb7ff 0%, #dfb7ff 20%, #9a3de5 50%, #dfb7ff 80%, #dfb7ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 500px 100%;
}

#section09 .tit > img {
    position: relative;
    margin-top: 0
}

#section09 ul {
    margin-top: 70px;
    text-align: center
}

#section09 ul > li {
    display: inline-block;
    vertical-align: bottom
}

#section09 ul > li:first-child {
    box-sizing: border-box;
    width: 753px;
    text-align: center
}

#section09 ul > li > em {
    display: block;
    margin-bottom: 30px;
    font-size: 34px;
    color: #fff;
    text-align: center
}

#section09 ul > li > var {
    display: block;
    margin-top: 55px;
    font-size: 31px;
    color: #fff;
    text-align: center
}

#section09 ul > li > .subject {
    position: relative;
    display: inline-block
}

#section09 ul > li > .subject > .polygon1 {
    position: relative
}

#section09 ul > li > .subject > .polygon2 {
    position: Absolute;
    top: 0;
    left: 0;
    transform: rotate(30deg)
}

#section09 ul > li > .subject > .polygon3 {
    position: Absolute;
    top: 0;
    left: 0;
    transform: rotate(348deg)
}

#section09 ul > li > .subject > span {
    position: absolute;
    width: 17px;
    height: 17px;
    background: #ff9c9c;
    border-radius: 50%
}

#section09 ul > li > .subject > span:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin: -15.5px 0 0 -15.5px;
    border-radius: 50%;
    border: 1px solid #ff9c9c
}

#section09 ul > li > .subject > span > em {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 10em;
    line-height: 40px;
    margin-top: -20px;
    white-space: nowrap;
    font-size: 24px;
    color: #ff8f8f
}

#section09 ul > li > .subject > span.s1 {
    top: 0;
    left: 50%;
    margin: -8.5px 0 0 -8.5px
}

#section09 ul > li > .subject > span.s1 > em {
    left: 50%;
    margin-left: -5em;
    margin-top: -60px;
    text-align: center
}

#section09 ul > li > .subject > span.s2 {
    top: 37%;
    right: 0%;
    margin-right: -8.5px
}

#section09 ul > li > .subject > span.s2 > em {
    left: 0;
    margin-top: -60px;
    text-align: left
}

#section09 ul > li > .subject > span.s3 {
    bottom: 0;
    right: 17%;
    margin-bottom: -8.5px;
    background: #e0bcec
}

#section09 ul > li > .subject > span.s3 > em {
    left: 30px;
    color: #e0bcec;
    text-align: left
}

#section09 ul > li > .subject > span.s4 {
    bottom: 0;
    left: 17%;
    margin-bottom: -8.5px;
    background: #e0bcec
}

#section09 ul > li > .subject > span.s4 > em {
    right: 30px;
    color: #e0bcec;
    text-align: right
}

#section09 ul > li > .subject > span.s5 {
    top: 37%;
    left: 0%;
    margin-left: -8.5px;
    background: #e0bcec
}

#section09 ul > li > .subject > span.s5 > em {
    right: 0;
    margin-top: -60px;
    text-align: right;
    color: #e0bcec
}

#section09 ul > li > .subject > span.s5:before, #section09 ul > li > .subject > span.s4:before, #section09 ul > li > .subject > span.s3:before {
    border-color: #e0bcec
}

#section09 ul > li > .time {
    box-sizing: border-box;
    width: 433px;
    padding: 35px 0px 25px 0px;
    background: #ffe9e9
}

#section09 ul > li > .time > h2 {
    position: relative;
    width: 300px;
    margin: 0 auto;
    font-size: 21px;
    color: #e44e4e;
    font-weight: 400;
    white-space: nowrap
}

#section09 ul > li > .time > h2 > em {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -5px 8px 0 0;
    background: #e95858;
    vertical-align: middle
}

#section09 ul > li > .time > h2 > var {
    display: inline-block;
    width: 20px
}

#section09 ul > li > .time > h2 > span {
    font-size: 21px;
    color: #ffa200;
    font-weight: 400;
}

#section09 ul > li > .time > h3 {
    font-size: 21px;
    color: #ffa200;
    font-weight: 400;
    text-align: center
}

#section09 ul > li > .time2 {
    margin-top: 23px;
    padding: 40px 0px 40px 0px;
    border: 1px solid #a3a3a3;
    background: rgba(255, 255, 255, .2)
}

#section09 ul > li > .time2 > h2 {
    padding: 15px 0;
    color: #fff
}

#section09 ul > li > .time2 > h2 > em {
    background: #fff
}

#section09 ul > li > .time2 > h2 > var {
    display: inline-block;
    width: 20px
}

@keyframes rotate_polygon {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate_polygon2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

/*SECTION-10*/
#section10 {
    background: url('/img/section10_bg.jpg') no-repeat top;
    background-size: 100% auto
}

#section10 .center_wrap {
    margin-top: 120px;
    position: relative;
    background: transparent;
}

#section10 .tit > h2 {
    display: inline-block;
    padding: 0 50px;
    font-family: 'Black Han Sans', sans-serif;
    vertical-align: middle
}

#section10 .tit > img {
    position: relative;
    margin-top: 0
}

#section10 ul {
    padding: 40px 68px 0
}

#section10 ul > li {
    display: inline-block;
    padding-right: 58px;
    vertical-align: bottom
}

#section10 ul > li > h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #3a3a3a;
    font-weight: 400
}

#section10 ul > li > h2 > a {
    font-size: 1em;
    color: #3a3a3a;
    font-weight: 400
}

#section10 ul > li > h2 > a:hover {
    color: #000
}

#section10 ul > li > h3 {
    margin-bottom: 35px;
    font-size: 18px;
    color: #4e4e4e;
    font-weight: 400
}

#section10 ul > li > h3 > em {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    vertical-align: middle;
    background: #4e4e4e
}

#section10 ul > li > h3 > b {
    font-size: 1em;
    color: #007042;
    font-weight: 400
}

#section10 ul > li + li {
    padding-right: 0;
    text-align: center
}

#section10 ul > li + li > .katalk {
    position: relative;
    margin-top: 5px
}

#section10 ul > li + li > .katalk > a {
    position: absolute;
    bottom: 5%;
    left: 27%;
    right: 18%;
    background-size: 100% 100%
}

#section10 ul > li + li > .katalk > a > img {
    position: relative;
    width: 100%
}

#section10 ul > li + li > .katalk > a:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 100%;
    background: #cec9c9;
    border-radius: 10px;
    transition: .3s
}

#section10 ul > li + li > .katalk > a:hover:before {
    top: 5px;
    left: 5px;
}

#section10 .map {
    width: 625px;
    height: 294px;
    border: 1px solid #e4e4e4
}

#section10 .footer_wrap {
    margin-top: 0;
    position: relative;
    background: red;
}

#section10 #footer {
    width: 100%;
    padding: 20px 0 20px 0;
    margin-bottom: 113px;
    text-align: center;
    background: #ececec
}

#section10 #footer > h2 {
    margin: 7px 0 15px;
    font-size: 13px;
    color: rgba(0, 0, 0, .6)
}

#section10 #footer > h2 > var {
    display: none
}

#section10 #footer > h1 > a {
    font-size: 1em;
    color: rgba(0, 0, 0, .6)
}

#section10 #footer > h2 > a:hover {
    color: rgba(0, 0, 0, 1)
}

#section10 #footer > h3 {
    font-size: 13px;
    color: rgba(0, 0, 0, .3)
}

#section10 .popup_number_table {
    display: inline-block;
    padding: 0 5px 0 5px;
    margin: 0 0 0 5px;
    font-size: 14px;
    color: #000000 !important;
    border: 1px solid #000000;
}


/*FOOTER*/
/*
#section11 {background:#ececec;display:none;}
#footer {width:100%; padding:50px 0 40px; margin-bottom:113px; text-align:center; background:#ececec}
#footer > h1 {margin:7px 0 15px; font-size:13px; color:rgba(0,0,0,.6)}
#footer > h1 > var {display:none}
#footer > h1 > a {font-size:1em; color:rgba(0,0,0,.6)}
#footer > h1 > a:hover {color:rgba(0,0,0,1)}
#footer > h2 {font-size:13px; color:rgba(0,0,0,.3)}
*/

/*IE GRANDEINT*/
.ie_ver .gra {
    color: transparent !important;
    animation: none;
}

.ie_ver #section01 .slide1 .slide_title span.gra {
    background: url('/img/section1/slide1/section01_slide1_title1.png') no-repeat left;
}

.ie_ver #section01 .slide1 .slide_title b.gra {
    background: url('/img/section1/slide1/section01_slide1_title2.png') no-repeat left;
}

.ie_ver #section01 .slide2 .slide_title b.gra {
    background: url('/img/section1/slide2/section01_slide2_title1.png') no-repeat center;
    transform: translate(-5px, 5px);
}

.ie_ver #section01 .slide2 .slide_title span.gra {
    background: url('/img/section1/slide2/section01_slide2_title2.png') no-repeat right;
}

.ie_ver #section01 .slide3 .slide_title p.gra:nth-child(1) {
    background: url("/img/section1/slide3/section01_slide3_title1.png") no-repeat;
}

.ie_ver #section01 .slide3 .slide_title p.gra:nth-child(2) {
    background: url("/img/section1/slide3/section01_slide3_title2.png") no-repeat 30px center;
    height: 60px;
    margin-top: 30px;
}

.ie_ver #section01 .slide3 .slide_title p.gra:nth-child(3) {
    background: url("/img/section1/slide3/section01_slide3_title3.png") no-repeat right center;
}

.ie_ver #section01 .slide4 .slide_title span.gra {
    background: url('/img/section1/slide3/section01_slide3_title1.png') no-repeat center;
}

.ie_ver #section01 .slide5 .slide_title span.gra {
    background: url('/img/section1/slide4/section01_slide4_title1.png') no-repeat center;
}

.ie_ver #section04 .intro_txt em.gra {
    background: url('/img/re/section35_title1.png') no-repeat top center;
}

.ie_ver .tit > h1 {
    background: none !important;
    color: transparent;
    animation: none
}

.ie_ver #section02 .tit {
    background: url('/img/tit_sect02.png') no-repeat center
}

.ie_ver #section03 .tit {
    background: url('/img/re/tit_sect03.png') no-repeat left bottom
}

.ie_ver #section045 .tit {
    background: url('/img/tit_sect045.png') no-repeat left bottom
}

.ie_ver #section05 .tit {
    background: url('/img/tit_sect05.png') no-repeat left bottom
}

.ie_ver #section06 .tit {
    background: url('/img/tit_sect06.png') no-repeat center
}

.ie_ver #section07 .tit {
    background: url('/img/tit_sect07.png') no-repeat center
}

.ie_ver #section08 .tit {
    background: url('/img/tit_sect08.png') no-repeat center
}

.ie_ver #section09 .tit {
    background: url('/img/tit_sect09.png') no-repeat center
}

.ie_ver #section10 .tit {
    background: url('/img/tit_sect10.png') no-repeat center
}

@media screen and (min-width: 1201px) {
    #m-menu {
        display: none !important
    }

    #fullpage {
        top: 0 !important
    }

    /*프로필오픈*/
    /* .doctor_list.doctor_show .icon_rotate {display:none} */
    /* .doctor_list.doctor_show ul li {display:none} */
    /* .doctor_list.doctor_show ul li.active {display:block; left:0; right:auto; bottom:0; top:auto; margin:0} */
}

/*
----------------------------------------------------------------------------------------------------------------------------------------------------
|| Mobile
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 1200px) {
    dfn {
        display: block;
        clear: both
    }

    samp {
        display: none
    }

    .section {
        display: block !important;
        height: auto !important;
        overflow: hidden;
        border-collapse: initial
    }

    .fp-tableCell {
        display: block !important;
        height: auto !important;
        padding-top: 3em
    }

    .center_wrap {
        width: 100%
    }

    .m_show {
        display: block
    }

    .pc_show {
        display: none
    }

    #fullpage {
        /* top:3.2em */
    }

    #scroll {
        display: none
    }

    /*TITLE - New*/
    .section .gra1 {
        background: repeating-linear-gradient(-45deg, #512772 0%, #512772 20%, #bc75f3 50%, #512772 80%, #512772 100%);
        background-size: 200px 100% !important;
        background-clip: text;
        -webkit-background-clip: text;
        -ms-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: Gradient 4s linear infinite forwards;
        -moz-animation: Gradient 4s linear infinite forwards;
        animation: Gradient 4s linear infinite forwards;
    }

    .section .gra2 {
        background: repeating-linear-gradient(-45deg, #b78ded 0%, #b78ded 20%, #ffffff 50%, #b78ded 80%, #b78ded 100%);
        background-size: 200px 100% !important;
        background-clip: text;
        -webkit-background-clip: text;
        -ms-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: Gradient 4s linear infinite forwards;
        -moz-animation: Gradient 4s linear infinite forwards;
        animation: Gradient 4s linear infinite forwards;
    }

    .section .gra3 {
        background: repeating-linear-gradient(-60deg, #eddf8f 0%, #eee090 30%, #ffffff 50%, #efe39c 70%, #eddf8f 100%);
        background-size: 200px 100% !important;
        background-clip: text;
        -webkit-background-clip: text;
        -ms-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: Gradient 2s linear infinite forwards;
        -moz-animation: Gradient 2s linear infinite forwards;
        animation: Gradient 2s linear infinite forwards;
    }

    /*TIT*/
    .section .tit > img {
        display: none
    }

    .section .tit > span {
        display: none
    }

    .section .tit > h2 {
        font-size: 2.35em !important;
        background-size: 200px 100% !important;
        -webkit-animation: Gradient 4s linear infinite forwards;
        -moz-animation: Gradient 4s linear infinite forwards;
        animation: Gradient 4s linear infinite forwards;
    }


    @-moz-keyframes Gradient {
        0% {
            background-position: 0% 0%
        }
        100% {
            background-position: 200px 0%
        }
    }
    @-webkit-keyframes Gradient {
        0% {
            background-position: 0% 0%
        }
        100% {
            background-position: 200px 0%
        }
    }
    @keyframes Gradient {
        0% {
            background-position: 0% 0%
        }
        100% {
            background-position: 200px 0%
        }
    }

    /*COUNSEL*/
    #counsel {
        display: none;
    }

    .m-counsel.foot {
        display: none;
    }

    /*SimpleLogin*/
    #simpleLogin {
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        display: none;
    }

    #simpleLogin .tb .tc {
        text-align: center;
    }

    #simpleLogin .tb .tc .box {
        display: inline-block;
        width: 90vw;
        margin: 10vw 0 0 0;
        background: #432d54;
        border-radius: 0;
        text-align: center;
    }

    #simpleLogin .tb .tc .box .function {
        position: absolute;
        width: 90vw;
        text-align: right;
    }

    #simpleLogin .tb .tc .box .function a img {
        width: 5vw;
        transform: translate(-2vw, 2vw);
    }

    #simpleLogin .tb .tc .box .title {
        margin: 5vw 0 0 0;
        font-size: 6vw;
        font-weight: 300;
        color: white;
        letter-spacing: -0.3vw;
    }

    #simpleLogin .tb .tc .box .title b {
        font-size: 6vw;
        font-weight: 600;
        color: white;
        letter-spacing: -0.3vw;
    }

    #simpleLogin .tb .tc .box .title br {
        display: block;
    }

    #simpleLogin .tb .tc .box .summary {
        display: block;
        width: 75vw;
        margin: 2vw auto 0 auto;
        font-size: 3vw;
        line-height: 4.5vw;
        font-weight: 300;
        color: white;
    }

    #simpleLogin .tb .tc .box .summary b {
        display: block;
        margin: 3vw 0 0 0;
        font-size: 3vw;
        line-height: 5vw;
        font-weight: 500;
        color: white;
    }

    #simpleLogin .tb .tc .box .summary br {
        display: none;
    }

    #simpleLogin .tb .tc .box .form {
        margin: 5vw 0 7vw 0;
    }

    #simpleLogin .tb .tc .box .form input {
        display: inline-block;
        vertical-align: middle;
        width: 40vw;
        height: 10vw;
        margin: 0 0 0 0;
        border: 0;
        text-align: center;
        border-radius: 0;
        font-size: 4vw;
        font-weight: 500;
    }

    #simpleLogin .tb .tc .box .form button {
        display: inline-block;
        vertical-align: middle;
        width: 20vw;
        height: 10.5vw;
        margin: 0 0 0 1vw;
        border: 0;
        font-weight: 700;
        font-size: 4vw;
        color: #3d3d3d;
        background: #ffffff;
    }

    /*Quick*/
    #quick ul.pc {
        display: none;
    }

    #quick {
        position: fixed;
        z-index: 10;
        top: 75vw;
        left: 100vw;
        right: 0;
        bottom: 0;
        width: 70px;
        margin: 0 0 0 -18vw;
    }

    #quick ul.mo {
        display: block;
        background: transparent;
        border-radius: 0;
    }

    #quick ul.mo > li {
        padding: 0 0 0 0;
        display: block;
        text-align: center;
    }

    #quick ul.mo > li a {
        color: #ffffff;
        font-size: 0;
        line-height: 0;
    }

    #quick ul.mo > li.item {
        margin: 0 0 4vw 0;
    }

    #quick ul.mo > li.item a .icon {
        display: block;
        padding: 0 0 0 0;
    }

    #quick ul.mo > li.item a .icon img {
        width: 12vw;
    }

    #quick ul.mo > li.item a .text {
        display: inline-block;
        width: 15vw;
        height: 5vw;
        line-height: 5vw;
        font-size: 3vw;
        color: #ffffff;
        border-radius: 3vw;
        margin: 0.3vw 0 0 0;
    }

    #quick ul.mo .item1 .text {
        background: #FFB800;
    }

    #quick ul.mo .item2 .text {
        background: #67368b;
    }

    #quick ul.mo .item3 .text {
        background: #2FB500;
    }

    #quick ul.mo .item4 .text {
        background: #28CEC5;
    }


    #header {
        z-index: 2;
    }

    #header .center_wrap {
        width: 100%;
    }

    #header .center_wrap > h1 {
        background: transparent;
    }

    #header .center_wrap > h1 img {
        width: 11em !important;
    }

    #header .center_wrap > ul {
        display: none
    }

    #header .center_wrap > .naver {
        margin-right: .6em
    }

    #header .center_wrap > .naver > a {
        font-size: .85em
    }

    #header .center_wrap > .naver > a > img {
        width: 1.4em
    }

    #header .center_wrap > .m-btn {
        position: relative;
        display: block;
        float: right;
        width: 1.9em;
        height: 1.9em;
        margin-top: .65em;
        border-radius: 50%;
        border: 0.05em solid #2e1758;
        margin: -3em 2em 0 0;
    }

    #header .center_wrap > .m-btn > var {
        position: absolute;
        width: 54%;
        left: 23%;
        margin-top: -.05em;
        height: 0.1em;
        background: #2e1758
    }

    #header .center_wrap > .m-btn > var.b1 {
        top: 30%;
        transition: .3s
    }

    #header .center_wrap > .m-btn > var.b2 {
        top: 50%;
        transition: .3s
    }

    #header .center_wrap > .m-btn > var.b3 {
        top: 70%;
        transition: .3s
    }

    #header .center_wrap > .m-btn.close > var.b1 {
        top: 50%;
        transform: rotate(45deg)
    }

    #header .center_wrap > .m-btn.close > var.b2 {
        opacity: 0
    }

    #header .center_wrap > .m-btn.close > var.b3 {
        top: 50%;
        transform: rotate(135deg)
    }

    #header.color2 .center_wrap > .m-btn {
        border-color: #67368b
    }

    #header.color2 .center_wrap > .m-btn > var {
        background: #67368b
    }

    #header.color3 .center_wrap > .m-btn {
        border-color: #67368b
    }

    #header.color3 .center_wrap > .m-btn > var {
        background: #67368b
    }

    /*MENU*/
    #m-menu {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        background: url('/img/menu_bg.jpg') center;
        background-size: cover
    }

    #m-menu > ul {
        padding: 0 5% 0 15%;
        margin-top: 3em;
        overflow: hidden
    }

    #m-menu > ul > li {
        float: left;
        width: 50%;
        text-align: right
    }

    #m-menu > ul > li > a {
        display: inline-block;
        width: 4em;
        padding: .4em 0;
        font-size: 1.3em;
        color: #fff;
        font-weight: 400;
        text-align: left
    }

    #m-menu .m-counsel {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
    }

    /*COUNSEL*/
    .m-counsel {
        display: none;
    }

    #counsel {
        position: fixed;
        display: block;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.8);
        display: none;
    }

    #counsel .center_wrap {
        margin: 10vw auto 0 auto;
        width: 90vw;
        padding-top: 3vw;
        padding-bottom: 5vw;
        overflow: hidden;
        background: white;
    }

    #counsel .center_wrap .function {
        position: absolute;
        width: 87vw;
        text-align: right;
    }

    #counsel .center_wrap .function img {
        width: 5vw;
    }

    #counsel .center_wrap > h1 {
        text-align: center;
        padding: 2vw 0 0 0;
    }

    #counsel .center_wrap > h1 > a {
        display: block;
        font-size: 8vw;
        font-weight: 600;
        color: #6b26b4;
    }

    #counsel .center_wrap > h1 > img {
        width: 40vw;
    }

    #counsel .center_wrap > form {
        text-align: center;
    }

    #counsel .center_wrap > form > div {
        display: inline-block;
        text-align: center;
        vertical-align: bottom
    }

    #counsel .center_wrap > form > div input[type=text] {
        box-sizing: border-box;
        height: 10vw;
        padding: 0 2vw;
        border: 1px solid #dadada;
        background: rgba(255, 255, 255, .3);
        color: #4d4d4d;
        font-weight: 500;
        font-size: 3.5vw;
    }

    #counsel .center_wrap > form > div input[type=text]::placeholder {
        color: #4d4d4d;
    }

    #counsel .center_wrap > form > div.name_box {
        position: relative;
    }

    #counsel .center_wrap > form > div.name_box input {
        width: 80vw;
        margin: 0 0 2vw 0;
    }

    #counsel .center_wrap > form > div.tel_box {
        position: relative;
    }

    #counsel .center_wrap > form > div.tel_box > em {
        position: absolute;
    }

    #counsel .center_wrap > form > div.tel_box input[type=text] {
        width: 21.5vw
    }

    #counsel .center_wrap > form > div > var:nth-child(1) {
        display: block;
        margin: 0;
        padding: 1vw 0 5vw 0;
        font-size: 5vw;
        line-height: 7vw;
        color: #33225c;
        font-weight: 600;
        letter-spacing: -1px;
    }

    #counsel .center_wrap > form > div.tel_box > var {
        display: block;
        font-size: 13px;
        margin: 10px 0 10px 0;
        background: transparent;
        text-align: left;
    }

    #counsel .center_wrap > form > div.tel_box > div > em {
        display: inline-block;
        margin: 0 10px;
        width: 3vw;
        height: 1px;
        background: #8d7b9b
    }

    #counsel .center_wrap > form > span.footbtn {
        display: inline-block;
        height: 10vw;
        width: 80vw;
        margin: 3vw 0 0 0;
        vertical-align: middle
    }

    #counsel .center_wrap > form > span.footbtn > a {
        display: block;
        padding: 0 0;
        border-radius: 0
    }

    #counsel .center_wrap > form > span.submit_btn > a {
        line-height: 5vw;
        text-align: center;
        font-size: 5vw;
        color: #ffffff;
        font-weight: 500;
        background: #6b26b4;
        margin: 0 0 0 0;
        padding: 2vw 0 2vw 0;
    }

    #counsel .center_wrap > form > span.submit_btn > a:hover {
        background: #521297;
    }

    #counsel .center_wrap > form > span.submit_btn > a > img {
        width: 5vw;
    }

    /*SECTION-01*/
    /*
        #section01 {padding:5.7em 0 1.5em; background:url('/img/re/m-section01_bg.jpg') center; background-size:cover}
        #section01 .sect01_con {width:100%; max-width:900px}
        #section01 .building {display:none}
    */
    #section01 .fp-controlArrow.fp-prev {
        margin: 7vw 0 0 3vw;
        left: 0;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: url("/svg/slidebutton_left.svg") no-repeat;
        background-size: 22px;
        background-position: 40% center;
        background-color: #a090c8;
        cursor: pointer;
        opacity: 0.7;
    }

    #section01 .fp-controlArrow.fp-prev:hover {
        background-color: #a090c8;
        opacity: 1;
        width: 50px;
        height: 50px;
        transform: translate(-5px, -5px);
        transition: all 0.5s;
    }


    #section01 .fp-controlArrow.fp-next {
        margin: 7vw 0 0 0;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: url("/svg/slidebutton_right.svg") no-repeat;
        background-size: 22px;
        background-position: 60% center;
        background-color: #a090c8;
        cursor: pointer;
        opacity: 0.7;
    }

    #section01 .fp-controlArrow.fp-next:hover {
        background-color: #a090c8;
        opacity: 1;
        width: 50px;
        height: 50px;
        transform: translate(5px, -5px);
        transition: all 0.5s;
    }

    #section01 .bottom_menu {
        position: absolute;
        margin: -60px 0 0 0;
        z-index: 10;
        top: 100vh;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(to bottom, #27103c, #2d1343);
        display: none;
    }

    #section01 .bottom_menu:after {
        margin: -50px 0 0 0;
        display: block;
        width: 100%;
        height: 60px;
        content: "";
        color: white;
        background: url('/img/section1/slideunderbar_pattern.png') no-repeat;
        background-size: cover;
        background-position: center bottom;
        opacity: 0.5;
    }

    #section01 .bottom_menu .center_wrap {
        width: 1400px;
    }

    #section01 .bottom_menu .center_wrap ul {
        width: 1400px;
        font-size: 0;
        background: transparent;
    }

    #section01 .bottom_menu .center_wrap ul > li {
        display: inline-block;
        width: 350px;
        height: 60px;
        text-align: center;
    }

    #section01 .bottom_menu .center_wrap ul > li a {
        position: relative;
        z-index: 1000;
        display: inline-block;
        margin: 15px 0 0 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
    }

    #section01 .bottom_menu .center_wrap ul > li.off {
        background: transparent;
        opacity: 1;
        transition: all 1s;
    }

    #section01 .bottom_menu .center_wrap ul > li.on {
        background: linear-gradient(to bottom, #7323d1, #8529e6);
        opacity: 0.8;
        transition: all 1s;
    }

    #section01 .slide {
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #section01 .slide1 {
        height: 100vh;
        background: url('/img/section1/slide1/m_bg1.jpg') no-repeat;
        background-size: cover;
        background-position: top bottom;
    }

    #section01 .slide1 .slide_wrap {
        margin: 22.5vw 0 0 0;
    }

    #section01 .slide1 .slide_wrap .center_wrap {
        width: 100vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_title {
        margin: 0 0 0 5vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_title span {
        display: block;
        color: #370064;
        font-size: 7vw;
        line-height: 7vw;
        font-weight: 700;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_title b {
        display: block;
        color: #370064;
        font-size: 9vw;
        line-height: 9vw;
        font-weight: 700;
        transform: translate(0, -3vw);
        letter-spacing: -0.2vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_summary {
        margin: -0.5vw 0 0 5vw;
        font-size: 4vw;
        font-weight: 600;
        letter-spacing: -0.2vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_summary i {
        display: inline-block;
        background: #200037;
        margin: 0 0.1em 0 0.3em;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        color: #ffe764;
        font-size: 1em;
        font-weight: 600;
        font-style: normal;
        line-height: 1em;
        text-align: center;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_summary b {
        font-size: 4vw;
        font-weight: 600;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_detail {
        margin: 3vw 0 0 6vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_detail ul {
        font-size: 0;
        width: 95vw;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_detail ul > li {
        display: inline-block;
        margin: 0 2vw 2vw 0;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_detail ul > li:nth-child(3n) {
        margin-right: 0;
    }

    #section01 .slide1 .slide_wrap .center_wrap .slide_detail ul > li img {
        width: 28vw;
    }

    #section01 .slide2 {
        height: 100vh;
        /* background:url('/img/section1/slide2/m_bg2.jpg') no-repeat; */
        background: url('/img/section1/slide2/m_slide_2.jpg') no-repeat;
        background-size: cover;
        background-position: center 60px;
        overflow: hidden;
    }

    #section01 .slide2 .slide_visual {
        position: absolute;
        z-index: 10;
        top: 0;
        background: transparent;
        width: 100vw;
        text-align: right;
        overflow: hidden;
    }

    #section01 .slide2 .slide_visual img {
        display: inline-block;
        width: 55vw;
        margin: 70vw 0 0 0;
    }

    #section01 .slide2 .slide_wrap .center_wrap {
        width: 100vw;
        height: 100%;
        background: transparent;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title {
        margin: 22.5vw 0 0 0;
        padding: 2.5vw 2.5vw 2.5vw 0;
        width: 90vw;
        height: auto;
        background: rgba(256, 256, 256, 0);
        font-size: 0;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title div {
        vertical-align: top;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 {
        margin: 0 0 0 0;
        display: inline-block;
        width: 100vw;
        text-align: center;
        background: transparent;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span {
        line-height: 8vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(1) {
        margin-top: 0;
        color: #ffffff;
        font-weight: 700;
        font-size: 9vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(2) {
        margin-top: 20px;
        color: #ffffff;
        font-weight: 700;
        font-size: 8vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item1 span:nth-child(2) b {
        color: #9042e2;
        font-weight: 700;
        font-size: 9vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 {
        margin: 3vw 0 0 0;
        display: inline-block;
        width: 100vw;
        text-align: center;
        background: transparent;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span {
        line-height: 8vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span:nth-child(1) {
        margin-top: 0;
        color: #9042e2;
        font-weight: 700;
        font-size: 9vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_title .in_item2 span:nth-child(2) {
        margin-top: 0;
        color: #ffffff;
        font-weight: 700;
        font-size: 8vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary {
        margin: 5vw 0 0 5vw;
        padding: 0;
        width: auto;
        height: auto;
        background: rgba(256, 256, 256, 0);
        box-shadow: 0 0 0 0;
        border: 0;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary div {
        vertical-align: top;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 {
        display: block;
        width: 44vw;
        text-align: left;
        background: rgba(256, 256, 256, 1);
        box-shadow: 0 0 0 0.5vw #9d57ac inset;
        padding: 1vw 0 3vw 2.5vw;
        margin: 0 0 0 0;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span {
        line-height: 5vw;
        display: block;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(1) {
        margin-top: 3vw;
        font-weight: 600;
        color: #34164a;
        font-size: 5vw;
        letter-spacing: -0.2vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(2) {
        margin-top: 2vw;
        font-weight: 600;
        color: #04cf5c;
        font-size: 5vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item1 span:nth-child(3) {
        margin-top: 5vw;
        font-weight: 300;
        color: #ffffff;
        font-size: 4vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 {
        display: block;
        width: 44vw;
        text-align: left;
        background: rgba(256, 256, 256, 1);
        box-shadow: 0 0 0 0.5vw #9d57ac inset;
        padding: 4vw 0 4vw 2.5vw;
        margin: 10vw 0 0 0;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span {
        line-height: 8vw;
        display: block;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(1) {
        margin-top: 0;
        font-weight: 500;
        color: #34164a;
        font-size: 5vw;
        line-height: 5vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(2) {
        font-weight: 600;
        color: #34164a;
        font-size: 5vw;
        line-height: 5vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_summary .in_item2 span:nth-child(2) b {
        font-weight: 600;
        color: #04cf5c;
        font-size: 5vw;
        letter-spacing: -0.5vw;
        line-height: 5vw;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_button {
        position: absolute;
        z-index: 20;
        width: 100vw;
        margin: 73vh auto 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_button > div {
        width: fit-content;
        margin: 0 auto;
    }

    #section01 .slide2 .slide_wrap .center_wrap .slide_button > div > div {
        width: 65vw;
        margin: 0 auto 2vw;
    }

    /* #section01 .slide2 .slide_wrap .center_wrap .slide_button .icon {display:inline-block;vertical-align:middle;width:13vw;height:13vw;border-radius:50%;line-height:13vw;margin:0 0 0 1vw;background:#ffffff;text-align:center;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .icon img {width:10vw;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .text {display:inline-block;vertical-align:middle;font-weight:600;font-size:5vw;line-height:6.5vw;color:#350c58;transform:translate(-2vw,0);}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .text i {display:inline-block;width:2vw;height:2vw;border-top:0.5vw solid #350c58;border-right:0.5vw solid #350c58;font-size:0;transform:rotate(45deg) translate(0,-5px);;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .text u {display:none;;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 {display:block;text-align:left;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 > div {display:inline-block;background:#c39ef2;width:60vw;padding:0.5vw 0.5vw 0.9vw 0;border-radius:20vw;cursor:pointer;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 {display:inline-block;text-align:left;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 > div {display:block;background:#c39ef2;width:60vw;padding:0.5vw 0.5vw 0.9vw 0;border-radius:20vw;cursor:pointer;text-align:left;margin:2.5vw 0 0 0 ;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item1 .text {margin:0 0 0 20px;}
    #section01 .slide2 .slide_wrap .center_wrap .slide_button .in_item2 .text {text-align:left;} */
    #section01 .slide3 {
        height: 100vh;
        /* background: url('/img/section1/slide3/Mbackground_01.jpg') no-repeat 60% center; */
        background: url('/img/section1/slide3/slide3-img-m-n.jpg') no-repeat center 60px;
        /* background-size: 100vw 100vh; */
        background-size: cover;
        position: relative;
    }

    #section01 .slide3 .slide_visual {
        position: absolute;
        left: 50%;
        top: 0;
        width: 56.6vw;
        height: 100vh;
        transform: translateX(-50%);
        overflow: hidden;
    }

    #section01 .slide3 .slide_visual img {
        position: absolute;
        left: 50%;
        bottom: -1.8vw;
        transform: translateX(-50%);
        width: 46.6vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap {
        margin: 0 auto;
        margin-top: 23vw;
        width: 90vw;
        overflow: hidden;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_title {
        width: 100%;
        text-align: center;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(1) {
        font-weight: bold;
        font-size: 12.75vw;
        color: #edda8d;
        margin-bottom: 0;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(1) > span {
        font-size: 15vw;
        font-weight: bold;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(2) {
        color: #efdf99;
        opacity: 0.3;
        font-size: 8.3vw;
        font-weight: 100;
        letter-spacing: 0.35em;
        margin: -10px 0;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_title > p:nth-child(3) {
        text-align: center;;
        font-weight: bold;
        font-size: 15vw;
        color: #edda8d;
        transform: translateY(0);
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary {
        margin-top: 12vw;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        padding: 0 6vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div {
        width: 33.8vw;
        height: 42.3vw;
        padding: 3.52vw;
        background-color: rgba(255, 255, 255, 0.8);

        box-sizing: border-box;
        box-shadow: 0.9vw 0px 2.2vw rgba(63, 63, 63, 0.1);
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > h2 {
        font-size: 4.9vw;
        font-weight: bold;
        color: #4f4f4f;
        position: relative;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.left > h2 {
        margin-top: 2.57vw;
        margin-bottom: 6vw 0;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.right {
        padding-top: 0;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.right > h2 {
        padding-top: 6.57vw;
        margin-bottom: 1vw;
        text-align: right;
        line-height: 1.2em;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.left > h2:before {
        width: 17vw;
        height: auto;
        content: "";
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div.right > h2:before {
        content: "";
        display: inline-block;
        width: 17vw;
        position: absolute;
        right: 0;
        top: 3vw;
        background: url("/img/section1/slide3/suresmile_logo.png") no-repeat;
        background-size: contain;

    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > h2 span {
        font-size: 4.9vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > h2 > span > span {
        font-size: 4.9vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > h2 > span {
        font-size: 4.9vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > h2 > span > span {
        font-size: 4.9vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > ul {
        width: 100%;
        padding: 0;
        background-color: transparent;
        box-sizing: content-box;
        box-shadow: none;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > .left > ul {
        margin-top: 2.7vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > .right > ul {
        margin-top: 4.6vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > div > ul > li {
        font-size: 2.78vw;
        font-weight: 500;
        color: #4f4f4f;
        letter-spacing: 0.02em;
        line-height: 1.6em;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary > .right > ul > li {
        text-align: right;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .left > ul > li > span {
        font-size: 2.78vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_summary .right > ul > li > span {
        font-size: 2.78vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_button {
        position: relative;
        z-index: 20;
        width: 43%;
        text-align: left;
        padding-left: 6vw;
        float: left;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_button.right {
        text-align: right;
        padding-right: 6vw;
        padding-left: 0;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_button > button {
        margin-top: 5.1vw;
        width: 27vw;
        height: 9.3vw;
        line-height: 1.2em;
        letter-spacing: -0.02em;
        background-color: #390f4a;
        border: 1px solid #fff;
        border-radius: 41.5px;
        box-shadow: 0.4vw 0 0.4vw rgba(0, 0, 0, 0.45);
        font-size: 2.5vw;
        font-weight: bold;
        color: #fff;
        text-align: center;
        cursor: pointer;
        margin-bottom: 3vw;
    }

    #section01 .slide3 .slide_wrap .center_wrap .slide_button button i {
        display: inline-block;
        width: 1vw;
        height: 1vw;
        border-top: 0.5vw solid #ffffff;
        border-right: 0.5vw solid #ffffff;
        transform: rotate(45deg) translate(2px, -2.5px);
    }

    #section01 .play_popup {
        width: 80%;
    }

    #section01 .play_popup video {
        width: 100%;
        padding: 0;
    }

    #section01 .slide4 {
        height: 100vh;
        background: url('/img/section1/slide4/m_bg3.jpg') no-repeat;
        background-size: cover;
        background-position: 80% center
    }

    #section01 .slide4 .slide_visual {
        position: absolute;
        top: 0;
        background: transparent;
        text-align: right;
    }

    #section01 .slide4 .slide_visual img {
        position: absolute;
        width: 28vw;
        margin: 93vw 0 0 15vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap {
        width: 100vw;
        text-align: center;
        background: transparent;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_feature {
        margin: 22.5vw 0 0 0;
        color: #4f4f4f;
        font-weight: 300;
        font-size: 3.8vw;
        line-height: 6vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_feature b {
        font-weight: 700;
        font-size: 4.5vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_feature br {
        display: none;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_slogan {
        margin: 2vw 0 0 0;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_slogan img {
        width: 60vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_title {
        margin: 3vw 0 0 0;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_title span {
        color: #6b26b4;
        font-weight: 800;
        font-size: 11vw;
        line-height: 11vw;
        letter-spacing: -0.2vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_summary {
        width: 90vw;
        margin: 3vw auto 0 auto;
        background: rgba(256, 256, 256, 0);
        text-align: center;
        border-radius: 0;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_summary span {
        font-size: 4vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(1) {
        display: inline-block;;
        font-weight: 300;
        color: #3a3a3a;
        padding: 0 0 0 0;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(2) {
        display: inline-block;
        font-weight: 600;
        color: #3a3a3a;
        padding: 0 0 0 2vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_summary span:nth-child(3) {
        display: inline-block;
        font-weight: 600;
        color: #6b26b4;
        padding: 0 0 0 1vw;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_button {
        margin: 63vw 0 0 8vw;
        text-align: left;
    }

    #section01 .slide4 .slide_wrap .center_wrap .slide_button button {
        display: inline-block;
        background: #390f4a;
        width: 40vw;
        font-size: 5.5vw;
        height: 20vw;
        line-height: 7vw;
        font-weight: 600;
        color: #ffffff;
        border-radius: 10vw;
        border: 3px solid #ffffff;
        box-shadow: 0 3px 3px gray;
    }

    #section01 .slide5 {
        height: 100vh;
        background: url('/img/section1/slide5/m_bg4.jpg') no-repeat;
        background-size: cover;
        background-position: center center
    }

    #section01 .slide5 .slide_wrap {
        margin: 22.5vw 0 0 0;
    }

    #section01 .slide5 .slide_wrap .center_wrap {
        text-align: center;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_icon {
        display: block;
        background: transparent;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_icon img {
        width: 10vw;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title {
        margin: 3vw 0 0 0;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span {
        font-weight: 700;
        display: block;
        line-height: 0;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span:nth-child(1) {
        margin-top: 0vw;
        color: #ffffff;
        font-size: 10vw;
        line-height: 10vw;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_title span:nth-child(2) {
        margin-top: 2vw;
        color: #6b26b4;
        font-size: 11vw;
        line-height: 11vw;
        padding: 0 0 0 0;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary {
        margin: 15vw 0 0 0;
        background: transparent;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul {
        width: 100vw;
        margin: 0 auto 0 auto;
        font-size: 0;
        background: transparent;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li {
        display: inline-block;
        width: 60vw;
        height: 25vw;
        margin: 0 0 10vw 0;
        background: rgba(0, 0, 0, 0.3);
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li:after {
        position: absolute;
        display: block;
        width: 60vw;
        height: 25vw;
        border: 1px solid #ffffff;
        content: "";
        border-radius: 5vw;
        transform: translateY(-31vw);
        background: transparent !important;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li div {
        display: table;
        width: 100%;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li div span {
        display: table-cell;
        height: 40vw;
        height: 25vw;
        vertical-align: middle;
        text-align: center;
        font-size: 4.5vw;
        line-height: 5.5vw;
        color: #3a3a3a;
        letter-spacing: -1px;
        background: rgba(0, 0, 0, 0);
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li div span b {
        font-size: 4.5vw;
        font-weight: 700;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li div span em {
        font-size: 4.5vw;
        font-weight: 700;
        color: #5e01aa;
    }


    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .ic {
        position: absolute;
        z-index: 20;
        display: inline-block;
        width: 8vw;
        height: 8vw;
        border-radius: 50%;
        background: #ffffff;
        text-align: center;
        line-height: 8vw;
        transform: translate(26vw, -4vw);
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .ic i {
        display: inline-block;
        width: 15px;
        height: 5px;
        border-left: 5px solid #000000;
        border-bottom: 5px solid #000000;
        transform: rotate(-45deg);
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb {
        display: table;
        width: 100%;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc {
        display: table-cell;
        height: 30vw;
        vertical-align: middle;
        text-align: center;
        font-size: 5vw;
        line-height: 6vw;
        color: #ffffff;
        letter-spacing: -1px;
        transform: translateY(-3vw);
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc b {
        font-size: 5vw;
        font-weight: 700;
    }

    #section01 .slide5 .slide_wrap .center_wrap .slide_in_box .slide_summary ul > li .tb .tc em {
        font-size: 5vw;
        font-weight: 700;
        color: #c893ff;
    }


    #section01 .building {
        display: none;
    }

    /*SECTION-03*/
    #section03 .center_wrap {
        height: auto;
        padding-bottom: 3vw;
    }

    #section03 .tit {
        padding-top: 3.7vw;
    }

    #section03 .tit p {
        padding-left: 0;
        font-size: 1.85vw;
    }

    #section03 .tit span {
        margin: 0 3.24vw;
        display: block;
    }

    #section03 .tit h2 {
        width: auto;
        padding-right: 0;
        padding-bottom: 0.92vw;
        font-size: 5.55vw;
        padding-right: 0.92vw;
    }

    #section03 h3 {
        margin-top: 2.77vw;
        margin-bottom: 5.55vw;
        font-size: 6.48vw;
    }

    #section03 h3 strong {
        font-size: 6.48vw;
    }

    .doctor_list {
        width: 100%;
        padding-top: 0;
        margin: 0;
    }

    .doctor_list ul {
        display: block;
        margin: 0 auto 4.6vw;
        width: 68.5vw;
        overflow: hidden;
    }

    .doctor_list ul li {
        width: 32.4vw;
        margin-right: 3.2vw;
        margin-bottom: 3.2vw;
    }

    .doctor_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .doctor_list ul li .img {
        border: 0.185vw solid #512772;
    }

    .doctor_list ul li .img .hover {
        display: none;
    }

    .doctor_list ul li .txt_area {
        margin-top: 2.7vw;
        padding: 0.92vw 3.7vw;
    }

    .txt_area span {
        font-size: 2.3vw;
        padding-bottom: 0.46vw;
        margin-bottom: 0.46vw;
    }

    .txt_area strong {
        font-size: 2.77vw;
    }

    .doctor_view .swiper-slide {
        padding: 0vw 11.11vw 0;
    }

    .doctor_view .swiper-slide.height .view {
        height: auto;
    }

    .doctor_view .view {
        width: 77.77vw;
        height: auto;
        padding: 9.25vw 0 9.25vw;
    }

    .doctor_view .view .doctor_img .txt_area {
        width: 32.4vw;
        padding: 0.92vw 1.85vw;
    }

    .txt_area span {
        font-size: 2.3vw;
    }

    .txt_area strong {
        font-size: 2.77vw;
    }

    .doctor_view .view .doctor_img .img {
        width: 27.77vw;
    }

    .doctor_view .profile .title {
        font-size: 2.77vw;
        padding-left: 3.7vw;
        padding-bottom: 1.38vw;
        margin-bottom: 2.77vw;
        margin-top: 9.25vw;
    }

    .doctor_view .profile ul li {
        font-size: 2.12vw;
        margin-left: 5.55vw;
    }

    .doctor_view .profile ul li::before {
        width: 0.27vw;
        height: 0.27vw;
    }

    .doctor_view .profile.long {
        width: 100%;
        position: static;
        transform: translateX(0);
    }

    .doctor_view .profile.long ul {
        width: 100%;
        float: none;
    }

    .doctor_view .profile.long ul li {
        margin-left: 5.55vw;
    }

    .doctor_view .view .page {
        font-size: 3.24vw;
        bottom: -2.77vw;
        right: 8vw;
    }

    .doctor_view .slick-next,
    .doctor_view .slick-prev {
        width: 6vw;
        height: 6vw;
        left: 2.77vw;
    }

    .doctor_view .slick-next {
        right: 2.77vw;
        left: auto;
    }

    #section03 .txt p {
        font-size: 2.59vw;
    }

    #section03 .txt p strong {
        font-size: 2.59vw;
    }

    /*SECTION-035*/
    #section035 {
        background: url('/img/re/m_bg6.jpg') no-repeat;
        background-size: contain;
        background-position: center top;
    }

    #section035 .center_wrap {
        position: relative;
        width: 100vw !important;
    }

    #section035 .center_wrap .content_wrap {
        margin: 25vw 0 0 0;
        flex-wrap: wrap;
    }

    #section035 .center_wrap .content_wrap .left {
        width: 100%;
    }

    #section035 .center_wrap .content_wrap .in_box {
        position: absolute;
        display: block;
        width: 90vw;
        height: 42vw;
        background: transparent;
        margin: -12vw 0 0 5vw;
    }

    /* left */
    #section035 .center_wrap .content_wrap .title {
        position: relative;
        z-index: 30;
        padding: 0 0 0 0;
        text-align: center;
    }

    #section035 .center_wrap .content_wrap .title .box_body {
        line-height: auto;
        margin-left: 0;
    }

    #section035 .center_wrap .content_wrap .title .box_body span {
        display: block;
        text-align: center;
        line-height: 0;
    }

    #section035 .center_wrap .content_wrap .title .box_body span:nth-child(1) {
        margin-top: 0;
        font-weight: 500;
        color: #ffffff;
        font-size: 6vw;
    }

    #section035 .center_wrap .content_wrap .title .box_body span:nth-child(2) {
        display: inline-block;
        margin-top: 10vw;
        font-weight: 700;
        color: #ffffff;
        font-size: 9vw;
    }

    #section035 .center_wrap .content_wrap .title .box_body span:nth-child(3) {
        display: inline-block;
        margin-top: 10vw;
        font-weight: 700;
        color: #ddbbff;
        font-size: 9vw;
        padding: 0 0 0 5px;
    }

    #section035 .center_wrap .content_wrap .title .box_left {
        position: absolute;
        z-index: 10;
        height: 33vw;
        width: 5vw;
        border: 0;
        border-top: 2px solid #b0a4b8;
        border-left: 2px solid #b0a4b8;
        border-bottom: 2px solid #b0a4b8;
        transform: translate(8vw, -7vw);
    }

    #section035 .center_wrap .content_wrap .title .box_right {
        position: absolute;
        z-index: 10;
        height: 33vw;
        width: 5vw;
        border: 0;
        border-top: 2px solid #b0a4b8;
        border-right: 2px solid #b0a4b8;
        border-bottom: 2px solid #b0a4b8;
        transform: translate(87vw, -21vw);
    }

    #section035 .center_wrap .content_wrap .subject {
        position: relative;
        z-index: 10;
        margin: 1vw 0 0 0;
        text-align: center;
    }

    #section035 .center_wrap .content_wrap .subject span:nth-child(1) {
        display: inline-block;
        vertical-align: middle;
        font-weight: 700;
        color: #ffffff;
        font-size: 4.5vw;
    }

    #section035 .center_wrap .content_wrap .subject span:nth-child(1) b {
        display: inline-block;
        font-weight: 700;
        color: #ddbbff;
        font-size: 4.5vw;
        background: transparent;
        letter-spacing: -0.2vw;
    }

    #section035 .center_wrap .content_wrap .subject span:nth-child(2) {
        display: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap {
        position: relative;
        width: 100vw;
        transform: translate(0, 0);
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box {
        display: block;
        width: 80vw;
        margin: 15vw 0 0 10vw;
        padding: 0 0 0 0;
        height: 140vw;
        background: transparent;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .title {
        display: block;
        background: #432d54;
        width: 80vw;
        height: 15vw;
        border-radius: 5vw 5vw 0 0;
        text-align: center;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .title h2 {
        display: block;
        font-weight: 700;
        font-size: 6vw;
        color: #ffffff;
        text-align: center;
        background: transparent;
        padding: 2vw 0 0 0;
        margin-left: 0;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .title h3 {
        display: block;
        font-weight: 500;
        font-size: 3vw;
        color: #ffffff;
        text-align: right;
        background: transparent;
        transform: translate(5vw, -0.8vw);
        margin-left: -1vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .icon {
        position: absolute;
        z-index: 2000;
        transform: translate(3vw, -5vw);
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .icon img {
        width: 20vw;
        height: auto;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item {
        display: inline-block;
        width: 80vw;
        overflow: hidden;
        background: transparent;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .img {
        display: inline-block;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .img img {
        width: 80vw;
        height: auto;
        font-size: 0;
        margin: 0;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .txt {
        margin: 2px 0 0 0;
        display: block;
        width: 80vw;
        height: auto;
        background: #765b91;
        color: #ffffff;
        font-weight: 500;
        font-size: 4vw;
        line-height: 8vw;
        text-align: center;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .cmt {
        transform: translateY(-65vw);
        padding: 20vw 0 0 0;
        text-align: center;
        height: auto;
        background: rgba(256, 256, 256, 0);
        font-weight: 300;
        font-size: 6vw;
        line-height: 35px;
        cursor: pointer;
        display: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .in_item .cmt b {
        font-weight: 700;
        font-size: 7vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .b_item {
        float: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item .a_item {
        float: none;
        margin-top: 5vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item2 {
        display: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item3 {
        display: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item4 {
        display: none;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .slide_box .slide_item5 {
        display: none;
    }

    #section035 .center_wrap .content_wrap .description {
        position: relative;
        padding: 0 0 5vw 0;
        margin: 0 0 0 3vw;
        background: transparent;
        font-weight: 400;
        color: #7f7f7f;
        font-size: 2vw;
        line-height: 3.5vw;
        letter-spacing: -0.1vw;
    }

    #section035 .left .video_ortho {
        width: 90%;
        height: 73vw;
        margin: 0 auto;
        margin-top: 15vw;
        transform: translateX(0);
        overflow: hidden;
    }

    #section035 .left .video_ortho > p {
        position: absolute;
        left: 0;
        top: 0;
    }

    #section035 .left .video_ortho > p > img {
        width: 100%;
    }

    #section035 .left .video_ortho > div {
        position: absolute;
        left: 0;
        z-index: 2;
        top: 162px;
    }

    #section035 .left .video_ortho > div > img {
        width: 100%;
    }

    #section035 .left .video_ortho #video_ortho {
        width: 474px;
        position: absolute;
        right: 50%;
        top: 42px;
        transform: scale(0.665) translateX(75.15%);
    }

    /* right */
    #section035 .center_wrap .content_wrap .slide_wrap .check_box {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        width: 70vw;
        height: 10vw;
        margin: 110vw 15vw 0 0;
        border-radius: 30px;
        overflow: hidden;
        background: white;
        box-shadow: 0 0 4px 0px #fff
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide {
        position: relative;
        z-index: 10;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item {
        width: 100%;
        height: 10vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item1 {
        background: transparent;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 {
        background: transparent;
        text-align: left;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 span {
        display: inline-block;
        margin: 0 0 0 -5vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_slide .slide_item2 span img {
        width: 100px;
        height: 10vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_text {
        position: relative;
        transform: translate(17vw, -11vw);
        color: #000000;
        font-size: 3.6vw;
        font-weight: 100;
        line-height: 10vw;
    }

    #section035 .center_wrap .content_wrap .slide_wrap .check_box .check_text span {
        font-size: 3.6vw;
        color: #492d5c;
        font-weight: 700;
    }


    #section035 .slick-prev.slick-arrow:before {
        display: inline-block;
        content: "";
        color: white;
        font-size: 5vw;
    }

    #section035 .slick-prev.slick-arrow {
        z-index: 100;
        margin: -20vw 0 0 0;
        background: rgba(67, 45, 84, 0.2);
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
        transform: translate(-0.6px, 0);
        padding: 0 0 0 0;
        background-image: url('/svg/button_left.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
    }

    #section035 .slick-prev.slick-arrow:hover {
        z-index: 100;
        margin: -20vw 0 0 0;
        background: rgba(256, 256, 256, 1);
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
        transform: translate(-0.6px, 0);
        padding: 0 0 0 0;
        background-image: url('/svg/button_color_left.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
        border: 0 solid #9933CC;
        box-shadow: 0 0 3 gray;
        transition: all 0.5s;
    }

    #section035 .slick-next.slick-arrow:before {
        display: inline-block;
        content: "";
        color: white;
        font-size: 5vw;
    }

    #section035 .slick-next.slick-arrow {
        z-index: 100;
        margin: -20vw -3px 0 0;
        background: rgba(67, 45, 84, 0.2);
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
        transform: translate(-0.6px, 0);
        padding: 0 0 0 0;
        background-image: url('/svg/button_right.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
    }

    #section035 .slick-next.slick-arrow:hover {
        z-index: 100;
        margin: -20vw -3px 0 0;
        background: rgba(256, 256, 256, 1);
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
        transform: translate(-0.6px, 0);
        padding: 0 0 0 0;
        background-image: url('/svg/button_color_right.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
        border: 0 solid #9933CC;
        box-shadow: 0 0 3 gray;
        transition: all 0.5s;
    }

    #section035 .slick-dots {
        background: transparent;
        text-align: left;
        padding: 0 0 0 0;
        display: none;
    }

    #section035 .slick-dots button:before {
        color: #0b4336;
        font-size: 12px;
        display: none;
    }


    /*SECTION-04*/
    #section04 {
        height: 100vh;
        background: url('/img/re/section04_bg.jpg') center;
        background-size: cover;
    }

    #section04 .center_wrap {
        width: 100vw;
        margin-top: 5vw;
    }

    #section04 .tit {
        text-align: center;
        background-position: center bottom !important;
    }

    #section04 .tit > h1 {
        font-size: 8vw
    }

    #section04 .center_wrap {
        width: 100vw;
        position: relative;
        margin-top: -5vw;
        margin-left: -5vw;
    }

    #section04 .intro_txt {
        text-align: center;
    }

    #section04 .intro_txt p {
        display: inline-block;
        text-align: center;
        margin: 8vw 0 0 0;
    }

    #section04 .intro_txt p span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 300;
        color: #000000;
        font-size: 5vw;
        line-height: 5vw;
    }

    #section04 .intro_txt p em {
        display: block;
        vertical-align: middle;
        font-weight: bold;
        color: #9434ff;
        font-size: 12vw;
        line-height: 12vw;
        padding: 1vw 0 3vw 0;
        margin: -3vw 0 0 0;
    }

    #section04 .intro_txt p b {
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        color: #000000;
        font-size: 5vw;
        padding: 0 0 0 0;
    }

    #section04 ul {
        display: block;
        overflow: hidden;
        font-size: 0;
        margin: 5vw 0 0 3.5vw;
    }

    #section04 ul > li {
        display: inline-block;
        width: 45vw;
        margin: 0 2.5vw 2.5vw 0;
    }

    #section04 ul > li:nth-child(2n) {
        margin-right: 0;
    }

    #section04 ul > li img {
        display: block;
        width: 45vw;
    }

    #section04 ul > li span {
        position: absolute;
        transform: translateY(-9vw);
        width: 45vw;
        display: block;
        color: #ffffff;
        font-weight: 600;
        font-size: 3vw;
        line-height: 4vw;
        text-align: center;
    }

    #section04 ul > li b {
        display: inline-block;
        color: #fff000;
        font-weight: 600;
        font-size: 3vw;
        line-height: 4vw;
    }

    #section04 .fun {
        margin: 5vw 0 0 0;
        text-align: center;
    }

    #section04 .fun button {
        display: none;
    }

    #section04 .fun a {
        display: inline-block;
    }

    #section04 .fun a img {
        width: 70vw;
    }


    /*SECTION-042*/
    #section042 {
        background: url('/img/section42/mobile_background.jpg') no-repeat center top;
        background-size: cover;
    }

    #section042 .center_wrap {
        width: 100vw !important;
    }

    #section042 .center_wrap .content_wrap {
        margin: 100px 0 0 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        flex-wrap: wrap;
    }

    #section042 .left {
        width: 100%;
        text-align: center;
    }

    #section042 .left .left_wrap .title {
        display: none;
    }

    /* 220809 이미지로 대체 */
    #section042 .left .title p {
        font-size: 10.37vw;
        line-height: 1.14em;
    }

    #section042 .left .left_wrap > p {
        display: none;
    }

    /* 220809 이미지로 대체 */
    #section042 .left .left_wrap > p:nth-of-type(1) {
        font-size: 3.82vw;
        margin-top: 4.35vw;
    }

    #section042 .left .left_wrap > p:nth-of-type(1) > span {
        font-size: 3.82vw;
        color: #432d54;
        font-weight: 700;
    }

    #section042 .left .left_wrap > p:nth-of-type(1):after {
        content: '';
        width: 0;
        height: 0;
        background: none;
    }

    #section042 .left .left_wrap > p:nth-of-type(2) {
        font-size: 4.76vw;
        color: #432d54;
        position: relative;
        margin-top: 8.8vw;
    }

    #section042 .left .left_wrap > p:nth-of-type(2) > span {
        font-size: 5.95vw;
        color: #432d54;
    }

    #section042 .left .left_wrap > p:nth-of-type(2):after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        display: inline-block;
        width: 68.7%;
        height: 2.69vw;
        background: linear-gradient(to right, rgba(67, 45, 84, 0), rgba(67, 45, 84, 0.12), rgba(67, 45, 84, 0));
    }

    #section042 .left .left_wrap > p:nth-of-type(3) {
        font-size: 3.77vw;
        color: #656565;
        font-weight: bold;
        line-height: 1.37em;
        margin-top: 3.8vw;
    }

    #section042 .left .left_wrap > p:nth-of-type(3) > span {
        font-size: 3.77vw;
        color: #432d54;
        font-weight: bold;
    }

    #section042 .left .left_wrap > .video_implant {
        width: 100%;
        transform: translateX(0);
        height: 114vw;
    }

    #section042 .left .left_wrap > .video_implant > p {
        left: 0;
    }

    #section042 .left .left_wrap > .video_implant > div {
        width: 17.5vw;
        left: 4.5vw;
        top: 37.5vw;
    }

    #section042 .left .left_wrap > .video_implant > div > img {
        width: 100%;
    }

    #section042 .left .left_wrap > .video_implant #video_implant {
        width: 71%;
        height: 152px;
        right: 50%;
        transform: translateX(50%);
        top: 24.3%;
    }

    #section042 .right {
        width: 100vw;
        position: relative;
        background: url('/img/section42/mobile_backgroundpurple.jpg') no-repeat center top;
        background-size: cover;
        margin-top: 0;
        padding-top: 5.83vw;
    }

    #section042 .right .right_wrap {
        max-width: 100vw;
        position: relative;
        z-index: 10;
    }

    #section042 .right .cases {
        width: 77.68vw;
        margin: 0 auto;
    }

    #section042 .right .cases > div > div {
        width: 100%;
        height: auto;
        margin-top: 3.6vw;
    }

    #section042 .right .cases img {
        width: 100%;
        height: 44.64vw;
    }

    #section042 .right .cases > div > div > p:nth-child(2) {
        width: 100%;
        background-color: rgba(57, 45, 84, 0.7);
        height: 6.3vw;
        color: #fff;
        line-height: 6.3vw;
        margin-top: 0;
        text-align: center;
    }

    #section042 .right .cases > div > div > p > span {
        font-size: 3.75vw;
        color: #fff;
        font-weight: 500;
    }

    #section042 .right .cases .case1 {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    #section042 .right .cases .case1 > p {
        width: 100%;
        text-align: right;
        font-size: 2.34vw;
        font-weight: 500;
        color: #fff;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 {
        position: relative;
        height: 44.64vw;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > img {
        position: absolute;
        left: 0;
        top: 0;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 {
        position: absolute;
        left: 50%;
        bottom: 1.4vw;
        width: 90%;
        height: 6.26vw;
        transform: translateX(-50%);
        background-color: #fff;
        display: flex;
        display: -webkit-flex;
        border-radius: 30px;
        background-color: #fff;
        box-shadow: 0 0 4px 1px #fff;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .silde_wrap1 .slide_box {
        position: relative;
        z-index: 100;;
        display: block;
        width: 100%;
        height: 100%;
        background: transparent;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .first {
        background-color: transparent;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .last > span {
        display: inline-block;
        width: 20%;
        height: 100%;
        border-radius: 30px;
        margin-left: -4vw;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_box .last > span > img {
        width: 100%;
        height: 6.26vw;
        background-color: transparent;
        border-radius: 30px;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_txt {
        width: 80%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 6.26vw;
        color: #000;
        font-size: 3.8vw;
        font-weight: 100;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after1 > .slide_wrap1 .slide_txt > span {
        font-size: 3.8vw;
        color: #492d5c;
        font-weight: 700;
    }


    #section042 .right .cases .case2 {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        margin-top: 11.48vw;
    }

    #section042 .right .cases .case2 > p {
        width: 100%;
        text-align: right;
        font-size: 2.34vw;
        font-weight: 500;
        color: #fff;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 {
        position: relative;
        height: 44.64vw;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > img {
        position: absolute;
        left: 0;
        top: 0;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 {
        position: absolute;
        left: 50%;
        bottom: 1.4vw;
        width: 90%;
        height: 6.26vw;
        transform: translateX(-50%);
        background-color: #fff;
        display: flex;
        display: -webkit-flex;
        border-radius: 30px;
        background-color: #fff;
        box-shadow: 0 0 4px 1px #fff;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .silde_wrap2 .slide_box {
        width: 100%;
        height: 100%;
        border-radius: 30px;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .first {
        background-color: transparent;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .last > span {
        display: inline-block;
        width: 20%;
        height: 100%;
        border-radius: 30px;
        margin-left: -4vw;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_box .last > span > img {
        width: 100%;
        height: 6.26vw;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_txt {
        width: 80%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 6.26vw;
        color: #000;
        font-size: 3.8vw;
        font-weight: 100;
    }

    #section042 .right .cases > div > div:nth-of-type(2) > .after2 > .slide_wrap2 .slide_txt > span {
        font-size: 3.8vw;
        color: #492d5c;
        font-weight: 700;
    }

    #section042 .right .right_wrap > ul {
        width: 91.1vw;
        margin: 9.63vw auto;
    }

    #section042 .right .right_wrap > ul > li {
        font-size: 1.96vw;
        color: #fff;
        line-height: 1.4em;
        font-weight: 300;
    }


    /*SECTION-045*/
    #section045 {
        padding: 4em 10% 2.8em 10%;
        background: #ffefef url('/img/m-section04_bg.jpg') no-repeat;
        background-position: 0 95%;
        background-size: 100% auto
    }

    #section045 .center_wrap {
        margin-top: 3vw;
    }

    #section045 .tit {
        margin-bottom: 1.4em;
        text-align: center
    }

    #section045 .video_wrap {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56%
    }

    #section045 .video_wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #section045 .intro_txt {
        font-size: 1em;
        text-align: center
    }

    #section045 .intro_txt > img {
        display: none
    }

    #section045 .intro_txt > h2 {
        font-size: 1.2em
    }

    #section045 .intro_txt > var {
        font-size: 1.1em
    }

    #section045 .intro_txt > h3 {
        font-size: 1.6em
    }

    #section045 ul {
        position: relative
    }

    #section045 ul > li {
        margin: 0
    }

    #section045 ul > li > img {
        width: 100%
    }

    #section045 ul > li > h2 {
        margin: 1em 0;
        font-size: .8em
    }

    #section045 ul > li > h3 {
        font-size: .7em
    }

    #section045 ul > li:nth-child(1) {
        width: 48%
    }

    #section045 ul > li:nth-child(2) {
        width: 100%;
        margin-top: 1.9em
    }

    #section045 ul > li:nth-child(3) {
        position: absolute;
        right: 0;
        top: 0;
        width: 48%
    }

    #section045.active .intro_txt > h3:before {
        left: 0;
        width: 100%;
        transition: .5s 1s
    }

    #section045.active .intro_txt > h3 > span {
        opacity: 1;
        transition: .5s .5s
    }

    #section045.active .intro_txt > h3 > em:first-child {
        left: -17px;
        transition: .5s .5s
    }

    #section045.active .intro_txt > h3 > em:last-child {
        right: -17px;
        transition: .5s .5s
    }

    #section05 .center_wrap {
        margin-top: 2vw;
    }

    #section05 .tit {
        text-align: center
    }

    #section05 .intro_txt {
        width: 100%;
        margin: 1.4em 0
    }

    #section05 .intro_txt > h2 > span {
        padding: .3em 0;
        font-size: 1.3em
    }

    #section05 .intro_txt > h2 > em {
        top: 0;
        height: 100%;
        margin-top: 0
    }

    #section05 .intro_txt > h3 {
        font-size: .9em
    }

    #section05 .intro_txt > h3 > b {
        font-size: 1.4em
    }

    #section05 .intro_txt > h4 {
        margin: 1.2em 0 1.1em;
        font-size: 1.45em
    }

    #section05 .intro_txt > h4 > var:after {
        transform: scale(.6)
    }

    #section05.active .intro_txt > h2 > span {
        opacity: 1;
        transition: .5s .5s
    }

    #section05.active .intro_txt > h2 > em:first-child {
        left: 0;
        transition: .5s .5s
    }

    #section05.active .intro_txt > h2 > em:last-child {
        right: 0;
        transition: .5s .5s
    }

    #section05.active .intro_txt > h4 > var:nth-child(1) {
        top: 0;
        opacity: 1;
        transition: .5s .9s
    }

    #section05.active .intro_txt > h4 > var:nth-child(2) {
        top: 0;
        opacity: 1;
        transition: .5s 1.1s
    }

    #section05.active .intro_txt > h4 > var:nth-child(3) {
        top: 0;
        opacity: 1;
        transition: .5s 1.3s
    }

    #section06 .center_wrap {
        margin-top: 5vw;
    }

    #section06 .m_show {
        width: 100%
    }

    #section06 .tit {
        margin: 1.8em 0 1.9em -5%
    }

    #section06 .intro_txt > h2 {
        padding: 0
    }

    #section06 .intro_txt > h2 > span {
        font-size: 1.3em
    }

    #section06 .intro_txt > h3 {
        line-height: 1.5em;
        font-size: .9em
    }

    #section06 .intro_txt > h3 > b {
        display: inline-block;
        margin-top: 1em;
        font-size: 1.4em
    }

    #section06 .intro_txt > h3 > b:after {
        top: -.3em
    }

    #section06.active .intro_txt > h2 > em:first-child {
        left: -15%
    }

    #section06.active .intro_txt > h2 > em:last-child {
        right: -15%
    }

    /*SECTION-07*/
    #section07 .center_wrap {
        margin-top: 5vw;
    }

    #section07 .intro_txt > img {
        width: 100%
    }

    #section07 .intro_txt > h2 {
        font-size: 1.3em
    }

    #section07 .intro_txt > h3 {
        height: 15em;
        line-height: 1.6em;
        font-size: .9em
    }

    #section07 .intro_txt > h3 > em {
        line-height: 2.3em;
        font-size: .9em
    }

    #section07 .intro_txt > h3 > em.t1 {
        line-height: 2.7em
    }

    #section07 .intro_txt > h3 > b {
        line-height: 2.3em;
        font-size: .9em
    }

    #section07.active .intro_txt > h3 > em {
        font-size: 1.25em
    }

    #section07.active .intro_txt > h3 > b {
        font-size: 1.25em
    }

    #section07.active .intro_txt > h3 > b:after {
        top: .3px
    }

    /*SECTION-08*/
    #section08 {
        padding: 4em 5% 3.1em 5%
    }

    #section08 .center_wrap {
        margin-top: 5vw;
    }

    #section08 .tit {
        margin-bottom: 2em
    }

    #section08 .slide_top {
        position: relative;
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 35% 0
    }

    #section08 .gallery-top {
        position: absolute;
        top: 0;
        left: 5%;
        width: 90%;
        height: 100%
    }

    #section08 .gallery-thumbs {
        float: none;
        width: 90%;
        height: auto;
        margin-top: 1em
    }

    #section08 .gallery-thumbs .swiper-slide {
        position: relative;
        width: 32%;
        height: 100%
    }

    #section08 .gallery-thumbs .swiper-slide:after {
        display: block;
        width: 100%;
        padding-top: 70%;
        content: ''
    }

    #section08 .swiper-button-next, #section08 .swiper-button-prev {
        transform: scale(.8)
    }

    /*SECTION-09*/
    #section09 {
        background: none
    }

    #section09 .center_wrap {
        margin-top: 0;
    }

    #section09 .center_wrap > .tit {
        display: none
    }

    #section09 ul {
        margin-top: 0
    }

    #section09 ul > li {
        display: block;
        width: auto;
        padding: 4em 5% 3.1em 5%;
    }

    #section09 ul > li > .tit {
        margin-bottom: 3.9em
    }

    #section09 ul > li > .tit > h2 {
        background-size: contain !important
    }

    #section09 ul > li + li > .tit {
        margin-bottom: 2em
    }

    #section09 ul > li > var {
        font-size: 1.2em
    }

    #section09 ul > li + li > .tit > h2 {
        font-family: 'Abril Fatface', cursive
    }

    #section09 ul > li + li > em {
        display: none
    }

    #section09 ul > li + li > var {
        display: none
    }

    #section09 ul > li:first-child {
        width: auto;
        padding: 3.3em 5% 2.6em 5%;
        background: url('/img/section09_bg.jpg') center;
        background-size: cover
    }

    #section09 ul > li > .time {
        width: 90%;
        margin: 0 auto;
        padding: 1.35em 0 1.35em 0
    }

    #section09 ul > li > .time > h2 {
        width: 14.5em;
        padding: .5em 0;
        font-size: 1em
    }

    #section09 ul > li > .time > h3 {
        font-size: 1em
    }

    #section09 ul > li > .time > h2 > span {
        font-size: 1em;
        color: #ffa200;
        font-weight: 400;
    }

    #section09 ul > li > .time2 {
        margin-top: .7em;
        background: #e8e4ec
    }

    #section09 ul > li > .time2 > h2 {
        color: #5e5e5e
    }

    #section09 ul > li > .time2 > h2 > em {
        background: #5e5e5e
    }

    #section09 ul > li > .subject > span {
        transform: scale(.8)
    }

    #section09 ul > li > .subject > span > em {
        font-size: 1em
    }

    #section09 ul > li > .subject > span.s1 > em {
        margin-top: -3.5em
    }

    #section09 ul > li > .subject > span.s2 > em {
        margin-top: -3.5em
    }

    #section09 ul > li > .subject > span.s5 > em {
        margin-top: -3.5em
    }

    /*SECTION-10*/
    #section10 .center_wrap {
        width: 80%;
        padding: 4em 10% 0em 10%;
        margin-top: 5vw;;
    }

    #section10 ul {
        padding: 0;
        margin-top: 2.3em
    }

    #section10 ul > li {
        display: block;
        padding-right: 0;
        text-align: center
    }

    #section10 ul > li:first-child {
        margin-bottom: 2.4em
    }

    #section10 ul > li > h2 {
        margin-bottom: .6em;
        font-size: 1.25em
    }

    #section10 ul > li + li > h2 {
        margin-bottom: 1.6em
    }

    #section10 ul > li > h2 > img {
        width: 1.3em
    }

    #section10 ul > li > h3 {
        font-size: .85em
    }

    #section10 ul > li > h3 > em {
        display: none
    }

    #section10 ul > li + li > .katalk {
        width: 86%;
        max-width: 362px;
        margin: 0 auto
    }

    #section10 ul > li + li > .katalk > img {
        width: 100%
    }

    #section10 .map {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 60%
    }

    #section10 .map > iframe {
        position: absolute;
        top: 0;
        left: 0
    }

    #section10 .footer_wrap {
        margin-top: 0;
        position: relative;
        background: red;
    }

    #section10 #footer {
        width: 100%;
        padding: 10vw 0 10vw 0;
        margin-bottom: 0;
        text-align: center;
        background: #ececec
    }

    #section10 #footer > h2 {
        margin: 7px 0 15px;
        font-size: 13px;
        color: rgba(0, 0, 0, .6)
    }

    #section10 #footer > h2 > var {
        display: none
    }

    #section10 #footer > h2 > a {
        font-size: 1em;
        color: rgba(0, 0, 0, .6)
    }

    #section10 #footer > h2 > a:hover {
        color: rgba(0, 0, 0, 1)
    }

    #section10 #footer > h3 {
        font-size: 13px;
        color: rgba(0, 0, 0, .3)
    }

    #section10 #footer .popup_number_table {
        margin: 2vw 0 0 0;
    }


    /*FOOTER*/
    .ie_ver .tit {
        background-size: contain !important
    }

    .ie_ver #section03 .tit {
        background: url('/img/re/tit_sect03_m.png') no-repeat center
    }

    .ie_ver #section03 .tit {
        background: url('/img/re/tit_sect03_m.png') no-repeat center
    }

    .ie_ver #section04 .tit {
        background: url('/img/tit_sect04_m.png') no-repeat center
    }

    .ie_ver #section05 .tit {
        background: url('/img/tit_sect05_m.png') no-repeat center
    }

    .ie_ver #section09 ul > li + li > .tit {
        background: url('/img/tit_time.png') no-repeat center
    }

}

@media screen and (max-width: 600px) {
    .doctor_view .slick-next,
    .doctor_view .slick-prev {
        top: 40%;
    }
}


@media screen and (max-width: 900px) {
    .lineblock {
        display: block
    }

    /*SECTION-01*/
    #section01 .tit > p > img {
        max-width: 450px;
        width: 80%
    }

    #section01 .tit > h1 {
        line-height: 1.2
    }

    #section01 .tit > h2 > b {
        display: block
    }

    #section01 .building {
        top: -60%;
        width: 73%
    }

    .section01_list {
        max-width: 600px;
        margin: 2.9em -1% 0
    }

    .section01_list li {
        width: 48%;
        margin: 1%
    }

    .section01_list li.list4 {
        clear: none
    }

    .section01_list > li h1 {
        font-size: .8em
    }

    /*SECTION-03*/
    .doctor_profile_box ul {
        float: none;
        width: 100%
    }

    .doctor_profile_box ul + ul {
        padding: 0;
        border: 0
    }

}

@media screen and (max-width: 680px) {

    /*SECTION-03*/
    .doctor_list {
        display: none;
        width: 74%;
        padding-top: 74%;
        margin: 23% auto 25%
    }

    /*SECTION-07*/
    #section07 {
        padding: 4em 3% 2.2em 3%
    }

    /*SECTION-08*/
    #section08 {
        padding: 4em 3% 3.1em 3%
    }

    /*SECTION-09*/
    #section09 ul > li > .subject {
        width: 70%
    }

    #section09 ul > li > .subject > img {
        width: 100%
    }

    /*SECTION-10*/
    #section10 .center_wrap {
        width: 90%;
        padding: 4em 5% 0em 5%
    }

}

@media screen
and (device-width: 414px) {

    #section01 .slide3 .slide_visual img {
        width: 53.2vw;
        /* transform: translate(-50%, 15vw); */
    }
}

@media screen
and (device-width: 375px) {

    #section01 .slide3 .slide_visual img {
        width: 53.2vw;
        /* transform: translate(-50%, 15vw); */
    }
}

@media screen and (min-width: 1200px) and (max-height: 1080px) {
    #counsel {
        height: 100px
    }

    #counsel .center_wrap {
        padding-top: 9px
    }

    #section02 .center_wrap {
        transform: scale(.9)
    }

    #section04 .center_wrap {
        transform: scale(.9)
    }

    #section05 .center_wrap {
        transform: scale(.9)
    }

    #section06 .center_wrap {
        transform: scale(.9)
    }

    #section07 .center_wrap {
        transform: scale(.9)
    }

    #section08 .center_wrap {
        transform: scale(.9)
    }

    #section09 .center_wrap {
        transform: scale(.9)
    }

    #section10 .center_wrap {
        transform: scale(.9)
    }
}

/*250805_추가_JY*/
#section01 .fp-tableCell {
    position: relative;
    height: 100% !important;
}

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

.hidden-link {
    display: block;
    width: 36.45%;
    height: 13.7%;
    top: 64.3%;
    left: 14.7%;
    position: absolute;
    z-index: 300;
}

.wrapper-n {
    width: 100%;
    height: 100%;
    position: relative;
}

.bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    display: block;
}

.bg-img-m {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    display: none;
}

@media screen and (max-width: 1400px) {
    .hidden-link {
        top: 62.3%;
        width: 43.45%;
        left: 9.7%;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-link {
        top: 10.6%;
        width: 80%;
        left: 9.7%;
        height: 18.7%;
    }

    .bg-img {
        display: none;
    }

    .bg-img-m {
        display: block;
    }

    #section01 .fp-tableCell {
        height: 100vh !important;
    }

    /*250808_css강제지정_JY*/
    /* #section01 .slide1 .slide_wrap{
        margin: 8.5vw 0 0 0 !important;
    }
    #section01 .slide1 .slide_wrap .center_wrap .slide_title b{
        font-size: 7vw !important;
    }
    #section01 .slide1 .slide_wrap .center_wrap .slide_title span{
        font-size: 5vw !important;
    }
    #section01 .slide1 .slide_wrap .center_wrap .slide_summary,
    #section01 .slide1 .slide_wrap .center_wrap .slide_summary b{
        font-size: 3vw !important;
    } */
}

@media screen and (max-width: 1000px) {
    .hidden-link {
        top: 17.3%;
    }
}

@media screen and (max-width: 700px) {
    .hidden-link {
        top: 25%;
    }
}