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

.main_title {    text-align: center;    margin-bottom: 50px;}
.main_title h1 {    font-size: 2em; 
    color: #2a2a2a;    margin: 0 auto;
    font-weight: 600;    text-transform: uppercase;}   
.main_title h2 {    font-size: 1.8em;
    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-cs{width:100%; margin:0 auto; padding: 80px 0;}

.main-cs ul{width:100%; display:inline-block; margin:0 auto; padding:0 !important; text-align: center; }
.main-cs h3{    font-size: 1.4em;    font-weight: 500;
    text-transform: uppercase;    padding: 25px 0 15px !important;
    color: #222;    margin: 0;}
.main-cs ul li{display:inline-block; width:100%;    line-height: 180%; letter-spacing: -0.02em;}
.main-cs ul li img{display: inline-block; width: 100%;}
.main-cs a{color:#666;}



.main-cs ul li em{    display: inline-block;    cursor: pointer; font-style: normal;
    color: #333;    border: 1px #999 solid;    padding: 10px 25px 8px;    margin-top: 20px; }
.main-cs a:hover li{color:#666;}    
.main-cs a:hover em{background:#333; color:#fff;}
.main-cs a:hover ul{background:#f1f1f1; -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}

.aboutus a{display: inline-block; cursor: pointer;  color: #333; 
    border: 1px #999 solid;    padding: 10px 25px 8px;  margin-top: 20px;}
.aboutus a:hover{background:#333; color:#fff;}


.aboutus{width:100%; margin:0 auto; padding: 80px 0; background: #f1f1f1;}

.aboutus h2 {    font-size: 2em;
    color: #2a2a2a;    margin: 0 auto 20px;
    font-weight: 600;    text-transform: uppercase;}   
.aboutus img{width: 100%; height: auto;}

.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;
    margin: 0 auto 20px; font-weight: 400;}

.product-divs{clear:both; width:100%; text-align:center; padding:80px 0;    background: #f1f1f1; }
.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; }
.mov-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.mov-div iframe{display: block; width: 100%; height: 550px; margin:0 auto;}


.board-divs{clear:both; width:100%;padding:80px 0 0;  }
.board-divs .row{padding:0; margin:0;}
.board-div{width:100%; max-width:1170px; margin:30px auto 30px; }
.board-div h1 a{font-size:26px;  color: #333; margin:0 auto 10px; padding:0; font-weight: 600;  }
.board-div h2 i{font-size:1.2em;  color: #333; margin:0 auto; padding:0; font-weight: 400;  }
.board-div h3{font-size: 18px; text-transform: uppercase; color: #333; margin:20px auto; padding:0; font-weight: 600;  }
.board-div hr {    width: 100%;    height: 1px;    text-align: left;
    background: #84cddb;    margin: 15px 0 15px !important;}
.board-divs iframe{display: block; width: 100%; height: 400px;}
.board-div .col-md-4{margin-bottom: 50px;}
a.btn-s{display: inline-block; padding:5px 20px; border:1px #ddd solid; color:#999; margin-top: 5px;}
a.btn-s:hover{background:#666;color: #fff;  border:1px #666 solid;}

.board-div table.noticeoutput tr {border-bottom: 1px #ddd solid; }
.board-div table.noticeoutput tr td{display: inline-block;}
.board-div table.noticeoutput tr td:nth-child(1){display:none;}
.board-div table.noticeoutput tr td:nth-child(2){width:70%; text-align: left;}
.board-div table.noticeoutput tr td:nth-child(3){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:10px 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;}

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



.cs-divs{clear:both; width:100%; background:#222; font-size: 13px; }
.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:1170px; margin:0 auto; padding:30px 0;}
.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;padding-top: 20px !important}
.cs-div li span{display: inline-block; padding-right: 15px;}
.cs-div li b{font-weight: 400; display: inline-block; padding-right:5px;}

.footersns{width:100%; padding:0 0 20px 0;}
.footersns a{display: inline-block; padding-right: 5px;}
.footersns a:last-child{padding-right: 0;}

.cs-div .col-md-8{float: left}
.cs-div .col-md-4{float: right;}


@media (max-width: 1199px){
.board-div{max-width: 96%;}
.board-divs .col-md-8{margin-bottom: 50px;}
}


@media (max-width: 990px){
.main-cs .col-md-4{margin-bottom: 50px;}
.aboutus .col-md-6{margin-bottom: 50px;}
}    

@media (max-width: 768px){
.main_title{width: 92%; margin:0 auto 30px;}  
.main_title h1, .aboutus h2 {font-size:2em;}
.main_title p br{display: none;}
.main_title h2,.online1-div h3 {font-size: 1.8em;}


.main-cs .row, .aboutus .row{width: 96%; margin:auto;}
.online1-div{width:90%; margin:0 auto; font-size: 14px;}
.cs-menu a{padding:0 3px;}
.main-cs,.aboutus{margin: 0 auto; padding: 50px 0 0;}
.mov-divs{margin: 0 auto; padding: 50px 0;}
.board-divs{margin: 0 auto; padding: 50px 0 0;}

.product-divs{width: 100%;margin:0 auto; padding:50px 0;}
.product-div,.mov-div,.board-div{width:96%; margin:0 auto;max-width: 92%;}
.mov-div iframe{width: 92%; height: 280px;}


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

}


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


/*서브*/
#sub-body{clear:both; margin:0 auto; width:100%;padding:0;}
/*
.subbg1{background:url('subbg1.jpg')no-repeat top left; background-size:cover;}
.subbg2{background:url('subbg2.jpg')no-repeat top left; background-size:cover;}
.subbg3{background:url('subbg3.jpg')no-repeat top left; background-size:cover;}
.subbg4{background:url('subbg4.jpg')no-repeat top left; background-size:cover;}
.subbg5{background:url('subbg5.jpg')no-repeat top left; background-size:cover;}
*/

.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 100px; }
.sub-body-cn h2.page_title{  color: #000 !important;    font-size: 2em;  margin: 0 auto 50px;      background: url(tit_bar.png)no-repeat 0 55%;
    padding-left: 20px;  }


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





/*갤러리*/
.gallerybbs table td{text-align:center;  width:auto !important; vertical-align: top;}
.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', 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%; }
.sub-menus-div{clear:both; width:100%;}
.sub-menus{width:100%; max-width:1170px; margin:0 auto; text-align: center; }
.sub-menus h1{color:#fff;
text-transform: uppercase; margin:0 auto 50px !important; font-size:2.5em; font-weight: 400;}
.sub-menus ul {width: 100%; margin:0 auto !important;}
.sub-menus ul li{display:inline-block; margin:0 -2px;}
.sub-menus ul li a{color: #fff;font-size: 16px; padding:20px 35px; border:1px solid #222; background: #222;  display:inline-block; }



.submn1 .sub-menus ul li:nth-child(1) a{color:#222;background:#fff;}
.submn2 .sub-menus ul li:nth-child(2) a{color:#222;background:#fff;}
.submn3 .sub-menus ul li:nth-child(3) a{color:#222;background:#fff;}
.submn4 .sub-menus ul li:nth-child(4) a{color:#222;background:#fff;}
.submn5 .sub-menus ul li:nth-child(5) a{color:#222;background:#fff;}
.submn6 .sub-menus ul li:nth-child(6) a{color:#222;background:#fff;}
.submn7 .sub-menus ul li:nth-child(7) a{color:#222;background:#fff;}
.submn8 .sub-menus ul li:nth-child(8) a{color:#222;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:#004a8d; }

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:50px; display:block;  line-height: 180%;
 color:#333; padding:20px 0 30px 0;  letter-spacing:-0.04em; font-weight:600;}
.biz-cnt b{display:block; font-size:13px; color:#888; line-height:160%; margin-top:20px;}
.biz-cnt img{max-width:100%; height: auto;}


.cmdpp{color:#fff; display:block; margin-bottom:10px; line-height:160%;}
.h_top_n{font-size:26px; padding:30px 0 10px;color:#004A8D; font-family: 'Roboto', 'Noto Sans KR', sans-serif;
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;font-family: 'Roboto', 'Noto Sans KR', sans-serif;}


.sub-body-cn textarea{ font-size:13px !important; font-family: 'Noto Sans KR', sans-serif !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:5px; font-weight: 400;}





@media screen and (max-width: 1199px){
.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: auto;  height: 220px; max-width: 96%; }
.gallerylist .board table td img{      width: auto;  height: 220px; max-width: 96%;}
.gallerylist2 .board table td img{      width: auto;  height: 300px; max-width: 96%;}
.gallerylist4 .board table td img{      width: auto;  height: 120px; max-width: 96%;}

}



/*모바일*/
.mobile-s{display:none;}
.mobile-s table{width:100%; text-align:center; font-size:15px !important;
background:#eee; font-weight:600 !important; }
.mobile-s table td{width:33.3%; padding:10px 0; 
border-right:1px #ddd solid !important; border-bottom:1px #ddd solid !important;}
.mobile-s table td a{color:#333 !important;}
.mobile-s table td:last-child{border-right:none !important;}



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

@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{width:96%; margin:0 auto; text-align:center;}
.sub-menus h1{font-size:2em;}
.sub-menus ul li a{font-size:14px; padding:10px 20px;}

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

}


@media screen and (max-width: 768px){
.cs-divs{font-size: 13px;}

.sub-menus ul{padding:0 0 10px 0 !important;}
.sub-menus ul li{display: inline-block; margin:3px; height: auto;}
.sub-menus ul li a{padding:8px 15px; font-size:14px;}	

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

.main-btns ul{margin: 0 auto 10px !important;}

}


@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: 94%;  width:auto;  height: auto;}
.gallerylist4 .board table td img{max-width:94% !important;  width:auto !important;  height: auto;}
.product-div .board_output_gallery_subject, 
span.gallery_title{font-size: 90% !important; letter-spacing: -0.02em;}

#ext_search td{display:inline-block}

.biz-cnt .col-md-6{padding:0;}

.main-btns h2 { font-size: 1.2em;}
.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;}


.sub-tit-bg{font-size:13px;}
.sub-menus ul{text-align:center;}

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



}