@charset "utf-8"; 

.comm-tit, .ceo-bottom-box h2 {
    position: relative;
    font-size: 28px;
    line-height: 33px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.45px;
    margin-bottom: 3%;
    padding-left: 27px;
}

.inquiry-tit {
    margin-bottom: 2%;
}

.inquiry-tit p {
    display: inline-block;
    margin-left: 30px;
}

.inquiry-tit p:first-child {
    margin-left: 0;
}

.inquiry-tit em {
    font-size: 18px;
    color: #666;
    margin: 10px 0;
}

.comm-tit:before, .ceo-bottom-box h2:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    content: "";
    width: 8px;
    height: 23px;
    margin-top: -13px;
    background-color: #0263ac;
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.comm-tit.style2 {
    margin-bottom: 15px;
}

.comm-tit.style3 {
    line-height: 49px;
}

.comm-sub-tit {
    font-size: 18px;
    line-height: 33px;
    color: #111;
    letter-spacing: -0.75px;
    font-weight: 300;
    margin-bottom: 4%;
    word-break: keep-all;
}

.comm-sub-tit:before {
    display: block;
    content: "";
    width: 67px;
    height: 6px;
    background-color: #0263ad;
    margin-bottom: 20px;
}

.comm-subject {
    font-size: 22px;
    line-height: 33px;
    color: #0263ac;
    font-weight: 400;
    letter-spacing: -0.75px;
    margin-bottom: 5px;
}

.comm-txt {
    font-size: 18px;
    line-height: 33px;
    color: #666;
    font-weight: 300;
    word-break: keep-all;
    letter-spacing: -1px;
}

.comm-txt.style02 {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}

.comm-txt.style02:before {
    display: inline-block;
    content: "-";
    color: #666;
    position: absolute;
    top: 0;
    left: 13px;
    color: #666;
}

.vision-tab-list {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #999;
    margin-bottom: 6%;
}

.vision-tab-list > li {
    display: inline-block;
    vertical-align: middle;
    width: 186px;
    height: 55px;
    background-color: #f4f4f4;
    border: 1px solid #999;
    margin: 0 3px;
    margin-bottom: -1px;
}

.vision-tab-list > li a {
    display: block;
    height: 100%;
    line-height: 55px;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.75px;
}

.vision-tab-list > li.selected {
    border-color: #004f8b;
    background-color: #0263ac;
}

.vision-tab-list > li.selected a {
    color: #fff;
}

@media all and (max-width: 1220px) {
    .comm-tit {
        font-size:24px;
        line-height: 30px;
    }

    .inquiry-tit p {
        display: inline-block;
        margin-left: 30px;
    }

    .inquiry-tit p:first-child {
        margin-left: 0;
    }

    .inquiry-tit em {
        font-size: 15px;
        color: #666;
        margin: 10px 0;
    }

    .comm-tit:before {
        height: 24px;
        margin-top: -12px;
    }

    .comm-subject {
        font-size: 20px;
        line-height: 30px;
    }

    .comm-txt {
        line-height: 30px;
    }

    .vision-tab-list.style02 > li {
        float: left;
        width: 25%;
        background: none;
        border: 0;
        margin: 0px;
        margin-bottom: -1px;
    }

    .vision-tab-list.style02 > li a {
        width: 96%;
        height: 53px;
        line-height: 53px;
        margin: 0px auto;
        background-color: #f4f4f4;
        border: 1px solid #999;
        font-size: 16px;
        letter-spacing: -1px;
    }

    .vision-tab-list.style02 > li.selected a {
        border-color: #004f8b;
        background-color: #0263ac;
    }
}

@media all and (max-width: 800px) {
    .comm-tit {
        font-size:20px;
        line-height: 26px;
        padding-left: 25px;
    }

    /*.comm-tit{font-size:24px; line-height:30px;}*/
    .inquiry-tit p {
        display: block;
        ;margin-left: 0px;
        margin-bottom: 2%;
    }

    .inquiry-tit em {
        font-size: 13px;
        color: #666;
        margin: 10px 0;
    }

    .comm-tit:before {
        width: 7px;
        height: 22px;
        margin-top: -11px;
    }

    .comm-sub-tit {
        font-size: 16px;
        line-height: 26px;
    }

    .comm-subject {
        font-size: 18px;
        line-height: 26px;
    }

    .comm-txt {
        font-size: 15px;
        line-height: 25px;
    }

    .comm-sub-tit:before {
        margin-bottom: 15px;
        width: 57px;
        height: 5px;
    }

    .vision-tab-list > li {
        height: 45px;
    }

    .vision-tab-list > li a {
        line-height: 45px;
    }

    .vision-tab-list.style02 > li {
        width: 50%;
    }

    .vision-tab-list.style02 > li:first-child, .vision-tab-list.style02 > li:nth-child(2) {
        margin-bottom: 7px;
    }

    .vision-tab-list.style02 > li a {
        height: 43px;
        line-height: 43px;
    }
}

@media all and (max-width: 480px) {
    .vision-tab-list > li {
        width:40%;
        height: 40px;
    }

    .vision-tab-list > li a {
        line-height: 40px;
        font-size: 15px;
    }

    .vision-tab-list.style02 > li a {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
}

/* ****************** 회사개요 :: 개요 ********************** */
.info-top-box {
    width: 100%;
    height: 568px;
    background: url(/images/content/info_top_img.jpg) no-repeat center top;
}

.info-top-box > p {
    font-size: 24px;
    line-height: 65px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.75px;
    text-align: center;
    padding-top: 10.5%;
    display: none;
}

.info-top-box > p span {
    display: block;
}

.info-top-box > p b {
    font-size: 40px;
    font-weight: 600;
}

.info-tbl-box {
    width: 100%;
    margin-top: -110px;
    position: relative;
    margin-bottom: 6%;
}

.info-tbl {
    display: table;
    width: 100%;
}

.info-tbl dt, .info-tbl dd {
    display: table-cell;
    vertical-align: middle;
    line-height: 23px;
    padding: 17px 2%;
    text-align: left;
    font-weight: 400;
}

.info-tbl dt {
    width: 16%;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background-color: #1356cf;
}

.info-tbl dd {
    width: 34%;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

.info-tbl:first-child td {
    border-top: 1px solid #cfcfcf;
}

.info-list-box, .info-list, .info-list-con {
    width: 100%;
}

.info-list-con {
    display: table;
    border-top: 1px solid #cfcfcf;
    padding: 3% 0;
}

.info-img-thum, .info-txt-thum {
    display: table-cell;
    vertical-align: middle;
}

.info-img-thum {
    width: 49%;
}

.info-img-thum img {
    max-width: 100%;
    width: 100%;
}

.info-txt-thum {
    padding-left: 5%;
    width: 51%;
}

.info-txt-thum .info-tit {
    font-family: "Nanum Square",'NanumSquare',sans-serif;
    font-size: 40px;
    line-height: 58px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
    margin-bottom: 2%;
}

.info-txt-thum .info-sub-tit {
    display: block;
    font-size: 20px;
    line-height: 33px;
    color: #333;
    letter-spacing: -0.75px;
    font-weight: 400;
    margin-bottom: 2%;
}

.info-txt-thum .info-txt {
    font-size: 16px;
    line-height: 33px;
    color: #333;
    letter-spacing: -0.75px;
    margin-bottom: 8%;
}

.info-txt-thum .info-txt > span {
    margin-right: 3%;
}

.info-txt-thum .info-txt > span i {
    color: #333;
    vertical-align: middle;
}

.info-txt-thum .info-detail-view-btn {
    display: block;
    width: 185px;
    height: 43px;
    border: 1px solid #909090;
    font-size: 16px;
    line-height: 43px;
    color: #333;
    letter-spacing: -0.5px;
    text-align: center;
}

.info-txt-thum .info-detail-view-btn:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

@media all and (max-width: 1220px) {
    .info-top-box > p {
        font-size:22px;
        word-break: keep-all;
    }

    .info-top-box > p span {
        display: inline-block;
    }
}

@media all and (max-width: 800px) {
    .info-top-box {
        background:url(/images/content/info_top_bg.jpg) no-repeat center top;
    }

    .info-top-box > p {
        font-size: 18px;
        line-height: 40px;
        width: 94%;
        margin: 0px auto;
        display: block;
    }

    .info-top-box > p span {
        display: inline;
    }

    .info-top-box > p b {
        font-size: 30px;
    }

    .info-top-box {
        height: 300px;
        background-size: cover;
    }

    .info-tbl-box {
        margin-top: -55px;
    }

    .info-tbl dt, .info-tbl dd {
        line-height: 20px;
        padding: 13px 2%;
    }

    .info-tbl dt {
        width: 18%;
        font-size: 16px;
    }

    .info-tbl dd {
        width: 32%;
        font-size: 14px;
    }

    .info-txt-thum {
        padding-left: 3%;
    }

    .info-txt-thum .info-tit {
        font-size: 22px;
        line-height: 32px;
    }

    .info-txt-thum .info-sub-tit {
        font-size: 18px;
        line-height: 24px;
    }

    .info-txt-thum .info-txt {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .info-txt-thum .info-txt > span {
        word-break: keep-all;
    }

    .info-txt-thum .info-detail-view-btn {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }
}

@media all and (max-width: 480px) {
    .info-top-box > p {
        line-height:30px;
    }

    .info-top-box > p b {
        font-size: 26px;
    }

    .info-list-con, .info-img-thum, .info-txt-thum {
        display: block;
        width: 100%;
    }

    .info-tbl dt, .info-tbl dd {
        line-height: 18px;
    }

    .info-tbl dt {
        font-size: 14px;
    }

    .info-tbl dd {
        font-size: 13px;
    }

    .info-img-thum {
        margin-bottom: 3%;
    }

    .info-img-thum img {
        display: block;
        margin: 0px auto;
    }

    .info-txt-thum {
        padding-left: 0;
    }

    .info-txt-thum .info-tit {
        font-size: 20px;
        line-height: 30px;
    }

    .info-txt-thum .info-sub-tit {
        font-size: 16px;
        line-height: 22px;
    }

    .info-txt-thum .info-txt {
        margin-bottom: 5%;
        line-height: 22px;
    }

    .info-txt-thum .info-detail-view-btn {
        font-size: 14px;
    }
}

/* ****************** 회사개요 :: CEO인사말 ********************** */
.ceo-top-box {
    width: 100%;
    margin-bottom: 3%;
}

.ceo-top-box > img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.ceo-bottom-box {
    width: 100%;
    font-size: 18.5px;
    line-height: 33px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.75px;
}

.ceo-bottom-box > p {
    font-size: 18.5px;
    line-height: 33px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.75px;
    word-break: keep-all;
    margin-bottom: 30px;
}

.mapbox{
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
    margin-top:30px;
}
.maptxt{
    width:30%;
    max-width:150px;
    position:absolute;
    left:0;
    top:0;
    z-index:900;
}
.maptxt a{
    display:block;
    text-align:center;
    color:#f00;
    padding:5px 10px;
    margin:0 0 1px;
    background:rgba(255,255,255,.8);
}

#allmap{
    width:100%;
    height:450px;
}



@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .ceo-bottom-box > p {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 3%;
    }
}

@media all and (max-width: 480px) {
    .ceo-bottom-box > p {
        font-size:14px;
        line-height: 22px;
    }

#allmap{
    width:100%;
    height:300px;
}

}


.laboratory-info-list {
    display: table;
    width: 100%;
    margin-bottom: 7%;
}

.laboratory-info-list > li {
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding: 0 0.5%;
}

.laboratory-info-list > li img {
    width: 100%;
    width: calc(100% - 2px);
    max-width: 100%;
    display: block;
    margin: 0px auto;
    border: 1px solid #ccc;
}

.laboratory-info-list > li p {
    font-size: 18px;
    line-height: 33px;
    color: #333;
    letter-spacing: -0.75px;
    font-weight: 300;
    text-align: center;
    padding: 10px 0;
}

.laboratory-info-box {
    width: 100%;
}

.laboratory-info-tbl {
    float: left;
    width: 73.5%;
}

.laboratory-info-tbl th {
    width: 14%;
    font-size: 18px;
    line-height: 33px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.25px;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #333;
    word-break: keep-all;
}

.laboratory-info-tbl td {
    width: 86%;
    padding: 15px 0;
    padding-left: 3%;
    border-bottom: 1px solid #cfcfcf;
}

