#contents .top {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
}

#contents .top.about {
    background-image: url(/default/img/about/top-bg.jpg);
}

#contents .top.partner {
    background-image: url(/default/img/partners/top-bg-partner.jpg);
}

#contents .top.main {
    height: 803px;
    background-image: url(/default/img/main/top-bg-main.jpg);
}

#contents .top > div {
    width: 100%;
}

#contents .top.main > div {
    text-align: center;
}

#contents .top h1 {
    font-size: 60px;
    font-weight: bold;
    line-height: 108px;
    color: #fff;
    text-align: center;
}

#contents .top.main > div h1 {
    width: 444px;
    height: 127px;
    border: 10px solid #fff;
    box-sizing: border-box;
    margin: 0 auto;
}

#contents .top.main > div p {
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    margin-top: 29px;
}

.top > div .breadcrubms {
    text-align: center;
}

.top > div .breadcrubms a {
    font-size: 13px;
    line-height: 19px;
}

.top > div .breadcrubms a:nth-child(1) {
    color: #FFC000;
    font-weight: bold;
}

.top > div .breadcrubms a:nth-child(2) {
    color: #fff;
    font-weight: lighter;
}

.top > div .breadcrubms a + a {
    margin-left: 12px;
}

.top > div .breadcrubms a + a::before {
    content: "/";
    margin-right: 12px;
}

#contents .about_wrap .section_01 {
    width: 100%;
    max-width: 900px;
    padding-top: 150px;
    padding-bottom: 217px;
    box-sizing: border-box;
    margin: 0 auto;
}

.about_wrap .section_01 .inner {
    width: 100%;
}

.about_wrap .section_01 .inner .copy {
    padding-bottom: 85px;
    box-sizing: border-box;
}

.about_wrap .section_01 h2 {
    font-size: 50px;
    font-weight: lighter;
    line-height: 72px;
    color: #444;
    word-break: keep-all;
}

.about_wrap .section_01 h2 + p {
    margin-top: 15px;
}

.about_wrap .section_01 p {
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    color: #767676;
    word-break: keep-all;
}

.about_wrap .section_01 p + p {
    margin-top: 35px;
}

.about_wrap .section_01 .inner .sign {
    width: 100%;
    position: relative;
}

.about_wrap .section_01 .inner .sign > div {
    width: 26%;
    position: absolute;
    top: 0;
    right: 10%;
}

.about_wrap .section_01 i {
    display: inline-block;
    width: 100%;
    padding-top: 28.632%;
    background-image: url(/default/img/about/sign.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#contents .about_wrap .section_02 {
    display: block;
    width: 100%;
    height: 272.41px;
    background-image: url(/default/img/about/sec-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 128px;
}

.about_wrap .section_02 > div {
    text-align: center;
    padding-top: 105px;
    box-sizing: border-box;
}

.about_wrap .section_02 > div p {
    color: #fff;
}

.about_wrap .section_02 > div p:nth-child(1) {
    font-size: 44px;
    line-height: 56px;
    font-weight: bold;
}

.about_wrap .section_02 > div p:nth-child(2) {
    font-size: 13px;
    font-weight: 400;
}

#contents .about_wrap .section_03 {
    width: 100%;
    max-width: 900.29px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 200px;
}

.about_wrap .section_03 .inner {
    width: 100%;
}

.about_wrap .section_03 h3 {
    font-size: 50px;
    font-weight: lighter;
    line-height: 72px;
    color: #444;
    position: relative;
}

.about_wrap .section_03 h3 i {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    position: relative;
    z-index: 1;
}

.about_wrap .section_03 h3:nth-child(2) {
    font-weight: bold;
    display: inline-block;
}

.about_wrap .section_03 h3:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: yellow
}

.about_wrap .section_03 .inner .credo_wrap > div {
    padding-left: 87.3px;
    position: relative;
    margin-top: 91px;
}

.about_wrap .section_03 .inner .credo_wrap > div > div {
    display: inline-block;
    vertical-align: top;
}

.about_wrap .section_03 .inner .credo_wrap > div > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 4px solid #004098;
    padding-top: 30px;
}

.about_wrap .section_03 .inner .credo_wrap > div > div:nth-child(2) {
    width: 100%;
    border-top: 1px solid #AEAEAE;
    padding-top: 47px;
}


.about_wrap .section_03 .inner .credo_wrap > div i {
    font-size: 50px;
    line-height: 72px;
    font-weight: bold;
    color: #004098;
}

.about_wrap .section_03 .inner .credo_wrap > div p {
    font-size: 20px;
    line-height: 29px;
    font-weight: lighter;
    color: #222;
    word-break: keep-all;
}

#contents .about_wrap .section_04 {
    width: 100%;
    max-width: 1190px;
    height: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.about_wrap .section_04 .inner {
    width: 100%;
}

.about_wrap .section_04 .history {
    width: 240px;
    height: 240px;
    background-color: #3E3E3E;
    border-radius: 50%;
    margin: 0 auto;
    padding: 85px 76px;
    box-sizing: border-box;
}

.about_wrap .section_04 .history i {
    display: block;
    color: #fff;
    font-size: 47px;
    line-height: 70px;
    font-weight: lighter;
    text-align: center;
}

.about_wrap .section_04 .list {
    width: 100%;
}

.about_wrap .section_04 .list > div {
    font-size: 0;
}

.about_wrap .section_04 .list > div > div {
    display: inline-block;
    width: 50%;
    height: 100%;
    vertical-align: top;
    position: relative;
}

.about_wrap .section_04 .list > div h4 {
    font-size: 48px;
    line-height: 67px;
    font-weight: 500;
    color: #222;
}

.about_wrap .section_04 .list .left.pd {
    padding-top: 85.5px;
}

.about_wrap .section_04 .list > div .left.pd .ico::after {
    top: 119px;
}

.about_wrap .section_04 .list > div .left .ico::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #0958E2;
    box-sizing: border-box;
    position: absolute;
    top: 31px;
    right: -8px;
    z-index: 20;
}

.about_wrap .section_04 .list > div p {
    font-size: 18px;
    line-height: 26px;
    font-weight: lighter;
    word-break: keep-all;
}

.about_wrap .section_04 .list > div .left::after {
    content: "";
    border-left: 1px solid #707070;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.about_wrap .section_04 .list > div .left.pd::after {
    top: 0;
}

.about_wrap .section_04 .list > div .right::before {
    content: "";
    border-left: 1px solid #707070;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
}

.about_wrap .section_04 .list > div .left {
    text-align: right;
    padding-right: 59.5px;
    box-sizing: border-box;
}

.about_wrap .section_04 .list > div .history_img {
    display: inline-block;
    margin-top: 19px;
    width: 100%;
}

.about_wrap .section_04 .list > div .history_img ul {
    font-size: 0;
}

.about_wrap .section_04 .list > div .history_img ul li {
    width: 30%;
    height: 165px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: contain;
}

.about_wrap .section_04 .list > div .history_img ul li + li {
    margin-left: 3%;
}

.about_wrap .section_04 .list > div .left .history_img ul li {
    background-position: right;
}

.about_wrap .section_04 .list > div .right .history_img ul li {
    background-position: left;
}

.about_wrap .section_04 .list > div .history_img ul .sum {
    width: 100%;
    height: 145px;
}

.about_wrap .section_04 .list > div .right .ico::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #0958E2;
    box-sizing: border-box;
    position: absolute;
    top: 31px;
    left: -9px;
    z-index: 20;
}

.about_wrap .section_04 .list > div .right {
    text-align: left;
    padding-left: 59.5px;
    box-sizing: border-box;
}

.about_wrap .section_04 .list > div:nth-last-child(1) .left {
    padding-bottom: 85.5px;
}

.about_wrap .section_04 .list > div:nth-last-child(1) .right {
    padding-bottom: 0px;
}

