/*--------------------------------------------------------*/
.product-cnt li, .product-cnt p, .product-cnt dl, .product-cnt dt, .product-cnt dd {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif!important;
    line-height: 1.8!important;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}
.sub_menu li a {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif!important;
    font-size: 17px!important;
}
.product-cnt dt {
    font-weight: 600!important;
}
.main_title {    text-align: center;    margin-bottom: 50px;}
.main_title:first-child {
/*    height: 0;*/
    margin-bottom: 0;
}
.main_title h2 {
    font-family: 'Lato';
    font-size: 2.850em;
    color: #333333;
    margin: 0 auto;
    font-weight: 900;
    text-transform: uppercase;
}
.main_title h1 {
    font-size: 0;
    font-weight: 100;
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    text-indent: -9999px;
}  
.main_title hr {width: 80px;     height: 0;
    margin:20px auto 0 !important; padding:0;}
.main_title p {
    font-size: 1.125em;
    font-family: 'Noto Sans KR','Malgun Gothic';
    font-weight: 400;
    color: #8e8e8e;
    margin: 10px auto 0;
    text-transform: uppercase;
    letter-spacing: -0.25px;
}

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

.ourworks{width:100%; margin:0 auto; padding: 100px 0;font-size:14px;}
.ourworks .row {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main-btns ul{width:100%; margin:0 auto !important;}
.main-btns ul img{max-width:100%; height:auto;     transition: .3s ease;}
.main-btns ul li{list-style:none; padding:5px 0; line-height:160%;     color: #666;}
.main-btns h2 {
    font-size: 20px;
    color: #464646;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 0 0;
    margin: 0 auto;
    font-family: 'Noto Sans KR';
}

.main-btns ul em{font-style: normal; padding:0 30px; line-height: 40px; border:1px #666 solid; display: inline-block; margin-top:10px;}
.main-btns a:hover ul em{background:#222; color: #fff; border:1px #222 solid;}
.main-btns a:hover img{opacity: .6;}

.onlines {
    width: 100%;
}
.onlines .online1-div::before {
    position: absolute;
    top: 70px;
    left: -35%;
    content: "";
    width: 60%;
    height: 488px;
    background: url('bnr1.jpg')no-repeat center center;  
    background-size:cover;
}
.online1-div {
    position: relative;
    width: 80%;
    height: 501px;
    float: right;
    background: url('bnr2.jpg')no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    padding: 120px 0;
    color: #fff;
}
.online1-div .txt-wrap {
    position: absolute;
    left: 30%;
}
.online1-div a {
    display: inline-block;
    margin: 10px auto 0;
    border: 1px #fff solid;
    color: #fff;
    padding: 0;
    font-size: 14px;
    line-height: 49px;
    width: 180px;
    height: 49px;
    text-align: center;
}
.online1-div a:hover{background:#fff; color:#000; }
.online1-div h3 {
    font-family: 'Noto Sans KR','Malgun Gothic';
    font-weight: 700;
    letter-spacing: -0.5px; 
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    margin: -15px auto 20px;
}
.online1-div p {
    font-family: 'Noto Sans KR','Malgun Gothic'!important;
    line-height: 1.5;
    font-size: 17px;
    font-weight: 300;
    color: #f6f6f6;
}
.online1-div p strong {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 2.133em;
    text-transform: uppercase;
    color: #fff;
}
.product-divs {
    position: relative;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 150px 0 80px;
}
.product-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.product-div h3{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;font-size:3em;
;text-transform: capitalize; color:#000;    margin: 0 auto 10px !important;    font-weight: 600;}
.product-div .board_output_gallery_subject{font-size:14px !important; display: inline-block; padding:10px 0 20px;     color: #666;}


.mov-divs{clear:both; width:100%; text-align:center; padding:80px 0; background: #f1f1f1; }
.mov-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.mov-div iframe{display: block; width: 100%; height: 500px; margin:0 auto;}

.board-divs {
    clear: both;
    width: 100%;
    padding: 80px 0;
    background: #f7f7f7;
}
.board-div {
    width: 100%;
    max-width: 1170px;
    margin: 50px auto 30px;
}


.board-div h2{font-size: 28px; text-transform: uppercase;  display: block;    color: #3f86cf !important; margin:0 auto 5px; padding:0; font-weight: 600;}

.board-div h2 i{display: inline-block; padding-left: 5px; vertical-align: middle;}
.board-div h2 a{   color: #3f86cf }

a.btn_s{display:inline-block; margin:5px;border:1px #ddd solid; color:#999; padding:8px 20px; font-size: 14px; line-height:150%;}
a.btn_s:hover{background:#666; color:#fff; border:1px #666 solid; }


.board-div h3 {
    font-size: 1.313em;
    text-transform: uppercase;
    color: #424242 !important;
    margin: 0 auto 15px;
    padding: 0;
    font-weight: 700;
    font-family: "SpoqaHanSans";
}
.board-div hr {    width: 100%;    height: 1px;    text-align: left;
    background: #666;    margin: 15px 0 15px !important;}

.board-div iframe{display: inline-block; width: 100%; height: 200px;}

.board-div table.noticeoutput tr {border-bottom: none; }
.board-div table.noticeoutput tr td:nth-child(1){display:none;}
.board-div table.noticeoutput tr td:nth-child(2){width:80%; text-align: left;}
.board-div table.noticeoutput tr td:nth-child(3) {
    width: 20%;
    text-align: right;
    color: #a6a6a6;
    font-size: 14px!important;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'!important;
}.board-div table.noticeoutput tr td{font-size: 14px !important; font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; padding:0px 0 !important;}
.board-div table.noticeoutput tr td a {
    position: relative;
    font-family: 'Noto Sans CJK KR','Roboto', 'Noto Sans KR', sans-serif !important;
    font-size: 15px !important;
    padding-left: 15px;
    color: #777777!important;
    font-weight: 300!important;
    width: 100%;
    display: block;
}
.board-div table.noticeoutput tr td a::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #002855;
}
.board-div table.noticeoutput tr td a:hover{color:#333; text-decoration: none;}

.noti-wrap {
    position: relative;
    height: 180px;
    background: #fff;
    height: 180px;
    border: 1px solid #dedede;
    padding: 30px 50px !important;
}
.mainnotices span a {
    color: #fff;
    font-size: 0;
    background: url('btn-more.png') 0 0 no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 30px;
    right: 50px;
}
.goto-link ul {
    height: 180px;
    display: flex;
    justify-content: space-between;
}
.goto-link ul li {width: 32.5%;}
.goto-link ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    color: #fff;
    text-align: center;
    font-family: 'Noto Sans KR','Malgun Gothic';
    font-size: 1.250em;
    font-weight: 300;
    transition: all 0.3s;
}
.goto-link ul li a::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
}
.goto-link ul li a:hover {
    opacity: 0.7;
}
.goto-link ul li:nth-child(1) a {background-color: #d80037;}
.goto-link ul li:nth-child(2) a {background-color: #002855;}
.goto-link ul li:nth-child(3) a {background-color: #595757;}

.goto-link ul li:nth-child(1) a::before {
    width: 62px; height: 47px;
    top: 50px;
    background-image: url('ic_goto1.png')
}
.goto-link ul li:nth-child(2) a::before {
    width: 54px; height: 55px;
    top: 42px;
    background-image: url('ic_goto2.png')
}
.goto-link ul li:nth-child(3) a::before {
    width: 55px; height: 49px;
    top: 48px;
    background-image: url('ic_goto3.png')
}

.cs-divs {
    clear: both;
    width: 100%;
    background: #58636a;
    text-align: center;
    font-size: 16px;
    padding: 25px 0 0;
}
.cs-menu{width:100%; max-width:1170px; margin:0 auto; }
.cs-menu a{color:#999 !important; padding:0 5px; }
.cs-menu a:last-child{border-right:0;}
.cs-menu a:first-child{padding-left:0;}

.cs-div {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: left;
    display: flex;
}
.cs-div .img-tite {font-size: 16px; text-transform: uppercase;  display: block;    color: #fff !important; margin:0 auto; padding:0; font-weight: 400; }
.cs-div h2{color:#3f86cf;  font-size:2em; font-weight:400 !important;    margin: 0 auto 10px;}
.cs-div p.cslinkp{margin:0; padding:0;color:#999;line-height: 120% !important; font-size: .85em;}

.cs-divs hr {    width: 40px;    height: 1px;  margin: 14px 0 0 !important;}
.cs-div ul{color:#999;}
.cs-div li span, copyright {
    display: inline-block;
    padding-right: 0.938em;
    color: #fff;
    font-family: 'Noto Sans KR','Malgun Gothic';
    font-weight: 200;
    line-height: 1.8;
}
.cs-div li b{font-weight: 400; display: inline-block; color:#ccc;    padding-right: 5px;}

.footersns{display: inline-block; width:100%; padding:30px 0;}
.footersns a{display: inline-block; padding-right: 5px;}
.footersns a:last-child{padding-right: 0;}
.cs-div .row div {
    margin-left: 65px;
}
.cs-div .col-md-12 i{font-size: 1.5em; color:#3f86cf; font-style: normal; display: inline-block; padding-left:5px;}
.cs-div .col-md-8{float: left}
.cs-div .col-md-4{float: right;}

.ft-logo {
    margin: 0;
    padding: 0;
}

/*swiper slide*/
.swiper-container {
    width: 1200px;
    height: auto;
    margin: 50px auto 0px;
    overflow: hidden;
}

.swiper-slide {
    width: 1000px;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next, .swiper-button-prev {
    top: 60%!important;
    width: 52px!important;
    height: 52px!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
    width: 52px!important;
    height: 52px;
    line-height: 52px!important;
    font-size: 0px!important;
    background-color: #c4c4c4;
        background-repeat: no-repeat;
    background-position: 50% 50%;
}
.swiper-button-prev {
    left: 200px!important;
}
.swiper-button-next {
    right: 200px!important;
}
.swiper-button-prev:after {
    background-image: url(prev-btn.png);
}
.swiper-button-next:after {
    background-image: url(next-btn.png);
}
.swiper-slide a ul li {
    border: 1px solid #e2e2e2;
}
.swiper-slide a ul {
    position: relative;
}
.swiper-slide a ul .produt::before {
    position: absolute;
    top:0;
    left: 0;
    content: "";
    width: 100%;
    height: 262px;
    background: rgba(0,0,0,0.02);
    transition: all 0.2s;
}
.swiper-slide a ul:hover .produt::before {
    display: none;
}

/*인사말*/
.pbrnone {
    line-height: 1.8 !important;
    font-size: 16px;
}
.pbrnone strong {
    font-size: 1.125em;
    color: #000;
}
.pbrnone .red {
    color: #d80238;
    font-size: 1.25em;
    font-weight: 700;
}
.ceo {
    text-align: right;
    line-height: 2;
    font-size: 1.25em;
}
.ceo span {
    font-size: 1.5em;
    letter-spacing: 2px;
    margin-left: 10px;
}

/*회사연혁*/
.bbsetc_add2 {
    width: 10%;
    font-weight: 400;
}
.bbsetc_add4 {
    width: 90%;
    font-weight: 400;
    font-size: 0.875em;
}

.mgb>li {
    margin-bottom: 20px;
}


@media (max-width: 1366px){
.ourworks{padding:50px 0 0;}    
.ourworks .main-btns ul{margin-bottom: 50px !important;}
.board-div{width: 96%;}
.product-divs,.mov-divs{padding:80px 0;}
.product-div,.mov-div{width: 96%;}
    .swiper-container {
        width: 90%;
        height: auto;
    }
    .onlines .online1-div::before {
        top: 50px;
        left: -76%;
        width: 90%;
        height: 350px;
    }
    .online1-div {
        width: 60%;
        height: 330px;
        padding: 50px 0;
        margin: 0 auto 80px;
    }
    .online1-div .txt-wrap {
        padding-left: 0px;
    }
    .online1-div p strong {
        font-size: 1.825em;
    }
    .online1-div h3 {
        font-size: 1.625em;
    }
    .online1-div a {
        height: 40px;
        line-height: 40px;
    }
    .main_title:first-child {
        margin-bottom: 50px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none!important;
    }
    .swiper-slide a ul .produt::before {
        display: none;
    }
    .col-md-6.goto-link {
        padding-right: 0!important;
    }
    
    .online1-div p {
        font-size: 0.925em;
    }
}    

.submn2 tr {
    border-bottom: 1px solid #eee;
}

@media (max-width: 1024px){
    .customers li {margin-right: 10px!important;}
    .recruit-btn {bottom: 131px!important;}
}

@media (max-width: 980px){
.board-div .col-md-4{margin-bottom: 50px;}

}


@media (max-width: 812px){

    .main_title h1,.main_title h2,.online1-div h3 {font-size: 1.8em;}
    .online1-div{width:90%; margin:0 auto; font-size: 14px;}
    .cs-menu{width: 90% !important;}
    .cs-menu a{padding:0 5px;}
    .board-div{width: 92%;}
    .board-div .row{margin:0;}
    .mov-divs {margin: 0 auto; padding: 50px 0 0;}
    .board-divs {margin: 0 auto;}

    .product-divs{width: 100%;margin:0 auto; padding: 80px 0px;}
    .product-div,.mov-div,.board-div{width:100%; margin:0 auto;max-width: 90%;}
    .mov-div iframe{width: 92%; height: 350px;}
    .board-div iframe{height: 300px;}
    .ourworks .row .col-md-3{width: 100%; float: none;}


    .board-div table.noticeoutput tr td{font-size: 13px !important; text-align: left;}
    .board-div table.noticeoutput tr td a{font-size: 1.25em !important;}
    .board-div table.noticeoutput tr td:nth-child(2) {
        width: 80%;
        text-align: left;
        display: block;
        padding: 5px 0 5px !important;
    }

    .board-div table.noticeoutput tr td:nth-child(3) {
        width: 17%;
        text-align: left;
        display: block;
        padding: 5px 0 5px !important;
        font-size: 1.25em !important;
    }
    .onlines .online1-div::before {
        display: none;
    }
    .online1-div {
        width: 100%;
        text-align: center;
    }
    .online1-div .txt-wrap {
        padding: 0;position: static;
    }
    .online1-div p {
        font-size: 1.025em;
    }
    .noti-wrap {
        height: auto;
    }
    tr.board_output_11_tr {
        display: flex;
        justify-content: space-between;
    }
    .noti-wrap {
        
    }
    .col-md-6.noti-wrap {
        margin-bottom: 30px;
    }
    .col-md-6.goto-link {
        padding: 0!important;
    }
    .product-cnt dt,.product-cnt dd,.product-cnt li,.product-cnt .pbrnone {
        line-height: 1.5!important;
        letter-spacing: -0.25px!important;
        font-size: 14px!important;
        }
}


@media (max-width: 640px){
.main-btns a{padding:0 15px;}
.ourworks .main-btns ul{margin: 0 auto !important;}
.ourworks .main-btns ul li{font-size: 90%; letter-spacing: -0.02em;}
.ourworks .main-btns br{display: none;}
    .ourworks .row {
        display: block;
    }
    .container {
        margin-bottom: 30px;
    }
    .online1-div p strong {
        font-size: 1.5em;
    }
    .online1-div h3 {
        font-size: 1.7em;
        margin: -10px auto 20px;
    }
    .online1-div .txt-wrap {
        width: 90%;
        margin: auto;
    }
    .online1-div p {
        font-size: 0.925!important;
    }
    .online1-div {
        height: 330px;
    }
    .main_title {
        width: 90%;
        margin: 0 auto 30px;
    }
    .board-div table.noticeoutput tr td:nth-child(3) {
        display: none!important;
    }
    .board-div table.noticeoutput tr td:nth-child(2) {
    width: 100%;
    }
    .noti-wrap {
        padding: 25px 20px 18px !important;
    }
    .mainnotices span a {
        top: 25px;
        right: 25px;
    }
    .goto-link ul {
        display: block;
        height: auto;
    }
    .goto-link ul li {
        width: 100%;
        height: 85px;
        margin-bottom: 7px;
    }
    .goto-link ul li a::before {
        display: block;
        width: 100%;
        height: 100%;
        top: 20px!important;
        left: 100px;
    }
    .goto-link ul li a {
        padding-top: 25px;
        font-size: 1.725em;
    }
    .board-divs {
        padding: 60px 0;
    }
    .cs-div {
        text-align: center;
        display: block;
    }
    .cs-div .row div {
        margin-left: 0;
    }
    .ft-left {
        margin-bottom: 20px;
    }
    .cs-div li span, copyright {
        line-height: 1.5;
        font-size: 0.925em;
    }
    .ft-logo img {
        width: 120px;
    }
    .goto-link ul li a span {
        padding-left: 30px;
    }
    .goto-link ul li:nth-child(2) a::before {
        top:16px!important;
    }
    .bbsetc_add4 {
        padding: 0 15px;
        text-align: left;
    }
    #sub-body-div {
        min-height: auto;
    }
    .customers li {
        margin: 0px 7px 10px 0!important;
        width: 140px;
    }
    .recruit-btn {
        bottom: 155px;
    }
    .recruit-btn a {
       width: 150px!important;
       height: 40px!important;
       font-size: 0.825em!important;
       line-height: 40px!important;
    }
    .online1-div br {
        display: none!important;
    }
}

@media (max-width: 460px){
.main-btns ul em{font-size: 90%; padding:0 20px; line-height: 30px}
    .customers li {
            margin: 0px 3px 10px 0!important;
            width: 49%;
        }
    .recruit-btn {
        display: inline-block!important;
        position: initial!important;
        margin: 20px auto!important;
    }
    .recruit-wrap {
        text-align: center!important;
    }
    .board-div table.noticeoutput tr td {
        width: 280px!important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    td.bbsetc_dateof_write {
        width: 20%!important;
    }
    .down-btn a {
        margin: auto;
    }
}


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

.body-div{clear:both; margin:0 auto; width:100%;}
.sub-tit-bg{width:100%; text-align:center; padding:10px 0 !important;
margin:0 auto; font-size:15px; line-height:250% !important;
 border-top:1px #D1D9EB solid; }
.sub-tit-bg h1{font-size:26px;  margin:0 auto !important;font-weight:400 !important; color:#2d7185;}
.sub-tit-bg div.sub-arr{width:100%; height:30px; margin-bottom:30px;}
.history{text-align:center !important ; color:#fff !important; font-size:12px !important; }
.history span.page{color:#2b7de1 !important; }

#sub-body-div{clear:both;width:100%; height:auto; min-height: 600px;}
.sub-body-cn{width:1170px;  margin:0 auto;padding:80px 0; }
.sub-body-cn h2.page_title {
    position: relative;
    margin-bottom: 30px !important;
    color: #d80238 !important;
    font-size: 2em !important;
    padding: 0 0 0 20px !important;
    font-weight: 400;
}
.sub-body-cn h2.page_title::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #002855;
}
#photo_info span{font-size:11px !important;width:100%;}
.produce-2u-img img{width:100px; height:100px;}
.produce-2u-img img:hover{opacity:.6;}


.sub-mm-s{width:100%; margin:0 auto; padding-bottom:30px;}
.sub-mm-s ul{width:100%;  text-align:center;}
.sub-mm-s ul li{display:inline-block; padding:5px 30px; margin:3px; background:#666;}
.sub-mm-s ul li:hover{background-color:#333;}
.sub-mm-s ul li a{color:#fff; font-family: 'Roboto', 'Noto Sans KR', sans-serif;}

.title-img {
    width: 100%;
    height: auto;
    padding: 50px;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin-bottom: 50px;
}
.title-img img {
    max-width: 250px;
    max-height: 50px;
}
.down-btn {
    text-align: center; margin-top: 30px;
}
.down-btn a {
    display: block;
    width: 230px;
    height: 60px;
    line-height: 60px;
    color: #d80238;
    transition: all 0.3s;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    margin: auto;
    border: 1px solid #d80238;
}
.down-btn a:hover {
    background: #d80238;
    color: #fff;
}



.title-txt{
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
    line-height: 1.8 !important;
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;}

    .product-cnt .pbrnone li{padding-bottom: 1rem;}
    .product-cnt .pbrnone a{text-decoration: none; color: inherit; display: flex;}
    .product-cnt .pbrnone a:hover {color: #d80238; }
    .product-cnt .pbrnone a i{margin-left: 1rem;}

/*게시판*/
td.bbsno {
    width: 10%;
}
td.bbsetc_dateof_write {
    width: 15%;
}
td.bbswriter {
    width: 10%;
}
/*고객사*/
.customers li {
    float: left!important;
    border: 1px solid #ddd!important;
    margin: 0px 17px 20px 0;
}
.customers li:last-child {
    margin-bottom: 150px;
}
/*채용정보*/
.recruit-wrap {
    position: relative;
}
.recruit-btn {
    position: absolute;
    bottom: 170px;
    right: 0;
}
.subbg_01 {
    background-image: url(/default/img/2udesign/img/subbg1.jpg);
}
.subbg_02 {
    background-image: url(/default/img/2udesign/img/subbg2.jpg);
}
.subbg_03 {
    background-image: url(/default/img/2udesign/img/subbg3.jpg);
}
.subbg_04 {
    background-image: url(/default/img/2udesign/img/subbg4.jpg);
}
/*포트폴리오*/
.gallerybbs table td{text-align:center;  width:auto !important;}
.gallerybbs  table td.board_output_gallery_img img{    width: 340px;  height: auto; max-width: 100%; }
.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;}

table td.est_cate_cell{padding-right: 5px;}
table td input[type="text"]{-webkit-padding-before:5px !important;-webkit-padding-after:5px !important;}
table td.est_btn_cell{padding-left:5px;}

.product-gallery table img{width:96% !important; display:inline-block; padding-bottom:10px; height:auto !important;}
.product-gallery-view table img{max-width:100% !important; height:auto !important;}
.product-gallery-view table td{line-height:180%;}
#post_area{display:inline-block; width:100% !important; height:auto;}
.gallerylist .board table td img{      width: 340px;  height: auto; max-width: 100%;}
.gallerylist2 .board table td img{      width: 440px;  height: auto; max-width: 100%;}
.gallerylist4 .board table td img{      width: 240px;  height: auto; max-width: 100%;}

.gallerylist .board table td 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;}
.gallerylist span.gallery_title{display: inline-block;font-family: 'Noto Sans KR', ,'Malgun Gothic',sans-serif !important;padding: 10px 0 20px; font-size: 14px;}
.board table td img{ max-width:100%; height:auto;}
#post_area p img{ max-width:100% !important;height:auto;}
.board_description{width:100% !important;}


.mtableo{width:100%; height:auto; min-height:800px;}
.mtableo iframe{display:inline-block; padding-bottom:50px; float:left; width:46%;margin-right:4%; text-align:center;height: 350px; }
.mtableo iframe:nth-child(2n){margin-right:0;}



/*서브 틀*/
#sub-menus-div{clear:both;  width:100%;  text-align: center;}
.sub-menus-div{clear:both; width:100%;}
.sub-menus{width:100%; padding:150px 0 0; margin:0 auto; }
.sub-menus h1{color:#fff; text-transform: uppercase; margin:0 auto 100px !important; font-size:2.5em; font-weight: 600;}
.sub-menus ul {
    width: 100%;
    margin: 0 auto !important;
    background: rgba(216, 2, 56, 0.8)
}.sub-menus ul li{display:inline-block; position: relative; vertical-align: middle; margin:0 -2px; }
.sub-menus ul li a{color: #fff;font-size: 16px; padding:20px 40px;   display:table-cell; }
.sub-menus ul li a:hover{background:#fff; color:#333;}




#sub-body{clear:both; margin:0 auto; width:100%;padding:0;}
.subbg1{background:url('sub-menu-bg1.jpg')no-repeat center top; background-size:cover; }
.subbg2{background:url('sub-menu-bg2.jpg')no-repeat center top; background-size:cover; }
.subbg3{background:url('sub-menu-bg3.jpg')no-repeat center top; background-size:cover; }
.subbg4{background:url('sub-menu-bg4.jpg')no-repeat center top; background-size:cover; }
.subbg5{background:url('sub-menu-bg5.jpg')no-repeat center top; background-size:cover; }

.submn1 .sub-menus ul li:nth-child(1) a{color:#333;background:#fff;}
.submn2 .sub-menus ul li:nth-child(2) a{color:#333;background:#fff;}
.submn3 .sub-menus ul li:nth-child(3) a{color:#333;background:#fff;}
.submn4 .sub-menus ul li:nth-child(4) a{color:#333;background:#fff;}
.submn5 .sub-menus ul li:nth-child(5) a{color:#333;background:#fff;}
.submn6 .sub-menus ul li:nth-child(6) a{color:#333;background:#fff;}
.submn7 .sub-menus ul li:nth-child(7) a{color:#333;background:#fff;}
.submn8 .sub-menus ul li:nth-child(8) a{color:#333;background:#fff;}



/*회사,비즈니스*/
.company-cnt{width:100%;}
.company-cnt .row{padding:0; margin:0 auto;}
.company-cnt ul { list-style-position: inside; }
.company-cnt ul li { list-style-type: none; }
.company-cnt ul b { color: #000;   display: inline-block;    margin-right: 5px; font-weight: 400;}
.company-cnt iframe{width: 100%;}
.company-cnt img{max-width:100%; }
img.org-img{display:block; padding:20px 0; max-width:100%;}
.company-cnt h3{font-size:1.8em;color:#333; letter-spacing: -0.04em; line-height: 180%; margin:0 auto; }

p.ov_con{display:block;line-height: 160%; }

#ov_tb{width:100%;border-top:1px #ddd solid !important; font-size:13px;}
#ov_tb th{width:15%;background-color:#f1f1f1; padding:10px 15px; text-align:left; font-weight:normal; 
border-bottom:1px #ddd solid;  color:#333; font-size:13px;}
#ov_tb td{width:85%;border-bottom:1px #ddd solid  !important; padding:10px 15px;  }


.biz-cnt{margin:0 auto; width:100%; height:auto; }
.biz-cnt .row{padding:0; margin:0 auto;}
.biz-cnt em{font-style:normal; font-size:2.5em; display:block;  
 color:#333;line-height: 200%; letter-spacing:-0.04em; font-weight:600;}
.biz-cnt img{max-width: 100%; height: auto;}
.biz-cnt p{margin:0 auto 15px;}

.cmdpp{color:#fff; display:block; margin-bottom:10px; line-height:160%;}
.h_top_n{font-size:26px; padding:30px 0 10px;color:#004A8D; 
height:auto;width:100%; margin:0 auto; font-weight:600;}
.h_tr{width:100%; margin:0 auto;}
.h_tr span{display:inline-block;}
.h_tr span.h_cons{padding-left:10px; }
.h_tr span.h_no{color:#7ebec5;font-weight:600; margin:0px;}


.sub-body-cn textarea{ font-size:13px !important;padding:10px !important; width:100%; color:#666 !important; border:none !important; background-color:#eee !important; min-height: 500px;}
table textarea{min-height: 200px !important}
input[type="file"]{width:160px !important;}
.bbsnewf5 a:link {color: #666666 !important;}
.formmail_cell_bgcolor table tbody tr:first-child td:nth-child(1){display:none !important;}
.formmail_cell_bgcolor table td{text-align:left !important;}


.location1{margin:30px 0; line-height:180%; width:100%;}
.location1 h3{font-size:15px;padding:0 0 10px 0 !important; color:#333; font-weight: 500;}
.location1 b{color:#333; padding-right:3px;}


@media screen and (max-width: 1366px){
.cs-div .col-md-8{float: none;}
.cs-div .col-md-4{float: none; margin-bottom: 30px;}



.gallerybbs  table td.board_output_gallery_img img{    width: 200px;  height: auto; max-width: 100%; }
.gallerylist .board table td img{      width: 200px;  height: auto; max-width: 100%;}
.gallerylist2 .board table td img{      width: 340px;  height: auto; max-width: 100%;}
.gallerylist4 .board table td img{      width: 180px;  height: auto; max-width: 100%;}


}





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

@media screen and (max-width: 1700px){
#product_info{width: 350px !important;}
#product_img { width: 300px !important;}
}

@media screen and (max-width: 1199px){
.footer-mn{width:90%;}
.footer-divs{width:90%;}
.footer-divs span.cp{padding-top:20px;}
.top-mn div.bgm{width:90%;}
.body-content,.main-content{width:90%;   padding-top: 15px;}
.sub-body-cn{width:92%; margin:0 auto;}
.sub-tit-bg h1{width:92%; max-width:92%;}
.companyarea1 .sub-body-cn{background:none !important}

.main-content{width: 96%;margin:0 auto;}
.cs-div{max-width:90%;}

#footer-top{max-width:100%;}

.sub-menus h1{font-size:2em; margin:0 auto 50px !important;}

.main-docs{width: 90%;margin: 10px auto;}
.workswap span{width:22%; margin-bottom:15px;}

.gallerybbs table img{height:auto;}

.sub-body-cn h2.page_title{font-size:1.8em; }
.company-cnt h3{font-size:1.2em ;}

}


@media screen and (max-width: 800px){
.sub-menus{padding:80px 0 30px;}
.sub-menus ul{background: transparent;}
.sub-menus ul li{display: inline-block; margin:4px; height: auto;}
.sub-menus ul li a{padding:8px 10px;font-size:14px; border:1px #fff solid;}	

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

.gap100pd{height:50px;}
.pbrnone br{display:none;}

.menu{text-align:left !important; width:100% !important; color:#fff;}
.menu ul li a{color:#fff;}
.menu ul ul > li a{text-align:left !important;}
.nav_wrapper{background:#424242 !important; padding:0 !important;}
.nav_wrapper{border:none !important;}

.callbacks_nav{display:none;}
.main-div span.main-cs{margin-bottom:0;}
.main-div span.main-cs{width:40%; padding-left:3%;
    display: inline-block; vertical-align:top; }
.main-div span.main-nt{width:47%; 
    display: inline-block; vertical-align:top; }

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

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

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

#product_info{width: 100% !important;}
#product_img { width: 100% !important;}

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

.sub-tit-bg{background-position:right center;}
.main-div span{margin-top:20px;}
#post_area img{ max-width:100%; height:auto !important;}

.product-div{width:86%; margin:0 auto;}
.workswap span{width:30%;}



}


@media screen and (max-width: 650px){
.gallerybbs table td.board_output_gallery_img img{max-width: 98%;    height: auto !important;}
.gallerylist .board table td img{max-width: 98%;    height: auto !important;}
.gallerylist span.gallery_title,
.product-div .board_output_gallery_subject{font-size: 90% !important;}


#ext_search td{display:inline-block}

.main-btns h2 { font-size: 1.625em;}
.main-btns{margin-bottom: 30px;}	
div.toparr{display: none;}	

.main100gap{display:none;}
.main-docs{padding: 50px 0 0;}
.mtableo span{width:100%; display:block; margin:0;}


p.ov_title{font-size:16px; margin-bottom:10px;}
.top-mn div.bgm span.telic{display:none;}
.top-mn div.bgm span.telicm{display:block;}


.cs-div div span.sps{padding-bottom: 30px;    padding-top: 0;}
#footer-mn{display:none;}
.footer-divs div{float:none !important; width:100% !important; margin-bottom:20px !important;}
.footer-divs .f-div1 .f-cp{display:none;}
#footerwap{min-height:auto !important;     padding: 30px 0 10px;}

.works-divs{padding:50px 0; min-height:auto;}
.about-sp{float:none !important; width:100%; height:auto; margin-bottom:30px;}


.produce-2u-img img{width:70px; height:70px;}
.top-mn div.bgm{text-align:center;}

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

#ov_tb th{width:30%;}
#ov_tb td{width:70%;}



}


@media screen and (max-width: 600px){
.main-docs div br{display:none;}
.main-docs h3{font-size:2em;}
.product-div h3, .works-div h3{font-size:1.5em; line-height:160%;}

.cmdpp br{display:none;}
.location1{width:96%; margin:30 auto; height:auto; }


.sub-tit-bg{padding:10px 0;}
.sub-tit-bg h1{font-size:22px;}

p.ov_con,.cmdpp{font-size:13px;}
.ov_con br{display:none;}

.sub-tit-bg h1{width:90%; max-width:90%;}
.sub-body-cn{padding: 50px 0; }

.footer-divs .footer-divs1{width:100%;}
.footer-divs .footer-divs2{width:100%;}

.main-nt span:nth-child(1){width:35%}
.main-nt span:nth-child(2){width:65%}
table.board_output td:nth-child(3){display:none;}
.main-cs{font-size:14px;}
.workswap span{width:80%;}

.mobile-s{display:block;}


}


.cs-div li span a {
    color: #fff;
}
.cs-div li span a:hover {color: #d80238;}
.mem1-s1 {text-align: center;}
.login-wrapper {display: inline-block;}