@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/

/*공통*/
.pdinner{ width:100%; max-width: 1350px;padding:0 3%;position:relative;margin: 0 auto;}

.bgbox {
    background: #fafafa;
    padding: 20px 3%;
}
.pdbox {
    padding: 30px 20px;
}
.mEnter {
    display: block;
}
.tEnter {
    display: inline;
}
.vab {
    vertical-align: bottom;
}

.col-02 {
    width: 100%;
}
.col-03 {
    width: 100%;
}
.col-04 {
    width: 100%;
}

.imgbox img {
    width: 100%;
    max-width: 530px;
}
.w1400 {
    max-width: 1400px;
    margin: 0 auto;
}
.w1000 {
    max-width: 1000px;
    margin: 0 auto;
}
.w800 {
    max-width: 800px;
    margin: 0 auto;
}

.perimg {
    text-align: center;
}
.cb {
    clear: both;
}

.blackTxt {
    color: #000000;
}
.blTxt {
    color: #1c3f95;
}
.blgrTxt {
    color: #345468;
}
.jjTxt {
    color: #e50049;
}
.point_txt {
    position: relative;
    font-family: 'Montserrat', 'ns';
    text-transform: uppercase;
    color: #323232;
    font-weight: bold;
}
.pDot {
    padding-left: 15px;
    position: relative;
}
.pDot:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 3px;
    background: #928c74;
}
.fsb {
    font-size: 1.2em;
}
.bgGray {
    background: rgba(230,230,230,0.3);
}
.bgbox {
    padding: 20px 3%;
    background: rgba(230,230,230,0.3);
}
.pdbox {
    padding: 20px 3%;
}