.laboratory-info-tbl td > p {
    font-size: 18px;
    line-height: 33px;
    color: #666;
    font-size: 300;
    letter-spacing: -0.75px;
}

.laboratory-info-con {
    float: right;
    width: 20%;
    text-align: center;
}

.laboratory-info-img {
    display: inline-block;
    position: relative;
    max-width: 242px;
}

.laboratory-info-con img {
    width: 100%;
    width: calc(100% - 2px);
    max-width: 100%;
    border: 1px solid #cfcfcf;
    cursor: pointer;
}

.laboratory-info-con button {
    position: absolute;
    bottom: 3%;
    right: 3%;
    width: 34px;
    height: 34px;
    background: url(/images/content/laboratory_info_btn.jpg) no-repeat;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .laboratory-info-list {
        display:block;
        margin-bottom: 5%;
    }

    .laboratory-info-list > li {
        display: block;
        float: left;
        width: 48%;
        padding: 0 1%;
    }

    .laboratory-info-list > li p {
        font-size: 16px;
        line-height: 26px;
    }

    .laboratory-info-tbl, .laboratory-info-con {
        float: none;
        width: 100%;
    }

    .laboratory-info-tbl {
        margin-bottom: 5%;
    }

    .laboratory-info-tbl th {
        width: 18%;
        font-size: 15px;
        line-height: 24px;
        padding: 10px 0;
    }

    .laboratory-info-tbl td {
        padding: 10px 0;
        padding-left: 3%;
    }

    .laboratory-info-tbl td > p {
        font-size: 14px;
        line-height: 24px;
    }

    .laboratory-info-con img {
        margin: 0px auto;
        display: block;
    }
}

@media all and (max-width: 480px) {
}

/* ****************** 회사개요 :: 연혁 ********************** */
#productContent {
    position: relative;
    padding-top: 60px;
}

.product-tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9;
}

.product-tab.fixed {
    position: fixed;
    top: 70px;
    width: 94%;
}

.product-tab ul {
    display: table;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #999;
}

.product-tab ul li {
    display: table-cell;
    vertical-align: middle;
    width: 33.3%;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}

.product-tab ul li a {
    display: block;
    height: 46px;
    line-height: 46px;
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-left: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.product-tab ul li:first-child a {
    border-left: 1px solid #ccc;
}

.product-tab ul li a:hover, .product-tab ul li.on a {
    background-color: #0263ac;
    color: #fff;
    border: 1px solid #004f8b;
}

#history2Con {
    margin-top: 72px;
}

#history3Con {
    margin-top: 73px;
}

#history4Con {
    margin-top: 72px;
}

#history5Con {
    margin-top: 72px;
}

#history6Con {
    margin-top: 72px;
}

#history7Con {
    margin-top: 122px;
}

#history8Con {
    margin-top: 72px;
}

#history9Con {
    margin-top: 72px;
}

#history10Con {
    margin-top: 72px;
}

#history11Con {
    margin-top: 69px;
}

#history12Con {
    margin-top: 75px;
}

#history13Con {
    margin-top: 0px;
}

.history-content {
    width: 100%;
    padding-top: 65px;
    display: table;
    /*padding-bottom:280px;*/
    padding-bottom: 320px;
}

.history-content > ul {
    display: table-cell;
    vertical-align: top;
}

.history-content ul:first-child {
    width: 21%;
}

.history-content ul li.ma50 {
    margin-top: 50px;
}

.history-content ul:first-child li {
    font-size: 35px;
    line-height: 28px;
    letter-spacing: -0.35px;
    color: #555555;
    background: url("/images/content/history_title.png") no-repeat right center;
    height: 28px;
    padding-right: 150px;
    font-family: "Noto Sans KR", "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

.history-content ul:first-child li:first-child {
    height: 15px;
    line-height: 15px;
    color: #0263ac;
}

.history-content .history-list {
    background: url("/images/content/history_bg.png") repeat-y;
}

.history-content .history-list li {
    background: url("/images/content/history_list.png") no-repeat left center;
    height: 50px;
    padding-left: 15px;
}

.history-content .history-list li:first-child {
    background: url("/images/content/history_list.png") no-repeat left top;
    height: 30px;
}

.history-content .history-list li:first-child p {
    line-height: 15px;
}

.history-content .history-list li:first-child span {
    line-height: 15px;
}

.history-content .history-list li:last-child {
    background: url("/images/content/history_list.png") no-repeat left bottom;
    height: 30px;
}

.history-content .history-list li:last-child p {
    line-height: 45px;
}

.history-content .history-list li:last-child span {
    line-height: 45px;
}

.history-content .history-list li span, .history-content .history-list li p {
    float: left;
}

.history-content .history-list li span {
    padding-left: 5%;
    width: 8%;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: -0.35px;
    color: #454545;
    font-weight: 500;
}

.history-content .history-list li p {
    font-size: 18px;
    line-height: 50px;
    letter-spacing: -0.35px;
    color: #676767;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    #productContent {
        padding-top:40px;
    }

    .product-tab ul li a {
        height: 36px;
        line-height: 36px;
    }

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

    .history-content ul:first-child li {
        font-size: 27px;
        padding-right: 100px;
        background-position: 80px center
    }

    .history-content .history-list li span {
        width: 15%;
        font-size: 16px;
    }

    .history-content .history-list li p {
        width: 80%;
        word-break: keep-all;
        font-size: 16px;
    }
}

@media all and (max-width: 480px) {
    .history-content {
        padding-top:45px;
        padding-bottom: 50px;
    }

    .history-content ul:first-child li {
        font-size: 20px;
        padding-right: 50px;
        background-position: 50px center
    }

    .history-content .history-list li span {
        width: 20%;
        font-size: 14px;
    }

    .history-content .history-list li p {
        width: 75%;
        font-size: 13px;
    }
}

/* ****************** 회사개요 :: 인증현황 ********************** */
.certification-list-wrap {
    width: 100%;
}

.certification-list-container {
    width: 100%;
}

.certification-list-container > li {
    float: left;
    width: 48%;
    padding-right: 2%;
    margin-bottom: 4%;
}

.certification-list-con {
    width: 100%;
    display: table;
}

.certification-list-con > dt, .certification-list-con > dd {
    display: table-cell;
    /*vertical-align:middle;*/
    vertical-align: top;
}

.certification-list-con > dt {
    width: 39%;
}

.certification-list-img-thum {
    width: 100%;
    position: relative;
    padding-top: 133.6%;
    background-color: #fff;
}

.certification-list-img-thum > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.certification-list-img-thum > span img {
    max-width: 99%;
    display: block;
    margin: 0px auto;
    border: 1px solid #9b9b9b;
    width: 100%;
    height: 100%;
    max-height: 318px;
}

.certification-list-con > dd {
    width: 61%;
    padding: 3% 0 0 5%;
}

.certification-tit {
    font-size: 25px;
    line-height: 33px;
    color: #111;
    font-weight: 400;
    letter-spacing: -1px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 5%;
}

.certification-tit > span {
    display: inline-block;
    position: relative;
    padding-bottom: 6%;
    word-break: keep-all;
}

.certification-tit > span:after {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #333;
}

.certification-txt {
    display: table;
    width: 100%;
}

.certification-txt > dt, .certification-txt > dd {
    display: table-cell;
    vertical-align: top;
}

.certification-txt > dt {
    width: 25%;
    font-size: 16px;
    line-height: 33px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
}

.certification-txt > dd {
    width: 75%;
    padding-left: 3%;
}

.certification-txt > dd p {
    font-size: 16px;
    line-height: 36px;
    color: #5e5e5e;
    letter-spacing: -0.5px;
    position: relative;
}

.certification-txt > dd p:first-child:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 1px;
    height: 8px;
    background-color: #cfcfcf;
    position: absolute;
    left: -5%;
    top: 50%;
    margin-top: -4px;
}

.certification-more-btn {
    display: block;
    width: 185px;
    height: 43px;
    background-color: #f4f4f4;
    border: 1px solid #cfcfcf;
    margin-top: 5%;
}

.certification-more-btn > em, .certification-more-btn > span {
    float: left;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #111;
}

.certification-more-btn > em {
    width: 43px;
    border-right: 1px solid #cfcfcf;
}

.certification-more-btn > em i {
    vertical-align: middle;
    line-height: 43px;
}

.certification-more-btn > span {
    width: 141px;
    font-size: 15px;
}

@media all and (max-width: 1220px) {
    .certification-list-container > li {
        min-height:271px;
    }

    .certification-tit {
        font-size: 20px;
        line-height: 30px;
    }

    .certification-list-container > li {
        width: 50%;
        padding: 0;
    }

    .certification-txt > dt, .certification-txt > dd p {
        font-size: 15px;
        line-height: 30px;
    }
}

@media all and (max-width: 800px) {
    .certification-list-container > li {
        float:none;
        width: 100%;
        min-height: auto;
    }

    .certification-list-img-thum {
        max-width: 255px;
        padding-top: 0;
        margin: 0px auto;
    }

    .certification-list-img-thum > span {
        position: static;
    }

    .certification-list-con > dd {
        padding: 0 3%;
        padding-top: 5%;
    }

    .certification-tit {
        font-size: 18px;
        line-height: 22px;
    }

    .certification-txt > dt, .certification-txt > dd p {
        font-size: 15px;
        line-height: 32px;
    }
}

@media all and (max-width: 480px) {
    .certification-list-con > dt {
        width:42%;
    }

    .certification-list-con > dd {
        width: 58%;
    }

    .certification-tit {
        font-size: 16px;
        line-height: 20px;
    }

    .certification-txt > dt {
        width: 30%;
    }

    .certification-txt > dd {
        width: 70%;
    }

    .certification-txt > dt, .certification-txt > dd p {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.75px;
    }

    .certification-more-btn {
        width: 125px;
        height: 35px;
    }

    .certification-more-btn > em, .certification-more-btn > span {
        height: 35px;
        line-height: 35px;
    }

    .certification-more-btn > em {
        width: 35px;
    }

    .certification-more-btn > em i {
        line-height: 35px;
    }

    .certification-more-btn > span {
        width: 89px;
        font-size: 14px;
    }
}

/* ****************** 회사개요 :: 비전/CI ********************** */
.vision-tab-container {
    width: 100%;
}

/* 비전 */
.vision-tit {
    font-size: 32px;
    line-height: 48px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.75px;
    text-align: center;
    margin-bottom: -30px;
}

.vision-tit b {
    font-weight: 500;
}

.vision-img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
    margin-bottom: 5%;
}

.vision-info-list {
    width: 100%;
}

.vision-info-list > li {
    float: left;
    width: 42%;
    min-height: 124px;
    padding: 15px 3%;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    margin-bottom: 3%;
}

.vision-info-list > li.even {
    float: right;
}

.vision-info-tit {
    font-size: 22px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
    margin: 15px 0 10px;
}

