@charset "utf-8";

/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* contents */
.wr {
    max-width: 1400px;
    margin: 0 auto;
}


/* css setting end */



/****************************************** header ******************************************/
.sec-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 120px;
    text-align: left;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    overflow: hidden;
}

/* mouseover */
.sec-header.on {
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}

.sec-header.on .logo {
    background-image: url(../../images/logo-b.png);
}

.sec-header.on .nav:after {
    display: none;
}

.sec-header.on .nav > li > h2 a {
    color: #333;
}

.sec-header .logo {
    display: block;
    width: 238px;
    height: 63px;
    background: url(../../images/logo-w.png) no-repeat 50%;
    position: absolute;
    left: 20px;
    top: 28.5px;
    background-size: 100%;
}

.sec-header:after {
    opacity: 0;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -o-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
}

.sec-header:before {
    content: '';
    width: 100%;
    height: 120px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -o-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
}

.sec-header.active:after {
    content: '';
    width: 320px;
    height: 168px;
    background: url(../../images/nav-bg.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 12%;
    z-index: -2;
    opacity: 1;
}

.sec-header.active:before {
    opacity: 1;
}

.sec-header.active .nav {border-bottom: 1px solid #eee; position: relative;}
.sec-header.active .nav::after {position: absolute; bottom: 0; left: -50%; background: #eee; width: 100%; height: 1px; content: '';}

/* menu */
.nav {
    display: inline-block;
    padding-left:320px;
}


.nav h2 {
    cursor: pointer;
    font-weight: 400;
}

.nav h3 {
}

.nav > li {
    float: left;
}

.nav > li h2 {
    color: #fff;
    font-size: 18px;
    padding: 0 25px;
}

.nav > li h2 a {
    line-height: 120px;
    color: #fff;
}

.nav > li h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.nav > li > a {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    color: #000;
    font-size: 18px;
    font-weight: 300;
}

.nav > li > ul {
    height: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 120px;
    text-align: center;
}

.nav > li > ul > li {
    float: left;
    text-align: left;
    padding: 0 35px 0 0;
    opacity: 0;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -o-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
}

.nav > li > ul > li > h3 {
    margin: 0 0 20px;
}

.nav > li > ul > li > a {
    display: block;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    color: #666;
}

.nav > li > ul > li > a:hover {
    color: #910000;
}

.nav > li.open h2 {
    position: relative;
}

.nav > li.open h2:after {
    content: '';
    width: 28px;
    height: 2px;
    background: #910000;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -14px;
}

/*.nav > li.open .depth-1 {
    height: 108px;
}

.nav > li.open .depth-2 {
    height: 108px;
}

.nav > li.open .depth-3 {
    height: 108px;
}

.nav > li.open .depth-4 {
    height: 108px;
}

.nav > li.open .depth-5 {
    height: 108px;
}*/

.nav > li.open ul {
    padding: 30px;
    border-top: 1px solid #eee;
}

.nav > li.open ul > li {
    opacity: 1;
}

/* sitemap */
.btn-category {
    position: absolute;
    top: 46px;
    right: 50px;
    width: 40px;
    height: 24px;
    cursor: pointer
}

.btn-category .bar {
    position: absolute;
    left: 0;
    width: 100%;
    width: 100%;
    height: 2px;
    border: 0;
    background: #fff;
    transition: opacity 0.3s, top 0.3s, transform 0.5s;
    transition-delay: 0.3s, 0.3s, 0s
}

.on .btn-category .bar {
    background: #000;
}

.btn-category .bar:nth-child(1) {
    top: 0;
    transform: rotate(0)
}

.btn-category .bar:nth-child(2) {
    top: 11px;
    opacity: 1
}

.btn-category .bar:nth-child(3) {
    top: 22px;
    transform: rotate(0)
}

.btn-category.map {
    right: 67px;
}

.btn-category.map .bar {
    background: #000;
    transition: background 1s, opacity 0.3s, top 0.3s, transform 0.5s;
    transition-delay: 0s, 0s, 0s, 0.3s;
}

.btn-category.map .bar:nth-child(1) {
    top: 11px;
    background: #000;
    transform: rotate(-45deg)
}

.btn-category.map .bar:nth-child(2) {
    opacity: 0
}

.btn-category.map .bar:nth-child(3) {
    top: 11px;
    background: #000;
    transform: rotate(45deg)
}

#sitemap {
    position: fixed;
    top: 120px;
    right: -100%;
    width: 100%;
    height: calc(100% - 120px);
    background: #fff;
    padding: 50px 20px;
    z-index: 10;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    overflow: hidden;
    overflow-y: auto;
}

#sitemap > ul {
    max-width: 1280px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 100px;
    display: flex; flex-wrap: wrap;
}

#sitemap > ul > li {
    float: left;
    width: 20%;
    padding: 0 10px;
}

