/* 공통 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

#welfare .con6_wrap {
    margin-top: 80px;
}

#welfare .con6 a {
    color: #232323 !important;
}


li.nav-item > a {
    font-size: 14px;
    color: #fff;
}
/* 네비 */
#navbarResponsive > ul > li.nav-item.dropdown.show .dropdown-menu > a > span {
    font-size: 1.0em;
}
#navbarResponsive > ul > li.nav-item > a {
font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
color: #ffffff;
}
.dropdown-item {
    font-size: 0.8em;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-weight: 700;
}
.navbar-nav li {
    padding: 5px 0px 5px 26px;
}
.agree.checkbox{width: 100%;float: right;}
img {
    backface-visibility: hidden;
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
}
.contact {
    border-radius: 3%;
    background: #003abc;
    color: #fff;
    padding-bottom: 30px;
}

.en2 {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 24px;
}

div.col-md-8.text-left {
    background: ##f0f0f3;
    padding-right: 15px;
    padding-left: 0px;
}
div.col-md-4.text-right {
    background: ##f0f0f3;
    padding-left: 15px;
    padding-right: 0px;
}
div.col-md-4.text-right .online_wrap {padding-top: 30px;width:100%;}
div.col-md-4.text-right .online_wrap a {width:46px;height:46px;margin-right:30px;display: inline-block;}
div.col-md-4.text-right .online_wrap a img{width:46px;height:46px;margin-right:30px;}
div.col-md-4.text-right .online_wrap a.online_btn.seoulmedical {margin-right:0px;}
.navbar-brand {
    font-size: 25px;
    font-weight: bold;
    padding-left: 10px;
}

.box .icon .info-pink .about {
    color: #003abc;
    font-weight: 700;
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
    letter-spacing: -1.8px;
}

.main .carousel-item {
    height: 886px;
}

.main .carousel-item img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 886px;
}

p {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.main .carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url('https://www.201company.com/theme/home/img/main_top_bg.jpg') !important;
    margin-top: 60px;
}

.visual_btn {
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff !important;
    position: absolute;
    padding: 15px 62px;
    font-size: 20px;
    margin: 130px auto;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -2px;
    margin-left: -106px;
}

.call > a {
    color: #202020;
}

.copyright > a {
    color: #9f9f9f;
}

.copyright span a {
    color: #9f9f9f;
}
.copyright {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-top: 30px;
    line-height: 24px;
}

.copyright span {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 700;
    letter-spacing: -1.2px;
}

.privacy_tit {
    font-size: 18px;
    font-weight: 900;
    color: #202020;
    letter-spacing: -1.5px;
    display: block;
    margin-top: 25px;
}

.privacy_txt {
    color: #666;
    font-size: 14px;
    padding-top: 10px;
}


.privacy_sub {
    padding-top: 10px;
}

.privacy_sub01 {
    padding-bottom: 3px;
}

/* fwite iframe 기타 */

#fwrite > .row > .col-md-6:nth-child(2){padding-right: 0px;padding-left: 15px;}
iframe {
    width: 100%;
    height: 680px;
    border-radius: 3%;
    border: 0;
}
.line {
    display: none;
}

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


/* footer 푸터 */

footer .container {
    padding-right: 15px;
}

footer > .container > .row > .col-md-4.text-left {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
}

footer > .container > .row > .footer_call {
    padding-left: 0;
    text-align: left;
}

.footer_line {
    width: 100%;
    border-bottom: 1px solid #9f9f9f;
}

.col-md-6.footer_left {
    flex: 0 0 50%;
    max-width: 50%;
}

div.col-md-6.text-left {
    background: #f9fafb;
    padding-right: 15px;
    padding-left: 0px;
}

.row.contact > .input_name {
    padding-right: 5px;
    padding-left: 15px;
}

.input_name > .form-control {
    width: 100% !important;
    float: right;
}


/* 레이어 팝업 - pc */
.m_bn_w {
    position: absolute;
    left: 0;
    top: 20%;
    z-index: 999;
    text-align: center;
    width: 100%;
    height: 100%;
}

.m_bn_w .mo_bn_bg {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    z-index: 1;
}

/* z-index: 5; */
.mo_top_bn_w {
    width: 896px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    z-index: 1;
}

.mo_top_bn_w.on {
    display: block;
}


.mo_top_bn_w .mo_bn_content {}

.mo_top_bn_w .swiper-wrapper {
    max-width: 896px important;
    height: 500px;
    top: 50%;
}

.mo_top_bn_w .mo_bn_btn {
    font-size: 0;
}

.mo_top_bn_w .mo_bn_btn a {
    display: inline-block;
    width: 50%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
}

.mo_top_bn_w .mo_bn_btn a.mo_go_away {
    color: #fff;
    text-align: left;
    padding-left: 20px;
}

.mo_top_bn_w .mo_bn_btn a.mo_bn_close {
    color: #fff;
    text-align: right;
    padding-right: 20px;
}

.mo_top_bn_w .swiper-pagination {
    height: auto;
    opacity: 1;
    position: initial
}

.m_bn_w .swiper-pagination {
    display: none;
    border-collapse: collapse;
}

/* display:table; */
.mo_top_bn_w .swiper-pagination .swiper-pagination-bullet-active {
    color: #003474;
    font-weight: 500;
}

.m_bn_w .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0;
    display: table-cell;
    opacity: 1;
    background: #fff;
    padding: 15px 0;
    border: 1px solid #ccc;
    color: #666
}

.m_bn_w .swiper-pagination-bullet span {
    font-size: 14px;
    line-height: 18px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper,
.swiper .mySwiper {
    width: 100%;
    max-width: 1200px;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    max-width: 390px;
    max-height: 390px;
    position: relative;
    transition-property: transform;
    text-align: center;
    font-size: 18px;
    background: #fff;
    margin: 0 auto;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide:last-child {
    margin-right: 0px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    text-align: center;
    z-index: 1;
}

.m_bn_w .swiper-pagination {
    display: none;
    border-collapse: collapse;
}

.mo_top_bn_w .swiper-pagination {
    height: auto;
    opacity: 1;
    position: initial;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.contact_tit {
    color: #232323;
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.contact_tit_b {
    color: #232323;
    font-size: 46px;
    font-weight: 900;
    letter-spacing: -1.2px;
    padding-bottom: 30px;
}

.contact_txt {
    color: #232323;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -1.5px;
    padding-bottom: 130px;
}

.contact_txt2 {
    color: #15306b;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.contact_txt3 {
    color: #15306b;
    font-size: 38px;
    font-weight: 900;
}

.contact_txt4 {
    color: #202020;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -1.2px;
}

.pop-layer .pop-container {
    padding: 0px 25px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 50px;
    letter-spacing: -1.2px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    text-align: right;
}

.pop-layer {
    display: none;
    position: relative;
    bottom: 100px;
    left: 50%;
    width: 500px;
    height: auto;
    background-color: #fff;
    border: 3px solid #003abc;
    border-radius: 5%;
    z-index: 10;
}

a.btn-layerClose {
    display: inline-block;
    height: 25px;
    padding: 0 25px 0 0;
    font-size: 13px;
    color: #fff;
    line-height: 25px;

}

a.btn-layerClose:hover {
    color: #fff;
}

/* 레이어 팝업 - mobile */
.mo_top_bn {
    display: none;
    position: absolute;
    right: 160px;
    bottom: 30px;
    z-index: 100;
    width: 400px;
}

.mo_top_bn.on {
    display: block;
}

.mo_top_bn .mo_bn_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    min-height: 1px;
    background: #fff;
    z-index: 10;
    height: auto;
}

.mo_top_bn {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    right: auto;
    bottom: auto;
}

.mo_top_bn.on {
    display: block;
}

.mo_top_bn .mo_bn_btn {
    font-size: 0;
}

.mo_top_bn .mo_bn_btn a {
    display: inline-block;
    width: 50%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
}

.mo_top_bn .mo_bn_btn a.mo_go_away {
    background: #6a7780;
    color: #fff;
}

.mo_top_bn .mo_bn_btn a.mo_bn_close {
    background: #fff;
    color: #000;
}

.mo_top_bn .mo_bn_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    display: none
}

.mo_top_bn .swiper-pagination {
    bottom: 87px;
    height: auto;
    opacity: 1;
}

.mo_top_bn .swiper-pagination .swiper-pagination-bullet-active {
    background: #003474
}

.mo_top_bn .mo_bn_content .mo_bn_img {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.2);
}

.mo_top_bn .mo_bn_content .mo_bn_btn {
    font-size: 0;
}

.mo_top_bn .mo_bn_content .mo_bn_btn a {
    display: inline-block;
    width: 50%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
}

.mo_top_bn .mo_bn_content .mo_bn_img a img {
    width: 100%
}

.mo_top_bn .mo_bn_content .mo_bn_btn a.mo_go_away {
    background: #6a7780;
    color: #fff;
}

.mo_top_bn .mo_bn_content .mo_bn_btn a.mo_bn_close {
    background: #fff;
    color: #000;
}

.mo_top_bn .mo_bn_bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    display: block
}

.mo_top_bn .swiper-pagination {
    bottom: 65px;
    height: auto;
    opacity: 1
}

.mo_top_bn .mo_bn_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    min-height: 1px;
    background: #fff;
    z-index: 10;
    height: auto;
}

.mo_bn_btn {
    width: 100%
}







