@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    color: #111;
    word-break: keep-all;
    line-height: 1.6;
    font-family: 'GmarketSans',sans-serif;
    font-size: 18px;
}

.inner {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    padding: 0 50px;
}

/***** sns-btn *****/
.sns-btn {
    position: fixed;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    z-index: 99;
    width: auto;
    height: auto;
    padding: 0;
}

.sns-btn ul {
    width: 70px;
    padding: 30px 0 0 0;
    background: rgba(255,255,255,.8);
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
}

.sns-btn ul li {
    margin: 0 0 14px 0;
}

.sns-btn ul li a {
    padding: 40px 0 0;
    color: #333;
    font-size: 12px;
}

.sns-btn .tell:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0 0 6px 18px;
    background: url(../images/telephone_icon_black.png)no-repeat 0 0;
    background-size: 30px auto;
}

.sns-btn .kakao-talk:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0 0 6px 20px;
    background: url(../images/kakaotalk_icon_black.png)no-repeat 0 0;
    background-size: 30px auto;
}

.sns-btn .naver-talk:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0 0 6px 21px;
    background: url(../images/navertalk_icon_black.png)no-repeat 0 0;
    background-size: 30px auto;
}

.sns-btn .blog:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0 0 6px 20px;
    background: url(../images/blog_icon_black.png)no-repeat 0 0;
    background-size: 30px auto;
}

.sns-btn .mail:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    margin: 0 0 6px 20px;
    background: url(../images/email_icon_black.png)no-repeat 0 0;
    background-size: 30px auto;
}

.sns-btn .top-btn {
    margin: 40px 0 22px 0;
}

.sns-btn .top-btn a {
    padding: 24px 16px;
    color: #fff;
    background: #000;
    border-radius: 50px;
}

/***** web-header *****/
.web-header {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.2);
    transition: .2s;
}

.web-header:hover {
    background: #fff;
}

.web-header:hover .logo a,.web-header.scroll .logo a {
    display: block;
    width: 170px;
    height: 45px;
    background: url(../images/logo_color.png)no-repeat 0 0;
    background-size: 170px auto;
}

.web-header:hover .menu > ul > li > a,.web-header.scroll .menu > ul > li > a {
    color: #111;
}

.web-header:hover .consulting a,.web-header.scroll .consulting a {
    color: #111;
}

.web-header:hover .consulting a:before,.web-header.scroll .consulting a:before {
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/telephone_icon_color.png)no-repeat 0 0;
    background-size: 40px 40px;
    margin: 0 0 -28px -40px;
}

.web-header.scroll {
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.web-header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.web-header .logo a {
    display: block;
    width: 170px;
    height: 45px;
    background: url(../images/logo.png)no-repeat 0 0;
    background-size: 170px auto;
}

.web-header .menu > ul {
    display: flex;
}

.web-header .menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 80px;
    color: #fff;
}

.web-header .menu > ul > li > a:hover + .sub-menu {
    display: flex;
}

.web-header .menu .sub-menu:hover {
    display: flex;
}

.web-header .menu .sub-menu {
    position: absolute;
    top: 81px;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    background: rgba(3,34,80,.8);
}

.web-header .menu .sub-menu li a {
    padding: 0 50px;
    color: #fff;
    transition: .2s;
}

.web-header .menu .sub-menu li a:hover {
    color: rgba(255,255,255,.6);
}

.web-header .consulting a {
    color: #fff;
    font-size: 16px;
}

.web-header .consulting a:before {
    display: inline-block;
    content: "";
    width: 46px;
    height: 40px;
    background: url(../images/telephone_icon.png)no-repeat 0 0;
    background-size: 40px 40px;
    margin: 0 0 -28px -40px;
}

.web-header .consulting a span {
    display: block;
    margin: -4px 0 0 10px;
    font-size: 20px;
    font-weight: bold;
}

/***** tb-header *****/
.tb-header {
    display: none;
}

/***** main *****/
.main-visual {
    width: 100%;
    height: 100vh;
}

.main-visual .slide {
    width: 100%;
    height: 100vh;
}

