/* 공통 */
h1.h1_01 {
    font-size: 38px;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 900;

}

/* 인사말 */
#sub_page.company01 section .flex {
    display: flex;
}

#sub_page.company01 section .flex .left {
    width: 40%;
}

#sub_page.company01 section .flex .right {
    width: 60%;
}

#sub_page.company01 section .flex .right .box {
    line-height: 34px;
}

#sub_page.company01 section .flex .right .box h1 {
    font-size: 38px;
    margin-bottom: 38px;
    line-height: 54px;
    font-weight: 900;
}



/* 회사소개 */
#sub_page.company02 section .img_wrap {
    margin-top: 80px;
    margin-bottom: 80px;
}

#sub_page.company02 section .img_wrap img {}

#sub_page.company02 section.section02 {
    display: flex;
}

#sub_page.company02 section.section02 .left {
    width: 40%;
}

#sub_page.company02 section.section02 .right {
    line-height: 33px;
    font-size: 20px;
    width: 60%;
}

#sub_page.company02 section.section02 .right p {
    text-align: right;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 500;
    font-size: 16px;
}

#sub_page.company02 section.section02 .right p span {
    font-family: 'Shilla_CultureB-Bold';
    font-weight: 900;
    font-size: 30px;
    padding-left: 12px;
}

#sub_page.company02 section.section02 .left h1 {
    font-size: 52px;
    color: #000;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    line-height: 66px;
}

#sub_page.company02 section.section02 .left h1 span {
    position: relative;
    z-index: 0;
}

#sub_page.company02 section.section02 .left h1 span::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 52px;
}

#sub_page.company02 section.section03 {
    position: relative;
    margin-top: 100px;
    transition: 1s;

}

#sub_page.company02 section.section03 .overlay {
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 100%;
    /*    top: 100%;*/
}

#sub_page.company02 section.section03 .js-parallax.jsp {
    padding-top: 12vmin;
    padding-bottom: 9vmin;
    /*
    padding-top: 135px;
    padding-bottom: 115px;
*/
    background-size: cover !important;
    background-position: top center !important;

}

#sub_page.company02 section.section03 .container {
    z-index: 1;
    position: relative;
}

#sub_page.company02 section.section03 table tbody td,
#sub_page.company02 section.section03 table tbody th {
    border-top: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    color: #fff;
    font-size: 19px;
    padding-top: 21px;
    padding-bottom: 21px;
}

/* 연혁 */
#sub_page.company03 section.section02 {
    margin-top: 140px;
}

#sub_page.company03 section.section02 .flex {
    display: flex;
    margin-bottom: 90px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 90px;
}

#sub_page.company03 section.section02 .left {
    width: 30%;
}

#sub_page.company03 section.section02 .right {
    width: 70%;
}

#sub_page.company03 section.section02 .left .title p {
    color: #9b9b9b;
    font-size: 20px;
    margin-top: 12px;
}

#sub_page.company03 section.section02 .left .title h2 {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 50px;
    color: #000;
    font-weight: 900;
    display: inline-block;
    position: relative;

}

#sub_page.company03 section.section02 .left .title h2::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 38px;
}

#sub_page.company03 section.section02 .right dl {
    display: flex;
    margin-bottom: 20px;

}

#sub_page.company03 section.section02 .right dl dt {
    width: 46px;
    margin-right: 80px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    position: relative;
}

#sub_page.company03 section.section02 .right dl dt::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #868686;
    content: '';
    margin-top: 26px;
}

/* #sub_page.company03 section.section02 .right dl dt span {
    background: #e8e8e8;
    display: block;
    border-radius: .4em;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 55px;
    margin-right: 20px;
    font-weight: 600;
} */

#sub_page.company03 section.section02 .right dl dd {
    color: #686868;
    font-weight: 400;
    font-size: 18px;

}

#sub_page.company03 section.section02 .right dl dd {
    line-height: 30px;
    color: #000;
}

#sub_page.company03 section.section02 .right p {
    margin-bottom: 50px;
}

/* 찾아오시는 길 */
#sub_page.company04 section {
    display: flex;
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px #eee solid;
}

#sub_page.company04 section .left {
    width: 32%;
}

#sub_page.company04 section .right {
    width: 68%;
    padding-left: 150px;
}

#sub_page.company04 section .left .box.box01 {
    margin-bottom: 50px;
}

#sub_page.company04 section .left .box span {
    font-size: 20px;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
     position: relative;
     display:inline-block
}
#sub_page.company04 section .left .box span::before {
    position: absolute;
    width: 100%;
    height: 8px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 21px;
    z-index: -1;
}

#sub_page.company04 section .left .box h1 {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 28px;
    font-weight: 900;
    color: #000;
}

#sub_page.company04 section .left .box .flex {
    display: flex;
    margin-top: 20px;
}

#sub_page.company04 section .left .box .flex div {
    width: 24%;
}