.pointTxt {
    background: #ffef67;
}
.redTxt {
    color: #d10000;
}
.blueTxt {
    color: #2159c0;
}
.bdLine {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.dot_li {
    overflow: hidden;
}
.dot_li li {
    background: url("../img/dot_li.gif") no-repeat 0 10px;
    padding-left: 7px;
    margin-bottom: 3px;
}
.dot_li li:last-child {
    margin-bottom: 0;
}

.tit_nm {
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: -0.06em;
    color: #000000;
}
.tit_sm {
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: -0.06em;
    color: #000000;
}
.tit_dot {
    color: #000000;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: -0.065em;
    padding-left: 30px;
    background: url("../img/tit_cir.png") no-repeat left center;
    background-size: 22px !important;
    position: relative;
}


.move_info{color:#017fe5;}
.move_data{overflow-y:scroll}
.move_data table{min-width:1024px}

.bd_table{width:100%;border-top: 3px solid #a8b3bf;border-collapse:separate;font-size:0.9em;border-right:1px solid #e0e3e7}
.bd_table th, .bd_table td{border-bottom:1px solid #e0e3e7;padding: 5px 10px;vertical-align:middle;border-left:1px solid #e0e3e7;text-align: left;font-weight: 300;letter-spacing: 0em;}
.bd_table th{font-weight:500;color:#323232;background: #eeeef2;text-align: center;}
.bd_table .bgc{background:#f9f9fa; font-weight:500}
.bd_table td.bg{font-weight: 500;color: #151515;background:#f9f9fa;}

@media all and (min-width:1024px) {
.move_info{display:none; }
.move_data{overflow-y:hidden}
.move_data table{min-width:940px}
}

@media all and (min-width:768px) {
.pdinner{padding:0 3%}
    .bgbox {
        padding: 30px 3%;
    }
    .col-02 {
        width: 47%;
        margin: 0 1.5%;
        float: left;
    }
    .col-03 {
        width: 30.33%;
        margin: 0 1.5%;
        float: left;
    }
    .pdbox {
        padding: 30px 3%;
    }
    .mEnter {
        display: inline;
    }
    .tEnter {
        display: block;
    }

    .tit_nm {
        font-size: 1.4em;
    }
    .tit_dot {
        font-size: 1.4em;
        padding-left: 30px;
    }

}

@media all and (min-width:1200px) {
    .bgbox {
        padding: 40px 25px;
    }
    .pdbox {
        padding: 40px 25px;
    }
    .tEnter {
        display: inline;
    }
    .pEnter {
        display: block;
    }
    .bdLine {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    .tit_nm {
        font-size: 1.6em;
    }
    .tit_sm {
        font-size: 1.2em;
    }
    .tit_dot {
        font-size: 1.6em;
        padding-left: 35px;
    }

}

/*탭리스트*/
.tablist {
    overflow: hidden;
    text-align: center;
    position: relative;
}
.tablist:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #334061;
}
.tablist li {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    position: relative;
}
.tablist li:last-child {
    border-right: 0;
}
.tablist.list02 li {
    width: 45%;
}
.tablist.list03 li {
    width: 30%;
}
.tablist.list04 li {
    width: 45%;
}

.tablist li a {
    display: block;
    text-align: center;
    border: 2px solid #e6e6e6;
    background: #f5f5f5;
    color: #808080;
    border-bottom: 0;
}
.tablist li.active a {
    color: #334061;
    background: #ffffff;
    font-weight: 500;
    border: 2px solid #334061;
    border-bottom: 3px solid #ffffff;
}

@media all and (min-width:768px) {
    .tablist {
        text-align: left;
    }
    .tablist.list04 li {
        width: 25%;
    }
    .tablist li {
        line-height: 50px;
    }
}

.comm_table {
    width: 100%;
    border-top: 1px solid #4e5463;
    border-collapse: separate;
    font-size: 0.95em;
}
.comm_table .bl,
.comm_table tr.bl td,
.comm_table tr.bl th {
    border-left: 1px solid #dcdcdc;
}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli {
    border-left: 1px solid #dcdcdc !important;
}
.comm_table th {
    font-weight: 400;
    background: #fafafa;
    color: #000000;
}
.comm_table td.bdr {
    border-right: 1px solid #e6e6e6;
}

.comm_table tr.total td {
    background: #f8f8f8;
    font-weight: 500;
}
@media all and (min-width:768px) {
    .comm_table {
        font-size: 1em;
    }
    .comm_table td,
    .comm_table th {
        padding: 20px 10px;
    }
}
.syncSlider {
    margin-bottom: 20px;
    position: relative;
}
.syncSlider #sync1 .owl-wrapper-outer {
    margin-bottom: 10px;
}
.syncSlider #sync1 .item img {
    width: 100%;
}
.syncSlider #sync2 .item {
    margin: 5px;
    cursor: pointer;
    padding: 2px;
    opacity: 0.5;
}
.syncSlider #sync2 .synced .item {
    background: #2448a9;
    opacity: 1;
}

.syncSlider .owl-controls {
    margin-top: 0 !important;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}
.syncSlider .owl-controls .owl-buttons {
    float: right;
}
.syncSlider .owl-controls .owl-buttons div {
    margin: 0 !important;
    border-radius: 0 !important;
    opacity: 0.8 !important;
    width: 40px;
    height: 40px;
    padding: 10px !important;
    text-indent: -9999999px;
}
.syncSlider .owl-controls .owl-buttons div.owl-prev {
    margin-right: 3px !important;
    background: #505050 url("../img/btn_prev.png") no-repeat center center !important;
}
.syncSlider .owl-controls .owl-buttons div.owl-next {
    background: #505050 url("../img/btn_next.png") no-repeat center center !important;
}

.syncSlider #sync2 {
    position: relative;
    margin-top: 10px;
}
.syncSlider .owl-controls clickable {
    float: right;
}

/*컨텐츠공통*/
.conh4 {
    font-size: 1.9em;
    font-weight: 500;
}
.conh4:after {
    content: '';
    width: 60px;
    height: 3px;
    background: #4e5463;
    display: block;
    margin: 20px 0;
}
.conh4 span.st {
    font-size: 0.7em;
    display: block;
}

@media all and (min-width:768px) {
    .conh4 {
        font-size: 2.3em;
    }
}

/*공통*/
.pointbox {
    padding: 20px 10px;
    background: #ffffff;
    background: #f9fafc;
    border-bottom: 1px solid #9ba5b0;
    border-top: 1px solid #291672;
    position: relative;
}
.pointbox:before {
    content: '';
    width: 80px;
    height: 1px;
    background: #e50049;
    position: absolute;
    top: -1px;
    left: 0;
}

.tit_flag {
    display: block;
    margin-bottom: 20px;
}
.tit_flag span {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 500;
    background: #928c74;
    background: linear-gradient(120deg, #928c74 0%, #928c74 70%, #656d72 100%);
}
.half_common {
    position: relative;
}
.half_common .box_con {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.half_common .box_con:after {
    content: '';
    display: block;
    clear: both;
}
.half_common .left_box {
    position: relative;
}

.comm_top {
    position: relative;
}

.comm_top .tit {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000000;
    position: relative;
    padding-left: 15px;
}
.comm_top .tit span.deco {
    padding-left: 10px;
    margin-left: 10px;
    font-size: 0.7em;
    color: #808080;
    position: relative;
}
.comm_top .tit span.deco:before {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #e6e6e6;
}
.comm_top .tit:before {
    content: '';
    width: 5px;
    height: 20px;
    position: absolute;
    background: #f3810f;
    opacity: 1;
    top: 3px;
    left: 0;
    transform: skew(-30deg);
}
.comm_top .txt {
    font-size: 1.1em;
    font-weight: 500;
}

.down_doc {
    overflow: hidden;
}
.down_doc li a {
    display: block;
    line-height: 30px;
    background: #f8f8f8;
    font-weight: 500;
    color: #000000;
    position: relative;
}
.down_doc li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url("../img/ic_attemp.png") center center no-repeat;
    background-size: 100%;
}

.half_box:after {
    content: '';
    display: block;
    clear: both;
}

@media all and (min-width:768px) {
    .pointbox {
        padding: 20px;
    }
    .pointbox:before {
        width: 120px;
    }

    .comm_top .tit {
        font-size: 2em;
        padding-left: 20px;
    }
    .comm_top .tit span.deco {
        padding-left: 20px;
        margin-left: 20px;
    }
    .comm_top .txt:before {
        top: 7px;
        width: 7px;
    }
    .comm_top .txt {
        font-size: 1.4em;
        letter-spacing: -1px;
    }

    .tit_flag span {
        display: inline-block;
        font-size: 1.2em;
        padding: 15px 20px;
    }
    .tit_flag span.long {
        padding: 20px 10px;
    }

    .half_common .box_con {
        position: relative;
        margin-bottom: 50px;
        padding-bottom: 50px;
    }
    .half_common .box_con:after {
        content: '';
        clear: both;
        display: block;
    }
    .half_common .box_con .half_left {
        float: left;
        width: 28%;
        margin-right: 2%;
    }
    .half_common .box_con .half_right {
        float: left;
        width: 70%;
    }
}

@media all and (min-width:1200px) {
    .pointbox {
        padding: 30px 20px;
    }

    .comm_top .tit {
        font-size: 2.6em;
        padding-left: 25px;
    }
    .comm_top .tit:before {
        height: 35px;
        width: 10px;
        top: 12px;
    }

    .tit_flag span {
        font-size: 1.4em;
        padding: 20px 0;
        min-width: 165px;
    }
    .tit_flag span.long {
        padding: 25px 20px;
    }
}

/*table*/
.comm_table {
    width: 100%;
    border-top: 3px solid #e62f43;
    border-collapse: separate;
    font-size: 0.95em;
}
.comm_table .none {
    border-right: 0;
}
.comm_table td,
.comm_table th {
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    padding: 8px 3px;
    vertical-align: middle;
}
.comm_table .bl,
.comm_table tr.bl td,
.comm_table tr.bl th {
    border-left: 1px solid #dcdcdc;
}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli {
    border-left: 1px solid #dcdcdc !important;
}
.comm_table th {
    font-weight: 400;
    background: #f8f8f8;
    color: #000000;
}
.comm_table td.bdr {
    border-right: 1px solid #e6e6e6;
}

.comm_table tr.total td {
    background: #f8f8f8;
    font-weight: 500;
}
@media all and (min-width:768px) {
    .comm_table {
        font-size: 1em;
    }
    .comm_table td,
    .comm_table th {
        padding: 15px;
    }
}

/*반응형테이블*/
table.responsive-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    font-size: 0.9em;
}
table.responsive-table thead {
    display: none;
}
table.responsive-table tr {
    margin-bottom: 10px;
    display: block;
    padding: 10px 0;
    border: 1px solid #dcdcdc;
    border-top: 1px solid #05235f;
}
table.responsive-table td {
    display: block;
    text-align: left;
    padding: 3px 20px;
}
table.responsive-table td:last-child {
    border-bottom: 0;
}
table.responsive-table td:before {
    content: attr(data-rt-label);
    float: left;
    min-width: 60px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
}

@media all and (min-width:640px) {
    .responTable {
        font-size: 0.95em;
    }
    .responTable tr {
        padding: 10px;
    }

    .responTable {
        width: 100%;
        border-top: 1px solid #323232;
        text-align: center;
        border-collapse: separate;
        font-size: 0.9em;
    }
    .responTable th {
        background: #f5f5f5;
        color: #000000;
    }
    .responTable th:first-child {}
    .responTable td,
    .responTable th {
        border-bottom: 1px solid #e6e6e6;
        padding: 12px 5px;
        vertical-align: middle;
    }
    .responTable th {
        padding: 14px 5px;
    }

}

@media all and (min-width:1200px) {
    .responTable {
        font-size: 1em;
    }
}

/*서브공통*/
.sub_tit {
    /* border-bottom: 1px solid #d7d7d7; */
    padding-bottom: 40px;
    padding-bottom: 3.5rem;
    text-align: center;
}
.sub_tit h3 {
    font-size: 1.5em;
    font-family: 'sb_titillium', 'Mnoto';
}
.sub_tit h3 b {
    font-weight: bold;
    background: linear-gradient(to right,#017fe5, #1755bc);
    color: transparent;
    -webkit-background-clip: text;
}
.sub_tit p {
    font-size: 1em;
    font-weight: bold;
	line-height: 1.5;
}

@media all and (min-width:500px) {
    .sub_tit h3 {
        font-size: 1.6em;
    }
    .sub_tit p {
        font-size: 1.05em;
        text-align: center;
    }
}

@media all and (min-width:768px) {
    .sub_tit h3 {
        font-size: 2em;
    }
}

@media all and (min-width:1200px) {
    .sub_tit h3 {
        font-size: 2.5em;
        margin-bottom: 20px;
    }
    .sub_tit p {
        font-size: 1.15em;
    }
}

/*회사개요*/
.overview {
    position: relative;
}
.overview:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    background: url("../img/over_bg.png") no-repeat bottom;
    background-size: 100%;
    width: 100%;
    height: 600px;
    z-index: -10;
    bottom: -70px;
}
.overview .box {
    font-size: 1.1em;
}
.overview .box ul {
    display: flex;
    flex-wrap: wrap;
}
.overview .box ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    align-items: center;
}
.overview .box ul li p {
    width: 80%;
    word-break: keep-all;
}
.overview .box ul li p b {
    font-weight: 700;
    margin-right: 10px;
    color: #000;
}
.overview .box ul li img {
    width: 40px;
    margin-right: 10px;
}

@media all and (min-width:768px) {
    .overview .box ul {
        /* border-top: 1px solid #cecece; */
        /* border-bottom: 1px solid #cecece; */
    }
    .overview .box ul li {
        width: 24.222%; /* border-right: 1px solid #cecece; */
        border-bottom: 0;
        border: 1px solid #e3e3e3;
        margin-right: 1%;
        border-radius: 10px;
        background: #ffffff87;
    }
    .overview .box ul li:last-child {
        /* border-right:0px; */
        margin-right: 0;
    }
    .overview .box ul li p {
        display: flex;
        flex-wrap: wrap;
    }
}

@media all and (min-width:1200px) {
    .overview:after {
        bottom: -120px;
    }
    .overview .box ul li .ico_img {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media all and (min-width:1800px) {
    .overview:after {
        bottom: -250px;
    }
    .overview .box ul li {
        padding: 20px;
    }
    .overview .box ul li .ico_img {
        margin-bottom: 40px;
    }
    .overview .box ul li img {
        width: 50px;
    }
}

/*인사말*/
.intro {
    position: relative;
}
.intro:before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    background: url("../img/intro_bg.png") no-repeat;
    top: -80px;
    z-index: 0;
    width: 150px;
    height: 150px;
    background-size: 100%;
    opacity: 0.9;
    right: -50px;
}
.intro .intro_box {
    font-size: 1.1em;
}
.intro .intro_txt {
    line-height: 33px;
}
.intro .intro_txt p {
    margin-bottom: 20px;
}
.intro .intro_txt p span.bg {
    background: #e5f3ff;
}
.intro .intro_txt b {
    font-weight: bold;
    padding: 10px 0;
    display: block;
}
.intro .intro_img img {
    margin-bottom: 30px;
    box-shadow: -4px 4px 15px -11px rgb(170 170 170);
    border-radius: 10px;
}

@media all and (min-width:768px) {
    .intro .sub_tit {
        margin-bottom: 40px;
    }
    .intro .intro_box {
        display: flex;
        font-size: 1em;
        letter-spacing: -0.058em;
    }
    .intro .intro_txt {
        width: 60%;
        line-height: 25px;
    }
    .intro .intro_img {
        width: 37%;
        margin-right: 3%;
        margin-top: 0.5%;
    }
}

@media all and (min-width:1200px) {
    .intro:before {
        right: 400px;
        width: 200px;
        height: 200px;
    }
    .intro .sub_tit {
        margin-bottom: 60px;
    }
    .intro .intro_box {
        font-size: 1.1em;
    }
    .intro .intro_txt {
        line-height: 33px;
    }
}

/*조직도*/
.org {
    position: relative;
}
.org .org_cont {
    text-align: center;
}
.org .org_cont .ceo {
    display: block;
    width: 150px;
    margin: 0 auto;
    background: linear-gradient(to right,#0745a9, #0b3177);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 40px;
    position: relative;
}
.org .org_cont .ceo:before {
    display: block;
    clear: both;
    content: "";
    width: 5px;
    height: 5px;
    background: #08409c;
    border: 3px solid #fff;
    border-radius: 50px;
    bottom: -5px;
    position: absolute;
    left: 48%;
    z-index: 1;
}
.org .org_cont .ceo:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #cfcfcf;
    bottom: -40px;
    left: 51%;
}
.org .org_cont p {
    font-size: 1.25em;
    border-bottom: 1px solid #ffffff80;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #fff;
}
.org .org_cont em {
    color: #ffffffb5;
    letter-spacing: 0;
}
.org .org_cont .team {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    position: relative;
}
.org .org_cont .team:before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 51%;
    height: 1px;
    background: #cfcfcf;
    left: 25%;
    margin: 0 auto;
}
.org .org_cont .team .box {
    position: relative;
    width: 49%;
    background: linear-gradient(to right,#7c8ca6, #8e9eb7);
    border-radius: 10px;
    padding: 15px;
    margin-top: 40px;
}
.org .org_cont .team .box:before {
    display: block;
    clear: both;
    content: "";
    width: 5px;
    height: 5px;
    background: #8595af;
    border: 3px solid #fff;
    border-radius: 50px;
    top: -5px;
    position: absolute;
    left: 48%;
    z-index: 1;
}
.org .org_cont .team .box:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #cfcfcf;
    top: -40px;
    left: 51%;
}

@media all and (min-width:768px) {
    .org .org_cont .team .box {
        width: 32%;
    }
    .org .org_cont .team:before {
        width: 68%;
        left: 16.5%;
    }
}

@media all and (min-width:1020px) {
    .org .org_cont .team .box {
        width: 15%;
        margin-top: 50px;
        padding: 20px;
    }
    .org .org_cont .team:before {
        width: 85%;
        left: 7.7%;
    }
    .org .org_cont .team .box:after {
        height: 50px;
        top: -50px;
    }
    .org .org_cont .ceo {
        margin-bottom: 50px;
        width: 200px;
        padding: 20px;
    }
    .org .org_cont .ceo:after {
        height: 50px;
        bottom: -50px;
    }
}

/*인증서*/
.certi .certi_cont ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}
.certi .certi_cont ul li {
    width: 48.5%;
}
.certi .certi_cont ul li .img {
    box-shadow: 0 0 15px -5px rgb(170 170 170);
}
.certi .certi_cont ul li .img img {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.certi .certi_cont ul li .text {
    margin-bottom: 20px;
}
.certi .certi_cont ul li .text p {
    padding: 10px 0;
    font-weight: 700;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
}
.certi .certi_cont ul li .text em {
    font-size: 0.9em;
    color: #737373;
}

@media all and (min-width:700px) {
    .certi .certi_cont ul li {
        width: 31.333%;
    }
}

@media all and (min-width:980px) {
    .certi .certi_cont ul li {
        width: 22.75%;
    }
    .certi .certi_cont ul li .text p {
        font-size: 1.2em;
        padding: 15px 0;
    }
    .certi .certi_cont ul li .text em {
        font-size: 1em;
    }
}

/*연혁*/
.cont_his {
    position: relative;
}
.his_cont ul {
    position: relative;
}
.his_cont ul li {
    position: relative;
}
.his_cont ul li strong {
    padding-left: 40px;
    position: relative;
    color: #017fe5;
    font-weight: bold;
    display: block;
    padding: 10px 0 10px 50px;
    font-size: 1.2em;
    margin-top: 15px;
}
.his_cont ul li strong:after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 12px;
    width: 35px;
    height: 35px;
    background: #017fe5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: scale(0.3);
}
.his_cont ul li ol {
    position: relative;
    margin-left: 50px;
    padding-bottom: 20px;
}
.his_cont ul li:before {
    position: absolute;
    display: block;
    content: '';
    left: 17px;
    top: 40px;
    width: 1px;
    height: 120%;
    background: #e4e4e4;
    transform: translateY(2%);
}
.his_cont ul li:last-child:before {
    height: 75%;
}
.his_cont ul li ol li:before {
    display: none;
}
.his_cont ul li ol li {
    position: relative;
    padding-left: 80px;
    margin-bottom: 5px;
}
.his_cont ul li ol li:last-child {
    margin-bottom: 0;
}
.his_cont ul li ol li .month {
    font-weight: 600;
    color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}
