/* 인사말 */

section.company h3.company_h3 {
    font-size: 24px;
    font-family: 'NanumSquare';
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center;
}

section.company.company_01 .ceo-box {
    background-repeat: no-repeat;
    height: 500px;
    display: flex;
    align-items: center;
}

section.company.company_01 .ceo-box .text {
    font-size: 34px;
    line-height: 46px;
    font-family: 'NanumSquare';
    margin-left: 161px;
    color: #000;
    margin-top: 105px;

}

section.company.company_01 .ceo-box .text p {
    font-size: 19px;
    margin-top: 20px;
    font-weight: 600;
    color: #333333;
    position: relative;
    display: inline-block;
    font-family: 'NanumSquare';
}

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

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

section.company .about_text h1 {
    font-size: 40px;
    color: #000;
    font-weight: 900;
    font-family: 'Noto Sans KR';
    line-height: 66px;
}

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: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 52px;
}

section.company .about_text {
    line-height: 33px;
    font-size: 20px;
}

/* 인사말 마감 */

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

section.company.company_02 .ceo-box .text {
    right: 0;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: right;
    padding-right: 50px;
    padding-bottom: 360px
}

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

}

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: 20px 18px;
    line-height: 2;
    vertical-align: top;
    border-top: 1px solid #e3e3e3;
	word-break: keep-all;
}


section.company_03 #tab_wrap {
    border: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 80px;
}

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

}

section.company_03 .history-left h2 span {
    font-size: 49px;
    color: #000;
    font-family: '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;
}

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("../../img/company/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 80px;
}

section.company_03 .history-right .box {
    background: url('../../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 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 #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: 19px;
    line-height: 32px;
}

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;
}

/* 오시는 길 마감 */

@media(min-width:992px) {
    section.company .about_text .text {
        margin-left: 70px;
    }

    section.company.company_02 .table_wrap .table tbody th,
    section.company.company_04 .table_wrap .table tbody th {
        width: 200px;
     
		
		vertical-align:middle;
		text-align:center;
    }

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

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

@media(max-width:991px) {
    section.company h3.company_h3 {
        font-size: 16px;
        font-family: 'NanumSquare';
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 0;
        padding-bottom: 35px;
        margin-top: 30px;
    }

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

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

    section.company.company_01 .ceo-box .text {
        font-size: 16px;
        line-height: 22px;
        font-family: 'NanumSquare';
        margin-left: 20px;
        color: #000;
        margin-top: 42px;
        font-weight: 600;

    }

    section.company.company_01 .ceo-box .text p {
        font-size: 13px;
        margin-top: 20px;
        font-weight: 600;
        color: #333333;
        position: relative;
        display: inline-block;
        font-family: 'NanumSquare';
    }

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

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

    section.company .about_text h1 {
        font-size: 20px;
        color: #000;
        font-weight: 600;
        font-family: 'Noto Sans KR';
        line-height: 28px;
        margin-bottom: 26px;
    }

    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: 22px;
    }

    /* 회사소개 */
    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: 16px 18px;
        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-bottom: 30px;
    }
    section.company_03 .history-left {
        padding-top: 25px;
    }

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

    }

    section.company_03 .history-left h2 span {
        font-size: 20px;
        color: #000;
        font-family: 'Noto Sans KR';
        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('http://theme06.wiztheme.co.kr/theme/theme06/img/sub/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: 12px;
        color: #000;
        font-size:18px;
    }

    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: 1px #ddd solid;

    }
    section.company_04 .table_wrap .title {
        margin-bottom: 20px;
    }
    section.company_04 .table_wrap .title h2 {
        font-size: 19px;
        font-weight: 600;
        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: 13px;
        line-height: 20px;
    }
    
    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%;
    }
    /* 오시는 길 마감  */


}




