@charset "UTF-8";
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.woff');
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('Pretendard-ExtraBold.woff');
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('../font/Pretendard-ExtraLight.woff');
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('../font/Pretendard-Light.woff');
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../font/Pretendard-Medium.woff');
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font/Pretendard-Regular.woff');
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('../font/Pretendard-SemiBold.woff');
}
@font-face {
    font-family: 'Pretendard-Pretendard-Thin';
    src: url('../font/Pretendard-Thin.woff');
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
메인 헤더 html > thema > fivesense-basic > shop.head.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
header.header {
    display: block;
    position: fixed;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

header.header.menu_up {
    top: -91px;
}

header.header .header_wrap > .container_fix {
    width: 1850px;
    display: table;
}

header.header .header_wrap > .container_fix > div {
    display: table-cell;
    vertical-align: middle;
}

header.header .header_wrap > .container_fix > div.left_logo {
    width: 239px;
    height: 46px;
}
@media (max-width: 991px) {
    header.header .header_wrap > .container_fix > div.left_logo {
        width: 122.5px;
        height: 23.5px;
    }
}
header.header .header_wrap > .container_fix > div.left_logo > a {
    display: block;
    width: 100%;
}
header.header .header_wrap > .container_fix > div.left_logo > a img {
    display: block;
    width: 100%;
}

header.header .header_wrap > .container_fix div.center_menu {
    text-align: center;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li > a {
    font-size: 20px;
    color: #111;
    font-weight: 600;
    line-height: 90px;
    display: block;
    padding: 0 38px;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li > a span {
    position: relative;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li:hover > a {
    color: #267bff;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li:hover > a span::after {
    width: 100%;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #ececec;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform-origin: top;
    transform-origin: top;
    height: 0;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li:hover .menu_sub1_div {
    opacity: 1;
    visibility: visible;
    height: 70px;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li {
    display: inline-block;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li > a {
    font-size: 16px;
    color: #222222;
    line-height: 70px;
    display: block;
    margin: 0 33px;
}

header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li:hover > a {
    font-weight: 500;
    color: #11459d;
}

header.header .header_wrap > .container_fix div.right_btn {
    white-space: nowrap;
    text-align: right;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb {
    display: inline-block;
    vertical-align: middle;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb > li {
    display: inline-block;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb > li > a {
    display: block;
    font-size: 14px;
    color: #666;
    margin-right: 25px;
    position: relative;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb > li:last-child > a {
    margin-right: 0;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb > li > a::after {
    content: '';
    width: 1px;
    height: 12px;
    background: #a9a9a9;
    position: absolute;
    right: -16px;
}

header.header .header_wrap > .container_fix div.right_btn ul.lnb > li:last-child > a::after {
    display: none;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn {
    display: inline-block;
    margin-left: 30px;
    width: 28px;
    vertical-align: middle;
    z-index: 30;
    position: relative;
    background-color: #267bff;
    width: 55px;
    padding: 18px 15px;
    height: 55px;
    z-index: 999;
}
header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active {
    background-color: #1050bb;
}
@media (max-width: 991px) {
    header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
    }
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn > span {
    display: block;
    width: 28px;
    height: 2px;
    margin-bottom: 7px;
    background: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 991px) {
    header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn > span {
        height: 2px;
        margin-bottom: 6px;
    }
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn > span:nth-child(1) {
    width: 13px;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active > span:nth-child(1) {
    width: 24px;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn > span:nth-child(2) {
    width: 24px;
    margin-left: auto;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn > span:nth-child(3) {
    margin-bottom: 0;
    width: 24px;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active > span:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
@media (max-width: 991px) {
    header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active > span:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg);
    }
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active > span:nth-child(2) {
    opacity: 0;
}

header.header .header_wrap > .container_fix div.right_btn a.all_menu_btn.active > span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}

header.header .all_menu_box {
    position: fixed;
    top: 0;
    left: 0;
    background: #ececec url('/img/all_menu_bg.png') no-repeat calc(100% + 10px) 90px;
    width: 100%;
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*익스전용CSS*/
    header.header .all_menu_box {
        background: #ececec url('/img/all_menu_bg.png') no-repeat 100% 90px;
    }
}
header.header .all_menu_box .mobile_lnb {
    display: none;
}

header.header .all_menu_box .all_menu_body {
    padding: 95px 0;
    width: 1850px;
    max-width: 100%;
    margin: 0 auto;
}

header.header .all_menu_box .all_menu_body .container_fix {
    width: 100%;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul {
    text-align: center;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 65px;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > a {
    font-size: 22px;
    color: #11459d;
    font-weight: 600;
    display: block;
    margin-bottom: 45px;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li {
    margin-bottom: 20px;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li:last-child {
    margin-bottom: 0;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li > a {
    font-size: 16px;
    color: #666666;
}

header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li.menu_sub1_li:hover
    span.menu_sub1_text {
    border-bottom: 1px solid white;
}

header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li:hover > a {
    color: white !important;
    border-bottom: 0px solid transparent !important;
}

header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li
    a
    span.menu_sub2_li
    header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li:hover
    > a
    span {
    color: white !important;
}

header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li
    a
    span.menu_sub2_text {
    font-size: 18px !important;
}
@media (max-width: 991px) {
    header.header
        .all_menu_box
        .all_menu_body
        .container_fix
        ul.all_menu_ul
        > li
        > .menu_sub1_div
        > ul
        > li
        .menu_sub2_div
        ul
        li
        a
        span.menu_sub2_text {
        font-size: 14px !important;
    }
}

header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li
    a
    span.menu_sub1_text {
    color: white !important;
}

@media (min-width: 1950px) {
    header.header .all_menu_box {
        background: #ececec url('/img/all_menu_bg.png') no-repeat 80% 90px;
    }
}
@media (max-width: 1600px) {
    header.header .header_wrap > .container_fix > div.left_logo {
        width: 100px;
    }
    header.header .header_wrap > .container_fix > div.left_logo img {
        width: 100%;
    }
    header.header .header_wrap > .container_fix > div.center_menu > ul > li > a {
        font-size: 14px;
        padding: 0 15px;
        line-height: 91px;
    }
    header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li > a {
        font-size: 14px;
        margin: 0 15px;
    }
    header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a {
        margin-right: 15px;
    }
    header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a::after {
        right: -9px;
    }
    header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn {
        margin-left: 15px;
    }
}
@media (max-width: 1100px) {
    header.header .header_wrap > .container_fix > div.left_logo {
        width: 90px;
    }
    header.header .header_wrap > .container_fix > div.center_menu > ul > li > a {
        font-size: 13px;
        padding: 0 10px;
        line-height: 91px;
    }
    header.header .header_wrap > .container_fix > div.center_menu > ul > li .menu_sub1_div > ul > li > a {
        font-size: 13px;
        margin: 0 10px;
    }
    header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a {
        margin-right: 10px;
    }
    header.header .header_wrap > .container_fix > div.right_btn ul.lnb > li > a::after {
        right: -7px;
    }
    header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn {
        margin-left: 10px;
    }
}
@media (max-width: 991px) {
    header.header {
        padding: 0;
    }
    header.header.menu_up {
        top: -90px;
    }
    header.header .header_wrap > .container_fix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header.header .header_wrap > .container_fix > div {
        display: block;
    }
    header.header .header_wrap > .container_fix > div.left_logo {
        z-index: 10;
        width: auto;
    }
    header.header .header_wrap > .container_fix > div.left_logo a {
        z-index: 30;
        position: relative;
    }
    header.header .header_wrap > .container_fix > div.left_logo img {
        width: 122px !important;
    }
    header.header .header_wrap > .container_fix > div.center_menu {
        display: none;
    }
    header.header .header_wrap > .container_fix > div.right_btn {
        width: 50px;
        height: 50px;
        background-color: #267bff;
        position: relative;
        left: 15px;
    }
    header.header .header_wrap > .container_fix > div.right_btn ul.lnb {
        display: none;
    }
    header.header .header_wrap > .container_fix > div.right_btn a.all_menu_btn {
        margin-left: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    header.header .all_menu_box {
        background: rgba(15, 77, 183, 0.94);
        z-index: 500;
        background-position: -12vh 51vh;
        overflow-y: auto;
    }
    header.header .all_menu_box .mobile_lnb {
        display: none;
    }
    header.header .all_menu_box .mobile_lnb ul {
        text-align: right;
        padding: 15px 0;
    }
    header.header .all_menu_box .mobile_lnb ul > li {
        display: inline-block;
        margin-left: 15px;
        position: relative;
    }
    header.header .all_menu_box .mobile_lnb ul > li::before {
        content: '';
        width: 1px;
        height: 12px;
        background: #999;
        position: absolute;
        left: -9px;
        top: 1px;
    }
    header.header .all_menu_box .mobile_lnb ul > li:first-child::before {
        display: none;
    }
    header.header .all_menu_box .mobile_lnb ul > li > a {
        font-size: 14px;
        color: #666;
    }
    header.header .all_menu_box .all_menu_body {
        padding: 90px 0 0;
        height: 100vh;
    }
    header.header .all_menu_box .all_menu_body .container_fix {
        padding: 0 30px;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul {
        text-align: right;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li {
        display: block;
        margin: 0 0px;
        padding: 20px 0;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > a {
        font-size: 19px !important;
        color: #11459d;
        font-weight: 600;
        display: block;
        margin-bottom: 0 !important;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div {
        display: none;
        margin-top: 30px;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li {
        margin-bottom: 15px;
    }
    header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li > a {
        font-size: 14px !important;
        color: #869dc5;
    }
    header.header
        .all_menu_box
        .all_menu_body
        .container_fix
        ul.all_menu_ul
        > li
        > .menu_sub1_div
        > ul
        > li
        > a
        span.menu_sub2_text {
        color: #869dc5;
        font-size: 14px !important;
    }
}
@media (max-width: 768px) {
    header.header.menu_up {
        top: -70px;
    }
    header.header .all_menu_box .all_menu_body {
        padding: 70px 0 0;
    }
}
@media (max-width: 480px) {
    header.header {
        padding: 0;
    }
    header.header.menu_up {
        top: -61px;
    }
    header.header .all_menu_box .all_menu_body {
        padding: 61px 0 0;
    }
    header.header .header_wrap > .container_fix > div.left_logo img {
        width: 123px;
        position: relative;
        top: 3px;
    }
    header.header .all_menu_box {
        background-position: -32vh 41vh;
    }
}
header.header {
    height: 100px;
}
header.header .header_wrap {
    height: 100%;
    line-height: 45px;
}
header.header .all_menu_box {
    background-color: rgba(15, 77, 183, 0.9254901961);
    z-index: 10;
    -webkit-box-shadow: 5px 5px 18px 7px rgba(0, 0, 0, 0.2784313725);
    box-shadow: 5px 5px 18px 7px rgba(0, 0, 0, 0.2784313725);
}
header.header .all_menu_box * {
    color: white;
    text-align: left;
}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > a {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 600;
}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li > a {
    font-size: 20px;
}
header.header .all_menu_box .all_menu_body .container_fix ul.all_menu_ul > li > .menu_sub1_div > ul > li:hover > a {
    border-bottom: 1px solid white;
}
header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li.continue-li
    + li {
    padding-top: 20px;
}
header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div {
    margin-top: 17px;
}
header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li
    + li {
    margin-top: 17px;
}
header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li
    a
    span {
    color: #869dc5;
    font-size: 16px;
}
header.header
    .all_menu_box
    .all_menu_body
    .container_fix
    ul.all_menu_ul
    > li
    > .menu_sub1_div
    > ul
    > li
    .menu_sub2_div
    ul
    li:hover
    a
    span {
    color: white;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div {
    -webkit-box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1137254902);
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1137254902);
    position: absolute;
    top: 82px;
    background-color: white;
    border-top: 2px solid #267bff;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -5;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li {
    display: block;
    position: relative;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li:hover > a {
    background-color: #e6f1ff;
    color: #267bff !important;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul > li:hover .menu_sub2_div {
    display: block !important;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub1_div > ul a {
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 20px;
    color: #777777 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left !important;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub2_div {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background-color: white;
    min-width: 200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1137254902);
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.1137254902);
    z-index: -10;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub2_div > ul > li {
    display: block;
    position: relative;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub2_div > ul > li > a {
    line-height: unset;
    margin: 0 !important;
    color: #777777 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: left !important;
    padding: 0 !important;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub2_div > ul > li > a span {
    width: 100%;
    padding: 20px;
    display: block;
}
header.header .header_wrap > .container_fix div.center_menu > ul > li .menu_sub2_div > ul > li:hover > a span {
    background-color: #e6f1ff;
    color: #267bff !important;
}

/* 공통 */
*:not(i) {
    font-family: 'Pretendard';
}

h2.sec-tit {
    color: #222222;
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    margin-top: 120px;
}
h2.sec-tit.white {
    color: white !important;
}
h2.sec-tit + P {
    font-size: 15px;
    color: white;
    margin: 30px 0 0 0;
    text-align: center;
    font-weight: 300;
    line-height: 1.4;
    word-break: keep-all;
}
@media (max-width: 1400px) {
    h2.sec-tit + P {
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    h2.sec-tit + P {
        padding: 0 30px;
        margin: 20px 0 48px 0;
    }
    h2.sec-tit + P br {
        display: none;
    }
}
@media (max-width: 991px) {
    h2.sec-tit {
        margin-top: 60px;
        font-size: 30px;
    }
}

/******************************************
메인시작
*******************************************/
.business {
    background: #fafafa;
    padding: 120px 130px;
}
@media (max-width: 991px) {
    .business {
        padding: 65px 0;
    }
}
.business h2.sec-tit {
    margin-top: 0;
}
@media (max-width: 991px) {
    .business h2.sec-tit {
        font-weight: 700;
    }
}

.specialties {
    background: url('../img/specialties-bg.png') no-repeat center center;
    padding: 130px 0;
}
.specialties h2.sec-tit {
    margin-top: 0;
}
.specialties h2.sec-tit + p {
    font-size: 18px;
}
@media (max-width: 991px) {
    .specialties {
        padding: 65px 0;
        margin-top: 0px;
        background: url('../img/mspecialties-bg.png') no-repeat top center;
        background-size: cover;
        height: 0;
        padding-bottom: 135%;
    }
}
.specialties ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 28px;
    margin-top: 92px;
    gap: 70px;
}
@media (max-width: 991px) {
    .specialties ul {
        margin-top: 45px;
        gap: 0;
    }
}
.specialties ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc((100% - 350px) / 6);
}
@media (max-width: 991px) {
    .specialties ul li {
        width: 33.33%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.specialties ul li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.specialties ul li img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    top: 0;
}
@media (max-width: 991px) {
    .specialties ul li img {
        max-width: 72.5px;
        position: relative;
        top: unset;
    }
}
.specialties ul li span {
    color: white;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    line-height: 1.4;
    margin: 0 -30px;
    margin-top: 175px;
}
@media (max-width: 991px) {
    .specialties ul li span {
        font-size: 13px;
        margin-top: 15px;
        padding: 0 10px;
    }
}
.specialties .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin-top: 100px;
}
@media (max-width: 991px) {
    .specialties .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        margin-top: 50px;
    }
}
.specialties .buttons .mob-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
@media (max-width: 991px) {
    .specialties .buttons .mob-flex {
        gap: 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.specialties .buttons .mob-flex a {
    width: 265px;
}
@media (max-width: 991px) {
    .specialties .buttons .mob-flex a {
        width: 100%;
    }
}
.specialties .buttons a.mob100 {
    width: 265px;
}
@media (max-width: 991px) {
    .specialties .buttons a.mob100 {
        width: 100%;
    }
}
.specialties .buttons a {
    font-weight: 600;
    border: 1px solid white;
    color: white;
    background-color: transparent;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 58px;
    text-align: left;
    padding: 0 23px;
}
.specialties .buttons a .arrow {
    font-size: 15px;
    font-weight: 600;
    font-family: 'SUIT';
    margin-left: 16px;
}
@media (max-width: 991px) {
    .specialties .buttons a .arrow {
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    .specialties .buttons a {
        font-size: 13px;
        line-height: 37px;
    }
}
.specialties .buttons a:hover {
    background-color: white;
    color: #3163c9;
    border: 1px solid white;
}

.aboutus {
    padding: 130px 0;
}
@media (max-width: 991px) {
    .aboutus {
        padding: 65px 0;
    }
}
.aboutus h2.sec-tit + P {
    margin-top: 25px;
    font-weight: 400;
}
.aboutus .container_fix {
    width: 1580px;
}
.aboutus .container_fix .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}
@media (max-width: 1400px) {
    .aboutus .container_fix .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.aboutus .container_fix .flex-box .left-contents {
    width: 1000px;
}
@media (max-width: 1400px) {
    .aboutus .container_fix .flex-box .left-contents {
        width: 100%;
    }
}
.aboutus h2 {
    font-size: 42px;
    color: #111;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
    font-weight: 700;
}
@media (max-width: 991px) {
    .aboutus h2 {
        font-size: 26px;
    }
}
.aboutus h2 + p {
    font-size: 18px;
    color: #666;
    text-align: left;
}
@media (max-width: 991px) {
    .aboutus h2 + p {
        font-size: 14px;
        padding: 0;
        margin-bottom: 22.5px;
    }
}

.diagnostic {
    padding: 130px 0;
}
@media (max-width: 991px) {
    .diagnostic {
        padding: 65px 0;
        padding-top: 50px;
    }
}
.diagnostic h2.sec-tit {
    font-size: 42px;
    color: #0c0c0c;
    font-weight: 700;
    margin-bottom: 77px;
    margin-top: 0;
    line-height: 1.4;
}
@media (max-width: 991px) {
    .diagnostic h2.sec-tit {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 45px;
    }
}
.diagnostic .container_fix {
    width: 1630px;
}
.diagnostic .container_fix ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.diagnostic .container_fix ul .img-box {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.diagnostic .container_fix ul .img-box img {
    display: block;
    height: 100%;
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul .img-box img {
        width: 100%;
    }
}
.diagnostic .container_fix ul .img-box .hover-after {
    display: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.diagnostic .container_fix ul span {
    font-size: 26px;
    color: #0c0c0c;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul span {
        font-size: 18px;
        margin-top: 17px;
    }
}
.diagnostic .container_fix ul .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    display: none;
    height: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.diagnostic .container_fix ul .hover h5 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 32%;
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul .hover h5 {
        font-size: 22.5px;
    }
}
.diagnostic .container_fix ul .hover h5 + p {
    font-size: 17px;
    line-height: 1.4;
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul .hover h5 + p {
        font-size: 13.5px;
        word-break: keep-all;
        padding: 0 15px;
    }
}
.diagnostic .container_fix ul li:hover {
    cursor: pointer;
}
.diagnostic .container_fix ul li:hover .img-box {
    position: relative;
    -webkit-transform: translateY(-38px);
    transform: translateY(-38px);
    -webkit-box-shadow: 0px 7px 12px 4px rgba(0, 0, 0, 0.2588235294);
    box-shadow: 0px 7px 12px 4px rgba(0, 0, 0, 0.2588235294);
}
@media (max-width: 991px) {
    .diagnostic .container_fix ul li:hover .img-box {
        top: unset;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }
}
.diagnostic .container_fix ul li:hover .hover-after {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.diagnostic .container_fix ul li:hover .hover-before {
    display: none;
}
.diagnostic .container_fix ul li:hover .hover {
    display: block;
}

.contact {
    background: url('/img/contact-bg.png') no-repeat center center;
    background-size: cover;
    min-height: 420px;
    padding: 87px 0 120px 0;
}
@media (max-width: 991px) {
    .contact {
        padding: 65px 0;
        background: url('/img/mcontact-bg.png') no-repeat center center;
        background-size: cover;
    }
}
.contact .container_fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1630px;
    gap: 85px;
}
@media (max-width: 991px) {
    .contact .container_fix {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 35px;
    }
}
.contact .container_fix h3 {
    font-size: 42px;
    font-weight: 600;
    color: white;
}
@media (max-width: 991px) {
    .contact .container_fix h3 {
        font-size: 26px;
    }
}
.contact .container_fix p {
    font-size: 21px;
    line-height: 1.4;
    color: white;
    font-weight: 400;
}
@media (max-width: 991px) {
    .contact .container_fix p {
        font-size: 15px;
        word-break: keep-all;
    }
}
.contact .container_fix .btn-box {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
@media (max-width: 991px) {
    .contact .container_fix .btn-box {
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.contact .container_fix .btn-box a {
    border: 1px solid white;
    color: white;
    font-size: 17px;
    font-weight: 400;
    height: 58px;
    line-height: 58px;
    text-align: left;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 265px;
}
@media (max-width: 991px) {
    .contact .container_fix .btn-box a {
        font-size: 13px;
        height: 40px;
        width: 100%;
        line-height: 40px;
    }
}
.contact .container_fix .btn-box a span {
    font-size: 15px;
    font-weight: 500;
    margin-left: 15px;
    font-family: 'SUIT';
}
@media (max-width: 991px) {
    .contact .container_fix .btn-box a span {
        font-size: 14px;
    }
}
.contact .container_fix .btn-box a:hover {
    background-color: white;
    border: 1px solid white;
    color: #3163c9;
    font-weight: 600;
}

.fix-footer.fix_footer {
    background-color: #267bff;
    border-top: 0px solid transparent;
    margin-top: 0;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .foot-logo img {
        width: 63.5px;
        height: 48.5px;
    }
}
.fix-footer.fix_footer .ft_right {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_right .fix_links_box .fix_links {
        line-height: 1.4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 13px;
        -moz-column-gap: 13px;
        column-gap: 13px;
    }
}
.fix-footer.fix_footer .ft_right .fix_links_box .fix_links li {
    position: relative;
}
.fix-footer.fix_footer .ft_right .fix_links_box .fix_links li a {
    color: white !important;
    font-size: 15px;
    text-align: left;
    position: relative;
}
.fix-footer.fix_footer .ft_right .fix_links_box .fix_links li a::after {
    display: block;
    width: 1px;
    height: 13px;
    background-color: white;
    top: 3px;
    position: absolute;
    right: -12px;
    content: '';
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_right .fix_links_box .fix_links li a::after {
        height: 10px;
        right: -7px;
    }
}
.fix-footer.fix_footer .ft_right .fix_links_box .fix_links li:last-of-type a::after {
    display: none;
}
.fix-footer.fix_footer .ft_right .sns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_right .sns-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_left {
        width: 100% !important;
    }
}
.fix-footer.fix_footer .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #5c9cff;
    margin-top: 40px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .flex-box {
        border: 0px solid transparent;
        margin-top: 25px;
    }
}
.fix-footer.fix_footer .flex-box > .container_fix {
    padding-top: 40px;
    width: 1630px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .flex-box > .container_fix {
        padding: 0 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.fix-footer.fix_footer.m02_03 {
    margin-top: 0 !important;
}
.fix-footer.fix_footer.sub {
    margin-top: 100px;
}
.fix-footer.fix_footer.sub.m01 {
    margin-top: -160px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer.sub.m01 {
        margin-top: 50px;
    }
}
@media (max-width: 991px) {
    .fix-footer.fix_footer.sub {
        margin-top: 50px;
    }
}
@media (max-width: 991px) {
    .fix-footer.fix_footer {
        padding: 30px 0;
    }
}
.fix-footer.fix_footer .container_fix.top {
    width: 1630px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 175px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .container_fix.top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 30px;
    }
}
.fix-footer.fix_footer .container_fix.bottom {
    width: 1630px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .container_fix.bottom {
        border-top: 0px solid transparent;
        margin-top: 0;
        padding: 0;
        padding-top: 15px;
    }
}
.fix-footer.fix_footer .container_fix.bottom .info_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
.fix-footer.fix_footer .container_fix.bottom .info_ul li {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    position: relative;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .container_fix.bottom .info_ul li {
        line-height: 1.4;
        font-size: 12px;
    }
}
.fix-footer.fix_footer .container_fix.bottom .info_ul li + li::after {
    display: block;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.65);
    height: 12px;
    position: absolute;
    top: 1px;
    left: -11px;
    content: '';
}
.fix-footer.fix_footer .container_fix.bottom .info_ul + .info_ul {
    margin-top: 12px;
}
.fix-footer.fix_footer .container_fix.bottom h4 {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    margin-top: 20px;
}
.fix-footer.fix_footer .container_fix.mob-sns {
    border-top: 1px solid #5c9cff;
    width: calc(100% - 30px);
    margin-top: 25px;
    padding: 0;
}
.fix-footer.fix_footer .container_fix.mob-sns .sns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    padding-top: 30px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .container_fix.mob-sns .sns-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .fix-footer.fix_footer .container_fix.mob-sns .sns-list img {
        max-width: 15px;
        display: block;
    }
    .fix-footer.fix_footer .container_fix.mob-sns .sns-list li:nth-of-type(2) {
        position: relative;
        top: 2px;
    }
}
.fix-footer.fix_footer .all_menu_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 75px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fix-footer.fix_footer .all_menu_ul > li {
    min-width: 150px;
}
.fix-footer.fix_footer .all_menu_ul span.menu_text {
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin-bottom: 25px;
    display: block;
}
.fix-footer.fix_footer .all_menu_ul .menu_sub1_li + li {
    margin-top: 22px;
}
.fix-footer.fix_footer .all_menu_ul .menu_sub1_li span.menu_sub1_text {
    font-size: 16px;
    color: white;
}

/******************************************
서브시작
*******************************************/
.at-wrapper.sub {
    margin-top: 100px;
}
@media (max-width: 991px) {
    .at-wrapper.sub {
        margin-top: 50px;
    }
}

.top-banner {
    position: relative;
}
@media (max-width: 991px) {
    .top-banner.pb {
        padding-bottom: 42.5px;
    }
}
.top-banner.bo_table {
    margin-bottom: 100px;
}
@media (max-width: 991px) {
    .top-banner.bo_table {
        margin-bottom: 60px;
    }
}
.top-banner .sub_menu_box.normal {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 1400px) {
    .top-banner .sub_menu_box.normal {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .top-banner .sub_menu_box.normal {
        z-index: 9;
    }
    .top-banner .sub_menu_box.normal .dropdown-a {
        width: calc(100% + 30px);
        background-color: #156df4;
        color: white;
        position: relative;
        left: -15px;
        height: 42.5px;
        font-weight: 500;
        line-height: 42.5px;
        text-align: center;
        font-size: 13.5px;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .arrow {
        position: absolute;
        right: 20px;
        top: 18px;
        width: 10px;
        height: 6px;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .arrow img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .tab_list {
        position: absolute;
        top: 100%;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background-color: white;
        padding: 13px 0;
        display: none;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .tab_list.show {
        display: block;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .tab_list li.on a {
        background-color: white;
        color: #999999;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .tab_list li a {
        font-size: 13.5px;
        text-align: center;
        color: #999999;
        padding: 13px 0;
    }
    .top-banner .sub_menu_box.normal .dropdown-a .tab_list li a:hover {
        background-color: white !important;
        color: #156df4 !important;
    }
}
.top-banner .sub_menu_box.normal > .container_fix {
    width: 1430px;
}
.top-banner .sub_menu_box.normal .cate_ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.top-banner .sub_menu_box.normal .cate_ul .cate_li {
    width: -webkit-fill-available;
    font-weight: 600;
}
.top-banner .sub_menu_box.normal .cate_ul .cate_li a {
    font-size: 16px;
    color: #666;
    border: 0px solid transparent;
    line-height: 1.2;
    padding: 20px 0;
}
.top-banner .sub_menu_box.normal .cate_ul .cate_li a:hover {
    background-color: #e6f1ff;
    color: #267bff;
}
.top-banner .sub_menu_box.normal .cate_ul .cate_li.on a {
    background-color: #267bff;
    color: white;
    font-weight: 600;
}
.top-banner .m01 {
    max-height: 500px;
    position: relative;
}
@media (max-width: 991px) {
    .top-banner .m01 {
        display: none;
    }
}
.top-banner .m01 .txt-box {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.top-banner .m01 .txt-box .banner-tit {
    font-size: 47px;
    color: white;
    font-weight: 600;
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .top-banner .m01 .txt-box .banner-tit {
        font-size: 28px;
        color: #f9f9f9;
    }
}
@media (max-width: 991px) {
    .top-banner .m01 .txt-box {
        top: 50px;
    }
}
@media (max-width: 991px) {
    .top-banner .m01 img {
        width: 100%;
        display: block;
    }
}
.top-banner.scroll {
    position: absolute;
    top: 100px;
    z-index: 50;
}
@media (max-width: 991px) {
    .top-banner.scroll {
        position: relative;
        top: unset;
    }
}
.top-banner.scroll.fixed {
    position: fixed;
    top: 100px;
    z-index: 10;
}
@media (max-width: 991px) {
    .top-banner.scroll.fixed {
        position: relative;
        top: unset;
    }
}

.m01-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
    -webkit-box-shadow: 1px 9px 19px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 9px 19px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 70px;
}
@media (max-width: 991px) {
    .m01-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
    }
}
.m01-banner .left-box {
    padding: 65px;
    width: 58%;
    padding-right: 90px;
}
@media (max-width: 991px) {
    .m01-banner .left-box {
        width: 100%;
        padding: 35px 30px;
    }
}
.m01-banner .left-box h4 {
    font-size: 32px;
    color: #111111;
    font-weight: 700;
    font-family: 'Pretendard';
    line-height: 1.2;
}
@media (max-width: 991px) {
    .m01-banner .left-box h4 {
        font-size: 21px;
    }
}
.m01-banner .left-box h4 + p {
    font-size: 18px;
    color: #666;
    word-break: keep-all;
    line-height: 1.8;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .m01-banner .left-box h4 + p {
        line-height: 1.5;
        font-size: 14px;
    }
}
.m01-banner .right-box img {
    height: 100%;
}
@media (max-width: 1400px) {
    .m01-banner .right-box img {
        display: block;
    }
}

.at-body.m01 .page-wrap {
    position: relative;
    top: -260px;
}
@media (max-width: 991px) {
    .at-body.m01 .page-wrap {
        top: unset;
    }
}

.at-body.main {
    margin-top: 100px;
}
@media (max-width: 991px) {
    .at-body.main {
        margin-top: 50px;
    }
}

.sub_text {
    display: none;
}
.sub_text.m01 {
    display: none;
}
.sub_text.m01 + .sub_menu_box {
    position: relative;
    top: -310px;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box {
        top: 0;
        background-color: #eef0f3;
        padding-bottom: 30px;
    }
}
.sub_text.m01 + .sub_menu_box .banner-tit {
    font-size: 37px;
    color: white;
    font-weight: 700;
    margin-bottom: 45px;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box .banner-tit {
        font-size: 28px;
        margin-bottom: 30px;
        padding-top: 40px;
    }
}
.sub_text.m01 + .sub_menu_box::after {
    display: block;
    width: 100%;
    height: 78%;
    max-height: 475px;
    content: '';
    left: 0;
    top: 310px;
    position: absolute;
    background-color: #eef0f3;
}
@media (max-width: 1400px) {
    .sub_text.m01 + .sub_menu_box::after {
        max-height: unset;
    }
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box::after {
        max-height: unset;
        background: url('/img/bg.jpg') no-repeat top center/cover;
        top: 0;
        height: 0;
        padding-bottom: 122.23%;
    }
}
@media (max-width: 991) {
    .sub_text.m01 + .sub_menu_box::before {
        display: block;
        width: 100%;
        height: 500px;
        content: '';
        left: 0;
        top: 0;
        position: absolute;
        background-color: red;
    }
}
.sub_text.m01 + .sub_menu_box > .container_fix {
    width: 1430px;
    z-index: 9;
}
.sub_text.m01 + .sub_menu_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }
}
.sub_text.m01 + .sub_menu_box ul li {
    width: 25%;
    height: 200px;
    line-height: unset;
    border-bottom: 2px solid #267bff;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box ul li {
        width: calc(50% - 7.5px);
        max-height: 105px;
    }
    .sub_text.m01 + .sub_menu_box ul li:nth-of-type(3) img {
        width: 34px;
        height: 32.7px;
    }
}
.sub_text.m01 + .sub_menu_box ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0px solid transparent;
    -webkit-box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.1490196078);
    box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.1490196078);
    font-size: 18px;
    font-weight: 700;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box ul li a span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 13px;
    }
}
.sub_text.m01 + .sub_menu_box ul li a img {
    margin-bottom: 19px;
}
@media (max-width: 991px) {
    .sub_text.m01 + .sub_menu_box ul li a img {
        max-height: 38px;
    }
}
.sub_text.m01 + .sub_menu_box ul li:hover a {
    border: 0px solid transparent;
    background-color: #267bff;
    color: white;
}
.sub_text.m01 + .sub_menu_box ul li:hover a img {
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
}
.sub_text.m01 + .sub_menu_box ul li.on a {
    border: 0px solid transparent;
    background-color: #267bff;
    color: white;
}
.sub_text.m01 + .sub_menu_box ul li.on a img {
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
}

.container_fix.sub {
    width: 1430px;
    margin-top: 100px;
}
@media (max-width: 991px) {
    .container_fix.sub {
        margin-top: 60px;
    }
}

.m01_02 .toggle-list {
    margin-top: 70px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list {
        margin-top: 40px;
    }
}
.m01_02 .toggle-list h4.content-tit {
    font-size: 22px;
    color: #111;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 28px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list h4.content-tit {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 25px;
    }
}
.m01_02 .toggle-list > ul > li {
    padding: 17px 39px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.m01_02 .toggle-list > ul > li:nth-of-type(1) .toggle-contents p.resume {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 35px;
    padding-right: 187px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list > ul > li:nth-of-type(1) .toggle-contents p.resume {
        padding-right: 0;
        padding-bottom: 25px;
    }
}
@media (max-width: 991px) {
    .m01_02 .toggle-list > ul > li {
        padding: 17px 21px;
    }
}
.m01_02 .toggle-list > ul > li:hover {
    background-color: #267bff;
}
.m01_02 .toggle-list > ul > li:hover b {
    color: white;
}
.m01_02 .toggle-list > ul > li:hover img {
    -webkit-filter: brightness(900%);
    filter: brightness(900%);
}
.m01_02 .toggle-list > ul > li + li {
    margin-top: 15px;
}
.m01_02 .toggle-list > ul > li b {
    font-size: 22px;
    color: #267bff;
    font-weight: 600;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list > ul > li b {
        font-size: 16px;
        font-weight: 700;
    }
    .m01_02 .toggle-list > ul > li b img {
        width: 13px;
        height: 13px;
    }
}
.m01_02 .toggle-list > ul > li.show {
    border-color: #267bff;
    padding-bottom: 50px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list > ul > li.show {
        padding-bottom: 25px;
    }
}
.m01_02 .toggle-list > ul > li.show .more-btn {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.m01_02 .toggle-list > ul > li.show:hover {
    background-color: white;
}
.m01_02 .toggle-list > ul > li.show:hover b {
    color: #267bff;
}
.m01_02 .toggle-list > ul > li.show:hover img {
    -webkit-filter: unset;
    filter: unset;
}
.m01_02 .toggle-list ul.box-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
}
.m01_02 .toggle-list ul.box-list li {
    width: calc(33.33% - 8.5px);
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li {
        width: 100%;
    }
}
.m01_02 .toggle-list ul.box-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 9px 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li a {
        padding: 7px 10px;
    }
}
.m01_02 .toggle-list ul.box-list li a p {
    font-size: 17px;
    color: #666;
    font-weight: 600;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li a p {
        font-size: 13.5px;
    }
}
.m01_02 .toggle-list ul.box-list li .img {
    position: relative;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li .img {
        width: 30px;
        height: 30px;
    }
}
.m01_02 .toggle-list ul.box-list li .img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li .img img {
        display: block;
        width: 100%;
        height: 100%;
    }
}
.m01_02 .toggle-list ul.box-list li .img::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.378);
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list li .img::after {
        width: 30px;
        height: 30px;
    }
}
.m01_02 .toggle-list ul.box-list li:hover a {
    background-color: #267bff;
    border: 1px solid #267bff;
}
.m01_02 .toggle-list ul.box-list li:hover a p {
    color: white;
}
.m01_02 .toggle-list ul.box-list li:hover .img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.m01_02 .toggle-list ul.box-list li:hover .img::after {
    display: none;
}
.m01_02 .toggle-list ul.box-list.grid-4 li {
    width: calc(25% - 9px);
}
@media (max-width: 991px) {
    .m01_02 .toggle-list ul.box-list.grid-4 li {
        width: 100%;
    }
}
.m01_02 .toggle-list .toggle-contents {
    display: none;
}
.m01_02 .toggle-list .toggle-contents p.resume {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    margin-top: 30px;
    word-break: keep-all;
    line-height: 1.7;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list .toggle-contents p.resume {
        font-size: 13px;
        margin-top: 20px;
    }
}
.m01_02 .toggle-list .toggle-contents.active {
    display: block;
}
.m01_02 .toggle-list .toggle-contents a.link {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: inline-block;
    padding: 20px 25px;
    font-size: 17px;
    color: #666;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .m01_02 .toggle-list .toggle-contents a.link {
        font-size: 13.5px;
        margin-top: 25px;
        padding: 15px 21px;
        font-weight: 500;
    }
}
.m01_02 .toggle-list .toggle-contents a.link:hover {
    color: white;
    background-color: #267bff;
    border-color: #267bff;
}

.m01_04 a.link {
    font-size: 17px;
    color: #111;
    border: 1px solid #666666;
    padding: 17px 23px;
    display: inline-block;
    margin: 53px 0 70px 0;
    font-weight: 500;
}
.m01_04 a.link .arrow {
    font-size: 15px;
    font-family: 'SUIT';
    font-weight: 600;
    margin-left: 20px;
}
@media (max-width: 991px) {
    .m01_04 a.link .arrow {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .m01_04 a.link {
        font-size: 13.5px;
        padding: 13.5px 20px;
        margin: 30px 0 41px 0;
    }
}
.m01_04 a.link:hover {
    background-color: #267bff;
    border-color: #267bff;
    color: white;
}

.m02_03 {
    margin-top: 100px;
}

.m04_02_text, .m03_03_text  {
    margin-bottom: 70px;
}

.board_style .list-board .list-body li.list-item > div.wr_2 {
    width: 20% !important;
}

.inquiry_style .list-board .wr-date {
    width: 20%;
}

.inquiry_style .list-board .wr-1 .red {
    border: 0px solid transparent;
    background: #ededed;
    color: #666666 !important;
}

.inquiry_style .list-board .wr-1 .grey {
    border: 0px solid transparent;
    background: #267bff;
    color: white !important;
}

.inquiry_style .list-board .wr-1 span {
    font-weight: 600;
    line-height: 40px;
    width: 110px;
    font-size: 16px;
    margin: unset;
    display: block;
    position: relative;
    top: unset;
    left: unset;
}
@media (max-width: 991px) {
    .inquiry_style .list-board .wr-1 span {
        width: 80px;
        height: 30px;
        line-height: 30px;
    }
}
@media (max-width: 495px) {
    .inquiry_style .list-board .wr-1 span {
        width: unset;
        margin-right: 10px;
    }
}

.inquiry_style .list-board {
    border-top: 1px solid #222222;
}

.board_style.inquiry_style .list-board .list-body li > div.wr-subject a {
    color: #222;
    font-size: 18px;
    font-weight: 600;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-board .list-body li > div.wr-subject a {
        font-size: 14px;
    }
}

.board_style.inquiry_style .list-board .list-body li > div.wr_2 {
    font-size: 17px;
    color: #999;
}
.board_style.inquiry_style .list-board .list-body li > div.wr_2 img {
    position: relative;
    top: -2px;
    margin-right: 15px;
}

.board_style.inquiry_style .list-board .list-body li > div {
    padding: 30px 0;
}

.board_style.inquiry_style .list-tsearch {
    background-color: transparent;
    border: 0px solid transparent;
    padding: 0;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch {
        height: 42px;
    }
    .board_style.inquiry_style .list-tsearch .row-15 {
        margin: 0 !important;
    }
}

.board_style.inquiry_style .list-tsearch .form-group.custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    border: 1px solid #dfdfdf;
    height: 100%;
    min-width: 370px;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch .form-group.custom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: unset;
    }
    .board_style.inquiry_style .list-tsearch .form-group.custom button {
        display: block;
    }
}

.board_style.inquiry_style .list-tsearch .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 55px;
    line-height: 55px;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch .form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 40px;
    }
}
.board_style.inquiry_style .list-tsearch .form-group p {
    color: #666666;
    font-size: 17px;
    font-weight: 500;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch .form-group p {
        font-size: 13px;
    }
}
.board_style.inquiry_style .list-tsearch .form-group p .point-color {
    color: #267bff;
    font-weight: 500;
    margin-left: 5px;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch .form-group {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
}

.board_style.inquiry_style .list-tsearch .form-group input {
    height: 100%;
}
@media (max-width: 991px) {
    .board_style.inquiry_style .list-tsearch .form-group input {
        font-size: 13px;
    }
    .board_style.inquiry_style .list-tsearch .form-group input::-webkit-input-placeholder {
        font-size: 13px;
    }
    .board_style.inquiry_style .list-tsearch .form-group input::-moz-placeholder {
        font-size: 13px;
    }
    .board_style.inquiry_style .list-tsearch .form-group input:-ms-input-placeholder {
        font-size: 13px;
    }
    .board_style.inquiry_style .list-tsearch .form-group input::-ms-input-placeholder {
        font-size: 13px;
    }
    .board_style.inquiry_style .list-tsearch .form-group input::placeholder {
        font-size: 13px;
    }
}

.board_style.inquiry_style .list-tsearch .form-control,
.board_style.inquiry_style .list-tsearch .btn.btn-white {
    border: 0px solid transparent;
    background: white;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-size: 16px;
    color: #666;
}

.board_style.inquiry_style .list-tsearch .form-group.custom .fa-search {
    color: #267bff;
    font-size: 18px;
    font-weight: 400;
}

.board_style.inquiry_style .list-item:hover {
    background-color: #fbfbfb !important;
}

@media (max-width: 991px) {
    header.header {
        height: 50px;
    }
}
header.header .header_wrap .container_fix.header {
    width: 1795px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
header.header .header_wrap .container_fix.header .header-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
header.header .header_wrap .container_fix.header div.center_menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 991px) {
    header.header .header_wrap .container_fix.header div.center_menu {
        display: none;
    }
}

.list-page ul.pagination li a {
    font-size: 18px;
    padding: 0 2.25px;
}

.list-page ul.pagination li.active a {
    border-bottom: 1px solid black !important;
}

body.main {
    -ms-overflow-style: none;
}

body.main::-webkit-scrollbar {
    display: none;
}

.estimate_write2 .flex-box .in_box .inquiry_box {
    margin-bottom: 25px;
}

.estimate_write2 .inquiry_box > label,
.estimate_write2 .well_box h3 {
    margin-bottom: 12.5px;
}

.estimate_write2 .inquiry_box.content_box {
    margin-bottom: 30px;
}

#go-btn.go-btn {
    right: 15px !important;
    bottom: 15px !important;
    width: 39px;
    height: 39px;
    line-height: 39px;
}
#go-btn.go-btn img {
    width: 10px;
}

@media (max-width: 991px) {
    header.header .header_wrap .container_fix.header {
        height: 100%;
    }
} /*# sourceMappingURL=style.css.map */