body {
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

@font-face {
    font-family: 'Noto Sans CJK KR Thin';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 100;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR Light';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 300;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR DemiLight';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 300;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR Regular';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR Medium';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 500;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR Bold';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 700;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

@font-face {
    font-family: 'Noto Sans CJK KR Black';
    font-family: noto-sans-cjk-kr, sans-serif;
    font-weight: 900;
    font-style: normal;
    unicode-range: U+AC00-U+D7A3;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url('../img/mobile_menu.png');
}


.container {
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.main,
#online,
#portfolio,
.footer_back {
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
}

.container .row .col-md-4 > a > img {
    position: absolute;
    height: 129px;
}

.mobile {
    display: none !important;
}

.pc {
    display: block;
}

.dropdown-menu {
    width: 100% !important;
}

.dropdown_menu_back {
    width: 100% !important;
    background-color: #fff;
}

.dropdown-toggle::after {
    display: none;
}


.pallaxbox {
    line-height: 1.5;
    margin-bottom: 0rem;
}

.footer_tel {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

.footer_tel01 {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

.footer_tel02 {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

footer {
    background-color: #f0f0f3;
    padding-top: 40px;
    display: block;
    width: 100%;
}

.footer_title {
    width: 20%;
}

.container.footer .row .footer_title:nth-child(1) {
    width: 27%;
}

.container.footer .row .footer_title:nth-child(5) {
    width: 13%;
}

.footer_link {
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.7;
}

.copyright {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-top: 30px;
    line-height: 24px;
}

a {
    color: #232323 !important;
}

a:hover {
    text-decoration: none;
    color: #003abc;
}

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

.footer ul li a:hover {
    color: #003abc;
}

.no-padding {
    padding: 0px;
}

.no-margin {
    margin: 0px;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.navbar .dropdown.show a:active {
    background-color: #fff;
}

.bg-white {
    background-color: #ffffff !important;
    box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 0px;
    background-color: rgba(255, 255, 255, 0.98);
}


#chk_all,
#agree11,
#agree21 {
    box-sizing: border-box;
    padding: 0;
    -ms-transform: scale(1.8) !important;
    -moz-transform: scale(1.8) !important;
    -webkit-transform: scale(1.8) !important;
    -o-transform: scale(1.8) !important;
    margin-left: 10px;
    margin-bottom: 5px;
}

#chk_all .checkbox input[type=checkbox]:checked :before {
    background: #0186b3;
    border-color: #0186b3;
}

.green {
    color: #00422c;
}

.deepgray {
    color: #202020;
    letter-spacing: -1.3px;
}

.white {
    color: #fff;
}


/* 메인 */
.main .carousel-inner .carousel-item .carousel-caption-text {
    position: absolute;
    width: 1200px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 8px;
    color: #fff;
    text-align: center;
    color: #00422c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.main .carousel-inner .carousel-item .carousel-caption-text .title {
    line-height: 1.2;
    font-size: 34px;
    font-weight: 900;
    text-align: center;
    color: #fff;
    margin-top: 70px;
    margin-bottom: 50px;
}

.title > span {
    color: #9cafda;
}

.main .carousel-inner .carousel-item .carousel-caption-text .sub {
    line-height: 1.4;
    font-size: 46px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1.5px;
}

.sub > span {
    font-weight: 300;
}

.main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
    line-height: 1.1;
    font-size: 21px;
    text-align: left;
    font-weight: 700;
    color: #00422c;
    letter-spacing: -1.5px;
    margin-top: 20px;
}

.box {
    background: url('https://www.201company.com/theme/home/img/main_3point_bg.png') top center no-repeat;
}

.box .icon .info-pink .about {
    color: #003abc;
    font-weight: 700;
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
    letter-spacing: -1.8px;
}

.aboutbox {
    font-size: 23px;
    color: #003abc;
    font-weight: 800 !important;
    text-align: center;
    margin-bottom: 20px;
}

.about_txt {
    font-weight: 800;
    text-align: center;
    font-size: 42px;
    margin-bottom: 0px;
    letter-spacing: -1.2px;
    color: #003abc;
}

.box > .icon {
    text-align: left;
    position: relative;
    display: block;
}

.box > .icon > .info-pink {
    margin-top: 0px;
    border: 0px solid #184e77;
    padding: 0;
    color: #1f1f1f;
    height: 129px;
}

.box > .icon > .info-pink > h3.title {
    margin-top: 20px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
}

.box > .icon > .info-pink > p {
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.7;
    margin: 0px;
    letter-spacing: -1.2px;
    text-align: left;
    margin-top: 10px;
}

.box2 {
    text-align: center;
    border-right: 1px solid #212121;
    padding-right: 30px;
}

.box2_last {
    text-align: center;
    border-right: 0px;
}

.box2 .main_txt {
    text-align: center;
    font-size: 35px;
    color: #212121;
    font-weight: 500;
    letter-spacing: -1.8px;
    line-height: 1;
}

.box2 .icon .info-pink .main_count01,
.box2 .icon .info-pink .main_count02,
.box2_last .icon .info-pink .main_count03 {
    color: #003abc;
    text-align: center;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.6;
}

.box2 .icon .info-pink,
.box2_last .icon .info-pink {
    color: #003abc;
    text-align: center;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.6;
}

.box2_last .main_txt {
    text-align: center;
    font-size: 35px;
    color: #212121;
    font-weight: 500;
    letter-spacing: -1.8px;
    line-height: 1;
}

.box2_last .main_count03 {
    color: #003abc;
    text-align: center;
    font-size: 54px;
    font-weight: 800;
    line-height: 1;
}

.main_point_txt {
    font-size: 24px;
    color: #212121;
    font-weight: 500;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}

.main_03_txt {
    font-size: 40px;
    color: #232323;
    font-weight: 500;
    text-align: center;
    letter-spacing: -1.6px;
    line-height: 1.4;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.main_03_point {
    font-size: 40px;
    color: #003abc;
    font-weight: 800;
    line-height: 1;
    margin: 0 auto;
    margin-bottom: 60px;
}

/*.box3_01,
.box3_02,
.box3_03 {
    width: 30%;
    display: inline-block;
}
body .section03  .row span.main_03_txt span .box3_01

.box3_01 > .icon,
.box3_02 > .icon,
.box3_03 > .icon {
    text-align: left;
    position: relative;
    border-radius: 5%;
    height: 540px;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
}*/

.box3_01 > .icon {
    background-color: #1fa45a;
    background-image: url('https://www.201company.com/theme/home/img/main_marketing_01.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.box3_02 > .icon {
    background-color: #243f7c;
    background-image: url('https://www.201company.com/theme/home/img/main_marketing_02.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.box3_03 > .icon {
    background-color: #4558e1;
    background-image: url('https://www.201company.com/theme/home/img/main_marketing_03.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.box3_title {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    letter-spacing: -1.6px;
    padding-top: 24px;
    margin-left: 40px;
}

.box3_txt {
    font-size: 23px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1.6px;
    line-height: 1.3;
    margin-left: 40px;
    padding-top: 14px;
    padding-bottom: 16px;
}

.box3_btn {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -1.6px;
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    width: 110px;
    margin-left: 40px;
}

.main_04_point {
    font-size: 40px;
    color: #003abc;
    font-weight: 800;
    line-height: 1;
    margin: 0 auto;
    margin-bottom: 40px;
}

.more_btn {
    width: 120px;
    ;
    text-align: center;
    border: 2px solid #16306b;
    border-radius: 10px;
    color: #16306b !important;
    padding: 13px 40px;
    font-size: 15px;
    margin: 0 auto;
    font-weight: 900;
    letter-spacing: -2px;
    margin-bottom: 40px;
}

.swiper-slide .imgArea .overlay {
    border-radius: 5%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s linear;
    opacity: 0;
    background: rgba(0, 39, 127, 0.9);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: absolute;
    max-width: 390px;
    max-height: 390px;
}

.swiper-slide:hover .imgArea .overlay {
    opacity: 0.9;
}

.swiper-slide.imgArea img {
    transition: all 0.2s ease-out;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    width: 100%;
}

.swiper-slide:hover .imgArea img {}


.swiper-slide .txtArea {
    position: absolute;
    top: 25%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -20%);
    z-index: 2;
    text-align: center;
    opacity: 0;
}

.swiper-slide:hover .txtArea {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.swiper-slide .txtArea .slide_tit {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}

.swiper-slide .txtArea .slide_txt {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: left;
}


.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}


.section01 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.section02 {
    margin-bottom: 120px;
}

.section03 {
    margin-bottom: 120px;
}

.section04 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.section05 {
    margin-bottom: 120px;
}

.section06 {
    padding-top: 120px;
    padding-bottom: 90px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.section07 {
    padding-top: 90px;
    background-color: #f9fafb;
}

.section07 > .container {
    padding-bottom: 110px;
}


.section03 {
    width: 100%;
    background-color: #f9fafb;
    text-align: center;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

.section03 > .row {
    width: 100%;
    max-width: 1200px;
    display: inline-block;
}

.section05 {
    width: 100%;
    background-color: #f9fafb;
    text-align: center;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

.section05 > .row {
    margin-top: 90px;
    width: 100%;
    max-width: 1200px;
    display: inline-block;
    margin-bottom: 8px;
}

.main_05_txt {
    font-size: 50px;
    color: #16306b;
    font-weight: 900;
    text-align: center;
    letter-spacing: -1.6px;
    line-height: 1.2;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.box5 {
    width: 16.66666667%;
    float: left;
    text-align: center;
    margin: 0px 0 10px;
}

.box5 > .icon > img {
    border: 1px solid #e4e4e4;
}

.main_05_point {
    font-size: 24px;
    color: #212121;
    font-weight: 800;
    text-align: center;
    padding-top: 44px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}

.main_05_point_txt {
    font-size: 24px;
    color: #212121;
    font-weight: 500;
    text-align: center;
    padding-top: 44px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}

.main_board_wrap {
    background-color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.main_board_wrap .half .title .txt {
    font-size: 40px;
    font-weight: 900;
    color: #232323;
}

.main_board_wrap .half .title .more_btn2 {
    font-size: 15px;
    font-weight: 700;
    color: #fff !important;
    background-color: #003abc;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 16px;
    margin-left: 16px;
}


.main_board_wrap .main_section {
    display: flex;
    justify-content: center;
    max-width: 1200px;
}

.main_board_wrap .half {
    width: 50%;
    padding: 0 50px;
}

.main_board_wrap .half .title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.lat li .new_icon {
    color: #fff !important;
    background: #003abc !important;
    padding-right: 2px !important;
}

.main_board_wrap .lat .lt_more {
    display: none !important;
}

.main_board_wrap .lat ul {
    padding: 0;
}

.main_board_wrap .online_counseling .lat .lt_date h3 {
    padding-bottom: 0;
}

/*.main_board_wrap .online_counseling .lat li,
.m_main_board .online_counseling .lat li,
.main_board_wrap .latest.notice .lat li,
.m_main_board .latest.notice .lat li{
    
    display: flex;
    justify-content: start;
    align-items: center;
}*/

.main_board_wrap .online_counseling .lat li p,
.m_main_board .online_counseling .lat li p {
    display: none;
}

.main_board_wrap .online_counseling .lat li .lt_date p,
.m_main_board .online_counseling .lat li .lt_date p {
    display: inline-block;
}

.main_board_wrap .online_counseling .lat li a,
.m_main_board .online_counseling .lat li a,
.main_board_wrap .latest.notice .lat li  a,
.m_main_board .latest.notice .lat li  a{
   /* display: inline-block;*/
    width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_board_wrap .online_counseling .lat li .fa-lock,
.m_main_board .online_counseling .lat li .fa-lock {
    margin-right: 8px;
    color: #6d9fe0;
    border: none;
}

.tl_drag_slider_wrap h2 {
    font-size: 5rem;
    margin-bottom: 30px;
}

.m_main_board {
    background-color: #fff;
    display: none;
}

.m_main_board .right .tl_latest_tab ul li a.on {
    background-color: #7aa2dd;
}

.m_main_board .right .tl_latest_tab ul li a {
    font-size: 20px;
}

.m_main_board .lat .lt_more {
    display: none !important;
}

.en1 {
    font-size: 40px;
    font-weight: 900;
    color: #232323;
    letter-spacing: -1.6px;
    margin-bottom: 10px;
}

.contact {
    border-radius: 3%;
    background: #003abc;
    color: #fff;
    padding-bottom: 30px;
}

.en2 {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 24px;
}


.footer_tit {
    color: #202020;
    font-weight: 800;
    display: inline-block;
}

.add {
    color: #202020;
    font-weight: 400;
    padding-left: 0px;
    letter-spacing: -1.2px;
}

.call_txt {
    color: #15306b;
    font-weight: 900;
    font-size: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.call_txt2 {
    color: #15306b;
    font-weight: 900;
    font-size: 20px;
    padding-top: 64px;
    padding-bottom: 10px;
    text-align: left;
}

.call {
    font-weight: 900;
    font-size: 30px;
    color: #15306b;
    text-align: left;
    letter-spacing: -1.1px;
}

footer > .container > .row > .col-md-2 > span {
    font-weight: 700;
    letter-spacing: -1.2px;
}

footer > .container > .row {
    padding-bottom: 40px;
}

.line {
    border-bottom: 1px solid #9f9f9f;
}

.copyright {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-top: 30px;
    line-height: 24px;
}

.copyright span {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 700;
    letter-spacing: -1.2px;
}



.ks2 {
    font-family: 'Noto Sans CJK KR Thin';
}

.ks3 {
    font-family: 'Noto Sans CJK KR Light';
}

.ks4 {
    font-family: 'Noto Sans CJK KR Regular';
}

.ks5 {
    font-family: 'Noto Sans CJK KR Medium';
}

.ks8 {
    font-family: 'Noto Sans CJK KR Bold';
    font-weight: 700;
}

.ks9 {
    font-family: 'Noto Sans CJK KR Black';
}

element.style {}

.navbar {
    padding: 0.75rem 1rem;
    background-color: #0f317d;
}


.f12 {
    font-size: 12px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f13 {
    font-size: 13px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f14 {
    font-size: 14px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f15 {
    font-size: 15px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f16 {
    font-size: 16px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f17 {
    font-size: 17px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f18 {
    font-size: 18px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f19 {
    font-size: 19px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f20 {
    font-size: 20px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f21 {
    font-size: 21px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f22 {
    font-size: 22px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f23 {
    font-size: 23px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f24 {
    font-size: 24px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f25 {
    font-size: 25px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f27 {
    font-size: 27px;
    letter-spacing: -1.5px;
}

.f30 {
    font-size: 30px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f33 {
    font-size: 33px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f36 {
    font-size: 36px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f40 {
    font-size: 40px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.f60 {
    font-size: 60px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.fw1 {
    font-weight: 100;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.lh19 {
    line-height: 1.9;
}

.lh20 {
    line-height: 2;
}

.color-white {
    color: #c3c3c3;
}


.color-sky-blue {
    background: #cce5ff;
}

.color-green {
    background: #d4edda;
}



.portfolio-item {
    margin-bottom: 30px;
}

/*
HEAD-LINE
**********/
h3 {
    /*text-align: center;*/
}

.h2,
h2 {
    font-size: 2.5rem;
    color: #232323;
}


.subtitle {
    margin: 0 0 50px;
    0;
}

.head-line {
    line-height: 0.5;
    text-align: center;
}

.head-line span {
    display: inline-block;
    position: relative;
}

.head-line span:before,
.head-line span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    top: 0;
    width: 100px;
}

.head-line span:before {
    right: 100%;
    margin-right: 15px;
}

.head-line span:after {
    left: 100%;
    margin-left: 15px;
}

.subbg {
    background: url('../img/subbg.jpg');
}


.bg-dark {
    background-color: #000000 !important;
}



#tnb_index {
    background: #333333;
}

#tnb_index h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#tnb_index ul {
    margin: 0 auto;
    width: 1120px;
    background: #333333;
    zoom: 1
}

#tnb_index ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tnb_index li:first-child {
    border-right: 1px solid #444444
}

#tnb_index li {
    float: right;
    border-left: 1px solid #444444;
    margin-bottom: -1px;
}

#tnb_index a {
    display: inline-block;
    padding: 0 10px;
    color: #eee;
    line-height: 35px;
}

#tnb_index a:focus,
#tnb_index a:hover {
    color: #4ea1d3;
    background: #fafafa;
    font-family: 'Gulim';
    font-size: 12px
}

#tnb_index .tnb_index_admin a {
    color: #ff0000;
}

#tnb_index .tnb_index_left {
    float: left
}

#tnb_index .tnb_index_left a {
    padding: 0 14px
}

#tnb_index .tnb_index_cart {
    border-right: 1px solid #ddd;
}

#tnb_index .tnb_index_community {
    border-right: 1px solid #ddd
}

#tnb_index .tnb_index_community i {
    font-size: 15px
}

#tnb_index .tnb_index_community {
    background: #e7e7e7;
    font-weight: bold;
}

#tnb_index .tnb_index_community:focus,
#tnb_index .tnb_index_community:hover {
    color: #333;
    border-bottom: 0
}

#tnb_index .tnb_index_community a {
    color: #4ea1d3;
    border-bottom: 1px solid #e7e7e7
}

#tnb_index_left {
    float: left;
    margin-top: 5px
}

#tnb_index ul li a {
    font-size: 12px;
    font-weight: bold;
    font-family: 'Gulim'
}

/*
헤딩
**********/

.center-line {
    display: inline-block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #cccccc;
    margin: auto;
}

.center-line-green {
    display: block;
    width: 100%;
    height: 2px;
    border-top: 2px solid #00422c;
    margin: auto;
}

/*
아이콘박스
**********/

.h75 {
    height: 75px;
}

.box > .icon {
    text-align: center;
    position: relative;
}

.box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #6c757d;
    vertical-align: middle;
}

.box > .icon > .image > i {
    font-size: 36px !important;
    color: #fff !important;
}

.box > .icon > .info {
    margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 30px 0 0 0;
}

.box > .icon > .info > h3.title {
    margin-top: 20px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
}

.box > .icon > .info > p {
    font-weight: 600;
    color: #666;
    line-height: 1.7;
    margin: 15px;
    text-align: left;
}

.box > .icon > .info > .more a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.info i {
    font-size: 60px;
}












/* 서브페이지 공통 */

/* 배경 */
.content {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.back_g {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #f9fafb;
}

.back_w {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
}

.back_b {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #003abc;
}
.back_n {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #10317e;
}
.back_lightb {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #1674de;
}
.con1,
.con2,
.con3,
.con4,
.con5,
.con6,
.con7,
.con8,
.con9 {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}
#youtube .con10{ max-width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 120px;
    text-align: center;
	padding-top: 1320px;
}

.con_wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


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

.last {
    margin-right: 0px !important;
}


/* 텍스트 */
.txt {
    letter-spacing: -1.6px;
    color: #232323;
}

.bold_txt {
    font-weight: 800;
}

.main_txt {
    font-size: 40px;
    color: #232323;
    font-weight: 500;
    letter-spacing: -1.6px;
    line-height: 1.4;
}

.sub_txt {
    font-size: 28px;
    color: #232323;
    font-weight: 400;
    letter-spacing: -1.6px;
    line-height: 1.4;
    padding-top: 30px;
    padding-bottom: 50px;
}

.sub_txt01,
.sub_txt02,
.sub_txt03 {
    text-align: left;
}

.sub_txt01 {
    font-size: 46px;
    font-weight: 800;
    color: #232323;
    letter-spacing: -1.5px;
    margin-bottom: -5px;
}

.sub_txt02 {
    font-size: 46px;
    font-weight: 500;
    color: #232323;
    letter-spacing: -1.5px;
}

.sub_txt03 {
    font-size: 32px;
    font-weight: 600;
    color: #232323;
    letter-spacing: -2px;
    line-height: 1.4;
}

.sub_txt04 {
    font-size: 32px;
    font-weight: 400;
    color: #232323;
    letter-spacing: -2px;
    text-align: left;
}

.sub_txt05 {
    font-size: 33px;
    font-weight: 500;
    color: #202020;
    text-align: center;
    letter-spacing: -1.5px;
}

.sub_txt06 {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    color: #00422c;
}

.sub_txt07 {
    font-size: 26px;
    font-weight: 700;
    color: #232323;
    letter-spacing: -1.5px;
}

.sub_txt08 {
    font-size: 20px;
    font-weight: 300;
    color: #232323;
    letter-spacing: -1.6px;
    line-height: 1.4;
}

.sub_txt_w {
    color: #fff;
}

.sub_txt_b {
    color: #2727d5;
}
.sub_txt_n {
    color: #10317e;
}
.sub_txt_sky {
    color: #0f7af2;
}

.sub_txt_left {
    text-align: left;
}

.add_txt {
    font-size: 24px;
    color: #202020;
    letter-spacing: -1.5px;
    font-weight: 500;
    text-align: left;
    font-size: 24px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.main_point_subtxt > span {font-size: 17px; color:#212121; font-weight: 400;}


/* 서브 메인 배경 */

#online .about-bg {
    background-image: url('https://www.201company.com/pages/img/online_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px
}

#hospital .about-bg {
    background-image: url('https://www.201company.com/pages/img/hospital_top.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px
}

#welfare .about-bg {
    background-image: url('https://www.201company.com/pages/img/welfare_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
}

#hwsa .about-bg {
    background-image: url('https://www.201company.com/pages/img/hwsa_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
}

#gmtps .about-bg {
    background-image: url('https://www.201company.com/pages/img/gmtps_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
}

#youtube .about-bg {
    background-image: url('https://www.201company.com/pages/img/youtube_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
	margin:0px;
	padding:0px;
	position:relative; top:0px; left:0px; z-index: 1;
}
#aicall .about-bg {
    background-image: url('https://www.201company.com/pages/img/aicall_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
	margin:0px;
	padding:0px;
	position:relative; top:0px; left:0px; z-index: 1;
}
.tium_top {
    background-image: url('https://www.201company.com/pages/img/tium_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
	width: 100%;
    height: 1200px;	
	position:absolute; top:862px;  z-index: 2;
	text-align: center;
}

/* 서브 메인 텍스트 */

#online .carousel-caption-text, #hospital .carousel-caption-text, #welfare .carousel-caption-text, #hwsa .carousel-caption-text, #gmtps .carousel-caption-text, #youtube .carousel-caption-text, #aicall .carousel-caption-text, #portfolio .carousel-caption-text {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 0px;
}


/* 온라인마케팅 */


/* 클리어언트 후기 */

#online .con1_box {
    width: 32.4%;
    height: 325px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 100px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 100px;
}

#online .con1_box .con1_img {
    position: absolute;
    top: -30%;
    left: 33%;
    margin-bottom: -45px;
}


#online .con1_box h5 {
    font-weight: 600;
    font-size: 16px;
    padding-top: 32px;
    letter-spacing: -1px;
}



/* 시작과 끝 */

#online .con2 {
    height: 700px;
    background-color: #003abc;
    /* padding-bottom: 120px; */
    position: relative;
}

#online .con2_txt {
    width: 50%;
    color: #fff;
    padding: 100px 0px 80px 200px;
}



/* 매출로 증명하는 */

#online .con3 {
    background-color: #fff;
}

#online .con3_graph {
    width: 878px;
    padding-bottom: 60px;
}


/* 분야별 전문가 */

#online .con4_warp {
    margin-top: 50px;
}

#online .con4_box {
    width: 24%;
    height: 226px;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #fff;
    /* float:left; */
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 35px 20px 20px 20px;
    position: relative;
}

#online .con4_txt1 {}

#online .con4_txt2 {
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -1.2px;
    font-size: 16px;
    padding-top: 0px;
}

#online .con4_img {
    position: absolute;
    bottom: 20px;
}


/* 맞춤 솔루션 */

#online .con5_wrap {
    margin-top: 100px;
}

#online .con5_txt1 {
    font-size: 45px;
    padding-top: 90px;
    padding-bottom: 30px;
}

#online .con5_box {
    width: 32.4%;
    height: 690px;
    background-color: #fff;
    border-radius: 20px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: solid 0.5px #7c7c7c;
}


#online .contact_box {
    border: solid 0.5px #003abc;
    margin: 0 auto;
    background-color: #003abc;
    border-radius: 10px;
    width: 90%;
    padding: 22px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

#online .contact_box:hover {
    border: solid 0.5px #003abc;
    background-color: #fff;
    color: #003abc;
}


#online .con5_box ul {
    padding-left: 20%;
    padding-top: 33px;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
}

#online .con5_box ul li {
    padding-bottom: 2px;
}

