/*서브메뉴*/
#product_list_sort a {
    color: #666 !important;
}

#product_list_sort a:hover {
    color: #00a9ca !important;
}

#secondmenu .leftmenu dl {
    border-top: 2px #54b1c2 solid;
}

#secondmenu .leftmenu dt a {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%;
    color: #666;
    display: block;
}

#secondmenu .leftmenu dl {
    padding: 0;
    margin: 0;
    background: #fff;
}

#secondmenu .leftmenu dl dt {
    padding: 10px;
    border-bottom: 1px #ddd solid;
}

#secondmenu .leftmenu dl dt:hover {
    background: #f5f5f5;
}


.submn1 .leftmenu dl dt:nth-child(1) {
    background: #f5f5f5;
}

.submn2 .leftmenu dl dt:nth-child(2) {
    background: #f5f5f5;
}

.submn3 .leftmenu dl dt:nth-child(3) {
    background: #f5f5f5;
}

.submn4 .leftmenu dl dt:nth-child(4) {
    background: #f5f5f5;
}

.submn5 .leftmenu dl dt:nth-child(5) {
    background: #f5f5f5;
}

.submn6 .leftmenu dl dt:nth-child(6) {
    background: #f5f5f5;
}

.submn7 .leftmenu dl dt:nth-child(7) {
    background: #f5f5f5;
}

.submn8 .leftmenu dl dt:nth-child(8) {
    background: #f5f5f5;
}

.submn9 .leftmenu dl dt:nth-child(9) {
    background: #f5f5f5;
}

.submn10 .leftmenu dl dt:nth-child(10) {
    background: #f5f5f5;
}

.submn11 .leftmenu dl dt:nth-child(11) {
    background: #f5f5f5;
}

.submn12 .leftmenu dl dt:nth-child(12) {
    background: #f5f5f5;
}

.submn13 .leftmenu dl dt:nth-child(13) {
    background: #f5f5f5;
}


#secondmenu h1 {
    color: #54b1c2;
    margin: 0 0 10px;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    padding: 0;
}

#secondmenu #lefton,
#secondmenu #leftoff {
    display: inline-block;
    width: 100%;
    line-height: 180%;
    color: #666;
    padding: 10px;
    border-bottom: 1px #ddd solid;
}

#secondmenu #lefton a,
#secondmenu #leftoff a {
    line-height: 180%;
    text-decoration: none;
    color: #666;
}





/*메인 */
.ourwork {
    width: 100%;
    text-align: center;
    padding: 60px 0;
}

.ourwork .main-txt {
    margin: 0 auto 30px;
}

.ourwork .main-txt h2 {
    color: #222;
    font-size: 2.5em;
    font-weight: 600;
    margin: 0 auto 20px;
    text-transform: uppercase;
}

.ourwork .main-btns {
    margin: 0 auto;
}

.ourwork .main-btns .main-btns-div {
    width: 25%;
    text-align: center;
    display: inline-block;
    float: left;
}

.ourwork .main-btns .main-btns-div ul img {
    width: 100%;
}

.ourwork .main-btns .main-btns-div h3 {
    font-size: 1.4em;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 30px 0 15px;
    margin: 0;
}

