@charset "utf-8";

/* 서브 공통 부분은 custom.css 파일에 있음 */

/*----- 회사소개 -----*/
.quick02 {
    position: fixed;
    right: 0;
    top: 50%;
    background: #47b853;
    text-align: center;
    width: 150px;
    padding: 25px 0;
}
.quick02 img {
    padding-bottom: 10px;
}
.quick02 p {
    font-size: 18px;
    color: #ffea00;
    letter-spacing: -0.015em;
    font-weight: bold;
}
@media all and (max-width: 1000px) {
    .quick02 {
        display: none;
    }
}

/* 회사소개 */
.company_con01 {
    padding: 60px 0;
}
.company_con01 .img_box {
    padding: 20px 0 40px;
}
.company_con01 .img_box img {
    width: 100%;
}
.company_con01 .txt_box {
    padding: 0 20px;
}
.company_con01 .txt_box:after {
    content: '';
    display: block;
    clear: both;
}
.company_con01 .txt_box h5 {
    font-size: 34px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    margin: 0;
    padding-bottom: 30px;
    word-break: keep-all;
}
.company_con01 .txt_box p {
    font-size: 18px;
    color: #333333;
    letter-spacing: -0.01em;
    line-height: 30px;
    padding-bottom: 20px;
    word-break: keep-all;
}
.company_con01 .txt_box p:last-of-type {
    padding-bottom: 0;
}
.company_con01 .txt_box .sign {
    padding-top: 60px;
    float: right;
}
.company_con01 .txt_box .sign h6 {
    font-size: 20px;
    color: #333333;
    letter-spacing: -0.01em;
    font-weight: 400;
    margin: 0;
}
.company_con01 .txt_box .sign img {
    padding-top: 40px;
}

@media all and (max-width: 1200px) {
    .company_con01 .txt_box {
        padding: 0;
    }
    .company_con01 .txt_box h5 {
        font-size: 24px;
        line-height: 36px;
        padding: 0 60px 30px;
    }
    .company_con01 .txt_box h5 br {
        display: none;
    }
    .company_con01 .img_box {
        width: 106.25%;
        margin-left: -3.125%;
    }
}

.company_con02 {
    padding: 60px 0 150px;
    font-size: 0;
    letter-spacing: -4px;
}
.company_con02 .sub_tit {
    padding-bottom: 30px;
}
.company_con02 dl {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    margin: 10px;
    background: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.company_con02 dl dt img {
    width: 100%;
}
.company_con02 dl dd {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-top: 0;
    padding: 30px 10px;
    box-sizing: border-box;
}

.company_con02 ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    padding-top: 20px;
}
.company_con02 ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 20px);
    margin: 10px;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.company_con02 ul li img {
    width: 100%;
}
.company_con02 ul li .text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.company_con02 ul li .text p {
    font-size: 30px;
    color: #fff;
    letter-spacing: -0.01em;
    font-weight: bold;
    position: relative;
    display: inline-block;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    max-width: 100%;
}
.company_con02 ul li .text p:after {
    content: '';
    display: block;
    position: absolute;
    background: url('/img/company_con02_plus.png') no-repeat center center /
        contain;
    width: 18px;
    height: 19px;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.company_con02 dl:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.23);
}
.company_con02 dl:hover dd {
    color: #005aab;
}
.company_con02 ul li:hover {
    box-shadow: 8px 8px 50px rgba(0, 0, 0, 0.48);
}
.company_con02 ul li:hover .text {
    background: rgba(0, 90, 171, 0.7);
}
.company_con02 ul li:hover .text p:after {
    background-image: url('/img/company_con02_arrow.png');
}

@media all and (max-width: 1200px) {
    .company_con02 ul li .text p:after {
        right: -20px;
    }
}
@media all and (max-width: 1000px) {
    .company_con02 dl {
        width: 100%;
        margin: 10px 0;
    }
    .company_con02 ul li {
        width: calc(50% - 20px);
    }
}

/* 회사소개 - 가치와연혁 (경영철학과 목표) */
.history01_con01 {
    padding: 80px 0 150px;
}
.history01_con01 .sub_tit {
    padding-bottom: 40px;
}
.history01_con01 dl dt {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    background: #f0f2f7;
    padding: 20px 30px;
}
.history01_con01 dl dd {
    padding: 40px 50px;
    box-sizing: border-box;
}
.history01_con01 dl dd p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding-left: 10px;
    position: relative;
}
.history01_con01 dl dd p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    left: 0;
    top: 13px;
    border-radius: 50%;
}

@media all and (max-width: 1000px) {
    .history01_con01 {
        padding: 60px 0 100px;
    }
    .history01_con01 .sub_tit p {
        padding: 10px 30px 0;
    }
    .history01_con01 dl dd {
        padding: 30px;
    }
    .history01_con01 dl dd p {
        font-size: 24px;
        margin: 5px 0;
    }
    .history01_con01 dl dd p:before {
        top: 20px;
    }
}

/* 회사소개 - 가치와연혁 (회사문화) */
.history02_con01 {
    padding: 80px 0 150px;
}
.history02_con01 .sub_tit {
    padding-bottom: 40px;
}
.history02_con01 dl dt {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    background: #f0f2f7;
    padding: 20px 30px;
}
.history02_con01 dl dd {
    padding: 40px 50px;
    box-sizing: border-box;
}
.history02_con01 dl dd p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    position: relative;
    padding-bottom: 20px;
    word-break: keep-all;
}
.history02_con01 dl dd p:last-of-type {
    padding-bottom: 0;
}

@media all and (max-width: 1000px) {
    .history02_con01 {
        padding: 60px 0 100px;
    }
    .history02_con01 .sub_tit p {
        padding: 10px 20px 0;
    }
    .history02_con01 dl dd {
        padding: 30px;
    }
    .history02_con01 dl dd p {
        font-size: 24px;
        margin: 5px 0;
    }
    .history02_con01 dl dd p br {
        display: none;
    }
}

/* 회사소개 - 가치와연혁 (연혁) */
.history03_con01 {
    padding: 80px 0 150px;
}
.history03_con01 .sub_tit {
    padding-bottom: 40px;
}
.history03_con01 .slider_wrap {
    width: 100%;
    overflow: hidden;
}
.history03_con01 .swiper-slide {
    overflow: hidden;
}
.history03_con01 .swiper-slide .top_box {
    position: relative;
}
.history03_con01 .swiper-slide .top_box > img {
    height: 345px;
    width: auto;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.history03_con01 .swiper-slide .pc_ver {
    display: block;
}
.history03_con01 .swiper-slide .m_ver {
    display: none;
}

.history03_con01 .swiper-slide .text {
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0;
    text-align: center;
}
.history03_con01 .swiper-slide .text h3 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -0.015em;
    color: #fff;
    margin: 0;
}
.history03_con01 .swiper-slide .text p {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #fff;
    padding-top: 10px;
}
.history03_con01 .swiper-slide .text span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #fff;
    line-height: 30px;
}

.history03_con01 .swiper-slide .bot_box dl {
    font-size: 0;
    letter-spacing: -4px;
    padding: 50px 0;
    border-bottom: 1px solid #dddddd;
}
.history03_con01 .swiper-slide .bot_box dl dt {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    font-size: 40px;
    color: #111;
    letter-spacing: -0.01em;
    font-weight: bold;
    text-align: center;
}
.history03_con01 .swiper-slide .bot_box dl dd {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 280px);
    padding-left: 100px;
    box-sizing: border-box;
}
.history03_con01 .swiper-slide .bot_box dl dd p {
    font-size: 18px;
    color: #666;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 5px 0;
    position: relative;
    padding-left: 10px;
}
.history03_con01 .swiper-slide .bot_box dl dd p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
    left: 0;
    top: 13px;
}

.history03_con01 .fixed_btn {
    position: absolute;
    left: 50%;
    top: 280px;
    z-index: 11;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.history03_con01 .fixed_btn .slider_btn {
    position: relative;
}
.history03_con01 .fixed_btn .swiper-pagination {
    position: relative;
    display: inline-block;
}
.history03_con01 .fixed_btn .swiper-pagination-bullet {
    width: 19px;
    height: 19px;
    background: none;
    border: 1px solid #fff;
    margin-right: 10px;
    opacity: 1;
}
.history03_con01 .fixed_btn .swiper-pagination-bullet-active {
    width: 19px;
    height: 19px;
    border-radius: 12px;
    background: #005aab;
    border: 1px solid #005aab;
}
.history03_con01 .fixed_btn .slider_btn a.control {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 10;
}

.history03_con01 .arrow a {
    position: absolute;
    top: 150px;
    z-index: 100;
    display: inline-block;
}
.history03_con01 .arrow .prev {
    left: 30px;
}
.history03_con01 .arrow .next {
    right: 30px;
}

@media (max-width: 1200px) {
    .history03_con01 .swiper-slide .top_box > img {
        height: 340px;
    }
}
@media all and (max-width: 1000px) {
    .history03_con01 {
        padding: 60px 0 100px;
    }
    .history03_con01 .sub_tit p {
        padding: 10px 20px 0;
    }
    .history03_con01 .history03_con01_slider {
        width: 106.25%;
        margin-left: -3.125%;
    }
    .history03_con01 .swiper-slide .top_box > img {
        width: 100%;
        height: auto;
    }
    .history03_con01 .swiper-slide .pc_ver {
        display: none;
    }
    .history03_con01 .swiper-slide .m_ver {
        display: block;
    }

    .history03_con01 .swiper-slide .text span {
        display: none;
    }
    .history03_con01 .swiper-slide .bot_box dl dt {
        width: 200px;
    }
    .history03_con01 .swiper-slide .bot_box dl dd {
        width: calc(100% - 200px);
        padding-left: 0;
    }
    .history03_con01 .arrow {
        display: none;
    }
}

/* 회사소개 - CI소개 (워드마크) */
.ci01_con01 {
    padding: 80px 0 150px;
}
.ci01_con01 .sub_tit {
    padding-bottom: 110px;
}
.ci01_con01 dl dt {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding: 10px 10px;
}
.ci01_con01 dl dd {
    padding: 10px 10px;
    box-sizing: border-box;
}
.ci01_con01 dl dd p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding-left: 10px;
    position: relative;
}
.ci01_con01 dl dd p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    left: 0;
    top: 13px;
    border-radius: 50%;
}
.ci01_con01 .img_box {
    padding-top: 30px;
    position: relative;
}
.ci01_con01 .img_box img {
    width: 100%;
    margin: 0 auto;
}

@media all and (max-width: 1000px) {
    .ci01_con01 {
        padding: 60px 0 100px;
    }
    .ci01_con01 .sub_tit p {
        padding: 10px 30px 0;
    }
    .ci01_con01 dl dd {
        padding: 30px;
    }
    .ci01_con01 dl dd p {
        font-size: 24px;
        margin: 5px 0;
    }
    .ci01_con01 dl dd p:before {
        top: 20px;
    }
}

/* 회사소개 - CI소개 (품질보증 심볼마크) */
.ci02_con01 {
    padding: 80px 0 150px;
}
.ci02_con01 .sub_tit {
    padding-bottom: 110px;
}
.ci02_con01 .sub_tit2 {
    padding-bottom: 110px;
    background-color: #f6f7f9;
}
.ci02_con01 dl dt {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding: 10px 10px;
}
.ci02_con01 dl dd {
    padding: 10px 10px;
    box-sizing: border-box;
}
.ci02_con01 dl dd p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding-left: 10px;
    position: relative;
}
.ci02_con01 dl dd p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    left: 0;
    top: 13px;
    border-radius: 50%;
}
.ci02_con01 .img_box {
    padding-top: 30px;
    position: relative;
}
.ci02_con01 .img_box img {
    width: 100%;
    margin: 0 auto;
}

@media all and (max-width: 1000px) {
    .ci02_con01 {
        padding: 60px 0 100px;
    }
    .ci02_con01 .sub_tit p {
        padding: 10px 30px 0;
    }
    .ci02_con01 dl dd {
        padding: 30px;
    }
    .ci02_con01 dl dd p {
        font-size: 24px;
        margin: 5px 0;
    }
    .ci02_con01 dl dd p:before {
        top: 20px;
    }
}

/* 회사소개 - IR정보 (IR) */
.ir01_con01 {
    padding: 60px 0 150px;
}
.ir01_con01 h3.tit {
    font-size: 30px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
    position: relative;
    padding-bottom: 30px;
}
.ir01_con01 h3.tit:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
    left: 0;
    top: 21px;
}
.ir01_con01 ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
}
.ir01_con01 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0;
    margin-right: 30px;
    width: calc(50% - 15px);
}
.ir01_con01 ul li:last-of-type {
    margin-right: 0;
}
.ir01_con01 ul li img {
    width: 100%;
}
.ir01_con01 p {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 5px 0;
    word-break: keep-all;
}
.ir01_con01 .bot_con {
    padding-top: 40px;
}
.ir01_con01 .bot_con img {
    width: 100%;
}
.ir01_con01 .table_wrap {
    margin-bottom: 20px;
}

.ir01_con01 table tbody tr.black th {
    font-weight: bold;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.ir01_con01 table tbody tr.black td {
    font-weight: bold;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.ir01_con01 table tbody tr.blue th {
    color: #005aab;
    font-weight: bold;
}

@media all and (max-width: 1000px) {
    .ir01_con01 {
        padding: 40px 0 100px;
    }
    .ir01_con01 ul li {
        width: 100%;
        margin-right: 0;
    }
    .ir01_con01 ul li img {
        width: 90%;
    }
    .ir01_con01 p {
        font-size: 16px;
    }
}

/* 회사소개 - IR정보 (결산공고) */
.ir02_con01 {
    padding: 80px 0 150px;
}

@media all and (max-width: 1000px) {
    .ir02_con01 {
        padding: 60px 0 100px;
    }
}

/* 회사소개 - 뉴스센터 */
.news_con01 {
    padding: 80px 0 100px;
}
.news_con01 .program_search {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 40px;
}
.news_con01 .program_search span {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.news_con01 .program_search input[type='text'] {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    border: 0;
    width: calc(100% - 80px);
    height: auto;
    padding: 20px;
    box-sizing: border-box;
}
.news_con01 .program_search input::placeholder {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
}
.news_con01 .program_search a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 21px 20px;
}
/* placeholder 글씨 focus 시 사라짐 */
.news_con01 .program_search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.news_con01 .program_search input:focus:-moz-placeholder {
    color: transparent;
}
.news_con01 .program_search input:focus::-moz-placeholder {
    color: transparent;
}
.news_con01 .program_search input:focus:-ms-input-placeholder {
    color: transparent;
}
.news_con01 .category {
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
@media all and (max-width: 1000px) {
    .news_con01 .program_search input[type='text'] {
        font-size: 20px;
        padding: 24px;
    }
    .news_con01 .program_search input::placeholder {
        font-size: 20px;
    }
    .news_con01 .program_search a {
        background: #f1f1f1;
    }
}
/* 회사소개 - 뉴스센터 (상세) */
.news_con01 .readTop {
    background: #f0f3f8;
    border-top: 2px solid #005aab;
    border-bottom: 0;
    padding: 15px 20px;
    margin-top: 40px;
}
.news_con01 .readTop .imgTitle {
    color: #333;
    font-weight: bold;
}
.news_con01 .urlFile {
    border-bottom: 1px solid #dddddd;
    padding: 15px 20px;
}
.news_con01 .urlFile:after {
    content: '';
    display: block;
    clear: both;
}
.news_con01 .urlFile p {
    float: left;
    border: 0;
    padding: 0;
}
.news_con01 .urlFile p a {
    font-size: 16px;
    color: #448aca;
}
.news_con01 .urlFile .imgTitle_sub {
    float: right;
    font-size: 14px;
    color: #666;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 0;
}
.news_con01 .urlFile .imgTitle_sub span {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.news_con01 .urlFile .imgTitle_sub span:last-of-type {
    margin-right: 0;
}
/*.news_con01 .readEdit{font-size:16px; color:#666; letter-spacing:-0.015em; line-height:1.4; text-align:center;}*/
.news_con01 .readBottom table {
    border-top: 0;
}
.news_con01 .readBottom table tbody {
    border-top: 1px solid #333;
    border-bottom: 1px solid #c4c4c4;
}
.news_con01 .readBottom table tr {
    border-bottom: 1px solid #c4c4c4;
}
.news_con01 .readBottom table tr th {
    background: none;
    height: 50px;
    font-size: 16px;
    color: #333;
}
.news_con01 .readBottom table tr td {
    font-size: 16px;
    color: #333;
    letter-spacing: -0.015em;
}
.news_con01 .readBottom table tr td a {
    font-size: 16px;
    color: #333;
}
.news_con01 .readBottom_btn dd {
    float: none;
    text-align: center;
}
.news_con01 .readBottom_btn dd a {
    min-width: 270px;
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #333;
    font-size: 24px;
}
.news_con01 .readBottom_btn dd a strong {
    position: relative;
}
.news_con01 .readBottom_btn dd a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

/* 회사소개 - 글로벌네트워크 */
.global01_con01 {
    padding: 60px 0 150px;
}
.global01_con01 table {
    width: 100%;
}
.global01_con01 table tbody {
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}
.global01_con01 table tbody th {
    font-size: 30px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    border-right: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
}
.global01_con01 table tbody td {
    border-top: 1px solid #c4c4c4;
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
}
.global01_con01 table tbody td ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
    text-align: left;
}
.global01_con01 table tbody td ul li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.global01_con01 table tbody td ul li img {
    width: 152px;
    height: 153px;
}
.global01_con01 table tbody td ul li h4 {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
}
.global01_con01 table tbody td ul li h5 {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 0;
    margin-bottom: 20px;
}
.global01_con01 table tbody td ul li p {
    position: relative;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 28px;
    padding-left: 6px;
    margin: 5px 0;
}
.global01_con01 table tbody td ul li p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    top: 13px;
    left: 0;
}
.global01_con01 table tbody td ul li p span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px);
}
.global01_con01 table tbody td ul li p.t4 span {
    width: calc(100% - 80px);
}

