/*왼쪽메뉴*/
#product_list_sort  a{color:#666 !important;}
#product_list_sort  a:hover{color:#00a9ca !important;}
#secondmenu .leftmenu dl{border-top:1px #54b1c2 solid;}
#secondmenu .leftmenu dt a{font-size:16px !important; font-weight:400; line-height:180%; color:#666; display:block;}
#secondmenu .leftmenu dl { padding: 0 !important; margin: 0 !important; background:#fff;}
#secondmenu .leftmenu dl dt{padding:6px 0 6px 0 !important; border-bottom:1px #ddd solid;}
#secondmenu .leftmenu dl dt a:hover{color:#54b1c2; font-weight:400;}
#secondmenu h1{color:#54b1c2 !important; margin:0 0 10px!important; font-size:1.5em !important;  width: 100%;
display: inline-block; font-weight:400; text-transform: uppercase !important; letter-spacing: -0.01em !important;
padding:0 !important; }

#lefton,#leftoff{border-bottom:1px #ddd solid; padding:6px 0 6px 0 !important; color:#222;}
#lefton a,#leftoff a{font-size:16px !important; line-height:180%; text-decoration:none !important;color:#222;}
#lefton a:hover,#leftoff a:hover{color:#54b1c2; font-weight:400;}




/* */
.ourwork {width:100%; text-align:center; padding:80px 0;}
.ourwork .main-txt{margin:0 auto 30px;}
.ourwork .main-txt h2{    color: #222;    font-size: 2.5em; font-weight: 600;
    margin: 0 auto 20px !important;    text-transform: uppercase;}

