/**/
.main_title {    text-align: center;    margin-bottom: 50px;}
.main_title h1 {    font-size: 2.5em;
    color: #2a2a2a;    margin: 0 auto;
    font-weight: 600;    text-transform: uppercase;}   
.main_title h2 {    font-size: 2em;
    color: #2a2a2a;    margin: 0 auto;
    font-weight: 600;    text-transform: uppercase;}   
.main_title hr {width: 100%;     height: 20px;
    padding:0 !important; margin:0 auto !important;}
.main_title p {      line-height: 24px;
    color: #333;    margin-bottom: 0px;}    

.main_title p.pbtnlink a{    display: inline-block;
    margin-top: 15px; font-size: 15px;
    font-weight: 400;    width: 140px;
    border-radius: 30px;    border: 1px solid #666;
    color: #333;    line-height: 40px;}
.main_title p.pbtnlink i{display: inline-block; padding-left:10px; font-size: 16px; font-weight: 400;}

.pbtnlink a:hover{background: #333; color:#fff !important;}




/*메인*/
.ourwork{clear:both;width:100%;padding:80px 0;}
.ourwork ul{width:100%;margin:0 auto !important; padding:0 !important; color:#666; text-align: center;}
.ourwork h2{font-size:1.5em; color:#000; font-weight:600; text-transform:uppercase;padding: 30px 0 10px !important; margin:0;}
.ourwork ul li{display:inline-block; width:100%;}
.ourwork ul li.workimg{background: url('workimg-bg.png')no-repeat center center;}
.ourwork ul img{width:100%; height:auto; opacity:1;  transition: .5s ease; border-radius:100%; max-width: 200px;}
.ourwork a p{color:#666;}
.ourwork a:hover img{opacity: .25;}
.ourwork a:hover li.workimg{opacity: 1;}

.ourwork a:hover p{color:#999;}
.ourwork a:hover h2{color:#ff732f;}

.mainp-divs{clear:both; width:100%; padding:80px 0; background: #f5f5f5;}
.mainp-divs h2{font-size: 1.8em; font-weight: 600; color:#222; margin:0 auto;padding:0; letter-spacing: -0.02em;}
 
.mainp-divs .col-md-6 hr{margin:15px 0 25px !important; width:30px; border-top:3px #222 solid !important;  display: inline-block;}
.mainp-divs .col-md-6 img{width: 100%; height: auto;}
.mainp-divs p{font-size: 16px; line-height: 1.6em !important; }

.mainp-divs a{display:inline-block; background:#ff732f; color:#fff; margin-top:20px; padding:0 40px;line-height: 45px;}
.mainp-divs a:hover{background:#222; color:#fff;}

.mainp-divs a i{display: inline-block; font-size: 13px; padding-left: 10px;}




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



.board-divs{clear:both; width:100%;padding:80px 0; background: #f5f5f5; }
.board-div{width:100%; max-width:1170px; margin:0 auto; }
.board-div h3{    font-size: 18px;    text-transform: uppercase;
    display: block;    color: #333 !important;    margin: 0 auto 15px;
    padding: 0 0 10px;    font-weight: 600;    border-bottom: 1px #666 solid; }

.board-div .col-md-6 div.contactbtn{width:100%; margin:0 auto; padding:0 30px;}
.board-div .col-md-6 div.contactbtn a{display: inline-block; padding:15px 40px; margin:5px; border:1px #ddd solid; color:#333;font-size: 16px;}
.board-div .col-md-6 div.contactbtn a i{display: inline-block; padding-left: 10px;}
.board-div .col-md-6 div.contactbtn a:hover{background: #ddd;}

.board-div .col-md-6 div{width:100%; margin:0 auto; }
span.pointers{display:inline-block; font-size: 1.8em; color:#03aace; }
.board-div .col-md-6 div li{line-height: 200%;}
.board-div .col-md-6 iframe{display: inline-block; width: 100%; height: 350px;}
.board-div .col-md-6 div i{display: inline-block; padding-right: 10px;}
.board-div table.noticeoutput tr {border-bottom: 1px #ddd solid; }
.board-div table.noticeoutput tr td:nth-child(1){display:none;}
.board-div table.noticeoutput tr td:nth-child(2){display:inline-block;width:70%; text-align: left;}
.board-div table.noticeoutput tr td:nth-child(3){display:inline-block;width:30%; text-align: right; color: #999;}
.board-div table.noticeoutput tr td{font-size: 14px !important; font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; padding:8px 0 !important;}
.board-div table.noticeoutput tr td a{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; font-size: 14px !important; }
.board-div table.noticeoutput tr td a:hover{color:#333; text-decoration: none;}





.gallerylist table td{vertical-align:top;}
.board_output{background:none !important;}
.margin30s{margin:30px auto 30px !important;}



@media (max-width: 1199px){
.ourwork{padding:50px 0 0;}
.ourwork ul{margin-bottom: 50px !important;min-height: 200px;}    

.mainp-divs{padding:50px 0;}
.product-divs, .board-divs{padding:50px 0;}
.board-div{max-width: 98%;}


}



@media (max-width: 768px){

.mainp-divs .col-md-6 h2{margin:30px auto 0; font-size: 1.3em}
.mainp-divs .col-md-6 hr{margin:10px 0 10px !important;}
.mainp-divs .col-md-6 p{ font-size: 14px !important;}
.mainp-divs a{padding:0 25px;}
.mainp-divs hr.gap100pxg{height: 50px;}
.main_title h1{font-size: 1.8em;}
.main_title h2{font-size: 1.6em;}

.ourwork h2{font-size: 1.3em;}
.ourwork ul img{max-width: 150px;}
.ourwork ul br{display: none;}
.board-div .row{padding:0; margin:0 auto;}
.board-div .col-md-6:nth-child(1){margin-bottom: 50px;}
.board-div table.noticeoutput tr td{font-size: 13px !important;     text-align: left !important;}
.board-div table.noticeoutput tr td a{font-size: 14px !important;}
.board-div table.noticeoutput tr td:nth-child(2){width:100%; text-align: left;display: block; padding:10px 0 0 !important;}
.board-div table.noticeoutput tr td:nth-child(3){width:100%; text-align: left;display: block;padding:0 0 10px !important;}

}

@media (max-width: 450px){
.ourwork ul p{letter-spacing: -0.02em; font-size: 13px !important;}
}







/*포트폴리오*/
.gallerybbs table td{text-align:center;  width:auto !important;     vertical-align: top !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: 270px;  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', sans-serif !important;padding: 10px 0 20px; font-size: 14px;}
.board table td img{ max-width:100%; height:auto;}

.board_description{width:100% !important;}
.board_output_gallery_subject{font-size:14px !important; display: inline-block; padding:10px 0 20px;     color: #666;}




/*서브*/
.sub-bg-img{clear:both; width:100%; padding:100px 0;   color: #fff;    text-align: center;    font-size: 2em;    letter-spacing: 0.2em;}
.sub-bg-img1{background: url('sub-bg-img1.jpg')no-repeat; background-size:cover;  }
.sub-bg-img2{background: url('sub-bg-img2.jpg')no-repeat; background-size:cover;  }
.sub-bg-img3{background: url('sub-bg-img3.jpg')no-repeat; background-size:cover;  }
.sub-bg-img4{background: url('sub-bg-img4.jpg')no-repeat; background-size:cover;  }
.sub-bg-img5{background: url('sub-bg-img5.jpg')no-repeat; background-size:cover;  }
.sub-bg-img6{background: url('sub-bg-img6.jpg')no-repeat; background-size:cover;  }

#sub-body{clear:both; margin:0 auto; width:100%; max-width: 1170px;}
#sub-body .row{margin:0; padding:0;}
#sub-body .col-md-3{padding-left:0; margin:0 auto;}
#sub-body .col-md-9{padding-right:0; margin:0 auto;}
.sub-body-cn{width:100%;  margin:0 auto;padding:80px 0; }
.sub-body-cn h2.page_title{    margin: 0 auto 50px !important;
    color: #000 !important;    font-size: 1.8em !important;
    padding: 0 0 15px;    border-bottom: 3px #ddd double;}



#sub-menus-div{width:100%;  }
.sub-menus{width: 100%;    padding: 70px 10px 50px;    margin: 0 auto; }
.sub-menus h1{    color: #a4a4a4;
    font-weight: 400;    font-size: 2em;    border-bottom: 2px #393e46 solid;
    padding: 0 15px 15px;    margin: 0 auto !important}
.sub-menus .sub-mn-gp {width:100%;}
.sub-menus .sub-mn-gp a{display:block; border-bottom: 1px #ddd solid;}

.sub-menus .sub-mn-gp a{display:block; color: #666; padding:10px 15px; font-size: 16px;}
.sub-menus .sub-mn-gp a:hover{background: #393e46;color:#fff; border-bottom: 1px #393e46 solid;}

.sub-mn-ac1 .sub-menus a:nth-child(1){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac2 .sub-menus a:nth-child(2){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac3 .sub-menus a:nth-child(3){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac4 .sub-menus a:nth-child(4){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac5 .sub-menus a:nth-child(5){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac6 .sub-menus a:nth-child(6){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac7 .sub-menus a:nth-child(7){background: #393e46;color:#fff; border: 1px #393e46 solid;}
.sub-mn-ac8 .sub-menus a:nth-child(8){background: #393e46;color:#fff; border: 1px #393e46 solid;}

#sub-menus-div2{width:100%;    background:url('sub-bgv.jpg') #eee no-repeat center right;  }
#sub-menus-div2.fixed {top:0px; margin-top:0px}

.sub-menus-div2{width:100%; background:url('sub-menu-bg.jpg') #485778 no-repeat center center; 
background-size:cover;}
.sub-menus2{width:100%; max-width:1170px; padding:30px 0; margin:0 auto; }
.sub-menus2 h1{color:#333; text-transform: uppercase;
margin-bottom:20px !important; font-size:3em;}
.sub-menus2 ul {}
.sub-menus2 ul li{display:inline-block; padding:0 20px; 
border-right:1px #999 solid; }
.sub-menus2 ul li:first-child{border-left:none; padding-left:0;}
.sub-menus2 ul li:last-child{border-right:none;}
.sub-menus2 ul li a{color:#333; font-size:14px; font-weight:600;}



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




.company-cnt{width:100%;}
.company-cnt h3{    font-size: 1.8em;    color: #333;
    letter-spacing: -0.02em;    margin: 0 auto 5px;    line-height: 180%; }

.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{display: block; width:100%; height: 500px; overflow-y: hidden;}

.biz-cnt h2{margin:0 auto 10px; width:100%; font-size: 2.5em; line-height: 180%; color: #000; font-weight: 600; }



.cmdpp{color:#666; display:block; margin-bottom:10px; line-height:180%;}
.h_top_n{font-size:1.8em; padding:30px 0 10px;color:#222; height:auto;width:100%; margin:0 auto; font-weight:600;}
.h_top_n:nth-child(1){padding-top:0;}
.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:#ff732f;font-weight:800; margin:0px;  }


.sub-body-cn textarea{font-size:12px !important; 
padding:10px !important; width:90%; color:#666 !important; border:none !important; background-color:#eee !important;}
.member_txt textarea{min-height: 200px;}
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;}


.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: 260px; }
.mtableo iframe:nth-child(2n){margin-right:0;}



/*footer*/
#footerwap{clear:both;width:100%;padding:30px 0; background:#222;}
#footerwap b{font-weight: 400 !important;}
.footer-divs{width:100%;max-width:1130px; margin:0 auto; font-size:13px;}
.footer-divs a{color:#999;}
.footer-divs a:hover{color:#999;}
.footer-divs ul{width:100%; }
.footer-divs span{display:block;margin-bottom:10px;color:#999; }
.footer-divs ul li span{display:inline-block;margin-bottom:0; margin-right:20px;}
.footer-divs ul li span b{font-weight:bold !important;  display:inline-block; margin-right:5px;}
.footer-divs ul li{list-style:none;}

.snslink{width: 100%; margin:0 auto 30px;}
.snslink img{max-width: 40px; height: auto; }
.snslink a{display: inline-block; margin-right: 10px;}
.snslink a:last-child{margin-right: 0;}

.bsnt00{font-size:11px; color:#999 !important;padding:4px;display:inline-block; line-height: 100%;}

.footersns00 a{display:inline-block; margin:0 10px 10px 0;}
.footersns00 a:last-child{margin-right:0;}


.cs-menu{width:100%; margin:0 auto 20px;}
.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;}




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

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


.gallerybbs  table td.board_output_gallery_img img{    width: 260px;  height: 220px; max-width: 100%; }
.gallerylist .board table td img{      width: 260px;  height: 220px; max-width: 100%;}
.gallerybbs table img{height:auto;}


.footer-mn{width:92%;}
.footer-divs{width:92%;}
.footer-divs span.cp{padding-top:20px;}

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


#footer-mn ul{max-width:90%; margin:0 auto !important;}
#footer-top{max-width:100%;}

.main-nt{max-width:96%;margin:0 auto;}
.main-nt span:nth-child(1){width:15%}
.main-nt span:nth-child(2){width:85%}
.product-div{width:96%; margin:0 auto;}

.gallerybbs table img{height:auto;}

.sub-menus{text-align: center;}

.sub-menus h1{border-bottom: none; margin:0 auto !important; font-size: 1.8em;}

.sub-menus .sub-mn-gp a:hover{border:1px #393e46 solid;}
.biz-cnt h2{font-size: 1.5em;}

}



@media screen and (max-width: 980px){
.sub-bg-img{display: none;}    
.sub-menus{margin:0 auto; padding:20px 0 0;}
.sub-menus .sub-mn-gp a{display: inline-block; border:1px #ddd solid; font-size: 13px;     margin: 2px;}   
}    



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

.sub-body-cn{padding:50px 0; width:92%;}
#sub-body .col-md-3{padding:0;}
#sub-body .col-md-9{padding:0;}

.main-div span.ourwork{margin-bottom:0;}
.main-div span.ourwork{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%;}

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

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

#post_area img{ max-width:100%; height:auto !important;}


.mtableo iframe {    float: none;    width: 96%;  display: block; height: 350px;}

.gallerybbs table{width:99% !important; margin:0 auto;}

}




@media screen and (max-width: 650px){
.sub-body-cn h2.page_title{font-size: 1.4em !important;}

.product-divs .col-md-12{padding:0;}
.gallerybbs table td.board_output_gallery_img img{max-width: 97%;  width:auto;  height: auto;}
.gallerylist .board table td img{max-width: 97%;  width:auto;  height: auto;}
.board_output_gallery_subject, .gallerylist span.gallery_title{font-size: 90% !important;}

#ext_search td{display:inline-block}

#sub-body-div{min-height: auto;}	
.company-cnt h3{font-size:1.2em;}
.pbrnone br{display:none;}

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





}