#sitemap > ul > li h2 {
    font-size: 24px;
    color: #333;
}

#sitemap > ul > li h3 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 0 0 10px
}

#sitemap > ul > li > ul > li {
    margin: 30px 0;
}

#sitemap > ul > li > ul > li > a {
    color: #999;
    font-size: 16px;
    padding: 7px 0;
    display: block;
}

#sitemap > ul > li h3 > a:hover {
    color: #910000;
}

#sitemap > ul > li > ul > li > a:hover {
    color: #910000;
}

#sitemap.open {
    right: 0;
}

.sec-header.stm-hd {
    background: #fff
}

.sec-header.stm-hd .logo {
    background-image: url(../../images/logo-b.png);
}

.sec-header.stm-hd .nav {
    display: none;
}

.sec-header.stm-hd .lang {
    display: none;
}

.scr {
    overflow-y: hidden;
}

.lang {
    position: absolute;
    top: 46px;
    right: 120px;
}

.lang a {
    margin: 0 10px;
    display: inline-block;
    position: relative;
    opacity: .5;
    text-align: center;
}

.lang a img {}

.lang a.active {
    opacity: 1;
}

.sec-header.on .lang a {
    color: #333;
}

.sec-header.on .lang a.active:before {
    background: #333;
}

/* quick */
.quick-menu {
    position: fixed;
    right: 0;
    top: 20%;
    width: 95px;
    transition: all ease .6s;
    z-index: 9999;
    background-color: #2e2e30;
    /*opacity: 0;*/
    /*visibility: hidden;*/
}

.quick-menu.on {
    opacity: 1;
    visibility: visible;
}

.quick-menu a {
    cursor: pointer;
    padding: 45px 0 10px 0;
    font-size: 13px;
    text-align: center;
    color: #b8b8b8;
    line-height: 1.2;
    font-weight: 500;
    display: block;

}

.quick-menu a.naver-login {
    background-image: url(../../images/quick-naver.png);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: center top 15px;
}

.quick-menu .quick_depth {
    overflow: hidden;
    background-color: #404040;
    width: 100%;
}

.quick-menu .quick_depth a {
    padding: 60px 0 10px 0;
    border-bottom: 1px solid #2e2e30;
    background-repeat: no-repeat;
}

.quick-menu .quick_depth a:first-child {
    background-image: url(../../images/quick01.png);
    background-position: center top 12px;
    background-size: 40px;
}

.quick-menu .quick_depth a:nth-child(2) {
    background-image: url(../../images/quick02.png);
    background-position: center top 10px;
    background-size: 35px;
}

.quick-menu .quick_depth a:nth-child(3) {
    background-image: url(../../images/quick03.png);
    background-position: center top 10px;
    background-size: 40px;
}

.quick-menu .quick_depth a:nth-child(4) {
    background-image: url(../../images/quick04.png);
    background-position: center top 10px;
    background-size: 40px;
}

#top_btn {
    padding: 10px 0;
}

