/* 공통 */
@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;
}

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;
}

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

.section01,
.section02,
.section03 {
    width: 100%;
}

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

#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;
}

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;}
.row.contact > .input_name {
    padding-right: 5px;
    padding-left: 15px;
}

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

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

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

/* 레이어 팝업 - 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;
}

.call > a {
    color: #202020;
}

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

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

.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: flex;
    -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,
.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';
}

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

.mobile {
    display: none !important;
}

.pc {
    display: inline-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 {
    color: #9f9f9f;
    text-align: left;
    letter-spacing: -1.2px;
}

a {
    color: #202020;
}

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: 39px;
    margin-bottom: 0px;
    letter-spacing: -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 {
    width: 100%;
    font-size: 24px;
    color: #212121;
    font-weight: 400;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}

.main_point_txt p {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    background-color: #f9fafb;
    border-radius: 12px;
    padding-top: 6px;
    margin-bottom: 12px !important;
    text-align: left;
    padding-left: 40px;
}


.main_point_txt p > span {
    font-size: 24px;
    color: #003abc;
    font-weight: 800;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}


.main_point_subtxt {
    font-size: 17px !important ;
     color: #9f9f9f !important;
    font-weight: 400 !important;

}

.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,
.box3_04 {
    width: 49%;
    display: inline-block;
}

.box3_01 > .icon,
.box3_02 > .icon,
.box3_03 > .icon,
.box3_04 > .icon {
    text-align: left;
    position: relative;
    border-radius: 20px;
    height: 320px;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    margin-bottom: 10px;
}

.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: 100% 100%;
}

.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: 100% 100%;
}

.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: 100% 100%;
}

.box3_04 > .icon {
    background-color: #a3c0e8;
    background-image: url('https://www.201company.com/theme/home/img/main_marketing_05.png');
    background-repeat: no-repeat;
    background-position: 100% 63%;
}

.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.1s 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: 55%;
    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 {
width: 100%;
    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;
    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 li p,
.m_main_board .online_counseling .lat li p {
    display: 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: 20px;
    letter-spacing: -1.2px;
}

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

.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;
}


.space_text {
    color: #202020;
    letter-spacing: -1.5px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.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');
}


/*
.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}
*/
.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'
}

/*
헤딩
**********/
.location_name {
    text-align: center;
    margin-bottom: 40px;
}

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

.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;
}

.box .space {
    height: 30px;
}

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

/* 오시는길 */
.location_left {
    width: 15%;
}

.location_right {
    width: 85%;
}

.location_left > img {
    margin-right: 10px;
}




/* 서브페이지 공통 */

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

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

.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';
}


.con_img > img {
    width: 100%;
}

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


/* 개인정보취급방침 */
.privacy_tit {
    font-size: 16px;
    font-weight: 900;
    color: #202020;
    letter-spacing: -1.5px;
    display: block;
    margin-top: 20px;
}

.privacy_txt {
    font-size: 16px;
    font-weight: 400;
    color: #4b4b4b;
    letter-spacing: -1.5px;
    display: block;
}


/* 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;
}

.box .space {
    height: 30px;
}

.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;
}

.box .space {
    height: 30px;
}

.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;
}

.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%);
}



/* 데스크탑 */
@media only screen and (min-width: 1201px) {

    .line {
        display: none;
    }

    .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;
    }


    #online .carousel-caption-text {
        padding-left: 50px;
    }

    .box_wrap {
        width: 90%;
    }




}