#sub_page.company04 section .left .box .flex ul {
    width: 76%;
}
#sub_page.company04 section .left .box .flex ul.tel {
    color: #000;
    font-size: 20px;
}

#sub_page.company04 section .left .box .flex ul.tel li {
    align-items: center;
    height: 57px;
    display: flex;
    color: #000;
    font-family: 'Cairo', sans-serif;
    font-weight: 900;
    font-size: 29px;
}

#sub_page.company04 section .left .box .flex div p {
    width: 57px;
    height: 57px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}

#sub_page.company04 section .left .box .flex div p i {
    font-size: 26px;
    color: #fff;
}
#sub_page.company04 section .right .map {
    height: 440px;
}
#sub_page.company04 section .right .map .root_daum_roughmap {
    width: 100%;
    height: 440px;
 
}

#sub_page.company04 section .left .box .flex ul li {
    padding-bottom: 5px;
    color: #949494;
}


/* 조직도 */
#sub_page.company07 section {
    display: inlione-block;
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px #eee solid;
}

#sub_page.company07 section {
    width: 100%;
}

/* 경영이념 */
#sub_page.company08 section {
    display: inlione-block;
    margin-bottom: 80px;
    width: 100%;
}

#sub_page.company08 section div {
    width: 100%;
    margin:0px auto;
    text-align:center;
    background-image:url(/theme/php/img/about_back1.jpg);
    background-size: cover;
    padding:50px 20px;

}
#sub_page.company08 section div.se {
    width: 100%;
    margin:0px auto;
    text-align:center;
    background-image:none;
    background-color:#d3ddcf;
    /* background-size: cover; */
    padding:50px 20px;

}
#sub_page.company08 section div.th {
    width: 100%;
    margin:0px auto;
    text-align:center;
    background-image:none;
    background-color:#d3ddcf;
    /* background-size: cover; */
    padding:50px 20px;

}
#sub_page.company08 section div.fo {
    width: 100%;
    margin:0px auto;
    text-align:center;
    /* background-image:url(/theme/php/img/about_back4.jpg); */
    background-image:none;
    background-color:#eaeaeb;
    padding:50px 20px;

}
#sub_page.company08 section div.oz {
    width: 100%;
    margin:0px auto;
    text-align:center;
    background-image:none;
    background-color:#e9eee7;
    /* background-size: cover; */
    padding:50px 20px;

}
#sub_page.company08 section div img {
    max-width: 100%;
    
    
}



/* 제품소개1 */

#sub_page.product01 section {
    MARGIN-BOTTOM:70PX;
}

#sub_page.product01 section .bunmun {
    width: 100%;
}

#sub_page.product01 section .bunmun .box {
    line-height: 34px;
    word-break:keep-all;
}
#sub_page.product01 section .bunmun .box .flex {
    display:flex;
}
#sub_page.product01 section .bunmun .box .flex div {
    /* background-color:#e9e9e9; */
    border:1px solid #e7e7e7;
    margin-bottom:50px;
    width:49%;
    margin-right:2%;
}
#sub_page.product01 section .bunmun .box .flex div.text {
    /* background-color:#e9e9e9; */
    border:0px solid #e7e7e7;
    margin-bottom:50px;
    width:49%;
    margin-right:0%;
}

#sub_page.product01 section .bunmun .box .flex div.nomargin {
    /* background-color:#e9e9e9; */
    border:1px solid #e7e7e7;
    margin-bottom:0px;
    width:49%;
    margin-right:2%;
}
#sub_page.product01 section .bunmun .box .flex div:last-child {
    margin-right:0%;
}
#sub_page.product01 section .bunmun .box .flex .text {
    padding-left:100px
}
#sub_page.product01 section .bunmun .box img {
    max-width:100%;
}
#sub_page.product01 section .bunmun .box img.img80 {
    max-width:50%;
}

#sub_page.product01 section .bunmun .box h1 {
    font-size: 38px;
    margin-bottom: 38px;
    line-height: 54px;
    font-weight: 900;
}

#sub_page.product01 section .bunmun .box h2 {
    font-size: 28px;
    margin-bottom: 38px;
    line-height: 54px;
    font-weight: 900;
    color:#676767;
}

#sub_page.product01 section .bunmun .box strong {
    font-weight: 700;
    display:block;
}
#sub_page.product01 section .bunmun .box p {
    text-indent: -12px;
    padding-left:10px;
    word-break: keep-all;
}
#sub_page.product01 section .bunmun .box p:before {
    content:'- ';
    padding-right:2px;
}

@media screen and (max-width: 700px) {
	#sub_page.product01 section .bunmun .box .flex { display:block; }
    #sub_page.product01 section .bunmun .box .flex .text {
        padding-left:0px
    }
    #sub_page.product01 section .bunmun .box h1 { font-size: 18px; line-height: 26px; font-weight: 700;}
    #sub_page.product01 section .bunmun .box h2 { font-size: 16px; line-height: 22px; font-weight: 700;}

    #sub_page.product01 section .bunmun .box .flex div {
        margin-bottom:30px;
        width:100%;
        margin-right:0%;
    }
    #sub_page.product01 section .bunmun .box .flex div:last-child {
        margin-right:0%;
    }

    #sub_page.product01 section .bunmun .box .flex div.text {
        width:100%;
    }

    #sub_page.product01 section .bunmun .box .flex div.nomargin {
        width:100%;
        margin-right:0%;
        margin-bottom:30px;
    }

    }
}