.global01_con01 table tbody td ul li:nth-of-type(1) {
    width: 220px;
    text-align: center;
    padding: 20px 0;
}
.global01_con01 table tbody td ul li:nth-of-type(2) {
    width: 120px;
    text-align: center;
}
.global01_con01 table tbody td ul li:nth-of-type(3) {
    width: calc(100% - 340px);
    padding-left: 30px;
    box-sizing: border-box;
    padding: 20px 0;
}

@media all and (max-width: 1000px) {
    .global01_con01 {
        padding: 60px 0 100px;
    }
    .global01_con01 table tbody td ul {
        padding: 20px;
    }
    .global01_con01 table tbody td ul li:nth-of-type(1) {
        display: none;
    }
    .global01_con01 table tbody td ul li:nth-of-type(2) {
        width: 100%;
        text-align: left;
        padding-bottom: 30px;
    }
    .global01_con01 table tbody td ul li:nth-of-type(3) {
        width: 100%;
        padding: 0;
    }
    .global01_con01 table tbody td ul li h4 br {
        display: none;
    }
}
/* 회사소개 - 글로벌네트워크 (상세) */
.global02_con01 {
    padding: 60px 0 150px;
}
.global02_con01 .img_box {
}
.global02_con01 .img_box img {
    width: 100%;
}
.global02_con01 .text {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: 400;
    line-height: 1.4;
    word-break: keep-all;
    padding: 60px 0;
}
.global02_con01 .map_text {
    display: table;
    border: 1px solid #cccccc;
    width: 100%;
}
.global02_con01 .map_text .txt_box {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
    border-right: 1px solid #cccccc;
}
.global02_con01 .map_text .txt_box h4 {
    font-size: 30px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}
.global02_con01 .map_text .txt_box p {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 5px 0;
    position: relative;
    padding-left: 6px;
}
.global02_con01 .map_text .txt_box p:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    top: 13px;
    left: 0;
}
.global02_con01 .map_text .map_box {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.global02_con01 .map_text .map_box iframe {
    width: 100%;
    min-height: 285px;
    height: 100%;
}

@media all and (max-width: 1000px) {
    .global02_con01 .map_text {
        display: block;
    }
    .global02_con01 .map_text .txt_box {
        display: block;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #cccccc;
    }
    .global02_con01 .map_text .map_box {
        display: block;
        width: 100%;
    }
}
/*----- 회사소개 / -----*/

/*----- 인재채용 -----*/
/* 인재채용 */
.recruit_con01 {
    padding: 80px 0 0;
}
.recruit_con01 a.plus_btn {
    display: block;
    width: 32px;
    margin-left: auto;
    margin-bottom: 20px;
}
.recruit_con01 table tbody td span.new_icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0em;
    font-weight: 400;
    width: 20px;
    background: #b8021c;
    margin-left: 10px;
}

.recruit_con02 {
    padding: 60px 0 150px;
    font-size: 0;
    letter-spacing: -4px;
}
.recruit_con02 .sub_tit02 {
    padding-bottom: 30px;
}
.recruit_con02 dl {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    margin: 10px;
    background: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.recruit_con02 dl dt img {
    width: 100%;
}
.recruit_con02 dl dd {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-top: 0;
    padding: 30px 10px;
    box-sizing: border-box;
}

.recruit_con02 dl:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.23);
}
.recruit_con02 dl:hover dd {
    color: #005aab;
}

@media all and (max-width: 1000px) {
    .recruit_con02 dl {
        width: 100%;
        margin: 10px 0;
    }
}

/* 인재채용 - 채용공고 */
.jobs01_con01 {
    padding: 40px 0 150px;
}
/* 인재채용 - 채용공고 (상세) */
.jobs02_con01 {
    padding: 80px 0 150px;
}
.jobs02_con01 .sub_tit02 {
    padding-bottom: 30px;
}
.jobs02_con01 .readTop {
    background: #f0f3f8;
    border-top: 2px solid #005aab;
    border-bottom: 0;
    padding: 15px 20px;
}
.jobs02_con01 .readTop:after {
    content: '';
    display: block;
    clear: both;
}
.jobs02_con01 .readTop .imgTitle {
    float: left;
    color: #333;
    font-weight: bold;
}
.jobs02_con01 .readTop .imgTitle_sub {
    float: right;
    font-size: 16px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    margin: 0;
}
.jobs02_con01 .urlFile {
    border-bottom: 1px solid #dddddd;
    padding: 15px 20px;
}
.jobs02_con01 .urlFile:after {
    content: '';
    display: block;
    clear: both;
}
.jobs02_con01 .urlFile p {
    float: left;
    border: 0;
    padding: 0;
}
.jobs02_con01 .urlFile p a {
    font-size: 16px;
    color: #448aca;
}
.jobs02_con01 .urlFile .imgTitle_sub {
    float: right;
    font-size: 14px;
    color: #666;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 0;
}
.jobs02_con01 .urlFile .imgTitle_sub span {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.jobs02_con01 .urlFile .imgTitle_sub span:last-of-type {
    margin-right: 0;
}
.jobs02_con01 .mobile {
    display: none;
    text-align: center;
    margin-top: 20px;
}
.jobs02_con01 .mobile p {
    font-size: 24px;
    color: #b8021c;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin-bottom: 20px;
}
.jobs02_con01 p img {
    width: 100%;
}

@media all and (max-width: 1000px) {
    .jobs02_con01 .btn a {
        width: calc(50% - 10px);
        max-width: 290px;
    }
    .jobs02_con01 .mobile {
        display: block;
    }
}

.jobs02_con01 .jobs02_con01_01 {
    padding: 60px 0 0;
}
.jobs02_con01 .jobs02_con01_01 table {
    width: 100%;
}
.jobs02_con01 .jobs02_con01_01 table tbody {
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}
.jobs02_con01 .jobs02_con01_01 table tbody tr {
    border-bottom: 1px solid #c4c4c4;
}
.jobs02_con01 .jobs02_con01_01 table tbody tr:last-of-type {
    border-bottom: 0;
}
.jobs02_con01 .jobs02_con01_01 table tbody th {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    background: #eee;
    padding: 0 10px;
}
.jobs02_con01 .jobs02_con01_01 table tbody td {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 15px 20px;
}
.jobs02_con01 .jobs02_con01_01 table tbody td h6 {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
    margin: 0;
    position: relative;
    padding-left: 10px;
}
.jobs02_con01 .jobs02_con01_01 table tbody td h6:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
    top: 13px;
    left: 0;
}

.jobs02_con01 .jobs02_con01_02 {
    padding: 60px 0;
}
.jobs02_con01 .jobs02_con01_02 .edit_box {
    margin: 0;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 20px 0;
}
.jobs02_con01 .jobs02_con01_02 ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 20px 0;
}
.jobs02_con01 .jobs02_con01_02 ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 20px 0;
    box-sizing: border-box;
    text-align: center;
}
.jobs02_con01 .jobs02_con01_02 ul li img {
    max-width: 85%;
}
.jobs02_con01 .jobs02_con01_02 ul li h6 {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    line-height: 30px;
    word-break: keep-all;
}

@media all and (max-width: 1200px) {
    .jobs02_con01 .jobs02_con01_02 ul li h6 br {
        display: none;
    }
}
@media all and (max-width: 1000px) {
    .jobs02_con01 .jobs02_con01_02 ul {
        padding: 10px 0;
    }
    .jobs02_con01 .jobs02_con01_02 ul li {
        width: 25%;
    }
}
@media all and (max-width: 767px) {
    .jobs02_con01 .jobs02_con01_02 ul li {
        width: 33.333333%;
    }
}
/* 인재채용 - 채용공고 (입사지원 ~ 완료) */
/* - 채용절차 */
.jobs_topCon {
    margin-bottom: 60px;
}
.jobs_topCon ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    text-align: center;
    background: #f0f3f8;
    border-top: 2px solid #005aab;
    padding: 30px;
}
.jobs_topCon ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 60px;
    width: 142px;
}
.jobs_topCon ul li:last-of-type {
    margin-right: 0;
}
.jobs_topCon ul li .img_box {
    text-align: center;
    width: 142px;
    height: 142px;
    background: #005aab;
    border-radius: 50%;
    position: relative;
    padding: 20px 10px 0;
    box-sizing: border-box;
}
.jobs_topCon ul li .img_box:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 15px;
    background: url('/img/jobs03_con01_01_arrow.png') no-repeat center center /
        contain;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.jobs_topCon ul li:first-of-type .img_box:before {
    display: none;
}
.jobs_topCon ul li .img_box h6 {
    font-size: 16px;
    color: #98cdfc;
    letter-spacing: -0.005em;
    font-weight: bold;
    margin: 0;
}
.jobs_topCon ul li .img_box img {
    margin-top: 5px;
}
.jobs_topCon ul li h4 {
    font-size: 20px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}

.jobs_topCon.type02 ul {
    padding: 10px;
}
.jobs_topCon.type02 ul li {
    position: relative;
    vertical-align: middle;
}
.jobs_topCon.type02 ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 15px;
    background: url('/img/jobs03_con01_01_arrow.png') no-repeat center center /
        contain;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.jobs_topCon.type02 ul li:first-of-type:before {
    display: none;
}
.jobs_topCon.type02 ul li h4 {
    font-size: 18px;
    color: #333;
}
.jobs_topCon.type02 ul li.on {
    width: 170px;
}
.jobs_topCon.type02 ul li.on h4 {
    font-size: 30px;
    color: #005aab;
}