.his_img img {
    display: block;
    border-radius: 10px;
}

@media all and (min-width:768px) {
    .history .sub_tit {
        margin-bottom: 40px;
        border-bottom: 0;
    }
    .his_img {
        width: 350px;
        position: absolute;
    }
    .his_cont {
        padding-left: 380px;
        position: relative;
        width: 100%;
    }
}

@media all and (min-width:1200px) {
    .his_cont ul li strong {
        padding: 20px 0 20px 50px;
    }
    .his_cont ul li strong:after,
    .his_cont ul li strong:before {
        top: 18px;
    }
    .his_cont ul li ol li {
        padding-left: 100px;
        margin-bottom: 10px;
    }
    .his_img {
        width: 500px;
        padding-top: 20px;
    }
    .his_cont {
        padding-left: 550px;
    }
}

/*오시는길*/
.map .root_daum_roughmap_landing {
    width: 100% !important;
}
.root_daum_roughmap .wrap_controllers {
    display: none !important;
}
.map_info ul {
    /*border-top:1px solid #dcdcdc;*/
    margin-bottom: 40px;
}
.map_info ul:after {
    display: block;
    clear: both;
    content: "";
}
.map_info ul li {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    box-shadow: 0 5px 36px -11px rgb(196 196 196 / 61%);
}
.map_info ul li img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}
.map_info ul li .txt {
    width: 70%;
}
.map_info ul li .txt p {
    font-weight: 700;
    font-size: 1.1em;
}
.map_info ul li .txt em {
    letter-spacing: 0;
}