.cont_body {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.cont_body.partner {
    max-width: 900px;
    padding: 65px 0 179px;
}

.cont_body .cont_tit {
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.cont_body.partner .cont_tit {
    padding-bottom: 205px;
}

.cont_body .cont_tit h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    color: #444;
}

.cont_body .cont_tit p {
    font-size: 24px;
    line-height: 35px;
    font-weight: 100;
    color: #444;
}

.cont_body .cont_tit h2 + p {
    margin-top: 15px;
}

.cont_body .cont_tit::after {
    display: block;
    content: "";
    height: 72px;
    border-left: 1px solid #707070;
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
}

.cont_body.partner .cont_tit::after {
    bottom: 95px;
}

.cont_body .cont_list ul {
    font-size: 0;
}

.cont_body .cont_list ul li {
    display: flex;

}

.cont_body .cont_list ul li > div {
    padding: 53px 0 53px;
}

.cont_body .cont_list ul li .partner_logo {
    flex: 0 0 265px;
    width: 265px;
    position: relative;
    border-top: 4px solid #1B1C1D;
}

.cont_body .cont_list ul li .partner_logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cont_body .cont_list ul li .info {
    width: 100%;
    border-top: 1px solid #AEAEAE;
    margin-left: 25px;
}

.cont_body .cont_list ul li .info span {
    font-size: 24px;
    line-height: 35px;
    color: #444;
    font-weight: 700;
}

.cont_body .cont_list ul li .info p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #222;
    text-align: justify;
}

.cont_body .cont_list ul li .info span + p {
    margin-top: 10px;
}

#contents .top.contact {
    background-image: url(/default/img/contact/top-bg-contact.jpg);
}

.cont_body.contact {
    max-width: 1015px;
    padding: 65px 0 120px;
}

.cont_body.contact .cont_tit {
    padding-bottom: 87px;
}

.cont_body.contact .cont_tit::after {
    bottom: -26px;
}

.cont_body.contact .comtact_add {
    text-align: center;
}

.cont_body.contact .comtact_add p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #5D5D5D;
}

.cont_body.contact .comtact_add p br {
    display: none;
}

.cont_body.contact .comtact_add .tel_number {
    margin-top: 18px;
}

.cont_body.contact .comtact_add .tel_number a {
    font-weight: 100;
    color: #5D5D5D;
}

.cont_body.contact .comtact_add .tel_number p {
    display: inline-block;
    vertical-align: top;
}

.cont_body.contact .comtact_add .tel_number p + p {
    margin-left: 85px;
}

.cont_body.contact .google_map {
    width: 100%;
    margin-top: 45px;
}

.cont_body.contact .google_map {
    width: 100%;
    padding-top: 54.639%;
    box-sizing: border-box;
    border: 1px solid #444;
}

.cont_body.contact .partner_map {
    margin-top: 235px;
}

.partner_map .map_inner {
    width: 100%;
    max-width: 1020px;
    margin-top: 43px;
    position: relative;
}

.partner_map .map_inner .map_wrap {
    width: 100%;
    max-width: 884px;
    margin: 0 auto;
}

.partner_map .map_inner .base_map {
    display: block;
    width: 100%;
    padding-top: 101.8433%;
    background-image: url(/default/img/contact/img-map.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    position: relative;
}

.base_map .map_hover > div {
    width: 100%;
    height: 100%;
    background-image: url(/default/img/contact/img-map-daegu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: All .2s ease-in-out;
}

.partner_list {
    width: 100%;
    max-width: 884px;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.partner_list ul li {
    font-size: 0;
    position: absolute;
}

.partner_list ul li.daegu {
    right: -90px;
    top: 325px;
}

.partner_list ul li .ico_line {
    height: 2px;
    border-top: 2px dashed #235AA6;
    position: absolute;
}

.partner_list ul li.daegu .ico_line {
    width: 100px;
    top: 20px;
    left: -120px;
}

.partner_list ul li.busan .ico_line {
    width: 94px;
    top: 19px;
    left: -112px;
}

.partner_list ul li.jeju .ico_line {
    width: 93px;
    top: 19px;
    left: -112px;
}

.partner_list ul li.gwangju .ico_line {
    width: 260px;
    top: 20px;
    right: -140px;
}

.partner_list ul li.jeonju .ico_line {
    width: 267px;
    top: 20px;
    right: -128px;
}

.partner_list ul li.daejeon .ico_line {
    width: 240px;
    top: 20px;
    right: -109px;
}

.partner_list ul li .ico_line::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: #004098;
    border-radius: 50%;
    position: absolute;
    top: -10px;
}

.partner_list ul li .ico_line.right::before {
    left: -20px;
}

.partner_list ul li .ico_line.left::before {
    left: auto;
    right: -16px;
}

.partner_list ul li .ico_line::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 5px solid #004098;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    right: -13px;
}

.partner_list ul li .ico_line.right::after {
    right: -13px;
}

.partner_list ul li .ico_line.left::after {
    right: auto;
    left: -16px;
}

.partner_list ul li.busan {
    right: -120px;
    bottom: 190px;
}

.partner_list ul li.jeju {
    bottom: -67px;
    left: 400px;
}

.partner_list ul li.gwangju {
    bottom: 150px;
    left: 0;
}

.partner_list ul li.jeonju {
    bottom: 312px;
    left: 0;
}

.partner_list ul li.daejeon {
    top: 318px;
    left: 0;
}

.partner_list ul li p {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #004098;
}

.partner_list ul li .list_add {
    padding-left: 20px;
    box-sizing: border-box;
}

.partner_list ul li .list_add p {
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    color: #767676;
}

.partner_list ul li .list_add span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
    position: relative;
    margin-bottom: 3px;
}

.partner_list ul li .list_add span::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 17px;
    background-image: url(/default/img/contact/ico-position.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}

/*.partner_list ul li .list_add i {*/
    .partner_list ul li .list_add a {
    display: block;
    width: 114px;
    height: 29px;
    background-color: #F1F1F1;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 29px;
    color: #5D5D5D;
    text-align: center;
    margin-top: 7px;
}


/* main */

.main_wrap .section_01 .inner {
    width: 100%;
    max-width: 1180px;
    margin: 120px auto;
    padding: 70px 30px 30px;
    box-sizing: border-box;
}

.main_wrap .section_01 .inner > div {
    position: relative;
    width: 100%;
    padding-right: 623px;
    box-sizing: border-box;
}