/****************************************** main ******************************************/
#main .cont-wr {
    padding: 60px 0 40px;
    overflow: hidden;
}

#main .main-tit {
    font-size: 65px;
    color: #333;
    font-weight: 100;
    text-align: center;
    margin: 0 0 60px;
    line-height: 1.5; letter-spacing: -1.5px;
}

#main .sub-tit_p {
    font-size: 18px;
    font-weight: 200;
    color: #444;
}

#main .sub-tit_b {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #444;
}


#main .view-btn {
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    margin: 20px 0;
    text-align: center;
}

#main .view-btn02 {
    display: inline-block;
    padding: 12px 30px;
    background-color: #fff;
    color: #0f0f0f;
    margin: 10px 0;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #0f0f0f;
}

/* main-visual */
#main .main-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    z-index: 0;
    position: relative;
}

#main .main-bg-1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    display: block;
    background-image: url(../../images/main_visual01_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#main .main-bg-2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    display: block;
    background-image: url(../../images/main_visual02_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#main .main-bg-3 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    display: block;
    background-image: url(../../images/main_visual03_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#main .main-slide .slick-slide .m-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: transform 3s ease-out, opacity 1s ease 0.3s;
    transition: transform 3s ease-out, opacity 1s ease 0.3s;
}

#main .slide-active.main-bg-1.slick-slide.slick-current.slick-active.active .m-bg {
    opacity: 1;
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#main .slide-active.main-bg-2.slick-slide.slick-current.slick-active.active .m-bg {
    opacity: 1;
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#main .slide-active.slick-slide.slick-current.slick-active.active .cont {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
}

#main .main-slide {
    width: 100%;
    overflow: hidden;
}

#main .main-slide .slick-dots {
    bottom: 50px;
    z-index: 4;
    display: none;
}

#main .main-slide .slick-dots li {
    display: inline-block;
    width: 255px;
    height: 4px;
    margin: 0 5px;
    border-radius: 0;
    border: 0;
}

#main .main-slide .slick-dots li button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

#main .main-slide .slick-dots li button:before {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #fff;
}

@keyframes scale {
    0% {
        background-size: 100%;
        transition: background-size 2s ease-in;
        -moz-transition: background-size 2s ease-in;
        -web-kit-transition: background-size 2s ease-in
    }

    100% {
        background-size: 120%;
        transition: background-size 2s ease-in;
        -moz-transition: background-size 2s ease-in;
        -web-kit-transition: background-size 2s ease-in
    }
}

#main .main-visual {
    position: relative;
    height: 100vh;
}

#main .main-visual .slide-text {
    position: absolute;
    left: 13%;
    top: 45%;
    transform: translateY(-50%);
    z-index: 2;
}

#main .main-visual .slide-text h2 {
    text-align: left;
    color: #fff;
    margin: 0 0 30px 0;
}
#main .main-visual .slide-text .deco_text {margin-bottom:20px;}
#main .main-visual .slide-text .deco_text span {font-size: 16px; text-transform: uppercase; color: #fff; border-top:1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; letter-spacing: 7px;}

#main .main-visual .slide-text h2 strong {
    color: #fff;
}
#main .main-visual .main-bg-3 .slide-text h2 {font-weight: 400; line-height: 1.3;}
#main .main-visual .main-bg-3 .slide-text h2 strong {color:#1b1b78; font-weight: 700; position: relative;}
#main .main-visual .main-bg-3 .slide-text h2 strong::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #1b1b78; content: '';}

#main .main-visual .main-bg-1 .slide-text h2 {font-weight: 400; line-height: 1.3;}
#main .main-visual .main-bg-1 .slide-text h2 strong {color:#c2d2e5; font-weight: 700; position: relative;}
#main .main-visual .main-bg-1 .slide-text h2 strong::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #c2d2e5; content: '';}