.main-visual .slide .text-wrap {
    width: 1400px;
    margin: 0 auto;
}

.main-visual .slide .title {
    position: absolute;
    bottom: 330px;
    padding: 0 50px;
    color: #fff;
    font-size: 70px;
}

.main-visual .slide .title:after {
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    margin: 0 0 30px;
    background: #fff;
}

.main-visual .slide .text {
    position: absolute;
    bottom: 300px;
    padding: 0 50px;
    color: #fff;
    font-size: 26px;
}

.main-visual .slide1 {
    background: url(../images/visual_img1.jpg)no-repeat center 0;
    background-size: cover;
}

.main-visual .slide2 {
    background: url(../images/visual_img2.jpg)no-repeat center 0;
    background-size: cover;
}

.main-visual .slide3 {
    background: url(../images/visual_img3.jpg)no-repeat center 0;
    background-size: cover;
}

.main-visual .slide4 {
    background: url(../images/visual_img4.jpg)no-repeat center 0;
    background-size: cover;
}

.slick-dots {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.slick-dots li {
    float: left;
    height: 2px;
}

.slick-dots li.slick-active button {
    background: #fff;
}

.slick-dots li button {
    width: 100px;
    height: 2px;
    background: rgba(255,255,255,.3);
    border: none;
    font-size: 0;
}

/***** intro *****/
.section {
    padding: 150px 0;
}

.section .text-wrap .title {
    font-size: 50px;
}

.intro {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.intro .intro-img {
    width: 875px;
    height: 609px;
    background: url(../images/intro_img.png)no-repeat 0 0;
}

.intro .text-wrap {
    width: auto;
    margin: 0 0 0 50px;
}

.intro .title:before {
    display: block;
    content: "";
    width: 300px;
    height: 1px;
    margin: 0 0 30px -250px;
    background: rgba(000,000,000,.2);
}

.intro .title span {
    color: #3f63fc;
}

.intro .text {
    width: 600px;
    margin: 50px 0 0 22px;
    opacity: .8;
}

/***** bg-logo *****/
.bg-logo {
    position: absolute;
    top: 1700px;
    width: 100%;
    height: 679px;
    background: url(../images/bg_logo_opacity1.png)no-repeat 0 0;
    background-position: right;
    opacity: .03;
}

/***** intro2 *****/
.intro2 .text-wrap .title span {
    color: #3f63fc;
}

.intro2 .text-wrap .text {
    margin: 50px 0 0 0;
    opacity: .8;
}

.intro2 .text-box {
    display: flex;
    justify-content: space-between;
    margin: 80px 0 0 0;
}

.intro2 .text-box .box {
    width: calc(100% / 3 - 80px);
    padding: 30px 25px 40px;
    background: #f9f9f9;
    border-radius: 10px;
}

.intro2 .text-box .box:hover {
    outline: 1px solid #3f63fc;
}

.intro2 .text-box .box .title {
    font-size: 22px;
}

.intro2 .text-box .box .text {
    margin: 30px 0 0 0;
    opacity: .8;
}

/***** banner *****/
.banner {
    width: 100%;
    background: url(../images/bg_hand_img.png)no-repeat 0 0;
    background-size: cover;
    background-position: center;
}

.banner .text-wrap .title {
    color: rgba(255,255,255,.4);
}

.banner .text-wrap .title span {
    display: block;
    color: #fff;
}

.banner .text-wrap .title span:after {
    display: inline-block;
    content: "";
    width: 150px;
    height: 1px;
    background: rgba(255,255,255,.8);
    margin: 0 0 14px 24px;
}

/***** intro-use *****/
.section .text-wrap .title span.sub {
    display: block;
    color: #3f63fc;
    font-size: 22px;
}

.intro-use .card-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
}

.intro-use .card-wrap .card {
    flex-basis: calc(100% / 3 - 82px);
    margin: 30px 0 0 0;
    padding: 30px 30px 40px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.intro-use .card-wrap .card .more-btn a {
    display: block;
    text-align: right;
    opacity: .8;
}

.intro-use .card-wrap .card .title {
    color: #3f63fc;
    font-size: 22px;
}

.intro-use .card-wrap .card .title:before {
    display: block;
    content: "";
    width: auto;
    height: 70px;
    margin: -29px 0 30px 0;
}

.intro-use .card-wrap .card1 .title:before {
    background: url(../images/intro_use_icon1.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card2 .title:before {
    background: url(../images/intro_use_icon2.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card3 .title:before {
    background: url(../images/intro_use_icon3.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card4 .title:before {
    background: url(../images/intro_use_icon4.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card5 .title:before {
    background: url(../images/intro_use_icon5.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card6 .title:before {
    background: url(../images/intro_use_icon6.png)no-repeat 0 0;
    background-size: auto 70px; 
}

.intro-use .card-wrap .card .text {
    margin: 10px 0 0 0;
    opacity: .8;
}

/***** point *****/
.point {
    background: url(../images/point_bg.png)no-repeat center 0;
    background-size: cover;
}

.point .text-wrap {
    margin: 0 0 120px 0;
    color: #fff;
}

.point .card-wrap .card img {
    width: 100%;
}

.point .card-wrap .card-mb {
    display: none;
}

/***** guide *****/
.guide {
    border-bottom: 1px solid #eee;
}

.guide .guide-img .img-mb {
    display: none;
}

.guide .guide-img .img img {
    width: 100%;
    margin: 100px 0 0 0;
}

/***** review *****/
.review {
    background: url(../images/reviwe_bg_img.png)no-repeat left bottom;
}
.review .slide-wrap .slide {
    display: flex;
    justify-content: space-between;
}

.review .slide-wrap .slide > div {
    width: calc(100% / 3 - 10px);
}

.review .slide-wrap .slide .img {
    width: 350px;
    height: 490px;
}

.review .slide-wrap .slide .img1 {
    background: url(../images/review_slide_img1.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img2 {
    background: url(../images/review_slide_img2.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img3 {
    background: url(../images/review_slide_img3.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img4 {
    background: url(../images/review_slide_img4.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img5 {
    background: url(../images/review_slide_img15.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img6 {
    background: url(../images/review_slide_img13.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img7 {
    background: url(../images/review_slide_img5.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img8 {
    background: url(../images/review_slide_img6.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img9 {
    background: url(../images/review_slide_img7.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img10 {
    background: url(../images/review_slide_img8.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img11 {
    background: url(../images/review_slide_img16.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img12 {
    background: url(../images/review_slide_img10.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img13 {
    background: url(../images/review_slide_img11.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img14 {
    background: url(../images/review_slide_img12.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide .img15 {
    background: url(../images/review_slide_img17.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap {
    position: relative;
    width: 100%;
    height: 590px;
    margin: 100px 0 0 0;
    overflow: hidden;
}

.review .slide-wrap .slider-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 720px;
}

.review .slide-wrap .slide-img {
    width: 155px;
    height: 190px;
    border: 1px solid #ddd;
    margin: 0 30px 0 0;
}

.review .slide-wrap .slide-img1 {
    background: url(../images/review_slide_img1.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img2 {
    background: url(../images/review_slide_img2.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img3 {
    background: url(../images/review_slide_img3.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img4 {
    background: url(../images/review_slide_img4.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img5 {
    background: url(../images/review_slide_img15.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img6 {
    background: url(../images/review_slide_img13.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img7 {
    background: url(../images/review_slide_img5.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img8 {
    background: url(../images/review_slide_img6.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img9 {
    background: url(../images/review_slide_img7.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img10 {
    background: url(../images/review_slide_img8.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img11 {
    background: url(../images/review_slide_img16.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img12 {
    background: url(../images/review_slide_img10.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img13 {
    background: url(../images/review_slide_img11.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img14 {
    background: url(../images/review_slide_img12.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .slide-img15 {
    background: url(../images/review_slide_img17.png)no-repeat center 0;
    background-size: cover;
}

.review .slide-wrap .left-text .name {
    -webkit-text-stroke: 2px #111;
    font-family: 'Chosunilbo_myungjo';
    font-size: 40px;
}

.review .slide-wrap .left-text .name span {
    -webkit-text-stroke: 0;
    font-size: 30px;
}

.review .slide-wrap .left-text .career {
    margin: 30px 0 0 0;
    opacity: .8;
}

.review .slide-wrap .right-text .top {
    -webkit-text-stroke: 1px #111;
}

.review .slide-wrap .right-text .top:after {
    display: inline-block;
    content: "";
    width: 15px;
    height: 16px;
    margin: 0 0 -1px 5px;
    background: url(../images/review_icon.png)no-repeat 0 0;
    background-size: cover;
}

.review .slide-wrap .right-text .bottom {
    opacity: .8;
    font-size: 14px;
}

.review .slide-wrap .right-text .bottom:before {
    display: block;
    content: "";
    width: 1px;
    height: 50px;
    margin: 10px 0 10px 10px;
    background: rgba(000,000,000,.2);
}

@media all and (max-width: 1200px) {
    .review .slide-wrap .slide > div {
        width: calc(100% / 3 - 20px);
    }
    
    .review .slide-wrap {
        height: 720px;
        margin: 100px 0 0 0;
    }
}

/***** 탭 *****/
.tab {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(000,000,000,.1);
}

.tab li {
    position: relative;
}

.tab li ~ li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    content: "";
    width: 2px;
    height: 23px;
    background: rgba(000,000,000,.4);
}

.tab li a {
    display: block;
    padding: 30px 50px;
    font-size: 22px;
}

.tab li.on a {
    color: #3f63fc;
    margin: 0 0 -2px 0;
    border-bottom: 2px solid #3f63fc;
}

.tabcont {
    display: none;
}

.tabcont.on {
    display: block;
}

.center .top-visual {
    width: 100%;
    height: 400px;
    background: url(../images/center_visual.jpg)no-repeat 0 0;
    background-size: cover;
}

.rehabilitation .top-visual {
    width: 100%;
    height: 400px;
    background: url(../images/rehabilitation_visual.jpg)no-repeat 0 0;
    background-size: cover;
}

.program .top-visual {
    width: 100%;
    height: 400px;
    background: url(../images/program_visual.jpg)no-repeat 0 0;
    background-size: cover;
}

.use-guide .top-visual {
    width: 100%;
    height: 400px;
    background: url(../images/use_guide_visual.jpg)no-repeat 0 0;
    background-size: cover;
}

.top-visual .text-wrap {
    padding: 160px 0 0 0;
    color: #fff;
}

.top-visual .text-wrap .title {
    font-size: 50px;
}

.top-visual .text-wrap .title:after {
    display: block;
    content: "";
    width: 80px;
    height: 2px;
    margin: 5px 0 20px;
    background: #fff;
}

.top-visual .text-wrap .text {
    opacity: .8;
    font-size: 26px;
}

/***** 센터소개 *****/
.center .tabcont {
    padding: 0 0 150px 0;
}

.center .tabcont .text-wrap {
    padding: 100px 0 150px;
    text-align: center;
}

.center .tabcont .text-wrap .title p {
    font-size: 50px;
}

.center .tabcont .text-wrap .title img {
    width: 100px;
}

.center .tabcont .text-wrap .title p:before {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
    text-align: center;
    margin: 30px auto 20px;
}

.center .tabcont .text-wrap .text {
    margin: 100px 0 0 0;
    font-size: 50px;
}

.center .tabcont .text-wrap .text span {
    color: #3f63fc;
}

.center .tabcont1 .letter img {
    width: 100%;
}

.center .tabcont1 .letter img.mb {
    display: none;
}

.center .tabcont1 .introduction {
    background: url(../images/center_bg_img.png)no-repeat right 80%;
    background-size: 770px auto;
    padding: 150px 0;
}

@media all and (max-width: 2000px) {
    .center .tabcont1 .introduction .text {
        width: 50% !important;
    }
}

.center .tabcont1 .introduction .title {
    font-size: 50px;
}

.center .tabcont1 .introduction .title span {
    display: block;
    opacity: .6;
}

.center .tabcont1 .introduction .title:after {
    display: block;
    content: "";
    width: 1px;
    height: 150px;
    margin: 50px 0 50px 10px;
    background: rgba(000,000,000,.2);
}

.center .tabcont1 .introduction .text {
    width: 60%;
}

.center .tabcont2 .vision img {
    width: 100%;
}

.center .tabcont2 .vision img.mb {
    display: none;
}

.center .tabcont3 .value img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

/***** 전문가 소개 *****/
.rehabilitation .section {
    padding: 0 0 150px 0;
}

.rehabilitation .section .text-wrap {
    padding: 100px 0 150px;
    text-align: center;
}

.rehabilitation .section .text-wrap .title p {
    font-size: 50px;
}

.rehabilitation .section .text-wrap .title img {
    width: 100px;
}

.rehabilitation .section .text-wrap .title p:before {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
    text-align: center;
    margin: 30px auto 20px;
}

.rehabilitation .section .text-wrap .text {
    margin: 100px 0 0 0;
    font-size: 50px;
}

.rehabilitation .section .text-wrap .text span {
    color: #3f63fc;
}

.rehabilitation .card-top .card-img img.pc {
    width: 350px;
}

.rehabilitation .card-top .card-img img.mb {
    display: none;
}

.rehabilitation .card-top .inner {
    display: flex;
    justify-content: space-between;
}

.rehabilitation .card-top .text {
    width: calc(100% - 450px);
}

.rehabilitation .card-top .text .name {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(000,000,000,.3);
    -webkit-text-stroke: 2px #111;
    font-family: 'Chosunilbo_myungjo',sans-serif;
    font-size: 40px;
}

.rehabilitation .card-top .text .name span {
    -webkit-text-stroke: 0 !important;
}

.rehabilitation .card-top .text .name span:first-of-type {
    font-size: 30px;
}

.rehabilitation .card-top .text .name span:last-of-type {
    margin: 0 0 0 50px;
    opacity: .8;
    font-family: 'GmarketSans',sans-serif;
    font-size: 22px;
}

.rehabilitation .card-top .text .career {
    display: flex;
}

.rehabilitation .card-top .text .career .txt {
    width: 100%;
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgba(000,000,000,.1);
    color: #555;
}

.rehabilitation .card-top .text .career .txt span {
    display: block;
    margin: 0 0 20px 0;
    color: #3f63fc;
    font-size: 22px;
}

.rehabilitation .card-top .text .other {
    display: flex;
    padding: 30px 0 0 0;
    color: #555;
}

.rehabilitation .card-top .text .other div {
    width: 100%;
}

.rehabilitation .card-wrap {
    padding: 50px 0 0 0;
}

.rehabilitation .card-wrap .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rehabilitation .card-wrap .card {
    width: calc(100% / 2 - 15px);
    margin: 50px 0 0 0;
}

.rehabilitation .card-wrap .card .img img {
    width: 100%;
}

.rehabilitation .card-wrap .card .text .career {
    display: flex;
}

.rehabilitation .card-wrap .card .text .career .txt {
    width: 100%;
    padding: 30px 0 20px 0;
    border-bottom: 1px solid rgba(000,000,000,.1);
    color: #555;
    font-size: 16px;
}

.rehabilitation .card-wrap .card .text .career .txt span {
    display: block;
    margin: 0 0 10px 0;
    color: #3f63fc;
    font-size: 22px;
}

.rehabilitation .card-wrap .card .text .other {
    display: flex;
    padding: 20px 0 0 0;
    color: #555;
    font-size: 16px;
}

.rehabilitation .card-wrap .card .text .other div {
    width: 100%;
}

/***** 재활 프로그램 *****/
.program .tab li a {
    padding: 30px 30px;
}

.program .section {
    padding: 0 0 150px 0;
}

.program .tabcont {
    padding: 0 0 150px 0;
}

.program .tabcont .text-wrap {
    padding: 100px 0 150px;
    text-align: center;
}

.program .tabcont .text-wrap .title p {
    font-size: 50px;
}

.program .tabcont .text-wrap .title img {
    width: 100px;
}

.program .tabcont .text-wrap .title p:before {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
    text-align: center;
    margin: 30px auto 20px;
}

.program .tabcont .text-wrap .text {
    margin: 100px 0 0 0;
    font-size: 50px;
}

.program .tabcont .text-wrap .text span {
    color: #3f63fc;
}

.program .program-img .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.program .program-img .img {
    width: calc(100% / 3 - 15px);
    height: 310px;
    margin: 0 0 20px 0;
    border-radius: 10px;
    transition: .2s;
}

.program .program-img .img:nth-of-type(1) {
    background: url(../images/program_img1.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(1):hover {
    background: url(../images/program_img1_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(2) {
    background: url(../images/program_img2.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(2):hover {
    background: url(../images/program_img2_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(3) {
    background: url(../images/program_img3.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(3):hover {
    background: url(../images/program_img3_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(4) {
    background: url(../images/program_img4.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(4):hover {
    background: url(../images/program_img4_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(5) {
    background: url(../images/program_img5.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(5):hover {
    background: url(../images/program_img5_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(6) {
    background: url(../images/program_img6.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:nth-of-type(6):hover {
    background: url(../images/program_img6_hover.png)no-repeat center 0;
    background-size: cover;
}

.program .program-img .img:hover a {
    color: #111;
    transition: .2s;
}

.program .program-img .img:hover a:before {
    background: #111;
}

.program .program-img .img:hover a span {
    background: #032250;
    color: #fff;
    border: none;
}

.program .program-img .img a {
    display: block;
    width: 100%;
    height: 220px;
    padding: 90px 0 0 0;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.program .program-img .img a:before {
    display: block;
    content: "";
    width: 25px;
    height: 1px;
    background: #fff;
    margin: 0 auto 10px;
}

.program .program-img .img a span {
    display: block;
    width: 150px;
    margin: 20px auto 0;
    padding: 10px 0;
    border: 1px solid #fff;
}

.program .more-wrap .img img {
    width: 100%;
}

.program .more-wrap .text-wrap .title {
    margin: -180px 0 50px 0;
    font-size: 50px;
}

.program .more-wrap .text-wrap .title:before {
    position: relative;
    display: block;
    content: "";
    width: 1px;
    height: 200px;
    margin: 0 auto 30px;
    background: rgba(000,000,000,.2);
}

.program .more-wrap .text-wrap .text {
    width: 80%;
    margin: 0;
    text-align: left;
    color: #555;
    font-size: 18px;
}

.program .more-wrap .text-wrap .text span {
    display: block;
    margin: 0 0 20px 0;
    font-size: 22px;
}

.program .more-wrap .diagram img.pc {
    width: 100%;
}

.program .more-wrap .diagram img.mb {
    display: none;
}

/***** 이용안내 *****/
.use-guide .tabcont {
    padding: 0 0 150px 0;
}

.use-guide .tabcont .text-wrap {
    padding: 100px 0 150px;
    text-align: center;
}

.use-guide .tabcont .text-wrap .title p {
    font-size: 50px;
}

.use-guide .tabcont .text-wrap .title img {
    width: 100px;
}

.use-guide .tabcont .text-wrap .title p:before {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: #000;
    text-align: center;
    margin: 30px auto 20px;
}

.use-guide .tabcont .text-wrap .text {
    margin: 100px 0 0 0;
    font-size: 50px;
}

.use-guide .tabcont .text-wrap .text span {
    color: #3f63fc;
}

.use-guide .tabcont1 .guide {
    width: 700px;
    margin: 0 auto;
    border-bottom: none;
}

.use-guide .tabcont1 .guide img {
    width: 700px;
}

.use-guide .tabcont2 .map {
    padding: 0 0 100px;
    border-bottom: 1px solid #eee;
}

.use-guide .tabcont2 .map .map-wrap {
    display: flex;
    justify-content: space-between;
}

.use-guide .tabcont2 .map .map-wrap > div {
    width: calc(100% / 2 - 100px);
}

.use-guide .tabcont2 .map .text-wrap {
    padding: 80px 0 0;
    text-align: center;
}

.use-guide .tabcont2 .map .text-wrap .title {
    color: #3f63fc;
    font-size: 22px;
}

.use-guide .tabcont2 .map .text-wrap .title:before {
    display: inline-block;
    content: "";
    width: calc(100% / 2 - 76px);
    height: 1px;
    margin: 0 30px 7px 0;
    background: rgba(63,99,252,.3);
}

.use-guide .tabcont2 .map .text-wrap .title:after {
    display: inline-block;
    content: "";
    width: calc(100% / 2 - 76px);
    height: 1px;
    margin: 0 0 7px 30px;
    background: rgba(63,99,252,.3);
}

.use-guide .tabcont2 .map .text-wrap .text {
    margin: 30px 0 0 0;
    color: #555;
    text-align: left;
    font-size: 18px;
}

.use-guide .tabcont2 .map .text-wrap .text span {
    display: block;
    margin: 0 0 10px 0;
    font-size: 22px;
}

.use-guide .tabcont2 .map .text-wrap .text:nth-of-type(3) {
    border-bottom: 1px solid rgba(000,000,000,.2);
    padding: 0 0 30px 0;
}

.use-guide .tabcont2 .map .text-wrap .more-text {
    text-align: right;
    margin: 16px 0 0 0;
    opacity: .6;
}

.use-guide .tabcont2 .map-info {
    padding: 100px 0 0;
}

.use-guide .tabcont2 .map-info .seoul {
    margin: 0 0 100px 0;
}

.use-guide .tabcont2 .map-info .inner > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.use-guide .tabcont2 .map-info .text-info li ~ li {
    margin: 15px 0 0;
}

.use-guide .tabcont2 .map-info .text-info li:before {
    display: inline-block;
    content: "";
    width: 25px;
    margin: 0 20px 0 0;
}

.use-guide .tabcont2 .map-info .text-info .time {
    background: url(../images/use_guide_clock_icon.png)no-repeat 0 center;
    background-size: 25px auto;
}

.use-guide .tabcont2 .map-info .text-info .tell {
    background: url(../images/use_guide_telephone_icon.png)no-repeat 0 center;
    background-size: 25px auto;
}

.use-guide .tabcont2 .map-info .text-info .mail {
    background: url(../images/use_guide_mail_icon.png)no-repeat 0 center;
    background-size: 25px auto;
}

.use-guide .tabcont2 .map-info .img {
    width: 50%;
    height: 380px;
    border: 1px solid #ddd;
}

.use-guide .tabcont2 .map-info .img a {
    display: block;
    width: 100%;
    height: 100%;
}

.use-guide .tabcont2 .map-info .seoul .img a {
    background: url(../images/use_guide_seoul_map.PNG)no-repeat center center;
    background-size: cover;
}

.use-guide .tabcont2 .map-info .busan .img a {
    background: url(../images/use_guide_busan_map.PNG)no-repeat center center;
    background-size: cover;
}

.use-guide .tabcont2 .map-info .text-wrap {
    padding: 0;
    text-align: left;
}

.use-guide .tabcont2 .map-info .text-wrap .title {
    font-size: 30px;
}

.use-guide .tabcont2 .map-info .text-wrap .text {
    margin: 30px 0 50px;
    opacity: .8;
    font-size: 18px;
}

/***** footer *****/
footer {
    background: #032250;
    color: #fff;
    font-size: 16px;
}

footer .top {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

footer .top .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .top .footer-logo img {
    height: 50px;
}

footer .top ul {
    display: flex;
}

footer .top ul li {
    margin: 0 0 0 70px;
}

footer .top ul li a {
    color: #fff;
    opacity: .8;
}

footer .bottom {
    padding: 40px 0 45px;
}

footer .bottom .address div ul {
    display: flex;
    margin: 0 0 20px 0;
}

footer .bottom .address div ul li {
    margin: 0 20px 0 0;
}

footer .bottom .address div ul li:last-of-type {
    opacity: .6;
}

footer .contact {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

footer .contact ul {
    display: flex;
    margin: 20px 0 0 0;
}

footer .contact ul li {
    margin: 0 50px 0 0;
    opacity: .6;
}

footer .contact .copy {
    opacity: .6;
    font-size: 12px;
}