#online .con5_box .feather {
    vertical-align: text-top;
    margin-right: 20px;
}

#online .recom {
    margin: 0 auto;
    margin-top: 34px;
    width: 80px;
    font-size: 20px;
    color: #003abc;
    background-color: #ebf3fc;
    padding: 10px;
    border-radius: 100px;
}

#online .premium {
    padding-top: 6px;
}





/* 병원제휴마케팅 */


/* 201컴퍼니*/

#hospital .con1_box {
    width: 48%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 80px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    padding: 20px 0px 30px 40px;
}

#hospital .con1_box:last-child {
    margin-right: 0px;
}

#hospital .con1_box h4 {
    font-weight: 400;
    font-size: 19px;
    padding-top: 15px;
    line-height: 1.4;
    letter-spacing: -1.6px;
}


/* 1400 제휴기업 & 대학교전용 */

#hospital .con2 {
    height: auto;
    position: relative;
}

#hospital .con2_box {
    width: 27%;
    height: 300px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 20px;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
    position: relative;
}

#hospital .con2_box1 {
    padding: 55px 10px 10px 10px;
}

#hospital .con2_box2 {
    width: 100%;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    background-color: #1c5ef2;
    padding: 15px;
    position: absolute;
    bottom: 0;
}

#hospital .con2_box1 h2 {
    font-size: 28px;
    font-weight: 800;
    color: #003abc;
    padding-bottom: 10px;
}

#hospital .con2_box1 h3 {
    font-size: 21px;
    font-weight: 500;
    color: #5d5d5d;
}

#hospital .con2_box1 h3 b {
    font-weight: 800;
    color: #003abc;
}

#hospital .con2_box1 .up {
    margin: 0 auto;
    width: 45%;
    padding: 4px;
    background-color: #003abc;
    color: #fff;
    font-weight: 600;
    border-radius: 1000px;
    margin-top: 12px;
}


/* 기업제휴 마케팅 장점 */

#hospital .con3_box {
    width: 28.3%;
    height: auto;
    margin-right: 7%;
    text-align: left;
    display: inline-block;
    margin-top: 40px;
    vertical-align: top;
}

#hospital .con3_box h2 {
    margin-top: 20px;
}

#hospital .con3_box_txt {
    font-size: 18px;
    margin-top: 10px;
}

#hospital .con3_box_txt li {
    padding-top: 5px;
}


/* 플랜 */

#hospital .con4 {
    padding-top: 100px;
    padding-bottom: 90px;
}

#hospital .con4 .plan_img {
    width: 100%;
}

#hospital .con4_box {
    width: 24%;
    display: inline-block;
    margin-top: 40px;
    vertical-align: top;
}

#hospital .con4_box h3 {
    font-size: 24px;
    font-weight: 600;
}

#hospital .con4_box h4 {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 300;
}


/* 진행 프로세스 */

#hospital .con5_box {
    width: 20%;
    margin-right: 5%;
    display: inline-block;
    margin-top: 60px;
}

#hospital .con5_box:nth-child(4n) {
    margin-right: 0px;
}

#hospital .step_box {
    width: 40%;
    margin: 0 auto;
    background-color: #ebf3fc;
    font-size: 20px;
    color: #003abc;
    font-weight: 800;
    border-radius: 1000px;
    padding: 1%;
    margin-bottom: 20px;
}

#hospital .step_txt {
    font-size: 22px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 20px;
}


/* 파트너스 */

#hospital .partners {
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 8px;
}









/* 의료복지플랫폼 */

/* 필수가 된 의료복지 */
#welfare .con1 {
    height: 860px;

}

#welfare .box_wrap {
    max-width: 1200px;
    height: auto;
    margin-top: 10px;
}

#welfare .con1 .box_wrap {
    position: relative;
}

#welfare .welfare_q {
    position: absolute;
    filter: drop-shadow(2px 4px 8px #ebebec);
}

#welfare .welfare_q:nth-child(1) {
    left: 250px;
}

#welfare .welfare_q:nth-child(2) {
    right: 80px;
    top: 140px;
}

#welfare .welfare_q:nth-child(3) {
    top: 270px;
}


/* 의료복지플랫폼의 선두주자 */

#welfare .con2 {
    padding-bottom: 0px;
}

#welfare .welfare_img {
    width: 100%;
    max-width: 1112px;

}

/* 서울메디컬 이유 */

#welfare .con3 {}

#welfare .con3_box {
    width: 32.2%;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    display: inline-block;
    padding: 25px 10px 10px 25px;
    margin-right: 1.5%;
    margin-top: 50px;
}

#welfare .con3_box h2 {
    padding-top: 30px;
}

#welfare .con3_txt {
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
    line-height: 1.4;
}

#welfare .con3_img {}


/* 서울메디컬 이유 */

#welfare .con4 {
    padding-top: 10px;
    padding-bottom: 120px;
}

#welfare .con4_box {
    text-align: left;
    width: 63%;
    margin: 0 auto;
    margin-top: 25px;
}

#welfare .con4_box:first-child {
    margin-top: 70px;
}

#welfare .recom_icon {
    display: inline-block;
    vertical-align: top;
}

#welfare .recom_img {
    padding-right: 18px;
}

#welfare .recom_txt {
    padding-top: 5px;
    font-size: 20px;
}


/* 꾸준히 성장중인 서울메디컬 */

#welfare .con5 {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

#welfare .con5_box_wrap1 {
    width: 30%;
    float: left;
}

#welfare .con5_box_wrap2 {
    position: absolute;
    right: 0;
}

#welfare .con5_box {
    width: 198px;
    height: 180px;
    background-color: #fff;
    border-radius: 20px;
    float: left;
    margin-right: 15px;
    padding: 55px 0px;
}

#welfare .con5_box h4 {
    font-size: 21px;
    color: #5d5d5d;
    font-weight: 500;
}

#welfare .con5_box h1 {
    font-size: 31px;
    color: #003abc;
    font-weight: 800;
}

#welfare .more {
    width: 138px;
    padding: 12px;
    background-color: #232323;
    color: #fff;
    font-size: 15px;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;

}


/* 원하는 복지 (스토어 롤링) */

#welfare .con6_wrap {
    margin-top: 80px;
}

#welfare .wel-txtArea {
    text-align: left;
    width: 100%;
}

#welfare .slide_tit {
    font-size: 22px;
    font-weight: 600;
    padding-top: 25px;
    padding-bottom: 8px;
}

#welfare .slide_txt {
    font-size: 16px;
    letter-spacing: -1.2px;
}

#welfare .con6 a {
    color: #232323 !important;
}


/* 복지담당자 후기 */

#welfare .con7_box {
    width: 32.4%;
    height: 462px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 100px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#welfare .con7_box .con7_img {
    position: absolute;
    top: -15%;
    left: 33%;
    margin-bottom: -45px;
}

#welfare .con7_box h3 {
    font-size: 22px;
    font-weight: 700;
    padding-top: 130px;
    line-height: 1.4;
}

#welfare .con7_box h4 {
    font-weight: 300;
    padding-top: 32px;
    line-height: 1.4;
}

#welfare .con7_box h5 {
    font-weight: 600;
    font-size: 16px;
    padding-top: 45px;
    letter-spacing: -1px;
}


/* 기업 제휴 순서 */

#welfare .con8_box {
    width: 32%;
    height: 470px;
    margin-right: 1%;
    background-color: transparent;
    border-radius: 20px;
    border: dashed 0.5px #7c7c7c;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-top: 60px;

}

#welfare .con8_txt1 {
    background-color: #003abc;
    color: #fff;
    padding: 30px 0px;
}

#welfare .con8_txt1 h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

#welfare .con8_txt1 h2 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;

}

#welfare .con8_txt2 {
    padding: 45px 0px;
}


#welfare .con8_txt2 h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

#welfare .con8_txt3 {
    font-size: 14px;
    color: #7c7c7c;
}


#welfare .con8_txt2 h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

#welfare .con8_txt2 img {
    padding: 20px 0px 26px 0px;
}



/* 1400여개 기업 학교 */
#welfare .con9 .main_txt {
    padding-bottom: 80px;
}




/* 건강복지서비스인증 */


/* 건강복지서비스인증이란*/

#hwsa .con1_box {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 20px;
}

#hwsa .con1_box img {
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}



/* 진행과정 */

#hwsa .con2 {
    height: auto;
    position: relative;
    background-color: #fff;
}


#hwsa .con2_box {
    width: 100%;
    height: 138px;
    background-color: #f9fafb;
    overflow: hidden;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
    display: table;
    border: 1px solid #dfdfdf;
}


#hwsa .con2_txt {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
}

#hwsa .con2_txt h2 {
    font-size: 26px;
    font-weight: 700;
    color: #003abc;
}

#hwsa .con2_txt h3 {
    font-size: 16px;
    color: #232323;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0px;
}

#hwsa .con2_box:first-child {
    background-color: #003abc;
    margin-top: 70px;
}

#hwsa .con2_box:first-child .con2_txt h2 {
    color: #fff;
}

#hwsa .con2_box:first-child .con2_txt h3 {
    color: #fff !important;
}


/* 평가방법 */

#hwsa .con3 {
    background-color: #003abc;
}

#hwsa .con3_box {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top
}

#hwsa .con3_box h2 {
    font-size: 30px;
    margin-top: 40px;
    color: #fff;
}

#hwsa .con3_box .con3_border {
    width: 100px;
    margin: 0 auto;
    border: solid 2px #fff;
    margin-bottom: 15px;
}

#hwsa .con3_table {
    margin: 0 auto;
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    margin-top: 30px;
}

#hwsa table th,
#hwsa table td {
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1.6px;
    padding: 15px;
}

#hwsa table th {
    font-size: 26px;
    background-color: #c3c3c3;
    color: #fff;
}

#hwsa table th:nth-child(1) {
    border-right: solid 2px #fff;
}

#hwsa table td {
    color: #232323;
    font-size: 22px;
    border-right: solid 2px #c7c7c7;
}


#hwsa table td:nth-child(1) {
    font-weight: 700;
    color: #003abc;
}

#hwsa table .td_left {
    border-right: none;
    text-align: left;
    padding-left: 40px;
}

#hwsa tbody tr {
    border-bottom: solid 2px #c7c7c7;
}

#hwsa tbody .tr_none {
    border-bottom: none;
}

#hwsa table .td_2 {
    padding: 10px 52px;
}

#hwsa .con3_box:last-child {
    margin-top: 70px;
}





/* 마크 */

#hwsa .con4_box {
    width: 100%;
    height: auto;
    background-color: #f9fafb;
    border-radius: 20px;
    padding: 50px;
    margin-bottom: 50px;
    margin-right: 0px;
    text-align: center;

}

#hwsa .con4_img {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: static;



}

#hwsa .con4_txt {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-top: 10px;
}


#hwsa .con4_txt h3 {
    font-size: 30px;
    color: #003abc;
    font-weight: 700;
}

#hwsa .con4_txt h4 {
    font-size: 20px;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 25px;
}

#hwsa .con4_txt ul li {
    width: 40%;
    display: inline-block;
    line-height: 1.8;
}


#hwsa .con4_box2 h4 {
    color: #5b5b5b;
    font-size: 20px;
    font-weight: 400;

}

#hwsa .con4_box2 img {
    padding-top: 50px;
}


/* 진행 프로세스 */

#hwsa .con5_box {
    width: 32%;
    height: 165px;
    vertical-align: top;
    margin-right: 1%;
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    margin-bottom: 1%;
    position: relative;
}

#hwsa .step_box {
    width: 100%;
    margin: 0 auto;
    font-size: 26px;
    color: #003abc;
    font-weight: 700;
}

#hwsa .step_txt {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.4;
}

#hwsa .con5 .txt_wrap {
    width: 90%;
    padding: 40px 0px 40px 25px;
    display: inline-block;

}

#hwsa .con5_box img {
    width: 52px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#hwsa .con5_box .txt_wrap ul {
    padding-top: 3px;
    padding-left: 0px;
}

#hwsa .con5_box .txt_wrap li {
    font-size: 14px;
}

#hwsa .con5_box2 {
    height: 230px;
}


#hwsa .con5 .feather {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 18px;
    color: #003abc;
}

#hwsa .con5_txt {
    width: 100%;
    background-color: #003abc;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    padding: 15px;
    border-radius: 20px;
}


/* 기대효과 */

#hwsa .con6_box {
    width: 32%;
    height: 450px;
    vertical-align: top;
    margin-right: 1%;
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 1%;
    position: relative;
}

#hwsa .con6_box ul {
    text-align: left;
    margin: 0 auto;

}

#hwsa .con6 .txt_wrap {
    padding: 32px;
}


#hwsa .con6 .txt_wrap h2 {
    font-size: 26px;
    color: #003abc;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
}


#hwsa .con6 .txt_wrap li {
    padding-bottom: 5px;
}

/* 해외관광 */

#gmtps .chapter_wrap {width:50%;margin:0 auto; text-align:center;}
#gmtps .black_line{border: 1px solid #000; width:100%;}
#gmtps .chapter {display: flex;}
#gmtps .chapter_txt{ 
    color:#003abc; font-size:26px; font-family: "Montserrat", sans-serif;font-weight: 800;
    text-align: left;
    width: 24%;
    vertical-align: middle;
    margin-top: 30px;
    margin-bottom: 30px;}
#gmtps .chapter_datail{width: 74%; text-align: left; vertical-align: middle;margin-top: 30px; margin-bottom: 30px;margin-left:6px;font-size: 26px;}


#gmtps .con2 {
    height: auto;
    position: relative;
    background-color: #fff;
}


#gmtps .con2_box {
    width: 100%;
    height: 138px;
    background-color: #f9fafb;
    overflow: hidden;
    border-radius: 20px;
    display: block;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
    display: table;
    border: 1px solid #dfdfdf;
}


#gmtps .con2_box .con2_img{
    display: block;
    width: 100%;
    max-width: 240px;   
	margin: 0 auto;
	margin-top:40px;
	}