#main .main-visual .main-bg-2 .slide-text h2 {font-weight: 400; line-height: 1.3;}
#main .main-visual .main-bg-2 .slide-text h2 strong {color:#f3e2d9; font-weight: 700; position: relative;}
#main .main-visual .main-bg-2 .slide-text h2 strong::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f3e2d9; content: '';}

#main .main-visual .slide-text p {
    color: #fff;
    font-size: 19px;
    line-height: 1.6;
    letter-spacing: -0.05em;
}
#main .main-visual .slide-text p span {font-size: 14px;}

#main .main-visual .slide-text a {
    color: #fff;
    display: inline-block;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    font-size: 19px; padding: 15px 40px; border: 1px solid #fff; margin-top: 30px;
}

#main .main-visual .slide-text a:hover {background: #fff; color: #222;}

#main .visual-notice {
    width: 100%;
    right: 0;
    position: absolute;
    bottom: 0;
}

/* cont 01 */
#main .cont-01 {
    padding: 120px 0;
}

#main .cont-01 .wr {
    max-width: none;
    width: 100%;
}

#main .cont-01 .tit-wrap {
    padding: 120px 0 160px 260px;
    width: 40%;
    float: left;
    background-image: url(../../images/cont-01-bg.png);
    background-repeat: no-repeat;
    background-position: right -40px bottom 20px;
    background-size: 320px;
}

#main .cont-01 .tit-wrap .main-tit {
    text-align: left;
    margin: 40px 0;
}

#main .cont-01 .tit-wrap .main-tit strong {
    display: block;
}

#main .cont-01 .tit-wrap p {
    font-size: 18px;
    font-weight: 200;
    color: #444;
}

#main .cont-01 .tit-wrap b {
    font-size: 18px;
    font-weight: 700;
    color: #444;
}

#main .cont-01 .cont-01-slider {
    width: 60%;
    float: left;
}

#main .cont-01 .cont-01-slider .slick-track{
    margin-left:-130px;
}

#main .cont-01 .cont-01-slider .slick-prev {
    background-image: url(../../images/prev-g.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    top: 520px;
    left: -500px;
    width: 50px;
    height: 50px;
    border: 1px solid #dfdfdf;
}

#main .cont-01 .cont-01-slider .slick-next {
    background-image: url(../../images/next-g.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    top: 520px;
    left: -450px;
    margin-left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #dfdfdf;
}

#main .cont-01 .cont-01-slider li img {
    width:98%;
}

#main .cont-01 .cont-01-slider li .sc-text {
    padding: 20px 0 40px 0;
}

#main .cont-01 .cont-01-slider li .sc-text p {
    font-size: 18px;
    font-weight: 200;
    color: #444;
}

#main .cont-01 .cont-01-slider li .sc-text p.sc-tit {
    font-size: 28px;
    font-weight: 500;
    color: #000;
}

#main .cont-01 .cont-01-slider .slick-dots {
    width:80%;
    z-index: 2;
    bottom: -40px;
    left: 0;
    transform: translateX(0);
}

#main .cont-01 .cont-01-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20%;
    height: 7px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
    background: #e5e5e5;
    cursor: pointer;
    border: 0;
}

#main .cont-01 .cont-01-slider .slick-dots li button {
    z-index: 2;
    bottom: 0;
}

#main .cont-01 .cont-01-slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    content: '';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .cont-01 .cont-01-slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    content: '';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .cont-01 .cont-01-slider .slick-dots li.slick-active button:before {
    background: #910000;
}



/* cont 02 */
#main .cont-02 {
    background-image: url(../../images/cont-02-bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding-top: 120px;
}

#main .cont-02 .wr {
    max-width: 1900px;
    margin: 0 auto;
}

#main .cont-02 .main-tit {
    margin-bottom: 15px;
}

#main .cont-02 .wr > p {
    text-align: center;
}

#main .cont-02 .wr > b {
    text-align: center;
    margin-bottom: 100px;
}

#main .cont-02_picBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 100px;
}

#main .cont-02_picBox ul {
    width: 100%;
    overflow: hidden;
}