.vision-info-txt {
    font-size: 16px;
    line-height: 33px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

/* ci */
a.ci-down-btn {
    float: right;
    width: 185px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #909090;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.5px;
}

.ci-box {
    background: url(/images/content/ci_box_bg.jpg) repeat;
    border: 1px solid #cfcfcf;
    margin-bottom: 5%;
    padding: 5%;
}

.ci-long-con {
    display: table;
    width: 100%;
}

.ci-long-con dt, .ci-long-con dd {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.ci-long-con dt img {
    max-width: 100%;
}

.ci-long-con dd {
    padding-left: 3%;
}

.ci-long-con dd > strong {
    display: block;
    font-size: 28px;
    line-height: 33px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.45px;
    margin-bottom: 10px;
}

.ci-long-con dd > p, .ci-short-con dd > p {
    font-size: 28px;
    line-height: 33px;
    color: #000;
    letter-spacing: -0.45px;
    padding: 10px 0;
}

.ci-long-con dd > p span, .ci-short-con dd > p span {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    margin-right: 5px;
}

.ci-short-con dd > p span.style2 {
    width: 43px;
    height: 43px;
    border: 1px solid #cfcfcf;
}

.ci-long-con dd > p em, .ci-short-con dd > p em {
    margin: 0 5px;
}

.ci-short-con {
    float: left;
    width: 50%;
}

.ci-short-con dt {
    margin-bottom: 3%;
}

.ci-short-con dt img {
    max-width: 100%;
}

@media all and (max-width: 1220px) {
    /* 비전 */ .vision-info-list > li {
        width:43%;
    }

    .vision-info-txt {
        line-height: 26px;
        min-height: 78px;
    }

    /* ci */
    .ci-box {
        padding: 5% 3%;
    }

    .ci-long-con dd > strong, .ci-long-con dd > p, .ci-short-con dd > p {
        font-size: 24px;
        line-height: 30px;
    }

    .ci-long-con dd > p span, .ci-short-con dd > p span {
        width: 40px;
        height: 40px;
    }

    .ci-short-con dd > p span.style2 {
        width: 38px;
        height: 38px;
    }
}

@media all and (max-width: 800px) {
    /* 비전 */ .vision-tit {
        font-size:26px;
        line-height: 36px;
        margin-bottom: 0;
        word-break: keep-all;
        letter-spacing: -1px;
    }

    .vision-info-list > li, .vision-info-list > li.even {
        float: none;
        width: auto;
        min-height: auto;
    }

    .vision-info-tit {
        font-size: 20px;
        margin: 10px 0;
    }

    .vision-info-txt {
        font-size: 14px;
        line-height: 24px;
        min-height: auto;
        margin-bottom: 10px;
    }

    /* ci */
    a.ci-down-btn {
        width: 155px;
        height: 40px;
        line-height: 40px;
    }

    .ci-box {
        padding: 3%;
    }

    .ci-long-con, .ci-long-con dt, .ci-long-con dd {
        display: block;
        width: auto;
        padding-left: 0;
    }

    .ci-long-con dt {
        margin-bottom: 15px;
    }

    .ci-long-con dt img {
        display: block;
        margin: 0px auto;
    }

    .ci-short-con {
        float: none;
        width: 100%;
    }

    .ci-short-con dt img {
        display: block;
        margin: 0px auto;
    }

    .ci-short-con dd {
        margin-bottom: 20px;
    }

    .ci-long-con dd > strong, .ci-long-con dd > p, .ci-short-con dd > p {
        font-size: 20px;
    }

    .ci-short-con dd > p {
        text-align: center;
        padding: 0;
    }

    .ci-long-con dd > p span, .ci-short-con dd > p span {
        width: 35px;
        height: 35px;
    }

    .ci-short-con dd > p span.style2 {
        width: 33px;
        height: 33px;
    }
}

@media all and (max-width: 480px) {
    /* 비전 */ .vision-tit {
        font-size:20px;
        line-height: 26px;
    }

    .vision-info-tit {
        font-size: 18px;
    }

    /* ci */
    a.ci-down-btn {
        width: 115px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    .ci-long-con dd > p, .ci-short-con dd > p {
        font-size: 18px;
        line-height: 26px;
    }
}

/* ****************** 회사개요 :: 오시는길 ********************** */
.location-wrap {
    width: 100%;
}

.location-map-box {
    width: 100%;
    margin-bottom: 1%;
}

.loc-img-thum {
    width: 49%;
    float: left;
    position: relative;
    padding-top: 24.2%;
}

.loc-img-thum > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loc-img-thum > span img {
    /*max-width:100%;*/
}

.loc-map-thum {
    width: 49%;
    float: right;
    position: relative;
    padding-top: 24%;
    border: 1px solid #cfcfcf;
    overflow: hidden;
}

.loc-map-thum.style02 {
    float: none;
    width: 100%;
}

.loc-map-thum iframe, .loc-map-thum object, .loc-map-thum embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.map-tbl-con {
    margin-bottom: 7%;
}

.map-tbl {
    width: 100%;
}

.map-tbl th, .map-tbl td {
    padding: 20px 2%;
    letter-spacing: -0.3px;
    font-size: 18px;
    font-weight: 400;
}

.map-tbl th {
    padding-left: 0;
    width: 110px;
    border-bottom: 1px solid #000;
    color: #1e1e1e;
    text-align: left;
}

.map-tbl td {
    border-bottom: 1px solid #d8d8d8;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.75px;
    line-height: 20px;
}

.map-tbl td a {
    color: inherit;
}

@media all and (max-width: 1220px) {
    .map-tbl th,.map-tbl td {
        padding-top:15px;
        padding-bottom: 15px;
        font-size: 15px;
    }

    .loc-img-thum > span img {
        max-width: 100%;
    }
}

@media all and (max-width: 800px) {
    .loc-img-thum, .loc-map-thum {
        float:none;
        width: 100%;
    }

    .loc-img-thum {
        padding-top: 0;
        margin-bottom: 10px;
    }

    .loc-img-thum > span {
        position: static;
    }

    .loc-img-thum > span img {
        display: block;
        margin: 0px auto;
    }

    .loc-map-thum {
        padding-top: 40%;
        max-width: 590px;
        margin: 0px auto;
    }
}

@media all and (max-width: 480px) {
    .loc-map-thum {
        padding-top:50%;
    }

    .map-tbl th {
        width: 80px;
    }
}

/* ****************** 제품소개 :: 공통 ********************** */
.prd-tab-container {
    position: relative;
    overflow: hidden;
}

.prd-img-list {
    width: 100%;
    display: table;
    margin-bottom: 5%;
}

.prd-img-list li {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding-right: 0.3%;
}

.prd-img-list li img {
    max-width: 100%;
    width: 100%;
}

.prd-info-box {
    width: 100%;
    margin-bottom: 4%;
}

.prd-use-list {
    width: 100%;
}

.prd-use-list li {
    float: left;
    width: 23.6%;
    margin-left: 1.8%;
    margin-bottom: 2%;
}

.prd-use-list li.mal0 {
    margin-left: 0;
}

.prd-use-list li p {
    display: block;
    text-align: center;
    padding: 5% 0;
    font-size: 18px;
    letter-spacing: -1px;
}

.prd-use-img-thum {
    width: 100%;
    /*padding-top:94.7%;*/
    padding-top: 96.1%;
    position: relative;
}

.prd-use-img-thum > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.prd-use-img-thum > span img {
    max-width: 100%;
    border: 1px solid #cfcfcf;
}

.prd-info-long-banner-box {
    width: 100%;
}

.prd-info-long-banner-box > li {
    border: 1px solid #cfcfcf;
    background-color: #f4f4f4;
    border-top: 0;
    min-height: 305px;
}

.prd-info-long-banner-box > li:first-child {
    border-top: 1px solid #cfcfcf;
}

.prd-inquiry-btn-box {
    margin-bottom: 3%;
    text-align: right;
}

.prd-inquiry-wrap {
    width: 100%;
    text-align: right;
    margin-bottom: 3%;
}

a.prd-inquiry-btn {
    display: inline-block;
    width: 138px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    background-color: #f4f4f4;
    border: 1px solid #666;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.75px;
}

a.prd-inquiry-btn i {
    vertical-align: middle;
    color: #333;
}

a.prd-inquiry-btn.style02 {
    float: right;
}

a.prd-inquiry-btn.style03 {
    position: absolute;
    top: 0;
    right: 0;
}

.prd-wheel-img-box {
    width: 100%;
    display: table;
}

.prd-wheel-img-box > li {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    border: 1px solid #cfcfcf;
    background-color: #e8e8ea;
    border-left: 0;
    /*padding:2.5% 0;*/
}

.prd-wheel-img-box.style02 > li {
    background-color: #f4f4f4;
    padding: 2.5% 0;
}

.prd-wheel-img-box > li:first-child {
    border-left: 1px solid #cfcfcf;
}

.prd-wheel-img-box > li img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.prd-wheel-img-box > li > p {
    display: none;
    font-size: 18px;
    line-height: 25px;
    color: #333;
    letter-spacing: -0.25px;
    text-align: center;
    padding-top: 20px;
}

.prd-wheel-img-box > li > p em {
    color: #0263ad;
}

.prd-wheel-txt-box {
    width: 100%;
    display: table;
    margin-bottom: 2%;
}

.prd-wheel-txt-box > span {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #333;
    letter-spacing: -0.25px;
    padding: 20px 0;
}

.prd-wheel-txt-box > span em {
    color: #0263ad;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .prd-img-list li {
        padding:0 0.5%;
    }

    .prd-use-list li {
        width: 32%;
    }

    .prd-use-list li.mal0 {
        margin-left: 2%;
    }

    .prd-use-list li:nth-child(3n+1) {
        margin-left: 0;
    }

    .prd-wheel-img-box, .prd-wheel-img-box > li {
        display: block;
        width: auto;
        padding: 2.5% 0;
    }

    .prd-wheel-img-box {
        margin-bottom: 5%;
    }

    .prd-wheel-img-box > li {
        border-left: 1px solid #cfcfcf;
    }

    .prd-wheel-img-box > li:first-child {
        border-bottom: 0;
    }

    .prd-wheel-img-box > li > p {
        display: block;
    }

    .prd-wheel-txt-box {
        display: none;
    }

    a.prd-inquiry-btn {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        width: 118px;
    }

    a.prd-inquiry-btn i {
        font-size: 21px;
    }

    a.prd-inquiry-btn.style03 {
        position: static;
        float: right;
        margin-bottom: 3%;
    }

    .prd-tab-content-wrapper.style03 {
        width: 100%;
        float: left;
    }
}

@media all and (max-width: 480px) {
    .prd-img-list {
        display:block;
    }

    .prd-img-list li {
        display: block;
        float: left;
        width: 49%;
        margin-bottom: 1.5%;
    }

    .prd-img-list li img {
        display: block;
        margin: 0px auto;
    }

    .prd-use-list li {
        width: 49%;
    }

    .prd-use-list li:nth-child(3n+1) {
        margin-left: 2%;
    }

    .prd-use-list li:nth-child(2n+1) {
        margin-left: 0;
    }

    .prd-wheel-img-box > li > p {
        font-size: 16px;
        line-height: 20px;
    }

    a.prd-inquiry-btn {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        width: 88px;
    }
}

/* ****************** 제품소개 :: 열연 ********************** */
@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
}

@media all and (max-width: 480px) {
}

/* ****************** 제품소개 :: 신소재  ********************** */
.prd-new-material-banner-box {
    /* display: table; */
    width: 100%;
}

.prd-new-material-banner-box > li {
    /* display: table-cell; */
    vertical-align: top;
    width: 49%;
    padding-right: 1%;
    text-align: center;
    float: left;
}

.prd-new-material-banner-box > li:nth-child(2n) {
    padding-left: 1%;
    padding-right:0;
}

.prd-new-material-banner-box > li img {
    max-width: 100%;
    border: 1px solid #cfcfcf;
    width: 100%;
    width: calc(100% - 2px);
}

.prd-new-material-banner-box > li p {
    font-size: 18px;
    line-height: 33px;
    color: #333;
    letter-spacing: -0.25px;
    font-weight: 300;
    padding: 20px 0;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
}

@media all and (max-width: 480px) {
    .prd-new-material-banner-box, .prd-new-material-banner-box > li {
        display:block;
        width: auto;
        padding: 0;
    }

    .prd-new-material-banner-box > li img {
        display: block;
        margin: 0px auto;
    }

    .prd-new-material-banner-box > li p {
        font-size: 16px;
        line-height: 26px;
        padding: 15px 0 25px ;
    }
}

/* ****************** 채용정보 :: 인재상 ********************** */
.talent-info {
    width: 100%;
    display: table;
    margin-bottom: 11%;
}

.talent-info dt, .talent-info dd {
    display: table-cell;
    vertical-align: middle;
}

.talent-info dt {
    width: 32%;
    padding: 0 2%;
}

.talent-info dt img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.talent-info dd {
    width: 68%;
    padding-left: 3%;
}

.talent-info dd > h3 {
    font-size: 38px;
    line-height: 45px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.75px;
    margin-bottom: 3%;
    word-break: keep-all;
}

.talent-info dd > h3 b {
    font-size: 400;
}

.talent-info dd > p {
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.75px;
    word-break: keep-all;
}

.talent-list-box {
    width: 100%;
}

.talent-list-box .talent-pc-img {
    max-width: 100%;
    margin-bottom: 3%;
}

.talent-list-con {
    width: 100%;
}

.talent-list-con > li {
    float: left;
    width: 20.5%;
    text-align: center;
}

.talent-list-con > li.center {
    margin-left: 6%;
}

.talent-list-con > li .talent-m-img {
    max-width: 100%;
    margin: 0px auto;
    display: none;
}

.talent-list-con > li h4 {
    font-family: "Nanum Square",'NanumSquare',sans-serif;
    font-size: 27.5px;
    line-height: 33px;
    color: #1268a3;
    font-weight: 600;
    letter-spacing: -0.75px;
    margin-bottom: 5%;
}

.talent-list-con > li p {
    font-size: 18px;
    line-height: 22px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.75px;
    word-break: keep-all;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .talent-info {
        display:block;
    }

    .talent-info dt, .talent-info dd {
        display: block;
        width: 100%;
        padding: 0;
    }

    .talent-info dt {
        margin-bottom: 30px;
    }

    .talent-info dd > h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .talent-info dd > p {
        font-size: 18px;
        line-height: 22px;
    }

    .talent-list-box .talent-pc-img {
        display: none;
    }

    .talent-list-con > li {
        width: 46%;
        padding: 0 2%;
        margin-bottom: 20px;
    }

    .talent-list-con > li.center {
        margin-left: 0;
    }

    .talent-list-con > li .talent-m-img {
        display: block;
        margin-bottom: 20px;
    }

    .talent-list-con > li h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .talent-list-con > li p {
        font-size: 16px;
        line-height: 20px;
    }
}

@media all and (max-width: 480px) {
    .talent-info dd > h3 {
        font-size:22px;
        line-height: 32px;
    }

    .talent-info dd > p {
        font-size: 16px;
        line-height: 20px;
    }

    .talent-list-con > li h4 {
        font-size: 20px;
    }

    .talent-list-con > li p {
        font-size: 15px;
    }
}

/* ****************** 채용정보 :: 복리후생 ********************** */
.benefit-tit {
    font-size: 35px;
    line-height: 45px;
    color: #333;
    letter-spacing: -1px;
    text-align: center;
    font-weight: 300;
    background: url(/images/content/benefit_bg.png) no-repeat center top;
    padding: 45px 0 65px 0;
    position: relative;
    margin-bottom: 4%;
}

.benefit-tit b {
    display: block;
    color: #2a91d9;
    font-weight: 600;
}

.benefit-tit:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    content: "";
    width: 3px;
    height: 40px;
    background-color: #2a91d9
}