/* 리스트 */
.table_pyo {clear:both; width: 100% !important;; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px; margin-bottom:70px;}
/* .table_pyo caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.table_pyo thead th, .table_pyo tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.table_pyo tbody th {background:#fcfcfc}
.table_pyo thead th:first-child, .table_pyo tbody th:first-child,.table_pyo tbody td:first-child, .table_pyo tfoot td:first-child {border-left:0px;}
.table_pyo thead th:last-child, .table_pyo tbody th:last-child, .table_pyo tbody td:last-child, .table_pyo tfoot td:last-child { border-right:0}
.table_pyo tbody td {padding:10px; text-align:center;  border:1px solid #e0e0e0; border-width:1px;word-break: keep-all; line-height:1.6}
.table_pyo tbody td img {max-width:100%}
.table_pyo .left,.table_pyo .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.table_pyo tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.table_pyo tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.table_pyo tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.table_pyo thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.table_pyo thead th.sort a:hover, .table_pyo thead th a:focus, .table_pyo thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.table_pyo thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.table_pyo thead th.sort_up a:hover, .table_pyo thead th.sort_up a:focus, .table_pyo thead th.sort_up a:active {text-decoration:underline;}
.table_pyo thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.table_pyo thead th.sort_dw a:hover, .table_pyo thead th.sort_dw a:focus, .table_pyo thead th.sort_dw a:active {text-decoration:underline;}
.table_pyo td.sort {color:#e6360d; font-weight:bold;}

/* 포인트 색 */
.table_pyo .point {background:#f1f1f1;font-size:20px}
.table_pyo .total {background:#f7f7f7;}


@media screen and (max-width: 600px) {
	.table_pyo tbody td { padding:10px}
	.table_pyo .point {font-size:16px}
	.table_pyo {font-size:15px}
}

.sub_button {width:100%;display:flex; flex-wrap: wrap;justify-content: center;margin-bottom:70px;}
.sub_button div {width:12%;margin-right:0.5%;text-align:center;background-color:#1f82bb; color:#fff; font-size:16px;margin-bottom:10px;display:table; transition: all 0.5s;border-radius: 20px 0px 20px 0px;}
.sub_button div span {display:table-cell; vertical-align:middle;}
.sub_button div:nth-child(4n) {margin-right:0.5%; }
.sub_button div:hover {background-color:#17608d; color:#fff; }
.sub_button div a {display:block; color:#fff; text-decoration: none; padding:10px 10px;}

.sub_button div.fo {width:23%;margin-right:2%;text-align:center;background-color:#1f82bb; color:#fff; font-size:16px;margin-bottom:10px;display:table; transition: all 0.5s;border-radius: 20px 0px 20px 0px;}
.sub_button div.fo span {display:table-cell; vertical-align:middle;}
.sub_button div.fo:nth-child(4n) {margin-right:0%; }
.sub_button div.fo:hover {background-color:#17608d; color:#fff; }
.sub_button div.fo a {display:block; color:#fff; text-decoration: none; padding:10px 10px;}

.sub_button div.si {width:15%;margin-right:2%;text-align:center;background-color:#1f82bb; color:#fff; font-size:16px;margin-bottom:10px;display:table; transition: all 0.5s;border-radius: 20px 0px 20px 0px;}
.sub_button div.si span {display:table-cell; vertical-align:middle;}
.sub_button div.si:nth-child(6n) {margin-right:0%; }
.sub_button div.si:hover {background-color:#17608d; color:#fff; }
.sub_button div.si a {display:block; color:#fff; text-decoration: none; padding:10px 10px;}

@media screen and (max-width: 1200px) {
	.sub_button div {width:23%;margin-right:2%;font-size:14px;}
    .sub_button div:nth-child(4n) {margin-right:0%; }

    .sub_button div.si {width:23%;margin-right:2%;font-size:14px;}
    .sub_button div.si:nth-child(4n) {margin-right:0%; }
}

@media screen and (max-width: 600px) {
	.sub_button div {width:23%;margin-right:2%;font-size:12px;}
    .sub_button div:nth-child(4n) {margin-right:0%; }
    .sub_button div a {padding:5px 5px;}

    .sub_button div.fo {width:23%;margin-right:2%;font-size:12px;}
    .sub_button div.fo a {padding:5px 5px;}

    .sub_button div.si {width:23%;margin-right:2%;font-size:12px;}
    .sub_button div.si:nth-child(4n) {margin-right:0%; }
    .sub_button div.si a {padding:5px 5px;}
}