@media all and (max-width: 1200px) {
    .jobs_topCon ul {
        padding: 40px 20px;
    }
    .jobs_topCon ul li {
        margin-right: 40px;
    }
    .jobs_topCon ul li .img_box:before {
        left: -25px;
    }

    .jobs_topCon.type02 ul li:before {
        left: -25px;
    }
}
/* - 버튼 */
.jobs_btn {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
}
.jobs_btn li {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    padding: 0 5px;
    box-sizing: border-box;
}
.jobs_btn li:nth-of-type(1) {
    text-align: left;
}
.jobs_btn li:nth-of-type(2) {
    text-align: center;
}
.jobs_btn li:nth-of-type(3) {
    text-align: right;
}
.jobs_btn li a {
    display: inline-block;
    max-width: 270px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #005aab;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    text-align: center;
    background: #999;
}
.jobs_btn li a strong {
    position: relative;
    font-weight: 400;
}
.jobs_btn li a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.jobs_btn li a.blue {
    background: #005aab;
}
.jobs_btn li a.red {
    background: #b8021c;
}
.jobs_btn li a.prev strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 10px;
    background: url('/img/jobs04_01_prev.png') no-repeat center center / contain;
    top: 50%;
    right: auto;
    left: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.jobs_btn li a.next strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 10px;
    background: url('/img/jobs04_01_next.png') no-repeat center center / contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.pm_btn {
    font-size: 0;
    letter-spacing: -4px;
    margin-top: 10px;
    text-align: right;
}
.pm_btn a {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.pm_btn a:last-of-type {
    margin-right: 0;
}

.jobs03_con01 {
    padding: 80px 0 150px;
}
.jobs03_con01 h5.title02 {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
}
.jobs03_con01 .join {
    position: relative;
    margin: 0;
    padding: 0 0 60px;
    border: 0;
}
.jobs03_con01 .join .ssub_tit {
    margin-bottom: 30px;
}
.jobs03_con01 .join .joinTop {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.jobs03_con01 .join .joinTop:first-of-type {
    margin-top: 0;
}
.jobs03_con01 .join .ScrollLy {
    height: 220px;
    margin: 0;
    padding: 30px;
    border: 1px solid #e5e5e5;
    color: #444;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1.8;
    box-sizing: border-box;
    border-top: 2px solid #005aab;
}
.jobs03_con01 .join .ScrollLy * {
    font-size: 14px;
    color: #666;
}
.jobs03_con01 .mobile {
    display: none;
    text-align: center;
    margin-top: 100px;
}
.jobs03_con01 .mobile p {
    font-size: 24px;
    color: #b8021c;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin-bottom: 20px;
}
.jobs03_con01 .mobile a {
    display: inline-block;
    vertical-align: top;
    max-width: 580px;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background: #005aab;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
}
.jobs03_con01 .mobile a:last-of-type {
    margin-right: 0;
}
.jobs03_con01 .mobile a strong {
    position: relative;
    font-weight: 300;
}
.jobs03_con01 .mobile a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.jobs03_con01 .btn {
    float: none;
    text-align: center;
}
.jobs03_con01 .btn a {
    display: inline-block;
    vertical-align: top;
    min-width: 270px;
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #005aab;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
}
.jobs03_con01 .btn a:last-of-type {
    margin-right: 0;
}
.jobs03_con01 .btn a strong {
    position: relative;
    font-weight: 400;
}
.jobs03_con01 .btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

@media all and (max-width: 1000px) {
    .jobs03_con01 .join {
        display: none;
    }
    .jobs03_con01 .btn {
        display: none;
    }
    .jobs03_con01 .mobile {
        display: block;
    }
}

.jobs04_con01 {
    padding: 80px 0 150px;
}
.jobs04_con01 .table_common02.table02 table tr:first-of-type td {
    font-size: 0;
    letter-spacing: -4px;
}
.jobs04_con01 .table_common02 .img_box {
    display: inline-block;
    vertical-align: bottom;
}
.jobs04_con01 .table_common02 .img_box img {
    width: 130px;
    height: 173px;
}
.jobs04_con01 .table_common02 .txt_box {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 130px);
    padding-left: 40px;
    box-sizing: border-box;
}
.jobs04_con01 .table_common02 .txt_box p {
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}
.jobs04_con01 .table_common02 table tbody tr.address td {
    padding: 10px 20px;
}
.jobs04_con01 .table_common02 table tbody tr.address td .zip_box input {
    margin-top: 0;
}
.jobs04_con01 .table_common02 table tbody td .zip_box input {
    display: inline-block;
    vertical-align: middle;
}
.jobs04_con01 .table_common02 table tbody td .zip_box a {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    margin: 0 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.jobs05_con01 {
    padding: 80px 0 150px;
}
.jobs05_con01 .table_common02 table tbody td.search input {
    display: inline-block;
    vertical-align: middle;
}
.jobs05_con01 .table_common02 table tbody td.search a {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    text-align: center;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    margin: 5px 0;
    margin-left: 4px;
}
.jobs05_con01 .table_common02 table tbody td p {
    margin: 0 5px;
    color: #888;
}
.jobs05_con01 .table_common02 table tbody td.delete {
    text-align: center;
}
.jobs05_con01 .table_common02 table tbody td.delete a {
    display: block;
}

.jobs06_con01 {
    padding: 80px 0 150px;
}
.jobs06_con01 .ssub_tit h4 {
    vertical-align: middle;
}
.jobs06_con01 .ssub_tit p {
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    float: none;
    margin-top: 0;
}
.jobs06_con01 .table_common02 table tbody td.wide {
    padding: 0;
}
.jobs06_con01 .table_common02 table tbody td.wide textarea {
    margin: 0;
    border: 0;
    padding: 20px 15px;
}
.jobs06_con01 .table_common02 table tbody td.delete {
    text-align: center;
}
.jobs06_con01 .table_common02 table tbody td.delete a {
    display: block;
}

.jobs07_con01 {
    padding: 80px 0 150px;
}
.jobs07_con01 .ssub_tit h4 {
    vertical-align: middle;
}
.jobs07_con01 .ssub_tit p {
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    float: none;
    margin-top: 0;
}
.jobs07_con01 .table_common02 table tbody td.delete {
    text-align: center;
}
.jobs07_con01 .table_common02 table tbody td.delete a {
    display: block;
}
.jobs07_con01 .table_common02 table tbody td .radio_custom input {
    margin: 0;
}
.jobs07_con01 .file_box {
    margin-bottom: 100px;
}
.jobs07_con01 .file_custom {
    font-size: 0;
    letter-spacing: -4px;
    margin-top: 20px;
}
.jobs07_con01 .file_custom .file_btn {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.015em;
}
.jobs07_con01 .file_custom .file_name {
    border: 1px solid #dddddd;
    margin-left: 10px;
    width: calc(100% - 218px);
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding: 16px 15px;
}

.jobs08_con01 {
    padding: 80px 0 150px;
}
.jobs08_con01 .jobs08_con01_01 {
    margin-bottom: 50px;
}
.jobs08_con01 .txt_box textarea {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    font-size: 16px;
    color: #222;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding: 10px 15px;
    box-sizing: border-box;
    resize: none;
}
.jobs08_con01 .txt_box textarea:last-of-type {
    margin-bottom: 0;
}
.jobs08_con01 p {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: right;
    margin-top: 10px;
}
.jobs08_con01 h6 {
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    margin-bottom: 60px;
}

.jobs09_con01 {
    padding: 80px 0 150px;
}
.jobs09_con01 .sub_tit02 {
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}
.jobs09_con01 h4 {
    font-size: 40px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.jobs09_con01 p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: center;
    margin: 50px 0;
}

/* 인재채용 - 나의지원정보 */
.myinfo_con01 {
    padding: 80px 0 150px;
}
.myinfo_con01 .sub_tit02 {
    padding-bottom: 60px;
}
.myinfo_con01 .table_common h5 {
    font-size: 26px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
}
.myinfo_con01 .table_common table tbody tr td.blue_text {
    color: #005aab;
    font-weight: bold;
}
.myinfo_con01 .table_common table tbody tr td a {
    color: #888;
    letter-spacing: 0em;
    padding: 5px 0;
    border: 1px solid #888;
    width: 100%;
    max-width: 120px;
    text-align: center;
}
.myinfo_con01 .table_common table tbody tr td a.gray {
    background: #888;
    color: #fff;
}
.myinfo_con01 .table_common table tbody tr td a.blue {
    background: #005aab;
    color: #fff;
    border: 1px solid #005aab;
}

.myinfo_con01.type01 {
    padding: 0 0 150px;
}
.myinfo_con01.type01 h5 {
    padding-top: 30px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    color: #333;
}
.myinfo_con01.type01 .table_common table tbody tr td.blue_text {
    padding: 15px 0;
}

.myinfo_popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.myinfo_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1001;
    min-width: 580px;
    max-width: 93.75%;
    display: none;
}
.myinfo_popup .tit {
    padding-bottom: 20px;
}
.myinfo_popup .tit:after {
    content: '';
    display: block;
    clear: both;
}
.myinfo_popup .tit h3 {
    font-size: 40px;
    color: #fff;
    letter-spacing: -0.01em;
    font-weight: bold;
    margin: 0;
    display: inline-block;
}
.myinfo_popup .tit a {
    display: block;
    float: right;
    margin-top: 10px;
}
.myinfo_popup .cons {
    background: #fdfdfd url('/img/myinfo_popup_bg.png') no-repeat right bottom;
    padding: 60px 45px;
    box-sizing: border-box;
    position: relative;
    height: 590px;
}
.myinfo_popup .cons p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 30px;
}
.myinfo_popup .cons p:last-of-type {
    margin-bottom: 0;
}
.myinfo_popup .cons .logo {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.myinfo_popup_bg.on {
    display: block;
}
.myinfo_popup.on {
    display: block;
}
/*----- 인재채용 / -----*/

/*----- 고객센터 -----*/
/* 고객센터 비주얼 */
.customer_visual {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.customer_visual > img {
    height: 750px;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.customer_visual .pc_ver {
    display: block;
}
.customer_visual .m_ver {
    display: none;
}

.customer_visual .text {
    padding-top: 200px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.customer_visual .text p.tit {
    font-size: 54px;
    font-weight: bold;
    letter-spacing: -0.015em;
    color: #fff;
}
.customer_visual .text span.desc01 {
    display: block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #fff;
    padding-top: 10px;
}

.customer_visual .search_link {
    width: 90%;
    max-width: 1020px;
    margin: 20px auto 0;
}
.customer_visual .program_search {
    font-size: 0;
    letter-spacing: -4px;
    background: #fff;
}
.customer_visual .program_search span {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.customer_visual .program_search input[type='text'] {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    border: 0;
    width: calc(100% - 90px);
    height: auto;
    padding: 24px;
    box-sizing: border-box;
}
.customer_visual .program_search input::placeholder {
    font-size: 24px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
}
/* placeholder 글씨 focus 시 사라짐 */
.customer_visual .program_search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.customer_visual .program_search input:focus:-moz-placeholder {
    color: transparent;
}
.customer_visual .program_search input:focus::-moz-placeholder {
    color: transparent;
}
.customer_visual .program_search input:focus:-ms-input-placeholder {
    color: transparent;
}
.customer_visual .program_search a {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 24px 25px 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background: #eeeeee;
}
.customer_visual .program_search a:nth-of-type(1) {
    display: block;
}
.customer_visual .program_search a:nth-of-type(2) {
    display: none;
}

.customer_visual .bot_box {
    font-size: 0;
    letter-spacing: -4px;
    background: rgba(255, 255, 255, 0.65);
    padding: 30px;
    box-sizing: border-box;
    text-align: left;
}
.customer_visual .bot_box h5 {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}
.customer_visual .bot_box ul {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
    margin: 0;
}
.customer_visual .bot_box ul li {
    position: relative;
    padding-left: 10px;
    padding-bottom: 5px;
}
.customer_visual .bot_box ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    left: 0;
    top: 13px;
}
.customer_visual .bot_box ul li a {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    display: inline-block;
}
.customer_visual .bot_box ul li:hover a {
    color: #005aab;
}

@media all and (max-width: 1000px) {
    .customer_visual .text {
        padding-top: 120px;
    }
    .customer_visual .program_search span {
        border: 0;
    }
}
@media (max-width: 767px) {
    .customer_visual > img {
        width: 100%;
        height: auto;
    }
    .customer_visual .pc_ver {
        display: none;
    }
    .customer_visual .m_ver {
        display: block;
    }
    .customer_visual .text {
        padding-top: 80px;
    }
    .customer_visual .program_search a {
        background: #005aab;
    }
    .customer_visual .program_search a:nth-of-type(1) {
        display: none;
    }
    .customer_visual .program_search a:nth-of-type(2) {
        display: block;
    }
}

.customer_con01 {
    padding: 50px 0 0;
}
.customer_con01 ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}
.customer_con01 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 20px;
    width: calc(33.333333% - 14px);
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.customer_con01 ul li:nth-of-type(3n) {
    margin-right: 0;
}
.customer_con01 ul li h5 {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
}
.customer_con01 ul li p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.4;
}
.customer_con01 ul li .img_box img {
    width: 100%;
}
.customer_con01 ul li .img_box img.mo {
    display: none;
}
.customer_con01 ul li .txt_box {
    border-top: 1px solid #e1e1e1;
    text-align: center;
    padding: 30px 10px 40px;
    box-sizing: border-box;
}
.customer_con01 ul li .hover_box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 90, 171, 0.9);
    border: 1px solid rgba(0, 90, 171, 0.9);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.customer_con01 ul li .hover_box img {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.customer_con01 ul li .hover_box h5 {
    position: absolute;
    bottom: 90px;
    width: calc(100% - 20px);
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.customer_con01 ul li .hover_box p {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 20px);
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.customer_con01 ul li.long {
    margin-right: 0;
    width: 100%;
}
.customer_con01 ul li.long .hover_box h5 {
    bottom: 116px;
}

.customer_con01 ul li:hover {
    box-shadow: 13px 13px 20px rgba(0, 0, 0, 0.25);
}
.customer_con01 ul li:hover .hover_box {
    display: block;
}

@media all and (max-width: 1000px) {
    .customer_con01 ul li {
        width: calc(100%);
    }
    /* .customer_con01 ul li{width:calc(50% - 10px);} */
    .customer_con01 ul li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .customer_con01 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .customer_con01 ul li .img_box img {
        display: none;
    }
    .customer_con01 ul li .img_box img.mo {
        display: block;
    }
    .customer_con01 ul li .txt_box {
        min-height: 176px;
    }
    .customer_con01 ul li .hover_box h5 {
        bottom: 107px;
    }
    .customer_con01 ul li .hover_box p {
        bottom: 56px;
    }

    .customer_con01 ul li.long {
        width: calc(100%);
    }
    /* .customer_con01 ul li.long{width:calc(50% - 10px);} */
    .customer_con01 ul li.long .hover_box h5 {
        bottom: 291px;
    }
    .customer_con01 ul li.long .hover_box p {
        bottom: 40px;
    }
}
/*----- 고객센터 / -----*/

/*----- 고객센터 - 서비스&자료 -----*/
/* 서비스&자료 */
.service_con01 {
    padding: 50px 0 100px;
}
.service_con01 ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}
.service_con01 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 20px;
    width: calc(33.333333% - 14px);
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.service_con01 ul li:last-of-type {
    margin-right: 0;
}
.service_con01 ul li h5 {
    font-size: 34px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: bold;
    margin: 0;
}
.service_con01 ul li p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.4;
}
.service_con01 ul li .img_box img {
    width: 100%;
}
.service_con01 ul li .txt_box {
    border-top: 1px solid #e1e1e1;
    text-align: center;
    padding: 30px 10px 40px;
    box-sizing: border-box;
}
.service_con01 ul li .hover_box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 90, 171, 0.9);
    border: 1px solid rgba(0, 90, 171, 0.9);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.service_con01 ul li .hover_box img {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.service_con01 ul li:first-of-type .hover_box img {
    top: 25%;
}
.service_con01 ul li .hover_box h5 {
    position: absolute;
    bottom: 90px;
    width: 100%;
    color: #fff;
}
.service_con01 ul li .hover_box p {
    position: absolute;
    bottom: 40px;
    width: 100%;
    color: #fff;
}

.service_con01 ul li:hover {
    box-shadow: 13px 13px 20px rgba(0, 0, 0, 0.25);
}
.service_con01 ul li:hover .hover_box {
    display: block;
}

@media all and (max-width: 1000px) {
    .service_con01 ul li {
        width: calc(50% - 10px);
    }
    .service_con01 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

.inner2 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
} 

.service_con01 .inner2 ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
} 
.service_con01 .inner2 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 20px;
    width: calc(50% - 14px);
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    cursor: pointer;
}
.service_con01 .inner2 ul li:last-of-type {
    margin-right: 0;
}

.service_con01 .inner2 ul li .hover_box h5{
    position: absolute;
    bottom: 42px;
    width: 100%;
    color: #fff;
}

.service_con02 {
    padding: 0 0 100px;
}
.service_con02 a.plus_btn {
    display: block;
    width: 32px;
    margin-left: auto;
    margin-bottom: 20px;
}
.service_con02 ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
}
.service_con02 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 20px;
    width: calc(33.333333% - 14px);
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 20px 0;
    cursor: pointer;
}
.service_con02 ul li:nth-of-type(3n) {
    margin-right: 0;
}
.service_con02 ul li .img_box {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
}
.service_con02 ul li .img_box img {
}
.service_con02 ul li .txt_box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
    font-size: 26px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding-left: 10px;
    box-sizing: border-box;
}

.service_con02 ul li:hover {
    background: #005aab;
    border: 1px solid #005aab;
    box-shadow: -11px 11px 20px rgba(0, 0, 0, 0.25);
}
.service_con02 ul li:hover .txt_box {
    color: #fff;
}

@media all and (max-width: 1000px) {
    .service_con02 ul li {
        width: calc(50% - 10px);
    }
    .service_con02 ul li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .service_con02 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

.service_con04 {
    padding: 100px 0 150px;
}
.service_con04 .sub_tit_tab {
    margin-top: 40px;
}
.service_con04 .tabs {
    padding-top: 20px;
    display: none;
}
.service_con04 .tabs:after {
    content: '';
    display: block;
    clear: both;
}
.service_con04 .left {
    float: left;
    width: 50%;
}
.service_con04 .left .img_box {
    overflow: hidden;
}
.service_con04 .left .img_box img {
    width: 600px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.service_con04 .left .txt_box {
    border: 1px solid #cccccc;
    border-top: 0;
    padding: 30px 20px 20px;
    box-sizing: border-box;
}
.service_con04 .left .txt_box ul {
    margin: 0;
    margin-bottom: 30px;
    min-height: 165px;
}
.service_con04 .left .txt_box ul li {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    line-height: 1.4;
    padding-left: 10px;
    position: relative;
    word-break: keep-all;
}
.service_con04 .left .txt_box ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 16px;
    left: 0;
    background: #333;
}
.service_con04 .left .txt_box .btn {
    text-align: center;
    font-size: 0;
    letter-spacing: -4px;
}
.service_con04 .left .txt_box .btn a {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 5px);
    height: 70px;
    line-height: 70px;
    background: #999;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin: 5px 0;
    margin-right: 10px;
}
.service_con04 .left .txt_box .btn a:last-of-type {
    margin-right: 0;
    background: #333;
}
.service_con04 .left .txt_box .btn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
}
.service_con04 .left .txt_box .btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.service_con04 .right {
    float: right;
    width: 50%;
    height: 568.03px;
}
.service_con04 .right iframe {
    width: 100%;
    height: 100%;
}