.ourwork .main-btns .main-btns-div ul {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.ourwork .main-btns .main-btns-div ul li {
    line-height: 160%;
}

.ourwork .main-btns .main-btns-div a p,
.ourwork .main-btns {
    color: #666;
}

.ourwork .main-btns .main-btns-div ul:hover em {
    opacity: 1
}

.ourwork .main-btns .main-btns-div ul:hover img {
    opacity: 0.6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



@media (max-width:1199px) {
    .ourwork .main-btns .main-btns-div {
        width: 50%;
        min-height: 300px;
        padding-bottom: 30px;
    }

    .main-txt h2 {
        font-size: 1.8em;
    }

    .ourwork .main-btns .main-btns-div h3 {
        font-size: 16px;
    }
}


@media (max-width:680px) {
    .ourwork {
        padding: 50px 0 20px 0;
        font-size: 13px;
    }

    .ourwork p br {
        display: none;
    }

    .ourwork p {
        letter-spacing: -.05em;
    }
}




/* */
.onlines {
    width: 100%;
    background: url('onlines_bg.jpg')no-repeat center center;
    background-size: cover;
}

.online1-div {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    text-align: center;
    font-size: 16px;
    padding: 120px 0;
    color: #fff;
}

.online1-div a {
    display: inline-block;
    margin: 10px auto 0;
    border: 1px #fff solid;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    line-height: 150%;
}

.online1-div a:hover {
    background: #fff;
    color: #000;
}

.online1-div h3 {
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    margin: 0 auto 20px;
    font-weight: 600;
}

@media (max-width:1199px) {
    .online1-div h3 {
        font-size: 1.6em;
    }

    .online1-div {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
    }
}






/**/
.main_2_banner {
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.main_2_banner .row {
    padding: 0;
    margin: 0 auto;
}

.main_2_banner .main_banner1 {
    background: url('main_banner1_bg.jpg')no-repeat center center;
    background-size: cover;
    padding: 120px 0;
}

.main_2_banner .main_banner2 {
    background: url('main_banner2_bg.jpg')no-repeat center center;
    background-size: cover;
    padding: 120px 0;
}

.main_2_banner a {
    display: inline-block;
    margin: 20px auto 0;
    border: 1px #fff solid;
    color: #fff;
    padding: 8px 25px;
    font-size: 14px;
    line-height: 150%;
}

.main_2_banner a:hover {
    background: #fff;
    color: #000;
}

.main_2_banner h3 {
    font-size: 1.6em;
    text-transform: uppercase;
    padding: 0;
    margin: 0 auto 20px;
    font-weight: 600;
}

.main_2_banner p {
    width: 90%;
    margin: 0 auto;
}

@media (max-width:768px) {
    .main_2_banner {
        font-size: 14px;
    }

    .main_2_banner .main_banner1,
    .main_2_banner .main_banner2 {
        padding: 100px 0;
    }
}






/* */
.main-notice {
    width: 100%;
    background: #f5f5f5;
}

.main-notice-div {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    text-align: center;
    padding: 80px 0;
}

.main-notice-div h2 {
    margin: 0 0 10px;
    color: #222;
    font-weight: 600;
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
}




/* */
table.noticeoutput tr {
    border-bottom: 1px #ddd solid;
}

table.noticeoutput tr td:nth-child(1) {
    display: none;
}

table.noticeoutput tr td:nth-child(2) {
    width: 70%;
    text-align: left;
}

table.noticeoutput tr td:nth-child(3) {
    width: 30%;
    text-align: right;
}

table.noticeoutput tr td {
    font-size: 14px;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    padding: 15px 0;
}

table.noticeoutput tr td a {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size: 16px;
}

table.noticeoutput tr td a:hover {
    color: #337ab7
}

.noticemorelink {
    display: inline-block;
    margin: 50px auto 0;
    padding: 8px 25px;
    border: 1px #999 solid;
    color: #666;
}

.noticemorelink:hover {
    background: #666;
    color: #fff;
}


@media (max-width:990px) {
    .main-notice-div h3 {
        font-size: 1.6em;
    }

    .main-notice-div {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
        padding: 50px 0;
    }

    table.noticeoutput tr td {
        font-size: 13px;
    }

    table.noticeoutput tr td a {
        font-size: 14px;
    }

    table.noticeoutput tr td:nth-child(2) {
        width: 100%;
        text-align: left;
        display: block;
        padding: 5px 0 0;
    }

    table.noticeoutput tr td:nth-child(3) {
        width: 100%;
        text-align: left;
        display: block;
        padding: 0 0 10px;
    }
}



/**/
.main-content {
    clear: both;
    padding: 80px 0;
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

.main-content h2 {
    margin: 0 0 10px;
    color: #222;
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}


.produce-2u-img {
    width: 100%;
    height: auto !important;
}

.produce-2u-img img {
    width: 94% !important;
    height: auto !important;
    max-width: 300px;
}

p.ptcso {
    color: #666;
    text-align: center;
    padding: 0;
    margin: 0 0 50px 0;
}

div.maingallery hr,
.main-content hr {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #222;
    width: 25px;
    margin-bottom: 10px;
    display: block;
    border-bottom-width: 0;
    padding: 5px 0;
}


#product_list img {
    width: 92% !important;
    height: auto !important;
}

#product_info td {
    font-size: 13px !important;
}

.produce-2u-img div a {
    font-size: 13px !important;
}

.produce-2u-img img:hover {
    opacity: .6;
}

.maindiv3 {
    clear: both;
    width: 100%;
    padding: 50px 0;
    background: #fff;
}

.maindiv3 div.maingallery {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.maindiv3 div.maingallery h2 {
    margin: 0 0 10px;
    color: #222;
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
}


.maincscenter {
    clear: both;
    width: 100%;
    margin: 50px 0 0;
}

.maincscenter h3 {
    margin: 0;
    padding: 0;
    color: #00a9ca;
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 600;
    text-transform: uppercase;
}

.maincscenter h6 {
    margin: 0;
    padding: 0;
    line-height: 180%;
    color: #333;
    font-size: 1.5em;
    font-weight: 400;
}

.maincscenter em {
    display: block;
    font-style: normal;
    width: 100%;
    line-height: 140%;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #333;
    font-size: 90%;
}

.maincscenter a {
    display: inline-block;
    margin-right: 5px;
}

.maincscenter a:last-child {
    margin-right: 0;
}


.main-gallery {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 80px 0;
    text-align: center;
}

.main-gallery h2 {
    color: #222;
    font-size: 2em;
    margin: 0 auto 10px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.main-gallerybbs {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.main-gallerybbs span {
    display: inline-block;
    width: 100%;
}

.main-gallerybbs span table {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

.main-gallerybbs span table img.board_output_imgs {
    max-width: 100%;
    min-height: 100%;
    width: 340px;
    height: 220px;
    object-fit: cover;
    object-position: center;
    transition: .3s ease;
}

.main-gallerybbs span table img.board_output_imgs:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-gallerybbs .board_output_gallery_subject {
    display: inline-block;
    color: #666;
    font-size: 14px;
}

.gallery_title {
    display: inline-block;
    padding: 5px 0;
    color: #666;
    font-size: 14px;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
}

.board_output_gallery_img {
    padding: 0 !important;
}

.maingallery table.board_output tr td {
    text-align: center;
}

.gallerybbs table td {
    text-align: center;
}

.board_output_gallery_img {
    overflow: hidden;
}

.gallerybbs table td.board_output_gallery_img img {
    width: 100%;
    height: auto;
    max-width: 360px;
}

.gallerybbs table td.board_output_gallery_img img:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.gallerybbs table {
    width: 96% !important;
}

.product-gallery td {
    text-align: center;
    width: auto !important;
}

.product-gallery-view td {
    padding: 8px !important;
}

.product-gallery-view table {
    width: 100% !important;
    border: 0 !important;
}







/*-----------------------------------------------------------------------*/





/*서브*/
#sub-body {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 8%;
}

#sub-body-wrap {
    clear: both;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    min-height: 500px;
}

#sub-body-wrap .row {
    padding: 0;
    margin: 0 auto;
}

#sub-body-wrap .row .col-lg-2,
#sub-body-wrap .row .col-lg-2.col-md-2 {
    padding-left: 0 !important;
}

.sub-tit-bg {
    text-align: center;
    padding: 100px 0;
    color: #fff;
    font-size: 2em;
    letter-spacing: .5em;
    margin: 0 auto 80px;
}

.sub-bg1 {
    background: url('sub-bg1.jpg')no-repeat top center;
    background-size: cover;
}

.sub-bg2 {
    background: url('sub-bg2.jpg')no-repeat top center;
    background-size: cover;
}

.sub-bg3 {
    background: url('sub_bg3.jpg')no-repeat top center;
    background-size: cover;
}

.sub-bg4 {
    background: url('sub-bg4.jpg')no-repeat top center;
    background-size: cover;
}

.sub-bg5 {
    background: url('sub-bg5.jpg')no-repeat top center;
    background-size: cover;
}

.sub-contents {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
}

.sub-contents h3.sub-tits,
h2.page_title {
    color: #000;
    font-size: 1.8em;
    font-weight: 400;
    margin: 0 auto 50px;
    border-bottom: 3px #ccc double;
    padding: 0 0 15px !important;
}

.sub-contents h4 {
    color: #222;
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 auto;
}

.sub-contents hr {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #54b1c2;
    width: 2%;
    margin: 0;
    display: block;
    border-bottom-width: 0;
    padding: 5px 0 0;
    text-align: left;
}

.sub-contents hr.gaphr {
    border: 0 !important;
    padding: 30px 0 !important;
}

#secondmenu {
    width: 100% !important;
    margin: 12px auto 0 !important;
}

.subtxtarea {
    clear: both;
    width: 100%;
    padding: 0 15px;
}



/*회사소개*/
ul.cmp001 {
    list-style-position: inside;
    padding: 10px 0 30px 0 !important;
}

ul.cmp001 li {
    list-style-type: none;
}

ul.cmp001 b {
    color: #222;
    font-weight: 400;
    display: inline-block;
    margin-right: 5px;
}

.cp-history {
    width: 100%;
    margin: 30px auto 30px;
}

.cp-history h2 {
    color: #54b1c2;
    font-weight: 600;
    font-size: 2em;
    margin: 0 auto 10px;
}

.ul-history {
    padding: 30px !important;
    background: #f5f5f5;
}

.ul-history li {
    padding: 5px 0;
    list-style: none !important;
}

.ul-history li i {
    font-weight: 600;
    display: inline-block;
    width: 40px;
    font-style: normal;
    color: #222;
}


.ul-location {
    margin: 30px 0 !important;
}

.ul-location li i {
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    color: #222;
    padding-right: 5px;
}




/**/

.mtableo {
    width: 100%;
    height: auto;
    min-height: 600px;
}

.mtableo iframe {
    display: inline-block;
    padding-bottom: 50px;
    float: left;
    width: 48%;
    margin-right: 4%;
    text-align: center;
    height: 300px;
}

.mtableo iframe:nth-child(2n) {
    margin-right: 0;
}



/*사업영역*/
.biz-cnt {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.biz-cnt em {
    display: inline-block;
    font-style: normal;
    font-size: 2em;
    display: block;
    color: #333;
    line-height: 180%;
    letter-spacing: -0.04em;
    font-weight: 600;
}

.biz-cnt b {
    font-weight: 400 !important;
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 170%;
}

.biz-cnt img {
    max-width: 100%;
    height: auto;
}



/*이용안내*/
#use {
    margin-bottom: 20px !important;
    width: 100% !important;
    text-align: left !important;
}

#use a {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    color: #333 !important;
    font-weight: bold !important;
    padding: 0 10px;
}

