body {
    word-break: keep-all;
    line-height: 1.4;
}

.inner {
    width: calc(100% - 32px);
    height: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

/***** sns-btn *****/
.sns-btn {
    height: 100vh;
    right: 16px;
    bottom: 16px;
}

.sns-btn ul {
    position: fixed;
    right: 0;
    bottom: 16px;
    transform: none;
    width: 60px;
    height: 305px;
    padding: 20px 0;
}

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

.sns-btn ul li a {
    padding: 30px 0 0;
    font-size: 11px;
}

.sns-btn .tell:before {
    width: 22px;
    height: 22px;
    margin: 0 0 0 18px;
    background-size: 22px auto;
}

.sns-btn .kakao-talk:before {
    width: 22px;
    height: 22px;
    margin: 0 0 0 18px;
    background-size: 22px auto;
}

.sns-btn .naver-talk:before {
    width: 22px;
    height: 22px;
    margin: 0 0 0 18px;
    background-size: 22px auto;
}

.sns-btn .blog:before {
    width: 22px;
    height: 22px;
    margin: 0 0 0 18px;
    background-size: 22px auto;
}

.sns-btn .mail:before {
    width: 22px;
    height: 22px;
    margin: 0 0 0 18px;
    background-size: 22px auto;
}

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

.sns-btn .top-btn a {
    padding: 20px 12px;
    margin: 0;
    border-radius: 50px;
}

/***** tb-header *****/
.tb-header {
    padding: 10px 0;
}

.tb-header .logo a {
    width: 135px;
    height: 45px;
    margin: 0;
    background-size: 135px auto;
}

.tb-header .menu > ul {
    top: 61px;
}

.tb-header .menu > ul.on {
    width: 300px;
    height: calc(100vh - 61px);
}

.tb-header .menu > ul > li {
    padding: 20px 20px 15px;
}

.tb-header .menu > ul > li > a {
    font-size: 16px;
}

.tb-header .menu .open-btn {
    top: 23px;
    right: 20px;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}

.tb-header .menu .open-btn.on {
    background-size: 14px 14px;
}

.tb-header .menu .sub-menu li a {
    padding: 16px 0;
    font-size: 16px;
}

.tb-header.scroll .logo a {
    background-size: contain;
}

.gnb-btn {
    right: 16px;
    width: 18px;
    height: 18px;
    background: url(../images/gnb_btn.png)no-repeat 0 0;
    background-size: 18px 18px;
}

.gnb-btn.scroll {
    background-size: 18px 18px;
}

.gnb-btn.close {
    background-size: 18px 18px;
}

.gnb-btn.scroll.close {
    background-size: 18px 18px;
}

.center .top-visual {
    height: 200px;
    background: url(../images/top_visual_center.jpg)no-repeat 0 0;
    background-size: cover;
}

.page2 .top-visual {
    height: 200px;
    background: url(../images/top_visual_page2.jpg)no-repeat 0 0;
    background-size: cover;
}

.page3 .top-visual {
    height: 200px;
    background: url(../images/top_visual_page3.jpg)no-repeat 0 0;
    background-size: cover;
}

.page4 .top-visual {
    height: 200px;
    background: url(../images/top_visual_page4.jpg)no-repeat 0 0;
    background-size: cover;
}

.page5 .top-visual {
    height: 200px;
    background: url(../images/top_visual_page5.jpg)no-repeat 0 0;
    background-size: cover;
}

.top-visual .text-wrap {
    padding: 90px 0 0 0;
}

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

.top-visual .text-wrap .title:after {
    width: 35px;
    margin: 5px 0 10px;
}

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

/***** 센터소개 *****/
.text-wrap .title {
    font-size: 26px;
}

.text-wrap .title span.sub-title {
    font-size: 14px;
}

.text-wrap .small-title {
    margin: 50px 0 16px;
    font-size: 20px;
}

.text-wrap .text {
    font-size: 15px;
}

.text-wrap .text span.line-height {
    margin: 20px 0 0 0;
}

.text-wrap .text.flex .txt {
    display: block;
}

.text-wrap .text.flex .txt .left {
    display: block;
}

.card .text .career {
    display: block;
}

.card .text .career .txt {
    border: none;
    font-size: 15px;
}

.card .text .career .txt:last-of-type {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(000,000,000,.1);
}

.card .text .career .txt span {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.card .text .other {
    display: block;
    padding: 20px 0 0 0;
    font-size: 15px;
}

.center .invitation .title {
    font-size: 20px;
}

.center .invitation .title2 {
    margin: 50px 0 30px 0;
    font-size: 17px;
}

.center .invitation .title2 span:first-of-type {
    margin: 0;
}

.center .invitation .title2 span:last-of-type {
    margin: 0;
}

.center .invitation .text {
   font-size: 15px;
}

.center .invitation .text span {
    margin: 50px 0 0 0;
}

.center .invitation .text span:after {
    width: 140px;
    height: 80px;
    margin: -30px 0 0 -50px;
}

.center .cont-wrap .cont:nth-of-type(1) {
    padding: 0 0 50px 0;
}

.center .cont-wrap .cont:nth-of-type(2) {
    padding: 50px 0;
}

.center .cont-wrap .cont:nth-of-type(2) .text-wrap {
    margin: 0 0 50px 0;
}

.center .cont-wrap .cont:nth-of-type(3) {
    padding: 0 0 50px 0;
}

.center .cont-wrap .cont:nth-of-type(3) .top-img {
    width: 100%;
    padding: 50px 0;
}

.center .cont-wrap .cont:nth-of-type(3) .top-img .title {
    color: #fff;
    font-size: 20px;
}

.center .cont-wrap .cont:nth-of-type(3) .text-wrap .text {
    margin: 50px 0 0 0;
}

.center .cont-wrap .fnq {
    padding: 50px 0 0 0;
}

.center .cont-wrap .fnq .flex {
    display: block;
    padding: 50px 0;
}

.center .cont-wrap .fnq .text-wrap {
    padding: 0;
}

.center .cont-wrap .fnq .flex .q-title {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 20px;
}

.center .cont-wrap .fnq .flex .q-title span {
    display: inline-block;
}

.center .cont-wrap .fnq .flex .a-text {
    width: 100%;
    font-size: 15px;
}

.center .cont-wrap .fnq .flex .a-text span.img img {
    width: 100%;
    margin-bottom: 20px;
}

.cont-wrap {
    padding: 80px 0;
}

.use-guide {
    padding: 0 0 50px 0;
}

.use-guide .img img {
    margin: 50px 0 0 0;
}

.use-guide .img .pc {
    display: none;
}

.use-guide .img .mb {
    display: block;
}

.table-color {
    width: 100%;
    overflow: scroll;
}

.table-color table {
    font-size: 15px;
}

.table-gray table {
    font-size: 15px;
}

.use-expense {
    padding: 50px 0 0 0;
}

.use-expense .img img {
    margin: 50px 0 0 0;
}

.use-expense .img .pc {
    display: none;
}

.use-expense .img .mb {
    display: block;
}

.page3 .cont-wrap .cont:first-of-type {
    padding: 0 0 50px 0;
}

.page3 .cont-wrap .cont:last-of-type {
    padding: 50px 0 0 0;
}

.page3 .table-color table th {
    padding: 10px 20px;
}

.page3 .table-color table td {
    padding: 10px 20px;
}

.page3 .table-color table {
    width: 800px;
}

.page4 .cont-wrap .cont:first-of-type {
    padding: 0 0 50px 0;
}

.page4 .cont-wrap .cont:last-of-type {
    padding: 50px 0 0 0;
}

.page4 .table-gray {
    width: 100%;
    overflow: scroll;
}

.page4 .table-gray table {
    width: 800px;
}

.page5 .cont-wrap .cont:last-of-type {
    padding: 50px 0 0 0;
}

.page5 .table-gray {
    width: 100%;
    overflow: scroll;
}

.page5 .table-gray table {
    width: 800px;
}


/***** footer *****/
footer {
    font-size: 12px;
}

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

footer .top {
    padding: 20px 0;
}

footer .top ul {
    display: none;
}

footer .bottom {
    padding: 30px 0 35px;
}

footer .bottom .address div ul {
    display: block;
}

footer .bottom .address div ul li:first-of-type {
    margin: 0 0 10px 0;
}

footer .contact {
    display: block;
}

footer .contact ul {
    display: block;
}

footer .contact ul li {
    margin: 0 0 8px 0;
}

footer .contact .copy {
    margin: 20px 0 0 0;
    font-size: 10px;
}