#gmtps .con2_box .con2_img > img{
	 border-radius: 50%;
}
#gmtps .con2_txt {
    display: block;
	 width: 100%;
    vertical-align: middle;
    padding: 30px;
}

#gmtps .con2_txt h2 {
    font-size: 26px;
    font-weight: 700;
    color: #003abc;
}

#gmtps .con2_txt h3 {
    font-size: 16px;
    color: #232323;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
}

#gmtps .con2_box:first-child {
    margin-top: 60px;
}
#gmtps .con2_txt .chapter_txt22{
 color:#003abc; font-size:22px; font-family: "Montserrat", sans-serif;font-weight: 800;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

#gmtps .medi_button {
    display: block;
    margin: 0 auto;
    background-color: #232323;
    border-radius: 20px;
    max-width: 374px;
    width: 30%;
    height: 67px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 35px;
    color: #fff;
    font-weight: 800;
    padding-top: 6px;
}

#gmtps .medi_button:hover {
    display: block;
    margin: 0 auto;
    background-color: #1d32a7;
    border-radius: 20px;
    max-width: 374px;
    width: 30%;
    height: 67px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 35px;
    color: #fff;
    font-weight: 800;
    padding-top: 6px;
}


/* 유튜브 광고 */

#youtube .tium_top .tium_txt{display:block;padding-top:415px;font-size:40px;margin:0 auto; text-align: center; width: 100%; font-weight: 400;line-height: 54px;letter-spacing:-1.6px;}
#youtube .tium_top .tium_txt b {font-weight: 700;}

#youtube .tium_txt02{display:block;font-size:33px;font-weight: 700;padding-top:44px;margin:0 auto; text-align: center;}

#youtube .tium_button { 
    display:block;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
    max-width: 374px;
	width:30%;
	height: 67px;
    margin-top: 70px;
    font-size: 35px;
    color: #1d32a7;
    font-weight: 800;

	padding-top: 6px;
}

#youtube .tium_button:hover {
    display:block;
    margin: 0 auto;
    background-color: #1d32a7;
    border-radius: 20px;
    max-width: 374px;
	width:30%;
	height: 67px;
    margin-top: 70px;
    font-size: 35px;
    color: #fff;
    font-weight: 800;
	 padding-top: 6px;
}
#youtube .tium_txt03 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -1.6px;
    line-height: 1.4;
    padding-top: 30px;
    padding-bottom: 50px;
}
#youtube .con1_box {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 20px;
}

#youtube .con1_box img {
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}

#youtube .con2 {
    background-color: #003abc;
}

#youtube .con2_box {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 20px;
}

#youtube .con2_box img {
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}

#youtube .con3_box {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 0px;
}

#youtube .con3_box img {
    max-width: 100%;
    max-height: 100%;
    padding:0px 10px;
}
#youtube .con3 .graph_txt{
    color:#232323;
	font-size: 22px;
    font-weight: 700;
	padding-top:40px;
}

#youtube .step_txt {
    font-size: 22px;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 20px;
	color:#fff;
}
#youtube .step_box {
    width: 98%;
    margin: 20px auto;
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    border-radius: 1000px;
    padding: 0px;
    margin-bottom: 20px;
}
#youtube .con5_box {
    width: 18%;
	vertical-align: top;
    margin-right: 20px;
    display: inline-block;
    margin-top: 60px;
}
#youtube .con5_box > img{
width: 100%;
}

/* ai콜센터 */
#aicall .con1_warp {
    margin-top: 50px;
}
#aicall .con1_box {
    width: 24%;
    height: 226px;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #fff;
    /* float: left; */
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 35px 20px 20px 20px;
    position: relative;
}
#aicall .con1_txt2 {
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -1.2px;
    font-size: 16px;
    padding-top: 0px;
}
#aicall .con1 .con1_box .con1_img {
    position: absolute;	
	padding-top: 24px;
}

#aicall .con1_box .con1_img {
    position: absolute;	
}

#aicall .con3 .con1_box .con1_img {
    position: absolute;	
	top: -50px;
	text-align: center;
    margin: 0 110px;
}
#aicall .con3 .con1_box{
	width: 32.4%;
    height: 207px;
    background-color: #fff;
    border-radius: 20px;
	margin-top:60px;
}

#aicall .con2_wrap {display: flex;}
#aicall .con2_txt, #aicall .con2_img {
width: 49%;
}
 
#aicall .con2_txt > .main_txt > ul {
    text-align:left;
    font-size: 28px; 
	padding-top:40px;
	padding-left:40px;
}
#aicall .con2_txt > .main_txt > ul > li {
padding-bottom:48px;
padding-left:40px;
}


#aicall .back_lightb.txt .box_wrap .con1_box > h3 {
     font-size: 32px; 
     color: #1674de;
	 font-weight:800;
	 padding-top:40px;
	 text-align:center;
}
#aicall .back_lightb.txt .box_wrap .con1_box > h5 {
text-align:center;
}
#aicall .pc.con4 > .box_wrap.txt > img{
padding-top:10px;
}


#aicall .con4_box {
    width: 24%;
    display: inline-block;
    margin-top: 20px;
    vertical-align: top;
}

#aicall .con4_box h3 {
    font-size: 24px;
    font-weight: 600;
}
#aicall .con4_box h4 {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 300;
}
#aicall .con5 .con5_box {
    width: 24%;
    height: 226px;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #f9fafb;
    /* float: left; */
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 35px 20px 20px 20px;
    position: relative;
	border: 1px solid #d9d9d9;
}

#aicall .con5 .con5_box .con1_img {
    position: absolute;	
	padding-top: 24px;
}

#aicall .con6_box {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-top: 30px;
    padding-top: 20px;
}
#aicall .con6_box img {
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}


#aicall .con5 {
    padding-bottom: 60px;
}

/* 포트폴리오 */
#portfolio .about-bg {
    background-image: url('https://www.201company.com/pages/img/portfolio_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
}



/* 메인(문의) & 문의하기 */
.contact_box {
    border: solid 0.5px #003abc;
    margin: 0 auto;
    background-color: #003abc;
    border-radius: 10px;
    width: 90%;
    padding: 22px;
    font-size: 24px;
    color: #fff;
}

.contact_box:hover {
    border: solid 0.5px #003abc;
    background-color: #fff;
    color: #003abc;
}

.con_img > img {
    width: 100%;
}

.swiper-wrapper .swiper-slide > img {
    width: 100%;
    max-width: 1200px;
}


/* info-pink */
.box > .icon > .info-pink > .more a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.info-pink i {
    font-size: 60px;
}


/* info-pink-2 */

.box > .icon {
    text-align: center;
    position: relative;
}

.box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #6c757d;
    vertical-align: middle;
}

.box > .icon > .image > i {
    font-size: 36px !important;
    color: #fff !important;
}

.box > .icon > .info-pink-2 {
    margin-top: -24px;
    border: 1px solid #1a759f;
    padding: 30px 0 0 0;
    background: #1a759f;
    color: #fff;
}

.box > .icon > .info-pink-2 > h3.title {
    margin-top: 20px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
}

.box > .icon > .info-pink-2 > p {
    font-weight: 600;
    color: #fff;
    line-height: 1.7;
    margin: 15px;
    text-align: left;
}

.box > .icon > .info-pink-2 > .more a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.info-pink-2 i {
    font-size: 60px;
}

.pallaxbox {
    font-size: 33px;
    font-weight: 400;
    color: #fff;
}

/* parallax */
.parallax-window {
    position: relative;
    background: #3e3b3b52;
}

.para_count {
    padding-top: 50px;
}

/* callbox */
.callbox {
    background: #f2f2f2;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* 네비 */
#navbarResponsive > ul > li.nav-item.dropdown.show .dropdown-menu > a > span {
    font-size: 1.0em;
}
#navbarResponsive > ul > li.nav-item > a {
font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
color: #ffffff;
}


.dropdown-item {
    font-size: 0.8em;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-weight: 700;
}

.a-box {
    padding: 50px;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


.collapse.in {
    -webkit-transition-delay: 4s;
    transition-delay: 5s;
    visibility: visible;
}


/* footer */
.a-link a {
    color: #ffffff;
}

.sns_icon a {
    color: #ffffff;
}

.bg-gray {
    background: #454545;
}

.bg-gray div {
    padding: 15px;
}

.bg-gray-2 {
    background: #f5f5f5
}


/* 상하 좌우 조절 */

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-16 {
    margin-top: 16px;
}

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

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-36 {
    margin-top: 36px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-110 {
    margin-top: 110px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-130 {
    margin-top: 130px;
}

.margin-top-140 {
    margin-top: 140px;
}

.margin-top-150 {
    margin-top: 150px;
}

.margin-top-180 {
    margin-top: 180px;
}

.margin-top-220 {
    margin-top: 220px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}


.margin-bottom-10 {
    margin-bottom: 10px;
}

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

.margin-bottom-24 {
    margin-bottom: 24px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

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

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-bottom-110 {
    margin-bottom: 110px;
}

.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-bottom-130 {
    margin-bottom: 130px;
}

.margin-bottom-140 {
    margin-bottom: 140px;
}

.margin-bottom-150 {
    margin-bottom: 150px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-left-80 {
    margin-left: 80px;
}

.margin-left-90 {
    margin-left: 90px;
}

.margin-left-100 {
    margin-left: 100px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-45 {
    margin-right: 45px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-right-80 {
    margin-right: 80px;
}

.margin-right-90 {
    margin-right: 90px;
}

.margin-right-100 {
    margin-right: 100px;
}



.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-top-110 {
    padding-top: 110px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-top-130 {
    padding-top: 130px;
}

.padding-top-140 {
    padding-top: 140px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-top-180 {
    padding-top: 180px;
}



.padding-right-10 {
    padding-right: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-bottom-110 {
    padding-bottom: 110px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-130 {
    padding-bottom: 130px;
}

.padding-bottom-140 {
    padding-bottom: 140px;
}

.padding-bottom-150 {
    padding-bottom: 150px;
}



.p-r {
    position: relative;
}

.p-a {
    position: absolute;
}


.para-text h2 {
    line-height: 2.5;
}

.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.color_666 {
    color: #666;
}

.bg-gray2 {
    background: #f2f2f2;
    padding-bottom: 20px;
    padding-top: 20px;
}

.heading {
    font-size: 18px;
    line-height: 24px;
}

.pro-icon i {
    font-size: 24px;
}

.navbar-toggler {
    background-color: transparent;
}


.para-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* 데스크탑 */

/* 1240 - 1201 시작 */

@media only screen and (min-width: 1201px) and (max-width: 1240px) {

#youtube .tium_button {width: 40%;}
#youtube .tium_button:hover {width: 40%;}

    .line {
        display: none;
    }

    .swiper-pointer-events {
        padding-left: 0px;
    }

    .row {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .section05 > .row {
        width: 100%;
        max-width: 1200px;
    }

    .box {
        margin-left: 10px;
        background-size: 90%, 90%;
    }

    .logo {
        width: 119px;
    }

    .mobile {
        display: none;
    }

    .pc {
        display: inline-block;
    }

    /* DESKTOP 슬라이드 크기 조절 */
    .main .carousel-control-prev-icon {
        width: 50px;
        height: 50px;
    }

    .main .carousel-control-next-icon {
        width: 50px;
        height: 50px;
    }

    .main .carousel-item {
        height: 886px;
    }

    .main .carousel-item img {
        position: absolute;
        object-fit: cover;
        top: 0;
        left: 0;
        min-height: 886px;
    }

    p {
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    .main .carousel-item {
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg.jpg') !important;
        margin-top: 60px;
    }

    .visual_btn {
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff !important;
        position: absolute;
        padding: 15px 62px;
        font-size: 20px;
        margin: 130px auto;
        display: inline-block;
        font-weight: 900;
        letter-spacing: -2px;
        margin-left: -106px;
    }


    .parallax-slider {
        height: 694px;
    }

    /* 네비 */
    .navbar-brand {
        font-size: 25px;
        font-weight: bold;
    }

    .navbar-nav li {
        padding: 20px 35px 20px 35px;
    }

    .mobile {
        display: none;
    }

    .pc {
        display: block;
    }

    .main .carousel-item {
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg.jpg') !important;
    }




    /*서브페이지 공통*/

    #online .carousel-caption-text,
    #hospital .carousel-caption-text,
    #welfare .carousel-caption-text,
    #hwsa .carousel-caption-text,
    #gmtps .carousel-caption-text,
    #portfolio .carousel-caption-text.
	#youtube .carousel-caption-text,
	#aicall .carousel-caption-text{
        padding-left: 3%;
    }


    .con1,
    .con2,
    .con3,
    .con4,
    .con5,
    .con6,
    .con7,
    .con8,
    .con9,
    .con10 {
        width: 95%;
    }

    /* 온라인 */
    #online .con2_slide {
        top: 16%;
    }

    /* 병원 */
    #hospital .con3 .box_wrap {
        width: 96%;
    }

    #hospital .con3_box_txt {
        font-size: 16px;
    }

    /* 의료복지 */

    /* 포트폴리오 */

    /* #portfolio #bo_gall {
        width: 98% !important;
    } */
#gmtps .chapter_wrap {width:70%;}

}

/* 1240 - 1201 끝 */


@media only screen and (min-width: 1201px) {
    .logo {
        width: 119px;
    }

    .navbar-nav li {
        padding: 20px 35px 20px 35px;
    }
	
}


/* 1200 시작 */


/* 태블릿 1200 */

@media only screen and (min-width: 769px) and (max-width: 1200px) {


#youtube .tium_button {width: 45%;}
#youtube .tium_button:hover {width: 45%;}
    
#gmtps .medi_button {width: 45%;}
#gmtps .medi_button:hover {width: 45%;}

    body > nav > .container {
        max-width: 1200px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .col-md-6 {
        text-align: left;
    }

    .col-md-6.footer_left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container .row,
    #premium .mobile .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0 20px 20px;
    }

    .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
    }

    .footer_back {
        padding-left: 20px;
        padding-right: 20px;
    }

    .row.contact > .input_name {
        padding-left: 0px
    }

    .row.contact > .input_wr_2 {
        padding-right: 0px
    }

    .input_name > .form-control {
        width: 100% !important;
        float: right;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        float: left;
    }

    .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section01 > .row > div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer > .container > .row > .col-md-4.text-left {
        margin: 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    footer > .container > .row > .footer_call {
        padding-right: 15px;
        padding-left: 15px;
    }

    .section05 > .row {
        width: 100%;
        max-width: 769px;
        margin-top: 60px;
        display: inline-block;
    }

    .box5 {
        width: 23.65%;
        margin: 0px 10px 10px 0;
    }

    .section01,
    .section02,
    .section03,
    .section05 {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 769px;
        width: 100%;
    }

    .section04 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .row > .box5:nth-child(4),
    .row > .box5:nth-child(8),
    .row > .box5:nth-child(12) {
        margin: 0px 0px 10px 0;
    }

    .row > .box5:nth-child(17),
    .row > .box5:nth-child(18) {
        display: none;
    }



    .contact > .col-md-12,
    .contact > .col-md-6,
    .contact > .col-md-9 {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
    }

    .box {
        width: 100%;
        padding-bottom: 50px;
    }

    .col-md-4:nth-child(3) > a > .box {
        padding-bottom: 0px;
    }

    .box5 > .icon > img {
        border: 1px solid #e4e4e4;
        width: 99%;
    }

    .box2 {
        border-right: 0px;
    }

    .line {
        border-bottom: 1px solid #212121;
        width: 74px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
        display: block;
    }

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon {
        background-size: auto;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .box3_title {
        margin-left: 20px;
    }

    .box3_txt {
        margin-left: 20px;
    }

    .box3_btn {
        margin-left: 20px;
    }

    .main_board_wrap .half .title .txt {
        font-size: 36px;
    }

    .main_board_wrap .half {
        width: 50%;
        padding: 0 20px;
    }

    .contact {
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    iframe {
        border: 0;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        height: 740px;
    }

    .en2 {
        margin-left: 20px;
    }

    div.col-md-6.text-left {
        padding-right: 0px;
    }




    .input_contact_us {
        max-width: 50%;
        padding-left: 0;
    }

    .contact_btn {
        margin: 10px 0 0 0px;
    }

    .input_agree {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-check-label {
        margin-right: 20px;
    }



    .gallery-box {
        max-width: 100%;
    }

    .swiper-container {
        max-width: 100%;
        height: auto;
    }

    .logo {
        width: 119px;
    }

    /* 태블릿등 슬라이드 크기 조절 */
    .main .carousel-control-prev-icon {
        width: 50px;
        height: 50px;
    }

    .main .carousel-control-next-icon {
        width: 50px;
        height: 50px;
    }

    .mobile {
        display: none !important;
    }

    .pc {
        display: block;
    }

    .container.ety-mt.mt-5.margin-bottom-50 {
        padding: 0 30px;
    }


    .con_img > img {
        width: 100%;
        padding: 0 60px;
    }

    .swiper-wrapper .swiper-slide > img {
        width: 100%;
        max-width: 100%;
    }

    .conference_txt {
        font-size: 1.3em;
    }


    .main .carousel-item {
        height: 694px;
        min-height: 694px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg.jpg') !important;
    }





    .pallaxbox_top {
        margin-top: 0;
    }

    .parallax-window .container .row {
        margin-top: 90px;
    }

    .f14 {
        font-size: 12px;
        letter-spacing: -1.0px;
    }

    .f16 {
        font-size: 14px;
    }

    .f30 {
        font-size: 24px;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }


    .container.footer .row .footer_title:nth-child(1) {
        width: 22%;
    }

    .container.footer .row .footer_title:nth-child(2) {
        width: 20%;
    }

    .container.footer .row .footer_title:nth-child(3) {
        width: 20%;
    }

    .container.footer .row .footer_title:nth-child(4) {
        width: 20%;
    }

    .container.footer .row .footer_title:nth-child(5) {
        width: 15%;
    }


    .footer_tel {
        font-size: 1.2em;
    }

    .footer_tel01 {
        font-size: 1.2em;
    }

    .footer_tel02 {
        font-size: 1.2em;
    }

    .visual_btn {
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff !important;
        margin: 0 auto;
        margin-top: 26px;
        padding: 15px 52px;
        font-size: 20px;
        display: inline-block;
        font-weight: 900;
        letter-spacing: -2px;
    }

    .main .carousel-item {
        height: 550px;
    }

    .main .carousel-item img {
        position: absolute;
        object-fit: cover;
        top: 0;
        left: 0;
        min-height: 550px;
    }

    .main .carousel-item {
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    /* 네비 */
    .navbar-brand {
        font-size: 25px;
        font-weight: bold;
        padding-left: 10px;
    }

    .navbar-nav li {
        padding: 20px 0 20px 24px;
    }

    li.nav-item > a {
        letter-spacing: -1px;
    }

    nav > .container {
        text-align: left;
    }
    
    .navbar-collapse {
        /* padding-top: 10px; */
    }

    .fa,
    .fas {
        margin-right: 10px;
    }

    /* 회원가입 */
    #register_form {
        text-align: left;
    }








    /* 1200서브페이지 공통 */

    #online .carousel-caption-text,
    #hospital .carousel-caption-text,
    #welfare .carousel-caption-text,
    #hwsa .carousel-caption-text,
	#gmtps .carousel-caption-text,
    #portfolio .carousel-caption-text,
	#youtube .carousel-caption-text,
	#aicall .carousel-caption-text{
        padding-left: 4%;
    }

    .con1,
    .con2,
    .con3,
    .con4,
    .con5,
    .con6,
    .con7,
    .con8,
    .con9 {
        width: 95%;
    }


    .sub_txt08 {
        font-size: 18px;
    }


    /* 온라인 1200 */


    #online .con1_box {
        margin-top: 120px;
    }


    #online .con1_box .con1_img {
        left: 28%;
    }

    #online .con1_box h5 {
        padding-top: 25px;
    }

    #online .con2 {
        width: 100%;
    }

    #online .con2_txt {
        width: 100%;
        padding: 110px 0px 0px 100px;
    }

    #online .con2_slide {
        right: 15%;
    }

    #online .con2 .sub_txt {font-size:1.4em;}


    #online .con3_graph {
        width: 100%;
        max-width: 769px;
        margin: 0 auto;

    }

    #online .con3 h4 {
        font-size: 25px;
        padding-top: 70px;
        padding-bottom: 0;
    }

    #online .con4_box {
        width: 48.8%;
        margin-bottom: 1%;
    }

    #online .con4_box:nth-child(2n) {
        margin-right: 0px;
    }

    #online .solution_box {
        padding-top: 0px;
    }

    #online .con5_wrap {
        margin-top: 60px;
    }

    #online .con5_box {
        height: 610px;
        margin-bottom: 20px;
    }


    #online .con5_txt1 {
        font-size: 36px;
        padding-top: 75px;
        padding-bottom: 15px;
    }

    #online .recom {
        margin-top: 23px;
        padding: 5px;
        font-size: 18px;
    }

    #online .premium {
        padding-top: 15px;
    }

    #online .con5_box ul {
        padding-left: 18%;
        padding-top: 40px;
        font-size: 16px;
    }

    #online .contact_box {
        padding: 14px;
        font-size: 20px;
    }


    /* 병원제휴 1200 */

    #hospital .con1_box {
        width: 49%;
        padding: 20px 0px 30px 30px;
        margin-top: 60px;
    }

    #hospital .con1_box h4 {
        font-size: 18px;
    }

    #hospital .con2_box {
        width: 31%;
        margin-right: 2%;
    }

    #hospital .con3_box {
        width: 31% !important;
        margin-right: 2% !important;
    }

    #hospital .con3_box_txt {
        font-size: 16px;
        letter-spacing: -2px;
    }

    #hospital .con5_box {
        margin-right: 4%;
        vertical-align: top;
    }

    #hospital .step_box {
        width: 50%;
        font-size: 16px;
        padding: 2%;
    }

    #hospital .step_txt {
        font-size: 18px;

    }

    #hospital .hospital_graph {
        width: 95%;
    }

    #hospital .con7 .partners .box5:nth-child(4n) {
        margin-right: 0;
    }

    #hospital .con7 .partners .box5 {}

    .partners > .box5:nth-child(17),
    .partners > .box5:nth-child(18) {
        display: none;
    }

    .partners .box5 > .icon > img {
        border: 1px solid #e4e4e4;
        /* width: max-content; */
    }


    /* 의료복지플랫폼 1200 */

    #welfare .welfare_q:nth-child(1) {
        left: 100px;

    }

    #welfare .welfare_q:nth-child(2) {
        right: 40px;
    }

    #welfare .welfare_q:nth-child(3) {
        left: 20px;
    }

    #welfare .con7_box h3 {
        font-size: 20px;
    }


    #welfare .con3_box {
        width: 32%;
        padding: 25px 10px 20px 25px;
    }

    #welfare .con4_box {
        width: 70%;
    }

    #hwsa .con4_txt {
        width: 60%;
    }

    #hwsa .con5_box .txt_wrap ul {
        padding-left: 0px;
    }

    #hwsa .con6_box {
        height: 500px;
    }

    #hwsa .con6 .txt_wrap {
        padding: 20px;
    }

  #gmtps .chapter_wrap {width:80%;}