/* 태블릿 */

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

    .main_point_txt p {
        width: 95%;
        padding-left: 25px;
        background-color: #fff;
        margin-bottom: 50px !important;
    }

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

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

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

    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
    .input_name > .input_wr_2 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

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

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

    .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;
    }

    .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: 0;
    }

    .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: 730px;
    }

    .en2 {
        margin-left: 20px;
    }

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

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

    .col-md-2.footer_call {
        margin-left: 20px;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .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;
    }

    .container {
        max-width: 100%;
    }

    .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;
    }

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

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

    #privacy > div.container {
        text-align: left;
        padding: 0 30px;
    }

    #online .about-bg .carousel-caption-text,
	#hospital .about-bg .carousel-caption-text,
    #welfare .about-bg .carousel-caption-text,
    #hotdesk .about-bg .carousel-caption-text,
	#aicall .about-bg .carousel-caption-text{
        padding-left: 3%;
    }

    #online > div.container {
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
        padding: 0 30px;
    }

    #space > div.container {
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
        padding: 0 30px;
    }

    #premium > div.container {
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
        padding: 0 30px;
    }

    .premium_left,
    .premium02_left {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .premium_right,
    .premium02_right {
        width: 100%;
        margin-left: 0px;
    }

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

    #premium > div:nth-child(2) > .margin-top-70,
    .premium_left .margin-top-70:nth-child(1) {
        margin-top: 30px;
    }

    .premium02_right .margin-top-70:nth-child(1) {
        margin-top: 100px;
    }

    .premium_right > img,
    .premium02_right > img {
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .premium_txt {
        font-size: 1.5em;
    }

    .premium_detail {
        font-size: 1.4em;
    }

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

    #premium .\31 00back .container {
        padding: 0 30px;
    }



    .lounge_right > img,
    .lounge02_right > img {
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .lounge_left,
    .lounge02_left {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .lounge_right,
    .lounge02_right {
        width: 100%;
        margin-left: 0px;
    }

    .lounge_right {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lounge02_right {
        margin-top: 60px;
    }

    .lounge_thum {
        margin-right: 10px;
        width: 32.333%;
    }

    .lounge_thum > img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
    }

    .row .lounge_left .list-unstyled.margin-top-220 {
        margin-top: 60px;
    }

    .lounge02_right .list-unstyled.margin-top-130 {
        margin-top: 20px;
    }

    .lounge_num {
        font-size: 17px;
        text-align: center;
        margin-top: 60px;
    }

    .lounge_txt {
        font-size: 27px;
        text-align: center;
    }

    .lounge_txt2 {
        font-size: 17px;
        text-align: center;
    }

    .lounge_thum_txt {
        font-size: 1.2em;
        text-align: center;
    }

    .container .row .lounge_thum:nth-child(3) {
        margin-right: 0px;
    }


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

    #hotdesk .container > img {
        width: 100%;
        padding: 0 60px;
    }

    .service_icon_txt {
        font-size: 1.2em;
    }

    .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;
    }

    .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%;
    }

    .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 !important;
        margin-left: 0px !important;
        width: 100%;
    }


    .location_name .location_add {
        font-size: 1.5em;
    }

    .location_name .add_txt {
        font-size: 1.5em;
    }


    .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_back {
        padding-left: 20px;
        padding-right: 20px;
    }

    .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;
    }

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

    nav > .container {
        text-align: left;
    }

    .navbar-brand {
        padding-left: 3%;
    }

    .navbar-collapse {
        /* padding-top:10px; */
    }

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

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





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

}










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

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

    
    .main_point_txt p {
    font-size: 20px;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 12px !important;
    text-align: center;
    padding-left: 0px;
}
    
    .main_point_txt p > span {
        font-size: 20px;}
    
    .section07 {
        padding-top: 40px;
        text-align: center;
    }

    .box2 {
        border-right: 0px;
        padding-right: 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;
    }

    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;
    }


    #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 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

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

	div.col-md-4.text-right {padding-right: 10px;padding-left: 10px;}
	div.col-md-4.text-right .online_wrap {text-align: center;}

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

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

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

    .contact {
        padding-bottom: 10px !important;
    }

    .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;
    }

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

    .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,
    .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;
    }



    .box3_title {
        margin-left: 30px;
    }

    .box3_txt {
        margin-left: 30px;
    }

    .box3_btn {
        margin-left: 30px;
    }

    .mobile {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    .row {
        text-align: center;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .section07 > .container > #fwrite > .row {
        padding-left: 0px;
        padding-right: 0px;
    }

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

    .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;
    }

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

    .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;
    }

    .carousel-caption-text {
        position: absolute;
        width: 100%;
        top: 56%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        margin-top: 0px;
        padding-bottom: 30px;
        color: #fff;
        text-align: center;

    }

    .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;
        font-size: 38px;
    }

    .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;
    }

    #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 {
        display: inline-block;
    }

    .service_icon {
        width: 50%;
        max-width: 350px;
        max-height: 350px;
    }




    .container .row .service_icon:nth-child(2),
    .container .row .service_icon:nth-child(6),
    .container .row .service_icon:nth-child(10) {
        border-right: 1px solid #bdbdbd;
    }

    .container .row .service_icon:nth-child(9),
    .container .row .service_icon:nth-child(10) {
        border-bottom: 0px solid #bdbdbd;
    }

    .container .row .service_icon:nth-child(11),
    .container .row .service_icon:nth-child(12) {
        border-bottom: 1px solid #bdbdbd;
    }

    .service_icon_txt {
        font-size: 1.1em;
    }

    .service_small {
        font-size: 0.8em;
    }

    .service_icon > img {
        padding: 0 0 24px 0;
    }

    .service_icon {
        max-width: 350px;
        max-height: 350px;
        display: block;
        width: 50%;
        padding: 34px 40px 40px 40px;
    }

    .conference_txt {
        font-size: 1.3em;
    }


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

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

    .space_text {
        padding: 0 20px !important;
        font-size: 1.1em;
    }

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

    .conference-box {
        width: 50%;
        display: block;
    }

    .conference-thumb {
        width: 100%;
    }

    .conference-thumb > img {
        width: 100%;
    }

    .conference-box:nth-child(1) > .conference-thumb > img,
    .conference-box:nth-child(3) > .conference-thumb > img {
        padding-right: 5px;
        padding-left: 0px;
    }

    .conference-box:nth-child(2) > .conference-thumb > img,
    .conference-box:nth-child(4) > .conference-thumb > img {
        padding-left: 5px;
        padding-right: 0px;
    }

    .conference-thumb-txt {
        color: #00422c;
        font-size: 17px;
        padding: 0 0 30px 0;
        line-height: 1.3;
        letter-spacing: -1.5px;
    }

    .row .lounge_left .list-unstyled.margin-top-220 {
        margin-top: 40px;
    }

    .lounge02_right .list-unstyled.margin-top-130 {
        margin-top: 20px;
    }

    .100back .container .padding-top-70 {
        padding-top: 0px !important;
    }


    .lounge_right > img,
    .lounge02_right > img {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .lounge_left,
    .lounge02_left {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .lounge_right,
    .lounge02_right {
        width: 100%;
        margin-left: 0px;
    }

    .lounge_right {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lounge02_right {
        margin-top: 0px;
    }

    .\31 00back > div.container > div.list-unstyled.padding-top-70,
    .\31 00back > div.list-unstyled.padding-top-70 {
        padding-top: 50px;
    }

    .container > div.list-unstyled.padding-top-70 {
        padding-top: 100px;
    }

    .container .row .lounge_thum:nth-child(2),
    .container .row .lounge_thum:nth-child(3) {
        margin-top: 60px;
    }

    body .list-unstyled.padding-top-180 {
        padding-top: 110px;
    }

    .lounge_thum_txt {
        text-align: center;
    }

    .lounge_thum {
        margin-right: 10px;
        width: 100%;
        margin-top: 0px;
    }

    .lounge_thum > img {
        max-width: 380px;
        width: 100%;
        margin-bottom: 40px;
    }

    .lounge_txt {
        font-size: 1.3em;
    }


    .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;
    }



    /* 공통 */
    .about-bg {
        width: 100%;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        height: 930px;
    }


    .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
    }

    .location_left {
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
        margin-bottom: 30px;
    }

    .location_right {
        width: 100%;
        text-align: center !important;
    }

    .location_section {
        margin-bottom: 30px;
    }


    #online .about-bg {
        position: relative;
        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/pages/img/online_top_mo.jpg') !important;
    }

    .container .img-fluid {
        width: 100%;
        height: auto;
        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://proceedoffice.kr/pages/img/m_location_map.jpg');
        display: block;
        position: relative;
        padding: 0 15px;
        margin: 0px auto;
        background: #fff;
    }


    .carousel-item a {
        color: #00422c;
    }




    .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 (max-width: 320px) {
    
        .main_point_txt p {
    font-size: 18px;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 20px !important;
    text-align: left;
    padding-left: 0px;
}
        .main_point_txt p > span {
        font-size: 18px;}
    
    .main_point_subtxt {
    font-size: 13px !important;
    color: #9f9f9f !important;
    font-weight: 400 !important;
}
    
    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;}

    

    .section01 {
        margin-top: 100px;
        margin-bottom: 10px;
    }


    .box3_title {
        font-size: 26px;
        margin-left: 30px;
    }


    .box3_txt {
        font-size: 18px;
        line-height: 1.4;
        margin-left: 30px;
        padding-top: 5px;
        padding-bottom: 25px;
    }

    .box3_btn {
        padding: 7px 18px;
        margin-left: 30px;
    }


    .section03,
    .section05 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section02 {
        margin-bottom: 100px;
    }

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

    .section06 {
        margin-top: 100px;
        padding-bottom: 70px;
    }


    .section07 {
        padding-top: 100px;
    }

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

    .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;
    }

    #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;
    }

    #fwrite > .row {
        display: inline-block;
        padding-right: 0px;
    }

    .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;
    }

    .mobile {
        display: inline-block !important;
    }

    .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; */
        top: 34%;
    }

    .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-item {
        height: 700px;
        max-height: 700px;
        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/main_top_bg_mo.jpg') !important;
        background-position: 36% 100%;
    }

    #carouselExampleIndicators > div > div.mobile.carousel-item.active {
        display: inline-block !important;
    }

    .visual_btn {
        text-align: center;
        /* margin-left: 10%; */
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff !important;
        position: relative;
        left: 0;
        margin-top: 50px;
        padding: 11px 34px;
        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: 10%;
        margin-top: 150px;
        letter-spacing: -1.5px;
    }

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

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

    .box .icon .info-pink {
        text-align: center;
        padding: 6px 0 10px 0;
        height: 150px;
    }

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

    .box .icon .info-pink .about {
        font-size: 18px;
        line-height: 1.2px;
    }

    .about_txt {
        font-size: 34px
    }

    .box2 .main_txt {
        font-size: 28px;
    }

    .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: 38px;
    }

    .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: 16px;
    }


    .main_point_txt p {
    font-size: 16px;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 0px !important;
    text-align: center;
    padding-left: 0px;
}
    
    .main_point_txt p > span {
        font-size: 16px;}

    .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 { padding-bottom: 20px;}*/

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon,
    .box3_04 > .icon {
        height: 530px;
    }

    .box3_04 > .icon {
        background-position: 96% 97%;
    }

    .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 {
        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;
    }

    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
    .input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    #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;
    }

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

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

    .main_05_txt {
        font-size: 40px;
    }

    .section07 {
        text-align: center;
    }

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

    .main .carousel-inner .carousel-item .carousel-caption-text .title {
        font-size: 2em;
        text-align: center;
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 20px;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub {
        font-size: 1.3em;
        text-align: center;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text .sub_detail {
        font-size: 1em;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 34px;
    }

    #privacy > div.container {
        text-align: left;
        padding: 0 15px;
    }

    .premium_detail {
        font-size: 0.9em;
    }

    .mobile {
        display: inline-block !important;
    }

    .pc {
        display: none;
    }

    .container .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .pallaxbox {
        font-size: 1.3em !important;
        letter-spacing: -1.5px;
    }

    .footer_link,
    .footer_link2 {
        font-size: 0.9em;
        line-height: 1.0;
        margin-bottom: 4px;
    }

    .personInfo {
        color: #616161;
        padding: 16px 0px;
    }

    .copyright {
        font-size: 0.7em !important;
        padding: 0 10px;
    }

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

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

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

    /*.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: 240px;} */
    /*.col-md-4:nth-child(3) > a >  .box > .icon > .info-pink{ height: 210px;}*/

    #online .about-bg .carousel-caption-text {
        position: absolute;
        width: 100%;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        margin-top: 0px;
        padding-bottom: 30px;
        color: #fff;
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .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;
    }

    .location_name {
        padding: 0 10px 0 10px;
    }

    .location_name .location_add {
        font-size: 1.3em;
        text-align: center !important;
    }

    .location_name .add_txt {
        font-size: 1.3em;
        text-align: center !important;
    }

    .sub_txt04 {
        font-size: 1.8em;
    }

    .sub_txt05 {
        font-size: 1.6em;
        padding: 0 10px 0 10px;
    }

    .location_left {
        width: 100%;
        margin: 0 auto;
        text-align: center !important;
        margin-bottom: 30px;
    }

    .location_right {
        width: 100%;
        text-align: center !important;
    }

    .location_section {
        margin-bottom: 30px;
    }

    .premium_detail {
        font-size: 1.3em;
    }

    .premium_txt {
        font-size: 1.5em;
    }

    #premium .about-bg .carousel-caption-text {
        position: absolute;
        width: 100%;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        margin-top: 0px;
        padding-bottom: 30px;
        color: #fff;
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    #service .container .row {
        padding: 0 15px;
    }

    .service_icon {
        24px 10px 30px 10px;
        max-width: 160px;
        max-height: 160px;
        display: block;
        width: 50%;
    }

    .service_icon_txt {
        font-size: 0.8em;
    }

    .service_icon > img {
        padding: 0 0 10px 0;
        width: 40%;
    }

    .service_icon {
        padding: 24px 10px 20px 10px;
    }

    .service_small {
        font-size: 0.9em;
    }

    .container .row .service_icon:nth-child(2),
    .container .row .service_icon:nth-child(6),
    .container .row .service_icon:nth-child(10) {
        border-right: 1px solid #bdbdbd;
    }

    .container .row .service_icon:nth-child(9),
    .container .row .service_icon:nth-child(10) {
        border-bottom: 0px solid #bdbdbd;
    }

    .container .row .service_icon:nth-child(11),
    .container .row .service_icon:nth-child(12) {
        border-bottom: 1px solid #bdbdbd;
    }

    .conference_txt {
        font-size: 1.2em;
    }

    .lounge_left,
    .lounge02_left {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .lounge_right,
    .lounge02_right {
        width: 100%;
        margin-left: 0px;
    }

    .lounge_num,
    .lounge_txt {
        text-align: center;
    }

    .lounge_txt {
        font-size: 1.2em;
    }

    .row .lounge_left .list-unstyled.margin-top-220 {
        margin-top: 60px;
    }

    .lounge02_right .list-unstyled.margin-top-130 {
        margin-top: 20px;
    }

    /* 회원가입 */
    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;
    }
}