.service_con04 .tabs.on {
    display: block;
}

@media all and (max-width: 1200px) {
    .service_con04 .left .txt_box .btn a strong:after {
        right: -20px;
    }
    .service_con04 .left .txt_box ul li br {
        display: none;
    }
}
@media all and (max-width: 1000px) {
    .service_con04 .left {
        width: 100%;
        float: none;
    }
    .service_con04 .left .img_box {
        display: none;
    }
    .service_con04 .left .img_box img {
        left: auto;
        transform: none;
        width: 100%;
    }
    .service_con04 .left .txt_box {
        border: 0;
        padding: 0;
    }
    .service_con04 .left .txt_box ul {
        margin-bottom: 0;
        padding: 30px 20px 20px;
    }
    .service_con04 .right {
        width: 100%;
        float: none;
        border: 1px solid #cccccc;
        box-sizing: border-box;
    }
}
@media all and (max-width: 767px) {
    .service_con04 .left .txt_box .btn a {
        width: 100%;
        margin-right: 0;
    }
    .service_con04 .left .txt_box .btn a strong:after {
        right: -30px;
    }
}

/* 서비스&자료 - 자가진단 */
.self_con01 {
    padding: 80px 0 100px;
}
.self_con01 .program_search {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 40px;
}
.self_con01 .program_search span {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.self_con01 .program_search input[type='text'] {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    border: 0;
    width: calc(100% - 80px);
    height: auto;
    padding: 24px;
    box-sizing: border-box;
}
.self_con01 .program_search input::placeholder {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
}
/* placeholder 글씨 focus시 사라짐 */
.self_con01 .program_search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.self_con01 .program_search input:focus:-moz-placeholder {
    color: transparent;
}
.self_con01 .program_search input:focus::-moz-placeholder {
    color: transparent;
}
.self_con01 .program_search input:focus:-ms-input-placeholder {
    color: transparent;
}
.self_con01 .program_search a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 21px 20px;
}
.self_con01 .category {
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
.self_con01 .table_common table tbody tr {
    cursor: pointer;
}
.self_con01 .table_common table tbody tr.drop {
    display: none;
}
.self_con01 .table_common table tbody tr.drop td {
    background: #f1f1f1;
    text-align: left;
    padding: 40px 20px;
}
.self_con01 .table_common table tbody tr.drop td img {
    max-width: 100%;
}
.self_con01 .table_common table tbody tr.on {
    display: table-row;
}
@media all and (max-width: 1000px) {
    .self_con01 .program_search a {
        background: #f1f1f1;
    }
}

/* 서비스&자료 - 문의게시판 */
.ask_con01 {
    padding: 30px 0 100px;
}
.ask_con01 .table_common {
    margin-bottom: 60px;
}
.ask_con01 .table_common table tbody tr td i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}

/* 서비스&자료 - 문의게시판 (문의하기, 완료) */
.ask01_con01 {
    padding: 80px 0 150px;
}
.ask01_con01 .sub_tit02 {
    padding-bottom: 40px;
}
.ask01_con01 .join {
    position: relative;
    margin: 0;
    padding: 0 0 60px;
    border: 0;
}
.ask01_con01 .join .joinTop {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.ask01_con01 .join .joinTop:first-of-type {
    margin-top: 0;
}
.ask01_con01 .join .ScrollLy {
    height: 220px;
    margin: 0;
    padding: 30px;
    border: 1px solid #e5e5e5;
    color: #444;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1.8;
    box-sizing: border-box;
    border-top: 2px solid #005aab;
}
.ask01_con01 .join .ScrollLy * {
    font-size: 14px;
    color: #666;
}

.ask01_con01 .file_custom {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 20px;
}
.ask01_con01 .file_custom .file_btn {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.015em;
    margin: 0;
}
.ask01_con01 .file_custom .file_hidden {
    margin: 0;
}
.ask01_con01 .file_custom .file_name {
    border: 1px solid #dddddd;
    margin-left: 10px;
    width: calc(100% - 185px);
    max-width: 100%;
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding: 16px 15px;
}

.ask02_con01 {
    padding: 80px 0 150px;
}
.ask02_con01 .sub_tit02 {
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}
.ask02_con01 h4 {
    font-size: 40px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.ask02_con01 p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 50px;
}

/* 서비스&자료 - 문의게시판 (내가 쓴 글 보기) */
.ask03_con01 {
    padding: 100px 0 150px;
}

.ask03_con01 .file_custom {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 20px;
}
.ask03_con01 .file_custom .file_btn {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.015em;
    margin: 0;
}
.ask03_con01 .file_custom .file_hidden {
    margin: 0;
}
.ask03_con01 .file_custom .file_name {
    border-bottom: 1px solid #dddddd;
    margin-left: 10px;
    width: calc(100% - 185px);
    max-width: 100%;
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding: 16px 15px;
}

.ask03_con01 .answer_box ul {
    margin: 0;
    border-top: 2px solid #005aab;
    border-bottom: 2px solid #333333;
}
.ask03_con01 .answer_box ul li .date_box {
    padding: 20px 15px;
    position: relative;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-top: 0;
    cursor: pointer;
}
.ask03_con01 .answer_box ul li .date_box:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    background: url('/img/ask03_con01_plus.png') no-repeat center center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.ask03_con01 .answer_box ul li .date_box h5 {
    font-size: 18px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    margin: 0;
}
.ask03_con01 .answer_box ul li .answer {
    border-bottom: 1px solid #dddddd;
    display: none;
}
.ask03_con01 .answer_box ul li:last-of-type .answer {
    border-bottom: 0;
}
.ask03_con01 .answer_box ul li .answer > p {
    font-size: 16px;
    color: #333;
    letter-spacing: 0em;
    line-height: 1.6;
    padding: 10px 20px;
    box-sizing: border-box;
}
.ask03_con01 .answer_box dl {
    font-size: 0;
    letter-spacing: -4px;
    display: table;
    width: 100%;
    border-top: 1px solid #dddddd;
    padding: 30px 0;
    margin-top: 30px;
}
.ask03_con01 .answer_box dl dt {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
}
.ask03_con01 .answer_box dl dt img {
    width: 100%;
}
.ask03_con01 .answer_box dl dd {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 160px);
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}
.ask03_con01 .answer_box dl dd p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    z-index: 1;
}
.ask03_con01 .answer_box dl dd p:last-of-type {
    padding-bottom: 0;
}
.ask03_con01 .answer_box dl dd p b {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}
.ask03_con01 .answer_box dl dd p span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
}
.ask03_con01 .answer_box dl dd h6 {
    font-size: 38px;
    color: #cccccc;
    letter-spacing: 0em;
    font-weight: bold;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.ask03_con01 .answer_box ul li.on .date_box:after {
    width: 10px;
    height: 2px;
    background-image: url('/img/ask03_con01_minus.png');
}

.ask03_con01 .answer_box ul li:first-of-type .answer {
    display: block;
}

@media all and (max-width: 1200px) {
    .ask03_con01 .answer_box dl dd h6 {
        opacity: 0.5;
    }
}
@media all and (max-width: 1000px) {
    .ask03_con01 .answer_box dl dd h6 {
        display: none;
    }
}

/* 서비스&자료 - 정기검사 */
.tab_plusbtn {
    text-align: center;
    margin-top: 20px;
}
.tab_plusbtn a {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 270px;
    height: 70px;
    line-height: 70px;
    background: #227fd2;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
}
.tab_plusbtn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
}
.tab_plusbtn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

/* 서비스&자료 - 정기검사 (접수 게시판) */
.periodic01_con01 {
    padding: 30px 0 150px;
}

/* 서비스&자료 - 정기검사 (개요) */
.periodic02_con01 {
    padding: 40px 0 150px;
}
.periodic02_con01 dl {
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 0;
    letter-spacing: -4px;
    padding-bottom: 40px;
}
.periodic02_con01 dl:last-of-type {
    padding-bottom: 0;
}
.periodic02_con01 dl dt {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
}
.periodic02_con01 dl dt:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 23px;
    left: 0;
    top: 8px;
    background: #333333;
}
.periodic02_con01 dl dd {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 200px);
}
.periodic02_con01 dl dd p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    line-height: 1.4;
    padding-bottom: 30px;
}
.periodic02_con01 dl dd p:last-of-type {
    padding-bottom: 0;
}
.periodic02_con01 dl dd > span {
    font-size: 18px;
    color: #888888;
    letter-spacing: -0.015em;
    font-weight: 400;
    display: block;
}
.periodic02_con01 dl dd > ul {
    margin: 0;
}
.periodic02_con01 dl dd > ul > li {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}
.periodic02_con01 dl dd > ul > li:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    top: 13px;
    left: 0;
}

.periodic02_con01 dl dd .img_txt {
    border: 1px dashed #005aab;
    position: relative;
    margin-top: 60px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
.periodic02_con01 dl dd .img_txt h4 {
    font-size: 24px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    text-align: center;
    position: relative;
    top: -40px;
    display: inline-block;
}
.periodic02_con01 dl dd .img_txt h4:before {
    content: '';
    display: block;
    position: absolute;
    width: 120%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.periodic02_con01 dl dd .img_txt h4 span {
    position: relative;
    z-index: 1;
}
.periodic02_con01 dl dd .img_txt ul {
    text-align: center;
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
}
.periodic02_con01 dl dd .img_txt ul li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: calc(25% - 10px);
}
.periodic02_con01 dl dd .img_txt ul li .img_box img {
    max-width: 100%;
}

.periodic02_con01 dl dd .img_txt .img_txt {
    border: 1px dashed #555555;
}
.periodic02_con01 dl dd .img_txt .img_txt h4 {
    color: #555555;
}

.periodic02_con01 dl dd .img_list {
    text-align: center;
    padding: 40px 0 0;
}
.periodic02_con01 dl dd .img_list ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}
.periodic02_con01 dl dd .img_list ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: calc(33.333333% - 10px);
}
.periodic02_con01 dl dd .img_list ul li:last-of-type {
    margin-right: 0;
}
.periodic02_con01 dl dd .img_list ul li img {
    max-width: 100%;
}
.periodic02_con01 dl dd .img_list p {
    position: relative;
    top: -60px;
}

@media all and (max-width: 1000px) {
    .periodic02_con01 dl dt {
        width: 130px;
    }
    .periodic02_con01 dl dd {
        width: calc(100% - 130px);
    }

    .periodic02_con01 dl dd .img_txt ul li {
        width: calc(50% - 10px);
    }

    .periodic02_con01 dl dd .img_list ul li {
        width: calc(50% - 8px);
    }
    .periodic02_con01 dl dd .img_list ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

/* 서비스&자료 - 정기검사 (접수, 완료) */
.periodic03_con01 {
    padding: 80px 0 150px;
}
.periodic03_con01 .sub_tit02 {
    padding-bottom: 40px;
}
.periodic03_con01 .join {
    position: relative;
    margin: 0;
    padding: 0 0 60px;
    border: 0;
}
.periodic03_con01 .join .joinTop {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.periodic03_con01 .join .joinTop:first-of-type {
    margin-top: 0;
}
.periodic03_con01 .join .ScrollLy {
    height: 220px;
    margin: 0;
    padding: 30px;
    border: 1px solid #e5e5e5;
    color: #444;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1.8;
    box-sizing: border-box;
    border-top: 2px solid #005aab;
}
.periodic03_con01 .join .ScrollLy * {
    font-size: 14px;
    color: #666;
}

.periodic03_con01 .table_common03 table tbody tr.address td .zip_box input {
    margin-top: 0;
}
.periodic03_con01 .table_common03 table tbody td {
    position: relative;
}
.periodic03_con01 .table_common03 table tbody td .zip_box input {
    display: inline-block;
    vertical-align: middle;
}
.periodic03_con01 .table_common03 table tbody td .zip_box a {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    margin: 0 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.periodic03_con01 .table_common03 table tbody td .check_custom:first-of-type {
    margin-left: 0;
}

.periodic04_con01 {
    padding: 80px 0 150px;
}
.periodic04_con01 .sub_tit02 {
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}
.periodic04_con01 h4 {
    font-size: 40px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.periodic04_con01 p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 50px;
}

.question_box {
    display: none;
    position: absolute;
    bottom: -40px;
    left: 10px;
    padding: 10px;
    background: #e2f8ff;
    border: 1px solid #009fd2;
    z-index: 10;
    max-width: 100%;
    box-sizing: border-box;
}
.question_box h6 {
    font-size: 16px;
    color: #333333;
    letter-spacing: -0.015em;
    font-weight: 300;
    margin: 0;
}

/* 서비스&자료 - 센터&판매점찾기 */
.location_con01 {
    padding: 80px 0 100px;
}
.location_con01:after {
    content: '';
    display: block;
    clear: both;
}
.location_con01 .program_search {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 40px;
}
.location_con01 .program_search span {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.location_con01 .program_search input[type='text'] {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    border: 0;
    width: calc(100% - 80px);
    height: auto;
    padding: 24px;
    box-sizing: border-box;
}
.location_con01 .program_search input::placeholder {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
}
/* placeholder 글씨 focus시 사라짐 */
.location_con01 .program_search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.location_con01 .program_search input:focus:-moz-placeholder {
    color: transparent;
}
.location_con01 .program_search input:focus::-moz-placeholder {
    color: transparent;
}
.location_con01 .program_search input:focus:-ms-input-placeholder {
    color: transparent;
}
.location_con01 .program_search a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 21px 20px;
}

.location_con01 .sub_tit_tab {
    margin-top: 0;
}
.location_con01 .sub_tit_tab ul {
    margin-top: 0;
}
.location_con01 .left_box {
    float: left;
    width: 48%;
}
.location_con01 .left_box .txt_box {
    border: 1px solid #cccccc;
    border-top: 0;
    height: 560px;
    overflow-y: auto;
    display: none;
}
.location_con01 .left_box .txt_box .text {
    padding: 30px 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
}
.location_con01 .left_box .txt_box .text:last-of-type {
    border-bottom: 0;
}
.location_con01 .left_box .txt_box h5 {
    font-size: 26px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}
.location_con01 .left_box .txt_box ul {
    margin: 0;
    margin-bottom: 20px;
}
.location_con01 .left_box .txt_box ul li {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    line-height: 1.6;
    padding-left: 10px;
    position: relative;
    word-break: keep-all;
}
.location_con01 .left_box .txt_box ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 16px;
    left: 0;
    background: #333;
}
.location_con01 .left_box .txt_box ul li span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 60px);
}
.location_con01 .right_box {
    float: left;
    width: 52%;
    display: none;
}
.location_con01 .right_box iframe {
    width: 100%;
}

.location_con01 .left_box .txt_box.on {
    display: block;
}
.location_con01 .right_box.on {
    display: block;
    position: relative;
    overflow: hidden;
    height: 633px;
}
.location_con01 .right_box #map {
    overflow: visible !important;
    position: static !important;
    width: 100%;
}

@media all and (max-width: 1000px) {
    .location_con01 .program_search a {
        background: #f1f1f1;
    }

    .location_con01 .left_box {
        width: 100%;
    }
    .location_con01 .left_box .txt_box {
        height: 450px;
    }
    .location_con01 .right_box {
        width: 100%;
        height: 450px;
        margin-top: 5px;
    }
    .location_con01 .right_box iframe {
        height: 100%;
    }
}