.main_wrap .section_01 .inner > div img {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.main_wrap .section_01 .inner > div em {
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
}

.main_wrap .section_01 .inner > div p {
    font-size: 16px;
    line-height: 32px;
    color: #444444;
    margin-top: 8px;
}

.main_wrap .section_02 {
    width: 100%;
    height: 272px;
    background-image: url(/default/img/main/img-sec2-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.main_wrap .section_02 .inner {
    width: 100%;
    text-align: center;
}

.main_wrap .section_02 .inner em {
    font-size: 44px;
    line-height: 56px;
    color: #fff;
}

.main_wrap .section_02 .inner p {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin-top: 9px;
}



.main_wrap .section_03 {
    background-image: url(/default/img/main/img-sec3-bg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 456px auto;
    padding: 139px 0 87px;
}

.main_wrap .section_03 .inner {
    position: relative;
    padding: 0 20px 0 40px;
    width: 100%;
    max-width: 1180px;
    box-sizing: border-box;
    margin: 0 auto;
}

.table_wrap {
    position: relative;
}

.table_wrap table {
    width: auto;
    table-layout: fixed;
    border-collapse:collapse;
    border-spacing: 16px;
    /* width: 600px; */
}

.table_wrap tbody tr td {
    width: 65px;
    height: 65px;
    padding: 6px;
}



.table_wrap tbody tr td > a {
    display: block;
    width: 65px;
    height: 65px;
    cursor: pointer;
    position: relative;
}

.table_wrap tbody tr td > a > p {
    font-size: 10px;
    padding-top: 40px;
    text-align: center;
}

.table_wrap tbody tr td > a > div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: 65px;
    min-height: 65px;
    border: 3px solid transparent;
    padding: 20px;
    box-sizing: border-box;
}

.test_modal {
    width: 215px;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    pointer-events: none;
    animation: showUp .3s forwards;
}

.test_modal em {
    font-size: 16px;
    line-height: 19px;
}

.test_modal p {
    font-size: 13px;
    line-height: 26px;
    margin-top: 20px;
    word-break: keep-all;
}

.main_wrap .section_03 .copy_wrap {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.main_wrap .section_03 .copy_wrap em {
    font-size: 50px;
    line-height: 67px;
    text-align: right;
    display: block;
}

.main_wrap .section_03 .copy_wrap p {
    font-size: 16px;
    margin-top: 20px;
    text-align: right;
}

.main_wrap .section_04 {
    background-color: #F6F6F6;
    padding: 65px 0;
}

.main_wrap .section_04 .inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 60px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}

.main_wrap .section_04 .inner em {
    font-size: 44px;
    color: #1B1C1D;
    text-transform: uppercase;
    font-weight: bold;
}

.main_wrap .section_04 .inner p {
    font-size: 13px;
    line-height: 16px;
    color: #1B1C1D;
    margin-top: 25px;
}

.main_wrap .section_04 .inner ul {
    margin-top: 60px;
    font-size: 0;
}

.main_wrap .section_04 .inner ul li {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 60px) / 5 - 0.1px);
}

.main_wrap .section_04 .inner ul li + li {
    margin-left: 15px;
}

.main_wrap .section_04 .inner ul li a {
    display: block;
    width: 100%;
    padding-top: 118.1818%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main_wrap .section_04 .inner .btn_wrap {
    text-align: center;
    margin-top: 70px;
}

.main_wrap .section_04 .inner .btn_wrap a {
    display: inline-block;
    width: 96px;
    line-height: 39px;
    background-color: #444444;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
}

.main_wrap .section_05 .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.main_wrap .section_05 .inner ul {
    font-size: 0;
}

.main_wrap .section_05 .inner ul li {
    vertical-align: top;
    width: 33.3333%;
    height: 460px;
    display: inline-flex;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
    transition: All .3s ease-in-out;
}

.main_wrap .section_05 .inner ul li > div {
    width: 100%;
    text-align: center;
}

.main_wrap .section_05 .inner ul li > div i {
    display: block;
    margin: 0 auto;
    width: 135px;
    height: 135px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 34px;
    
}

.main_wrap .section_05 .inner ul li:nth-child(1) > div i {
    background-image: url(/default/img/assets/ico-main-benefit1.svg);
}

.main_wrap .section_05 .inner ul li:nth-child(2) > div i {
    background-image: url(/default/img/assets/ico-main-benefit2.svg);
}

.main_wrap .section_05 .inner ul li:nth-child(3) > div i {
    background-image: url(/default/img/assets/ico-main-benefit3.svg);
}

.main_wrap .section_05 .inner ul li:hover:nth-child(1) > div i {
    background-image: url(/default/img/assets/ico-main-benefit1-hover.svg);
}

.main_wrap .section_05 .inner ul li:hover:nth-child(2) > div i {
    background-image: url(/default/img/assets/ico-main-benefit2-hover.svg);
}

.main_wrap .section_05 .inner ul li:hover:nth-child(3) > div i {
    background-image: url(/default/img/assets/ico-main-benefit3-hover.svg);
}

.main_wrap .section_05 .inner ul li > div em {
    font-size: 24px;
    line-height: 37px;
    transition: All .3s ease-in-out;
}

.main_wrap .section_05 .inner ul li > div p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 38px;
    transition: All .3s ease-in-out;
}

.main_wrap .section_05 .inner ul li:hover {
    background-color: #2185D0;
}

.main_wrap .section_05 .inner ul li:hover > div em,
.main_wrap .section_05 .inner ul li:hover > div p {
    color: #fff;
}

#contents .top.products_sub1 {
    background-image: url(/default/img/products-sub1/sub1-top-bg.jpg);
}

.product_gnb {
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
}

.product_gnb .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.product_gnb ul {
    font-size: 0;
}

.product_gnb ul li {
    width: 33.333%;
    height: 100px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.product_gnb ul li + li {
    border-left: 1px solid #EBEBEB;
}

.product_gnb ul li:first-child {
    border-left: 1px solid #EBEBEB;
}

.product_gnb ul li:last-child {
    border-right: 1px solid #EBEBEB;
}

.product_gnb ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 0;
    box-sizing: border-box;
}

.product_gnb ul li a p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #222;
}

.product_gnb ul li a span {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #222;
}

.product_gnb ul li.active {
    background-color: #2185D0;
}

.product_gnb ul li.active p,
.product_gnb ul li.active span {
    color: #fff;
}


.product_wrap .logo_wrap {
    width: 100%;
    height: 200px;
}