/* ai콜센터 1200 */
#aicall .con1_box {
    width: 47%;
    height: 226px;
    margin-right: 0;
}
#aicall .box_wrap.txt.con1_warp .con1_box:nth-child(3),#aicall .box_wrap.txt.con1_warp .con1_box:nth-child(3) {
margin-top:10px;
}






}


/* 1200 끝 */




/* 768 시작 */

/* 모바일기기 + 태블릿 768 */

@media only screen and (max-width: 768px) {

.main .carousel-inner .carousel-item .carousel-caption-text .title,
    .main .carousel-inner .carousel-item .carousel-caption-text .sub,
    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        margin-left: 2%;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text {
        top: 50%;
    }
	.main .carousel-inner .carousel-item .carousel-caption-text {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

#fwrite > .row > .col-md-6:nth-child(2){padding-right: 15px}
.en2 {
    margin-left: 0px;
}


    .pop-layer {
        display: none;
        position: relative;
        bottom: 100px;
        left: 50%;
        width: 500px;
        height: auto;
        background-color: #fff;
        border: 3px solid #003abc;
        border-radius: 5%;
        z-index: 10;
    }

    .section07 {
        text-align: center;
        padding-top: 80px;
    }

    footer > .container > .row > .footer_call {
        padding-left: 15px;
    }

    .footer_line {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .main_board_wrap .half {
        width: 100%;
        padding: 0 25px;
    }

    .main_board_wrap .main_section {
        display: block;
    }

    .main_board_wrap .half .title {
        display: block;
    }

    .main_board_wrap .half .title .more_btn2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .half .notice {
        padding-bottom: 40px;
    }

    .main_board_wrap .half .title .txt {
        margin: 0 auto;
    }

    .row.contact > .input_name {
        padding-right: 0px;
    }

    .input_name > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .input_name > .input_wr_2 {
        padding-left: 0 !important;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }


    div.col-md-6.text-left {
        padding-right: 10px;
        padding-left: 10px;
    }

    .col-md-6.text-left > div.row.contact > div.col-md-3.margin-bottom-5 {
        max-width: 30%;text-align: left;
    }

    .col-md-6.text-left > div.row.contact > div.col-md-9.margin-bottom-5 {
        flex: 0 0 70%;
        max-width: 100%;
    }

    .contact_btn {
        margin: 10px 0 0 0px;
    }

    .contact {
        padding-bottom: 10px;
    }

    .swiper-slide {
        max-width: 100%;
        max-height: 100%;
    }

    .swiper-slide .imgArea .overlay {
        max-width: 100%;
        max-height: 100%;
    }

    .section05 > .row {
        width: 100%;
        max-width: 576px;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .box5 {
        width: 32%;
        margin: 0px 10px 10px 0;
    }

    .box5 > .icon > img {
        width: 99%;
    }

    .row > .box5:nth-child(3),
    .row > .box5:nth-child(6),
    .row > .box5:nth-child(9),
    .row > .box5:nth-child(12),
    .row > .box5:nth-child(15),
    .row > .box5:nth-child(18) {
        margin: 0px 0px 10px 0;
    }


    .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box5 {
        width: 32%;
        margin: 0px 10px 10px 0;
    }

    .section01,
    .section02,
    .section03,
    .section04,
    .section05 {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }


    .box {
        width: 100%;
        padding-bottom: 50px;
        background-size: 60% 65%;
    }

    .col-md-4:nth-child(3) > a > .box {
        padding-bottom: 0px;
    }

    .box5 > .icon > img {
        border: 1px solid #e4e4e4;
        width: 99%;
    }

    .box2 {
        border-right: 0px;
    }

    .line {
        border-bottom: 1px solid #212121;
        width: 74px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
        display: block;
    }

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon {
        background-size: auto;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .box3_title {
        margin-left: 20px;
    }

    .box3_txt {
        margin-left: 20px;
    }

    .box3_btn {
        margin-left: 20px;
    }

    .mobile {
        display: block !important;
    }

    .pc {
        display: none !important;
    }


    .container {
        width: 100%;
        max-width: 768px;
    }

    .footer_tel {
        color: #00422c !important;
        font-size: 1.8em;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footer_tel01 {
        color: #00422c !important;
        font-size: 1.8em;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .footer_tel02 {
        color: #00422c !important;
        font-size: 1.8em;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .col-md-6.footer_left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container .row,
    #premium .mobile .row {
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        padding-bottom: 30px;
    }

    .container.ety-mt.mt-5.margin-bottom-50 {
        padding: 0 30px;
    }

    .row .col-md-4 {
        padding-right: 15px;
        ;
        padding-left: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .en1 {
        text-align: center;
    }


    /* 모바일 2 슬라이드 크기 조절 */
    .logo {
        width: 119px;
    }

    .main .carousel-control-prev-icon {
        width: 20px;
        height: 20px;
    }

    .main .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }


    .main .carousel-inner .carousel-item .carousel-caption-text .title {
        text-align: left;
        margin-left: 10%;
        margin-top: 90px;
        letter-spacing: -1.5px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub {
        text-align: left;
        margin-left: 10%;
        font-size: 2.5em;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        text-align: left;
        font-size: 1.3em;
        margin-left: 10%;
    }

    .about_txt {
        line-height: 1.3;
    }

    .box3_01,
    .box3_02,
    .box3_03,
	.box3_04	{
        width: 100%;
    }

    .box3_01,
    .box3_02 {
        padding-bottom: 20px;
    }

    .aboutbox {
        font-size: 2.2rem;
        letter-spacing: -1.5px;
    }

    .visual_btn {
        text-align: left;
        margin-left: 10%;
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff !important;
        position: relative;
        left: 0;
        margin-top: 66px;
        padding: 15px 42px;
        font-size: 1.3em;
        display: inline-block;
        font-weight: 900;
        letter-spacing: -2px;
    }


    .swiper-wrapper .swiper-slide > img {
        padding: 0 15px;
    }


    .swiper-slide > img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .swiper-container {
        max-width: 100%;
        height: auto;
    }


    .box-wrapper {
        width: 100%;
        display: block;
    }

    .carousel-caption-text h3 {
        font-size: 4em;
        margin-bottom: 30px;
    }

    .carousel-caption-text p {
        font-size: 2em;
        letter-spacing: -1.5px;
    }

    .main .carousel-item {
        height: 930px;
        min-height: 930px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('https://www.201company.com/theme/home/img/m_main_top_bg.jpg') !important;
    }

    .box .icon .info-pink .about {
        font-size: 1.6em;
        text-align: center;
        letter-spacing: -1.5px;
    }

    .box > .icon > .info-pink {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 4px;
    }

    .col-md-4:nth-child(2) > a > .box > .icon > .info-pink {
        margin-bottom: 50px;
    }

    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        margin-bottom: 0px;
    }

    .box > .icon > .info-pink {
        height: 260px;
    }

    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        height: 230px;
    }

    .pallaxbox {
        font-size: 1.6em;
    }

    .copyright {
        font-size: 0.9em !important;
        padding: 0px;
        letter-spacing: -1.6px;
    }

    .footer_link {
        font-size: 0.9em !important;
        margin-bottom: 2px !important;
    }

    .footer_link2 {
        font-size: 0.9em !important;
    }


    .ml-auto,
    .mx-auto {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .lead {
        font-size: 12px;
        font-weight: 300
    }

    .display-4 {
        font-size: 1.5rem;
        font-weight: 300;
    }

    .btn,
    a.btn {
        line-height: 20px !important;
        height: 20px !important;
        padding: 0 5px;
        text-align: center;
        font-weight: 700;
        border: 0;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out
    }

    .btn-outline-secondary {
        font-size: 11px;
        padding: 0 5px
    }

    #portfolio .carousel-caption-text {
        padding-left: 6%;
        top: 30%;
    }
    #youtube .tium_top { top: 1000px;}
    #youtube .tium_top .tium_txt {
    font-size: 28px;
    line-height: 40px;letter-spacing: -1.5px;
	}
    #youtube .tium_button {width: 60%;}
    #youtube .tium_button:hover {width: 60%;}
	#youtube .carousel-caption-text,
	#aicall .carousel-caption-text{
        padding-left: 6%;
        top: 30%;
    }

    #youtube .tium_txt03 { margin: 0px 20px;}

    #youtube .con5_box {
    width: 70%;
	display: flex;
	margin: 0 auto;
	padding-bottom:50px;
	}
	#youtube .con5_box > img {
    flex: 0 0 60%;
	width: 60%;
	display: inline-block;
	margin-left: 0;
    margin-right: 20px;
	}

    #youtube .step_box {
    width: 40%;
    vertical-align: middle;
    margin-left:40px;
	text-align:left;
	margin-top: 20%;
	}
   #youtube .box_wrap.txt.clearfix.mobile > .con5_box:nth-child(2) > .step_box,#youtube .box_wrap.txt.clearfix.mobile > .con5_box:nth-child(3) > .step_box {
    margin-top: 14%;
	}


    
	#youtube .box_wrap.txt.clearfix.mobile > .con5_box > .step_box > h2{
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    border-radius: 1000px;
    padding: 0px;
   }
    
    #gmtps .medi_button {width: 60%;}
    #gmtps .medi_button:hover {width: 60%;}

    /* 768서브페이지 공통 */


    #online .about-bg,
    #hospital .about-bg,
    #welfare .about-bg,
    #portfolio .about-bg,
	#youtube .about-bg,
	#aicall .about-bg	{
        height: 930px;
    }


    #online .about-bg {
        background-image: url(https://www.201company.com/pages/img/online_768_bg.jpg);
    }

    #hospital .about-bg {
        background-image: url(https://www.201company.com/pages/img/hospital_768_bg.jpg);
    }

    #welfare .about-bg {
        background-image: url(https://www.201company.com/pages/img/welfare_768_bg.jpg);
    }

    #hwsa .about-bg {
        background-image: url(https://www.201company.com/pages/img/hwsa_768_bg.jpg);
    }

	#gmtps .about-bg {
        background-image: url(https://www.201company.com/pages/img/gmtps_768_bg.jpg);
    }

    #portfolio .about-bg {
        background-image: url(https://www.201company.com/pages/img/portfolio_768_bg.jpg);
    }

    #youtube .about-bg {
        background-image: url(https://www.201company.com/pages/img/youtube_768_bg.jpg);
    }
    #youtube .about-bg {
        background-image: url(https://www.201company.com/pages/img/youtube_768_bg.jpg);
    }
	#youtube .tium_top{
        background-image: url(https://www.201company.com/pages/img/tium_768_bg.jpg);
		 height: 1200px;
    }
	#aicall .about-bg{
        background-image: url(https://www.201company.com/pages/img/aicall_768_bg.jpg);
		 height: 1200px;
    }

    #online .carousel-caption-text,
    #hospital .carousel-caption-text,
    #welfare .carousel-caption-text,
    #hwsa .carousel-caption-text,
	#gmtps .carousel-caption-text,
	#youtube .carousel-caption-text,
	#aicall .carousel-caption-text{
        padding-left: 6%;
        top: 18%;
    }

    .con1,
    .con2,
    .con3,
    .con4,
    .con5,
    .con6,
    .con7,
    .con8,
    .con9 {
        width: 95%;
    }

    .sub_txt {
        font-size: 25px;
    }

    .sub_txt08 {
        font-size: 16px;
    }

    /* 

    .sub_txt01,
    .sub_txt02 {
        font-size: 2.5em;
        text-align: left;
    }

    .sub_txt03,
    .sub_txt04 {
        font-size: 29px;
         !important;
        text-align: left;
        line-height: 1.4;
        letter-spacing: -1.5px;
    }

*/





    /* 768 온라인*/


    #online .con1_box {
        width: 100%;
        margin-top: 130px;
    }


    #online .con1_box .con1_img {
        left: 40%;
    }

    #online .con1_box h5 {}

    #online .con2 {
        width: 100%;
        height: 900px;
    }

    #online .con2_txt {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
    }

    #online .con2_slide {
        width: 100%;
        right: 0;
        top: 44%;
    }


    #online .con3_graph {
        width: 100%;
        max-width: 660px;
        margin: 0 auto;
    }


    #online .con3 .mobile .sub_txt {
        padding-bottom: 0px;
        padding-top: 50px;
        font-size: 23px;
    }


    #online .con4_box {
        width: 48.8%;
        margin-bottom: 1%;
    }

    #online .con4_box:nth-child(2n) {
        margin-right: 0px;
    }


    #online .con5_wrap {
        margin-top: 60px;
    }

    #online .con5_box {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    #online .con5_box:first-child {
        height: 430px;
    }

    #online .con5_txt1 {
        font-size: 40px;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    #online .contact_box {
        font-size: 22px;
        padding: 15px;
        /* height: 650px; */
    }

    #online .premium {
        padding-top: 20px;
    }

    #online .con5_box ul {
        padding-top: 40px;
    }


    /* 768 병원 */
    #hospital .con2_box1 h2 {
        font-size: 26px;
    }

    .main_05_point_txt {
        font-size: 21px;
    }

    #hospital .con1 .main_txt {
        padding-bottom: 50px;
    }

    #hospital .con1_box {
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }


    #hospital .con2_box {
        width: 60%;
        margin-top: 15px;
        margin-right: 0;
    }


    #hospital .con3_box {
        width: 95%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
        padding-bottom: 40px;
        border-bottom: solid 0.25px #eee;
    }

    #hospital .con3_box:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    #hospital .con4 .plan_img {
        display: none;
    }

    #hospital .con4_box {
        width: 100%;
        margin-bottom: 5px;
    }

    #hospital .con4_box h2 {
        width: 75%;
        margin: 0 auto;
        padding: 13px;
        margin-bottom: 30px;
        font-size: 22px;
        color: #003abc;
        font-weight: 800;
        background-color: #fff;
        border-radius: 1000px;
        letter-spacing: 0;
    }

    #hospital .con4_box h3 {
        font-size: 24px;

    }

    #hospital .con4_box h4 {
        line-height: 1.4;
    }


    #hospital .con5_box {
        width: 40%;
        margin-top: 60px;
        margin-right: 0;
    }

    #hospital .hospital_graph {
        width: 100%;
    }

    #hospital .partners {
        width: 95%;
    }

    #hospital .partners .box5 {
        width: 32%;
        margin: 0px 10px 10px 0px;
    }


    #hospital .partners .box5:nth-child(3n) {
        margin-right: 0;
    }


    /* 768 의료복지 */


    #welfare .con1 {
        height: 1100px;
    }

    #welfare .con1 .box_wrap {
        margin-top: 20px;
        width: 100%;
    }

    #welfare .welfare_q img {
        width: 90%;
    }

    #welfare .welfare_q:nth-child(1) {
        left: 50px;
    }

    #welfare .welfare_q:nth-child(2) {
        right: -50px;
        top: 220px;
    }

    #welfare .welfare_q:nth-child(3) {
        left: 0px;
        top: 420px;
    }


    #welfare .welfare_img {
        width: 70%;
        max-width: 600px;
        margin: 0 auto;
        padding-bottom: 110px;
    }


    #welfare .con3_box {
        width: 100%;
        text-align: center;
        padding: 30px;
        margin-top: 15px;
    }

    #welfare .con3_box:first-child {
        margin-top: 40px;
    }

    #welfare .con4_box {
        text-align: center;
        margin-top: 60px;
    }


    #welfare .recom_icon {
        display: block;
    }

    #welfare .recom_img {
        padding: 0;
        padding-bottom: 10px;
    }


    #welfare .con5_box_wrap1 {
        width: 100%;
        float: none;
    }


    #welfare .con5 .sub_txt_left {
        text-align: center;
    }

    #welfare .more {
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 40px;
    }


    #welfare .con5_box_wrap2 {
        width: 100%;
        position: relative;
        text-align: left;

    }


    #welfare .con5_box {
        width: 100%;
        height: 80px;
        float: none;
        margin-top: 15px;
        padding: 20px 0px;
        position: relative;
    }

    #welfare .con5_box h4,
    h1 {
        display: inline-block;
    }

    #welfare .con5_box h4 {
        padding: 8px;
        padding-left: 40px;
    }

    #welfare .con5_box h1 {
        position: absolute;
        right: 40px;
    }

    #welfare .con7_box {
        width: 100%
    }

    #welfare .con7_box .con7_img {
        left: 39%;
    }


    #welfare .con8_box {
        width: 100%;
        margin-top: 15px;
    }



    #welfare .con8 .box_wrap {
        margin-top: 70px;
    }


    #welfare .wel-txtArea {
        text-align: center;
    }


    #hwsa .con2_txt {}

    #hwsa .con4_box {
        position: relative;
        height: 620px;
    }

    #hwsa .con4_img {
        width: 100%;
    }

    #hwsa .con4_txt {
        width: 100%;
        text-align: center;
        padding-top: 50px;
    }


    #hwsa .con4_txt ul {
        text-align: left;
        position: absolute;
        width: 100%;
        left: 37%;
    }

    #hwsa .con4_txt ul li {
        display: block;
    }


    #hwsa .con2_txt {
        width: 100%;
    }

    #hwsa .con5_box {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 2%;
    }

    #hwsa .con5_box2 {
        height: 165px;
    }

    #hwsa .last_box {
        height: 200px;
    }

    #hwsa .con6_box {
        width: 100%;
        height: 400px;
        margin-right: 0px;
        position: relative;
        margin-bottom: 20px;
    }

    #hwsa .con6_box ul {
        position: absolute;
        left: 20%;
    }

    #hwsa table th {
        font-size: 20px;
    }

    #hwsa table td {
        font-size: 18px;
    }

    #hwsa table .td_2 {
        padding: 10px 46px;
    }

    #hwsa table .td_left {
        padding-left: 30px;
    }



    #hwsa .con5_box .txt_wrap ul {
        padding-left: 0px;
    }
   #gmtps .con2_txt {
        width: 100%;
    }
   #gmtps .chapter_wrap {width:90%;}