#use a:first-child {
    padding-left: 0;
}

#dl1 {
    width: 100% !important;
    margin: 50px 0 !important;
}

#dl1 dt {
    font-size: 15px !important;
    color: #333 !important;
    width: 100% !important;
}

#dl1 dd {
    line-height: 180% !important;
    width: 100% !important;
    margin: 10px 0;
}

.private {
    width: 100% !important;
    line-height: 180% !important;
    font-size: 12px;
}

.private h3 {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #333 !important;
}




/*오시는길*/
.location1 {
    margin: 30px 0;
    font-size: 13px;
    line-height: 180%;
    width: 100%;
}

.location1 h3 {
    font-size: 16px;
    color: #333;
}

.location1 b {
    color: #333;
}


/**/
#footerwap {
    clear: both;
    width: 100%;
    background: #222;
    padding: 50px 0;
    line-height: 180%;
    text-align: left;
    font-size: 13px;
}

.footer-mn {
    width: 100%;
    margin: 0 auto;
    color: #ccc;
}

.footer-mn div.footermns {
    max-width: 1170px;
    margin: 0 auto;
}

.footer-mn div.footermns span {
    display: table-cell;
    vertical-align: middle;
}

.footer-mn div.footermns span.footermns1 a {
    display: inline-block;
    padding: 0 5px 0;
    color: #999;
}