@media all and (min-width:768px) {
    .map_info ul {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }
    .map_info ul li {
        width: 31.333%;
        padding: 30px;
    }
    .map_info ul li:last-of-type {
        margin-right: 0;
    }
    .map_info ul li img {
        width: 40px;
        margin-bottom: 30px;
        display: block;
    }
    .map_info ul li .txt {
        width: 100%;
    }
    .map_info ul li .txt p {
        font-size: 1.25em;
    }
    .map_info ul li .txt em {
        font-size: 1.1em;
    }
}

@media all and (min-width:1200px) {
    .map_info ul li img {
        width: 50px;
        height: 50px;
    }
}

/*경영이념*/
.company {
    position: relative;
}
.company .box01 {
    padding-top: 60px;
}
.company .comp_txt {
    margin-bottom: 40px;
}
.company .comp_txt p {
    font-weight: bold;
    background: linear-gradient(to right,#017fe5, #1755bc);
    color: transparent;
    -webkit-background-clip: text;
    margin-bottom: 15px;
}
.company .comp_txt h3 {
    font-family: 'sb_titillium', 'Mnoto';
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.4;
}
.company .box01 .comp_cont .cont .txt {
    position: relative;
    margin: 20px 0;
    bottom: 0;
    z-index: 5;
    padding: 10px;
}
.company .box01 .comp_cont .cont .txt h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3em;
    position: relative; /* background: linear-gradient(to right,#017fe5, #1755bc); */
    /* color: transparent; */
    /* -webkit-background-clip: text; */
}
.company .box01 .comp_cont .cont .txt em {
    font-size: 1.1em;
    line-height: 25px;
    color: #585858; /* border-top: 1px solid #e4e4e4; */
    display: block;
}
.company .box01 .comp_cont .cont .img img {
    border-radius: 10px;
    box-shadow: 0 5px 36px -11px rgb(170 170 170);
}