.benefit-sub-tit {
    font-size: 49px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
    text-align: center;
    margin-bottom: 8%;
}

.benefit-sub-tit > b {
    font-weight: 600;
    color: #2a91d9;
}

.benefit-sub-tit > p {
    font-size: 24px;
    line-height: 64px;
    color: #333;
    letter-spacing: -0.5px;
}

.benefit-list-box {
    width: 100%;
}

.benefit-list-box > li {
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
}

.benefit-list-box > li:first-child {
    border-top: 1px solid #d1d1d1;
}

.benefit-list-box > li:nth-child(odd) {
    background-color: #f4f4f4;
}

.benefit-list-con {
    display: table;
}

.benefit-list-con dt, .benefit-list-con dd {
    display: table-cell;
    vertical-align: bottom;
}

.benefit-list-con dt {
    width: 22.5%;
    padding-left: 10%;
}

.benefit-list-con dt img {
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

.benefit-list-con dt > strong {
    display: block;
    font-size: 35px;
    line-height: 80px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.75px;
}

.benefit-list-con dd {
    width: 77.5%;
    padding: 30px 0;
    padding-left: 10%;
}

.benefit-list-con dd > p {
    font-size: 16px;
    line-height: 40px;
    color: #111;
    letter-spacing: -0.75px;
    font-weight: 300;
    word-break: keep-all;
    padding-left: 15px;
    position: relative;
}

.benefit-list-con dd > p:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 17px;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #0263ac;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

@media all and (max-width: 1220px) {
    .benefit-list-con dt {
        padding-left:5%;
    }

    .benefit-list-con dt img {
        margin: 0px;
    }

    .benefit-list-con dd {
        padding-left: 5%;
    }
}

@media all and (max-width: 800px) {
    .benefit-tit {
        font-size:25px;
        line-height: 35px;
        padding: 35px 0 55px;
        background-size: auto 90%;
        margin-bottom: 3%;
    }

    .benefit-sub-tit {
        font-size: 35px;
        margin-bottom: 5%;
    }

    .benefit-sub-tit > p {
        font-size: 20px;
        line-height: 50px;
    }

    .benefit-list-con dt, .benefit-list-con dd {
        vertical-align: middle;
    }

    .benefit-list-con dt {
        padding-left: 0;
        text-align: center;
    }

    .benefit-list-con dt img {
        margin: 0px auto;
    }

    .benefit-list-con dt > strong {
        font-size: 25px;
        line-height: 60px;
    }

    .benefit-list-con dd > p {
        font-size: 14px;
        line-height: 30px;
    }

    .benefit-list-con dd > p:before {
        top: 12px;
    }
}

@media all and (max-width: 480px) {
    .benefit-tit {
        font-size:20px;
        line-height: 30px;
        padding: 25px 0 45px;
        background-size: 100% auto;
    }

    .benefit-tit:after {
        height: 30px;
    }

    .benefit-sub-tit {
        font-size: 28px;
    }

    .benefit-sub-tit > p {
        font-size: 18px;
        line-height: 38px;
    }

    .benefit-list-con, .benefit-list-con dt, .benefit-list-con dd {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .benefit-list-con dt {
        padding-top: 3%;
    }

    .benefit-list-con dt > strong {
        line-height: 40px;
        font-size: 20px;
    }

    .benefit-list-con dd {
        width: 94%;
        padding: 3%;
    }

    .benefit-list-con dd > p {
        line-height: 24px;
    }

    .benefit-list-con dd > p:before {
        top: 10px;
    }
}

/* ****************** 채용정보 :: 인사제도 ********************** */
.promotion-system-list {
    width: 100%;
    text-align: center;
    margin-bottom: 8%;
}

.promotion-system-list > li {
    float: left;
    width: 19%;
    height: 105px;
    margin-left: 1%;
    position: relative;
}

.promotion-system-list > li:first-child {
    margin-left: 0;
}

.promotion-system-list > li p {
    font-size: 24px;
    line-height: 105px;
    color: #333;
    letter-spacing: -0.75px;
    text-align: center;
    border: 1px solid #c3c3c3;
    background-color: #f4f4f4;
}

.promotion-system-list > li span {
    display: block;
    position: absolute;
    top: 50%;
    left: -16%;
    margin-top: -30px;
    width: 54px;
    height: 54px;
    padding: 3px;
    border: 1px solid #d0d0d0;
    border: 1px solid rgba(208,208,208,0.5);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.promotion-system-list > li span em {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0263ac;
    color: #fff;
    font-size: 16px;
    line-height: 54px;
    letter-spacing: -0.75px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    text-align: center;
}

.education-system-box {
    width: 100%;
    display: table;
}

.education-system-box dt, .education-system-box dd {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.education-system-box dt {
    padding-right: 3%;
}

.education-system-box dt img {
    max-width: 100%;
    /*width:100%;*/
}

.education-system-list {
    width: 100%;
}

.education-system-list > li {
    width: 100%;
    display: table;
    border-bottom: 1px solid #cfcfcf;
    padding: 30px 0;
}

.education-system-list > li.even {
    background-color: #f4f4f4;
}

.education-system-list > li .education-system-img-thum, .education-system-list > li .education-system-txt-thum {
    display: table-cell;
    vertical-align: middle;
}

.education-system-list > li .education-system-img-thum {
    width: 21%;
    text-align: center;
}

.education-system-list > li .education-system-img-thum img {
    max-width: 100%;
}

.education-system-list > li .education-system-txt-thum {
    width: 79%;
}

.education-system-list > li .education-system-txt-thum > h4 {
    font-size: 28px;
    line-height: 33px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.education-system-list > li .education-system-txt-thum > p {
    font-size: 18px;
    line-height: 33px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding-left: 12px;
    position: relative;
}

.education-system-list > li .education-system-txt-thum > p:before {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #0263ac;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.education-system-list > li .education-system-txt-thum > p span {
    margin-left: 5%;
}

.education-system-list > li .education-system-txt-thum > p span:first-child {
    margin-left: 0;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .promotion-system-list > li {
        float:none;
        width: auto;
        height: auto;
        margin-left: 0;
    }

    .promotion-system-list > li p {
        display: block;
        max-width: 300px;
        line-height: 33px;
        padding: 15px 0;
        margin: 0px auto;
    }

    .promotion-system-list > li span {
        position: static;
        margin: 10px auto;
    }

    .education-system-box, .education-system-box dt, .education-system-box dd {
        display: block;
        width: 100%;
    }

    .education-system-box dt {
        padding-right: 0;
        margin-bottom: 5%;
    }

    .education-system-box dt img {
        display: block;
        margin: 0px auto;
    }

    .education-system-list > li .education-system-txt-thum > h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .education-system-list > li .education-system-txt-thum > p {
        font-size: 16px;
        line-height: 30px;
    }

    .education-system-list > li .education-system-txt-thum > p:before {
        top: 12px;
    }
}

@media all and (max-width: 480px) {
    .promotion-system-list > li p {
        font-size:20px;
    }

    .education-system-list > li .education-system-img-thum {
        width: 26%;
    }

    .education-system-list > li .education-system-img-thum img {
        max-width: 90%;
        display: block;
        margin: 0px auto;
    }

    .education-system-list > li .education-system-txt-thum {
        width: 74%;
        padding-left: 3%;
    }

    .education-system-list > li .education-system-txt-thum > h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .education-system-list > li .education-system-txt-thum > p {
        font-size: 14px;
    }

    .education-system-list > li .education-system-txt-thum > p span {
        margin-left: 3%;
    }
}

/* ****************** 사업영역 :: 공통 ********************** */
.area-top-info-container {
    width: 100%;
    margin-bottom: 5%;
}

.area-info-img-box, .area-info-txt-box {
    float: left;
}

.area-info-img-box {
    width: 60.3%;
    overflow: hidden;
}

.area-info-img-box li img {
    margin: 0px auto;
}

.area-info-txt-box {
    width: 39.5%;
    height: 391px;
    border: 1px solid #cfcfcf;
    border-left: 0;
    position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

.area-info-txt-inner {
    padding-top: 20%;
    padding-left: 14%;
}

.area-info-txt-inner > p {
    margin-bottom: 20px;
}

.area-info-txt-inner > p b, .area-info-txt-inner > p span {
    display: inline-block;
    vertical-align: middle;
    line-height: 37px;
    font-size: 17px;
    letter-spacing: -0.75px;
}

.area-info-txt-inner > p b {
    width: 90px;
    background-color: #0263ac;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

.area-info-txt-inner > p span {
    color: #111;
    margin-left: 10px;
    font-weight: 600;
}

.area-info-tit-slide {
    width: 100%;
    overflow: hidden;
}

.area-info-txt-inner h3 {
    font-size: 38px;
    line-height: 60px;
    color: #111;
    font-weight: 300;
    letter-spacing: -0.75px;
}

.area-info-txt-inner h3 strong {
    font-weight: 500;
}

.area-info-tit-slide .slick-dots {
    text-align: left;
    width: 100%;
    padding-top: 45px;
}

.area-info-tit-slide .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 4px solid #8e8e8e;
    vertical-align: middle;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0 6px;
}

.area-info-tit-slide .slick-dots li.slick-active {
    border-color: #0263ac;
}

.area-info-txt-inner .area-btn {
    display: inline-block;
    position: absolute;
    bottom: 3%;
    right: 3%;
    width: 110px;
    height: 44px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 15px;
    line-height: 44px;
    color: #000;
    text-align: center;
}

.area-info-txt-inner .area-btn i {
    vertical-align: middle;
}

/* -------- 설비현황 -------- */
.area-equipment-status-box {
    width: 100%;
    margin-bottom: 5%;
}

.area-table-con {
    width: 100%;
    position: relative;
}

.area-equipment-tbl {
    width: 100%;
}

.area-equipment-tbl th {
    font-size: 16px;
    line-height: 33px;
    color: #333;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.75px;
    padding: 10px 0;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-right: 0;
}

.area-equipment-tbl tr:first-child th {
    border-top-color: #0263ac;
}

.area-equipment-tbl tr:first-child th:first-child {
    border-left: 0;
}

.area-equipment-tbl td {
    font-size: 16px;
    line-height: 33px;
    color: #333;
    text-align: center;
    letter-spacing: -0.3px;
    border: 1px solid #ccc;
    border-right: 0;
    padding: 20px 0;
    word-break: keep-all;
}

.area-equipment-tbl td a {
    color: inherit;
}

.area-equipment-tbl tr td:first-child {
    border-left: 0;
}

.area-equipment-tbl.style02 {
    margin-bottom: 70px;
}

.area-equipment-tbl.style02 td {
    padding: 10px 0;
}

/* Table :: swiper 스크롤 */
.m-scroll-table-con tbody th br {
    display: block;
}

.swiper-slide {
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-scrollbar, .swiper-scrollbar-drag {
    display: none;
}

/* -------- 사업영영 :: 비디오 박스 -------- */
.area-video-info-container {
    width: 100%;
}

.area-video-tab-list {
    width: 100%;
    margin-bottom: 3%;
}

.area-video-tab-list > li {
    float: left;
    width: 186px;
    height: 55px;
    border: 1px solid #cfcfcf;
    margin-left: 9px;
}

.area-video-tab-list > li:first-child {
    margin-left: 0;
}

.area-video-tab-list > li a {
    display: block;
    width: 184px;
    height: 53px;
    border: 1px solid #cfcfcf;
    font-size: 18px;
    line-height: 53px;
    color: #333;
    text-align: center;
    letter-spacing: -0.75px;
}

.area-video-tab-list > li.selected {
    border-color: #004f8b;
}

.area-video-tab-list > li.selected a {
    border-color: #0263ac;
    background-color: #0263ac;
    color: #fff;
}

.area-video-tab-list .area-video-comment {
    float: right;
    font-size: 14.5px;
    line-height: 55px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.75px;
}

.area-video-tab-list .area-video-comment i {
    vertical-align: middle;
    color: #0263ac;
}

.area-video-img-box {
    width: 100%;
    position: relative;
}

.area-video-img-box img {
    max-width: 100%;
    border: 1px solid #cfcfcf;
}

.area-video-list-box {
    width: 100%;
    padding-top: 3.5%;
}

.area-video-list-con {
    width: 100%;
}

.area-video-list-con > li {
    float: left;
    width: 19.5%;
    padding: 20px 2%;
    border: 1px solid #cfcfcf;
    margin-left: 1.7%;
    background-color: #f4f4f4;
    margin-bottom: 2%;
}

.area-video-list-con > li.mal0, .area-video-list-con > li:first-child {
    margin-left: 0;
}

.area-video-list-con > li.white {
    background-color: #fff;
}

.area-video-list-con > li.long {
    width: 44.8%;
}

.area-video-list {
    min-height: 169px;
    max-height: 169px;
}

.area-video-tit {
    font-size: 21px;
    line-height: 45px;
    color: #111;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 5px;
}

.area-video-txt {
    font-size: 14.5px;
    line-height: 24px;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.75px;
    word-break: keep-all;
    margin-bottom: 30px;
    min-height: 48px;
    max-height: 48px;
}

a.area-video-btn {
    display: inline-block;
    width: 125px;
    height: 39px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 39px;
    color: #333;
    letter-spacing: -0.75px;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    font-weight: 500;
}

a.area-video-btn i {
    vertical-align: middle;
    font-size: 23px;
    margin-right: 5px;
}

.area-video-info-container .area-video-comment {
    font-size: 14.5px;
    line-height: 55px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.75px;
}

@media all and (max-width: 1220px) {
    .area-info-img-box, .area-info-txt-box {
        float:none;
        display: block;
        width: auto;
        max-width: 724px;
        margin: 0px auto;
        height: auto;
    }

    .area-info-img-box li img {
        max-width: 100%;
    }

    .area-info-txt-box {
        border-left: 1px solid #cfcfcf;
    }

    .area-info-txt-inner {
        padding: 3%;
    }

    .area-info-txt-inner > p {
        float: left;
        width: 100%;
        margin-bottom: 3%;
    }

    .area-info-tit-slide .slick-dots {
        padding-top: 25px;
    }

    .area-info-txt-inner .area-btn {
        float: right;
        position: static;
    }

    /* -------- 사업영영 :: 비디오 박스 -------- */
    .area-video-tab-list > li {
        width: 15.5%;
        margin-left: 0.5%;
    }

    .area-video-tab-list > li a {
        width: 100%;
        width: calc(100% - 2px);
    }

    .area-video-list-con > li {
        width: 28.3%;
        margin-left: 1%;
    }

    .area-video-list-con > li.mal0 {
        margin-left: 1%;
    }

    .area-video-list-con > li:nth-child(3n+1) {
        margin-left: 0;
    }

    .area-video-list-con > li.long {
        width: 62%;
    }

    .area-video-list-con > li.half {
        width: 45%;
    }

    .area-video-list-con > li.half {
        margin-left: 0;
    }

    .area-video-list-con > li.half:nth-child(7), .area-video-list-con > li.half:nth-child(9) {
        margin-left: 1%;
    }
}

@media all and (max-width: 800px) {
    .area-info-txt-inner > p b, .area-info-txt-inner > p span {
        font-size:16px;
        line-height: 32px;
    }

    .area-info-txt-inner > p b {
        width: auto;
        padding: 0 15px;
    }

    .area-info-txt-inner h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .area-info-tit-slide .slick-dots {
        padding-top: 15px;
    }

    .area-info-txt-inner .area-btn {
        height: 40px;
        line-height: 40px;
        width: auto;
        padding: 0 15px;
    }

    /* -------- 설비현황 -------- */
    .area-equipment-tbl td {
        line-height: 22px;
        padding: 10px 0;
    }

    .area-equipment-tbl.style02 {
        margin-bottom: 50px;
    }

    .area-equipment-tbl.style02 td {
        font-size: 14px;
        line-height: 20px;
    }

    /* Table :: swiper 스크롤 */
    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .content-table-box {
        position: relative;
        width: 104%;
        overflow-x: scroll;
        margin: 0 -2% !important;
    }

    .m-scroll-table-con {
        width: 800px;
        margin-bottom: 20px;
        cursor: pointer
    }

    .m-scroll-table-con .content-table-header.fixed {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
    }

    .swiper-container {
        width: 102%;
        margin: 20px -1% !important;
    }

    .swiper-container:after {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        height: 100%;
        content: "";
        z-index: 9;
        opacity: 0.2;
        filter: Alpha(opacity=20);
        background: url(/images/content/table_bg.png) repeat-x 0% 50%
    }

    .swiper-slide {
        width: 768px !important;
    }

    .swiper-scrollbar {
        display: block;
    }

    .swiper-scrollbar-drag {
        display: block;
        background: #0263ac;
    }

    /* -------- 사업영역 :: 비디오 박스 -------- */
    .area-video-tab-list > li {
        width: 32%;
        margin-left: 1%;
    }

    .area-video-tab-list .area-video-comment {
        float: left;
        width: 100%;
        text-align: right;
        line-height: 24px;
        padding-top: 20px;
    }

    .area-video-img-box > map {
        display: none;
    }

    .area-video-list-box {
        padding-top: 0;
    }

    .area-video-list-con > li, .area-video-list-con > li.long, .area-video-list-con > li.half {
        width: 45%;
    }

    .area-video-list-con > li.half {
        margin-left: 1%;
    }

    .area-video-list-con > li.half:nth-child(7), .area-video-list-con > li.half:nth-child(9) {
        margin-left: 0;
    }

    .area-video-list-con > li:nth-child(3n+1) {
        margin-left: 1%;
    }

    .area-video-list-con > li:nth-child(2n+1) {
        margin-left: 0 !important;
    }

    .area-video-list-con > li.half, .area-video-list-con > li.long {
        width: 96%;
        width: calc(96% - 2px);
        margin-left: 0;
    }

    .area-video-tit {
        font-size: 18px;
        line-height: 35px;
    }

    .area-video-txt {
        font-size: 14px;
        line-height: 20px;
    }

    a.area-video-btn {
        width: 115px
    }
}

@media all and (max-width: 480px) {
    .area-info-txt-inner h3 {
        font-size:22px;
    }

    .area-info-tit-slide .slick-dots {
        padding-top: 5px;
    }

    .area-info-txt-inner .area-btn {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
    }

    .area-info-txt-inner .area-btn i {
        font-size: 22px;
    }

    /* -------- 설비현황 -------- */
    .area-equipment-tbl th {
        line-height: 24px;
    }

    .area-equipment-tbl td {
        font-size: 14px;
    }

    .area-equipment-tbl.style02 {
        margin-bottom: 40px;
    }

    .area-equipment-tbl.style02 th {
        font-size: 15px;
        line-height: 22px;
    }

    .area-equipment-tbl.style02 td {
        font-size: 12.5px;
        line-height: 17px;
    }

    /* -------- 사업영역 :: 비디오 박스 -------- */
    .area-video-tab-list > li {
        height: 42px;
    }

    .area-video-tab-list > li a {
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    .area-video-tab-list .area-video-comment {
        font-size: 14px;
    }

    .area-video-list-con > li {
        float: none;
        margin-left: 0;
        width: auto;
        padding-left: 3%;
        padding-right: 3%;
    }

    .area-video-list-con > li:nth-child(3n+1) {
        margin-left: 0;
    }

    .area-video-list {
        min-height: auto;
        max-height: none;
    }

    .area-video-txt {
        min-height: auto;
        max-height: none;
        margin-bottom: 20px;
    }

    a.area-video-btn {
        height: 35px;
        line-height: 35px;
        padding-left: 0;
        text-align: center;
    }
}

/* ****************** 사업영역 :: 서울영업소 ********************** */
.seoul-sales-office-top-container {
    width: 100%;
    margin-bottom: 6%;
}

.seoul-sales-office-img-thum {
    display: table;
    width: 100%;
    margin-bottom: 3%;
}

.seoul-sales-office-img-thum > p {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 0.5%;
}

.seoul-sales-office-img-thum > p img {
    max-width: 100%;
    width: 100%;
}

.seoul-sales-office-txt-thum {
    width: 100%;
}

.seoul-sales-office-tit {
    font-size: 36px;
    color: #111;
    font-weight: 500;
    letter-spacing: -0.75px;
    margin-bottom: 15px;
}

.seoul-sales-office-list-box {
    width: 100%;
    margin-bottom: 6%;
}

.seoul-sales-office-list-con {
    width: 100%;
    display: table;
    padding-top: 3%;
    border-top: 1px solid #aaa;
}

.seoul-sales-office-list-con > dt, .seoul-sales-office-list-con > dd {
    display: table-cell;
    vertical-align: top;
}

.seoul-sales-office-list-con > dt {
    width: 37%;
}

.seoul-sales-office-list-con > dt > p {
    width: 100%;
    display: table;
}

.seoul-sales-office-list-con > dt > p span {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-right: 2%;
}

.seoul-sales-office-list-con > dt > p span img {
    max-width: 100%;
    width: 100%;
}

.seoul-sales-office-list-con > dd {
    width: 63%;
    padding: 0 3% 0 4%;
}

.seoul-sales-office-list-txt {
    font-size: 18px;
    line-height: 33px;
    color: #333;
    font-weight: 300;
    letter-spacing: -1px;
    word-break: keep-all;
}

.seoul-sales-office-list-txt:before {
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    margin-bottom: 15px;
    background-color: #0263ac;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .seoul-sales-office-tit {
        font-size:28px;
    }

    .seoul-sales-office-list-con, .seoul-sales-office-list-con > dt, .seoul-sales-office-list-con > dd {
        display: block;
        width: auto;
    }

    .seoul-sales-office-list-con {
        padding-top: 4%;
    }

    .seoul-sales-office-list-con > dt {
        margin-bottom: 4%;
    }

    .seoul-sales-office-list-con > dt > p span img {
        display: block;
        margin: 0px auto;
    }

    .seoul-sales-office-list-con > dd {
        padding: 0;
    }
}

@media all and (max-width: 480px) {
    .seoul-sales-office-img-thum, .seoul-sales-office-img-thum > p {
        display:block;
        width: 100%;
        padding: 0;
    }

    .seoul-sales-office-img-thum {
        margin-bottom: 5%;
    }

    .seoul-sales-office-img-thum > p {
        margin-bottom: 2%;
    }

    .seoul-sales-office-list-txt {
        font-size: 15px;
        line-height: 22px;
    }

    .seoul-sales-office-list-txt:before {
        margin-bottom: 10px;
    }
}

/* ****************** 사업영역 :: 신사옥 ********************** */
/* 180418 수정 */
.new-building-box {
    position: relative;
    width: 100%;
    background: none;
    padding-top: 0;
}

.new-building-box > div {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
    z-index: 10;
}

.new-building-box .new-building-pc-img {
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.new-building-inner {
    float: right;
    width: 55%;
    /*padding-top:20%;*/
    padding-top: 15%;
}

.new-building-tit {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    letter-spacing: -4px;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    position: relative;
    padding-top: 40px;
    padding-left: 30px;
}

.new-building-tit:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 116px;
    height: 57px;
    background: url(/images/content/new_building_tit_bg.png) no-repeat;
}

.new-building-tit > b {
    color: #007ed9;
    font-weight: 500;
}

.new-building-txt {
    font-size: 22px;
    line-height: 53px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -2.5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 30px;
}

@media all and (max-width: 1220px) {
    .new-building-box > div {
        margin-left:0;
        left: 3%;
    }

    .new-building-inner {
        float: none;
        position: absolute;
        width: auto;
        top: 15%;
        right: 0;
        padding-top: 0;
    }

    .new-building-tit {
        font-size: 28px;
        line-height: 43px;
        letter-spacing: -3px;
    }

    .new-building-txt {
        font-size: 20px;
        line-height: 43px;
    }

    .new-building-img {
        left: 0;
        margin-left: 0;
        max-width: 100%;
    }
}

@media all and (max-width: 800px) {
    .new-building-box .new-building-pc-img {
        left:0;
        margin-left: 0;
        max-width: 100%;
    }

    .new-building-box > div {
        position: static;
        margin: 0px auto;
    }

    .new-building-inner {
        position: static;
        text-align: center;
        padding: 15px 0 30px;
    }

    .new-building-tit, .new-building-txt {
        color: #4c4c4c;
        letter-spacing: -1.5px;
        padding-left: 0;
    }

    .new-building-tit {
        font-size: 22px;
        line-height: 33px;
    }

    .new-building-tit:before {
        display: none;
    }

    .new-building-tit > span {
        position: relative;
        display: inline-block;
    }

    .new-building-tit > span:before {
        display: inline-block;
        position: absolute;
        top: -38px;
        left: -35px;
        content: "";
        width: 116px;
        height: 57px;
        background: url(/images/content/new_building_tit_bg.png) no-repeat;
    }

    .new-building-txt {
        font-size: 16px;
        line-height: 30px;
    }
}

@media all and (max-width: 480px) {
    .new-building-inner {
        padding-bottom:20px;
    }

    .new-building-tit {
        font-size: 17px;
        line-height: 24px;
        padding-top: 30px;
    }

    .new-building-tit > span:before {
        width: 80px;
        height: 39px;
        background-size: cover;
        top: -27px;
        left: -20px;
    }

    .new-building-txt {
        font-size: 13px;
        line-height: 24px;
    }
}

/* ****************** 사업영역 :: 음성공장 ********************** */
.area-device-info-box {
    width: 100%;
    padding-top: 4%;
}

.area-device-list-con {
    width: 100%;
}

.area-device-list-con > li {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
}

.area-device-list-con > li:first-child, .area-device-list-con > li.mal0 {
    margin-left: 0;
}

.area-device-list > dl {
    border: 1px solid #cfcfcf;
}

.area-device-list > dl dt, .area-device-list > dl dd {
    width: 100%;
}

.area-device-list > dl dt img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.area-device-list > dl dd {
    border-top: 1px solid #cfcfcf;
    background-color: #f4f4f4;
}

.area-device-list.even > dl dd {
    background-color: #fff;
}

.area-device-list > dl dd p {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    letter-spacing: -0.75px;
    text-align: center;
    padding: 17px 0;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .area-device-list-con > li {
        width:49%;
    }

    .area-device-list-con > li.mal0 {
        margin-left: 2%;
    }

    .area-device-list-con > li:nth-child(odd) {
        margin-left: 0;
    }

    .area-device-list > dl dd p {
        font-size: 16px;
        padding: 13px 0;
    }
}

@media all and (max-width: 480px) {
    .area-device-list-con > li {
        width:100%;
        margin-left: 0;
        max-width: 384px;
        float: none;
        margin: 0px auto;
        margin-bottom: 2%;
    }

    .area-device-list-con > li:nth-child(odd), .area-device-list-con > li.mal0 {
        margin-left: 0;
        margin: 0px auto;
        margin-bottom: 2%;
    }

    .area-device-list > dl dd p {
        font-size: 15px;
        word-break: keep-all;
        letter-spacing: -0.5px;
    }
}

/* ****************** 사업영역 :: 서울사무소 ********************** */
.seoul-office-top-wrap {
    width: 100%;
    position: relative;
    /*padding-top:548px;*/
    padding-top: 32.96%;
    background: url(/images/content/seoul_office_img01.jpg) no-repeat center top;
    background-size: cover;
}

.seoul-office-top-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seoul-office-top-box {
    display: table;
    width: 100%;
    height: 100%;
}

.seoul-office-top-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding-top: 3%;
}

.seoul-office-top-inner > h3 {
    font-size: 36px;
    color: #111;
    letter-spacing: -0.75px;
    font-weight: 300;
    margin-bottom: 2%;
    position: relative;
}

.seoul-office-top-inner > h3:before {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -220px;
    display: block;
    content: "";
    width: 136px;
    height: 79px;
    background: url(/images/content/seoul_office_tit_bg.png) no-repeat;
}

.seoul-office-top-inner > h3 b {
    font-weight: 600;
}

.seoul-office-top-inner > p {
    font-size: 18px;
    line-height: 33px;
    color: #4c4c4c;
    letter-spacing: -0.65px;
    word-break: keep-all;
}

.seoul-office-top-inner > p:after {
    display: block;
    content: "";
    width: 3px;
    height: 48px;
    background-color: #3582bd;
    margin: 0px auto;
    margin-top: 3%;
}

.seoul-office-top-inner > p span {
    display: block;
}

.seoul-office-bottom-wrap {
    width: 100%;
}

.seoul-office-bottom-container {
    float: left;
    width: 50%;
    position: relative;
    padding-top: 23.7%;
}

.seoul-office-bottom-container.left {
    background: url(/images/content/seoul_office_img02.jpg) no-repeat center top;
    background-size: cover;
}

.seoul-office-bottom-container.right {
    background: url(/images/content/seoul_office_img03.jpg) no-repeat center top;
    background-size: cover;
}

.seoul-office-bottom-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seoul-office-bottom-inner {
    display: table;
    width: 50%;
    min-width: 600px;
    height: 100%;
}

.seoul-office-bottom-inner.left {
    float: left;
}

.seoul-office-bottom-inner.right {
    float: right;
}

.seoul-office-bottom-inner > div {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    padding: 5%;
    padding-top: 0;
}

.seoul-office-bottom-inner > div h4 {
    font-size: 33px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.75px;
    margin-bottom: 20px;
}

.seoul-office-bottom-inner > div p {
    font-size: 18px;
    line-height: 33px;
    font-weight: 300;
    color: #fff;
    color: rgba(255,255,255,0.8);
    letter-spacing: -1px;
    word-break: keep-all;
}

.seoul-office-bottom-inner > div p span {
    display: inline;
}

@media all and (max-width: 1220px) {
    .seoul-office-bottom-inner {
        min-width:auto;
        width: 100%;
        margin: 0px auto;
    }
}

@media all and (max-width: 800px) {
    .seoul-office-top-wrap {
        padding-top:430px;
    }

    .seoul-office-top-inner {
        padding: 3%;
        padding-bottom: 0;
    }

    .seoul-office-top-inner > h3 {
        font-size: 30px;
    }

    .seoul-office-top-inner > h3:before {
        width: 90px;
        height: 52px;
        background-size: cover;
        margin-left: -170px;
        top: -40px;
    }

    .seoul-office-top-inner > p {
        font-size: 16px;
        line-height: 28px;
    }

    .seoul-office-top-inner > p:after {
        height: 35px;
    }

    .seoul-office-bottom-container {
        float: none;
        width: 100%;
        padding-top: 330px;
    }

    .seoul-office-bottom-inner.left, .seoul-office-bottom-inner.right {
        float: none;
    }

    .seoul-office-bottom-inner > div {
        padding: 5% 3%;
    }

    .seoul-office-bottom-inner > div h4 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .seoul-office-bottom-inner > div p {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.75px;
    }

    .seoul-office-bottom-inner > div p span {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .seoul-office-top-wrap {
        padding-top:300px;
    }

    .seoul-office-top-inner > h3 {
        font-size: 24px;
        margin-bottom: 5%;
    }

    .seoul-office-top-inner > h3:before {
        width: 70px;
        height: 41px;
        margin-left: -130px;
        top: -35px;
    }

    .seoul-office-top-inner > p {
        font-size: 14px;
        line-height: 22px;
    }

    .seoul-office-bottom-container {
        padding-top: 230px;
    }

    .seoul-office-bottom-inner > div h4 {
        font-size: 24px;
    }

    .seoul-office-bottom-inner > div p {
        font-size: 14px;
        line-height: 22px;
    }

    .seoul-office-bottom-inner > div p span {
        display: inline;
    }
}

/* ****************** 채용정보 :: 채용공고 :: 채용시스템 프로세스 ********************** */
.career-process-container {
    width: 100%;
}

.career-process-box {
    display: table;
    width: 100%;
    padding-top: 5%;
    border-top: 1px solid #cfcfcf;
}

.career-process-chart, .career-process-notice {
    display: table-cell;
    vertical-align: top;
}

.career-process-chart {
    width: 59.5%;
}

.career-process-chart-img-pc {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.career-process-chart-list {
    display: none;
    width: 100%;
}

.career-process-chart-list > li {
    display: block;
    text-align: center;
    margin: 0px auto;
}

.career-process-chart-list > li.con {
    max-width: 40%;
    border: 1px solid #3c3c3c;
    background-color: #0263ac;
    text-align: center;
    padding: 3%;
}

.career-process-chart-list > li.con > span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    color: rgba(255,255,255,0.6);
}

.career-process-chart-list > li.con > p {
    font-size: 22px;
    color: #fff;
    line-height: 33px;
    letter-spacing: -0.75px;
}

.career-process-chart-list > li.arrow {
    position: relative;
    width: 100%;
    max-width: 40%;
    text-align: center;
    padding: 30px 0 60px;
}

.career-process-chart-list > li.arrow:before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #0263ac;
}

.career-process-chart-list > li.arrow:after {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: 0;
    content: "";
    width: 26px;
    height: 26px;
    background: url(/images/content/career_process_arrow.png) no-repeat;
    background-size: 100% 100%;
}

.career-process-chart-list > li.arrow .num {
    position: relative;
    display: block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-color: #ff4445;
    color: #fff;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: -0.75px;
    margin: 0px auto;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: 3px solid #eee;
}

.career-process-notice {
    width: 40.5%;
    padding-left: 5%;
    padding-top: 3%;
}

.career-process-notice-list {
    display: table;
    width: 100%;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    margin-bottom: 15px;
}

.career-process-notice-list dt, .career-process-notice-list dd {
    display: table-cell;
    vertical-align: middle;
}

.career-process-notice-list dt {
    width: 16%;
}

.career-process-notice-list dt strong {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 33px;
    color: #ff4445;
    font-weight: 400;
    letter-spacing: -0.3px;
}

.career-process-notice-list dd {
    padding: 6px 0;
}

.career-process-notice-list dd > p {
    position: relative;
    font-size: 14.5px;
    line-height: 33px;
    color: #333;
    letter-spacing: -0.6px;
    font-weight: 300;
    padding-left: 15px;
    word-break: keep-all;
}

.career-process-notice-list dd > p:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #0263ac;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.career-process-notice-box {
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 5% 0;
    margin-top: 16%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

.career-process-notice-box > p {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    letter-spacing: -0.75px;
    word-break: keep-all;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .career-process-box, .career-process-chart, .career-process-notice {
        display:block;
    }

    .career-process-chart, .career-process-notice {
        width: 100%;
        padding: 0;
    }

    .career-process-chart {
        margin-bottom: 5%;
    }

    .career-process-notice-box {
        margin-top: 0;
    }

    .career-process-chart-img-pc {
        display: none;
    }

    .career-process-chart-list {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .career-process-chart-list > li.con, .career-process-chart-list > li.arrow {
        max-width:none;
    }

    .career-process-chart-list > li.con > span {
        font-size: 14px;
        line-height: 20px;
    }

    .career-process-chart-list > li.con > p {
        font-size: 18px;
        line-height: 28px;
    }

    .career-process-chart-list > li.arrow {
        padding: 20px 0 40px;
    }

    .career-process-notice-list dt {
        width: 20%;
    }

    .career-process-notice-list dt strong {
        font-size: 20px;
        line-height: 30px;
    }

    .career-process-notice-list dd > p {
        font-size: 14px;
        line-height: 22px;
    }

    .career-process-notice-list dd > p:before {
        top: 9px;
    }

    .career-process-notice-box > p {
        font-size: 15px;
        line-height: 20px;
    }
}

/* ****************** 채용정보 :: 입사지원서 ********************** */
.c_chr_c01 {
    border-top: #0077cd 2px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 5px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    height: 30px;
    background-color: #f4f4f4;
}

.c_chr_c01_2 {
    border-top: #0077cd 2px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 5px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    height: 30px;
    background-color: #f4f4f4;
}

.c_chr_c01_3 {
    border-top: #0077cd 1px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 5px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    height: 30px;
    background-color: #f4f4f4;
}

.c_chr_c02 {
    border-top: #0077cd 2px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 20px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    ;height: 30px;
}

.c_chr_c02_2 {
    border-top: #0077cd 0px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 20px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    height: 30px;
}

.c_chr_c02_3 {
    border-top: #0077cd 0px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 5px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    height: 30px;
}

.c_chr_c02_4 {
    border-top: #0077cd 2px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 3px 5px 3px 5px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    height: 30px;
}

.c_chr_c03 {
    border-top: #0077cd 0px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 5px 5px 5px 5px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    height: 30px;
    background: #F6F6F6
}

.c_chr_c03_2 {
    border-top: #0077cd 0px solid;
    border-right: #d6d6d6 1px solid;
    border-left: #d6d6d6 1px solid;
    border-bottom: #d6d6d6 1px solid;
    padding: 5px 5px 5px 30px;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    /*text-align:left;*/
    height: 30px;
    background: #F6F6F6
}

/* ****************** 회사소개 :: 조직도 ********************** */
#orgContainer {
    width: 100%;
}

.org-container-pc {
    width: 100%;
    background: url(/images/content/org_bg.png) no-repeat right 110px;
}

.org-container-m {
    display: none;
}

.org-top-box {
    display: table;
    width: 100%;
}

.org-top-box dt, .org-top-box dd {
    display: table-cell;
    vertical-align: middle;
}

.org-top-box dt {
    width: 22%;
}

.org-top-box dt > h3 {
    width: 164px;
    height: 164px;
    padding: 18px;
    border: 1px solid #cfcfcf;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.org-top-box dt > h3 > p {
    width: 162px;
    height: 162px;
    border: 1px solid #3c3c3c;
    background-color: #0263ad;
    margin: auto;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    font-size: 30px;
    color: #fff;
    letter-spacing: -0.45px;
    text-align: center;
    line-height: 162px;
    font-weight: 400;
}

.org-top-box dd {
    width: 78%;
}

.org-top-box dd > p {
    font-size: 36px;
    line-height: 50px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.75px;
    word-break: keep-all;
}

.org-top-box dd span {
    display: block;
    color: #0263ad;
}

.org-top-box dd strong {
    font-weight: 400;
}

.org-line-box {
    margin-left: 34px;
    height: 165px;
    background: url(/images/content/org_line.png) no-repeat;
}

.org-list-box {
    margin-left: 34px;
}

.org-list-box > li {
    float: left;
    margin-left: 11px;
    width: 133px;
    text-align: center;
    background: url(/images/content/org_line_2.jpg) repeat-y center top;
}

.org-list-box > li:first-child {
    margin-left: 0;
}

.org-list-tit {
    width: 131px;
    height: 61px;
    padding: 1px;
    margin-bottom: 20px;
    background: #0867af;
    background: -moz-linear-gradient(-45deg, #0867af 0%, #54b5fe 100%);
    background: -webkit-linear-gradient(-45deg, #0867af 0%,#54b5fe 100%);
    background: linear-gradient(135deg, #0867af 0%,#54b5fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0867af', endColorstr='#54b5fe',GradientType=1 );
}

.org-list-tit > p {
    font-size: 16px;
    height: 31px;
    line-height: 31px;
    padding: 15px 0;
    letter-spacing: -1px;
    color: #111;
    font-weight: 500;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e7e7e7',GradientType=0 );
}

.org-list-con {
    border: 1px solid #333;
    font-size: 16px;
    line-height: 30px;
    padding: 15px 0;
    letter-spacing: -1px;
    color: #333;
    background-color: #eee;
    margin-top: 10px;
}

.org-list-box > li .org-list-con:first-child {
    margin-top: 0;
}

@media all and (max-width: 1220px) {
    .org-container-pc {
        display:none;
    }

    .org-container-m {
        display: block;
    }

    .org-top-box dt {
        width: 20%;
    }

    .org-top-box dd {
        padding-left: 3%;
    }

    .org-wrap {
        display: table;
        width: 100%;
    }

    .org-wrap > div {
        display: table-cell;
        vertical-align: top;
    }

    .org-left-box {
        width: 101px;
        background: url(/images/content/org_line_2.jpg) repeat-y right top;
    }

    .org-right-box {
        width: calc(100% - 101px);
        padding-top: 80px;
    }

    .org-list-m {
        width: 100%;
    }

    .org-con-m {
        padding-left: 15%;
        position: relative;
        background: url(/images/content/org_line_2.jpg) repeat-x left 30px;
        text-align: center;
        margin-bottom: 30px;
    }

    .org-con-m:before {
        position: absolute;
        left: -8px;
        top: 22px;
        display: block;
        content: "";
        width: 8px;
        height: 8px;
        border: 4px solid #cfcfcf;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
        background-color: #eee;
    }

    .org-con-m .org-list-tit {
        width: calc(100% - 2px);
        margin-bottom: 0;
    }

    .org-con-m .org-list-con {
        margin-top: 0;
        border-top: 0;
        background-color: #fff;
        word-break: keep-all;
    }
}

@media all and (max-width: 800px) {
    .org-top-box dt > h3 {
        width:143px;
        height: 143px;
        padding: 15px;
    }

    .org-top-box dt > h3 > p {
        width: 141px;
        height: 141px;
        line-height: 141px;
        font-size: 22px;
    }

    .org-top-box dd > p {
        font-size: 26px;
        line-height: 33px;
    }

    .org-left-box {
        width: 88px;
    }

    .org-right-box {
        width: calc(100% - 88px);
        padding-top: 50px;
    }

    .org-list-tit {
        height: 51px;
    }

    .org-list-tit > p, .org-list-con {
        padding: 10px 0;
    }
}

@media all and (max-width: 480px) {
    .org-top-box dt > h3 {
        padding:10px;
        width: 100px;
        height: 100px;
    }

    .org-top-box dt > h3 > p {
        width: 98px;
        height: 98px;
        line-height: 98px;
        font-size: 18px;
    }

    .org-top-box dd > p {
        font-size: 15px;
        line-height: 20px;
    }

    .org-left-box {
        width: 61px;
    }

    .org-right-box {
        width: calc(100% - 61px);
        padding-top: 30px;
    }

    .org-list-tit {
        height: 41px;
    }

    .org-list-tit > p {
        font-size: 15px;
        height: 21px;
        line-height: 21px;
    }

    .org-list-con {
        font-size: 14px;
        line-height: 21px;
    }
}

/* ****************** 회사소개 :: 연구소소개 조직도 ********************** */
#laboratoryOrgContainer {
    width: 100%;
    max-width: 914px;
    margin: 0px auto;
    text-align: center;
}

.laboratory-org-container-pc {
    width: 100%;
}

.laboratory-org-container-m {
    display: none;
}

.laboratory-org-top-box {
    position: relative;
    width: 100%;
}

.laboratory-org-top-box > h3 {
    display: inline-block;
    vertical-align: middle;
    width: 363px;
    height: 33px;
    font-size: 30px;
    line-height: 33px;
    padding: 30px 0;
    border: 1px solid #333;
    background-color: #0263ac;
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.75px;
    word-break: keep-all;
}

.laboratory-org-top-box > strong {
    position: absolute;
    top: 9px;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    width: 161px;
    height: 33px;
    font-size: 30px;
    line-height: 33px;
    padding: 20px 0;
    color: #333;
    border: 1px solid #333;
    background-color: #fff;
    font-weight: 400;
}

.laboratory-org-line-box {
    width: 100%;
    height: 69px;
    background: url(/images/content/org_line_2.jpg) repeat-y center top;
}

.laboratory-org-box {
    width: 100%;
    text-align: center;
}

#laboratoryOrgContainer .org-list-tit {
    width: 163px;
}

#laboratoryOrgContainer .org-list-tit > p {
    font-size: 20px;
}

.laboratory-org-box .org-list-tit {
    margin: 0px auto;
}

#laboratoryOrgContainer .org-list-box {
    margin: 0px auto;
}

#laboratoryOrgContainer .org-list-box > li {
    width: 165px;
    margin-left: 84px;
}

#laboratoryOrgContainer .org-list-box > li:first-child {
    margin-left: 0;
}

#laboratoryOrgContainer .org-list-box > li .org-list-tit {
    margin-bottom: 28px;
}

#laboratoryOrgContainer .org-list-box > li .org-list-con {
    font-size: 18px;
}

@media all and (max-width: 1220px) {
    .laboratory-org-container-pc {
        display:none;
    }

    .laboratory-org-container-m {
        display: block;
    }

    #laboratoryOrgContainer .org-top-box dt > h3 > p {
    }

    #laboratoryOrgContainer .org-top-box dt > h3 > p span {
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        word-break: keep-all;
    }

    #laboratoryOrgContainer .org-list-tit {
        width: calc(100% - 2px);
        margin-bottom: 0;
    }

    .laboratory-org-container-m .org-top-box dd {
        text-align: left;
    }

    .laboratory-org-container-m .org-top-box dd > strong {
        display: inline-block;
        font-size: 26px;
        line-height: 34px;
        color: #333;
        letter-spacing: -0.75px;
        font-weight: 400;
        padding: 7px 25px;
        background-color: #fff;
        border: 1px solid #999;
        border-radius: 34px;
        -moz-border-radius: 34px;
        -webkit-border-radius: 34px;
        -o-border-radius: 34px;
    }
}