.footer-mn div.footermns span.footermns1 a:first-child {
    padding-left: 0;
}

.footer-mn div.footermns span.footermns1 a:last-child {
    padding-right: 0;
    border-right: 0;
}

.footer-mn div.footermns span.footermns2 {
    padding-left: 20px;
}

.footer-mn div.footermns span.footermns2 a {
    padding: 0 5px 0 0;
}

.footer-divs {
    width: 1170px;
    margin: 30px auto 0;
}

.footer-divs span {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
}

.footer-divs span.cp {
    display: block;
}

.footer-divs a {
    color: #A3A3A3;
}

.footer-divs span.cp a:hover {
    text-decoration: underline;
}

.footer-divs b {
    font-weight: 400;
    display: inline-block;
    margin: 0 5px 0 0;
}

.footer-alink {
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    margin: 0 5px;
    line-height: 100%;
}

.footer-blink {
    color: #3793c3;
    letter-spacing: -0.02em;
}

.footer-divs i {
    display: inline-block;
    font-size: 16px;
    color: #54b1c2;
    font-style: normal;
}

.gap30s {
    clear: both;
    width: 100%;
    height: 50px;
}

.footersnslink {
    width: 100%;
    clear: both;
    max-width: 1170px;
    margin: 20px auto 0;
}