.ourwork .main-btns{margin:0 auto;}
.ourwork .main-btns .main-btns-div{width:25%; text-align:center; display:inline-block; float:left;}
.ourwork .main-btns .main-btns-div  ul img{width:100%;}
.ourwork .main-btns .main-btns-div h3{font-size:18px; color:#000; font-weight:600; text-transform:uppercase;padding: 20px 0 15px !important; margin:0;}

.ourwork .main-btns .main-btns-div ul{width: 90%; margin:0 auto;}
.ourwork .main-btns .main-btns-div ul li{line-height: 160%;}
.ourwork .main-btns .main-btns-div a p,.ourwork .main-btns .main-btns-div a em{color: #666;}
.ourwork .main-btns .main-btns-div ul:hover em{background: #333;border:1px #333 solid; color:#fff;}
.ourwork .main-btns .main-btns-div ul:hover img{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;}
.ourwork .main-btns .main-btns-div em{font-style: normal; display: inline-block; padding:5px 20px; border:1px #ddd solid;  margin:0 auto;}



@media (max-width:1199px){
.ourwork .main-btns .main-btns-div{width:50%;     min-height: 320px; padding-bottom: 50px;}
.main-txt h2{font-size: 1.8em !important;}
.ourwork .main-btns .main-btns-div h3{font-size: 16px;}
}


@media (max-width:680px){
.ourwork{padding:50px 0 20px 0; font-size: 13px;}	
.ourwork p br{display: none;}
.ourwork p{letter-spacing: -.05em;}
}




/* */
.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; padding:0;
    margin: 0 auto 20px; font-weight: 600;}

@media (max-width:1199px){
.online1-div h3{font-size: 1.6em;}	
.online1-div{width:90%; margin:0 auto; font-size: 14px;}
}





/* */
.main-notice{width:100%; background:#f1f1f1;}
.main-notice-div{width:100%;margin:0 auto; max-width:1170px; text-align:center; padding:80px 0;  }
.main-notice-div h2{    margin: 0 0 10px;    color: #222; font-weight: 600;
    font-size: 2em;    text-transform: uppercase;    text-align: center;}




/* */
table.noticeoutput tr {border-bottom: 1px #ddd solid; }
table.noticeoutput tr td:nth-child(1){display:none;}
table.noticeoutput tr td:nth-child(2){width:70%; text-align: left;}
table.noticeoutput tr td:nth-child(3){width:30%; text-align: right;}
table.noticeoutput tr td{font-size: 14px ; font-family: 'Open Sans', 'Noto Sans KR', sans-serif ; padding:15px 0;}
table.noticeoutput tr td a{font-family: 'Open Sans', 'Noto Sans KR', sans-serif ; font-size: 16px ; }
table.noticeoutput tr td a:hover{color:#337ab7}
.noticemorelink{display: inline-block; margin:50px auto 0; padding:8px 25px; border:1px #999 solid; color:#666;}
.noticemorelink:hover{background: #666; color:#fff;}


@media (max-width:990px){
.main-notice-div h3{font-size: 1.6em;}	
.main-notice-div{width:90%; margin:0 auto; font-size: 14px; padding: 50px 0;}

table.noticeoutput tr td{font-size: 13px !important;}
table.noticeoutput tr td a{font-size: 14px !important;}
table.noticeoutput tr td:nth-child(2){width:100%; text-align: left;display: block; padding:15px 0 0;}
table.noticeoutput tr td:nth-child(3){width:100%; text-align: left;display: block;padding:0 0 15px;}
}



/**/
.main-content{clear:both; padding:80px 0; margin:0 auto; max-width:1170px; width:100%;}
.main-content h2{margin:0 0 10px;  color:#222; font-size:2em;font-weight: 600;
text-transform: uppercase; text-align:center;}


.produce-2u-img{width: 100% ;height: auto !important;}
.produce-2u-img img {width: 94% !important;    height: auto !important; max-width:300px;}
p.ptcso{color:#666; text-align:center;     padding: 0;    margin: 0 0 50px 0;}
div.maingallery hr,.main-content hr{    border-top-width: 2px;     border-top-style: solid;     border-top-color: #222;    width: 25px;    margin-bottom: 10px;    display: block;    border-bottom-width: 0; padding: 5px 0;}


#product_list img { width: 92% !important;    height: auto !important;}
#product_info td{font-size:13px !important;}
.produce-2u-img div a{font-size:13px !important;}

.produce-2u-img img:hover { opacity: .6;}

.maindiv3{clear:both; width:100%;padding:50px 0; background:#fff;}
.maindiv3 div.maingallery{width:100%; max-width:1170px; margin:0 auto;}
.maindiv3 div.maingallery h2{margin:0 0 10px; color: #222; font-size: 2em;text-transform: uppercase; text-align: center; }


.maincscenter{clear:both; width:100%; margin:50px 0 0; }
.maincscenter h3{margin:0; padding:0; color:#00a9ca; font-size:1.5em;    text-transform: capitalize; font-weight:600; text-transform: uppercase;}
.maincscenter h6{margin:0; padding:0;  line-height:180%;  color:#333; font-size:1.5em; font-weight:400;}
.maincscenter em{display:block;font-style:normal;width:100%; line-height:140%; margin-bottom:10px; text-transform: capitalize; color:#333;    font-size: 90%;}
.maincscenter a{display:inline-block; margin-right:5px;}
.maincscenter a:last-child{margin-right:0;}


.main-gallery{clear:both; margin:0 auto; width:100%; padding:80px 0; text-align: center;}
.main-gallery h2{color:#222; font-size: 2em;margin:0 auto 10px !important; text-transform: uppercase; font-weight: 600;}
.main-gallerybbs{margin:0 auto; width:100%; max-width:1170px;}
.main-gallerybbs span{display:inline-block; width:100%;}
.main-gallerybbs span table{width:33.3%; float:left; text-align: center; margin-bottom:10px;}
.main-gallerybbs span table img.board_output_imgs{width:98%; height:auto; max-width:340px;}
.main-gallerybbs span table img.board_output_imgs: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;}
.main-gallerybbs .board_output_gallery_subject{display:inline-block; padding:10px 0; color:#666;    font-size: 14px;}

.gallery_title{display:inline-block; padding:5px 0; color:#666;    font-size: 14px;    font-family: 'Open Sans', 'Noto Sans KR', sans-serif !important;}


.maingallery table.board_output tr td{text-align:center;}

.gallerybbs table td{text-align:center;}
.board_output_gallery_img{overflow:hidden;}
.gallerybbs  table td.board_output_gallery_img img{width:100%;height: auto; max-width: 360px; }
.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;}
.gallerybbs table {width:96% !important;  }

.product-gallery td{text-align:center;  width:auto !important;}
.product-gallery-view td{padding:8px !important;}
.product-gallery-view table{width:100% !important; border:0 !important;}







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





/*서브*/
#sub-body{clear:both; margin:0 auto; width:100%;padding:0 0 8%;}
#sub-body-wrap{clear:both; width:100%; max-width:1170px;  margin:0 auto;  min-height: 500px;}
#sub-body-wrap .row{padding:0; margin:0 auto;}
.sub-tit-bg{text-align: center; padding: 100px 0;color: #fff; font-size: 2em; letter-spacing: .5em;margin: 0 auto 80px;}

.sub-bg1{background:url('sub-bg1.jpg')no-repeat top center; background-size:cover;}
.sub-bg2{background:url('sub-bg2.jpg')no-repeat top center; background-size:cover;}
.sub-bg3{background:url('sub-bg3.jpg')no-repeat top center; background-size:cover;}
.sub-bg4{background:url('sub-bg4.jpg')no-repeat top center; background-size:cover;}
.sub-bg5{background:url('sub-bg5.jpg')no-repeat top center; background-size:cover;}

.sub-contents{width:100%; padding:0; margin:0 auto; font-size: 14px;}
.sub-contents h3.sub-tits, h2.page_title  {color:#000; font-size:2em; font-weight:400; margin: 0 auto 50px;    border-bottom: 3px double #ccc;    padding: 0 0 15px !important;}
.sub-contents h4{color:#222; font-size:1.5em; font-weight:600; margin:0 auto;}
.sub-contents hr{border-top-width: 2px;border-top-style: solid;border-top-color: #54b1c2;width: 2%;margin: 0;display: block;
border-bottom-width: 0;padding: 5px 0 0; text-align:left;}
.sub-contents hr.gaphr{border:0 !important; padding:30px 0 !important;}

#secondmenu{width:100% !important; margin:12px auto 0 !important;}





/*회사소개*/
ul.cmp001{list-style-position: inside;padding: 10px 0 30px 0 !important;}
ul.cmp001 li {list-style-type: none;}
ul.cmp001 b{color:#222; font-weight: 400; display: inline-block; margin-right: 5px;}

.cp-history{width:100%; margin:30px auto 30px; }
.cp-history h2{color: #54b1c2;    font-weight: 600;    font-size: 2em;    margin: 0 auto 10px;}
.ul-history li{border-bottom:1px #ddd solid; padding:5px 0; list-style: none !important;}
.ul-history li i{font-weight:600; display:inline-block; width:40px; font-style:normal; color:#222;}


.ul-location{margin:30px 0 !important; }
.ul-location li i{font-weight:400; display:inline-block; font-style:normal; color:#222; padding-right:5px;}




/*제품정보*/
.product-gallery table img{width:96% !important; display:inline-block; padding-bottom:10px; height:auto !important; max-width:280px;}
.product-gallery table 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;}
.product-gallery-view table img{max-width:100% !important; height:auto !important; width:90%;}
.product-gallery-view table td{line-height:180%;}
#photo_info{margin-bottom:50px;}
.product-gallery-view table td{border-bottom: 1px #ddd solid;}

.product-gallery2 table img{width:96% !important; display:inline-block; padding-bottom:10px; height:auto !important; max-width:450px;}




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



/*사업영역*/
.biz-cnt{margin:0 auto; width:100%; height:auto;}
.biz-cnt em{display:inline-block; font-style:normal; font-size:2em; display:block; color:#333; line-height: 180%; letter-spacing:-0.04em;font-weight: 600;}
.biz-cnt b{font-weight:400 !important; display:block; font-size:14px; color:#666; line-height:170%;}
.biz-cnt img{max-width:100%; height:auto; }



/*이용안내*/
#use{margin-bottom:20px !important; width:100% !important; text-align: left !important;}
#use a{font-family:'Open Sans', 'Noto Sans KR', sans-serif;color:#333 !important; font-weight:bold !important; padding: 0 10px;}
#use a:first-child{padding-left:0;}
#dl1{width:100% !important; margin:50px 0 !important;}
#dl1 dt{font-size:15px !important; color:#333 !important; width:100% !important;}
#dl1 dd{line-height:180% !important; width:100% !important;margin:10px 0;}

.private{width:100% !important; line-height:180% !important; font-size:12px;}
.private h3{font-weight:500 !important; font-size:14px !important; color:#333 !important;}




/*오시는길*/
.location1{margin:30px 0; font-size:13px; line-height:180%; width:100%;}
.location1 h3{font-size:16px;color:#333; }
.location1 b{color:#333;}


/**/
#footerwap{clear: both; width: 100%;background:#222;padding: 50px 0;
line-height: 180%; text-align: left; font-size: 13px;}
.footer-mn{width: 100%;  margin: 0 auto; color:#ccc; }
.footer-mn div.footermns{max-width:1170px; margin:0 auto;}
.footer-mn div.footermns span{display:table-cell; vertical-align:middle; }
.footer-mn div.footermns span.footermns1 a{display:inline-block;    padding: 0 5px 0;
    color: #999;   }
.footer-mn div.footermns span.footermns1 a:first-child{padding-left: 0;}
.footer-mn div.footermns span.footermns1 a:last-child{padding-right: 0; border-right: 0;}
.footer-mn div.footermns span.footermns2{padding-left:20px;}
.footer-mn div.footermns span.footermns2 a{padding:0 5px 0 0;}
.footer-divs{width:1170px; margin:20px auto 0;}
.footer-divs span{display:inline-block; margin-right:15px; color: #999;}
.footer-divs span.cp{display:block;} 
.footer-divs a{color:#A3A3A3;}
.footer-divs span.cp a:hover{text-decoration:underline;}
.footer-divs b{font-weight:400; display:inline-block; margin:0 5px 0 0;}
.footer-alink{font-size:12px;  padding:5px; display:inline-block; margin:0 5px; 
line-height:100%; }
.footer-blink{color:#3793c3; letter-spacing:-0.02em; }
.footer-divs i{display: inline-block; font-size: 16px; color:#54b1c2; font-style: normal;}
.gap30s{clear:both; width:100%; height:50px;}

.footersnslink{width: 100%;    clear: both;    max-width: 1170px;    margin: 20px auto 0;}
.footersnslink a{display:inline-block; padding:0 10px 10px 0}
.footersnslink a:last-child{padding-right:0;}







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


@media screen and (max-width: 1199px){
.menu {width: 96% !important;}
.footer-mn{width:96%;}
.footer-divs{width:96%;}
.footer-divs span.cp{padding-top:20px;}

.body-content{width:96%;}
.main-content{width:96%; padding:50px 0;}
.maindiv3 div.maingallery{margin:0 auto; max-width:96%;}
.sub-body-cn{width:96%; margin:0 auto;}

.ml_logos img{max-width:260px; height:auto;}
#sub-body-wrap{width:92%; min-height:auto;}

}




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

#secondmenu .leftmenu dt a{font-size:14px !important;}
p.ptcso{margin:0 auto 30px; font-size: 13px;}

.main-gallerybbs span{    width: 96%; margin: 0 auto;}
.main-gallerybbs span table{width:50%;display:inline-block; float:left; text-align:center;}

.rlydivs input#border{width: 98%;display: block;}
.sub-contents{padding:10% 0;}

.sub-contents hr{width:25px; text-align:center; margin:0 auto;}
.sub-contents h3.sub-tits, h2.page_title{font-size:1.8em; text-align:center;}
.sub-contents h4{font-size:1.2em;}


.footersnslink, #footerwap .footer-mn,#footerwap .footer-divs {width:90%;}

.sub-body-cn{width:90%; }

.main-content h2,.main-gallery h2,
.maindiv2 h2,.maindiv3 div.maingallery h2, .main-notice-div h2{font-size:1.6em;}
.main-content hr{width:10%;}
.maindiv2{padding: 0 0 50px 0;}

.sub-tit-bg{display:none;}
.maincscenter{display:none;}
.history{display:none !important;}

#sub-body-div{padding-top: 20px;}
.sub-body-cn-left{width:100%; margin:0 auto;padding:10px 0;}

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

#secondmenu h1,#secondmenu .leftmenu dl{width:100%;}
#secondmenu h1{text-align:center;}


.mem1-s1{width:90%; padding:5px;}
.spinner-master .spinner{ background-color:#00a9ca !important}

.main-div{width:100%; border:none;}
.product-div{width:100%; }

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

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

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

.footer-mn div.footermns span{display:block; margin-bottom: 20px;}
.footer-mn div.footermns span.footermns2{padding-left: 0;}
.footer-mn div.footermns span.footermns2 a{display:inline-block; margin:10px 0 0 0}



}




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

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


p.ov_title{font-size:18px; margin-bottom:10px;}
.main-gallery{padding:50px 0 0;}

#product-div{text-align:center;}
.main-content .good-flist ul{width:50%}
#product-divs #product_list{width:50%}

input[type="file"] {width:120px;}


.product-left-img #product_info, .product-left-img #product_img{float:none !important; width:100% !important;}
.product_tle{margin-top:20px;}
.m-gap100pxs{height:50px;}
.ul-history li i{display:block;}

.mtableo span{width:100%; display:block; margin:0;}
.formcss input[type="text"]{width:70%;}
.main-gallerybbs span table img.board_output_imgs{width: 92%;}


.biz-cnt div{margin:0 auto; padding:0;}


}



@media screen and (max-width: 600px){
.ml_logos {top:20%;}
.ml_logos img {  max-width: 160px;}

.maindiv3{padding: 50px 0;}

#sub-body-div{    padding-top: 20px; min-height: auto; border-top: 1px #eee solid;}
p.ov_con br{display:none;}
.main-div span.main-cs,
.main-div span.main-nt{width:100%; display:block;    margin-top: 20px;}

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

h2.page_title{}
#ov_tb{margin:0 auto;}
#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{width:96%; margin:0 auto; height:auto; }

}