@media only screen and (min-width: 321px) and (max-width: 575px) {
    


    .agree.checkbox {
        width: 100%;
        float: left;
        text-align: left;
    }

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

    .main_05_point,
    .main_05_point_txt {
        font-size: 22px;
    }

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

    .box2 .main_txt,
    .box2_last .main_txt {
        font-size: 30px;
    }

    .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: 38px;
    }

    .about_txt {
        line-height: 1.3;
        font-size: 38px;
    }

    #fwrite > .row > .col-md-6:nth-child(1) {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }

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

    #fwrite > .row {
        display: inline-block;
        padding-right: 0px;
    }

    .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: 36px;
    }

    .contact_tit_b {
        line-height: 1.2;
        font-size: 36px;
    }

    .contact_txt {
        line-height: 1.2;
        font-size: 1.5em;
    }

    .mobile {
        display: inline-block !important;
    }

    .pc {
        display: none !important;
    }

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

    .container {
        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: 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: 575px;
        min-width: 321px;
        padding-top: 60px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main .carousel-item {
        height: 800px;
        max-height: 800px;
        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/main_top_bg_mo.jpg') !important;
        background-position: 100% 100%;
    }

    .main .carousel-inner .carousel-item .carousel-caption-text {
        top: 25%;
    }


    #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;
        margin-bottom: 30px;
    }

    .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: 82% 56%;*/
    }

    .box .icon .info-pink .about {
        font-size: 20px;
    }

    .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;
        padding-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,
    .main_point_txt > span {
        font-size: 17px;
    }

    .main_03_txt,
    .mobile.main_04_point,
    .mobile.main_04_point > span {
        font-size: 27px;
        line-height: 1.6;
        margin: 0 auto;
        text-align: center;
        display: block !important;
    }

    .main_03_point,
    .main_04_point {
        font-size: 27px;
    }

    .main_03_point,
    .main_05_point_txt,
    .main_point_txt {
        width: 100%;
        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,
    .en1 {
        margin: 0 auto;
        font-size: 30px;
    }

    .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;}*/

    .box3_01 > .icon,
    .box3_02 > .icon,
    .box3_03 > .icon,
    .box3_04 > .icon {
        height: 530px;
    }

    .box3_04 > .icon {
        background-position: 100% 97%;
    }

    .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-8.text-left {
        padding-right: 15px;
        padding-left: 15px;
    }

	div.col-md-4.text-right {
        padding-right: 15px;
        padding-left: 15px;
		padding-bottom: 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;}

    .row {
        display: inline-block;
    }

    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
    .input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    #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;
    }

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

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

    .main_05_txt {
        font-size: 28px;
    }


    .main_point_txt p {
    font-size: 18px;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 0px !important;
    text-align: center;
    padding-left: 0px;
}
    
    .main_point_txt p > span {
        font-size: 18px;}
    
        .main_point_subtxt {
    font-size: 13px !important;
    color: #9f9f9f !important;
    font-weight: 400 !important;


}