.company .box02 {
    background: #edf3f8;
    position: relative;
    padding: 60px 0;
}
.company .box02 h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
}
.company .box02 ul li {
    display: flex;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    flex-direction: column;
}
.company .box02 ul li img {
    margin-right: 10px;
    width: 50px !important;
    margin-bottom: 20px;
}
.company .box02 ul li .txt {
    margin-top: 5px;
}
.company .box02 ul li .txt p {
    font-weight: bold;
    font-size: 1.3em;
}
.company .box02 ul li .txt em {
    color: #585858;
}

@media all and (min-width:600px) {
    .company .box02 ul {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }
    .company .box02 ul li {
        width: 31.333%;
        margin-bottom: 0;
    }
    .company .box02 ul li:last-child {
        margin-right: 0;
    }

    /*.company .box01 .comp_cont .cont{display:flex;flex-wrap:wrap;margin-bottom: 30px;flex-direction: row;position: relative;}
.company .box01 .comp_cont .cont:nth-child(2){flex-direction: row-reverse;}
.company .box01 .comp_cont .cont:nth-child(2) .img{margin-right:0%; margin-left: 3%;}
.company .box01 .comp_cont .cont .img{width: 50%;margin-right: 3%;}
.company .box01 .comp_cont .cont .txt{width: 47%;margin: 0px;position: absolute;right: 0;}
.company .box01 .comp_cont .cont:nth-child(2) .txt{left:0}
.company .box01 .comp_cont .cont .txt h4{font-size: 1.4em;}*/
    /*.company .box01 .comp_cont .cont .txt h4:after{display: block;clear: both;content: "";position:absolute;background: url(../img/intro_bg.png) no-repeat;width: 80px;height: 80px;background-size: 100%;left: 40px;top: -30px;z-index: -5;}*/
}

@media all and (min-width:768px) {
    .company .box01 .comp_cont {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    }
    .company .box01 .comp_cont .cont {
        width: 31.333%;
    }
    .company .box01 .comp_cont .cont:last-of-type {
        margin-right: 0;
    }
    .company .comp_txt em {
        font-size: 1.1em;
    }
    .company .comp_txt h3 {
        font-size: 1.55em;
    }
}

@media all and (min-width:980px) {
    .company .comp_txt h3 {
        font-size: 1.6em;
    }
    .company .comp_txt em {
        font-size: 1.2em;
    }
    .company .comp_txt {
        margin-bottom: 60px;
    }

    .company .box01 .comp_cont .cont {
        margin-bottom: 60px;
    }
    .company .box01 {
        padding-top: 80px;
    }
}

@media all and (min-width:1200px) {
    .company .box01 {
        padding-top: 100px;
    }
    .company .box02 {
        padding: 100px 0;
    }
    .company .box02 ul li {
        padding: 30px;
    }
    .company .box02 ul li img {
        margin-bottom: 30px;
        width: 60px !important;
    }
}

