/* 인사말 */


section.company h3.company_h3 {
    font-size: 36px;
    font-family: 'Montserrat','Noto Sans KR';;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 0px;text-align: center;color:#4d4242
}
section.company.company_01 {height: auto;overflow: hidden}

section.company.company_01 .ceo-box {
    background-repeat: no-repeat;
    height: auto;
    overflow: hidden;
    padding: 10px 0px 20px 0px;
    display: flex;
    align-items: center;
}

section.company.company_01 .ceo-box .ad_01 {background:#f6f6f6; margin:0 auto;width:100%;text-align: center}
section.company.company_01 .ceo-box .ad_01 img {width:100%;text-align: center;max-width:1100px}
section.company.company_01 .ceo-box .text {
    position:relative;
    text-align: center;
    font-size: 42px;
    line-height: 55px;
    padding:10px 0px;
    font-family: 'Montserrat','Noto Sans';
    font-weight:900;
    color: #333;
    background: #fff;width:100%;height:auto;overflow: hidden;
    

}

section.company.company_01 .ceo-box .text p {
    font-size: 24px;
    margin-top: 28px;
    font-weight: 500;
    color: #333333;
    position: relative;
    display: inline-block;
    font-family: 'Noto Sans KR';
}

section.company.company_01 .ceo-box .text p::before {
    position: absolute;
    width: 100%;
    height: 0px;
    background: #333;
    content: '';
    margin-top: 36px;
}


section.company .about_text h1 {
    font-size: 36px;text-align: center;
    color: #333;
    font-weight: 600;
    font-family: 'Noto Sans KR';
    line-height: 66px;
}
section.company .about_text p {
    font-size: 16px;text-align: center;
    color: #333;
    
    font-family: 'Noto Sans KR';
    line-height: 24px;
}

section.company .about_text h1 span {
    position: relative;
    z-index: 0;
}
section.company .about_text img {width:90%;max-width:400px}
section.company .about_text h1 span::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 52px;
}