/* 서비스&자료 - 다운로드 */
.download_con01 {
    padding: 80px 0 100px;
}
.download_con01 .program_search {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 40px;
}
.download_con01 .program_search span {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.download_con01 .program_search input[type='text'] {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    border: 0;
    width: calc(100% - 80px);
    height: auto;
    padding: 24px;
    box-sizing: border-box;
}
.download_con01 .program_search input::placeholder {
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
}
/* placeholder 글씨 focus시 사라짐 */
.download_con01 .program_search input:focus::-webkit-input-placeholder {
    color: transparent;
}
.download_con01 .program_search input:focus:-moz-placeholder {
    color: transparent;
}
.download_con01 .program_search input:focus::-moz-placeholder {
    color: transparent;
}
.download_con01 .program_search input:focus:-ms-input-placeholder {
    color: transparent;
}
.download_con01 .program_search a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 21px 20px;
}
.download_con01 .category {
    margin-bottom: 20px;
}
.download_con01 .category .top {
    padding-bottom: 20px;
}
.download_con01 .category .top ul {
    font-size: 0;
    letter-spacing: -4px;
}
.download_con01 .category .top ul li {
    display: inline-block;
    vertical-align: Top;
    width: calc(16.6666% - 2.5px);
    margin-right: 3px;
    box-sizing: border-box;
    height: 42px;
    border: 1px solid #dddddd;
}
.download_con01 .category .top ul li:nth-of-type(6n) {
    margin-right: 0;
}
.download_con01 .category .top ul li:nth-of-type(n + 7) {
    margin-top: 3px;
}
.download_con01 .category .top ul li a {
    display: table;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #585858;
    text-align: center;
}
.download_con01 .category .top ul li a span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.download_con01 .category .top ul li.on {
    border-color: #005aab;
    background: #005aab;
}
.download_con01 .category .top ul li.on a {
    color: #fff;
}
.download_con01 .category .bot {
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
.download_con01 .category .bot ul {
    font-size: 0;
    letter-spacing: -4px;
}
.download_con01 .category .bot ul li {
    display: inline-block;
    vertical-align: top;
}
.download_con01 .category .bot ul li a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #585858;
}
.download_con01 .category .bot ul li.on a {
    background: #f0f3f8;
}

.download_con01 .table_common table tbody tr th .new_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
    background: #b8021c;
    margin-right: 10px;
}

@media all and (max-width: 1000px) {
    .download_con01 .program_search a {
        background: #f1f1f1;
    }
    .download_con01 .category .top ul li {
        width: calc(25% - 2.25px);
    }
    .download_con01 .category .top ul li:nth-of-type(6n) {
        margin-right: 3px;
    }
    .download_con01 .category .top ul li:nth-of-type(4n) {
        margin-right: 0;
    }
    .download_con01 .category .top ul li:nth-of-type(n + 5) {
        margin-top: 3px;
    }
}

@media all and (max-width: 767px) {
    .download_con01 .program_search a {
        background: #f1f1f1;
    }
    .download_con01 .category .top ul li {
        width: calc(33.3333% - 2px);
    }
    .download_con01 .category .top ul li:nth-of-type(4n) {
        margin-right: 3px;
    }
    .download_con01 .category .top ul li:nth-of-type(3n) {
        margin-right: 0;
    }
    .download_con01 .category .top ul li:nth-of-type(n + 4) {
        margin-top: 3px;
    }
}

/* 서비스&자료 - CTS (개요) */
.cts01_con01 {
    padding: 40px 0 150px;
}
.cts01_con01 h2 {
    font-size: 20px;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    text-align: center;
    position: relative;
    top: 40px;
}
.cts01_con01 dl {
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 0;
    letter-spacing: -4px;
    padding-bottom: 40px;
}
.cts01_con01 dl:last-of-type {
    padding-bottom: 0;
}
.cts01_con01 dl dt {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
}
.cts01_con01 dl dt:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 23px;
    left: 0;
    top: 8px;
    background: #333333;
}
.cts01_con01 dl dd {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 240px);
}
.cts01_con01 dl dd p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    line-height: 1.4;
    padding-bottom: 20px;
}
.cts01_con01 dl dd p:last-of-type {
    padding-bottom: 0;
}
.cts01_con01 dl dd > span {
    font-size: 18px;
    color: #888888;
    letter-spacing: -0.015em;
    font-weight: 400;
    display: block;
}
.cts01_con01 dl dd > ul {
    margin: 0;
}
.cts01_con01 dl dd > ul > li {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}
.cts01_con01 dl dd > ul > li:before {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    top: 13px;
    left: 0;
}

.cts01_con01 dl dd .img_txt {
    border: 1px dashed #005aab;
    position: relative;
    margin-top: 0px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
.cts01_con01 dl dd .img_txt h4 {
    font-size: 24px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    text-align: center;
    position: relative;
    top: -40px;
    display: inline-block;
}
.cts01_con01 dl dd .img_txt h4:before {
    content: '';
    display: block;
    position: absolute;
    width: 120%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.cts01_con01 dl dd .img_txt h4 span {
    position: relative;
    z-index: 1;
}
.cts01_con01 dl dd .img_txt ul {
    text-align: center;
    font-size: 0;
    letter-spacing: -6px;
    margin: 0;
}
.cts01_con01 dl dd .img_txt ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    width: calc(20% - 15px);
    padding-bottom: 0px;
}
.cts01_con01 dl dd .img_txt ul li p b {
    color: #005aab;
}
.cts01_con01 dl dd .img_txt ul li p {
    font-size: 16px;
    padding-bottom: 20px;
}

.cts01_con01 dl dd .img_txt ul li .img_box img {
    max-width: 100%;
}
.cts01_con01 dl dd .img_txt ul li .img_icon img {
    display: block;
    margin: 160px auto;
    max-width: 50%;
}
.cts01_con01 dl dd .img_txt ul li .txt_box {
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0;
}

.cts01_con01 dl dd .img_list {
    text-align: center;
    padding: 40px 0 0;
}
.cts01_con01 dl dd .img_list ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}
.cts01_con01 dl dd .img_list ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: calc(33.333333% - 10px);
}
.cts01_con01 dl dd .img_list ul li:last-of-type {
    margin-right: 0;
}
.cts01_con01 dl dd .img_list ul li img {
    max-width: 100%;
}
.cts01_con01 dl dd .img_list p {
    position: relative;
    top: -60px;
}

@media all and (max-width: 1000px) {
    .cts01_con01 dl {
        padding-left: 0px;
        box-sizing: border-box;
        font-size: 0;
        letter-spacing: -4px;
        padding-bottom: 40px;
    }
    .cts01_con01 dl dt {
        width: calc(100%);
        top: 10px;
    }
    .cts01_con01 dl dd {
        width: calc(100%);
        margin-top: 30px;
    }

    .cts01_con01 dl dd .img_txt ul li {
        margin: 20px;
        width: calc(100% - 10px);
    }
    .cts01_con01 dl dd .img_txt ul li p b {
        font-size: 18px;
        color: #005aab;
    }
    .cts01_con01 dl dd .img_txt ul li .img_icon img {
        display: block;
        margin: 0px auto;
        max-width: 50%;
        transform: rotate(90deg);
    }
    .cts01_con01 dl dd .img_txt ul li .txt_box {
        font-size: 14px;
        letter-spacing: 0px;
        margin: 0;
    }

    .cts01_con01 dl dd .img_list ul li {
        width: calc(100% - 8px);
    }
    .cts01_con01 dl dd .img_list ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

/*----- 고객센터 - 서비스&자료 / -----*/

/*----- 고객센터 - 카스 교정센터 -----*/
/* 카스 교정센터 */
.check_con01 {
    padding: 60px 0;
}
.check_con01 .img_box {
    padding-top: 20px;
}
.check_con01 .img_box img {
    width: 100%;
}
.check_con01 .txt_box {
    padding: 40px 20px;
    border: 1px solid #dddddd;
    border-top: 0;
}
.check_con01 .txt_box:after {
    content: '';
    display: block;
    clear: both;
}
.check_con01 .txt_box h5 {
    font-size: 34px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    margin: 0;
    padding-bottom: 30px;
    word-break: keep-all;
}
.check_con01 .txt_box h5 i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px;
}
.check_con01 .txt_box p {
    font-size: 18px;
    color: #333333;
    letter-spacing: -0.01em;
    line-height: 30px;
    padding-bottom: 20px;
    word-break: keep-all;
    text-align: center;
}
.check_con01 .txt_box .sign {
    padding-top: 60px;
    float: right;
}
.check_con01 .txt_box .sign h6 {
    font-size: 20px;
    color: #333333;
    letter-spacing: -0.01em;
    font-weight: 400;
    margin: 0;
}
.check_con01 .txt_box .sign img {
    padding-top: 40px;
}
.check_con01 .txt_box .btns {
    margin-top: 30px;
    text-align: center;
}
.check_con01 .txt_box .btns a {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.015em;
    font-weight: 400;
    width: 230px;
    background: #005aab;
    margin-right: 10px;
    padding: 11px 0;
    text-align: center;
}
.check_con01 .txt_box .btns a:last-of-type {
    margin-right: 0;
}
.check_con01 .txt_box .btns a i {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -6px;
}

@media all and (max-width: 1200px) {
    .check_con01 .txt_box h5 {
        font-size: 24px;
        line-height: 36px;
        padding: 0 60px 30px;
    }
    .check_con01 .txt_box h5 br {
        display: none;
    }
    .check_con01 .txt_box p br {
        display: none;
    }
}