.container .row .col-md-4 > a > img {
    width: 100%;
    max-width: 532px;
    margin: 0 auto;
}

.box .icon .info-pink {
    text-align: center;
    padding: 6px 0 10px 0;
    height: 160px;
}

.box > .icon > .info-pink > p {
    text-align: center;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.5;
    margin: 0px;
    letter-spacing: -1.2px;
    margin-top: 10px;
    font-size: 1.4em;
}

.f24 {
    font-size: 2.2em;
}

.pallaxbox_top {
    margin-top: 0px;
}

.container.footer .row .footer_title:nth-child(1),
.container.footer .row .footer_title,
.container.footer .row .footer_title:nth-child(5) {
    width: 100%;
}

.footer_back {
    width: 100%;
}

.container.footer .row .footer_title:nth-child(1) {
    margin-bottom: 14px;
}

.footer_link {
    line-height: 1.0;
}
}


/*
	네비
	**********/
.navbar-brand {
    font-size: 25px;
    font-weight: bold;
    padding-left: 10px;
}

.navbar-nav li {
    padding: 5px 0px 5px 26px;
}

.megamenu-li {
    display: inline-block;
}

#navbarResponsive > ul > li.nav-item.dropdown.show .dropdown-menu > a > span {
    font-size: 1em;
}

.dropdown-item {
    font-size: 0.9em;
}

li.nav-item > a {
    font-size: 14px;
    color: #fff;
}

/*.navbar-collapse{background-color: #01422c;}*/



/* 모바일기기 + 태블릿 */

@media only screen and (min-width: 576px) and (max-width: 768px) {
  

#aicall .con2_txt > .main_txt > ul > li {
    padding-left: 10px;
}
#aicall .con2_txt > .main_txt > ul {
    padding-left: 10px;
}


#aicall .con5 .con5_box {
    width: 100%;
	}


 .row {
        text-align: center;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
	div.col-md-4.text-right {padding-right: 10px;padding-left: 10px;}
	div.col-md-4.text-right .online_wrap {text-align: center;}

 #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_name,
    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2
	#fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_name > input{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .main_board_wrap .half {
        width: 100%;
        padding: 0 25px;
    }

    .main_board_wrap .main_section {
        display: block;
    }

    .main_board_wrap .half .title {
        display: block;
    }

    .main_board_wrap .half .title .more_btn2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .half .notice {
        padding-bottom: 40px;
    }

    .main_board_wrap .half .title .txt {
        margin: 0 auto;
    }

    .row.contact > .input_name {
        padding-right: 0px;
    }

    .input_name > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .input_name > .input_wr_2 {
        padding-left: 0 !important;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }
}
@media only screen and (min-width: 321px) and (max-width: 575px) {
     div.col-md-8.text-left {
        padding-right: 15px;
        padding-left: 15px;
    }
    div.col-md-4.text-right .online_wrap {text-align: center;}
	div.col-md-4.text-right .online_wrap a {width:36px;height:36px;}
	div.col-md-4.text-right .online_wrap a img{width:36px;height:36px;}
}