/* 데스크탑 */
@media only screen and (min-width: 1201px) {
    .mobile {
        display: none;
    }

    .pc {
        display: block;
    }

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

        .main .carousel-inner .carousel-item .carousel-caption-text {
            width: 100%;
            top: 50%;
            max-width: 1200px;
        }
        
    
}

        /* 서브메뉴 가로 크기 /*
.dropdown-menu {
    min-width: 140px;
}
/*.box p{height:52px;}/*

/* ==== merged from modern-business_new.css (unique rules only) ==== */

/* 공통 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
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: 610px;
    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 .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;}

.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 .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;
    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 {
    padding: 36px 0 35px 80px;
    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 {
    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: 20px;
    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';}

.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: 49.4%;
    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.3%;
    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: 650px;}

.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 .sub_txt {}

#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%;
        margin-right: 2%;}

#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) {



#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 {
        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;}

#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 a {width:36px;height:36px;}

/* 모바일 기기 575 */
@media only screen and (max-width: 575px) {
    
#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: 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;}

.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 {
        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) {
#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) {

.copyright {
        font-size: 0.7em !important;
        padding: 0 10px;}

div.col-md-4.text-right .online_wrap a {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;}

.box3_01,
    .box3_02,
    .box3_03 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;}

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

.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 {
        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: 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;}

#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: 66px;
        padding: 15px 42px;
        font-size: 1.3em;
        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: 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 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;}

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