.product_wrap .logo_wrap .logo {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.product_wrap .logo_wrap .logo.sub1 {
    background-image: url(/default/img/products-sub1/sub1-logo.svg);
    background-size: 293px 94px;
}

/* mindray_tab */
.mindray_tab {margin: 30px 0 60px;}
.mindray_tab .inner {width: 100%;max-width: 1280px;margin: 0 auto;text-align: center;}
.mindray_tab .inner ul {margin: 0px;padding: 0px;list-style: none;}
.mindray_tab .inner ul  li{background: none;color: #222;display: inline-block;padding: 10px 15px;cursor: pointer;width: 10%;text-align: center;font-size: 19px;}
.mindray_tab .inner ul  li.active a{ color:#2185D0; font-weight: bold; text-decoration:underline 3px solid; }

/* mindray_content */
.mindray_content { margin:0 auto; }
.mindray_content .inner { width: 100%;max-width: 1140px;margin: 32px auto;position: relative; }
.mindray_content h1 {font-size: 45px;text-align: center;margin: 60px 0;}
.mindray_content h2 {font-size: 35px;font-weight: 600;color: #505050;line-height: 50px;margin-bottom: 48px;}
.mindray_content h3 {font-size: 30px;font-weight: 500;color: #505050;}
.mindray_content h4 {font-size: 25px;color: #505050;line-height: 40px;margin-bottom: 25px;}
.mindray_content h6 {font-size: 19px;font-weight: bold;color: #242728;margin-bottom: 35px;}

.mindray_content .mb-1 { margin-bottom:1rem !important; }
.mindray_content .mb-2 { margin-bottom:2rem !important; }
.mindray_content .mb-3 { margin-bottom:3rem !important; }
.mindray_content .mb-4 { margin-bottom:4rem !important; }
.mindray_content .mb-5 { margin-bottom:5rem !important; }
.mindray_content .mb-6 { margin-bottom:6rem !important; }
.mindray_content .mb-7 { margin-bottom:7rem !important; }
.mindray_content .mb-8 { margin-bottom:8rem !important; }

.mindray_content .mt-1 { margin-top:1rem !important; }
.mindray_content .mt-2 { margin-top:2rem !important; }
.mindray_content .mt-3 { margin-top:3rem !important; }
.mindray_content .mt-4 { margin-top:4rem !important; }
.mindray_content .mt-5 { margin-top:5rem !important; }
.mindray_content .mt-6 { margin-top:6rem !important; }
.mindray_content .mt-7 { margin-top:7rem !important; }
.mindray_content .mt-8 { margin-top:8rem !important; }

.mindray_content p {color: #727171;font-size: 17px;line-height: 30px;}
.mindray_content p span.bold { font-weight:bold; }

.mindray_content .product_summ {display: flex;}
.mindray_content .product_summ .summ {width: 50%;margin-top: 30px;}
.mindray_content .product_summ .summ img {width: 15%;margin-top: 10%;}
.mindray_content .product_summ .product {width: 50%;}
.mindray_content .product_summ .product video {width: 100%;}

.mfp-img { max-width: 75% !important; height:auto !important; }
.mfp-figure:after { background-color:none; left: 50% !important; transform: translateX(-50%) !important; background:none !important; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: 75% !important; left: 50% !important; transform: translateX(-50%) !important; }

/* mindray - tab1 */
.mindray_content .tab_1 { width:100%; }
.mindray_content .tab_1 .product_summ .product img {width: 50%; margin-left: 30%;}

.mindray_content .tab_1 .vid_1 p {color: #717171;line-height: 30px;font-size: 16px;}
.mindray_content .tab_1 .vid_1 img {width:100%;margin-top: 35px;}

.mindray_content .description1 {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.mindray_content .description1 .desc_img { position: relative; width: 50%; }
.mindray_content .description1 .desc_img img { width: 100%; }
.mindray_content .description1 .desc { width: 35%; }

.mindray_content .tab_1 .description2 img {width: 100%;}

.mindray_content .tab_1 .slide_banner { background: #fafafa;padding: 0.5rem 0; width:100%; }
.mindray_content .tab_1 .slide_banner .inner { max-width:1000px; }
.mindray_content .tab_1 .slide_banner .resona_slide { width:100%; }
.mindray_content .tab_1 .slide_banner .resona_slide .img_banner {position: relative; width: 25%;box-sizing: border-box;padding: 1.3rem 0.7rem;text-align: center;}
.mindray_content .tab_1 .slide_banner .resona_slide .img_banner p { text-align: left; padding: 1.5rem 1.5rem 0 1.5rem; background: #fff; font-weight: bold; color: #242728; display: block;
    height: 6rem; margin-bottom: 30px; }
.mindray_content .tab_1 .slide_banner .resona_slide .img_banner img { width: 100%; }


/* mindray - tab2 */
.mindray_content .tab_2 .product_summ .summ img {width: 100%;}
.mindray_content .tab_2 .product_summ .product {width: 60%;}
.mindray_content .tab_2 .product_summ .product img {width: 50%;margin-left: 40%;}

.mindray_content .tab_2 .slide_banner { background: url(/files/sub04_2_6.jpg) center top no-repeat; background-size: cover; padding: 2%; }
.mindray_content .tab_2 .slide_banner h4 { color:#fff }
.mindray_content .tab_2 .slide_banner p {color:#fff;margin-bottom: 4%;}

.mindray_content .tab_2 .slide_banner .te7_slide { text-align: center; max-width: 1150px; margin: 0 auto; width: 100%; }
.mindray_content .tab_2 .slide_banner .te7_slide .te_inner {background: #fff;padding: 25px;width: 89% !important;}
.mindray_content .tab_2 .slide_banner .te7_slide .te_inner .tit { text-align: left; font-weight: 500;margin-bottom: 30px;font-size: 18px;}
.mindray_content .tab_2 .slide_banner .te7_slide .te_inner .desc { text-align: left; color: #717171; height: 8rem; margin-bottom: 3rem;}
.mindray_content .tab_2 .slide_banner .te7_slide .te_inner img { width:100%; }


.mindray_content .tab_2 .vid_1 .vid_box video { width: 100%; }

.mindray_content .tab_2 .description1 img { width:100%; }

/* mindray - tab3 */
.mindray_content .tab_3 .product_summ .product {width: 50%;text-align: center;}
.mindray_content .tab_3 .product_summ .product img {width: 50%;}

.mindray_content .tab_3 .description1 {background: #e7e7e7;padding: 2rem 0;}
.mindray_content .tab_3 .description1 .inner {max-width: 700px;text-align: center;margin: 4rem auto 2rem;}
.mindray_content .tab_3 .description1 h3 {text-align: left;font-weight: bolder;color: #fff;font-size: 2.8rem;}
.mindray_content .tab_3 .description1 p {text-align: left;font-size: 1.4rem;font-weight: 500;}
.mindray_content .tab_3 .description1 img {width: 100%;}

.mindray_content .tab_3 .description2 .img_box {display: flex;justify-content: space-between;}
.mindray_content .tab_3 .description2 .img_box .summ {width: 49.2%; text-align: center;}
.mindray_content .tab_3 .description2 .img_box .summ img {width: 100%;}
.mindray_content .tab_3 .description2 .img_box .summ p { font-size:16px; }

.mindray_content .tab_3 .slide_banner { background: url(/files/sub04_3_12.jpg) center top no-repeat; background-size: cover; padding: 4% 2%; }
.mindray_content .tab_3 .slide_banner h4 { color:#fff; font-size:35px; }
.mindray_content .tab_3 .slide_banner p {color:#fff;margin-bottom: 4%;}

.mindray_content .tab_3 .slide_banner .me_slide1 { text-align: center; max-width: 1150px; margin: 0 auto; width: 100%; }
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner {background: #fff;padding: 25px;width: 89% !important;}
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner .tit { text-align: left; font-weight: 500;margin-bottom: 30px;font-size: 18px;}
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner .desc { height: 10rem }
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner .desc p { text-align: left; color: #717171;}
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner img { width:100%; }
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner ul {text-align: left;}
.mindray_content .tab_3 .slide_banner .me_slide1 .me_inner li {color: #717171;line-height: 1.6rem;font-size: 17px;list-style-type: disc;margin-left: 1.5rem;} 


.mindray_content .tab_3 .slide_banner2 { background: url(/files/sub04_3_13.jpg) center top no-repeat; background-size: cover; padding: 4% 2%; }
.mindray_content .tab_3 .slide_banner2 h4 { color:#fff; font-size:35px; }
.mindray_content .tab_3 .slide_banner2 p {color:#fff;margin-bottom: 4%;}

.mindray_content .tab_3 .slide_banner2 .me_slide2 {text-align: center;margin: 0 auto;width: 100%;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid { margin: 0 auto; position: relative; max-width: 1140px; display: block !important;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .tit { text-align: left; font-weight: 500;margin-bottom: 30px;font-size: 18px;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc { width: 100%; height: 100%; position: absolute; padding: 2rem; box-sizing: border-box; }
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc .summ_box {height: 100%;width: 100%;box-sizing: border-box;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc .summ_box h4 {text-align: left;box-sizing: border-box;font-size: 1.5rem;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc .summ_box .b_box {width: 50%;position: absolute;bottom: 5%;right: 3%;background-color: rgba(0, 0, 0, 0.6);padding: 2rem;color: #fff;box-sizing: border-box;text-align: left;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc .summ_box .b_box.left {width: 50%;position: absolute;bottom: 5%;left: 3%;background-color: rgba(0, 0, 0, 0.6);padding: 2rem;color: #fff;box-sizing: border-box;text-align: left;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .desc .summ_box .b_box h5 { font-size: 1.5rem; color: #fff; font-weight: 900; margin-bottom: 1.5rem; }

.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid img { width:100%; }
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid video { width:100%; }

.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .g_box {background: rgba(255, 255, 255, 0.1);position: relative;box-sizing: border-box;padding: 2rem;text-align: left;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .main_tit {font-size: 1.6rem;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_tit, .product_tit sup {font-size: 1.5rem;color: #fff;font-weight: 900;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_summ {}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_list {}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_list li {color: #fff;line-height: 2rem;font-size: 17px;list-style-type: disc;margin-left: 1.5rem;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_img {display: flex;justify-content: space-between;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_img .product_img_box {width: 45%;}
.mindray_content .tab_3 .slide_banner2 .me_slide2 .me_inner_vid .product_img .product_img_box p, .product_img_box sup {color:#fff;text-align: center;}


/* mindray_content 4 */
.mindray_content .tab_4 .product_summ .summ img { width:100%; margin-top:0; }

.mindray_content .tab_4 .product_summ .summ .summ_sec {display:flex;padding-left: 2rem;margin-bottom: 3rem;align-items: flex-start;}
.mindray_content .tab_4 .product_summ .summ .summ_sec img {width: 13%;margin-top: 0;height: fit-content;}
.mindray_content .tab_4 .product_summ .summ .summ_sec div {padding-left: 1rem;font-size: 1rem;line-height: 1.6rem;}
.mindray_content .tab_4 .product_summ .summ .summ_sec p {font-size: 1.2rem;color: #000;margin-bottom: 0.5rem;}

.mindray_content .tab_4 .description img { width:100%; }

.mindray_content .description1 {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.mindray_content .description1 h4 sup { vertical-align: 0.7rem; font-size: 1.2rem; }
.mindray_content .description1 p sup { vertical-align: 0.5rem; font-size: 0.8rem; color: #717171; }
.mindray_content .description1 .desc_img { position: relative; width: 50%; }
.mindray_content .description1 .desc_img img { width: 100%; }
.mindray_content .tab_4 .description1 .desc { width: 45%; }

.mindray_content .slide_banner { padding: 0.5rem 0; background:#fafafa; }
.mindray_content .slide_banner .tab_4.inner { max-width:1000px; }
.mindray_content .slide_banner .tab_4 .slick-dots { bottom:-3%; }
.mindray_content .slide_banner .tab_4 .slick-dots li button:before { color:#717171; }
.mindray_content .slide_banner .tab_4 .slick-dots li.slick-active button:before { color:#3f3f3f; }
.mindray_content .slide_banner .tab_4 .te20_gallary_slide { width:100%; }
.mindray_content .slide_banner .tab_4 .te20_gallary_slide .img_banner {position: relative; width: 25%;box-sizing: border-box;padding: 1.3rem 0.7rem;text-align: center;}
.mindray_content .slide_banner .tab_4 .te20_gallary_slide .img_banner p { text-align: left; padding: 1rem 1rem 0 1rem; background: #fff; font-weight: bold; color: #242728; display: block; height: 6rem; margin-bottom: 30px; font-size: 0.9rem; line-height: 1.4rem; }
.mindray_content .slide_banner .tab_4 .te20_gallary_slide .img_banner img { width: 100%; }

.mindray_content .tab_4 h1 { font-size: 2.3rem; margin: 2rem 0; }



/* mindray_content 5 */
.mindray_content .tab_5 .product_summ .summ { margin-top:0; }
.mindray_content .tab_5 .product_summ .summ p { font-size:1rem; line-height:1.5rem; }

.mindray_content .tab_5 .product_summ2 {display: flex;}
.mindray_content .tab_5 .product_summ2 .summ {flex: 0 0 65%;}
.mindray_content .tab_5 .product_summ2 .summ_image {position: relative;text-align: center;padding: 5rem 0;}
.mindray_content .tab_5 .product_summ2 .summ_image img { width:100%; }
.mindray_content .tab_5 .product_summ2 .product {flex: 0 0 35%;}
.mindray_content .tab_5 .product_summ2 .product img {width: 90%;}

.mindray_content .tab_5 .product_summ3 .product {display: flex;justify-content: space-between;}
.mindray_content .tab_5 .product_summ3 .product div { flex: 0 0 30%; }
.mindray_content .tab_5 .product_summ3 .product div img {  }
.mindray_content .tab_5 .product_summ3 .product div p {text-align: center;line-height: 1.4rem;font-size: 1rem;color: #333;padding-top: 1rem;}

.mindray_content .tab_5 .product_summ4 .img_right {display: flex;align-items: center;}
.mindray_content .tab_5 .product_summ4 .img_right .summ {flex: 0 0 50%; box-sizing: border-box; padding-left: 2rem;}
.mindray_content .tab_5 .product_summ4 .img_right .summ p {color: #333;font-size: 1.6rem;padding-bottom: 1.3rem;font-weight: bold;}
.mindray_content .tab_5 .product_summ4 .img_right .summ p sub {font-size: 1rem;vertical-align: baseline;font-weight: 500;}
.mindray_content .tab_5 .product_summ4 .img_right .summ span {color: #333;display: inline-block;line-height: 1.6rem;font-size: 1.15rem; text-indent: -1rem;
    margin-left: 1rem;}
.mindray_content .tab_5 .product_summ4 .img_right .summ span.noindent { text-indent:0; margin-left:0 }
.mindray_content .tab_5 .product_summ4 .img_right .summ_image {flex: 0 0 50%;}
.mindray_content .tab_5 .product_summ4 .img_right .summ_image img {width: 100%;}

.mindray_content .tab_5 .product_summ4 .img_left {display: flex;align-items: center;}
.mindray_content .tab_5 .product_summ4 .img_left .summ_image {flex: 0 0 50%;  }
.mindray_content .tab_5 .product_summ4 .img_left .summ_image img {width: 100%;}
.mindray_content .tab_5 .product_summ4 .img_left .summ {flex: 0 0 50%; box-sizing: border-box; padding-left: 2rem;}
.mindray_content .tab_5 .product_summ4 .img_left .summ p {color: #333;font-size: 1.6rem;padding-bottom: 1.3rem;font-weight: bold;}
.mindray_content .tab_5 .product_summ4 .img_left .summ span {color: #333;display: inline-block;line-height: 1.6rem;font-size: 1.15rem; text-indent: -1rem;
    margin-left: 1rem;}

.mindray_content .tab_5 .product_summ5 .video_wrap {display: flex;justify-content: space-between;}
.mindray_content .tab_5 .product_summ5 .video_wrap .product {flex: 0 0 23%;}
.mindray_content .tab_5 .product_summ5 .video_wrap .product video { width:100%; }
.mindray_content .tab_5 .product_summ5 .video_wrap p { font-size: 1rem; color: #333; text-align: center; line-height: 1.2rem; margin-top: 0.7rem; }


/* mindray_content 6 */

.mindray_content .tab_6 .product_summ { display: flex; justify-content: space-between; }
.mindray_content .tab_6 .product_summ .summ {width: 45%;margin-right: 1rem;}
.mindray_content .tab_6 .product_summ .product img {width: 100%;}

.mindray_content .tab_6.slide_banner h4 { color:#fff; }
.mindray_content .tab_6.slide_banner { background: url(/files/nserise_bg.jpg) center top no-repeat; background-size: cover; padding: 2%; }
.mindray_content .tab_6.slide_banner .nserise_slide { text-align: center; max-width: 1150px; margin: 0 auto; width: 100%; }
.mindray_content .tab_6.slide_banner .nserise_slide .nserise_inner {background: #fff;padding: 2rem;box-sizing: border-box;max-width: 60% !important;height: 45rem;}
.mindray_content .tab_6.slide_banner .nserise_slide .nserise_inner .tit {text-align: left;font-weight: 500;margin-bottom: 30px;font-size: 1.3rem;}
.mindray_content .tab_6.slide_banner .nserise_slide .nserise_inner .desc { text-align: left; color: #717171; min-height: 6rem; margin-bottom: 3rem;}
.mindray_content .tab_6.slide_banner .nserise_slide .nserise_inner .desc sup { color:#717171; }
.mindray_content .tab_6.slide_banner .nserise_slide .nserise_inner img { width:100%; }

.mindray_content .tab_6.slide_banner .nserise_slide .slick-prev { left:10% !important; }
.mindray_content .tab_6.slide_banner .nserise_slide .slick-next { right:10% !important; }
.mindray_content .tab_6.slide_banner .nserise_slide .slick-prev, .slick-next { top:45% !important; }


.mindray_content .tab_6 .product_summ1 {  }
.mindray_content .tab_6 .product_summ1 .tab_box{ margin: 0 auto; }
.mindray_content .tab_6 .product_summ1 ul.tabs{margin: 1rem 0 2rem;padding: 0px;list-style: none;border-bottom: 1px solid;display: flex;justify-content: space-between;}
.mindray_content .tab_6 .product_summ1 ul.tabs li{color: #222;display: inline-block;cursor: pointer;font-size: 1.3rem;flex: 0 0 13.333%;text-align: center; padding: 1.3rem 1rem;}
.mindray_content .tab_6 .product_summ1 ul.tabs li.current{border-bottom: 2px solid;color: crimson;}
.mindray_content .tab_6 .product_summ1 .tab-content{display: none;}
.mindray_content .tab_6 .product_summ1 .tab-content.current{display: inherit;}
.mindray_content .tab_6 .product_summ1 .tab_box .tab-content .summ_box {display: flex;}
.mindray_content .tab_6 .product_summ1 .tab_box .tab-content .summ_box .summ {flex: 0 0 50%;line-height: 1.6rem;color: #717171;box-sizing: border-box;padding-right: 1.5rem;}
.mindray_content .tab_6 .product_summ1 .tab_box .tab-content .summ_box .summ p {color: #333;font-size: 1.2rem;margin-bottom: 1rem;}
.mindray_content .tab_6 .product_summ1 .tab_box .tab-content .summ_box .summ_img {flex: 0 0 50%;}
.mindray_content .tab_6 .product_summ1 .tab_box .tab-content .summ_box .summ_img img {width: 100%;}


.mindray_content .tab_6 .product_summ2 {  }
.mindray_content .tab_6 .product_summ2 .product {text-align: center;position: relative;}
.mindray_content .tab_6 .product_summ2 .product p { color: #333;position: absolute; left: 50%;transform: translateX(-50%);font-size: 1.5rem; }
.mindray_content .tab_6 .product_summ2 .product .tit1 { top: 29%; }
.mindray_content .tab_6 .product_summ2 .product .tit2 { bottom: 15%; }
.mindray_content .tab_6 .product_summ2 .product img {width: 90%;}


.mindray_content .tab_6 .product_summ3 {  }

.mindray_content .tab_6.gallary_banner { padding: 0.5rem 0; background:#fafafa; }
.mindray_content .tab_6.gallary_banner.inner { max-width:1000px; }
.mindray_content .tab_6.gallary_banner .nserise_gallary_slide { width:90%; margin:0 auto; }
.mindray_content .tab_6.gallary_banner .nserise_gallary_slide .img_banner {position: relative; width: 25%;box-sizing: border-box;padding: 1.3rem 0.7rem;text-align: center;}
.mindray_content .tab_6.gallary_banner .nserise_gallary_slide .img_banner p { text-align: left; padding: 1rem 1rem 0 1rem; background: #fff; font-weight: bold; color: #242728; display: block; height: 6rem; margin-bottom: 30px; font-size: 0.9rem; line-height: 1.4rem; }
.mindray_content .tab_6.gallary_banner .nserise_gallary_slide .img_banner img { width: 100%; }

.mindray_content .tab_6.gallary_banner .slick-dots { bottom:-3%; }
.mindray_content .tab_6.gallary_banner .slick-dots li button:before { color:#717171; }
.mindray_content .tab_6.gallary_banner .slick-dots li.slick-active button:before { color:#3f3f3f; }
    

#contents .top.products_sub5 {
    background-image: url(/files/sub05_main.jpg);
}


.sub5_sec01 .wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.sub5_sec01 .wrap > div {
    width: 100%;
    padding-top: 40%;
    background-image: url(/files/sub05_main.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 4rem;
}

.sub5_sec02 {
    
}

.sub5_sec02 .sub_sec_inner {
    width: 100%;
    max-width: 1280px;
    border-top: 1px solid #bacbe9;
    margin: 0 auto;
    position: relative;
}


.sub5_sec02 .sub_sec_inner .col_cont {
    padding: 51px 12px 2rem;
    box-sizing: border-box;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_copy {width: 100%;margin-top: 0rem;}

.sub5_sec02 .sub_sec_inner .col_cont .col_copy > div {
    text-transform: uppercase;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_copy > div span {color: #13377f;font-size: 28px;margin-bottom: 1rem;}


.sub5_sec02 .sub_sec_inner .col_cont .col_img {
    width: 37%;
    margin-left: 18%;
    position: relative;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_img > div {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(1) {
    width: 197px;
    height: 377px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-left.png);
    position: absolute;
    top: 0;
    left: 0;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(2) {
    width: 186px;
    height: 355px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-right.png);
    position: absolute;
    top: 43px;
    right: 0;
}

.sub5_sec02 .sub_sec_inner .col_cont .col_img > div + div {
    margin-left: 15px;
}

.sub5_sec02 .sub_sec_inner table {border: 1px solid #4473c5; margin-bottom: 2rem;}
.sub5_sec02 .sub_sec_inner table thead {background: #4473c5;}
.sub5_sec02 .sub_sec_inner table thead th {color: #fff;font-weight: 600;padding: 0.5rem 1rem;font-size: 1rem;}
.sub5_sec02 .sub_sec_inner table tbody td {text-align: center;padding: 0.5rem 1rem;font-size: 1rem;}


.sub5_sec03 {
    
}

.sub5_sec03 .sub_sec_inner {
    width: 100%;
    max-width: 1280px;
    border-top: 1px solid #bacbe9;
    margin: 0 auto;
    position: relative;
}


.sub5_sec03 .sub_sec_inner .col_cont { padding: 51px 0 2rem; box-sizing: border-box; display: flex; justify-content: space-between; }

.sub5_sec03 .sub_sec_inner .col_cont .col_copy {width: 40%;margin-top: 0rem;vertical-align: middle;}

.sub5_sec03 .sub_sec_inner .col_cont .col_copy .video_box video {width: 100%;}

.sub5_sec03 .sub_sec_inner .col_cont .col_copy .step_box {text-align: center;margin-bottom: 2rem;}
.sub5_sec03 .sub_sec_inner .col_cont .col_copy .step_box h3 {font-size: 1.5rem;font-weight: 800;margin-bottom: 0.5rem;}
.sub5_sec03 .sub_sec_inner .col_cont .col_copy .step_box p {text-align: left;}

.sub5_sec03 .sub_sec_inner .col_cont .col_copy > div span {color: #13377f;font-size: 28px;margin-bottom: 1rem;}


.sub5_sec03 .sub_sec_inner .col_cont .col_img {
    width: 37%;
    margin-left: 18%;
    position: relative;
}

.sub5_sec03 .sub_sec_inner .col_cont .col_img > div {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub5_sec03 .sub_sec_inner .col_cont .col_img > div:nth-child(1) {
    width: 197px;
    height: 377px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-left.png);
    position: absolute;
    top: 0;
    left: 0;
}

.sub5_sec03 .sub_sec_inner .col_cont .col_img > div:nth-child(2) {
    width: 186px;
    height: 355px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-right.png);
    position: absolute;
    top: 43px;
    right: 0;
}

.sub5_sec03 .sub_sec_inner .col_cont .col_img > div + div {
    margin-left: 15px;
}







.sub1_sec01 .wrap {
    display: block;
    width: 100%;
    height: 466.5px;
    background-image: url(/default/img/products-sub1/sub1-sec1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub1_sec01 .wrap .copy {
    width: 100%;
    max-width: 1280px;
    padding: 127px 0 186px 94px;
    box-sizing: border-box;
    margin: 0 auto;
}

.sub1_sec01 .wrap .copy span {
    font-size: 60px;
    font-weight: 700;
    line-height: 87px;
    color: #fff;
}

.sub1_sec01 .wrap .copy p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}

.sub1_sec02 {
    width: 100%;
    background-color: #F6F6F6;
}

.sub_sec_inner {
    width: 100%;
    max-width: 1140px;
    border-top: 1px solid #707070;
    margin: 0 auto;
    position: relative;
}

.sub_sec_inner .title {
    width: 315px;
    height: 40px;
    background-color: #1B1C1D;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.sub_sec_inner .title p {
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
}

.sub_sec_inner .col_cont {
    width: 100%;
    padding: 127px 12px 96px;
    box-sizing: border-box;
    font-size: 0;
}

.sub_sec_inner .col_cont .left {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    padding-top: 20px;
    box-sizing: border-box;
}

.sub_sec_inner .col_cont .left > div span {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #444;
}

.sub_sec_inner .col_cont .left > div p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #444;
}

.sub_sec_inner .col_cont .left > div + div {
    margin-top: 20px;
}

.sub_sec_inner .col_cont .left p + span {
    margin-top: 20px;
}
.sub_sec_inner .col_cont .right {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.sub_sec_inner .col_cont .left + .right {
    margin-left: 11%;
}

.sub_sec_inner .col_cont .right i {
    display: block;
    width: 182px;
    height: 58px;
    background-image: url(/default/img/products-sub1/sub1-sec2-i-STAT1-logo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.sub1_sec02 .col_cont .right ul {
    margin-top: 19px;
    font-size: 0;
}

.sub1_sec02 .col_cont .right ul li {
    width: 100%;
    font-size: 0;
}

.sub1_sec02 .col_cont .right ul li > div {
    display: inline-flex;
    vertical-align: top;
    height: 80px;
}

.sub1_sec02 .col_cont .right ul li > div:nth-child(1) {
    width: 30%;
    background-color: #5D5D5D;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sub1_sec02 .col_cont .right ul li > div:nth-child(1) p {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
}

.sub1_sec02 .col_cont .right ul li > div:nth-child(2) {
    width: 70%;
    text-align: left;
    border: 1px solid #707070;
    align-items: center;
    text-align: left;
    padding: 15px 22px;
    box-sizing: border-box;
}

.sub1_sec02 .col_cont .right ul li > div:nth-child(2) p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #444;
}

.sub1_sec02 .col_cont .right ul li + li {
    margin-top: 10px;
}

.sub1_sec03 .sub_sec_inner {
    padding: 121px 0 161px;
    box-sizing: border-box;
    position: relative;
}

.sub1_sec03 .copy_wrap {
    position: absolute;
    bottom: 142px;
    right: 20px;
}

.sub1_sec03 .copy_wrap em {
    font-size: 50px;
    line-height: 67px;
    text-align: right;
    display: block;
}

.sub1_sec03 .copy_wrap p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    text-align: right;
    word-break: keep-all;
}

.sub1_sec04 .sub_sec_inner {
    padding: 75px 0 96px;
    box-sizing: border-box;
    text-align: center;
}

.sub1_sec04 .sub_sec_inner em {
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    color: #444;
}

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

.ico_list ul {
    font-size: 0;
}

.ico_list {
    text-align: center;
}

.ico_list ul li {
    display: inline-block;
    vertical-align: top;
    position: relative; 
}

.sub1_sec04 .ico_list ul li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.sub1_sec04 .ico_list ul li::after {
    content: "";
    display: block;
    width: 17px;
    height: 33px;
    background-image: url(/default/img/products-sub1/ico-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 45%;
    right: 0;
    transform: translateX(50%);
}

.sub1_sec04 .ico_list ul li:nth-child(1)::after {
    top: 41.5%;
}

.sub1_sec04 .ico_list ul li:nth-child(4):after {
    display: none;
}

.sub1_sec04 .ico_list ul li > div {
    width: 171px;
    height: 171px;
    margin-bottom: 55px;
}

.ico_list ul li > div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.sub1_sec04 .ico_list ul li > div.step1 {
    background-image: url(/default/img/products-sub1/ico-step1.svg);
}

.sub1_sec04 .ico_list ul li > div.step2 {
    background-image: url(/default/img/products-sub1/ico-step2.svg);
}

.sub1_sec04 .ico_list ul li > div.step3 {
    background-image: url(/default/img/products-sub1/ico-step3.svg);
}

.sub1_sec04 .ico_list ul li > div.step4 {
    background-image: url(/default/img/products-sub1/ico-step4.svg);
}

.ico_list ul li span {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #5D5D5D;
}

.ico_list ul li p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #444;
}

.sub1_sec04 .ico_list ul li span + p {
    margin-top: 7px;
}

.sub1_sec04 .copy_bottom {
    width: 100%;
    max-width: 698px;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}

.sub1_sec04 .copy_bottom p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #2185D0;
}

#contents .top.products_sub2 {
    background-image: url(/default/img/products-sub2/sub2-top-bg.jpg);
}

.product_wrap .logo_wrap .logo.sub2 {
    background-image: url(/default/img/products-sub2/sub2-logo.svg);
    background-size: 310px 81px;
}

.sub2_sec01 .wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 83px;
    box-sizing: border-box;
}

.sub2_sec01 .wrap .top_col {
    width: 100%;
    position: relative;
    padding-top: 563px;
    box-sizing: border-box;
}

.sub2_sec01 .wrap .top_col .copy {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 100px;
    left: 94px;
    z-index: 50;
}

.sub2_sec01 .wrap .top_col .copy span {
    font-size: 60px;
    font-weight: 700;
    line-height: 87px;
    color: #222;
}

.sub2_sec01 .wrap .top_col .copy p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #222;
}

.sub2_sec01 .wrap .top_col .col_img {
    width: 100%;
    max-width: 969px;
    position: absolute;
    right: 0;
    top: 0;
}

.sub2_sec01 .wrap .top_col .col_img > div {
    display: block;
    width: 100%;
    padding-top: 58.101%;
    background-image: url(/default/img/products-sub2/sub2-sec1-img.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.sub2_sec01 .bot_copy {
    text-align: center;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
}

.sub2_sec01 .bot_copy span {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #444;
}

.sub2_sec01 .bot_copy p {
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    color: #5D5D5D;
    margin-top: 10px;
}

.sub2_sec01 .ico_list {
    margin-top: 70px;
    padding: 0 125px;
    box-sizing: border-box;
}

.sub2_sec01 .ico_list ul li {
    width: 26.2%;
}

.sub2_sec01 .ico_list ul li + li {
    margin-left: 10.7%;
}

.sub2_sec01 .ico_list ul li > div {
    width: 141px;
    height: 140px;
    margin-bottom: 22px;
}

.sub2_sec01 .ico_list ul li > div.list_01 {
    background-image: url(/default/img/products-sub2/sub2-sec1-ico-nomad.svg);
}

.sub2_sec01 .ico_list ul li > div.list_02 {
    background-image: url(/default/img/products-sub2/sub2-sec1-ico-seminomad.svg);
}

.sub2_sec01 .ico_list ul li > div.list_03 {
    background-image: url(/default/img/products-sub2/sub2-sec1-ico-sedentaire.svg);
}

.sub2_sec02 {
    background-color: #F5F6FB;
}

.sub2_sec02 .sub_sec_inner {
    padding-bottom: 55px;
}

.sub2_sec02 .sub_sec_inner .col_cont {
    padding: 0;
}

.col_cont .col_img {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.sub2_sec02 .col_cont .col_img > div {
    padding-top: 64.905%;
    background-image: url(/default/img/products-sub2/sub2-sec2-img.png);
}

.col_cont .col_img > div {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.col_cont .col_copy {
    display: inline-block;
    width: 40%;
    margin-top: 60px;
}

.col_cont .col_copy i {
    display: block;
    width: 80px;
    height: 4px;
    background-color: #FFC000;
    margin: 30px 0 15px;
} 

.col_cont .col_copy > span {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #222;
}

.col_cont .col_copy > div >span {
    display: block;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #222;
}

.col_cont .col_copy p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #5D5D5D;
}

.col_cont .col_copy ul {
    font-size: 0;
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: 25px;
}

.col_cont .col_copy ul li {
    width: 100%;
}

.col_cont .col_copy ul li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    color: #5D5D5D;
    position: relative;
    padding-left: 16px;
    box-sizing: border-box;
}

.col_cont .col_copy ul li p::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 2px;
    background-color: #2185D0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sub2_sec03 .col_cont .col_img > div {
    padding-top: 67.895%;
    background-image: url(/default/img/products-sub2/sub2-sec3-img.png);
}

.sub2_sec03 .col_cont .col_img {
    width: 57%;
}

.sub2_sec03 .col_cont .col_copy {
    width: 43%;
}

.sub2_sec03 .sub_sec_inner .col_cont {
    padding: 84px 0;
}

.sub2_sec04 .ico_list ul li {
    width: 23%;
}

.sub2_sec04 .sub_sec_inner {
    text-align: center;
    padding: 72px 0 116px;
    box-sizing: border-box;
}

.sub2_sec04 .sub_sec_inner em {
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    color: #444;
}

.sub2_sec04 .ico_list {
    margin-top: 69px;
}

.sub2_sec04 .ico_list ul li > div {
    width: 156px;
    height: 156px;
    border: 4px solid #213D6B;
    border-radius: 50%;
    position: relative;
    margin-bottom: 33px;
}

.sub2_sec04 .ico_list ul li > div i {
    display: block;
    width: 104px;
    height: 104px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub2_sec04 .ico_list ul li > div.list_01 i {
    background-image: url(/default/img/products-sub2/sub2-sec4-ico01.svg);
}

.sub2_sec04 .ico_list ul li > div.list_02 i {
    background-image: url(/default/img/products-sub2/sub2-sec4-ico02.svg);
}

.sub2_sec04 .ico_list ul li > div.list_03 i {
    background-image: url(/default/img/products-sub2/sub2-sec4-ico03.svg);
}

.sub2_sec04 .ico_list ul li > div.list_04 i {
    background-image: url(/default/img/products-sub2/sub2-sec4-ico04.svg);
}

.sub2_sec04 .ico_list ul li + li {
    margin-left: 2.6%;
}

#contents .top.products_sub3 {
    background-image: url(/default/img/products-sub3/sub3-top-bg.jpg);
}

.product_wrap .logo_wrap .logo.sub3 {
    background-image: url(/default/img/products-sub3/sub3-logo.svg);
    background-size: 193px 79px;
}

.sub3_sec01 .wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.sub3_sec01 .wrap > div {
    width: 100%;
    padding-top: 51.171%;
    background-image: url(/default/img/products-sub3/sub3-sec01-img.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub3_sec02 {
    background-color: #F6F6F6;
}

.sub3_sec02 .sub_sec_inner .col_cont {
    padding: 51px 0 111px;
    box-sizing: border-box;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_copy {
    width: 45%;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_copy > div {
    text-transform: uppercase;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img {
    width: 37%;
    margin-left: 18%;
    position: relative;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(1) {
    width: 197px;
    height: 377px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-left.png);
    position: absolute;
    top: 0;
    left: 0;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(2) {
    width: 186px;
    height: 355px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-right.png);
    position: absolute;
    top: 43px;
    right: 0;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div + div {
    margin-left: 15px;
}

.sub3_sec03 .col_cont .col_copy {
    width: 22%;
    margin-top: 0;
    vertical-align: top;
}

.sub3_sec03 .col_cont .col_copy span {
    font-size: 24px;
    line-height: 35px;
    color: #5D5D5D;
}

.sub3_sec03 .col_cont .col_copy p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #444;
}

.sub3_sec03 .col_cont .col_img {
    width: 27%;
}

.sub3_sec03 .col_cont .col_img > div {
    width: 100%;
    padding-top: 344.816%;
    background-image: url(/default/img/products-sub3/sub3-sec03-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub3_sec03 .col_cont .right_table {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.sub3_sec03 .col_cont .right_table p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #444;
}

.sub3_sec03 .col_cont .right_table .rgiht_copy span {
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #5D5D5D;
    margin-bottom: 27px;
    display: block;
}

.sub3_sec03 .col_cont .right_table .rgiht_copy p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #444;
}

.sub3_sec03 .col_cont .right_table .rgiht_copy p + p {
    margin-top: 23px;
}

.sub3_sec03 .col_cont .right_table .table_copy {
    margin-top: 23px;
    margin-bottom: 10px;
}

.sub3_sec03 .col_cont .right_table .table_copy p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #444;
}



#contents .top.products_sub3 {
    background-image: url(/default/img/products-sub3/sub3-top-bg.jpg);
}

.product_wrap .logo_wrap .logo.sub3 {
    background-image: url(/default/img/products-sub3/sub3-logo.svg);
    background-size: 193px 79px;
}

.sub3_sec01 .wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.sub3_sec01 .wrap > div {
    width: 100%;
    padding-top: 51.171%;
    background-image: url(/default/img/products-sub3/sub3-sec01-img.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub3_sec02 {
    background-color: #F6F6F6;
}

.sub3_sec02 .sub_sec_inner .col_cont {
    padding: 51px 0 111px;
    box-sizing: border-box;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_copy {
    width: 45%;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_copy > div {
    text-transform: uppercase;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img {
    width: 37%;
    margin-left: 18%;
    position: relative;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(1) {
    width: 197px;
    height: 377px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-left.png);
    position: absolute;
    top: 0;
    left: 0;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div:nth-child(2) {
    width: 186px;
    height: 355px;
    background-image: url(/default/img/products-sub3/sub3-sec02-img-right.png);
    position: absolute;
    top: 43px;
    right: 0;
}

.sub3_sec02 .sub_sec_inner .col_cont .col_img > div + div {
    margin-left: 15px;
}




.right_table table, .right_table table th, .right_table table tr, .right_table table td {
    border: 1px solid #707070;
    text-align: center;
}

.right_table table th {
    padding: 13px 0;
    background-color: #EBEBEB;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    color: #5D5D5D;
}

.right_table table td {
    padding: 10px 0;
    font-size: 13px;
    line-height: 19px;
    font-weight: 300;
    color: #5D5D5D;
}

.right_table table td:nth-child(1) {
    font-weight: 500;
}

.right_table .table_bottom {
    margin-top: 15px;
}

.sub3_sec03 .col_cont > div + div {
    margin-left: 3%;
} 

.cont_body.support {
    max-width: 1080px;
    padding: 65px 0 130px;
}

#contents .top.support {
    background-image: url(/default/img/support/support-top-bg.jpg);
} 

.cont_body.supoort .cont_tit {
    padding-bottom: 87px;
}

.cont_body.support .cont_tit::after {
    bottom: -116px;
}

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

.cont_body .down_list ul {
    width: 100%;
    font-size: 0;
}

.cont_body .down_list ul li {
    width: 18.72%;
    display: inline-block;
    vertical-align: top;
}

.cont_body .down_list ul li a {
    display: block;
    width: 100%;
    padding-top: 100%;
    box-sizing: border-box;
    border: 3px solid #5D5D5D;
    transition: All 0.3s ease;
    position: relative;
    text-align: center;
}

.cont_body .down_list ul li a p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #222;
    word-break: keep-all;
}

.cont_body .down_list ul li a:hover {
    background-color: #222;
}

.cont_body .down_list ul li a:hover p {
    color: #fff;
}

.cont_body .down_list ul li + li {
    margin-left: 17px;
}

.cont_body .down_list ul li:nth-child(5n+1) {
    margin-left: 0;
}

.cont_body .down_list ul li:nth-child(n+6) {
    margin-top: 17px;
}

.contact_form {
    margin-top: 200px;
}

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

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

.form_wrap .privacy_wrap .privacy {
    width: 100%;
    height: 135px;
    padding: 22px 36px;
    box-sizing: border-box;
    overflow-y: auto;
    border: 1px solid #AEAEAE;
    margin-top: 10px;
}

.form_wrap .privacy_wrap p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #5D5D5D;
}

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


.privacy_agree label {
    font-size: 13px;
    line-height: 17px;
    color: #5D5D5D;
    font-weight: 400;
}

.privacy_agree input[type=checkbox] {
    display: none;
}

.privacy_agree input[type=checkbox] + label::before {
    display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    background-image: url(/default/img/contact/ico-checkbox.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 10px;
}

.privacy_agree input[type=checkbox]:checked + label::before {
    background-image: url(/default/img/contact/ico-checked.svg);
}


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

.form_list_wrap i {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    color: #5D5D5D;
}

.form_list_wrap .form_list > div {
    display: inline-block;
    vertical-align: top;
}

.form_list .input > div {
    display: inline-block;
    vertical-align: top;
}

.form_wrap .btn_wrap > div {
    display: inline-block;
    vertical-align: top;
}

.form_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.form_list .label {
    width: 17%;
    border-top: 4px solid #004098;
    padding: 18px 20px 20px;
    box-sizing: border-box;
    text-align: right;
}

.form_list .label label,
.form_list .label p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #5D5D5D;
}

.form_list .input {
    width: 80%;
    border-top: 1px solid #AEAEAE;
    padding: 10px 20px;
    box-sizing: border-box;
}

.form_list .label + .input {
    margin-left: 3%;
}

.form_list .input .tel_col {
    width: 30%;
    max-width: 150px;
    position: relative;
}

.form_list .input .tel_col input[type=text] {
    text-align: center;
}

.form_list .input .tel_col + .tel_col {
    margin-left: 34px;
}

.form_list .input .tel_col + .tel_col::before {
    content: "-";
    position: absolute;
    top: 0;
    left: -25px;
    font-size: 40px;
    font-weight: 100;
    line-height: 46px;
    color: #707070;
} 

.form_list .input .email_col {
    width: 30%;
    max-width: 210px; 
}

.form_list .input .tel_col label {
    display: none;
}

.form_list .input input[type=text],
.form_list .input > div select {
    width: 100%;
    height: 46px;
    border: 1px solid #EBEBEB;
}

.form_list .input input[type=text] {
    padding: 5px 20px;
    box-sizing: border-box;
}

.form_list .input > div select {
    display: block;
    background-image: url(/default/img/contact/ico-angle-down.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 17px, 8px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #5D5D5D;
}

.form_list .input.email > div:nth-child(2) {
    margin-left: 43px;
    position: relative;
}

.form_list .input.email > div:nth-child(2)::before {
    content: "@";
    position: absolute;
    top: 0;
    left: -32px;
    font-size: 20px;
    line-height: 46px;
    font-weight: 300;
    color: #5D5D5D;
}

.form_list .input.email > div:nth-child(3) {
    margin-left: 15px;
}

.form_list .input textarea {
    resize: none;
    width: 100%;
    height: 120px;
    border: 1px solid #EBEBEB;
    padding: 20px;
    box-sizing: border-box;
}

.form_wrap .btn_wrap {
    margin-top: 58px;
    text-align: center;
}

.form_wrap .btn_wrap button {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    border: 1px solid #EBEBEB;
}


.form_wrap .btn_wrap .cancel button {
    width: 100px;
    height: 80px;
    background-color: #444;
}

.form_wrap .btn_wrap .inquiry button {
    width: 320px;
    height: 80px;
    background-color: #1E75D6;
    margin-left: 15px;
}

.form_list.required .label {
    position: relative;
}

.form_list.required .label::after {
    content: "*";
    position: absolute;
    top: 23px;
    right: 10px;
    color: #FF0000;
    font-size: 20px;
}