/*메인*/
.maintits{clear:both; width:100%; padding:0 0 50px;font-size:14px;}
.maintits h3{font-weight:400;font-size:2.5em; margin:0 auto 20px;
color:#000;   letter-spacing: -0.02em;text-transform: uppercase;}
.maintits p{line-height: 160%;}
.maintits a{color: #666;  padding: 8px 20px;  border:1px #ddd solid; cursor: pointer; display: inline-block; line-height:150%;}
.maintits a:hover{background:#666; color:#fff; }



.ourworks{clear:both; width:100%; height:auto; padding:80px 0; font-size:14px; margin:0 auto; text-align: center;}
.ourworks .row{padding:0; max-width: 1170px; margin:0 auto;}
.ourworks hr{border:0; margin:0; height:30px;}
.main-btns ul{width:100%; margin:0 auto !important;}
.main-btns ul img{max-width:100%; height:auto; }
.main-btns ul li{list-style:none; padding:5px 0; line-height:160%; font-size: 14px;     font-size: 14px;
    color: #999;}
.main-btns p{font-size: 14px;line-height: 160%; color:#333;}
.main-btns h2{font-size:20px; color:#333; font-weight:400; text-transform:uppercase; padding: 10px 0  0; margin:0 auto;}
.main-btns a{color: #999;  padding: 8px 20px; font-size: 13px; text-transform: uppercase; border:1px #ddd solid;
cursor: pointer; background: #fff; margin-top: 5px; display: inline-block; line-height:150%;}
.main-btns a:hover{background:#666; color:#fff; border:1px #999 solid;}






/*****************************************************************************************************************************************************************/
.ourworks .maintits h3
{font-size:52px; color:#494949; font-weight:500; margin:0px;}
.ourworks .maintits p
{color:#949494; font-size:17px; font-weight:500;}
.main-btns ul li
{padding:0px;}
.main-btns ul li.txt_bot
{border: 1px solid #eee; padding : 20px 0px; font-family:'Noto Sans Kr' !important;}
.main-btns ul li.txt_bot h2
{color:#585858; font-size:17px; font-weight:500;}
.main-btns ul li.txt_bot a
{margin-top:20px; font-size:15px; background:#0054a6; color:white; padding:7px 42px 7px 38px; font-weight:300; border:none; text-transform : none;}
.main-btns ul li.txt_bot a:hover
{background:#156bc2;}
/*****************************************************************************************************************************************************************/






.product-divs{clear:both; width:100%; text-align:center; background:#fff; padding:80px 0; height:auto; }
.product-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.product-div .board_output_gallery_subject{font-size:13px !important; color:#333;}
.gallerylist table td{vertical-align:top;}

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





/*****************************************************************************************************************************************************************/
.product-divs 
{background:#f5f5f5; padding:88px 0 80px;}
.product-divs .maintits h3
{font-size:52px; color:#494949; font-weight:500; letter-spacing:-3px; margin:0px;}
.product-divs .maintits p
{font-size:17px; color:#aeaeae;}
.product01
{float:left; display : inline-block;}
.product02
{display : inline-block;}
.product03
{float:right; display : inline-block;}
.product-divs .product_txt h3
{color:#444343; font-size:23px; margin-top:70px;}
.product-divs .product_txt p
{font-size:16px; color : #959595; padding:0px 5px;}
.product-divs img:hover
{transform:scale(1.01);}
/*****************************************************************************************************************************************************************/







#onlines{width:100%; background:url('onlines_bg.jpg')no-repeat center center;     
background-attachment: fixed; background-size:cover;}
.online1-div{width:100%;margin:0 auto; max-width:1170px; text-align:center; font-size:16px;padding:100px 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;}



/*******************************************************************************************************************************************************************/
#onlines
{background:url('main-com_bg.jpg') no-repeat center;}
#onlines .online1-div
{padding:135px 0px 126px;}
#onlines h3
{font-size:35px; font-weight:300; font-family:'Nanum Gothic' !important; margin-bottom:35px;}
#onlines p
{padding:0px 155px; font-size:17px; font-weight:100; font-family : 'Nanum Gothic' !important; line-height:136% !important; margin-bottom:75px;}
#onlines a
{margin:0px; padding: 12px 40px 13px; font-size:15px; font-family : 'Nanum Gothic' !important;}
#onlines a:hover
{background:#0054a6; color:white; border-color:#0054a6;}
/*******************************************************************************************************************************************************************/


.contact-divs{clear:both; width:100%; text-align:center;  padding:80px 0;  background:#f1f1f1;}
.contact-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.contact-divs .row{margin:0;}
.contact-divs iframe{width: 100%;}
.maincontactform{width:100%; background: #fff;    padding: 30px; text-align: left; 
	min-height: 385px;}
.maincontactform .formmail_cell_bgcolor, .maincontactform .formmail_title_bgcolor{background: transparent !important;}
.maincontactform .formmail_title_bgcolor,.maincontactform .formmail_cell_bgcolor{border-bottom:0 !important;background: transparent;}
.maincontactform .table_02{border-top: 0 !important; }
.maincontactform textarea{display:inline-block; width: 92%; border:1px #ddd solid; }

.contact-divs .col-md-area{background:url('col-md-area-bg.png')no-repeat 90% 25% #fff;padding: 30px; text-align: left; font-size: 14px; margin-bottom: 30px; min-height: 150px;}
.contact-divs .col-md-area h2{font-size:2em; margin:0 auto 10px;text-transform: uppercase; color: #004A8D;}
.contact-divs .col-md-area h3{color: #03aace; font-size: 1.5em; text-transform: uppercase; }
.contact-divs .col-md-notice{    background: #fff;    min-height: 150px;    padding: 30px; }
.contact-divs .col-md-notice h2{text-align:left; text-transform: uppercase; font-size:1.4em; 
color:#333; margin:0 auto 10px; border-bottom:1px #ddd solid; padding-bottom:10px !important; }

.cscenter{font-size: 18px;color:#03aace; }
.cscenter i{display:inline-block; font-style: normal; font-size: 16px; margin-right: 5px;}
.contact-div p b{font-weight: 600 !important;color:#000; text-transform: uppercase;}



/*******************************************************************************************************************************************************************/
.contact-divs .con_left .row
{padding:50px 40px 40px 40px;}
.contact-divs .con_left .contact_txt
{margin-bottom:44px;}
.contact-divs .con_left .contact_txt h2
{margin:0px; display : inline-block; color:#272727;font-size:32px;}
.contact-divs .con_left .contact_txt p
{margin:0px; display : inline-block; float:right; font-size:15px; color:#adadad; text-transform : uppercase;}
.contact-divs .con_left .contact_txt p a
{padding:0px 5px; color:white; border-radius : 50px; background:#0054a0; border:1px solid #0054a6; margin-left:3px;}
.contact-divs .con_left .contact_txt p a:hover
{transform:rotate(90deg); transition-duration:0.25s;}

.contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr td.bd_out1 a
{font-size:15px !important; color:#6d6c6c !important; line-height:185%;}
.contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr td:nth-child(3)
{font-size:14px !important; color:#7f7f7f !important;}



.contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(1)
{border-bottom: 1px solid #ddd;}
.contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(1) td.bd_out1 a
{font-size:19px !important; color : #444343 !important; font-family:'Noto Sans Kr' !important; font-weight:500 !important; padding-bottom:30px; display : inline-block; padding-top:10px;}
.contact-divs .con_left table.board_output > tbody >  tr.board_output_11_tr:nth-child(1) td:nth-child(3)
{font-size: 16px !important; color:#a8a8a8 !important; padding-top:16px !important; float:right;}
.contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(2) td.bd_out1 a
{padding-top:30px !important; display : inline-block;}
.contact-divs .con_left table.board_output > tbody >  tr.board_output_11_tr:nth-child(2) td:nth-child(3)
{padding-top:30px !important; float:right; }




.contact-divs .con_right .brochure
{background:url('main-cs01.jpg') no-repeat center; width: 49%; height:233px; display : inline-block; margin-right:2px; }
.contact-divs .con_right .dataroom
{background:url('main-cs02.jpg') no-repeat 100%; width: 50%; height: 233px; display : inline-block;}
.contact-divs .con_right .inquiry
{background:url('m-cs01.jpg') no-repeat center; width : 100%; height: 144px;}
/*******************************************************************************************************************************************************************/


.mvnone{ display: table; width: 100%; height: 220px; }
.mvnone span{display: table-cell; vertical-align: middle;}

.snslink{clear:both; width:100%; padding:20px 0 !important;}
.snslink a{display: inline-block; margin-right: 5px;}
.snslink a:last-child{margin-right: 0;}
a.more{color: #333;    display: inline-block;    float: right; }




.mainmap{clear: both; width: 100%;}
.mainmap iframe{display: block;width: 100%; height: 300px; overflow:hidden;}


@media screen and (max-width: 980px){
.maincontactform{min-height: auto; margin-bottom: 30px !important;}	

}




/*서브*/
#sub-body{clear:both; margin:0 auto; width:100%;}
#sub-body-div{clear:both;width:100%; height:auto; min-height: 600px;}
.sub-body-cn{width:1200px;  margin:0 auto;padding:100px 0; }
.sub-body-cn h2.page_title{margin-bottom: 30px !important;    color: #004A8D !important;
    font-size: 2em !important;   background: url('tit-bg-bar.png') no-repeat center left;
    padding: 0 0 0 25px !important; font-weight:500; }


/*서브메뉴*/
.sub-mm-s{width:100%; margin:0 auto; padding-bottom:30px; text-align: center; font-size: 14px;}
.sub-mm-s a{display:inline-block; padding:5px 20px; margin:3px; background:#666; color:#fff;}
.sub-mm-s a:hover{background-color:#333; color:#fff;}


/*서브메뉴 틀*/
#sub-menus-div{width:100%; text-align: center;    padding-top:80px;}
.sub-menu-bg1{ background:url('sub_visual1.jpg')no-repeat center /*top*/ 80px; background-size:cover; }
.sub-menu-bg2{ background:url('sub_visual2.jpg')no-repeat center /*top*/ 80px; background-size:cover; }
.sub-menu-bg3{ background:url('sub_visual3.jpg')no-repeat center /*top*/ 80px; background-size:cover; }
.sub-menu-bg4{ background:url('sub-menu-bg4.jpg')no-repeat center /*top*/ 80px; background-size:cover; }
.sub-menu-bg5{ background:url('sub_visual4.jpg')no-repeat center /*top*/ 80px; background-size:cover; }

.submn1 .sub-menus ul li:nth-child(1){background:#fff;}
.submn1 .sub-menus ul li:nth-child(1) a{color:#000;}

.submn2 .sub-menus ul li:nth-child(2){background:#fff;}
.submn2 .sub-menus ul li:nth-child(2) a{color:#000;}

.submn3 .sub-menus ul li:nth-child(3){background:#fff;}
.submn3 .sub-menus ul li:nth-child(3) a{color:#000;}

.submn4 .sub-menus ul li:nth-child(4){background:#fff;}
.submn4 .sub-menus ul li:nth-child(4) a{color:#000;}

.submn5 .sub-menus ul li:nth-child(5){background:#fff;}
.submn5 .sub-menus ul li:nth-child(5) a{color:#000;}

.submn6 .sub-menus ul li:nth-child(6){background:#fff;}
.submn6 .sub-menus ul li:nth-child(6) a{color:#000;}

.submn7 .sub-menus ul li:nth-child(7){background:#fff;}
.submn7 .sub-menus ul li:nth-child(7) a{color:#000;}

.submn8 .sub-menus ul li:nth-child(8){background:#fff;}
.submn8 .sub-menus ul li:nth-child(8) a{color:#000;}



.sub-menus-div{width:100%;}
.sub-menus{width:100%; /*padding:120px 0 0;*/ margin:0 auto;  padding:80px 0 0;}
.sub-menus h1{color:#fff;font-weight:400; letter-spacing:.3em;
text-transform: uppercase; margin-bottom:30px !important; font-size:2.5em; line-height:180%; margin-top:0px; margin-bottom: 80px !important; font-size:36px;}
.sub-menus ul {background:rgba(13,48,120,.8);}
.sub-menus ul li{display:inline-block; padding:15px 20px;}
.sub-menus ul li a{color: #fff;font-size: 17px;}
.sub-menus ul li a:hover{color:#6da5ea}

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



.company-cnt{width:100%; font-size:14px;}
.company-cnt h3{font-size:1.8em;color:#333; letter-spacing:-0.02em; }
.company-cnt iframe{width: 100%; height: 450px;}

p.ov_con{display:block;line-height: 160%; }
#ov_tb{width:100%;border-top:1px #666 solid !important; font-size:14px !important; margin:30px 0;}
#ov_tb th{width:20%;background-color:#f1f1f1; padding:10px 15px; text-align:left; font-weight:normal; 
border-bottom:1px #ddd solid;  color:#333; }
#ov_tb td{width:80%;border-bottom:1px #ddd solid  !important; padding:10px 15px !important; font-size:14px !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: 300px; }
.mtableo iframe:nth-child(2n){margin-right:0;}





/*회사연혁*/
.cp-history{width:98%; margin:30px auto 30px; }
.cp-history h2{color: #222 ; font-size: 2em; padding-left: 25px !important; background: url('his-tit.png') no-repeat;
background-position: 0px 10px; margin-left: -6px;}
.ul-history{padding-left:20px !important; font-size:13px;}
.ul-history li{border-bottom:1px #eee solid; padding:5px 0;}
.ul-history li i{font-weight:600; display:inline-block; width:40px; font-style:normal; color:#222;}
hr.gaphr {  border: 0;  padding: 20px 0;}




/*사업영역*/
.biz-cnt{margin:0 auto; width:100%; height:auto; font-size:14px;}
.biz-cnt em{font-style:normal; font-size:60px; display:block; 
 color:#333; padding:20px 0 30px 0; letter-spacing:-0.05em; font-weight:600;}
.biz-cnt b{display:block; font-size:13px; color:#888; line-height:160%; margin-top:20px;}
.biz-cnt img{display:block; max-width:100%; height:auto;}

.biz-cnt .stohr_img_wrap img
{display : inline-block; margin-top:20px; margin-right:5px; /*border:1px solid #c5c5c5; */float:left;}
.biz-cnt:after 
{clear:both; content:''; display : block;}

.sub-body-cn .category_wrap
{width:100%; text-align:center;}
.sub-body-cn .category_wrap .category
{display : inline-block; width:401px;border:1px solid #ddd;}
.sub-body-cn .category_wrap .category li.navi_li01
{float:left; border-right:1px solid #ddd; }
.sub-body-cn .category_wrap .category li.navi_li02
{float:right;}
.sub-body-cn .category_wrap .category li.navi_li01, .sub-body-cn .category_wrap .category li.navi_li02
{display : inline-block;}
.sub-body-cn .category_wrap .category li a
{width:199px; height:50px; display : inline-block; padding:12px 0px; color:#333;font-size:16px; font-family:'Noto Sans Kr' !important;} 

.sub-body-cn .category_wrap .category li.on
{background:#0054a6;}
.sub-body-cn .category_wrap .category li.on a
{color:white; font-weight:500;}


/*제휴문의*/
.sub-body-cn textarea{font-size:11px !important; 
padding:10px !important; width:90%; color:#666 !important; border:none !important; background-color:#eee !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;}


/*footer*/
#footerwap{clear:both;width:100%;padding:30px 0; background:#333;  text-align: center;}
.footer-divs{width:100%;max-width:1170px; margin:0 auto;}
.footer-divs h2{color:#333; display:inline;text-transform: uppercase;
    font-size: 1.3em; font-weight: 600;}

.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 li{list-style:none;}
.footer-divs .f-cp{clear:both; width:100%; color:#999; margin:10px 0;}

#footerwap a{display: inline-block; color:#fff;}

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

.footersnslink{clear:both; width:92%; margin:0 auto; text-align:center;  }
.footersnslink a{display:inline-block; margin:3px; padding:4px 20px; color:#fff; border-radius:3px; font-weight: 400; text-transform: capitalize;  font-size:13px;}


#footerwap
{padding: 50px 0px; background:#252525;}
#footerwap .footer-divs > img
{float:left; margin-top:30px;}
.footer-divs .f-div1
{width:66%; display : inline-block; text-align:right; clear:both;}
.footer-divs .f-div1 > ul
{text-align:left;}
#footerwap .footer-divs .f-div1 li.txt1 span a
{color:#c3c3c3; font-size:15px; font-weight:300; font-family : 'Nanum Gothic' !important;}
.footer-divs .f-div1 li.txt1 small
{margin-right:20px;}

.footer-divs .f-div1 ul li:nth-child(2)
{margin-top:20px;}
.footer-divs .f-div1 ul li span
{color:#929292; font-size:15px; font-weight:300;}

.footer-divs .f-cp
{color:#797979; font-size:15px;}
/*--------------------------------------------------------*/



@media screen and (max-width: 780px){
.mv-divs,.contact-divs,.ourworks{padding:50px 0;}
.mv-div, .contact-div,.product-div{max-width: 92%;margin:0 auto;}
.mv-div iframe{height: 350px;}

.maintits{max-width: 90%; margin:0 auto; padding:0 0 30px;}
.maintits h3{font-size: 1.8em;}
.ourworks .row{max-width: 100%; margin:0 auto;}

p.brnone br{display:none;}

.cp-history{width:96%; }
.ul-history li i{display:block;}
.sub-menus ul li{    padding: 8px 12px;    margin: 2;}

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

.sub-body-cn h2.page_title{font-size:22px !important; margin-bottom: 20px !important;}
.biz-cnt em{font-size:28px; padding:0 0 20px 0;}
.biz-cnt b{font-size:12px;}

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

#onlines div.online1-div {    width: 80%; padding: 50px 0;    font-size: 14px; }
#onlines div.online1-div p br{display:none;}

.contact-divs .col-md-4{margin-bottom: 30px;}
.contact-divs .col-md-4:last-child{margin-bottom: 0;}

}

@media screen and (max-width: 650px){
.table_02 td input[type="text"] {    width: 80%;    margin-bottom: 5px;}
.gallerybbs td{display: block; width:100% !important;}
.gallerybbs table{width:100% !important;}
.gallerybbs table td.board_output_gallery_img img,
.gallerylist .board table td img{max-width: 100%; width: 100%;}
	
.mtableo iframe {   width: 100%;    float: none;    margin: 0;}	

.main-btns{margin-bottom: 30px !important;}
.main-btns:last-child{margin-bottom:0 !important;}

.sub-menus h1{    font-size: 1.8em;    margin-bottom: 20px !important;}
.sub-menus{padding: 30px 0 0;}
.company-cnt h3{font-size:1.5em;}
.pbrnone br{display:none;}
.main-btns div br{display:none;}

.gallerybbs  table td.board_output_gallery_img img{height:auto;}
.t_m1 .member_border{width:90px !important;padding:2px; display:inline-block; margin:3px 0; } 
.t_m1 td:nth-child(1){width:30% !important; font-size:11px !important;letter-spacing:-0.06em;}
.t_m1 td{line-height:180%;}
.t_m1 td:nth-child(2){width:70% !important;}
.t_m1 .member_txt{width:100%;}
.mem1-s1 br{display:block;}

#dl1 dd{margin:0 !important;}
#txtbox_info { margin-bottom: 5px !important;}
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;}

.bbsnewf5{padding:5px !important;}

.table_02 td input[type="text"]{width:80%;}
.formmail_border{width:100%;}
.table_02 td textarea{width:90%;}
.sub-tit-bg{font-size:13px;}
.sub-menus ul{text-align:center;}

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

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

.main-btns div ul{padding-bottom: 0 !important;}

}


@media screen and (max-width: 500px){
.main-docs div br{display:none;}
table.board_output td:nth-child(3){display:inline-block !important;}
.sub-menus ul li a{font-size:14px;}
.tel-m{display:block;    position: absolute; right: 10px; top: 15px;}
.main-div span.ourworks,.main-div span.main-nt{width:100%; display:block;padding:0;}
.mem1{width:96%; margin:0 auto;}
.mem1-s1{margin:0 0 20px 0;}
.mem1-s1 br{display:none;}
.mem1-s1 span{display:block; padding:2px 15px; font-weight:600; min-height:10px;}
.mem1-s1 span input[type="text"], .mem1 span input[type="password"], .mem1 span input[type="email"]
{width:92%;}
input[type="text" i]{width:80px;}

.mem1-s1{width:92%;}
.t_01 th{padding:0 !important; border-right: 1px solid #CFCFCF !important;}
.mboo{display:none !important;}
#dl2 dt{padding-left:5px !important;}
#dl2 dd{padding:0 0 0 10px !important;}

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

#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{margin:30 auto; height:auto; }

.sub-tit-bg{padding:10px 0;}
.sub-tit-bg h1{font-size:22px;}
.board_output{width:100%;}
p.ov_con,.cmdpp{font-size:13px;}
.ov_con br{display:none;}

.sub-tit-bg h1{width:90%; max-width:90%;}

.footer-divs{min-height:150px;}
.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;}
.mobile-s{display:block;}

}




@media screen and (max-width:420px){
    .ourworks .maintits h3
    {font-size:36px;}
    .ourworks .maintits p
    {font-size:14px; font-weight : 300;}
    .main-btns ul li.txt_bot
    {width:83%; margin:auto;}


    .product-divs .maintits h3
    {font-size:36px; letter-spacing:-1px;}
    .product-divs .maintits p
    {font-size:14px; font-weight:300;}
    .product01, .product02 , .product03
    {margin-bottom:20px;  padding:0px 10px;}
    .product-divs .product_txt h3
    {margin-top : 30px;}
    .product01 , .product03
    {float:none;}


    #onlines h3
    {font-size:22px;}
    #onlines p
    {font-size:14px; margin-bottom:30px; font-family:'Noto Sans Kr' !important; line-height:150% !important; padding:0px;}


    .contact-divs .con_left .row
    {padding: 25px 20px;}
    .contact-divs .con_left .contact_txt
    {margin-bottom:20px;}
    .contact-divs .con_left .contact_txt h2
    {font-size:28px;}
    .contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr td.bd_out1 a
    {font-size:14px !important;}
    .contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr td:nth-child(3)
    {font-size:12px !important;}
    
    .contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(1) td.bd_out1 a
    {font-size:17px !important;}
    .contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(1) td:nth-child(3)
    {font-size:13px !important;}
    .contact-divs .con_left table.board_output > tbody > tr.board_output_11_tr:nth-child(2) td:nth-child(3)
    {float:none;}



    .contact-divs .con_right .brochure
    {width:100%;margin:0px;}
    .contact-divs .con_right .dataroom
    {width:100%; background:url('main-cs02.jpg') no-repeat center; }
    .contact-divs .con_right .inquiry
    {height:108px; background-size:cover;}


    #footerwap
    {padding:60px 0px;}
    #footerwap .footer-divs > img
    {float:none; margin-top:0px;}
    .footer-divs .f-div1
    {padding:0px 15px;}
    .footer-divs .f-div1 ul li.txt1
    {text-align:center;}



    /*sub*/
    .sub-body-cn .category_wrap
    {margin-bottom:20px; display : inline-block;}
    .sub-body-cn .category_wrap .category
    {width:100%;}
    .sub-body-cn .category_wrap .category li a
    {width:160px;}


    #sub-body-div
    {min-height:400px;}
}


@media screen and (max-width:370px){
    .contact-divs .con_right .inquiry
    {height:90px;}
    .footer-divs .f-div1 li.txt1 small
    {display : none;}

}.category
    {width:100%;}
    .sub-body-cn .category_wrap .category li a
    {width:160px;}


    #sub-body-div
    {min-height:400px;}

    /*인증서 및 특허*/
    .sub-body-cn .konz > img
    { height: auto;}

    /* stohr valve*/
    .biz-cnt .stohr_img_wrap
{text-align:center;}


}


@media screen and (max-width:370px){
    .contact-divs .con_right .inquiry
    {height:90px;}
    .footer-divs .f-div1 li.txt1 small
    {display : none;}

}