#main .cont-02_picBox ul li {
    position: relative;
    width: 25%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#main .cont-02_picBox ul li:before {
    display: block;
    position: absolute;
    z-index: -;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    content: '';
}

#main .cont-02_picBox ul li:nth-child(1) {
    background-image: url(../../images/cont-02-pic01.jpg);
}

#main .cont-02_picBox ul li:nth-child(2) {
    background-image: url(../../images/cont-02-pic02.jpg);
}

#main .cont-02_picBox ul li:nth-child(3) {
    background-image: url(../../images/cont-02-pic03.jpg);
}

#main .cont-02_picBox ul li:nth-child(4) {
    background-image: url(../../images/cont-02-pic04.jpg);
}

#main .cont-02_picBox .pic {
    padding: 20px;
    height: 345px;
}

#main .cont-02_picBox .pic h4 {
    position: relative;
    margin: 160px 0 20px 0;
    font-size: 40px;
    color: #fff;
    text-align: center;
}

#main .cont-02_picBox .pic h4:before {
    display: block;
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s;
    content: '';
}

#main .cont-02_picBox .pic01 h4:before {
    background-image: url(../../images/cont-02-icon01.png)
}

#main .cont-02_picBox .pic02 h4:before {
    background-image: url(../../images/cont-02-icon02.png)
}

#main .cont-02_picBox .pic03 h4:before {
    background-image: url(../../images/cont-02-icon03.png)
}

#main .cont-02_picBox .pic04 h4:before {
    background-image: url(../../images/cont-02-icon04.png)
}

#main .cont-02_picBox .pic h4:after {
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 1px;
    background-color: #ddd;
    content: '';
}

#main .cont-02_picBox .pic p {
    position: relative;
    font-size: 16px;
    color: #adadad;
    text-align: center;
    transition: .2s;
}

#main .cont-02_picBox li:hover p {
    color: #fff;
}

#main .cont-02_picBox li:hover h4:before {
    transform: scale(1.2);
}



/* cont 03 */
#main .cont-03 {
    background-image: url(../../images/cont-03-bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    padding-bottom: 80px;
}

#main .cont-03 .main-tit {
    color: #fff;
    line-height: 1.5;
}

#main .cont-03 .main-tit strong {
    display: block;
    position: relative;
}

#main .cont-03 .wr > .main-tit strong:after {
    display: block;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background-color: #ddd;
    content: '';
}

#main .cont-03 .wr > p {
    text-align: center;
    color: #fff;
}

#main .cont-03 .special-clinic {
    margin-top: 50px;
    padding: 20px 80px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

#main .cont-03 .special-clinic .sc-bg-tit {
    font-size: 54px;
    color: #e8e8e8;
}

#main .cont-03 .special-clinic .sc-tit {
    text-align: left;
    color: #000;
    line-height: 1.2;
}

#main .cont-03 .special-clinic .sc-tit strong {
    text-align: left;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
}

#main .cont-03 .special-clinic .sc-tit,
#main .cont-03 .special-clinic .sc-tit strong {
    width: 60%;
}

#main .cont-03 .sc-slide-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-top: -120px;
}

#main .cont-03 .sc-slide-wrap .sc-slider {
    float: left;
    width: 50%;
}

#main .cont-03 .sc-slide-wrap .sc-slider .slick-prev {
    background-image: url(../../images/prev-g.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    z-index: 5;
    width: 40px;
    height: 40px;
    top: auto;
    left: 40px;
    bottom: 0;
}

#main .cont-03 .sc-slide-wrap .sc-slider .slick-next {
    background-image: url(../../images/next-g.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    z-index: 5;
    margin-left: 0;
    top: auto;
    bottom: 0;
    right: 40px;
    width: 40px;
    height: 40px;
}

#main .cont-03 .sc-slide-wrap .sc-slider > li {
    width: 100%;
}