.footersnslink a {
    display: inline-block;
    padding: 0 10px 10px 0
}

.footersnslink a:last-child {
    padding-right: 0;
}







/*--------------------------------------------------------*/


@media screen and (max-width: 1199px) {
    .menu {
        width: 96% !important;
    }

    .footer-mn {
        width: 96%;
    }

    .footer-divs {
        width: 96%;
    }

    .footer-divs span.cp {
        padding-top: 20px;
    }

    .body-content {
        width: 96%;
    }

    .main-content {
        width: 96%;
        padding: 50px 0;
    }

    .maindiv3 div.maingallery {
        margin: 0 auto;
        max-width: 96%;
    }

    .sub-body-cn {
        width: 96%;
        margin: 0 auto;
    }

    .ml_logos img {
        max-width: 260px;
        height: auto;
    }

    #sub-body-wrap {
        width: 98%;
        min-height: auto;
    }

}




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

    #secondmenu .leftmenu dt a {
        font-size: 14px !important;
    }

    p.ptcso {
        margin: 0 auto 30px;
        font-size: 13px;
    }

    .main-gallerybbs span {
        width: 96%;
        margin: 0 auto;
    }

    .main-gallerybbs span table {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: center;
    }

    .rlydivs input#border {
        width: 98%;
        display: block;
    }

    .sub-contents {
        padding: 20px 0;
    }

    .sub-contents hr {
        width: 25px;
        text-align: center;
        margin: 0 auto;
    }

    .sub-contents h3.sub-tits,
    h2.page_title {
        font-size: 1.5em;
        font-weight: 600;
    }

    .sub-contents h4 {
        font-size: 1.2em;
    }


    .footersnslink,
    #footerwap .footer-mn,
    #footerwap .footer-divs {
        width: 90%;
    }

    .sub-body-cn {
        width: 90%;
    }

    .main-content h2,
    .main-gallery h2,
    .maindiv2 h2,
    .maindiv3 div.maingallery h2,
    .main-notice-div h2 {
        font-size: 1.6em;
    }

    .main-content hr {
        width: 10%;
    }

    .maindiv2 {
        padding: 0 0 50px 0;
    }

    .sub-tit-bg {
        padding: 50px;
        font-size: 1.5em;
        margin: 0 auto 30px;
        letter-spacing: 0;
    }

    .maincscenter {
        display: none;
    }

    .history {
        display: none !important;
    }

    #sub-body-div {
        padding-top: 20px;
    }

    .sub-body-cn-left {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .sub-body-cn-right {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }

    #secondmenu h1,
    #secondmenu .leftmenu dl {
        width: 100%;
    }

    #secondmenu h1 {
        text-align: center;
    }


    .mem1-s1 {
        width: 90%;
        padding: 5px;
    }

    .spinner-master .spinner {
        background-color: #00a9ca !important
    }

    .main-div {
        width: 100%;
        border: none;
    }

    .product-div {
        width: 100%;
    }

    .produce-2u-img img {
        width: 70px;
        height: 70px;
    }

    .top-mn div.bgm {
        text-align: center;
    }

    .biz-cnt em {
        font-size: 30px;
        padding: 0;
    }

    .biz-cnt b {
        font-size: 12px;
    }

    #ov_tb th {
        width: 30%;
    }

    #ov_tb td {
        width: 70%;
    }

    .footer-mn div.footermns span {
        display: block;
        margin-bottom: 20px;
    }

    .footer-mn div.footermns span.footermns2 {
        padding-left: 0;
    }

    .footer-mn div.footermns span.footermns2 a {
        display: inline-block;
        margin: 10px 0 0 0
    }



}