.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;
        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;}

@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@300;400;500;700;900&display=swap'); 
.agree.checkbox {
#fwrite > .row > .col-md-6:nth-child(1) {
.section01,
.section02,
#fwrite > .row > .col-md-6:nth-child(2) {
    height: 680px;
.row.contact > .input_wr_2 {
.input_wr_2 > .form-control {
.copyright > span > a {
    font-size: 39px;
.main_point_txt p {
    border-radius: 12px;
    margin-bottom: 12px !important;
.main_point_txt p > span {
.main_point_subtxt {
    font-size: 17px !important ;
     color: #9f9f9f !important;
    font-weight: 400 !important;
.box3_03,
.box3_04 {
    width: 49%;
.box3_03 > .icon,
.box3_04 > .icon {
    height: 320px;
    background-position: 100% 100%;
    background-position: 100% 100%;
    background-position: 100% 100%;
.box3_04 > .icon {
    background-color: #a3c0e8;
    background-image: url('https://www.201company.com/theme/home/img/main_marketing_05.png');
    background-position: 100% 63%;
    transition: all 0.1s linear;
    left: 55%;
    padding-bottom: 14px;
.space_text {
  min-height: 80px;
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
.location_name {
.location_name p {
.box .space {
    height: 30px;
/* 오시는길 */
.location_left {
    width: 15%;
.location_right {
    width: 85%;
.location_left > img {
.lead {
    font-size: 1.25rem;
    font-weight: 300
    line-height: 1.2
/* 개인정보취급방침 */
    color: #4b4b4b;
.box .space {
    height: 30px;
.box .space {
    height: 30px;
    #online .carousel-caption-text {
        padding-left: 50px;
    .box_wrap {
/* 태블릿 */
    .main_point_txt p {
        padding-left: 25px;
        margin-bottom: 50px !important;
    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
        padding-right: 0px !important;
        padding-left: 0px !important;
    .main .carousel-inner .carousel-item .carousel-caption-text .title,
    .main .carousel-inner .carousel-item .carousel-caption-text .sub,
        margin-left: 0;
        height: 730px;
    .col-md-2.footer_call {
    #privacy > div.container {
    #online .about-bg .carousel-caption-text,
    #welfare .about-bg .carousel-caption-text,
    #hotdesk .about-bg .carousel-caption-text,
	#aicall .about-bg .carousel-caption-text{
    #online > div.container {
    #space > div.container {
    #premium > div.container {
    .premium_left,
    .premium02_left {
    .premium_right,
    .premium02_right {
    .premium_right {
    #premium > div:nth-child(2) > .margin-top-70,
    .premium_left .margin-top-70:nth-child(1) {
    .premium02_right .margin-top-70:nth-child(1) {
        margin-top: 100px;
    .premium_right > img,
    .premium02_right > img {
    .premium_txt {
    .premium_detail {
    #premium .\31 00back .container {
    .lounge_right > img,
    .lounge02_right > img {
    .lounge_left,
    .lounge02_left {
    .lounge_right,
    .lounge02_right {
    .lounge_right {
    .lounge02_right {
    .lounge_thum {
        width: 32.333%;
    .lounge_thum > img {
    .row .lounge_left .list-unstyled.margin-top-220 {
    .lounge02_right .list-unstyled.margin-top-130 {
    .lounge_num {
        font-size: 17px;
    .lounge_txt {
        font-size: 27px;
    .lounge_txt2 {
        font-size: 17px;
    .lounge_thum_txt {
    .container .row .lounge_thum:nth-child(3) {
    #hotdesk .container > img {
    .service_icon_txt {
    .main .carousel-inner .carousel-item .carousel-caption-text .title,
    .main .carousel-inner .carousel-item .carousel-caption-text .sub,
        margin-left: 2%;
        top: 50%;
    .location_name .location_add {
    .location_name .add_txt {
        /* padding-top:10px; */
    .main_point_txt p {
    height: 100px;
    border-radius: 12px;
    margin-bottom: 12px !important;
    .main_point_txt p > span {
        font-size: 20px;}

#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 {
        max-width: 30%;
        max-width: 70%;
        padding-bottom: 10px !important;
    .box3_03 > .icon,
    .box3_04 > .icon {
        margin-left: 30px;
        margin-left: 30px;
        margin-left: 30px;
    .section07 > .container > #fwrite > .row {
    #premium .mobile .row,
        {
    .carousel-caption-text {
        top: 56%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 38px;
    .box3_03,
    .box3_04 {
    /* .box3_01, .box3_02 { padding-bottom: 20px;}

*/
    #fwrite > .row > .col-md-6:nth-child(1) {
    #fwrite > .row > .col-md-6:nth-child(2) {
    #fwrite > .row {
    .service_icon {
        max-width: 350px;
        max-height: 350px;
    .container .row .service_icon:nth-child(2),
    .container .row .service_icon:nth-child(6),
    .container .row .service_icon:nth-child(10) {
        border-right: 1px solid #bdbdbd;
    .container .row .service_icon:nth-child(9),
    .container .row .service_icon:nth-child(10) {
        border-bottom: 0px solid #bdbdbd;
    .container .row .service_icon:nth-child(11),
    .container .row .service_icon:nth-child(12) {
        border-bottom: 1px solid #bdbdbd;
    .service_icon_txt {
        font-size: 1.1em;
    .service_small {
    .service_icon > img {
        padding: 0 0 24px 0;
    .service_icon {
        max-width: 350px;
        max-height: 350px;
        padding: 34px 40px 40px 40px;
    .space_text {
        padding: 0 20px !important;
        font-size: 1.1em;
    .conference-box {
    .conference-thumb {
    .conference-thumb > img {
    .conference-box:nth-child(1) > .conference-thumb > img,
    .conference-box:nth-child(3) > .conference-thumb > img {
    .conference-box:nth-child(2) > .conference-thumb > img,
    .conference-box:nth-child(4) > .conference-thumb > img {
    .conference-thumb-txt {
        color: #00422c;
        font-size: 17px;
        padding: 0 0 30px 0;
    .row .lounge_left .list-unstyled.margin-top-220 {
    .lounge02_right .list-unstyled.margin-top-130 {
    .100back .container .padding-top-70 {
        padding-top: 0px !important;
    .lounge_right > img,
    .lounge02_right > img {
    .lounge_left,
    .lounge02_left {
    .lounge_right,
    .lounge02_right {
    .lounge_right {
    .lounge02_right {
    .\31 00back > div.container > div.list-unstyled.padding-top-70,
    .\31 00back > div.list-unstyled.padding-top-70 {
    .container > div.list-unstyled.padding-top-70 {
    .container .row .lounge_thum:nth-child(2),
    .container .row .lounge_thum:nth-child(3) {
    body .list-unstyled.padding-top-180 {
    .lounge_thum_txt {
    .lounge_thum {
    .lounge_thum > img {
        max-width: 380px;
    .lounge_txt {
    /* 공통 */
    .about-bg {
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-repeat: no-repeat;
        color: #fff;
    .location_left {
        text-align: center !important;
    .location_right {
        text-align: center !important;
    .location_section {
        background-image: url('https://www.201company.com/pages/img/online_top_mo.jpg') !important;
    .container .img-fluid {
        background-image: url('https://proceedoffice.kr/pages/img/m_location_map.jpg');
        margin: 0px auto;
    .carousel-item a {
        color: #00422c;
    .container .row .col-md-4 > a > img {
        max-width: 532px;
    .f24 {
        font-size: 2.2em;
    .container.footer .row .footer_title:nth-child(1),
    .container.footer .row .footer_title,
        margin-bottom: 14px;
        line-height: 1.0;
/* 모바일기기 */
        .main_point_txt p {
    height: 100px;
    border-radius: 12px;
    margin-bottom: 20px !important;
        .main_point_txt p > span {
        font-size: 18px;}

.main_point_subtxt {
    font-size: 13px !important;
    color: #9f9f9f !important;
    font-weight: 400 !important;
    .section01 {
        margin-top: 100px;
        margin-left: 30px;
        margin-left: 30px;
        padding-top: 5px;
        padding-bottom: 25px;
        padding: 7px 18px;
        margin-left: 30px;
    .section02 {
        margin-top: 100px;
    .section06 {
        margin-top: 100px;
        padding-bottom: 70px;
    .section07 > .container {
        padding-bottom: 150px;
    #fwrite > .row > .col-md-6:nth-child(1) {
    #fwrite > .row > .col-md-6:nth-child(2) {
    #fwrite > .row {
        /*text-align: left; */
        top: 34%;
        max-height: 700px;
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg_mo.jpg') !important;
        background-position: 36% 100%;
        /* margin-left: 10%; */
        margin-top: 50px;
        padding: 11px 34px;
        font-size: 1em;
        margin-left: 0%;
        margin-left: 0%;
        background-size: 88% 60%;
        line-height: 1.2px;
        font-size: 34px
    .box2 .main_txt {
        font-size: 38px;
    .main_point_txt p {
    height: 100px;
    border-radius: 12px;
    margin-bottom: 0px !important;
    .main_point_txt p > span {
        font-size: 16px;}

.box3_03,
    .box3_04 {
    /*.box3_01, .box3_02 { padding-bottom: 20px;}

*/
    .box3_03 > .icon,
    .box3_04 > .icon {
        height: 530px;
    .box3_04 > .icon {
        background-position: 96% 97%;
    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
    #fwrite > .row > .col-md-6:nth-child(2) {
    #fwrite > .row > .col-md-6:nth-child(2) > .margin-bottom-100 {
        margin-bottom: 15px;
        margin-top: 0%;
        margin-left: 0%;
        font-size: 1em;
        margin-top: 4px;
        margin-bottom: 34px;
    #privacy > div.container {
    .premium_detail {
        font-size: 0.9em;
    .container .row {
        font-size: 1.3em !important;
    .footer_link,
        font-size: 0.9em;
        line-height: 1.0;
    .personInfo {
        color: #616161;
        padding: 16px 0px;
        font-size: 1.8rem;
    .box > .icon {
    /*.col-md-4:nth-child(2) > a > .box > .icon > .info-pink { margin-bottom: 50px;}

*/
    /* .box > .icon > .info-pink {	height: 240px;}

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

*/
    #online .about-bg .carousel-caption-text {
        top: 42%;
        transform: translate(-50%, -50%);
        color: #fff;
        text-align: center !important;
    .location_name {
    .location_name .location_add {
        text-align: center !important;
    .location_name .add_txt {
        text-align: center !important;
    .location_left {
        text-align: center !important;
    .location_right {
        text-align: center !important;
    .location_section {
    .premium_detail {
    .premium_txt {
    #premium .about-bg .carousel-caption-text {
        top: 42%;
        transform: translate(-50%, -50%);
        color: #fff;
        text-align: center !important;
    #service .container .row {
    .service_icon {
        24px 10px 30px 10px;
        max-height: 160px;
    .service_icon_txt {
    .service_icon > img {
        padding: 0 0 10px 0;
    .service_icon {
        padding: 24px 10px 20px 10px;
    .service_small {
        font-size: 0.9em;
    .container .row .service_icon:nth-child(2),
    .container .row .service_icon:nth-child(6),
    .container .row .service_icon:nth-child(10) {
        border-right: 1px solid #bdbdbd;
    .container .row .service_icon:nth-child(9),
    .container .row .service_icon:nth-child(10) {
        border-bottom: 0px solid #bdbdbd;
    .container .row .service_icon:nth-child(11),
    .container .row .service_icon:nth-child(12) {
        border-bottom: 1px solid #bdbdbd;
    .lounge_left,
    .lounge02_left {
    .lounge_right,
    .lounge02_right {
    .lounge_num,
    .lounge_txt {
    .lounge_txt {
    .row .lounge_left .list-unstyled.margin-top-220 {
    .lounge02_right .list-unstyled.margin-top-130 {
    .agree.checkbox {
    .box2 .main_txt,
    .box2_last .main_txt {
        font-size: 38px;
        font-size: 38px;
    #fwrite > .row > .col-md-6:nth-child(1) {
    #fwrite > .row > .col-md-6:nth-child(2) {
    #fwrite > .row {
        max-height: 800px;
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg_mo.jpg') !important;
        background-position: 100% 100%;
        top: 25%;
        /*background-size: 82% 56%;*/
    .main_point_txt,
    .main_point_txt > span {
        font-size: 17px;
        font-size: 27px;
        font-size: 27px;
    .main_board_wrap .half .title .txt,
    .box3_03,
    .box3_04 {
    /*.box3_01, .box3_02 { padding-bottom: 20px;}

*/
    .box3_03 > .icon,
    .box3_04 > .icon {
        height: 530px;
    .box3_04 > .icon {
        background-position: 100% 97%;
    div.col-md-8.text-left {
	div.col-md-4.text-right {
		padding-bottom: 10px;
    #fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2,
    #fwrite > .row > .col-md-6:nth-child(2) {
    #fwrite > .row > .col-md-6:nth-child(2) > .margin-bottom-100 {
        margin-bottom: 15px;
    .main_point_txt p {
    height: 100px;
    border-radius: 12px;
    margin-bottom: 0px !important;
    .main_point_txt p > span {
        font-size: 18px;}

.main_point_subtxt {
    font-size: 13px !important;
    color: #9f9f9f !important;
    font-weight: 400 !important;
        background-image: url('https://www.201company.com/theme/home/img/main_top_bg.jpg') !important;}

.main .carousel-inner .carousel-item .carousel-caption-text {
            width: 100%;
            top: 50%;
            max-width: 1200px;}

/* 서브메뉴 가로 크기 /*
    min-width: 140px;
/*.box p{height:52px;}

/*

/* === INPUT OVERRIDE FROM modern-business_2.css === */

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

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

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

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

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

.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_name > .input_wr_2 {
        padding-right: 0px !important;
        padding-left: 0px !important;}

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

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

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

.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;}

#fwrite > div > div.col-md-6.text-left > div.row.contact > div.col-md-6.margin-bottom-5.input_wr_2 {
        padding-right: 15px !important;
        padding-left: 15px !important;}

.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;}

.col-md-3.margin-bottom-5.input_contact_us {
        text-align: center;}

.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;}

.input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;}

textarea {
        width: 100%;
        margin-top: 10px;}

.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;}

.input_name > .input_wr_2 {
        padding-right: 15px;
        padding-left: 15px;}