/* 모바일 기기 575 */
@media only screen and (max-width: 575px) {

#fwrite > .row > .col-md-6:nth-child(2) { margin-top: 0px !important;}
#gmtps .medi_button {width: 70%; font-size: 30px; padding-top: 10px;}
#gmtps .medi_button:hover {width: 70%; font-size: 30px; padding-top: 10px;}
    
    
#youtube .tium_button {width: 70%; font-size: 30px; padding-top: 10px;}
#youtube .tium_button:hover {width: 70%;font-size: 30px; padding-top: 10px;}
#youtube .tium_top .tium_txt {  font-size: 20px;  line-height: 36px;}
#youtube .tium_txt02 { font-size: 26px;}
#youtube .tium_txt03 { font-size: 20px;}
#youtube .tium_top {
    background-image: url(https://www.201company.com/pages/img/tium_768_1100_bg.jpg);
    height: 1060px;
}
#youtube .con10{ padding-top: 1200px;}
.agree.checkbox{width: 100%;float: left;text-align: left;}
    .pop-layer {
        display: none;
        position: relative;
        bottom: 600px;
        left: 50%;
        width: 80%;
        height: auto;
        background-color: #fff;
        border: 3px solid #003abc;
        border-radius: 5%;
        z-index: 10;
    }

    .pop-layer p.ctxt {
        padding-bottom: 20px;
        line-height: 22px;
        font-size: 14px;
    }

    footer .container {
        padding-right: 0px;
    }

    .contact_tit {
        line-height: 1.2;
        font-size: 2.5em;
    }

    .contact_tit_b {
        line-height: 1.2;
        font-size: 2.5em;
    }

    .contact_txt {
        line-height: 1.2;
        font-size: 1.5em;
    }

    .mobile {
        display: inline-block;
    }

    .pc {
        display: none !important;
    }

    .container.ety-mt.mt-5.margin-bottom-50 {
        padding: 0 15px;
    }

    .container {
        max-width: 100%;
        /*  max-width: 575px;
        min-width: 321px; */
    }

    .main .carousel-item {
        height: 320px;
        min-height: 320px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box5 {
        width: 49%;
        padding: 0px;
    }
.row > .box5:nth-child(odd){margin-right:10px; }

    .box5 > .icon > img {
        width: 100%;
    }

    .row > .box5:nth-child(2),
    .row > .box5:nth-child(4),
    .row > .box5:nth-child(6),
    .row > .box5:nth-child(8),
    .row > .box5:nth-child(10),
    .row > .box5:nth-child(12),
    .row > .box5:nth-child(14),
    .row > .box5:nth-child(16),
    .row > .box5:nth-child(18) {
        margin: 0px 0px 10px 0;
    }



    .section05 > .row {
        width: 100%;
        max-width: 575px;
        min-width: 321px;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main .carousel-item {
        height: 660px;
        max-height: 660px;
        min-height: 466px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('https://www.201company.com/theme/home/img/m_main_top_bg.jpg') !important;
    }

    #carouselExampleIndicators > div > div.mobile.carousel-item.active {
        display: inline-block !important;
    }

    .visual_btn {
        text-align: left;
        margin-left: 10%;
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff !important;
        position: relative;
        left: 0;
        margin-top: 56px;
        padding: 13px 32px;
        font-size: 1.2em;
        display: inline-block;
        font-weight: 900;
        letter-spacing: -2px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .title {
        text-align: left;
        margin-left: 10%;
        margin-top: 150px;
        letter-spacing: -1.5px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub {
        text-align: left;
        margin-left: 10%;
        font-size: 1.6em;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        text-align: left;
        font-size: 1.3em;
        margin-left: 10%;
    }

    .box .icon .info-pink {
        text-align: center;
        padding: 6px 0 10px 0;
        height: 160px;
    }

    .box {
        width: 100%;
        padding-bottom: 50px;
        background-size: 92% 65%;
    }


    .box > .icon > .info-pink > p {
        text-align: center;
        font-weight: 600;
        color: #1f1f1f;
        line-height: 1.5;
        margin: 0px;
        letter-spacing: -1.2px;
        margin-top: 10px;
        font-size: 1.4em;
    }

    .box2 {
        border-right: 0px;
    }

    .line {
        border-bottom: 1px solid #212121;
        width: 74px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
        display: block;
    }

    .main_point_txt {
        font-size: 18px;
    }

    .main_03_txt,
    .mobile.main_04_point,
    .mobile.main_04_point > span {
        font-size: 30px;
        line-height: 1.6;
        margin: 0 auto;
        text-align: center;
        display: block !important;
    }

    .main_03_point,
    .main_05_point_txt,
    .main_point_txt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_board_wrap .half {
        width: 100%;
        padding: 0 25px;
    }

    .main_board_wrap .main_section {
        display: block;
    }

    .main_board_wrap .half .title {
        display: block;
    }

    .main_board_wrap .half .title .more_btn2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .half .notice {
        padding-bottom: 40px;
    }

    .main_board_wrap .half .title .txt {
        margin: 0 auto;
    }

    .row.contact > .input_name {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_name > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .box3_01,
    .box3_02,
    .box3_03,
	.box3_04{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .box3_01,
    .box3_02 {
        padding-bottom: 20px;
    }

    .navbar-toggler {
        padding: 0.25rem 0.25rem;
    }

    /* .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0px;
    }
*/
    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon {
        background-size: auto;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .section04 > .row > .main_03_txt > span > .swiper.mySwiper.swiper-initialized.swiper-horizontal {
        padding-right: 15px;
        padding-left: 15px;
    }

    .en1 {
        text-align: center;
    }

    .contact {
        border-radius: 0;
        margin-top: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-right: 15px;
        padding-left: 15px;
    }

    div.col-md-6.text-left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row {
        display: inline-block;
    }


    .main_05_txt {
        font-size: 30px;
    }
   
   #youtube .con5_box {
    width: 80%;
	}
	#youtube .con5_box > img {
    flex: 0 0 60%;
    width: 60%;
	}
   #youtube .step_box {
    width: 30%;
    margin-left: 20px;
	}
	

    /* 575 서브페이지  공통*/

    .sub_txt01 {
        font-size: 36px;
    }

    .sub_txt02 {
        font-size: 36px;
    }

    #portfolio .sub_txt02 {
        line-height: 1.2;
    }


    .sub_txt03 {
        font-size: 22px;
    }

    .sub_txt04 {
        font-size: 22px;
    }


    .sub_txt07 {
        font-size: 22px;
    }

    .main_txt {
        font-size: 24px;
    }

    .sub_txt {
        font-size: 18px;
    }


    .con1,
    .con2,
    .con3,
    .con4,
    .con5,
    .con6,
    .con7,
    .con8,
    .con9 {
        width: 90%;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #online .carousel-caption-text,
    #hospital .carousel-caption-text,
    #welfare .carousel-caption-text {
        padding-left: 7%;
        top: 14%;
    }

    #portfolio .carousel-caption-text {
        padding-left: 7%;
        top: 27%;
    }

    #online .about-bg,
    #hospital .about-bg,
    #welfare .about-bg,
    #portfolio .about-bg {
        height: 800px;
    }



    #online .about-bg {
        background-image: url(https://www.201company.com/pages/img/online_top_mo.jpg);
        background-position: center;
    }


    #hospital .about-bg {
        background-image: url(https://www.201company.com/pages/img/hospital_top_mo.png);
        background-position: 53% 43%;
    }



    #welfare .about-bg {
        background-image: url(https://www.201company.com/pages/img/welfare_top_mo.jpg);
        background-color: #2727d5;
    }

    #hwsa .about-bg {
        background-image: url(https://www.201company.com/pages/img/hwsa_top_mo.jpg);
        background-position: 60% 90%;
    }
	#gmtps .about-bg {
        background-image: url(https://www.201company.com/pages/img/gmtps_top_mo.jpg);
        background-position: 60% 90%;
    }

    #portfolio .about-bg {
        background-image: url(https://www.201company.com/pages/img/portfolio_top_mo.jpg);
        background-position: 34% 0%;
    }


    #welfare .con1 {
        height: 1020px;
    }

    #online .con1_box {
        padding-top: 95px;
        height: 290px;
    }

    #online .con1 .sub_txt {
        padding-bottom: 5px;
    }

    #online .con1_box .con1_img {
        left: 33%;
        max-width: 144px;
        width: 50%;
    }


    #online .con2 {
        height: 850px;
    }


    #online .con2_slide {
        top: 41%;
    }


    #online .con3 h5 {
        font-size: 16px;
    }


    #online .con3 .mobile .sub_txt {
        font-size: 18px;
    }


    #online .con4_box {
        width: 100%;
        margin-bottom: 4%;
        text-align: center;
    }

    #online .con4_img {
        position: initial;
        padding-top: 9px;
    }

    #online .con4_txt2 {
        font-size: 18px;
    }

    .main_05_point,
    .main_05_point_txt {
        font-size: 22px;
    }

    #hospital .con1_box {
        padding: 20px 30px 30px 30px;
    }


    #hospital .con1_box h4 {
        font-size: 18px;
    }


    #hospital .con2_box {
        width: 90%;
    }


    #hospital .partners .box5 {
        width: 49.99999999%;
        margin: 0px 0px 8px 0px;
    }


    #hospital .step_box {
        width: 30%;
        font-size: 16px;
        padding: 2%;
    }

    #hospital .mobile {
        display: block;
    }

    #hospital .con5_box {
        width: 100%;
        margin-right: 0px;
        display: block;

    }


    #welfare .recom_txt {
        font-size: 18px;
    }

    #welfare .con3_txt {
        font-size: 18px;
    }

    #welfare .con4_box {
        width: 100%;
    }

    #welfare .con5_box {
        height: 70px;
    }

    #welfare .con5_box h1 {
        font-size: 26px;
    }

    #welfare .con5_box h4 {
        font-size: 18px;
        padding-right: 100px;
    }


    #welfare .welfare_img {
        width: 95%;
    }


    #welfare .con7_box .con7_img {
        left: 33%;
        max-width: 144px;
        width: 50%;
    }


    #welfare .con1 .box_wrap {
        width: 95%;

    }

    #welfare .welfare_q:nth-child(1) {
        left: 0px;
    }

    #welfare .welfare_q:nth-child(2) {
        right: 0px;
    }

    #welfare .welfare_q:nth-child(3) {}




    #welfare .welfare_q img {
        width: 100%;
    }



    #hwsa .con2_txt h2 {
        font-size: 22px;
    }


    #hwsa .con3_box h2 {
        font-size: 22px;
    }

    #hwsa table th {
        font-size: 18px;
    }

    #hwsa table td {
        font-size: 16px;
    }

    #hwsa table .td_2 {
        padding: 9px 46px;
    }

    #hwsa table .td_left {
        padding-left: 20px;
    }

    #hwsa .con4_img img {
        max-width: 160px;
    }

    #hwsa .con4_txt {
        padding-top: 30px;
    }

    #hwsa .con4_txt h3 {
        font-size: 24px;
    }

    #hwsa .con4_txt h4 {
        font-size: 18px;
    }

    #hwsa .con4_txt ul {
        left: 33%;
    }

    #hwsa .con4_box {
        height: 540px;
    }


    #hwsa .con4_box2 h4 {
        font-size: 15px;
    }


    #hwsa .con4_box2 img {
        width: 100%;
    }



    #hwsa .step_box {
        font-size: 22px;
    }

    #hwsa .con5_box {
        height: 140px;
    }

    #hwsa .last_box {
        height: 195px;
    }

    #hwsa .con5_txt {
        font-size: 20px;
    }

    #hwsa .con6 .txt_wrap h2 {
        font-size: 22px;
    }

    #hwsa .con6_box ul {
        left: 14%;
    }

   #youtube .con1_box,#youtube .con2_box, #youtube .con3_box {
	margin-top: 0px;
    padding-top: 0px;
	}
   #gmtps .chapter_wrap {
    width: 98%;
   }


}


/* 모바일기기 420 */
@media only screen and (max-width: 420px) {
.about_txt { font-size: 2.2em;}

.row > .box5:nth-child(odd) { margin-right: 3%; }
.box5 { width: 48%;}
#gmtps .medi_button {width: 70%; font-size: 22px; padding-top: 7px;height: 50px;}
#gmtps .medi_button:hover {width: 70%;font-size: 22px; padding-top: 7px;height: 50px;}
    
    #youtube .tium_button {width: 70%; font-size: 22px; padding-top: 7px;height: 50px;}
#youtube .tium_button:hover {width: 70%;font-size: 22px; padding-top: 7px;height: 50px;}
#youtube .tium_top .tium_txt {  font-size: 18px;  line-height: 32px;}
#youtube .tium_txt02 { font-size: 20px;}
#youtube .tium_txt03 { font-size: 18px;}
#youtube .tium_top .tium_txt { padding-top: 360px;}
#youtube .tium_top .tium_txt { padding-top: 300px;}
#youtube .tium_top {
    background-image: url(https://www.201company.com/pages/img/tium_768_950_bg.jpg);
    height: 890px;
}
#youtube .con10{ padding-top: 1020px;}
    
    #welfare .welfare_q:nth-child(2) {
        top: 140px;
    }

    #welfare .welfare_q:nth-child(3) {
        top: 270px;

    }


    #welfare .con1 {
        height: 880px;
    }

    #hwsa .about-bg {
        background-position: 78% 80%;
    }

    #hwsa .con4_box {
        padding: 20px;
        padding-top: 50px;
    }

    #hwsa .con4_img img {
        max-width: 130px;
    }

    #hwsa .con4_txt ul {
        left: 25%;
    }

    #hwsa .con4_txt ul li {
        width: 100%;
    }

    #hwsa .con6_box ul {
        padding: 0px 25px;
        font-size: 15px;
        left: 0%;
    }

    #hwsa .con6_box {
        height: 420px;
        margin-bottom: 20px;
    }

    #hwsa table .td_2 {
        width: 100px;
        padding: 9px 10px;
    }

	#youtube .con5_box {
    width: 95%;
	}
	#youtube .con5_box > img {
    flex: 0 0 25%;
    width: 55%;
	margin-right: 6px;
	}
   #youtube .step_box {
    width: 50%;
    margin-left: 6px;
	}
	#youtube .box_wrap.txt.clearfix.mobile > .con5_box > .step_box > h2 {
    font-size: 18px;
	letter-spacing: -2px;
	}
	#youtube .step_txt {
    font-size: 16px;
	}
	#gmtps .chapter { display: block; text-align: center;}
	#gmtps .chapter_txt {font-size:22px;width: 100%;display:block;text-align: center;margin-top: 20px; margin-bottom: 10px;}
	#gmtps .chapter_datail { font-size:21px;width: 100%;display:block;text-align: center;margin-top: 10px; margin-bottom: 20px;}
	#gmtps .con2_txt h2 { font-size: 22px; font-weight: 700; color: #003abc;}
}