.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8; word-break: keep-all;}
.tbl_type1 td{ text-align:center; padding:10px 15px; border-bottom:1px solid #eee; color:#000; word-break: keep-all;}
/* .tbl_type1 td:hover {background-color: #D4F4FA; } */

.tbl_type2{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type2 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8; word-break: keep-all;}
.tbl_type2 td{ text-align:center; padding:10px 15px;  color:#000; word-break: keep-all;}


.btn_go {width:90%; display:inline-block; background:#111984; color:#fff; text-align:center;  font-size:1em; margin:0px 0px; margin-left:20px; padding:20px 30px; border:5px solid #99d911; word-break: keep-all; border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#99d911; border:5px solid #111984;}



.btn_go1 {width:90%; display:inline-block; background:#ff7e00; color:#fff; text-align:center;  font-size:1em; margin:2px 10px; padding:10px 10px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go1:hover {color:#000; background-color:#fff; }


.btn_go2 {width:15%; display:inline-block; background:#ff7e00; color:#fff; text-align:center;  font-size:1.0em; font-weight:bold; margin:0px 20px 0px 0px; padding:10px 30px; border:1px solid #ff7e00;   border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go2:hover {color:#ff7e00; background-color:#fff; }

.btn_go3 {width:60%;display:inline-block; background:#eee; color:#333; text-align:left;  font-size:1.0em; margin:0px 0px; padding:10px 20px; border:1px solid #eee;  border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go3:hover {color:#ff7e00; background-color:#fff; }

.btn_go4 {width:90%; display:inline-block; background:#006da8; color:#fff; text-align:left;  font-size:1.0em;  font-weight:bold; margin:10px 0px; margin-left:20px; padding:20px 30px; border:1px solid #006da8;  border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go4:hover {color:#ff7e00; background-color:#fff; }


.btn_go5 {width:90%; display:inline-block; background:#111984; color:#fff; text-align:left;  font-size:1em; margin:0px 0px; margin-left:20px; padding:20px 30px; border:5px solid #99d911; word-break: keep-all; border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go5:hover {color:#000; background-color:#99d911; border:5px solid #111984;}
	
#pro_tab2 {position: relative; width:100%; margin:50px auto 50px auto; }
#pro_tab2:after{ content:""; display:block; clear:both;}
#pro_tab2 .tab { width:100%; max-width:1200px; height:50px; line-height:30px; margin:0 auto; text-align:center;}
#pro_tab2 .tab:after {content:""; display:block; clear:both;}
#pro_tab2 .tab li{display:inline-block; width:200px; margin-right:0px;}

#pro_tab2 .tab a{display: block; height:50px; line-height:48px; text-align: center; border:2px solid #5075d3;  box-sizing:border-box; background:#fff; color:#333; border-radius:20px; }
#pro_tab2 .tab a:hover{background:#5075d3; color:#fff; font-weight:bold; }
#pro_tab2 .tab li:last-child {margin:0;}
#pro_tab2 .tab li.all { width:40px; color:#fff; border:0;  border-radius:4px; }
#pro_tab2 .tab li.all a { background:#333; color:#fff; border:0;  }
#pro_tab2 .tab li.on a{font-weight:700; border-bottom: 0 none;  background:#5075d3; color:#fff;}
#pro_tab2 li{position: relative; line-height:30px;}
#pro_tab2 li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#ddd; }
#pro_tab2 div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab2 > div{display: none; padding:0; }
#pro_tab2 .active{display: block; }
#pro_tab2 .pro_list{ width:100%; text-align:center; padding-top:50px; margin:0 auto; overflow:hidden;}
#pro_tab2 .pro_list:after {content:""; display:block; clear:both;}
#pro_tab2 .pro_list > ul{ width:100%; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; }
#pro_tab2 .pro_list > ul > li{ display:inline-block; width:380px; margin:0 0.5% 2% 0.5%; text-align:center; border:0px solid red;}
#pro_tab2 .pro_list > ul > li > a{width:100%;}
#pro_tab2 .pro_list > ul > li > a > div > img { width:100%;  border:1px solid #ddd; box-sizing:border-box; cursor:pointer; }
#pro_tab2 .pro_list > ul > li > a > p {display:block; height:30px; width:90%; margin:0 auto; margin-top:20px; font-size:1.5em;font-weight:700; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#pro_tab2 .pro_list > ul > li > a > div.text {display:block; width:90%; margin:0 auto;  height:30px; margin-top:10px; margin-bottom:20px; color:#777; border:0px solid red; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#pro_tab2 .pro_zoom { width:100%; height:100%; margin:0; overflow:hidden;}
#pro_tab2 .pro_zoom img {width:100%; border:1px solid #ddd; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
#pro_tab2 .pro_list > ul > li > a > p > span.new_icon{display:inline-block; line-height:1em; color:#fff; background-color:#2E5A98; padding:1px 5px 1px 3px; font-size:0.6em !important;}
#pro_tab2 .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#fff; background-color:#C53629; padding:1px 5px 1px 3px; font-size:0.6em !important;}

#pro_tab3 {position: relative; width:100%; margin:50px auto 10px auto; }
#pro_tab3:after{ content:""; display:block; clear:both;}
#pro_tab3 .tab { width:100%; max-width:1200px; height:50px; line-height:30px; margin:0 auto; text-align:center;}
#pro_tab3 .tab:after {content:""; display:block; clear:both;}
#pro_tab3 .tab li{display:inline-block; width:140px; margin-right:0px;}

#pro_tab3 .tab a{display: block; height:35px; line-height:35px; text-align: center; border:1px solid #DDD;  box-sizing:border-box; background:#fff; color:#333; border-radius:4px; }
#pro_tab3 .tab a:hover{background:#dadada; color:#fff; font-weight:bold;}
#pro_tab3 .tab li:last-child {margin:0;}
#pro_tab3 .tab li.all { width:40px; color:#fff; border:0;  border-radius:4px; }
#pro_tab3 .tab li.all a { background:#333; color:#fff; border:0;  }
#pro_tab3 .tab li.on a{font-weight:700; border-bottom: 0 none;  background:#dadada; color:#2a2a2a;}
#pro_tab3 li{position: relative; line-height:30px;}
#pro_tab3 li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#ddd; }
#pro_tab3 div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab3 > div{display: none; padding:0; }
#pro_tab3 .active{display: block; }
#pro_tab3 .pro_list{ width:100%; text-align:center; padding-top:50px; margin:0 auto; overflow:hidden;}
#pro_tab3 .pro_list:after {content:""; display:block; clear:both;}
#pro_tab3 .pro_list > ul{ width:100%; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; }
#pro_tab3 .pro_list > ul > li{ display:inline-block; width:380px; margin:0 0.5% 2% 0.5%; text-align:center; border:0px solid red;}
#pro_tab3 .pro_list > ul > li > a{width:100%;}
#pro_tab3 .pro_list > ul > li > a > div > img { width:100%;  border:1px solid #ddd; box-sizing:border-box; cursor:pointer; }
#pro_tab3 .pro_list > ul > li > a > p {display:block; height:30px; width:90%; margin:0 auto; margin-top:20px; font-size:1.5em;font-weight:700; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#pro_tab3 .pro_list > ul > li > a > div.text {display:block; width:90%; margin:0 auto;  height:30px; margin-top:10px; margin-bottom:20px; color:#777; border:0px solid red; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#pro_tab3 .pro_zoom { width:100%; height:100%; margin:0; overflow:hidden;}
#pro_tab3 .pro_zoom img {width:100%; border:1px solid #ddd; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
#pro_tab3 .pro_list > ul > li > a > p > span.new_icon{display:inline-block; line-height:1em; color:#fff; background-color:#2E5A98; padding:1px 5px 1px 3px; font-size:0.6em !important;}
#pro_tab3 .pro_list > ul > li > a > p > span.hot_icon{display:inline-block; line-height:1em; color:#fff; background-color:#C53629; padding:1px 5px 1px 3px; font-size:0.6em !important;}
@media all and (max-width:992px){	
	
	



	#pro_tab2{margin-bottom:0px;}
	#pro_tab2 .tab { width:95%; height:100%; margin:30px auto; }
	#pro_tab2 .tab li{float:left; width:98%; margin-right:1%; margin-left:1%; margin-bottom:1.5%;}
	#pro_tab2 .tab li:last-child {margin-left:1%; margin-right:1%;}
	#pro_tab2 .tab li.all { width:48%; margin-right:1%; margin-left:1%; margin-bottom:1.5%;}
	#pro_tab2 .pro_list{width:95%; padding-top:0px; }
	#pro_tab2 .pro_list ul li{width:48%; margin-bottom:4%; }
	#pro_tab2 .pro_list > ul > li{ margin:0 1% 2% 1%;} 
	#pro_tab2 .pro_list > ul > li > a > p {font-size:1.2em;}

  #pro_tab3{margin-bottom:0px;}
	#pro_tab3 .tab { width:95%; height:100%; margin:30px auto; }
	#pro_tab3 .tab li{float:left; width:98%; margin-right:1%; margin-left:1%; margin-bottom:1.5%;}
	#pro_tab3 .tab li:last-child {margin-left:1%; margin-right:1%;}
	#pro_tab3 .tab li.all { width:48%; margin-right:1%; margin-left:1%; margin-bottom:1.5%;}
	#pro_tab3 .pro_list{width:95%; padding-top:0px; }
	#pro_tab3 .pro_list ul li{width:48%; margin-bottom:4%; }
	#pro_tab3 .pro_list > ul > li{ margin:0 1% 2% 1%;} 
	#pro_tab3 .pro_list > ul > li > a > p {font-size:1.2em;}



}


	.fc_pointer {color:#1F88E5; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:500px; height:315px; overflow:hidden; }
	.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%; height:315px;}
	.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #000; }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}



	.business_type2 .con_arrow2{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
	.business_type2 .con_arrow2 p{position:relative; font-size:2em; color:#000; padding-left:30px; }
	.business_type2 .con_arrow2 span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow2 > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}


	@media screen and (max-width:992px){
		
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
		
		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow2{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}

	}

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

	
		.business_type2 .con_arrow2 p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

	}


	

	.company_type2 {width:100%; min-width:320px; max-width:1400px; margin:0 auto; }
	.company_type2:after{content:""; clear:both; display:block;}
	.company_type2 .ceo_img {width:100%; }
	.company_type2 .ceo_img img {width:100%; height:auto; }
	.company_type2 .ceo_area{ position:relative; left:0; bottom:0; width:94%;  padding-top:50px; z-index:1; margin:0 auto;} 
	.company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:2em; text-align:center; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; }
	.company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; }
	.company_type2 .ceo_area .ceo_txt { position:relative; float:right; width:65%; height:auto;}
	.company_type2 .ceo_area .ceo_txt h4 {font-size:1.5em;  line-height:1.5em;  color: #000; }
	.company_type2 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}
	.company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.1em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}

	.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10px;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em; word-break: keep-all;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-top:20px; padding-bottom:20px; padding-left:15px; height:45px; text-align:left; word-break: keep-all;}
	
	.tbla tr td ul {margin:0; padding:0;}
	.tbla tr td ul li { position:relative; font-size:0.9em; color:#555; font-weight:300; line-height:1.6em; list-style:none; padding-left:2%; margin-bottom:0px; }
	.tbla tr td ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px;vertical-align:middle;}
	





	@media screen and (max-width: 992px){

		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:50px;}
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.8em; padding-bottom:50px; }
		.company_type2 .ceo_area .ceo_tit:after {height:40px; }
		.company_type2 .ceo_area .ceo_txt { width:100%; }
		.company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.2em;}
		.company_type2 .ceo_area .ceo_sign {margin-top: 20px; }
		
		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}

		.tbla tr td li {padding:0 5%;}
		.tbla tr td ul li {padding-left:7%;}
		.tbla tr td ul li:before { left:5%;  }
	}

	
ark.green{
  background-color: rgba(80, 255, 0, 0.3);
}
.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

.highlight.two-highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, rgb(132, 250, 176) 0%, rgb(143, 211, 244) 100%);
}

.half-highlight {
  background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #FFD0AE 50%);
}