.check_con02 {
    padding: 0 0 100px;
}
.check_con02 .inner > ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    margin-top: 20px;
}
.check_con02 .inner > ul > li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 20px;
    width: calc(33.333333% - 14px);
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 20px;
    cursor: pointer;
}
.check_con02 .inner > ul > li:nth-of-type(3n) {
    margin-right: 0;
}
.check_con02 .inner > ul > li .img_box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 58px;
    height: 59px;
}
.check_con02 .inner > ul > li:nth-of-type(1) .img_box {
    background: url('/img/check_con02_icon01.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(2) .img_box {
    background: url('/img/check_con02_icon02.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(3) .img_box {
    background: url('/img/check_con02_icon03.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(4) .img_box {
    background: url('/img/check_con02_icon04.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(5) .img_box {
    background: url('/img/check_con02_icon05.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(6) .img_box {
    background: url('/img/check_con02_icon06.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(7) .img_box {
    background: url('/img/check_con02_icon07.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(8) .img_box {
    background: url('/img/check_con02_icon08.png') no-repeat center;
}
.check_con02 .inner > ul > li:nth-of-type(9) .img_box {
    background: url('/img/check_con02_icon09.png') no-repeat center;
}
.check_con02 .inner > ul > li .txt_box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
    font-size: 26px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding-left: 10px;
    box-sizing: border-box;
}

.check_con02 .inner > ul > li.on {
    background: #005aab;
    border: 1px solid #005aab;
    box-shadow: -11px 11px 20px rgba(0, 0, 0, 0.25);
}
.check_con02 .inner > ul > li.on .txt_box {
    color: #fff;
}
.check_con02 .inner > ul > li.on:nth-of-type(1) .img_box {
    background: url('/img/check_con02_icon01_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(2) .img_box {
    background: url('/img/check_con02_icon02_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(3) .img_box {
    background: url('/img/check_con02_icon03_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(4) .img_box {
    background: url('/img/check_con02_icon04_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(5) .img_box {
    background: url('/img/check_con02_icon05_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(6) .img_box {
    background: url('/img/check_con02_icon06_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(7) .img_box {
    background: url('/img/check_con02_icon07_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(8) .img_box {
    background: url('/img/check_con02_icon08_on.png') no-repeat center;
}
.check_con02 .inner > ul > li.on:nth-of-type(9) .img_box {
    background: url('/img/check_con02_icon09_on.png') no-repeat center;
}

.check_con02 .inner > ul > li:hover {
    background: #005aab;
    border: 1px solid #005aab;
    box-shadow: -11px 11px 20px rgba(0, 0, 0, 0.25);
}
.check_con02 .inner > ul > li:hover .txt_box {
    color: #fff;
}
.check_con02 .inner > ul > li:hover:nth-of-type(1) .img_box {
    background: url('/img/check_con02_icon01_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(2) .img_box {
    background: url('/img/check_con02_icon02_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(3) .img_box {
    background: url('/img/check_con02_icon03_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(4) .img_box {
    background: url('/img/check_con02_icon04_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(5) .img_box {
    background: url('/img/check_con02_icon05_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(6) .img_box {
    background: url('/img/check_con02_icon06_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(7) .img_box {
    background: url('/img/check_con02_icon07_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(8) .img_box {
    background: url('/img/check_con02_icon08_on.png') no-repeat center;
}
.check_con02 .inner > ul > li:hover:nth-of-type(9) .img_box {
    background: url('/img/check_con02_icon09_on.png') no-repeat center;
}

.check_con02 .check_input {
}
.check_con02 .check_input .check_list {
    font-size: 0;
    display: none;
    padding: 20px 25px;
    box-sizing: border-box;
    border: 2px solid #005aab;
}
.check_con02 .check_input .check_list.on {
    display: block;
}
.check_con02 .check_input .check_list dl {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
}
.check_con02 .check_input .check_list dl dt {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    background: #dddddd;
    color: #333333;
    padding: 12px 0;
}
.check_con02 .check_input .check_list dl dd {
    padding: 25px 20px;
    box-sizing: border-box;
    text-align: center;
}
.check_con02 .check_input .check_list dl dd img {
    width: 100%;
}
.check_con02 .check_input .check_list dl dd span {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    letter-spacing: -0.015em;
    padding-left: 10px;
    text-align: left;
}
.check_con02 .check_input .check_list dl dd span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333333;
}
.check_con02 .check_input .check_list.type02 dl:nth-of-type(2) {
    width: 66.6666%;
}
.check_con02 .check_input .check_list.type03 dl:nth-of-type(1) {
    width: 25%;
}
.check_con02 .check_input .check_list.type03 dl:nth-of-type(2) {
    width: 30%;
}
.check_con02 .check_input .check_list.type03 dl:nth-of-type(3) {
    width: 45%;
}
.check_con02 .check_input .check_list.type04 dl:nth-of-type(2) {
    width: 66.66666%;
    text-align: center;
}
.check_con02 .check_input .check_list.type04 dl:nth-of-type(2) dd img {
    margin: 0 auto;
    width: auto;
}

@media all and (max-width: 1000px) {
    .check_con02 .inner > ul > li {
        width: calc(50% - 10px);
    }
    .check_con02 .inner > ul > li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .check_con02 .inner > ul > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .check_con02 .check_input .check_list dl {
        display: block;
        width: 100%;
    }
    .check_con02 .check_input .check_list.type02 dl:nth-of-type(2) {
        width: 100%;
    }
    .check_con02 .check_input .check_list.type03 dl:nth-of-type(1) {
        width: 100%;
    }
    .check_con02 .check_input .check_list.type03 dl:nth-of-type(2) {
        width: 100%;
    }
    .check_con02 .check_input .check_list.type03 dl:nth-of-type(3) {
        width: 100%;
    }
    .check_con02 .check_input .check_list.type04 dl:nth-of-type(2) {
        width: 100%;
        text-align: center;
    }
    .check_con02 .check_input .check_list dl dd img {
        width: auto;
        margin: 0 auto;
    }
}

/* 카스 교정센터 - 교정이란? */
.check_about_con01 {
    padding: 50px 0 120px;
}
.check_about_con01 ul {
    display: table;
    width: 100%;
    border: 3px solid #25408f;
    margin-top: 55px;
}
.check_about_con01 ul li {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}
.check_about_con01 ul li:nth-of-type(1) {
    width: 30%;
	padding: 10px;
}
.check_about_con01 ul li:nth-of-type(2) {
    width: 70%;
    background: #ecf6fc;
    padding: 60px 40px;
}
.check_about_con01 ul li img {
    width: 100%;
}
.check_about_con01 ul li p {
    font-size: 43px;
    letter-spacing: -0.015em;
    color: #25408f;
    font-weight: 700;
}
.check_about_con01 ul li p b {
    font-weight: 700;
    color: #cc272c;
}
.check_about_con01 ul li span {
    display: block;
    padding-top: 20px;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333333;
    line-height: 36px;
    word-break: keep-all;
}
.check_about_con01 ul li .btns {
    margin-top: 30px;
}
.check_about_con01 ul li .btns a {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.015em;
    font-weight: 400;
    width: 230px;
    background: #005aab;
    margin-right: 10px;
    padding: 11px 0;
    text-align: center;
}
.check_about_con01 ul li .btns a:last-of-type {
    margin-right: 0;
}
.check_about_con01 ul li .btns a i {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -6px;
}
.check_about_con01 .box_inner {
}
.check_about_con01 .box_inner > div {
    font-size: 0;
    clear: both;
    overflow: hidden;
}
.check_about_con01 .box_inner > div .left_box {
    float: left;
    width: 20%;
    box-sizing: border-box;
}
.check_about_con01 .box_inner > div .left_box p {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #333333;
    padding-left: 35px;
    position: relative;
}
.check_about_con01 .box_inner > div .left_box p:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 3px;
    height: 23px;
    background: #333333;
}
.check_about_con01 .box_inner > div .right_box {
    float: right;
    width: 80%;
    box-sizing: border-box;
}
.check_about_con01 .box_inner > div .right_box a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0em;
    font-weight: 400;
    width: 316px;
    background: #999999;
    text-align: center;
    padding: 14px 0;
    margin-top: 20px;
}
.check_about_con01 .box_inner > div .right_box a i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -4px;
}

.check_about_con01 .box_inner > .check_about_box01 {
    padding: 50px 0 0;
}
.check_about_con01 .box_inner > .check_about_box01 .right_box p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333333;
    line-height: 28px;
    word-break: keep-all;
}

@media (max-width: 1000px) {
    .check_about_con01 ul {
        display: block;
    }
    .check_about_con01 ul li {
        display: block;
    }
    .check_about_con01 ul li:nth-of-type(1) {
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .check_about_con01 ul li:nth-of-type(2) {
        width: 100%;
    }
    .check_about_con01 ul li img {
        width: auto;
        margin: 0 auto;
    }
    .check_about_con01 .box_inner br.pc_only {
        display: none;
    }
    .check_about_con01 .box_inner > div .left_box {
        float: none;
        width: 100%;
        padding-bottom: 25px;
    }
    .check_about_con01 .box_inner > div .left_box p {
        padding-left: 20px;
    }
    .check_about_con01 .box_inner > div .left_box p:before {
        left: 0;
    }
    .check_about_con01 .box_inner > div .right_box {
        float: none;
        width: 100%;
    }
    .check_about_con01 .box_inner > .check_about_box01 {
        padding: 30px 0;
    }
}

/* 카스 교정센터 - 신청절차 */
.check_intro_con01 {
    padding: 100px 0 0;
}
.check_intro_con01 ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    padding-top: 30px;
    text-align: center;
}
.check_intro_con01 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 30px;
    width: calc(16.666666% - 25px);
    position: relative;
    padding: 30px 10px 10px;
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    min-height: 280px;
}
.check_intro_con01 ul li:last-of-type {
    margin-right: 0;
}
.check_intro_con01 ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 12px;
    top: 50%;
    left: -20px;
    background: url('/img/check_intro_arrow.png') no-repeat center center /
        contain;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.check_intro_con01 ul li:first-of-type:before {
    display: none;
}
.check_intro_con01 ul li h4 {
    font-size: 18px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}
.check_intro_con01 ul li img {
    margin: 20px auto;
    max-width: 100%;
}
.check_intro_con01 ul li h6 {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}

@media all and (max-width: 1200px) {
    .check_intro_con01 ul li {
        width: calc(25% - 23px);
    }
    .check_intro_con01 ul li:nth-of-type(4n) {
        margin-right: 0;
    }
}
@media all and (max-width: 1000px) {
    .check_intro_con01 ul li {
        width: calc(33.333333% - 20px);
    }
    .check_intro_con01 ul li:nth-of-type(4n) {
        margin-right: 30px;
    }
    .check_intro_con01 ul li:nth-of-type(3n) {
        margin-right: 0;
    }
    .check_intro_con01 ul li:nth-of-type(4):before {
        display: none;
    }
}

.check_intro_con02 {
    padding: 60px 0 150px;
}
.check_intro_con02 ul {
    margin: 0;
}
.check_intro_con02 ul li {
    padding: 40px 0;
    border-bottom: 1px solid #dddddd;
}
.check_intro_con02 ul li:last-of-type {
    border-bottom: 0;
}
.check_intro_con02 ul li h4 {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
}
.check_intro_con02 ul li p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.6;
    padding-bottom: 20px;
}
.check_intro_con02 ul li p:last-of-type {
    padding-bottom: 0;
}
.check_intro_con02 ul li p span {
    position: relative;
    display: inline-block;
    padding-left: 10px;
}
.check_intro_con02 ul li p span:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #333;
    left: 0;
    top: 13px;
    border-radius: 50%;
}
.check_intro_con02 ul li p a {
    font-size: 18px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.6;
    border-bottom: 1px solid #005aab;
}
.check_intro_con02 ul li .txt_box {
    font-size: 14px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.6;
    padding: 20px;
    border-radius: 5px;
    background: #f1f1f1;
    max-width: 550px;
    margin-left: 10px;
    margin-bottom: 30px;
}
.check_intro_con02 ul li .txt_box b {
    font-size: 18px;
}
.check_intro_con02 ul li .txt_box strong {
    font-size: 18px;
    font-weight: 400;
}
.check_intro_con02 ul li .txt_box span i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
}
.check_intro_con02 ul li .txt_box span span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 24px);
    margin-left: 2px;
}

.check_intro_con02 .btn {
    margin-top: 20px;
}
.check_intro_con02 .btn a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 270px;
    padding: 18px 0;
    background: #999;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
    text-align: center;
}
.check_intro_con02 .btn a:last-of-type {
    margin-right: 0;
}
.check_intro_con02 .btn a.blue {
    background: #005aab;
}
.check_intro_con02 .btn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
    display: inline-block;
    max-width: 80%;
}
.check_intro_con02 .btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/check_intro_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.check_intro_con02 .btn2 {
    margin-top: 20px;
}
.check_intro_con02 .btn2 a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 270px;
    padding: 10px 0;
    background: #999;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
    text-align: center;
}
.check_intro_con02 .btn2 a:last-of-type {
    margin-right: 0;
}
.check_intro_con02 .btn2 a.blue {
    background: #005aab;
}
.check_intro_con02 .btn2 a strong {
    position: relative;
    font-weight: 300;
    display: inline-block;
    max-width: 100%;
}

.check_intro_con02 .btn3 {
    margin-top: 20px;
}
.check_intro_con02 .btn3 a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 270px;
    padding: 18px 0;
    background: #999;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
    text-align: center;
}
.check_intro_con02 .btn3 a:last-of-type {
    margin-right: 0;
}
.check_intro_con02 .btn3 a.blue {
    background: #005aab;
}
.check_intro_con02 .btn3 a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
    display: inline-block;
    max-width: 80%;
}
.check_intro_con02 .btn3 a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/check_intro_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
/* 카스 교정센터 - 교정접수 */
.apply_con01 {
    padding: 100px 0 150px;
}
.apply_con01 .table_common {
    margin: 40px 0 60px;
}
.apply_con01 .table_common table tbody tr td i {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}
.apply_con01 .btn {
    text-align: center;
}
.apply_con01 .btn a {
    display: inline-block;
    vertical-align: top;
    min-width: 270px;
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #999;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 20px;
}
.apply_con01 .btn a:last-of-type {
    margin-right: 0;
    background: #333;
}
.apply_con01 .btn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
}
.apply_con01 .btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

/* 카스 교정센터 - 교정접수 (접수, 완료) */
.apply02_con01 {
    padding: 80px 0 150px;
}
.apply02_con01 .sub_tit02 {
    padding-bottom: 40px;
}
.apply02_con01 h4.title {
    font-size: 24px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
}
.apply02_con01 .title:after {
    content: '';
    display: block;
    clear: both;
}
.apply02_con01 .title h4 {
    font-size: 24px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    display: inline-block;
}
.apply02_con01 .title p {
    font-size: 14px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
    float: right;
    margin-top: 25px;
}
.apply02_con01 .join {
    position: relative;
    margin: 0;
    padding: 0 0 60px;
    border: 0;
}
.apply02_con01 .join .joinTop {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.apply02_con01 .join .joinTop:first-of-type {
    margin-top: 0;
}
.apply02_con01 .join .ScrollLy {
    height: 220px;
    margin: 0;
    padding: 30px;
    border: 1px solid #e5e5e5;
    color: #444;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1.8;
    box-sizing: border-box;
    border-top: 2px solid #005aab;
}
.apply02_con01 .join .ScrollLy * {
    font-size: 14px;
    color: #666;
}

.apply02_con01 .table_common03 {
    margin-bottom: 0;
}
.apply02_con01 .table_common03 table tbody td {
    position: relative;
}
.apply02_con01 .table_common03 table tbody td .zip_box input {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}
.apply02_con01 .table_common03 table tbody td .zip_box a {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    margin: 0 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.apply02_con01 .table_common03 table tbody td .check_custom:first-of-type {
    margin-left: 0;
}
.apply02_con01 .table_common03 .table_common {
    margin: 10px 0 20px;
}
.apply02_con01 .table_common03 .table_common.gray {
    border-bottom: 1px solid #333;
}
.apply02_con01 .table_common03 .table_common .check_custom label {
    height: 30px;
    padding-left: 30px;
}
.apply02_con01 .check_custom label {
    padding-left: 30px;
}
.apply02_con01 .check_custom label i {
    top: 7px;
}

.apply02_con01 .file_box {
    font-size: 0;
    letter-spacing: -4px;
}
.apply02_con01 .file_box > a {
    display: inline-block;
    vertical-align: top;
    width: 187px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.015em;
    color: #fff;
    background: #888888;
    margin-right: 10px;
}
.apply02_con01 .file_box > a img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
}
.apply02_con01 .file_custom {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 197px);
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 20px;
}
.apply02_con01 .file_custom .file_btn {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.015em;
    margin: 0;
}
.apply02_con01 .file_custom .file_hidden {
    margin: 0;
}
.apply02_con01 .file_custom .file_name {
    border: 1px solid #dddddd;
    margin-left: 0;
    margin-right: 10px;
    width: calc(100% - 175px);
    max-width: 100%;
    font-size: 16px;
    color: #888;
    letter-spacing: -0.015em;
    font-weight: 400;
    padding: 16px 15px;
    margin: 0;
}
.apply02_con01 .file_custom .file_name.w490 {
    max-width: 490px;
}

.apply02_con01 .btn {
    text-align: left;
    margin-top: 60px;
}
.apply02_con01 .btn a {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 213px;
    padding: 10px 0;
    background: #888888;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0em;
    margin-right: 10px;
    text-align: center;
}
.apply02_con01 .btn a:last-of-type {
    margin-right: 0;
}
.apply02_con01 .btn a.blue {
    background: #005aab;
}
.apply02_con01 .btn a.black {
    background: #333;
}
.apply02_con01 .btn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
    display: inline-block;
    max-width: 80%;
}
.apply02_con01 .btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    background: url('/img/apply02_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

@media all and (max-width: 1000px) {
    .apply02_con01 .table_common03 .table_common.table_scroll > table {
        width: 800px;
    }
}
@media all and (max-width: 767px) {
    .apply02_con01 .table_common03 .table_common.table_scroll > table {
        width: 680px;
    }
}

.apply03_con01 {
    padding: 80px 0 150px;
}
.apply03_con01 .sub_tit02 {
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}
.apply03_con01 h4 {
    font-size: 40px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.apply03_con01 p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 50px;
}

/* 카스 교정센터찾기 */
.check {
}
.check .location_con01 .left_box .txt_box {
    height: 633px;
    border-top: 1px solid #cccccc;
}
@media all and (max-width: 1000px) {
    .check .location_con01 .left_box .txt_box {
        height: 450px;
    }
}
/*----- 고객센터 - 카스 교정센터 / -----*/

/*----- 고객센터 - 부품&소모품 샵 -----*/
/* 버튼 - 20200515 삭제 
.parts_popbtn{text-align:center; background:#555555;}
.parts_popbtn ul{margin:0; font-size:0; letter-spacing:-4px;}
.parts_popbtn ul li{display:inline-block; vertical-align:top; width:50%; border-right:1px solid #bfbfbf; box-sizing:border-box;}
.parts_popbtn ul li:last-of-type{border-right:0;}
.parts_popbtn a{display:block; padding:18px 0; font-size:24px; color:#fff; letter-spacing:0em;}
.parts_popbtn a strong{position:relative; font-weight:300; margin-right:15px; display:inline-block; max-width:80%;}
.parts_popbtn a strong:after{content:''; display:block; position:absolute; width:12px; height:14px; background:url('/img/news_con01_plus.png') no-repeat center center / contain; top:50%; right:-30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
*/

/* 상단 탭 */
.parts_tab {
    text-align: center;
    margin-top: 40px;
}
.parts_tab ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    margin-top: 20px;
}
.parts_tab ul li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
.parts_tab ul li a {
    display: table;
    width: 100%;
    height: 70px;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
}
.parts_tab ul li a span {
    display: table-cell;
    vertical-align: middle;
}
.parts_tab ul.w02 li {
    width: 50%;
}
.parts_tab ul.w03 li {
    width: 33.333333%;
}
.parts_tab ul.w04 li {
    width: 25%;
}
.parts_tab ul.w05 li {
    width: 20%;
}
.parts_tab ul.w06 li {
    width: 16.666666%;
}
.parts_tab ul.w07 li {
    width: 14.285714%;
}

.parts_tab ul li:hover {
    border-bottom: 2px solid #005aab;
}
.parts_tab ul li:hover a {
    color: #005aab;
    font-weight: bold;
}
.parts_tab ul li.on {
    border-bottom: 2px solid #005aab;
}
.parts_tab ul li.on a {
    color: #005aab;
    font-weight: bold;
}

@media all and (max-width: 1000px) {
    .parts_tab ul.w06 li {
        width: 33.333333%;
    }
    .parts_tab ul.w07 li {
        width: 33.333333%;
    }
}

/* 리스트 부분 */
.parts_list_box {
    padding: 40px 0 80px;
}
.parts_list_box div.tit {
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}
.parts_list_box div.tit .top_box {
    margin-bottom: 50px;
}
.parts_list_box div.tit .top_box p {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -0.015em;
    color: #333333;
}
.parts_list_box div.tit .top_box p span {
    color: #005aab;
}
.parts_list_box div.tit .left_box {
    float: left;
}
.parts_list_box div.tit .left_box span {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333333;
}
.parts_list_box div.tit .left_box span b {
    font-weight: 400;
    color: #005aab;
}
.parts_list_box div.tit .right_box {
    float: right;
    font-size: 0;
}
.parts_list_box div.tit .right_box a {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.parts_list_box div.tit .name_btn {
    float: right;
    width: 270px;
    box-sizing: border-box;
    background: #333333;
    text-align: center;
    margin-right: 5px;
    display: none;
}
.parts_list_box div.tit .name_btn a {
    display: block;
    padding: 12px 0 13px;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0em;
}
.parts_list_box div.tit .name_btn a strong {
    position: relative;
    font-weight: 300;
    margin-right: 15px;
    display: inline-block;
    max-width: 80%;
}
.parts_list_box div.tit .name_btn a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.parts_list_box .list_box ul {
    font-size: 0;
    letter-spacing: -4px;
}
.parts_list_box .list_box ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333% - 14px);
    margin-right: 20px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.parts_list_box .list_box ul li:nth-of-type(3n) {
    margin-right: 0;
}
.parts_list_box .list_box ul li:before {
    content: '';
    display: none;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid #005aab;
    box-sizing: border-box;
    z-index: 1;
}
.parts_list_box .list_box ul li .img_box {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 50% 0;
    background: #f1f1f1;
}
.parts_list_box .list_box ul li img {
}
.parts_list_box .list_box ul li img.maxH {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.parts_list_box .list_box ul li img.maxW {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.parts_list_box .list_box ul li .txt_box {
    padding: 30px 25px 10px;
    box-sizing: border-box;
    min-height: 245px;
}
.parts_list_box .list_box ul li h4 {
    font-size: 36px;
    color: #333;
    letter-spacing: -0.01em;
    font-weight: bold;
    margin: 0;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.parts_list_box .list_box ul li p {
    font-size: 26px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 500;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 76px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.parts_list_box .list_box ul li p.desc {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    margin-top: 10px;
    color: #666;
}
.parts_list_box .list_box ul li h5 {
    font-size: 24px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
    box-sizing: border-box;
    min-height: 41px;
}
.parts_list_box .list_box ul li h5 b {
    font-size: 28px;
    font-weight: 400;
}
.parts_list_box .list_box ul li span {
    font-size: 16px;
    color: #666;
    letter-spacing: -0.015em;
    font-weight: 400;
    min-height: 24px;
}

.parts_list_box .list_box ul li dl {
    font-size: 20px;
    color: #666;
    letter-spacing: -0.015em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
}
.parts_list_box .list_box ul li dl:last-of-type {
    margin-bottom: 0;
}
.parts_list_box .list_box ul li dl:after {
    content: '';
    display: block;
    clear: both;
}
.parts_list_box .list_box ul li dl dt {
    float: left;
    width: calc(100% - 85px);
}
.parts_list_box .list_box ul li dl dd {
    float: right;
}

.parts_list_box .list_box ul li:hover:before {
    display: block;
}
.parts_list_box .list_box ul li:hover h4 {
    color: #005aab;
}
.parts_list_box .list_box ul li:hover h5 {
    font-weight: 500;
    letter-spacing: -0.035em;
}
.parts_list_box .list_box ul li:hover h5 b {
    font-weight: 500;
}

.parts_list_box .list_box.type02 ul li .img_box {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    padding: 25% 0;
}
.parts_list_box .list_box.type02 ul li .txt_box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
    padding: 10px 20px;
    min-height: 0;
}
.parts_list_box .list_box.type02 ul li p {
    display: none;
}
.parts_list_box .list_box.type02 ul li p.desc {
    display: block;
    min-height: auto;
    font-size: 14px;
    padding-top: 5px;
}
.parts_list_box .list_box.type02 ul li span {
    display: none;
}
.parts_list_box .list_box.type02 ul li h4 {
    font-size: 18px;
    min-height: 0;
}
.parts_list_box .list_box.type02 ul li h5 {
    font-size: 18px;
    min-height: 27px;
}
.parts_list_box .list_box.type02 ul li h5 b {
    font-size: 18px;
}

.parts_list_box .list_box.type03 ul li {
    width: 100%;
}
.parts_list_box .list_box.type03 ul li .img_box {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    padding: 10% 0;
}
.parts_list_box .list_box.type03 ul li .txt_box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
    padding: 10px 20px;
    min-height: 0;
}
.parts_list_box .list_box.type03 ul li p {
    display: none;
}
.parts_list_box .list_box.type03 ul li span {
    display: none;
}
.parts_list_box .list_box.type03 ul li h4 {
    font-size: 30px;
    min-height: 45px;
    margin-bottom: 20px;
}
.parts_list_box .list_box.type03 ul li dl {
    display: inline-block;
    vertical-align: top;
    width: calc(33.333333% - 14px);
    padding-right: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    font-size: 18px;
    position: relative;
}
.parts_list_box .list_box.type03 ul li dl:nth-of-type(3n) {
    margin-right: 0;
}
.parts_list_box .list_box.type03 ul li dl:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    background: #666666;
    right: 0;
    top: 3px;
}
.parts_list_box .list_box.type03 ul li dl:nth-of-type(3n):after {
    display: none;
}
.parts_list_box .list_box.type03 ul li dl:last-of-type:after {
    display: none;
}

.parts_list_box .mo_programPage {
    margin-top: 0;
    background: none;
    height: 80px;
    line-height: 80px;
    border: 1px solid #ddd;
    display: block;
}
.parts_list_box .mo_programPage a {
    font-size: 24px;
    color: #333333;
}
.parts_list_box .mo_programPage a span {
    font-size: 24px;
    color: #333;
}

@media all and (max-width: 1200px) {
    .parts_list_box .list_box.type02 ul li .img_box {
        width: 150px;
    }
    .parts_list_box .list_box.type02 ul li .txt_box {
        width: calc(100% - 150px);
        padding: 0 10px;
    }
}
@media all and (max-width: 1000px) {
    .parts_list_box div.tit .name_btn {
        width: 200px;
    }

    .parts_list_box .list_box ul li {
        width: calc(50% - 10px);
    }
    .parts_list_box .list_box ul li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .parts_list_box .list_box ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .parts_list_box .list_box.type02 ul li {
        width: 100%;
        margin-right: 0;
    }
    .parts_list_box .list_box.type02 ul li .img_box {
        width: 200px;
    }
    .parts_list_box .list_box.type02 ul li .txt_box {
        width: calc(100% - 200px);
        padding: 0 20px;
    }

    .parts_list_box .list_box.type03 ul li dl {
        width: calc(50% - 10px);
    }
    .parts_list_box .list_box.type03 ul li dl:nth-of-type(3n) {
        margin-right: 20px;
    }
    .parts_list_box .list_box.type03 ul li dl:nth-of-type(2n) {
        margin-right: 0;
    }
    .parts_list_box .list_box.type03 ul li dl:nth-of-type(3n):after {
        display: block;
    }
    .parts_list_box .list_box.type03 ul li dl:nth-of-type(2n):after {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .parts_list_box .list_box.type03 ul li dl {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
    .parts_list_box .list_box.type03 ul li dl:after {
        display: none;
    }
    .parts_list_box .list_box.type03 ul li dl:nth-of-type(3n):after {
        display: none;
    }
}

/* 팝업창 */
.parts_popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    z-index: 9998;
    display: none;
}
.parts_popup_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    display: none;
}
.parts_popup_box .tit {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 10px;
    padding: 0 90px;
    box-sizing: border-box;
}
.parts_popup_box .tit:after {
    content: '';
    display: block;
    clear: both;
}
.parts_popup_box .tit h4 {
    font-size: 40px;
    color: #fff;
    letter-spacing: -0.01em;
    font-weight: bold;
    margin: 0;
    display: inline-block;
}
.parts_popup_box .tit .x_btn {
    display: inline-block;
    float: right;
    margin-top: 20px;
}

.parts_popup_box .name_slider_wrap {
    width: 100%;
    max-width: 980px;
    padding: 0 90px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.parts_popup_box .swiper-container {
    width: 100%;
}
.parts_popup_box .swiper-container img {
    width: 100%;
}
.parts_popup_box .swiper-container.name_pop_thumbs .img_box {
    position: relative;
    overflow: hidden;
    padding: 50% 0;
    width: 100%;
}
.parts_popup_box .swiper-container.name_pop_thumbs img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.parts_popup_box .name_pop_thumbs {
    padding: 30px 30px 20px;
    background: #005aab;
    box-sizing: border-box;
}
.parts_popup_box .name_pop_thumbs h6 {
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.065em;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
    padding-top: 10px;
}

.parts_popup_box .ofv {
    overflow: visible;
    position: static;
}
.parts_popup_box .swiper-button-next,
.parts_popup_box .swiper-button-prev {
    opacity: 0.5;
}
.parts_popup_box .slider_next,
.parts_popup_box .slider_prev {
    top: 40%;
}

.parts_popup_bg.on {
    display: block;
}
.parts_popup_box.on {
    display: block;
}

@media all and (max-width: 1200px) {
    .parts_popup_box .tit {
        max-width: 760px;
    }
    .parts_popup_box .name_slider_wrap {
        max-width: 760px;
    }
}
@media all and (max-width: 1000px) {
    .parts_popup_box .tit {
        padding: 0 40px;
    }
    .parts_popup_box .name_slider_wrap {
        padding: 0 40px;
    }
    .parts_popup_box .slider_next,
    .parts_popup_box .slider_prev {
        display: none;
    }
    .parts_popup_box .name_pop_thumbs h6 {
        font-size: 18px;
    }
}
/*----- 고객센터 - 부품&소모품 샵 / -----*/

/*----- 고객센터 - 원격지원 -----*/
/* 원격지원 */
.sub_tit02 .down_btn {
    text-align: center;
    margin-top: 20px;
}
.sub_tit02 .down_btn a {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 580px;
    height: 100px;
    line-height: 100px;
    background: #005aab;
    font-size: 30px;
    color: #fff;
    letter-spacing: -0.015em;
    margin: 0 auto;
}
.sub_tit02 .down_btn a img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.remote_con01 {
    padding: 100px 0 150px;
}
.remote_con01 ul {
    font-size: 0;
    letter-spacing: -4px;
    margin: 0;
    padding-top: 30px;
    text-align: center;
}
.remote_con01 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    margin-right: 40px;
    width: calc(25% - 27px);
    position: relative;
    padding: 25px 10px 5px;
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    min-height: 315px;
}
.remote_con01 ul li:nth-of-type(3) {
    width: calc(50% - 27px);
}
.remote_con01 ul li:last-of-type {
    margin-right: 0;
}
.remote_con01 ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 12px;
    top: 50%;
    left: -20px;
    background: url('/img/remote_arrow.png') no-repeat center center / contain;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.remote_con01 ul li:first-of-type:before {
    display: none;
}
.remote_con01 ul li h4 {
    font-size: 18px;
    color: #005aab;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}
.remote_con01 ul li img {
    margin: 20px auto;
    max-width: 100%;
}
.remote_con01 ul li p {
    font-size: 18px;
    color: #333333;
    letter-spacing: -0.015em;
    word-break: keep-all;
}
.remote_con01 ul li span.red {
    color: #da2c2c;
}
.remote_con01 ul li b {
    color: #333333;
}
.remote_con01 ul li .text {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.remote_con01 ul li .img_box {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
}
.remote_con01 ul li .img_box img {
    max-width: 100%;
}

@media all and (max-width: 1400px) {
    .remote_con01 ul li p br {
        display: none;
    }
}
@media all and (max-width: 1000px) {
    .remote_con01 ul li {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    .remote_con01 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .remote_con01 ul li:nth-of-type(3) {
        width: 100%;
    }
    .remote_con01 ul li:before {
        display: none;
    }
    .remote_con01 ul li p br {
        display: block;
    }
}
/*----- 고객센터 - 원격지원 / -----*/

/*----- 장바구니 -----*/
/* 장바구니 */
.order_title {
    margin-bottom: 40px;
}
.order_title:after {
    content: '';
    display: block;
    clear: both;
}
.order_title h3 {
    font-size: 50px;
    color: #111;
    letter-spacing: -0.015em;
    font-weight: 400;
    margin: 0;
    display: inline-block;
}
.order_title ul {
    margin: 0;
    float: right;
    margin-top: 20px;
}
.order_title ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    position: relative;
    font-size: 20px;
    color: #333;
    letter-spacing: 0em;
    font-weight: 400;
}
.order_title ul li:last-of-type {
    margin-right: 0;
}
.order_title ul li:after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 15px;
    background: url('/img/order_title_arrow.png') no-repeat;
    top: 48%;
    right: -27px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.order_title ul li:last-of-type:after {
    display: none;
}
.order_title ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #8b8b8b;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
}

.order_title ul li.on {
    font-weight: bold;
}
.order_title ul li.on span {
    background: #005aab;
}

.order_con01 {
    margin-top: 80px;
}
.order_con01 .table_common .check_custom {
    padding: 0;
}
.order_con01 .table_common .check_custom label {
    height: 30px;
    padding-left: 30px;
}
.order_con01 .table_common table {
    border-top: 2px solid #005aab;
}
.order_con01 .table_common table thead th {
    padding: 10px 0;
}
.order_con01 .table_common table thead tr th:first-of-type {
    border-right: 0;
}
.order_con01 .table_common table tbody td {
    font-size: 20px;
}
.order_con01 .table_common table tbody td b {
    font-weight: 500;
}
.order_con01 .table_common table tbody tr td:first-of-type {
    border-right: 0;
}

.order_con01 .table_common table tbody tr td.tl {
    font-size: 0;
    letter-spacing: -4px;
    position: relative;
}
.order_con01 .table_common table tbody tr td .img_box {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
}
.order_con01 .table_common table tbody tr td .img_box img {
    width: 100%;
}
.order_con01 .table_common table tbody tr td .txt_box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
    text-align: left;
    padding-left: 40px;
    box-sizing: border-box;
}
.order_con01 .table_common table tbody tr td .txt_box h6 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.015em;
    color: #333;
    margin: 0;
}
.order_con01 .table_common table tbody tr td .txt_box span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #888;
    padding: 10px 0 15px;
}
.order_con01 .table_common table tbody tr td .txt_box p {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333;
    position: relative;
    margin-right: 30px;
}
.order_con01 .table_common table tbody tr td .option_add {
    position: absolute;
    right: 30px;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.order_con01 .table_common table tbody tr td .option_add .minus {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
}
.order_con01 .table_common table tbody tr td .option_add .minus img {
    width: 100%;
    height: 100%;
}
.order_con01 .table_common table tbody tr td .option_add .plus {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
}
.order_con01 .table_common table tbody tr td .option_add .plus img {
    width: 100%;
    height: 100%;
}
.order_con01 .table_common table tbody tr td .option_add input {
    border: none;
    display: block;
    float: left;
    width: 40px;
    height: 28px;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    box-sizing: border-box;
}

.order_con01 .table_bot {
    padding-top: 30px;
}
.order_con01 .table_bot:after {
    content: '';
    display: block;
    clear: both;
}
.order_con01 .table_bot .left {
    display: inline-block;
}
.order_con01 .table_bot .left .check_custom {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 96px;
    text-align: center;
}
.order_con01 .table_bot .left .check_custom label {
    height: 30px;
    padding-left: 30px;
}
.order_con01 .table_bot .left a {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #888888;
    letter-spacing: 0em;
    font-weight: 500;
    padding: 15px 20px;
    border: 1px solid #888888;
    box-sizing: border-box;
    margin-right: 5px;
}
.order_con01 .table_bot .right {
    float: right;
    font-size: 16px;
    color: #888;
    letter-spacing: 0em;
    font-weight: 400;
    margin-top: 15px;
}
.order_con01 .table_bot .right img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.order_con01 .table_common table tbody tr td b strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #666;
    padding-top: 10px;
}

@media all and (max-width: 1000px) {
    .order_con01 {
        margin-top: 50px;
    }
    .order_con01 .table_common table tbody tr td .option_add {
        position: static;
        top: auto;
        right: auto;
        transform: none;
        margin: 20px 0 10px;
    }
    .order_con01 .table_common table tbody tr td .option_add {
    }

    .order_con01 .table_bot .left {
        width: 100%;
    }
    .order_con01 .table_bot .left .check_custom {
        width: 80px;
    }
    .order_con01 .table_bot .right {
        float: none;
        padding-left: 25px;
    }
}

.order_con02 {
    padding: 60px 0 150px;
}
.order_con02 dl {
    display: table;
    width: 100%;
    font-size: 0;
    letter-spacing: -4px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
    text-align: center;
}
.order_con02 dl dt {
    display: table-cell;
    vertical-align: middle;
    width: 33.333333%;
    border-right: 1px solid #cccccc;
    font-size: 30px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    padding: 30px;
    box-sizing: border-box;
    min-height: 171px;
}
.order_con02 dl dd {
    display: table-cell;
    vertical-align: middle;
    width: 33.333333%;
    border-right: 1px solid #cccccc;
    padding: 30px;
    box-sizing: border-box;
    min-height: 171px;
}
.order_con02 dl dd ul {
    margin: 0;
}
.order_con02 dl dd ul li {
    padding: 5px 0;
}
.order_con02 dl dd ul li:after {
    content: '';
    display: block;
    clear: both;
}
.order_con02 dl dd ul li h6 {
    float: left;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: bold;
    margin: 0;
}
.order_con02 dl dd ul li p {
    float: right;
    font-size: 14px;
    color: #888888;
    letter-spacing: -0.015em;
    font-weight: bold;
}
.order_con02 dl dd ul li p b {
    font-size: 14px;
    color: #333;
}
.order_con02 dl dd.total_price {
    border-right: 0;
    font-size: 24px;
    color: #d90415;
    letter-spacing: -0.015em;
    font-weight: 400;
}
.order_con02 dl dd.total_price b {
    font-size: 36px;
    font-weight: bold;
}

@media all and (max-width: 1000px) {
    .order_con02 dl {
        display: block;
    }
    .order_con02 dl dt {
        display: inline-block;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #cccccc;
    }
    .order_con02 dl dd {
        display: inline-block;
        width: 50%;
    }
}

/* 장바구니 - 주문/결제 */
.order02_con01 {
    margin-top: 80px;
}
.order02_con01 .table_common02 table {
    border-bottom: 1px solid #dddddd;
}
.order02_con01 .table_common02 table tbody tr.address td {
    padding: 10px 20px;
}
.order02_con01 .table_common02 table tbody td .zip_box input {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    text-align: center;
}
.order02_con01 .table_common02 table tbody td .zip_box a {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    margin: 0 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.order02_con01 .table_common02 table tbody td ul {
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}
.order02_con01 .table_common02 table tbody td ul li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    text-align: center;
    border: 1px solid #888888;
    box-sizing: border-box;
    margin-left: -1px;
}
.order02_con01 .table_common02 table tbody td ul li:first-of-type {
    margin-left: 0;
}
.order02_con01 .table_common02 table tbody td a {
    font-size: 20px;
    color: #fff;
    background: #888888;
    letter-spacing: 0em;
    font-weight: 400;
    display: inline-block;
    padding: 10px 10px;
}

@media all and (max-width: 1000px) {
    .order02_con01 {
        margin-top: 50px;
    }
    .order02_con01 .table_common02 table tbody td ul li {
        width: 130px;
    }
    .order02_con01 .table_common02 table tbody td .zip_box input {
        max-width: 150px;
    }
}

.order02_con02 .table_common table {
    border-top: 2px solid #005aab;
}
.order02_con02 .table_common table tbody tr td b {
    font-size: 20px;
}
.order02_con02 .table_common table tbody tr td:nth-of-type(1) {
    font-size: 20px;
    border-right: 0;
}
.order02_con02 .table_common table tbody tr td:nth-of-type(2) {
    color: #888888;
    border-right: 0;
}
.order02_con02 .table_common table tbody tr td:nth-of-type(3) {
    font-size: 14px;
    border-right: 0;
}
.order02_con02 .table_common table tbody tr td:nth-of-type(4) {
    font-size: 14px;
}
.order02_con02 .table_bot {
    text-align: right;
    margin-top: 20px;
}
.order02_con02 .table_bot .text {
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    color: #888888;
    letter-spacing: 0em;
    font-weight: 400;
    margin-right: 10px;
}
.order02_con02 .table_bot .text img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.order02_con02 .table_bot a {
    display: inline-block;
    vertical-align: bottom;
    font-size: 20px;
    color: #888888;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 10px 15px;
    border: 1px solid #888888;
    box-sizing: border-box;
}

@media all and (max-width: 1000px) {
    .order02_con02 .table_bot {
        text-align: left;
    }
    .order02_con02 .table_bot .text {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.order02_con03 {
    padding: 60px 0 150px;
}
.order02_con03 .table_common02 {
    margin-bottom: 10px;
}
.order02_con03 .table_common02 table {
    border-bottom: 1px solid #dddddd;
}
.order02_con03 .table_common02 table tbody tr.line {
    border-top: 1px solid #333;
}
.order02_con03 .table_common02 table tbody td.red {
    font-size: 14px;
    color: #e60012;
}
.order02_con03 .table_common02 table tbody td.red b {
    font-size: 20px;
}
.order02_con03 .table_common02 table tbody td .card_box {
    padding: 10px 30px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    max-width: 670px;
    margin-top: 20px;
}
.order02_con03 .table_common02 table tbody td .card_box dl dt {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    margin-top: 20px;
}
.order02_con03 .table_common02 table tbody td .card_box dl dd {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
}
.order02_con03 .table_common02 table tbody td .card_box dl dd a {
    display: inline-block;
    vertical-align: middle;
    background: #888;
    font-size: 16px;
    color: #fff;
    padding: 15px 20px;
    margin: 0 5px;
    margin-left: 10px;
}
.order02_con03 .table_common02 table tbody td .card_box dl dd select {
    border: 1px solid #888;
    color: #333;
}
.order02_con03 .table_common02 table tbody td .check_custom label {
    padding-left: 30px;
}
.order02_con03 .table_common02 table tbody td .check_custom label i {
    top: 8px;
}
.order02_con03 .table_common02 table tbody td .file_custom input.file_name {
    border: 1px solid #dddddd;
    margin-left: 0px;
}
.order02_con03 .table_common02 table tbody td .file_custom {
    margin-bottom: 0px;
}
.order02_con03 .table_common02 table tbody td .file_custom label {
    vertical-align: top;
}
.order02_con03 .table_common02 table tbody td .email_box input {
    display: inline-block;
    vertical-align: middle;
    max-width: 230px;
    margin-right: 0;
}
.order02_con03 .table_common02 table tbody td .email_box select {
    display: inline-block;
    vertical-align: middle;
    max-width: 230px;
}
.order02_con03 .table_common02 table tbody td span .img_filename {
    color: #307dd4;
    vertical-align: middle;
    padding-left: 5px;
}
.order02_con03 .d_without_box {
    padding: 20px 0;
    display: none;
}
.order02_con03 .d_without_box.on {
    display: block;
}
.order02_con03 .d_without_box p {
    font-size: 18px;
    line-height: 28px;
}

/* 장바구니 - 주문완료 */
.order03_con01 {
    padding: 80px 0 150px;
}
.order03_con01 .order_title {
    padding-bottom: 60px;
    margin-bottom: 100px;
    border-bottom: 1px solid #dddddd;
}
.order03_con01 h4 {
    font-size: 40px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.order03_con01 p {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.015em;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 50px;
}

/* 장바구니 팝업창 */
.order_popup_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}
.order_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 790px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9999;
}
.order_popup h4 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.01em;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
}
.order_popup h4 a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.order_popup .box {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    max-height: 500px;
    padding: 30px;
    overflow-y: auto;
}
.order_popup .box h5 {
    font-size: 18px;
    color: #333;
    letter-spacing: 0em;
    font-weight: bold;
}

.order_popup_bg.on {
    display: block;
}
.order_popup.on {
    display: block;
}

.order_popup .box table {
    width: 100%;
    border-top: 2px solid #005aab;
}
.order_popup .box table tr {
    border-bottom: 1px solid #dddddd;
}
.order_popup .box table tr th {
    background: #eeeeee;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.015em;
    color: #333333;
    padding: 20px 0;
}
.order_popup .box table tr td {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333333;
    padding: 20px 15px;
}
.order_popup .box table tr td:nth-of-type(4) {
    text-align: left;
}
.order_popup .box table tr td .radio_custom02 {
    padding: 0;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
.order_popup .box table tr td .radio_custom02 label {
    padding-left: 0;
    width: 24px;
    height: 24px;
}
.order_popup .box table tr td .radio_custom02 label i {
    top: 0;
}
.order_popup .box table tr td .new_box {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #333333;
    line-height: 26px;
}
.order_popup .box table tr td .old_box {
    font-size: 0;
    margin-top: 10px;
}
.order_popup .box table tr td .old_box i {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.015em;
    padding: 0 5px;
    color: #fff;
    background: #888888;
    font-style: inherit;
    margin-right: 10px;
    line-height: 26px;
}
.order_popup .box table tr td .old_box span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #888888;
    line-height: 26px;
}
.order_popup .box .btn_common {
    font-size: 0;
    margin-top: 0;
    text-align: left;
}
.order_popup .box .btn_common:after {
    content: '';
    display: table;
    clear: both;
}
.order_popup .box .btn_common .left_box {
    float: left;
}
.order_popup .box .btn_common .left_box a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 10px 15px;
    max-width: 100%;
    margin-top: 30px;
}
.order_popup .box .btn_common .left_box a strong {
    max-width: 100%;
}
.order_popup .box .btn_common .left_box a strong:after {
    right: -20px;
}
.order_popup .box .btn_common .right_box {
    float: right;
}
.order_popup .box .btn_common .right_box a {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 10px 15px;
    max-width: 100%;
    margin-top: 30px;
}
.order_popup .box .btn_common .right_box a strong {
    max-width: 100%;
}
.order_popup .box .btn_common .right_box a strong:after {
    right: -20px;
}
.order_popup .box .check_custom {
    float: left;
}
.order_popup .box .check_custom input[type='checkbox'] {
    zoom: 1.8;
    margin-top: 3px;
}
.order_popup .box .check_custom label {
    padding-left: 10px;
}