#main .cont-03 .sc-slide-wrap .sc-slider li h4 {
    text-align: right;
    font-size: 140px;
    color: #e8e8e8;
    line-height: 1;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div {
    position: relative;
    padding: 60px;
    margin-top: -20px;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    border: 12px solid #910000;
    border-right: 0;
    border-bottom: 0;
    content: '';
    box-sizing: border-box;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div strong {
    position: relative;
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    color: #daba90;
    margin-bottom: 30px;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div strong:after {
    display: block;
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background-color: #000;
    content: '';
}

#main .cont-03 .sc-slide-wrap .sc-slider li div strong {
    position: relative;
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    color: #daba90;
    margin-bottom: 30px;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div strong {
    position: relative;
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    color: #daba90;
    margin-bottom: 30px;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div b {
    display: block;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #000;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

#main .cont-03 .sc-slide-wrap .sc-slider li div a {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

#main .cont-03 .sc-slide-wrap .sc-img-slider {
    position: relative;
    float: left;
    width: 50%;
    margin-top: 30px;
    /*background-color: aquamarine;*/
}

#main .cont-03 .sc-slide-wrap .sc-img-slider li {
    width: 100%;
    overflow: hidden;
}

#main .cont-03 .sc-slide-wrap .sc-img-slider li img {
    max-width: none;
    height: 100%;
}

#main .cont-03 .sc-slider .slick-dots {
    z-index: 2;
    bottom: 20px;
}

#main .cont-03 .sc-slider .slick-dots li {
    background-color: #3f3f3f;
    margin: 0 2px;
}

#main .cont-03 .sc-slider .slick-dots li.slick-active button:before {
    content: none;
}

/* con-04 */
#main .cont-04 .wr {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

#main .cont-04-left {
    width: 50%;
    float: left;
}

#main .cont-04-left .browser-slider {
    width: 100%;
}

#main .cont-04-left .browser-slider .slick-prev {
    background-color: #000;
    background-image: url(../../images/prev.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center;
    top: 50%;
    right: -32.5px;
    width: 65px;
    height: 65px;
    margin-top: -40px;
    border-radius: 50%;
}

#main .cont-04-left .browser-slider .slick-next {
    background-color: #000;
    background-image: url(../../images/next.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center;
    z-index: 2;
    top: 50%;
    right: -32.5px;
    width: 65px;
    height: 65px;
    margin-top: 40px;
    border-radius: 50%;
}

#main .cont-04-left .browser-slider li {
    width: 100%;
    text-align: center;
}

#main .cont-04-left .browser-slider li img {
    width: 100%;
}

#main .cont-04-right {
    position: relative;
    width: 50%;
    float: left;
    padding: 109px 0 40px 160px;
}

#main .cont-04-right .main-tit {
    text-align: left;
}

#main .cont-04-right .main-tit strong {
    position: relative;
    display: block;
}

#main .cont-04-right .main-tit strong:after {
    display: block;
    position: absolute;
    top: 90px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #ddd;
    content: '';
}

#main .cont-04-right .view-btn {
    display: inline-block;
    text-align: center;
    margin: 40px 0;
}

#main .cont-04-right .browserThumb-slide-wrap {
    width: 100%;
    padding-top: 60px;
}

#main .cont-04-right .browserThumb-slide-wrap .browserThumb-slider {}

#main .cont-04-right .browserThumb-slide-wrap .browserThumb-slider li {
    text-align: center;
}

#main .cont-04-right .browserThumb-slide-wrap .browserThumb-slider .slick-slide {
    opacity: 0.5; margin-right: 20px; cursor: pointer;
}

#main .cont-04-right .browserThumb-slide-wrap .browserThumb-slider .slick-slide.slick-current {
    opacity: 1;
}

/* cont-05 */
#main .cont-05{
    padding-bottom: 120px;
}

#main .cont-05 .wr {
    max-width: 1200px;
}

#main .cont-05 .main-tit {
    margin-bottom: 15px;
}