section.company .about_text {
    width:98%;max-width:1300px;
    line-height: 33px;margin: 0px auto;
    font-size: 18px;
}
section.company .about_text .text2 {text-align: center;margin: 10px auto 40px;color:#333}
section.company .about_text .left {width:50%;height:auto; float:left;margin:10px auto;text-align: center;padding:20px 20px}
section.company .about_text .left img {width:100%;max-width:700px;}
section.company .about_text .right {width:46%;height:auto;float:left;margin:10px auto;margin:120px 10px}
section.company .about_text .right h3 {font-size:24px;font-weight: 600;text-align: left;font-family: 'Noto Sans KR';color:#333}
section.company .about_text .right p {font-size:18px;text-align: left;font-family: 'Noto Sans KR';color:#333}

/* 인사말 마감 */

/* 회사소개 */
section.company.company_02  {
    background-repeat: no-repeat;
    height: auto;
    position: relative;
}

section.company.company_02 .text {
    position: relative;   
    max-width: 1200px;
    color: #333;
    margin: 0 auto;
    padding: 20px 0px;
    
}

section.company.company_02 .text p {
    color: #333;
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;margin: 30px auto 0px;   

}
section.company.company_02 .text img {width:100%; max-width: 1200px;text-align: center}

section.company.company_02 .table_wrap {
    margin-top: 80px;
}

section.company.company_02 .table_wrap .table {
    border-top: 3px #000 solid;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {    
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #e3e3e3;
}



section.company_03 {width:98%;max-width:1400px;margin: 0 auto}
section.company_03 #tab_wrap {
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 60px auto;
}

section.company_03 .history-left h2 {
    font-size: 47px;
    color: #000;
    font-family:'Noto Sans','Noto Sans KR', sans-serif;
    font-weight: 700;
    float: left;

}

section.company_03 .history-left h2 span {
    font-size: 49px;
    color: #370019;
    font-family: 'Noto Sans','Noto Sans KR';
    font-weight: 800;
    padding-left: 0;
    margin-left: 0;

}

section.company_03 .history-left span {
    font-size: 26px;
    line-height: 68px;
    padding-left: 20px;
    text-align: left;
     font-family:'Noto Sans','Noto Sans KR';
}

section.company_03 .history-left p.text {
    color: #484848;
    font-family: 'Noto Sans KR';
    margin-top: 30px;


}

section.company_03 .history-left .image {
    margin-top: 70px;
}

section.company_03 .history-right {
    background: url("/theme/ddf/img/company/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 80px;
}

section.company_03 .history-right .box {
    background: url('/theme/ddf/img/company/dot.png') 0 14px no-repeat;
    margin-bottom: 30px;
    border-bottom: 0;
    padding-left: 60px;
    font-size: 30px;
    font-weight: 900;
}

section.company_03 .history-right .box h2 {
    font-weight: 900;
    font-family: 'Noto Sans','Noto Sans KR';
    margin-bottom: 20px;
    color: #000;
}

section.company_03 .history-right dl {
    display: flex;
    margin-bottom: 8px;

}

section.company_03 .history-right dl dt span {
    background: #efefef;
    display: block;
    border-radius: 1em;
    text-align: center;
    font-size: 15px;
    color: #a1a1a1;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 50px;
    margin-right: 12px;
    font-weight: 600;
}

section.company_03 .history-right dl dd {
    font-size: 18px;
    color: #686868;
    font-weight: 400;

}

/* 회사소개 마감 */
/* 오시는 길 */
section.company_04 {width:100%;max-width:1400px;margin:20px auto;padding:10px}
section.company_04 #map p.sky {
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 16px 48px 18px;
}

section.company_04 #map .root_daum_roughmap {
    width: 100%;
}

section.company_04 .table_wrap {
    margin-top: 60px;
}

section.company_04 .table_wrap .title h2 {
    font-size: 33px;
    font-weight: 900;
    color: #000;
    margin-bottom: 24px;
    font-family: 'Noto Sans KR';
}

section.company_04 .table_wrap .title span {
    font-size: 22px;
    font-weight: 100;
    color: #868686;
    font-family: 'Open Sans', sans-serif;
    padding-left: 12px;
}

section.company_04 .table_wrap .title a.btn {
    font-size: 16px;
    color: #000;
    border: 1px #000 solid;
    border-radius: 0;
}

section.company_04 .table_wrap .table {
    border-bottom: 1px #ddd solid;
}

section.company_04 .table_wrap .table {
    border-top: 3px #000 solid;
}

section.company_04 .table_wrap .table th,
section.company_04 .table_wrap .table td {
    font-size: 16px;
    line-height: 30px;
}

section.company_04 .table_wrap .table span.blue {
    background: #7182f5;
    line-height: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0.2em;
    margin-right: 6px;
}

/* 오시는 길 마감 */


section.business {display: flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%;height:auto;padding:30px;background:#ddd;}
section.business .box {width:23%;margin:1%;height:300px;padding:20px 5px; background: rgba(255,255,255,.8);justify-content: center;text-align: center;border-radius: 10px;}
section.business .box img {width:100%;max-width:130px}
section.business .box h3 {font-size:20px;color:#333;line-height:36px}
section.business .box p {font-size:16px;color:#333}

@media(min-width:992px) {
    section.company .about_text .text {
        margin-left: 70px;margin-top: 10px;font-family: 'Noto Sans KR';color:#333;
    }

    section.company.company_02 .table_wrap .table tbody th,
    section.company.company_04 .table_wrap .table tbody th {
        width: 170px;
        padding-left: 40px;
    }

    section.company_03 .history-right {
        margin-left: 80px;
    }

    section.company_04 .table_wrap .table th,
    section.company_04 .table_wrap .table td {
        line-height: 45px;
    }
}

@media(max-width:991px) {
section.business {display: flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%;height:auto;padding:30px 10px;background:#ddd;}
section.business .box {width:48%;margin:1%;height: auto; min-height:300px;padding:20px 5px; background: rgba(255,255,255,.8);justify-content: center;text-align: center;border-radius: 10px;}
section.business .box img {width:70%;min-width:70px}
section.business .box h3 {font-size:18px;color:#333}
section.business .box p {font-size:14px;color:#333}


    section.company h3.company_h3 {
        font-size: 18px;
        font-family: 'Montserrat','Noto Sans KR';
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    section.company.company_01 h3.company_h3 {
        padding-bottom: 20px;
    }

    section.company.company_01 .ceo-box {
        background-repeat: no-repeat;
        height: auto;padding: 0px;
        display: flex;
        align-items: center;
        background-position: 60% 0%;
        background-size: cover
    }

section.company.company_01 .ceo-box .text {
    position:relative;
    text-align: center;
    font-size: 28px;
    line-height: 35px;padding:30px 0px 0px 0px;
    font-family:'Montserrat', 'Noto Sans KR';
    margin:0px auto;font-weight:800;
    color: #333;
    background: #fff;width:98%;height:auto;
    

}

section.company.company_01 .ceo-box .text p {
    font-size: 14px;line-height: 16px;
    margin-top: 20px;
    font-weight: 400;
    color: #333333;
    position: relative;
    display: inline-block;
    font-family: 'Noto Sans KR';
}
    section.company.company_01 .ceo-box .text p::before {
        position: absolute;
        width: 100%;
        height: 0px;
        background: #000;
        content: '';
        margin-top: 20px;
    }

    section.company .about_text {
        margin-top: 0px;
        line-height: 26px;
        font-size: 14px;
    }

section.company .about_text .text2 {text-align: center;margin: 10px auto 40px;color:#333}
section.company .about_text .left {width:98%;height:auto; float:none;margin:10px auto;text-align: center;padding:20px 20px}
section.company .about_text .left img {width:100%;max-width:700px;}
section.company .about_text .right {width:96%;height:auto;float:none;margin:10px auto;padding:15px}
section.company .about_text .right h3 {font-size:24px;font-weight: 600;text-align: left;font-family: 'Noto Sans KR';color:#333}
section.company .about_text .right p {font-size:14px;text-align: left;font-family: 'Noto Sans KR';color:#333}
    
 section.company.company_02 .text p {
    color: #333;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;margin: 10px auto 10px;   

}   
    
    section.company .about_text h1 {
        font-size: 24px;
        color: #333;
        font-weight: 600;
        font-family: 'Noto Sans KR';
        line-height: 34px;
        margin-bottom: 32px;
    }

    section.company .about_text h1 span {
        position: relative;
        z-index: 0;
    }

    section.company .about_text h1 span::before {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 6px;
        background: rgba(255, 234, 93, 1);
        content: '';
        margin-top: 28px;
    }

    /* 회사소개 */
    section.company.company_02 .ceo-box {
        background-repeat: no-repeat;
        height: 180px;
        position: relative;
        /* margin-top: 42px; */
        background-size: cover;

    }

    section.company.company_02 .ceo-box .text {
        right: 0;
        position: absolute;
        bottom: 0;
        color: #fff;
        text-align: right;
        padding-right: 15px;
        padding-bottom: 15px;
        font-size: 12px;
    }

    section.company.company_02 .ceo-box .text p {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 900;
        text-transform:

    }

    section.company.company_02 .table_wrap {
        margin-top: 40px;
    }

    section.company.company_02 .table_wrap .table {
        border-top: 2px #000 solid;
    }

    section.company.company_02 .table_wrap .table tbody th {
        min-width: 90px;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 5px;
        line-height: 1.22857143;
        vertical-align: top;
        border-top: 1px solid #e3e3e3;
    }

    /* 회사소개 마감 */
    /* 연혁 */
    section.company_03 #tab_wrap {
        border: 0;
        border-top: 0;
        border-bottom: 0;
        margin: 30px auto;
    }

    section.company_03 .history-left h2 {
        font-size: 28px;
        color: #000;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 700;

    }

    section.company_03 .history-left h2 span {
        font-size: 30px;
        color: #370019;
        font-family: 'Noto Sans';
        font-weight: 800;
        padding-left: 0;
        margin-left: 0;

    }

    section.company_03 .history-left span {
        font-size: 16px;
        line-height: 40px;
        padding-left: 12px;
        letter-spacing: 0;
    }

    section.company_03 .history-left p.text {
        color: #484848;
        font-family: 'Noto Sans KR';
        margin-top: 6px;
        text-align: left;


    }

    section.company_03 .history-left .image {
        margin-top: 30px;
    }

    section.company_03 .history-right {
        margin-top: 35px;
        margin-left: 0;
    }

    section.company_03 .history-right .box {
        background: url('/theme/ddf/img/company/dot.png') 0 8px no-repeat;
        margin-bottom: 20px;
        border-bottom: 0;
        padding-left: 40px;
        font-size: 26px;
        font-weight: 900;
    }

    section.company_03 .history-right .box h2 {
        font-weight: 900;
        font-family: 'Noto Sans KR';
        margin-bottom: 16px;
        color: #000;
    }

    section.company_03 .history-right dl {
        display: flex;
        margin-bottom: 8px;


    }

    section.company_03 .history-right dl dt span {
        background: #efefef;
        display: block;
        border-radius: 1em;
        text-align: center;
        font-size: 13px;
        color: #a1a1a1;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 42px;
        margin-right: 12px;
        font-weight: 600;
    }

    section.company_03 .history-right dl dd {
        font-size: 14px;
        color: #686868;
        font-weight: 400;
        padding-top: 2px;

    }

    /* 연혁 마감 */
    /* 오시는 길 */
    section.company_04 #map p.sky {
        position: absolute;
        z-index: 2;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 12px 28px 12px;
    }

    section.company_04 .table_wrap {
        margin-top: 30px;
        border: 0;
    }
    section.company_04 .table_wrap .table {
        border-left: 0px #ddd solid;

    }
    section.company_04 .table_wrap .title {
        margin-bottom: 20px;
    }
    section.company_04 .table_wrap .title h2 {
        font-size: 24px;
        font-weight: 900;
        color: #000;
        margin-bottom: 6px;
    }

    section.company_04 .table_wrap .title span {
        font-size: 13px;
        font-weight: 100;
        color: #868686;
        padding-left: 6px;
    }

    section.company_04 .table_wrap  .title a.btn {
        font-size: 13px;
        color: #000;
        border: 1px #000 solid;
        border-radius: 0;
    }
    section.company_04 .table_wrap .table {
        border-top: 2px #000 solid;
    }
    
    section.company_04 .table_wrap .table th {
        width: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }
    section.company_04 .table_wrap .table th,
    section.company_04 .table_wrap .table td {
        font-size: 14px;
        line-height: 45px;
    }
    
    section.company_04 .table_wrap .table span.blue {
        background: #7182f5;
        line-height: 14px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        border-radius: 0.2em;
        margin-right: 6px;
    }
    section.company_04 .embed-container {
        position: relative;
        padding-bottom: 80%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    section.company_04 .embed-container iframe,
    section.company_04 .embed-container object,
    section.company_04 .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* 오시는 길 마감  */


}

@media (min-width:1280px){ 

     section.company .inner {width:100%;height:auto;margin:100px auto 30px;padding:30px 0px;background-color:#f6f6f6;overflow:hidden;}
     section.company .inner .box_wrap {max-width:1400px;display: flex;flex-wrap: wrap;width:100%;margin: 20px auto;}   
     section.company .inner .box_wrap .box {width:30%;margin:1% auto;height:150px;text-align: center;background:#fff;border:1px solid #eee}
     section.company .inner .box_wrap .box h3 {color:#333;font-family: 'GmarketSansBold';font-size: 24px;text-align: left; padding:10px;border-bottom: 1px solid #eee;margin:20px 20px 5px 20px}
     section.company .inner .box_wrap .box p {color:#666;font-family: 'Noto Sans KR';font-size: 16px;line-height:24px; text-align: left;margin:20px 20px 5px 30px}
}

@media (max-width:1279px){ 
    section.company .inner {width:100%;height:auto;margin:40px auto;padding:30px 0px;background-color:#f6f6f6;overflow:hidden;}
     section.company .inner .box_wrap {display: flex;flex-wrap: wrap;width:100%;margin: 20px auto;}   
     section.company .inner .box_wrap .box {width:85%;margin:1% auto;height:130px;text-align: center;background:#fff;border:1px solid #eee}
     section.company .inner .box_wrap .box h3 {color:#333;font-family: 'GmarketSansBold';font-size: 17px;text-align: left; padding:10px;border-bottom: 1px solid #eee;margin:10px 20px 5px 20px}
     section.company .inner .box_wrap .box p {color:#666;font-family: 'Noto Sans KR';font-size: 14px;line-height:20px; text-align: left;margin:10px 20px 5px 30px}
    
}

@media (min-width:991px){
    .section-6-s  {position:relative;background-image:url('/theme/ddf/img/company/brand_bg.jpg'); background-position: top left; padding-top:0px;width:100%;height:700px; overflow: hidden;margin:0px;background-attachment: fixed}    
	.section-6-s .section-top {padding-top:170px;overflow:hidden;height:auto}
	.section-6-s .section-bottom {height:auto}
	.section-6-s .section-left, .section-6-s .section-right {width:100%;padding:30px 0px 40px 0px;overflow:hidden;height:auto;}
    .section-6-s .section-left .section-content h3{font-size:72px;text-align:left;color:#000;font-family:'Montserrat','Noto Sans','Noto Sans KR';font-weight:800;line-height:90px;letter-spacing: -4px; }
    .section-6-s .section-left .section-content p{font-size:28px;text-align:left;color:#222;line-height:32px;font-family:'Noto Sans','Noto Sans KR';font-weight:500}
	.section-6-s .section-top .section-image {width:100%;margin-left:auto;text-align:center;}
	.section-6-s .section-top .section-content, .section-6-s .section-bottom .section-content {position: relative; margin:60px 120px;color:#222;text-align:center;overflow:hidden;height:auto;float: right}
    .section-6-s .section-top .section-content p {padding:20px 0px;text-align:left;margin-bottom:0;font-size:20px;line-height:28px;font-weight:normal;word-break:keep-all;font-family:'Noto Sans KR','NanumGothic'}
    .section-6-s .section-bottom {background:#00407a;}
	.section-6-s .section-bottom .section-left {padding:50px;}
	.section-6-s .section-bottom .section-content {text-align:center;}
	/* zoom-out action - 이미지 확대 */
	.zoom-out img {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
	.section-action .zoom-out img {-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
	/* delay - 콘텐츠간 딜레이 */
	.section-6-s .section-top .section-content p, .section-6-s .section-bottom .section-image img {-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
	.section-6-s .section-bottom .section-content h3 {-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s;color:#fff;}
	.section-6-s .section-bottom .section-content p {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s;color:#fff;}
}

@media (max-width:991px){
    .section-6-s  {position:relative;background-image:url('/theme/ddf/img/company/brand_bg.jpg'); background-position: top center; padding-top:0px;width:100%;height:500px;overflow: hidden;background-attachment: fixed}    
    .section-6-s .section-top {padding-top:100px;overflow:hidden;height:auto}
    .section-6-s .section-left, .section-6-s .section-right {width:100%;padding:180px 0px 30px 30px;overflow:hidden;height:auto}
    .section-6-s .section-left .section-content h3{font-size:50px;text-align:left;color:#fff;line-height:50px;font-weight:800;font-family:'Montserrat','Noto Sans','Noto Sans KR' }
    .section-6-s .section-left .section-content p{font-size:17px;text-align:left;color:#fff;line-height:24px;font-weight:500;}
	.section-6-s .section-inner:after, .section-6-s .section-inner:after {content:"";display:block;clear:both}
	.section-6-s .section-inner .section-top {float:left;width:100%;padding-right:0px;padding:0px 0px 0px 0px}
    .section-6-s .section-top .section-content, .section-6 .section-bottom .section-content {margin:0px 10px;text-align:left;overflow:hidden;height:auto}
	.section-6-s .section-inner .section-bottom {float:right;width:100%;padding-left:0px}
    
}

.con {width: 98%;max-width:1600px;margin: 0 auto;}