@media all and (max-width: 800px) {
    .laboratory-org-container-m .org-top-box dd > strong {
        font-size:20px;
        line-height: 30px;
    }

    #laboratoryOrgContainer .org-top-box dt > h3 > p span {
        line-height: 30px;
    }

    #laboratoryOrgContainer .org-list-tit > p {
        font-size: 18px;
    }
}

@media all and (max-width: 480px) {
    #laboratoryOrgContainer .org-top-box dt > h3 > p span {
        line-height:24px;
    }

    .laboratory-org-container-m .org-top-box dd > strong {
        font-size: 18px;
        line-height: 26px;
    }

    #laboratoryOrgContainer .org-list-tit > p {
        font-size: 16px;
    }
}

/* ****************** 사업장소개 :: 판교사무소 ********************** */
.new-building-section-container {
    position: relative;
    width: 100%;
    max-width: 1370px;
    margin: 0px auto;
    margin-top: -333px;
    border-top: 4px solid #154ad3;
    z-index: 10;
    box-shadow: 20px 20px 57px rgba(0, 0, 0, 0.2);
    background: rgb(238,238,238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.new-building-section-container > div {
    padding: 106px 0;
    background: url(/images/content/new_building_section_bg.jpg) no-repeat right bottom;
}

.new-building-list-box {
    width: 100%;
    margin-bottom: 100px;
}

.new-building-list-box li {
    position: relative;
    float: right;
    width: 48.75%;
}

.new-building-list-box li:first-child {
    float: left;
}

.new-building-list-con img {
    max-width: 100%;
}

.new-building-list-txt-box {
    padding-top: 38px;
    padding-left: 30px;
}

.new-building-list-txt-box:before {
    position: absolute;
    bottom: 0;
    left: 0px;
    display: block;
    content: "";
    width: 1px;
    height: 130px;
    background-color: #000;
}

.new-building-list-txt-box h4 {
    font-size: 22px;
    line-height: 33px;
    color: #111;
    letter-spacing: -0.75px;
    font-weight: 400;
    margin-bottom: 5px;
}

.new-building-list-txt-box p {
    font-size: 16px;
    line-height: 27px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: 300;
}

.new-building-list-txt-box p span {
    display: block;
}

.new-building-list-comm-tit {
    font-size: 36px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
    margin-bottom: 20px;
}

.new-building-list-comm-txt {
    font-size: 18px;
    line-height: 33px;
    color: #666;
    letter-spacing: -0.75px;
    margin-bottom: 27px;
}

.new-building-list-comm-txt > span {
    display: block;
}

.new-building-org-box {
    width: 100%;
}

.new-building-org-box > li {
    float: right;
    width: 39%;
}

.new-building-org-box > li:first-child {
    float: left;
    width: 60%;
}

.new-building-org-box > li img {
    max-width: 100%;
}

.new-building-org-box > li img.m {
    display: none;
}

@media all and (max-width: 1390px) {
    .new-building-section-container {
        width:auto;
        margin: 0 10px;
    }
}

@media all and (max-width: 1220px) {
    .new-building-section-container {
        margin-top:-233px;
    }

    .new-building-section-container > div {
        padding: 74px 0;
    }
}

@media all and (max-width: 800px) {
    .new-building-box {
        margin-bottom:20px;
    }

    .new-building-section-container {
        margin-top: 0;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    }

    .new-building-section-container > div {
        padding: 30px 0;
        background-size: 82.6% auto;
    }

    .new-building-list-box {
        margin-bottom: 50px;
    }

    .new-building-list-txt-box {
        padding-top: 15px;
        padding-left: 20px;
    }

    .new-building-list-txt-box:before {
        left: 10px;
    }

    .new-building-list-txt-box h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .new-building-list-txt-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .new-building-list-txt-box p span {
        display: inline;
    }

    .new-building-list-comm-tit {
        font-size: 28px;
    }

    .new-building-list-comm-txt {
        font-size: 15px;
        line-height: 25px;
    }

    .seoul-sales-office-list-txt {
        font-size: 15px;
        line-height: 25px;
    }
}

@media all and (max-width: 480px) {
    .seoul-sales-office-tit {
        font-size:20px;
    }

    .new-building-list-box li, .new-building-list-box li:first-child {
        float: none;
        width: auto;
    }

    .new-building-list-box li:first-child {
        margin-bottom: 20px;
    }

    .new-building-list-txt-box h4 {
        font-size: 16px;
    }

    .new-building-list-txt-box p {
        line-height: 18px;
    }

    .new-building-list-comm-tit {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .new-building-list-comm-txt, .seoul-sales-office-list-txt {
        font-size: 14px;
        line-height: 22px;
    }

    .new-building-org-box > li, .new-building-org-box > li:first-child {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .new-building-org-box > li img {
        max-width: 100%;
    }

    .new-building-org-box > li img.pc {
        display: none;
    }

    .new-building-org-box > li img.m {
        display: block;
    }
}

/* ****************** 사업장소개 :: 판교사무소 :: 조직도 180509 ********************** */
.new-building-org-list {
    width: 100%;
}

.new-building-org-list > li {
    position: relative;
    float: left;
    width: 18.6%;
    text-align: center;
    margin-left: 1.75%;
}

.new-building-org-list > li:first-child {
    margin-left: 0;
}

.new-building-org-list > li:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #cbcbcb;
}

.new-building-org-list-con {
    position: relative;
    width: 100%;
}

.new-building-org-list-con dt {
    width: 100%;
    height: 71px;
    padding: 3px 0;
    margin-bottom: 28px;
    background: rgb(45,122,181);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45,122,181,1) 0%, rgba(95,186,254,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(45,122,181,1) 0%,rgba(95,186,254,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(45,122,181,1) 0%,rgba(95,186,254,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7ab5', endColorstr='#5fbafe',GradientType=0 );
    /* IE6-9 */
}

.new-building-org-list-con dt strong {
    display: block;
    margin: 0 3px;
    height: 33px;
    padding: 19px 0;
    background-color: #fff;
    font-size: 22px;
    line-height: 33px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
}

.new-building-org-list-con dd p {
    border: 1px solid #cfcfcf;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 0;
    color: #333;
    letter-spacing: -0.75px;
    margin-bottom: 11px;
    background: rgb(235,235,235);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.new-building-org-list-con dd p:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 1220px) {
}

@media all and (max-width: 800px) {
    .new-building-org-list {
        text-align:center;
    }

    .new-building-org-list > li {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30.3%;
        margin: 0 1%;
        margin-bottom: 20px;
    }

    .new-building-org-list > li:first-child {
        margin: 0 1%;
    }

    .new-building-org-list-con dt {
        height: 47px;
        margin-bottom: 14px;
    }

    .new-building-org-list-con dt strong {
        height: 29px;
        font-size: 18px;
        line-height: 29px;
        padding: 9px 0;
    }

    .new-building-org-list-con dd p {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 0;
    }
}

@media all and (max-width: 480px) {
    .new-building-org-list > li {
        width:47%;
    }

    .new-building-org-list-con dt {
        height: 40px;
    }

    .new-building-org-list-con dt strong {
        height: 26px;
        font-size: 15px;
        line-height: 26px;
        padding: 7px 0;
    }

    .new-building-org-list-con dd p {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 0;
    }
}

/* ***** 200310 KEB ****** */
.loc-map-thum .map-script-wrapper {
    position: absolute;
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.map-script-wrapper .map-script-con {
    position: absolute;
    width: 100%;
    height: 100%
}

.map-script-wrapper .map-script-con .root_daum_roughmap {
    width: 100% !important;
    height: 100% !important
}

.map-script-wrapper .map-script-con .root_daum_roughmap .wrap_map {
    height: 100% !important
}

.root_daum_roughmap {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.root_daum_roughmap .map_border {
    display: none !important;
}

.wrap_controllers {
    display: none !important;
}

/* ---회사개요 :: 조직도 --- */
.org-renewal .org-line-box {
    background: none
}

.org-renewal .org-list-box {
    position: relative;
    text-align: center;
    margin-left: 25px;
    margin-top: 122px
}

.org-renewal .org-list-box:before, .org-renewal .org-list-box:after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #b6b6b6;
    left: 0;
    top: 0;
    margin-left: 75px
}

.org-renewal .org-list-box:before {
    width: 90%;
    height: 1px;
}

.org-renewal .org-list-box:after {
    width: 1px;
    height: 122px;
    margin-top: -122px;
}

.org-renewal .org-list-box > li {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin: 0 1%;
    padding-top: 45px
}

.org-renewal .org-list-box > li:before, .org-renewal .org-list-box > li:after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.org-renewal .org-list-box > li:before {
    width: 1px;
    height: 40px;
    background: #b6b6b6;
}

.org-renewal .org-list-box > li:after {
    width: 5px;
    height: 5px;
    border: 3px solid #cfcfcf;
    background: #eee;
    border-radius: 50%;
    margin-top: -6px
}

.org-renewal .org-list-box > li.mal0 {
    margin-left: 5%
}

.org-renewal .org-list-tit {
    width: 100%
}

@media all and (max-width: 1220px) {
    .org-container-pc.org-renewal {
        display:block;
    }

    .org-container-m.org-renewal {
        display: none;
    }
}

@media all and (max-width: 940px) {
    .org-container-pc.org-renewal {
        display:none;
    }

    .org-container-m.org-renewal {
        display: block;
    }
}

/* ---사업장소개 :: 판교사무소---  */
.building-org-pc {
    display: block
}

.building-org-mb {
    display: none
}

.new-building-org-renew .new-building-org-list > li {
    margin-left: 4.5%
}

.new-building-org-renew .new-building-org-list > li:first-child {
    width: 60%;
    margin-left: 3.5%
}

.new-building-org-renew .new-building-org-list > li:before {
    display: none
}

.new-building-org-renew .new-building-org-list > li .new-building-org-tit {
    position: relative;
    display: inline-block;
    width: 225px;
    height: auto;
    padding: 3px 0;
    margin-bottom: 45px;
    z-index: 99;
    background: rgb(45,122,181);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(45,122,181,1) 0%, rgba(95,186,254,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(45,122,181,1) 0%,rgba(95,186,254,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(45,122,181,1) 0%,rgba(95,186,254,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7ab5', endColorstr='#5fbafe',GradientType=0 );
    /* IE6-9 */
}

.new-building-org-renew .new-building-org-list > li .new-building-org-tit strong {
    display: block;
    margin: 0 3px;
    height: auto;
    padding: 19px 0;
    background-color: #fff;
    font-size: 22px;
    line-height: 1.4;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.75px;
    word-break: keep-all
}

.new-building-org-renew .new-building-org-list > li .building-org-con-wrap {
    position: relative
}

.new-building-org-renew .new-building-org-list > li:first-child .building-org-con-wrap:before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 67%;
    height: 1px;
    background: #cbcbcb;
    top: 0;
    margin-top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.new-building-org-renew .new-building-org-list > li:first-child .building-org-con-wrap .new-building-org-con {
    float: left;
    width: 31.333%;
    margin: 0 1%
}

.new-building-org-renew .new-building-org-list > li .new-building-org-con {
    position: relative
}

.new-building-org-renew .new-building-org-list > li .new-building-org-con:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -24px;
    display: block;
    content: "";
    width: 1px;
    height: calc(100% + 24px);
    background-color: #cbcbcb;
    z-index: 1
}

.new-building-org-renew .new-building-org-list > li .new-building-org-con.org-con-middle:before {
    margin-top: -20%
}

.new-building-org-renew .new-building-org-list > li .new-building-org-con span {
    position: relative;
    display: block;
    border: 1px solid #cfcfcf;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 2%;
    color: #333;
    letter-spacing: -0.75px;
    margin-bottom: 11px;
    z-index: 99;
    word-break: keep-all;
    background: rgb(235,235,235);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.new-building-org-renew .new-building-org-list > li .new-building-org-con span:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 1220px) {
    .new-building-org-renew .new-building-org-list > li:first-child {
        width:66%
    }

    .new-building-org-list > li {
        width: 23.5%
    }
}

@media all and (max-width: 1024px) {
    .building-org-pc {
        display:none
    }

    .building-org-mb {
        display: block
    }

    .building-org-mb .new-building-org-list > li {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .building-org-mb .new-building-org-list > li:first-child {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px
    }

    .building-org-mb .new-building-org-list > li .building-org-con-wrap {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 250px);
        margin-top: 100px
    }

    .building-org-mb .new-building-org-list > li:first-child .building-org-con-wrap .new-building-org-con {
        float: none;
        width: 100%;
        padding: 0 0 15px;
        margin: 0
    }

    .building-org-mb .new-building-org-list > li .building-org-con-wrap .new-building-org-con {
        padding: 0 0 15px
    }

    .building-org-mb .new-building-org-list > li:before {
        display: inline-block;
        top: 76px;
        left: 0;
        margin-left: 119px;
        height: 25px
    }

    .building-org-mb .new-building-org-list > li:first-child .building-org-con-wrap:before {
        display: none
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con:before {
        top: 0;
        left: 0;
        margin-top: 20px;
        width: 118px;
        height: 1px;
        margin-left: -118px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con:after {
        position: absolute;
        display: inline-block;
        content: "";
        width: 1px;
        height: 100%;
        background: #cbcbcb;
        left: 0;
        top: 0;
        margin-left: -120px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con:last-child:after {
        height: 21px
    }
}

@media all and (max-width: 800px) {
    .building-org-mb .new-building-org-list > li {
        text-align:left
    }

    .building-org-mb .new-building-org-list > li:before {
        margin-left: 75px;
        top: 45px
    }

    .building-org-mb .new-building-org-list > li:first-child {
        margin-bottom: 20px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-tit {
        width: 160px;
        text-align: center
    }

    .building-org-mb .new-building-org-list > li .new-building-org-tit strong {
        font-size: 17px;
        padding: 9px 2%;
    }

    .building-org-mb .new-building-org-list > li .building-org-con-wrap {
        margin-top: 70px;
        width: calc(100% - 166px)
    }

    .building-org-mb .new-building-org-list > li:first-child .building-org-con-wrap .new-building-org-con, .building-org-mb .new-building-org-list > li .building-org-con-wrap .new-building-org-con {
        padding: 0 0 10px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con:before {
        width: 88px;
        margin-left: -88px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con:after {
        margin-left: -88px
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con span {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 2%;
        text-align: center
    }
}

@media all and (max-width: 480px) {
    .building-org-mb .new-building-org-list > li .new-building-org-tit strong {
        font-size:14px;
    }

    .building-org-mb .new-building-org-list > li .new-building-org-con span {
        font-size: 13px;
    }

    .building-org-mb .new-building-org-list > li:before {
        margin-left: 55px;
    }

    .building-org-mb .new-building-org-list > li .new-building-org-tit {
        width: 140px;
    }

    .building-org-mb .new-building-org-list > li .building-org-con-wrap {
        margin-top: 70px;
        width: calc(100% - 146px)
    }
}