@media screen and (max-width: 768px) {
    .product_search_side_nav {
        padding: 0 !important;
    }

    .search-divs {
        margin: 0 auto 30px !important;
        text-align: right !important;
    }

    #secondmenu .leftmenu dl {
        text-align: right !important;
    }

    .mbtshop .leftmenu h1 {
        display: none !important;
    }

    .mbnone {
        display: none;
    }

    .mtableo iframe {
        width: 100%;
        float: none;
        margin: 0;
    }

    .subtxtarea {
        padding: 0;
    }

    p.ov_title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .main-gallery {
        padding: 50px 0 0;
    }

    #product-div {
        text-align: center;
    }

    .main-content .good-flist ul {
        width: 50%
    }

    #product-divs #product_list {
        width: 50%
    }

    input[type="file"] {
        width: 120px;
    }


    .product-left-img #product_info,
    .product-left-img #product_img {
        float: none !important;
        width: 100% !important;
    }

    .product_tle {
        margin-top: 20px;
    }

    .m-gap100pxs {
        height: 50px;
    }

    .ul-history li i {
        display: block;
    }

    .mtableo span {
        width: 100%;
        display: block;
        margin: 0;
    }

    .main-gallerybbs span table img.board_output_imgs {
        max-width: 92%;
        width: 400px;
        height: 180px !important;
        min-height: auto !important;
    }


    .biz-cnt div {
        margin: 0 auto;
        padding: 0;
    }

    #footerwap {
        padding: 30px 0;
    }

    #sub-body-wrap .col-md-10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}



@media screen and (max-width: 50px) {
    .ml_logos {
        top: 20%;
    }

    .ml_logos img {
        max-width: 160px;
    }

    .maindiv3 {
        padding: 50px 0;
    }

    #sub-body-div {
        padding-top: 20px;
        min-height: auto;
        border-top: 1px #eee solid;
    }

    p.ov_con br {
        display: none;
    }

    .main-div span.main-cs,
    .main-div span.main-nt {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    #btn a {
        display: inline-block;
        margin: 5px;
    }

    #ov_tb {
        margin: 0 auto;
    }

    #ov_tb th {
        width: 35%;
    }

    #ov_tb td {
        width: 65%;
    }

    .cmdpp br {
        display: none;
    }

    .company-cnt {
        margin: 0 auto;
        height: auto;
        padding-bottom: 30px;
    }

    .location1 {
        width: 96%;
        margin: 0 auto;
        height: auto;
    }

}






/*갤러리*/

.btnlist,
.pagelist {
    clear: both;
    width: 100%;
    margin: 20px 0;
}

.btnlist img,
.pagelist img,
.searchlist img {
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
}

