/**/
.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: .3;}
.ourwork a:hover li.workimg{opacity: 1;}




.mainp-divs{clear:both; width:100%; padding:100px 0; background: #f1f1f1;}

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


.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;}
.mainp-divs{padding:80px 0;}
.product-divs{padding:50px 0;}
.ourwork ul{margin-bottom: 50px !important;min-height: 200px;}    

}



@media (max-width: 768px){
.main_title h1{font-size: 1.8em;}
.main_title h2{font-size: 1.6em;}
.ourwork ul img{max-width: 150px;}
.ourwork ul br{display: none;}
.ourwork ul p{letter-spacing: -0.03em;}
}




/*포트폴리오*/
.gallerybbs table td{text-align:center;  width:auto !important;}
.gallerybbs  table td.board_output_gallery_img img{    width: 340px;  height: 280px; 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: 240px;  height: 200px; 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.5em !important;
    padding: 0 0 15px;    border-bottom: 3px #ddd double;}

#sub-menus-div{width:100%;  }
.sub-menus{idth: 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 20px;    line-height: 180%; }

.company-cnt ul {}
.company-cnt ul li { list-style-type: none; }
.company-cnt ul b { color: #000;   display: inline-block;    margin-right: 5px;}

.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:50px 0; background:#393e46;  }
#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 .f-div1{width:100%; color:#fff;}
.footer-divs .f-div1 span{display:block;margin-bottom:10px; }
.footer-divs .f-div1 ul li span{display:inline-block;margin-bottom:0; margin-right:20px;}
.footer-divs .f-div1 ul li span b{font-weight:bold !important; color:#999; display:inline-block; margin-right:5px;}
.footer-divs .f-div1 ul{ }
.footer-divs .f-div1 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;}
.footer-divs .f-cp{clear:both; width:100%; color:#999; margin:10px auto 0;
text-transform: uppercase;}
.bsnt00{font-size:11px; color:#999 !important;padding:4px;display:inline-block;border:1px #999 solid; line-height: 100%;margin-left: 5px;}

.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; font-size: 14px;}
.cs-menu a{color:#fff !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: 4px;}   
}    



@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){


.gallerybbs table td.board_output_gallery_img img{max-width: 96%;  width:auto;  height: auto;}
.gallerylist .board table td img{max-width: 96%;  width:auto;  height: auto;}


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





}