/*제품소개*/
.prod_list {
    position: relative;
}
.prod_list .tab-area {
    width: 100%;
    display: flex; /* flex-direction:row; */
    flex-wrap: wrap;
    overflow: hidden;
    /* justify-content: flex-end; */
}
.prod_list .tab-area input {
    display: none;
}
.prod_list .tab-area label {
    display: block;
    width: 50%;
    text-align: center;
    padding: 15px 0; /* margin: 0 2% 15px 2%; */
    font-weight: 400;
    background: #f8f8f8;
    border-right: 1px solid #ebebeb;
}
.prod_list .tab-area label:last-of-type {
    border-right: 0;
}
.prod_list .tab-area label:hover {
    /* cursor: pointer; */
    /* font-weight: 700; */
    transition: all 0.3s linear;
}
.prod_list .tab-area input:checked + label {
    background: linear-gradient(to right,#017fe5, #1755bc);
    color: #fff;
    font-weight: 700;
}
.prod_list .tab-content {
    width: 100%;
    display: none;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
    display: flex;
}

.product {
    margin-top: 0;
}
.product .txt .left p {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 20px;
}
.top_content {
    position: relative;
}
.top_content.bg:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/excavator/prod_cont01_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg02:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/industrial/prod_cont02_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg03:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/loder/prod_cont03_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg04:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/excavator/prod_cont04_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg042:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/loder/prod_cont04_2_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg05:before {
    display: block;
    clear: both;
    content: "";
    background: url("../images/product/cylinder/prod_cont05_bg.jpg") no-repeat 30% top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg06:before {
    display: block;
    clear: both;
    content: "";
    background: url("../img/prod_cont06_bg.jpg") no-repeat 30% top;
    background-size: 100%;
    width: 1900px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg07:before {
    display: block;
    clear: both;
    content: "";
    background: url("../img/prod_cont07_bg.jpg") no-repeat 30% top;
    background-size: 100%;
    width: 1900px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg08:before {
    display: block;
    clear: both;
    content: "";
    background: url("../img/prod_cont08_bg.jpg") no-repeat 30% top;
    background-size: 100%;
    width: 1900px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content.bg09:before {
    display: block;
    clear: both;
    content: "";
    background: url("../img/prod_cont09_bg.jpg") no-repeat 30% top;
    background-size: 100%;
    width: 1900px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.top_content h4 {
    /* padding-top: 40px; */
    color: #fff;
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff47;
    padding-bottom: 20px;
}
.top_content h3 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.top_content {
    padding: 40px 0;
}
.top_content .txt {
    color: #fff;
}
.product .txt2 {
    color: #fff;
    font-size: 1.3em;
}
.product .txt3 {
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px 40px;
    font-size: 1.2em;
    background: #ffffff24;
}
.top_content .txt .right {
    padding-bottom: 40px;
}
.top_content .txt .left p {
    color: #ffffff;
}

.prod_cont01 {
    padding-top: 40px;
}
.prod_cont01 .right ul {
    display: flex;
    flex-wrap: wrap;
}
.prod_cont01 .right ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.prod_cont01 .right ul li:nth-of-type(even) {
    margin-right: 0;
}
.prod_cont01 .right ul li img {
    box-shadow: 0 5px 36px -11px rgb(196 196 196);
    position: relative;
}
.prod_cont01 .right ul li p {
    background: #a8b3bf;
    padding: 7px 0;
    z-index: 5;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.05em;
    letter-spacing: 0;
}

.prod_cont02,
.prod_cont04,
.prod_cont04.oth:last-of-type,
.prod_cont05 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.prod_cont04.oth {
    padding: 0;
}
.prod_cont02 .txt .right ul li {
    display: flex;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.prod_cont02 .txt .right ul li img {
    margin-right: 15px;
    width: 40px !important;
}
.prod_cont02 .txt .right ul li p {
    display: flex;
    align-items: center;
    font-size: 1.1em;
}

.prod_cont03 .right .type:nth-of-type(1) {
    margin-bottom: 40px;
}
.prod_cont03 .right .type p.point {
    /* color: #0a83e5; */
    font-weight: 600;
    position: relative;
    margin-left: 5px;
    background: #f8f8f8;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1.1em;
}
.prod_cont03 .right .type p.point:before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    width: 5px;
    height: 40px;
    background-color: #778595;
    left: -5px;
    top: 0;
}
.prod_cont03 .right .type ul {
    display: flex;
    flex-wrap: wrap;
}
.prod_cont03 .right .type ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.prod_cont03 .right .type ul li:nth-of-type(even) {
    margin-right: 0;
}
.prod_cont03 .right .type ul li img {
    box-shadow: 0 5px 36px -11px rgb(196 196 196);
    position: relative;
}
.prod_cont03 .right .type ul li p {
    background: #a8b3bf;
    padding: 7px 0;
    z-index: 5;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 0;
}

.prod_cont04 img {
    box-shadow: 0 5px 36px -11px rgb(196 196 196);
    margin-bottom: 20px;
}
.prod_cont04.oth img {
    box-shadow: none;
}
.prod_cont04 p.pbg {
    background: #a8b3bf;
    padding: 7px 0;
    z-index: 5;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 0;
}

@media all and (min-width:500px) {

    .product {
        margin-top: 10px;
    }
    
    .prod_list .tab-area label {
        width: 25%;
    }
    .product .txt3 {
        width: 500px;
        margin: 0 auto;
        font-size: 1.2em;
    }
}

@media all and (min-width:768px) {

    .product {
        margin-top: 50px;
    }

    .prod_list .tab-area label {
        width: 20%;
    }
    .product .txt {
        display: flex;
        flex-wrap: wrap;
    }
    .product .txt .left {
        width: 30%;
    }
    .product .txt .right {
        width: 70%;
    }
    .product .txt .right2 {
        display: flex;
        flex-wrap: wrap;
        width: 70%;
    }
    .product .txt .left p {
        font-size: 1.5em;
        margin-bottom: 15px;
    }
.family .sub-box{}
.family .sub-box .left p{}
    .top_content h4 {
        font-size: 2em;
    }
    .top_content h3 {
        font-size: 2.2em;
    }
    .top_content .txt .right em {
        font-size: 1.1em;
        line-height: 28px;
    }
    .top_content {
        padding: 60px 0;
    }
    .prod_cont01 {
        padding-top: 60px;
    }
    .prod_cont02,
    .prod_cont04,
    .prod_cont05 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .prod_cont02 .txt .right ul li {
        margin-bottom: 20px;
    }
    .prod_cont03 .right .type:nth-of-type(1) {
        margin-bottom: 60px;
    }
    .prod_cont03 .right .type p.point {
        margin-bottom: 40px;
        font-size: 1.2em;
        padding: 10px 20px;
    }
    .product .txt3 {
        width: 700px;
        font-size: 1.3em;
    }
}

@media all and (min-width:980px) {
    .prod_list .tab-area label {
        width: 14%;
        padding: 20px 0;
    }
    .product .txt .right2 img {
        width: 49% !important;
        margin-right: 2%;
    }
    .product .txt .right2 img:nth-of-type(even) {
        margin-right: 0;
    }
    .top_content h4 {
        font-size: 2.5em;
    }
    .top_content h3 {
        font-size: 3em;
    }
    .top_content .txt .right em {
        font-size: 1.2em;
        line-height: 35px;
    }
    .top_content:before {
        width: 100%;
    }
    .prod_cont01 .right ul li {
        width: 32%;
    }
    .prod_cont01 .right ul.w4 li {
        width: 23.5%;
    }
    .prod_cont01 .right ul li:last-of-type,
    .prod_cont01 .right ul.w2 li:nth-of-type(3) {
        margin-right: 0;
    }
    .prod_cont01 .right ul li:nth-of-type(2),
    .prod_cont01 .right ul.w2 li:nth-of-type(4),
    .prod_cont01 .right ul.w4 li:nth-of-type(3) {
        margin-right: 2%;
    }
    .top_content {
        padding: 80px 0;
    }
    .prod_cont01 {
        padding-top: 80px;
    }
    .prod_cont02,
    .prod_cont04,
    .prod_cont04.oth:last-of-type,
    .prod_cont05 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .prod_cont03 .right .type ul li {
        width: 23.5%;
        margin-right: 2%;
    }
    .prod_cont03 .right .type ul li:nth-of-type(2) {
        margin-right: 2%;
    }
    .prod_cont03 .right .type ul li:nth-of-type(4),
    .prod_cont03 .right .type:nth-of-type(1) {
        margin-bottom: 80px;
    }
    .prod_cont04 img {
        width: 100%;
    }
}

@media all and (min-width:1200px) {
    .top_content {
        padding: 100px 0;
    }
    .prod_cont02,
    .prod_cont04,
    .prod_cont04.oth:last-of-type,
    .prod_cont05 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .prod_cont02 .txt .right ul li img {
        width: 55px !important;
        margin-right: 20px;
    }
    .prod_cont02 .txt .right ul li p {
        font-size: 1.2em;
    }
    .prod_cont03 .right .type p.point:before {
        height: 52px;
    }
    .prod_cont03 .right .type:nth-of-type(1) {
        margin-bottom: 100px;
    }
}

/*서브메뉴  탭*/
.tap_de3 ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.tap_de3 li {
    width: 50%;
    float: left;
    text-align: center;
    background: #f8f8f8;
    border-right: 1px solid #e5e5e5;
}
.tap_de3 li:last-child {
    border-right: 0;
}
.tap_de3 li.on {
    background: linear-gradient(to right,#017fe5, #1755bc);
}
.tap_de3 li.on a {
    color: #fff;
    font-weight: 700;
}
.tap_de3 ul.w3 li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 0;
}
.tap_de3 a {
    display: block;
    color: #8d8d8d;
    padding: 10px 3px;
}

@media all and (min-width:650px) {
    .tap_de3 li {
        width: 25%;
    }
    .tap_de3 ul.w4 li {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tap_de3 ul.w3 li {
        width: 33.333%;
        border-right: 1px solid #e5e5e5;
        border-bottom: 0;
    }
    .tap_de3 ul.w3 li:last-child {
        border-right: 0;
    }
}

@media all and (min-width:900px) {
    .tap_de3 li {
        width: 14.28%;
        padding: 10px 0;
    }
    .tap_de3 ul.w4 li {
        padding: 10px 3px;
        letter-spacing: 0;
    }
}

/*기술현황*/
.prod_cont06 .left p {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 20px;
}
.prod_cont06 .right .img {
    /* margin-bottom: 20px; */
}
.prod_cont06 .right .img .pc {
    display: none;
}
.prod_cont06 .right .box {
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    mix-blend-mode: multiply;
    margin: 0 auto;
}
.prod_cont06 .right .box:after {
    display: block;
    clear: both;
    content: "";
    background: url(../img/b_btn.png)no-repeat;
    width: 12px;
    height: 7px;
    position: absolute;
    bottom: 6px;
    z-index: 999;
    background-size: 100%;
}
.prod_cont06 .right .box:last-of-type:after {
    display: none;
}
.prod_cont06 .right .box p b {
    font-size: 1.3em;
    font-weight: 700;
}
.prod_cont06 .right .box.col01 {
    background: #82cafe;
}
.prod_cont06 .right .box.col02 {
    background: #449fd8;
    top: -20px;
    position: relative;
}
.prod_cont06 .right .box.col03 {
    background: #2977bf;
    top: -40px;
    position: relative;
}
.prod_cont06 .right .box.col04 {
    top: -60px;
    position: relative;
    background: #00498e;
}
.prod_cont06 .right .txt ul {
    padding: 20px 0;
}
.prod_cont06 .right .txt ul li {}
.prod_cont06 .right .txt ul li p {
    font-size: 1.15em;
    font-weight: 700;
    background: #a8b3bf12;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424;
    padding: 7px 0;
    border-top: 3px solid #a8b3bfa6;
    border-bottom: 1px solid #a8b3bf63;
}
.prod_cont06 .right .txt ul li em {
    display: block;
    border-bottom: 1px solid #a8b3bf63;
    font-size: 1.1em;
    line-height: 28px;
    padding: 10px;
}

@media all and (min-width:600px) {
    .prod_cont06 .right .txt ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .prod_cont06 .right .txt ul li {
        width: 50%;
    }
    .prod_cont06 .right .txt ul li:nth-of-type(odd) {
        border-right: 1px solid #a8b3bf63;
    }
    .prod_cont06 .right .cir {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        left: 30px;
    }
    .prod_cont06 .right .cir .box {
        width: 25%;
        margin: 0;
        top: 0;
        height: 140px;
    }
    .prod_cont06 .right .box.col02 {
        left: -20px;
    }
    .prod_cont06 .right .box.col03 {
        left: -40px;
    }
    .prod_cont06 .right .box.col04 {
        left: -60px;
    }
    .prod_cont06 .right .box:after {
        right: 4px;
        top: 60px;
        background: url(../img/r_btn.png)no-repeat;
        width: 10px;
        height: 20px;
        background-size: 100%;
    }
}

@media all and (min-width:800px) {
    .prod_cont06 {
        display: flex;
        flex-wrap: wrap;
    }
    .prod_cont06 .left {
        width: 30%;
    }
    .prod_cont06 .right {
        width: 70%;
    }
    .prod_cont06 .right .img .mob {
        display: none;
    }
    .prod_cont06 .right .img .pc {
        display: block;
    }
    .prod_cont06 .right .cir .box {
        margin-bottom: 20px;
    }
}

@media all and (min-width:1430px) {
    .prod_cont06 .right .txt ul li {
        width: 25%;
    }
    .prod_cont06 .right .txt ul li:nth-of-type(2) {
        border-right: 1px solid #a8b3bf63;
    }
    .prod_cont06 .right .txt ul li em {
        padding: 20px 10px;
        line-height: 30px;
    }
}

/*주요고객사*/
.Client h3 {
    color: #999999;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}
.Client h3 b {
    font-weight: bold;
    font-size: 1.5em;
    color: #333333;
    margin-right: 10px;
}
.Client ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 2%;
}
.Client ul li {
    width: 49%;
    margin-bottom: 20px;
}
.Client ul li img {
    box-shadow: 0 5px 36px -11px rgb(196 196 196 / 54%);
    margin-bottom: 10px;
    width: 100%;
}
.Client ul li p {
    text-align: center;
    font-weight: 700;
    padding-left: 10px;
}
.Client ul li .txt {
    display: flex;
    flex-wrap: wrap;
}
.Client ul li .txt p {
    text-align: center;
    font-weight: 700;
}
.Client ul li .txt span {
    color: #1570c2;
    display: flex;
    align-items: center;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 5px;
}

@media all and (min-width:600px) {
    .Client h3 {
        font-size: 1.1em;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }
    .Client h3 b {
        font-size: 1.8em;
    }
    .Client ul:nth-of-type(1) {
        margin-bottom: 60px;
    }
    .Client ul li {
        width: 32%;
        margin-bottom: 40px;
    }
}

@media all and (min-width:768px) {
    .Client h3 {
        padding-bottom: 35px;
        margin-bottom: 50px;
    }
    .Client ul:nth-of-type(1) {
        margin-bottom: 100px;
    }
    .Client ul li {
        width: 18.333%;
    }
}

/*설계능력*/
.ability {
    position: relative;
    background: #edf3f8;
    padding-top: 60px;
}
.ability:after {
    display: block;
    clear: both;
    content: "";
    background: #edf3f8;
    position: absolute;
    width: 100%;
    height: 300px;
}
.ability .cont .box {
    width: 100%; /* border-bottom: 1px solid #e5e5e5; */
    padding: 20px;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}
.ability .cont .box img {
    width: 40px;
    margin-bottom: 20px;
}
.ability .cont .box .txt {}
.ability .cont .box h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ability .cont .box p {
    color: #515151;
}

@media all and (min-width:500px) {
    .ability .cont .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .ability .cont .box img {
        width: 50px;
        margin-bottom: 0;
        margin-right: 15px;
    }
    .ability .cont .box .txt {}
}

@media all and (min-width:768px) {
    .ability .cont {
        display: flex;
        flex-wrap: wrap;
    }
    .ability .cont .box {
        width: 23.5%; /* border: 1px solid #e5e5e5; */
        margin-right: 2%;
    }
    .ability .cont .box:last-of-type {
        margin-right: 0;
    }
    .ability .cont .box img {
        margin-bottom: 30px;
    }
    .ability .cont .box .img {
        width: 100%;
    }
}

@media all and (min-width:980px) {
    .ability .cont .box {
        padding: 25px;
    }
    .ability {
        padding-top: 100px;
    }
}

/*패밀리사이트*/
.family .left{}
.family .sub-box{
    background: #f8f8f8;
    padding: 20px;
}
.family .sub-box .left p{
    font-size: 1.2em;
}
.family .prod_cont03 .sub-box .right .type p.point{background:#fff;}
.family .left p{
    margin-bottom: 10px !important;
}
.family .left span{
    color: #444;
    display: block;
    margin-bottom: 10px;
}
.family .left span em{
    background: #778595;
    color: #fff;
    margin-left: 10px;
    padding: 1px 5px;
    font-size: 0.9em;
}
.family .left span em.c{background: #95777b;}
.family .logo{
    margin-bottom: 40px;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}
.family .logo img{
    width: 46%;
    max-width: 150px;
}
.cols-box .cols {
    margin-bottom: 30px;
}
.sub-box .cols-box .cols:last-child{margin-bottom:0px;}
.cols-box .cols .cols-box-in{
    /* background: #f8f8f8; */
    padding: 20px;
    border: 1px solid #dedede;
    border-top: 2px solid #222;
}
.cols-box .cols .cols-box-in b{
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    color: #222;
}
.cols-box .cols .type {}
.cols-box .cols .type:nth-of-type(1){
    margin-bottom: 0px;
}
.cols-box .cols .type .point {}
.cols-box .cols .type .point span{font-size:0.8em; font-weight:400; margin-left:10px; color:#666;}
.cols-box .cols .cols-list {
    border-top: 2px solid #222;
}
.cols-box .cols .cols-list li {
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding-left: 94px;
    color: #666;
}
.cols-box .cols .cols-list li a{
    color: #40aeff;
    text-decoration: underline;
}
.cols-box .cols .cols-list li strong {
    position: absolute;
    top: 11px;
    left: 0;
    color: #222;
}
.cols-box .cols .img-box{text-align:center;}
.cols-box .cols .cols-table {
    border-top: 2px solid #222;
    width: 100%;
}
.cols-box .cols .cols-table th {
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
}
.cols-box .cols .cols-table td {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #dedede;
    color: #666;
    vertical-align: middle;
}
.cols-box .cols .dot-list {}
.cols-box .cols .dot-list li {
    position: relative;
    padding-left: 9px;
    margin-bottom: unset !important;
}
.cols-box .cols .dot-list li:after{
    display:block;
    clear:both;
    content:"";
    width:3px;
    height:3px;
    background: #778595;
    border-radius:50%;
    position: absolute;
    top: 8px;
    left: 0;
}
.cols-box .cols .dot-list ol li{
    font-size: 0.9em;
    padding-left: 7px;
    color: #666;
}
.cols-box .cols .dot-list ol li:after{
    display:block;
    clear:both;
    content:"";
    width:2px;
    height:2px;
    background: #778595;
    border-radius:50%;
    position: absolute;
    top: 8px;
    left: 0;
}

.img-list{
    display: flex;
    gap: 10px;
    text-align: center;
    flex-wrap: wrap;
}
.img-list li{width: calc(33.3333% - 6.666666666666667px);}
.img-list li img{}
.img-list li p{
    font-size: 14px;
    margin-top: 10px;
}
.family .txt.line{
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
}
@media all and (min-width:500px) {
.family .logo{
    margin-top: -70px;
}
}
@media all and (min-width:768px) {

	
.family .left{}
.family .left p{}
.family .left span{}
    .family .logo{
    /* margin-top: 0px; */
    display: flex;
    flex-direction: row;
    margin-top: -67px;
}
    .family .logo img{
    width: unset;
}
.cols-box .cols {}
.cols-box .cols .type {}
.cols-box .cols .type .point {}
.cols-box .cols .cols-list {}
.cols-box .cols .cols-list li {}
.cols-box .cols .cols-list li strong {}
.cols-box .cols .cols-table {}
.cols-box .cols .cols-table th {}
.cols-box .cols .cols-table td {}
.cols-box .cols .dot-list {}
.cols-box .cols .dot-list li {}
.img-list{}
.img-list li{width: calc(20% - 8px);}
.img-list.list03 li{width: calc(33.3333% - 6.666666666666667px);}
.img-list li img{}
.img-list li p{}
    .product.family .txt{
    display: block;
}
    .product.family .txt .left{width:100%;}
    .product.family .txt .right{width:100%;}
.family .txt.line{
    margin-bottom: 50px;
}
}

@media all and (min-width:1200px) {

	
.family .left{}
.family .left p{
    font-size: 2.2em !important;
    margin-bottom: 5px !important;
}
.family .sub-box{
    padding: 50px;
}
.family .sub-box .left p{
    font-size: 1.8em !important;
}
.family .left span{}
.cols-box .cols {
    width: 50%;
    margin-bottom: 0px;
}
.cols-box .cols .type {}
.cols-box .cols .type .point {
    margin-bottom: 20px !important;
}
.cols-box .cols .cols-list {}
.cols-box .cols .cols-list li {
    padding-left: 110px;
}
.cols-box .cols .cols-list li strong {}
.cols-box .cols .cols-table {}
.cols-box .cols .cols-table th {}
.cols-box .cols .cols-table td {}
.cols-box .cols .dot-list {}
.cols-box .cols .dot-list li {
    padding-left: 12px;
}
    .cols-box{
    display: flex;
    gap: 50px;
}
.img-list{}
.img-list li{
}
.img-list li img{}
.img-list li p{
    font-size: 16px;
}
    .cols-box .cols .dot-list li:after{
    width: 4px;
    height: 4px;
    top: 11px;
}
    .cols-box .cols .dot-list ol li:after{
    top: 10px;
}
    .cols-box .cols .cols-box-in b{
    font-size: 18px;
}
    .cols-box .cols .cols-box-in{
    padding: 25px;
}
    .family .logo{
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-end;
    margin-top: -75px;
}
    .family .logo img{
    max-width: 200px;
    margin-bottom: 6px;
    max-width: unset;
    height: 54px;
}
.family .txt.line{
    margin-bottom: 100px;
}.cols-box .cols .img-box.lay{text-align:left;}
    .cols-box .cols .img-box.lay img{width:50%;}
}