#main .cont-05 .sub-tit_p {
    text-align: center;
    margin-bottom: 80px;
}

#main .cont-05 .promotion-slide-wrap {
    width: 100%;
}

#main .cont-05 .promotion-slide-wrap .promotion-slider {
    width: 100%;
}

.promotion-slider .slick-list {
    margin: 0 -10px;
}

.promotion-slider .slick-slide {
    margin: 0 10px;
}

.promotion-slider li.promoBox {
    position: relative;
    text-align: center;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    overflow: hidden;
}

.promotion-slider li.promoBox img {
    width: 100%;
}

.promotion-slider li.promoBox .promotion-txt {
    width: 100%;
    padding: 40px 40px;
}

.promotion-slider li.promoBox .promotion-txt span {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: 2px 7px;
    font-size: 14px;
    color: #fff;
}

.i-type01 {
    background-color: #000;
}

.i-type02 {
    background-color: #e41c00;
}

.promotion-slider li.promoBox .promotion-txt strong {
    display: block;
    font-size: 30px;
    margin: 12px 0;
    color: #000;
    font-weight: 600;
}

.promotion-slider li.promoBox .promotion-txt p {
    display: block;
    font-size: 16px;
    margin: 12px 0;
    color: #3f3f3f;
    font-weight: 300;
}

.promotion-slider li.promoBox .promotion-txt a {
    margin-top: 50px;
}

.promotion-slider .slick-dots {
    z-index: 2;
    bottom: -50px;
}

.promotion-slider .slick-dots li {
    background-color: #3f3f3f;
    margin: 0 2px;
}

.promotion-slider .slick-dots li.slick-active button:before {
    content: none;
}

/* cont-06 */
#main .cont-06{
    padding-bottom: 120px;
}


#main .cont-06 .wr {
    max-width: 1715px;
}

#main .cont-06 .customer-service {
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
}

#main .cont-06 .customer-service li {
    position: relative;
    float: left;
    width: 16.66%;
    cursor: pointer;
}

#main .cont-06 .customer-service li:after {
    display: block;
    position: absolute;
    top: 20%;
    right: 0;
    width: 100%;
    height: 40px;
    border-right: 2px dotted #dfdfdf;
    content: '';
}
#main .cont-06 .customer-service li:last-of-type::after {display: none;}

#main .cont-06 .customer-service li {
    float: left;
    width: 25%;
    text-align: center;
}

#main .cont-06 .customer-service li img {}

#main .cont-06 .customer-service li div.textBox {
    padding: 20px;
}

#main .cont-06 .customer-service li div.textBox p {
    line-height: 1.2;
    letter-spacing: -0.1em;
    font-size: 14px;
    color: #3f3f3f;
}

#main .cont-06 .customer-service li div.textBox p.text-tit {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

#main .cont-06 .informationBox_wrap {
    width: 100%;
    overflow: hidden;
}

#main .cont-06 .informationBox {
    float: left;
    width: 25%;
    height: 100%;
    padding: 60px 45px;
    text-align: center;
    background-color: #f4efeb;
    min-height: 427px;
}

#main .cont-06 .informationBox .information-tit {
    letter-spacing: -0.1em;
    font-size: 26px;
    font-weight: 500;
    color: #000;
}

#main .cont-06 .informationBox small {
    font-size: 12px;
}

#main .cont-06 .informationBox ul {
    width: 100%;
    margin-top: 40px;
    position: relative;
}

#main .cont-06 .informationBox ul:before {
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #afafaf;
    content: '';
    transform: scaleX(.3);
}

#main .cont-06 .informationBox ul li {
    padding: 5px 0;
    text-align: left;
}

#main .cont-06 .informationBox ul li a {
    font-size: 14px;
    display: inline-block;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main .cont-06 .informationBox ul li span.name {
    font-size: 13px;
    font-weight: 200;
    width: 18%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#main .cont-06 .informationBox ul li span.date {
    text-align: right;
    font-size: 13px;
    font-weight: 200;
    width: 17%;
}