.order_popup.type03 .box table tr td {
    text-align: left;
}

@media (max-width: 1000px) {
    .order_popup {
        width: 90%;
    }
    .order_popup .box {
        width: 100%;
        height: 500px;
    }
    .order_popup .box .btn_common .left_box {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .order_popup .box .btn_common .left_box a:last-of-type {
        margin-right: 15px;
    }
    .order_popup .box .btn_common .right_box {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}
/*----- 장바구니 / -----*/

/*----- 설치사례 -----*/
/* 설치사례 (상세) */
.install_con01 {
    padding: 80px 0 100px;
}
.install_con01 .readTop {
    background: #f0f3f8;
    border-top: 2px solid #005aab;
    border-bottom: 0;
    padding: 15px 20px;
    margin-top: 40px;
}
.install_con01 .readTop .imgTitle {
    color: #333;
    font-weight: bold;
}
.install_con01 .tag_date {
    border-bottom: 1px solid #dddddd;
    padding: 15px 20px;
}
.install_con01 .tag_date:after {
    content: '';
    display: block;
    clear: both;
}
.install_con01 .tag_date .tag {
    float: left;
    border: 0;
    padding: 0;
}
.install_con01 .tag_date .tag a {
    font-size: 16px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.install_con01 .tag_date .imgTitle_sub {
    float: right;
    font-size: 14px;
    color: #666;
    letter-spacing: 0em;
    font-weight: 400;
    padding: 0;
}
.install_con01 .tag_date .imgTitle_sub span {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.install_con01 .tag_date .imgTitle_sub span:last-of-type {
    margin-right: 0;
}
.install_con01 .readEdit {
    font-size: 16px;
    letter-spacing: -0.015em;
    line-height: 1.4;
    text-align: center;
}
.install_con01 .readBottom table {
    border-top: 0;
}
.install_con01 .readBottom table tbody {
    border-top: 1px solid #333;
    border-bottom: 1px solid #c4c4c4;
}
.install_con01 .readBottom table tr {
    border-bottom: 1px solid #c4c4c4;
}
.install_con01 .readBottom table tr th {
    background: none;
    height: 50px;
    font-size: 16px;
    color: #333;
}
.install_con01 .readBottom table tr td {
    font-size: 16px;
    color: #333;
    letter-spacing: -0.015em;
}
.install_con01 .readBottom table tr td a {
    font-size: 16px;
    color: #333;
}
.install_con01 .readBottom_btn dd {
    float: none;
    text-align: center;
}
.install_con01 .readBottom_btn dd a {
    min-width: 270px;
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #333;
    font-size: 24px;
}
.install_con01 .readBottom_btn dd a strong {
    position: relative;
}
.install_con01 .readBottom_btn dd a strong:after {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    background: url('/img/news_con01_plus.png') no-repeat center center /
        contain;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
/*----- 설치사례 / -----*/

/*----- 프로그램 커스텀 -----*/
/* 커스텀 들어간 페이지 - news>index.jsp, read.jsp */
/* 테이블 */
.program_table.table_common table tr {
    border-bottom: 1px solid #c4c4c4;
}
.program_table.table_common table tr th {
    background: #f0f3f8;
    height: auto;
}
.program_table.table_common table tr td.tit {
    padding: 10px 30px;
}
/*.program_table.table_common table tbody tr td span.new_icon{display:none;}*/
@media all and (max-width: 1000px) {
    .program_table.table_common table {
        border-top: 2px solid #005aab;
    }
    .program_table.table_common table tr {
        padding: 30px 0;
    }
    .program_table.table_common table tbody tr:last-of-type {
        border-bottom: 1px solid #c4c4c4;
    }
    .program_table.table_common table tbody tr td {
        border-right: 0;
        padding: 0;
    }
    .program_table.table_common table tbody tr td span {
        display: inline-block;
        vertical-align: top;
        min-width: 85px;
        text-align: center;
        margin-right: 10px;
        font-size: 17px;
        color: #fff;
        padding: 5px 0;
        box-sizing: border-box;
        line-height: 1.2;
    }
    .program_table.table_common table tbody tr td span:last-of-type {
        margin-right: 0;
    }
    .program_table.table_common table tbody tr td span.new_icon {
        display: inline-block;
        background: #b8021c;
    }
    .program_table.table_common table tbody tr td span.categ {
        background: #666666;
    }
    .program_table.table_common table tbody tr td.tit {
        font-size: 28px;
        padding: 0;
        margin-top: 15px;
    }
    .program_table.table_common table tbody tr td.tit a {
        font-size: 28px;
    }
    .program_table.table_common table tbody tr td.date {
        font-size: 20px;
        color: #666;
    }
}
/* 페이징 */
.programPage {
    margin-top: 60px;
}
.programPage a {
    vertical-align: middle;
}
.programPage a img {
    width: 100%;
}
.programPage a.active {
    background: #005aab;
    border: 0;
    color: #fff;
}
.programPage a.page_prev {
    border: 1px solid #aaaaaa;
    margin-right: 20px;
}
.programPage a.page_prev02 {
    border: 1px solid #aaaaaa;
    margin-right: 20px;
}
.programPage a.page_next {
    border: 1px solid #aaaaaa;
    margin-left: 20px;
}
.programPage a.page_next02 {
    border: 1px solid #aaaaaa;
    margin-left: 20px;
}
.programPage a.page_prev:hover,
.programPage a.page_next:hover {
    border: 1px solid #aaaaaa;
}
.programPage a.page_prev02:hover,
.programPage a.page_next02:hover {
    background: none;
}
@media all and (max-width: 1000px) {
    .programPage a.page_prev {
        margin-right: 10px;
    }
    .programPage a.page_prev02 {
        margin-right: 10px;
    }
    .programPage a.page_next {
        margin-left: 10px;
    }
    .programPage a.page_next02 {
        margin-left: 10px;
    }
}
@media all and (max-width: 770px) {
    .programPage {
        display: block;
    }
}