/* 모바일기기 320 */
@media only screen and (max-width: 320px) {
.row > .box5:nth-child(odd) { margin-right: 1%; }
.copyright {
        font-size: 0.7em !important;
        padding: 0 10px;
    }

    div.col-md-4.text-right .online_wrap {text-align: center;}
    div.col-md-4.text-right .online_wrap a {width:36px;height:36px;}
	div.col-md-4.text-right .online_wrap a img{width:36px;height:36px;}

    body {
        width: 100%;
        max-width: 320px;
        overflow: hidden;
    }

    .pop-layer {
        display: none;
        position: relative;
        bottom: 580px;
        left: 50%;
        width: 96%;
        height: auto;
        background-color: #fff;
        border: 3px solid #003abc;
        border-radius: 5%;
        z-index: 10;
    }

    .pop-layer p.ctxt {
        padding-bottom: 5px;
        line-height: 17px;
        font-size: 12px;
    }

    .checkbox label:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        width: 24px;
        height: 24px;
        border: 1px solid #fff;
        background: #fff;
        border-radius: 0px;
    }

    .checkbox label {
        padding-left: 30px;
    }

    .checkbox input[type=checkbox]:checked + label:after {
        content: '';
        position: absolute;
        top: 6px;
        left: 4px;
        width: 16px;
        height: 14px;
        border-left: 4px solid #003abc;
        border-bottom: 4px solid #003abc;
        -webkit-ransform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        transform: rotate(-48deg);
        border-radius: 2px;
    }

    .contact_tit {
        line-height: 1.2;
        font-size: 2.5em;
    }

    .contact_tit_b {
        line-height: 1.2;
        font-size: 2.5em;
    }

    .contact_txt {
        line-height: 1.2;
        font-size: 1.5em;
        padding-bottom: 80px;
    }

    .col-md-3.margin-bottom-5.input_contact_us {
        text-align: center;
    }

    .contact_btn {
        margin: 10px 0;
    }

    .margin-bottom-5 {
        margin-bottom: 5px;
    }

    .margin-bottom-150 {
        margin-bottom: 100px;
    }

    .contact_txt3 {
        font-size: 34px;
    }

    .p-r-5 {
        padding-right: 5px;
    }

    .p-l-5 {
        padding-left: 5px;
    }

    .pc {
        display: none !important;
    }

    .container.ety-mt.mt-5.margin-bottom-50 {
        padding: 0 15px;
    }

    .container {
        max-width: 100%;
        max-width: 100%;
    }

    .main .carousel-item {
        height: 100%;
        min-height: 100%;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box5 {
        width: 50%;
        padding: 0 5px;
    }

    .box5 > .icon > img {
        width: 100%;
    }

    .row > .box5:nth-child(2),
    .row > .box5:nth-child(4),
    .row > .box5:nth-child(6),
    .row > .box5:nth-child(8),
    .row > .box5:nth-child(10),
    .row > .box5:nth-child(12),
    .row > .box5:nth-child(14),
    .row > .box5:nth-child(16),
    .row > .box5:nth-child(18) {
        margin: 0px 0px 10px 0;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .section05 > .row {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .title {
        text-align: left;
        margin-left: 10%;
        margin-top: 150px;
        letter-spacing: -1.5px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub {
        text-align: left;
        margin-left: 10%;
        font-size: 1.6em;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        text-align: left;
        font-size: 1.3em;
        margin-left: 10%;
    }

    .box .icon .info-pink {
        text-align: center;
        padding: 6px 0 10px 0;
        height: 150px;
    }

    .box {
        width: 100%;
        padding-bottom: 30px;
        background-size: 92% 60%;
    }

    .box .icon .info-pink .about {
        font-size: 20px;
    }

    .about_txt {
        font-size: 38px
    }

    .col-md-4:nth-child(2) > a > .box > .icon > .info-pink,
    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        margin-bottom: 0px;
    }

    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        height: 150px;
    }

    .box2 .icon .info-pink .main_count01,
    .box2 .icon .info-pink .main_count02,
    .box2_last .icon .info-pink .main_count03,
    .box2 .icon .info-pink,
    .box2_last .icon .info-pink {
        font-size: 44px;
    }

    .box2 {
        padding-right: 0px;
    }

    .box > .icon > .info-pink > p {
        text-align: center;
        font-weight: 600;
        color: #1f1f1f;
        line-height: 1.5;
        margin: 0px;
        letter-spacing: -1.2px;
        margin-top: 10px;
        font-size: 1.4em;
    }

    .box2 {
        border-right: 0px;
    }

    .line {
        border-bottom: 1px solid #212121;
        width: 74px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
        display: block;
    }

    .main_point_txt {
        font-size: 18px;
    }

    .main_03_txt,
    .main_04_point {
        font-size: 28px;
        line-height: 1.6;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .main_03_point,
    .main_05_point_txt,
    .main_point_txt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_03_point {
        font-size: 28px;
    }

    .main_04_point {
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .main_board_wrap .half {
        width: 100%;
        padding: 0 25px;
    }

    .main_board_wrap .main_section {
        display: block;
    }

    .main_board_wrap .half .title {
        display: block;
    }

    .main_board_wrap .half .title .more_btn2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .half .notice {
        padding-bottom: 40px;
    }

    .main_board_wrap .half .title .txt {
        margin: 0 auto;
        font-size: 34px;
    }

    .row.contact > .input_name {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_name > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }


    .navbar-toggler {
        padding: 0.25rem 0.99rem;
    }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0px;
    }

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon,
	.box3_04 > .icon{
        background-size: auto;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .section04 > .row > .main_03_txt > span > .swiper.mySwiper.swiper-initialized.swiper-horizontal {
        padding-right: 15px;
        padding-left: 15px;
    }

    .en1 {
        text-align: center;
        font-size: 34px;
    }

    .contact {
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }

    div.col-md-6.text-left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row {
        display: inline-block;
    }

    footer > .container > .row > .footer_call {
        padding-left: 15px;
    }

    .footer_line {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .main_05_txt {
        font-size: 40px;
    }



    .sub_txt02,
    .sub_txt03 {
        text-align: center;
        font-size: 1.0em;
        line-height: 1.5;
        letter-spacing: -1.5px;
    }

    .sub_txt01 {
        text-align: center;
        font-size: 2.0em;
        margin-top: 10px;
    }

    .sub_txt04 {
        font-size: 1.8em;
    }

    .sub_txt05 {
        font-size: 1.6em;
        padding: 0 10px 0 10px;
    }



    /* 회원가입 */
    input[type=text],
    input[type=password],
    textarea {
        width: 100%;
        margin-top: 10px;
    }

    .form_01 .frm_label {
        text-align: left;
        letter-spacing: -1.5px;
    }

    #fregisterform .frm_info {
        font-size: 0.8em;
    }


    .p-r-5 {
        padding-right: 5px;
    }

    .p-l-5 {
        padding-left: 5px;
    }

    .mobile {
        display: inline-block;
    }

    .pc {
        display: none !important;
    }

    .container.ety-mt.mt-5.margin-bottom-50 {
        padding: 0 15px;
    }

    .container {
        max-width: 100%;
        /*  max-width: 575px;
        min-width: 321px; */
    }

    .main .carousel-item {
        height: 320px;
        min-height: 320px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box5 {
        width: 48%;
        padding: 0 5px;
		margin:0;
    }

    .box5 > .icon > img {
        width: 100%;
    }

    .row > .box5:nth-child(2),
    .row > .box5:nth-child(4),
    .row > .box5:nth-child(6),
    .row > .box5:nth-child(8),
    .row > .box5:nth-child(10),
    .row > .box5:nth-child(12),
    .row > .box5:nth-child(14),
    .row > .box5:nth-child(16),
    .row > .box5:nth-child(18) {
        margin: 0px 0px 10px 0;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .section05 > .row {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    #carouselExampleIndicators > div > div.mobile.carousel-item.active {
        display: inline-block !important;
    }

    .visual_btn {
        text-align: left;
        margin-left: 6%;
        border: 2px solid #fff;
        border-radius: 10px;
		background:#10317e;
        color: #fff !important;
        position: relative;
        left: 0;
        margin-top: 40px;
        padding: 4px 20px;
        font-size: 1em;
        display: inline-block;
        font-weight: 900;
        letter-spacing: -2px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .title {
        text-align: left;
        margin-left: 6%;
        margin-top: 80px;
        letter-spacing: -1.5px;
		margin-bottom: 20px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub {
        text-align: left;
        margin-left: 6%;
        font-size: 1.3em;
    }


    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        text-align: left;
        font-size: 1.3em;
        margin-left: 6%;
    }

    .box .icon .info-pink {
        text-align: center;
        padding: 6px 0 10px 0;
        height: 150px;
    }

    .box {
        width: 100%;
        padding-bottom: 30px;
        background-size: 92% 60%;
    }

    .box .icon .info-pink .about {
        font-size: 20px;
    }

    .about_txt {
        font-size: 38px
    }

    .col-md-4:nth-child(2) > a > .box > .icon > .info-pink,
    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        margin-bottom: 0px;
    }

    .col-md-4:nth-child(3) > a > .box > .icon > .info-pink {
        height: 150px;
    }

    .box2 .icon .info-pink .main_count01,
    .box2 .icon .info-pink .main_count02,
    .box2_last .icon .info-pink .main_count03,
    .box2 .icon .info-pink,
    .box2_last .icon .info-pink {
        font-size: 44px;
    }

    .box2 {
        padding-right: 0px;
    }

    .box > .icon > .info-pink > p {
        text-align: center;
        font-weight: 600;
        color: #1f1f1f;
        line-height: 1.5;
        margin: 0px;
        letter-spacing: -1.2px;
        margin-top: 10px;
        font-size: 1.4em;
    }

    .box2 {
        border-right: 0px;
    }

    .line {
        border-bottom: 1px solid #212121;
        width: 74px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
        display: block;
    }

    .main_point_txt {
        font-size: 18px;
    }

    .main_03_txt,
    .main_04_point {
        font-size: 28px;
        line-height: 1.6;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .main_03_point,
    .main_05_point_txt,
    .main_point_txt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_03_point {
        font-size: 28px;
    }

    .main_04_point {
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .main_board_wrap .half {
        width: 100%;
        padding: 0 25px;
    }

    .main_board_wrap .main_section {
        display: block;
    }

    .main_board_wrap .half .title {
        display: block;
    }

    .main_board_wrap .half .title .more_btn2 {
        margin-left: 0px;
        margin-top: 10px;
    }

    .half .notice {
        padding-bottom: 40px;
    }

    .main_board_wrap .half .title .txt {
        margin: 0 auto;
        font-size: 34px;
    }

    .row.contact > .input_name {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_name > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .input_wr_2 > .form-control {
        width: 100% !important;
        margin-right: none;
        float: none;
    }

    .box3_01,
    .box3_02,
    .box3_03,
	.box3_04 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .box3_01,
    .box3_02,
	.box3_03,
	.box3_04,{
        padding-bottom: 10px;
    }

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon,
	.box3_04 > .icon{
        background-size: auto;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .section04 > .row > .main_03_txt > span > .swiper.mySwiper.swiper-initialized.swiper-horizontal {
        padding-right: 15px;
        padding-left: 15px;
    }

    .en1 {
        text-align: center;
        font-size: 34px;
    }

    .contact {
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }

    div.col-md-6.text-left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row {
        display: inline-block;
    }


    footer > .container > .row > .footer_call {
        padding-left: 15px;
    }

    .footer_line {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .main_05_txt {
        font-size: 40px;
    }


    /* 320 서브페이지 시작 */


    /* 폰트사이즈 */

    #online .about-bg .carousel-caption-text .sub_txt01,
    #hospital .about-bg .carousel-caption-text .sub_txt01,
    #welfare .about-bg .carousel-caption-text .sub_txt01,
    #hwsa .about-bg .carousel-caption-text .sub_txt01,
    #portfolio .about-bg .carousel-caption-text .sub_txt01,
	#youtube .about-bg .carousel-caption-text .sub_txt01{
        font-size: 34px;
    }


    #online .about-bg .carousel-caption-text .sub_txt02,
    #hospital .about-bg .carousel-caption-text .sub_txt02,
    #welfare .about-bg .carousel-caption-text .sub_txt02,
    #hwsa .about-bg .carousel-caption-text .sub_txt02,
    #portfolio .about-bg .carousel-caption-text .sub_txt02,
	#youtube .about-bg .carousel-caption-text .sub_txt02{
        font-size: 34px;
    }

    #portfolio .about-bg .carousel-caption-text .sub_txt02 {
        line-height: 1.3;
    }





    #online .about-bg .carousel-caption-text .sub_txt03,
    #hospital .about-bg .carousel-caption-text .sub_txt03,
    #welfare .about-bg .carousel-caption-text .sub_txt03,
    #hwsa .about-bg .carousel-caption-text .sub_txt03,
	#youtube .about-bg .carousel-caption-text .sub_txt03{
        font-size: 21px;
        letter-spacing: -1.8px;
    }

    #portfolio .about-bg .carousel-caption-text .sub_txt03 {
        font-size: 16px;
        letter-spacing: -1.8px;
        line-height: 26px;
    }

    #online .about-bg .carousel-caption-text .sub_txt04,
    #hospital .about-bg .carousel-caption-text .sub_txt04,
    #welfare .about-bg .carousel-caption-text .sub_txt04,
    #hwsa .about-bg .carousel-caption-text .sub_txt04,
	#youtube .about-bg .carousel-caption-text .sub_txt04,
    #portfolio .about-bg .carousel-caption-text .sub_txt04 {
        font-size: 21px;

    }

    #hwsa .about-bg {
        background-position: 91% 60%;
        background-size: 140%;
        background-color: #011f65;
    }
	 #youtube .about-bg {
        background-position: 91% 60%;
        background-size: 140%;
        background-color: #1d32a7;
    }

    .sub_txt07 {
        font-size: 20px;
    }

    #welfare .con8_txt1 h2 {
        font-size: 24px;
    }

    #hospital .con2_box1 h2,
    #hospital .con4_box h3,
    #hospital .step_txt,
    #welfare .con7_box h3,
    #welfare .con8_txt1 h3,
    #welfare .con8_txt2 h5 {
        font-size: 20px;
    }


    #hospital .con2_box2,
    #hospital .con2_box1 h3,
    .sub_txt08,
    #online .con3 .mobile .sub_txt,
    #online .con4_txt2,
    #hospital .con1_box h4,
    #hospital .con3_box_txt,
    #hospital .con4_box h4 {
        font-size: 18px;
    }

    #online .con1_box h5,
    #online .con3 h5 {
        font-size: 16px;
    }


    #youtube .con5_box {
    width: 96%;
	}
	#youtube .con5_box > img {
    flex: 0 50%;
    width: 55%;
	margin-right: 2px;
	}
   #youtube .step_box {
    width: 50%;
    margin-left: 2px;
	}
	#youtube .box_wrap.txt.clearfix.mobile > .con5_box > .step_box > h2 {
    font-size: 16px;
	}
	#youtube .step_txt {
    font-size: 14px;
	}



    /* 배경 */

    .con1,
    .con2,
    .con3,
    .con4,
    .con5,
    .con6,
    .con7,
    .con8,
    .con9 {
        padding-top: 80px;
        padding-bottom: 80px;

    }



    #online .about-bg,
    #hospital .about-bg,
    #welfare .about-bg,
    #portfolio .about-bg {
        height: 700px;
    }

    #online .carousel-caption-text,
    #hospital .carousel-caption-text,
    #welfare .carousel-caption-text,
    #portfolio .carousel-caption-text {
        top: 18%;
        padding-left: 0;
    }

    #portfolio .carousel-caption-text {
        top: 29%;
    }

    #portfolio .about-bg .carousel-caption-text .sub_txt01 {
        margin-top: 00px;
    }

    #online .about-bg {
        background-position: center;
    }

    #hospital .about-bg {
        background-position: 65% 15%;
    }

    #welfare .about-bg {
        background-position: 60% 20%;
    }


    #online .margin-top-30 {
        margin-top: 20px;
    }


    .main_txt {
        font-size: 23px;
    }


    .sub_txt {
        font-size: 20px;
    }







    #online .con1_box .con1_img {
        top: -33%;
    }



    #online .locationSwiper .swiper-wrapper .swiper-slide > img {
        width: 190px;
    }

    #online .con2 {
        height: 675px;
    }


    #online .con4_box {
        height: 215px;
    }


    #online .con5_wrap {
        margin-top: 35px;
    }


    #online .con5_txt1 {
        font-size: 24px;
        padding-top: 25px;
        padding-bottom: 3px;
    }



    #online .contact_box {
        font-size: 15px;
        padding: 8px;
    }


    #online .con5_box ul {
        padding-top: 23px;
        padding-left: 15%;
        font-size: 14px;
        /*    padding-top: 115px; */
    }


    #online .con5_box:first-child {
        height: 260px;
    }

    #online .recom {
        margin-top: 20px;
        width: 70px;
        font-size: 15px;
        padding: 6px;

    }


    #online .premium {
        padding-top: 10px;
    }


    #online .con5_box {
        height: 480px;
    }


    #hospital .con1 .main_txt {
        padding-bottom: 20px;
    }


    #hospital .con2_box {
        height: 270px;
    }

    #hospital .con2_box1 {
        padding: 46px 10px 10px 10px;

    }

    #hospital .con2_box1 h2 {
        padding-bottom: 8px;
    }


    #hospital .con2_box1 .up {
        width: 50%;
        font-size: 14px;
    }



    #hospital .con4_box h2 {
        padding: 6px;
        font-size: 20px;
    }


    #hospital .con4_box:first-child {
        margin-top: 5px;
    }

    #hospital .margin-top-30,
    #portfolio .margin-top-30 {
        margin-top: 20px;
    }


    #hospital .con3 .sub_txt {
        padding-bottom: 0px;
    }






    #welfare .welfare_img {
        padding-bottom: 80px;
    }



    #welfare .con7_box {
        padding: 0px 10px;
    }

    #welfare .con7_box .con7_img {
        left: 24%;
    }

    #welfare .con7_box h3 {
        padding-top: 110px;
    }

    #welfare .padding-bottom-40 {
        padding-bottom: 0px;
    }



    #welfare .con8_txt2 h6 {
        padding: 15px;
    }

    #welfare .con8_box {
        height: 460px;
    }

    #welfare .con8_box:last-child {
        height: 550px;
    }



    #welfare .welfare_img {
        width: 100%;
    }

    #welfare .welfare_q img {
        width: 100%;
    }

    #welfare .welfare_q:nth-child(1) {
        left: 0;

    }

    #welfare .welfare_q:nth-child(2) {
        top: 140px;
    }

    #welfare .welfare_q:nth-child(3) {
        top: 260px;
    }

    #welfare .con1 {
        height: 800px;
    }

    #hwsa .last_box {
        height: 230px;
    }

    #hwsa .con6_box {
        height: 450px;
    }


}

/* ===== Rebuilt tail: common typography & contact layout restored from modern-business_2.css ===== */

.box .space {
    height: 30px;
}

.location_right {
    width: 85%;
}

.location_left > img {
    margin-right: 10px;
}

/* 서브페이지 공통 */

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.lead {
        font-size: 12px;
        font-weight: 300
    }

.location_right {
        width: 100%;
        text-align: center !important;
    }


/* ===== Contact form layout (from modern-business_2.css via contact-page-styles) ===== */

/* contact.php related styles extracted from modern-business_2.css */

/* 공통 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@300;400;500;700;900&display=swap'); 

.agree.checkbox {
    width: 100%;
    float: right;
    text-align: right;
}

#fwrite > .row > .col-md-6:nth-child(1) {
    padding-right: 0px;
    padding-left: 15px;
}

#fwrite > .row > .col-md-6:nth-child(2) {
    padding-right: 0px;
    padding-left: 15px;
}

#fwrite > .row > .col-md-6:nth-child(1) {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }

#fwrite > .row > .col-md-6:nth-child(2) {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 20px;
    }

#fwrite > .row > .col-md-6:nth-child(1) {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 30px;
    }

#fwrite > .row > .col-md-6:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
		margin-top: 100px;
    }

#fwrite > .row > .col-md-6:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
        border: 0;
        border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        height: auto;
    }

#fwrite > .row > .col-md-6:nth-child(2) > .margin-bottom-100 {
        margin-bottom: 15px;
    }

#fwrite > .row > .col-md-6:nth-child(1) {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }


/* === Navigation text color override === */
.navbar-nav .nav-link,
.navbar-brand,
.navbar-nav .nav-link:visited {
    color: #fff !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #fff !important;
}
/*.navbar-toggler {
    border-color: #fff !important;
}*/

.navbar-toggler-icon {
    filter: none !important;
}
button:focus {
    outline: 0px auto -webkit-focus-ring-color  !important;
}