#main .cont-06 .informationBox.kakao-plus {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    cursor: pointer;
     padding: 0;
}
#main .cont-06 .informationBox.kakao-plus img {}

#main .cont-06 .informationBox.academic {
    cursor: pointer;
    text-align: center;
    padding-bottom: 20px;
}

#main .cont-06 .informationBox.academic img {
    width:95%;
    margin: 12px 0;
}

#main .cont-06 .informationBox.news {
    background-color: #f4f5fa;
}



/* quick_request */
#main #quick_request {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 220px;
    background-color: #2e2e2e;
}

#main #quick_request .quick_request-tit {
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: 400;
    line-height: 110px;
    color: #fff;
    margin-right: 20px;
}

#main #quick_request .personal {
    display: block;
}

#main #quick_request .personal p {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 110px;
    color: #fff;
}

#main #quick_request .personal p label {
    padding: 0 0 0 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 110px;
    color: #fff;
}

#main #quick_request .personal a {
    display: inline-block;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 110px;
    color: #fff;
}

#main #quick_request .selc {
    display: inline-block;
    width: 280px;
    height: 60px;
    font-size: 20px;
    padding-left:20px;
    margin-right: 15px;
}

#main #quick_request #wr_name {
    display: inline-block;
    width: 240px;
    height: 60px;
    margin-right: 15px;
}

#main #quick_request #wr_hp {
    display: inline-block;
    width: 460px;
    height: 60px;
    margin-right: 10px;
}

#main #quick_request button {
    display: inline-block;
    width: 369px;
    height: 60px;
    font-size: 20px;
    background-color: #000;
    color: #fff;
    vertical-align: middle;
}

/****************************************** footer ******************************************/
.sec-footer {
    background: #2e2e2e;
    color: #999;
    font-size: 14px;
}

.ft-link {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ft-link > a {
    display: inline-block;
    position: relative;
    margin-right: 40px;
    color: #fff;
}

.ft-link > a:after {
    display: block;
    position: absolute;
    top:0;
    right:-22px;
    width:1px;
    height:100%;
    background-color:rgba(255, 255, 255, 0.4);
    transform: scaleY(.6);
    content: '';
}

.ft-link .sns-list {
    display: inline-block;
    float: right;
    position: relative;
    margin-top: -8px;
}

.ft-link .sns-list a{
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.ft-link .sns-list img {
    width: 35px;
}

.ft-info {
    padding: 30px 0;
    position: relative;
}

.ft-info .ft_logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.ft-info .ft_logo img {
    width: 238px;
}

.ft-info .ft-info-text {
    display: block;
    width: 800px;
    margin: 0 auto;
}

.ft-info .ft-info-text p {
    display: inline-block;
    margin: 0 5px;
    color:#cfcfcf;
}

.ft-info .customer_center {
    position: absolute;
    top: 0;
    right: 0;
}

.ft-info .customer_center p {
    text-align: right;
    font-size: 14px;
    color: #fff;
}

.ft-info .customer_center p {
    text-align: right;
    font-size: 14px;
    color: #fff;
}

.ft-info .customer_center p.number {
    font-size: 38px;
    font-weight: 200;
    color: #fff;
}

.ft-info .customer_center p.number span {
    font-weight: 600;
    line-height: 1.5;
    vertical-align: top;
}


/****************************************** EN 영문버전 ******************************************/
@media screen and (min-width:480px) {
    #en #sub .number-box li {
        min-height: 428px;
    }

    #en #sub .process-box li {
        min-height: 536px;
    }

    #en #sub .ms-pcs li {
        min-height: 165px;
    }

    #en #sub .icon-box2 li {
        height: 398px;
    }

    #en #sub .blt-box.mh li {
        min-height: 538px
    }

    #en #main .main-visual .slide-text p {
        font-size: 24px;
    }
}