.pagelist {
    text-align: center;
}

.pagelist a {
    color: #999;
}

.btnlist {
    text-align: right;
}

.searchlist {
    text-align: center;
}

.board_output_gallery_img {
    width: 100%;
}



.gallery_title,
.board_output_gallery_subject {
    display: block;
    font-size: 14px !important;
    margin: 0 auto;
    line-height: 30px;
}



.glist3 {
    width: 100%;
}

.glist3 table {
    width: 30%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    float: left;
    margin-right: 5%
}

.glist3 table:nth-child(3n) {
    margin-right: 0;
}

.glist3 img {
    max-width: 100%;
    min-height: 100%;
    width: 340px;
    height: 240px;
    object-fit: cover;
    object-position: center;
    transition: .3s ease;
}

.glist3 img:hover {
    opacity: .6;
}



.glist3t {
    width: 100%;
}

.glist3t tr {
    display: inline;
    font-size: 0;
}

.glist3t td {
    display: inline-block;
    text-align: center;
    padding: 0 !important;
}

.glist3t td table {
    width: 96%;
    margin: 0 auto;
}

.glist3t img {
    max-width: 100%;
    min-height: 100%;
    width: 290px;
    height: 220px;
    object-fit: cover;
    object-position: center;
    transition: .3s ease;
}

.glist3t img:hover {
    opacity: .6;
}

.glist3t .board_admin_bgcolor table {
    display: none;
}

.glist3t input[type=checkbox],
.glist3t input[type=radio] {
    display: none;
}



.glist4t {
    width: 100%;
}

.glist4t tr {
    display: inline;
    font-size: 0;
}

.glist4t td {
    display: inline-block;
    text-align: center;
}

.glist4t td table {
    width: 96%;
    margin: 0 auto;
}

.glist4t img {
    max-width: 100%;
    min-height: 100%;
    width: 220px;
    height: 160px;
    object-fit: cover;
    object-position: center;
    transition: .3s ease;
}

.glist4t img:hover {
    opacity: .6;
}

.glist4t .board_admin_bgcolor table {
    display: none;
}

.glist4t input[type=checkbox],
.glist3t input[type=radio] {
    display: none;
}







@media (max-width: 768px) {

    #search_table {
        width: 100% !important;
        margin: 0 auto;
    }

    #search_table td:nth-child(1) {
        width: 20%;
        text-align: right;
    }

    #search_table td:nth-child(2) {
        width: 50%;
        text-align: left;
    }

    #search_table td:nth-child(3) {
        width: 30%;
        text-align: left;
    }

    #search_table td input[type="text"] {
        max-width: 90% !important;
        width: 100%;
    }

    .gallery_title,
    .board_output_gallery_subject {
        display: inline-block;
        width: 100%;
        font-size: 90% !important;
    }


    .glist3 img {
        height: 160px !important;
        min-height: auto !important;
    }

    .glist3 table {
        width: 48%;
        margin-right: 4%;
    }

    .glist3 table:nth-child(2n) {
        margin-right: 0;
    }

    .glist3 table:nth-child(odd) {
        margin-right: 4%;
    }



    .glist3t img {
        height: 160px !important;
        min-height: auto !important;
    }

    .glist3t td {
        width: 50%;
        height: auto;
    }

    .glist3t td table td {
        width: 100%;
        padding: 0 !important;
    }

    .glist3t td table {
        width: 97%;
    }

    .glist4t img {
        height: 160px !important;
        min-height: auto !important;
    }

    .glist4t td {
        width: 50%;
        height: auto;
    }

    .glist4t td table td {
        width: 100%;
    }

    .glist4t td table {
        width: 97%;
    }

    .good-flist ul li img,
    #product_list img {
        max-width: 92% !important;
        height: 300px !important;
        width: 300px !important;
        object-fit: cover;
        object-position: center;
    }


}







@media (max-width: 520px) {

    .good-flist ul li img,
    #product_list img {
        height: 180px !important;
        width: 180px !important;
    }

}