@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

body{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px !important; font-weight:400 !important; line-height:180% !important; }
p{font-family:  'Roboto', 'Noto Sans KR', sans-serif !important;   line-height:180% !important}
h1,h2,h3,h4,h5{font-family:  'Roboto', 'Noto Sans KR', sans-serif !important;}
img{border:none; max-width: 100%; height:auto;}
table{font-family:  'Roboto', 'Noto Sans KR', sans-serif !important; border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show; border:none !important;}  
td{font-size:12 !important;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; border-color:#ddd solid !important;
border:none !important; }
.formmail_title_bgcolor,.formmail_cell_bgcolor{border-bottom:1px #ddd solid !important;}
ul{margin:0 !important; padding:0 !important;}
a{text-decoration:none;}
strong,b{font-weight:normal !important;}
iframe{border:0;}
.divgap0{clear:both; width:100%;}

.btninput2 {    cursor: pointer;    color: #fff;
    background: #666;    padding: 4px 15px;    border: 1px #666 solid;
    display: inline-block;    font-size: 13px;    line-height: 160%;}
.btninput3 {   cursor: pointer;    color: #fff !important;
    background: #888;    padding: 5px 10px;    display: inline-block;
    font-size: 13px;    line-height: 160%;    margin: 5px 2px;}

.board_output td{ line-height: 180% !important; font-size: 12px !important; text-align:left;}
.gap00{clear:both; width:100%; height:0;}
.gap100pd{clear:both; width:100%; height:80px;}
.gap50pd{clear:both; width:100%; height:100px;}
.gap30pd{clear:both; width:100%; height:100px;}
.gap30top{padding-top:30px;}



/*메인*/
.main-content{clear:both; width:100%;  padding:10px 0;
min-height:25px; border-bottom:1px #ddd solid; }
.main-nt{width:100%; max-width:1200px; margin:0 auto;}
.main-nt span{display:inline-block; color:#333;font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
.main-nt span:nth-child(1){width:7%;float:left;}
.main-nt span:nth-child(2){width:92%;float:right;padding-top:3px;}
.main-nt span.s-h3{padding: 0;font-weight:400; font-size:16px;}
.main-nt span.s-h3 em{font-weight:600; font-style:normal;
text-transform: uppercase;font-family: 'Roboto', 'Noto Sans KR', sans-serif }
hr.gap20px{border-width:0; height:20px; margin:0; padding:0;}

a.btnnt{display:inline-block; cursor: pointer; color:#999; border:1px #ddd solid; padding:5px 20px; }
a.btnnt:hover{border:1px #999 solid; color:#999;}


.h-tits{clear:both; width:100%; text-align:center;}
.h-tits h3{font-size:2em; line-height:160%;color:#222; text-transform: uppercase; margin-bottom:30px;}

.main-cs{width:100%; text-align:center; max-width:1200px; margin:0 auto; padding:80px 0;}
.main-cs h5{font-size: 1.2em; color: #000; text-transform: uppercase; padding: 0 0 5px; margin: 10px auto 10px; border-bottom: 1px #ddd solid;}
.main-cs p{line-height:160%;}
.main-cs i{display:inline-block; font-size:2em; color:#ccc;width:100%; text-align:center;}
.main100gap{clear: both; width:100%; height:100px;}
.main-cs .row{margin:0;}
.main-cs .container{max-width: 1180px;}


.product-divs{clear:both; width:100%; text-align:center;padding:80px 0; background:#f7f7f7;}
.product-div{width:100%; max-width:1200px; margin:0 auto; }
.product-div h3{font-size:2em;text-transform: uppercase; color:#000;    margin-bottom: 30px !important;}
.product-div .board_output_gallery_subject{font-size:13px !important; padding:8px 0;display: inline-block; color:#666;}
.board_output{background:none !important;}




/* 메인회사소개 #1 */
.about1 {clear:both; width:100%; padding:80px 0; font-size: 14px; margin:0 auto;}
.about1 h2{font-size: 4em; margin-bottom: 10px;color:#000;text-transform: uppercase;}
.about1 p{letter-spacing:-0.02em; margin:20px 0;}
.about1 div.about_left{width:50%; float:left; }
.about1 div.about_right{width:45%; margin-left:5%; float:right; text-align:right;}
.about1 div.about_right img{display:block; width:100%; height:auto;}
.about1 .container{max-width: 1180px;}


@media (max-width:1179px){
.about1 {width:96%;}
.about1 p br{display:none;}
.about1 h2{font-size: 2em; }
}

@media (max-width:768px){
.about1{padding:50px 0; text-align:center;}
.about1 .container{max-width:90%;}
.about1 div.about_left{width:100%; float:none; }
.about1 div.about_right{width:100%; float:none; margin-top:30px; margin-left:0;text-align:center;}
}


/*---*/
a:hover{text-decoration:none !important;}
a.btn-link{display: inline-block; cursor: pointer;  color: #333;
    border: 1px #1d3467 solid;    padding: 5px 20px 5px;  font-size: 13px;}
a.btn-link:hover{background:#1d3467; color:#fff;}
.paddingt10px{padding-top:10px;}

/* 메인회사소개 */
.work2 {clear:both; width:100%; text-align:center; padding:80px 0; font-size: 14px; border-top:1px #eee solid; }
.work2 .main-txt{margin:0 auto 30px;}
.work2 .main-txt h2{font-size:2em; margin-bottom:10px; color:#000;text-transform: uppercase;}
.work2 p{line-height: 150% !important;}

.work2 .main-btns{max-width:1200px; margin:0 auto;}
.work2 .main-btns div.main-btns-div{width:33.33%; text-align:center; display:inline-block; float:left;}

.work2 .main-btns div.main-btns-div h3{font-size:18px; color:#000; font-weight:400; text-transform:uppercase;padding: 25px 0 0 !important; letter-spacing:0.02em;}
.work2 .main-btns div.main-btns-div img{max-width:100%; height:auto; opacity:1;  transition: .5s ease;}
.work2 .main-btns div.main-btns-div ul{width:90%; display:inline-block; margin:0; padding:0 !important; font-size:14px; color:#666;}
.work2 .main-btns div.main-btns-div ul li{display:inline-block; width:100%;line-height: 150% !important;}



.work3 {clear:both; width:100%; text-align:center; padding:80px 0; font-size: 14px; border-top:1px #eee solid; background:#f7f7f7; }
.work3 .main-txt{margin:0 auto 30px;}
.work3 .main-txt h2{font-size:2em; margin-bottom:10px; color:#000;text-transform: uppercase;}
.work3 p{line-height: 150% !important;}

.work3 .main-btns{max-width:1200px; margin:0 auto;}
.work3 .main-btns div.main-btns-div{width:49%; text-align:center; display:inline-block; float:left;}

.work3 .main-btns div.main-btns-div h3{font-size:18px; color:#000; font-weight:400; text-transform:uppercase;padding: 25px 0 0 !important; letter-spacing:0.02em;}
.work3 .main-btns div.main-btns-div img{max-width:100%; height:auto; opacity:1;  transition: .5s ease;}
.work3 .main-btns div.main-btns-div ul{width:90%; display:inline-block; margin:0; padding:0 !important; font-size:14px; color:#666;}
.work3 .main-btns div.main-btns-div ul li{display:inline-block; width:100%;line-height: 150% !important;}





@media (max-width:1199px){
.work2 .main-btns div.main-btns-div img{width:100%;}
.work2 .main-btns{max-width:100%;}
}

@media (max-width:768px){
.work2{padding:50px 0;}
.work2 .main-btns div.main-btns-div{width:90%; float:none; margin: 0 auto 20px;}
.work2 .main-txt{width:90%;}
.work2 .main-btns div.main-btns-div ul{width:95%;}
.work2 .main-btns div.main-btns-div img{width:100%;}
.work2 .main-txt p br{display:none;}


}




/* 메인 게시판 추출*/
table.board_output td a{font-size:12px !important;font-family: 'Noto Sans KR', sans-serif !important;  
color:#666 !important; font-weight:400 !important;}
table.board_output td:nth-child(3){text-align:right; color: #666 !important;}

td.bbsno{width:10%;}
td.bbsnewf5{width:60%;}
td.bbswriter{width:15%;}
td.bbsetc_dateof_write{width:15%;}
#post_area{line-height:180%;}
.arealist-ca{display:block; margin-bottom:30px;}
.arealist tr{border-bottom:1px #ddd solid;}
.newslist .webzine_type2 dl{padding: 5px 0 16px 0 !important;}
.newslist .board_desc, .newslist .board_bgcolor{border-top:1px #666 solid !important;}
.newslist .webzine_type2 .webzine_type_img_td{width:50% !important;}
.newslist .webzine_type2 .webzine_type_img img{border:none !important; width: 90%; height: auto;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:50% !important; vertical-align: top;}
.newslist .news_title{ font-size:13px !important; color:#666 !important;}
.webzine_type2 dd {    height: 35px !important;}

/*서브페이지*/
#sub-body{clear:both; margin:0 auto; width:100%;}
.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:1200px;  margin:0 auto;padding:80px 0; }
.sub-body-cn h2.page_title{  color: #1d3468 !important;    font-size: 2em;  margin-bottom: 30px; letter-spacing: .2em; text-align:center;}


#photo_info span{font-size:11px !important;width:100%;}
.produce-2u-img img{width:100px; height:100px;}
.produce-2u-img img:hover{opacity:.6;}



/* 3차 탭메뉴 */
.d3 {width:1280px; margin:0 auto; font-size:0; text-align:left; padding-bottom:30px;}
.d3 ul li {display:inline-block; width:16%; vertical-align:top; margin:2px;}
.d3 ul li a {display:block; padding:8px; font-size:14px; text-align:center; font-weight:400; color:#333; background:#FFF; border:1.5px solid #CCC;}
.d3 ul li a:hover {color:#EF8200; background:#fff; border:1px solid #EF8200;}
.d3 ul li a.active {color:#fff; background:#EF8200; border:1px solid #EF8200;}


.title {max-width:1280px; margin:0 auto; font-size:0; text-align:left; }
.btn.btn-black.btn-empty { display:inline-block; width:12%; vertical-align:top; margin:2px;
background-color: #eee;
color: #171717;
border: solid 1px #eee;
border-color: #eee;
}
.btn.btn-black:hover {
color: #FFF;
background-color: #c3151c;
border-color: #c3151c;
}



.title1 {max-width:1280px; margin:0 auto; font-size:0; text-align:left; }
.btn.btn-black.btn-empty1 { display:inline-block; width:19.5%; vertical-align:top; margin:2px;
background-color: #eee;
color: #171717;
border: solid 1px #eee;
border-color: #eee;
}
.btn.btn-black:hover {
color: #FFF;
background-color: #c3151c;
border-color: #c3151c;
}

.title3 {max-width:1280px; margin:0 auto; font-size:0; text-align:left; }
.title3 .btn.btn-black.btn-empty {width: 49%;}

.title4 {max-width:1280px; margin:0 auto; font-size:0; text-align:left; }
.title4 .btn.btn-black.btn-empty {width: 24%;}



/*서브메뉴*/
.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;}



/*회원관리*/


.mem1{width:100%; margin-bottom:30px;}
.mem1-s1{width:96%; padding:20px; background-color:#f1f1f1; border:1px #ddd solid; 
margin-bottom:10px; }
.mem1 h1{font-size:16px; padding:10px 0; font-weight:400; color:#666;}
.mem1-s1 span{display:inline-block; padding:0 5px;    min-height: 20px;  vertical-align: middle;}
.mem1-s1 br{display:none;}
.mem1-s2{width:100%; }
.mem1-s2 a{display:inline;}

.member_border,.com_member_secede_pw{padding:2px !important;}
.mem1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:3px; border:1px #ddd solid;}
textarea{padding:5px !important; font-size:11px !important; line-height:160% !important; }

.table_cont1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:3px; border:1px #ddd solid;}

.tios{padding-bottom: 10px !important;padding-top: 10px !important; background: none !important; 
padding-left: 0 !important;font-size: 14px !important;}
.t_m1{border-top: 1px solid #666 !important;}


#dl1 dt{margin-bottom: 10px !important;background:none !important; padding-left: 0 !important;}
#dl2 dt{background:none !important; font-size:13px !important; color:#333 !important; padding-left:10px !important;}
#dl2 dd{padding:0 0 0 15px !important; background:none !important; }





/*고객지원*/
.qalist table{border-top:1px #666 solid;}
#search_table{margin:0 auto; }
input:not([type]), input[type="email" i], input[type="number" i],
input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding: 5px !important; border:1px #ddd solid !important;}
 select{  padding: 4px !important; border:1px #ddd solid !important;}
 input[type="text"]{padding:8px !important;}
.keywordform { padding: 8px !important; border:1px #ddd solid !important;}

.border{border-color:#ddd !important;}
.board_desc, .board_bgcolor{border-bottom:1px #ddd solid !important; text-align:left !important;
padding-left:10px !important;}


.output_table td{line-height:180%;}
.board_output_1_tr td:nth-child(1){padding-right:5px;}


.board,.board a:link,.board_description{font-family: 'Noto Sans KR', sans-serif !important;}
#post_area span{font-family: 'Noto Sans KR', sans-serif !important;}
.list_title{background:none !important; border-top:1px #666 solid !important;}
.list_title td{border-bottom:1px #ddd solid !important;}
.formcss{ border-top:1px #666 solid; font-family: 'Noto Sans KR', sans-serif !important; width:100%;}
.formcss td{padding:10px 0; border-bottom:1px #eee solid;}
.formcss td:nth-child(1){width:15%;}
.formcss td:nth-child(2){width:85%;}

.formcss input[type="text"]{padding:5px; border:1px #ddd solid; width:80%;}
.formcss textarea{padding:5px; border:1px #ddd solid; width:100%;}
.table_02{border-top:1px #666 solid !important; }
td.att_title{border-top:1px #666 solid !important; text-align:center; padding:5px !important; border-bottom:1px #ddd solid !important;}
.qalist tr{border-bottom:1px #eee solid !important; }



/*제품정보*/

.gallerybbs table td{text-align:center; vertical-align:top;}
.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:.6;}
.gallerybbs table {width:96% !important; }

.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{padding:0 !important;}
.gallerylist .board table td img{height:auto;width: 100%; max-width: 400px;}
.gallerylist span.gallery_title{padding-top:5px;    display: inline-block;font-family: 'Noto Sans KR', sans-serif !important;
padding-bottom: 10px;}
.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 span{display:inline-block; padding-bottom:40px; float:left; width:48%;margin-right:1%; text-align:center;}
.mtableo span iframe{width:98%;height: 300px; }



/*사업영역*/
.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; font-family: 'Roboto', 'Noto Sans KR', sans-serif;  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; width:100%; height:auto; padding:0px 0 50px;}



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


.sub-menus-div{width:100%;}
.sub-menus{width:100%; padding:100px 0 0; margin:0 auto; }
.sub-menus h1{font-weight:400; color:#fff; text-transform: uppercase; margin-bottom:30px !important; font-size:3em; letter-spacing:.4em;text-shadow: 1px 1px #000;}
.sub-menus ul {width:100%; background:rgba(0,0,0,.6);}
.sub-menus ul li{display:inline-block; padding:20px 0 15px; }
.sub-menus ul li a{color: #fff;font-size: 16px; padding:0 20px; display:inline-block; border-right:1px rgba(255,255,255,.2) solid; line-height:100%;}
.sub-menus ul li:last-child a{border-right:0;}
.sub-menus ul li a:hover{color:#3175bb;}
.sub-menus ul li a.active{color:#3175bb;}


#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:1200px; padding:30px 0; margin:0 auto; }
.sub-menus2 h1{color:#333;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; 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 ul { list-style-position: inside;    padding: 20px 0 !important;}
.company-cnt ul li { list-style-type: none; }
.company-cnt ul b { color: #000;   display: inline-block;    margin-right: 5px;}

.company-cnt img{max-width:100%; }
img.org-img{display:block; padding:20px 0; max-width:100%;}
.company-cnt h3{font-size:1.5em;color:#333; font-weight: 600;}

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




/*회사연혁*/
.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:12px;}
.ul-history li{border-bottom:1px #ddd 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: 30px 0;}


/*제휴문의*/
.sub-body-cn textarea{font-size:11px !important; font-family: 'Noto Sans KR', sans-serif !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; font-size:12px;}
.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*/
#footerwarp{clear:both; width:100%; padding:30px 0; background:#f1f1f1;font-size:12px;}
#footerwarp span{display:inline-block; margin-right:10px; color:#666;}
#footerwarp span b{color:#333; font-weight:600; display:inline-block; margin-right:5px;}
#footerwarp .cp{padding-top:10px; color:#666;}




/*모바일*/
.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;}


/*인사말*/
.company_greeting_box {max-width: 500px; height: 110px; background-color: #fff; margin-top: -110px; line-height:110px;}
.company_greeting p, .company_ci p {font-size: 17px; letter-spacing: -.05em;margin-top: 40px;}
.company_greeting h2,.company_greeting h4 {font-weight: bold; text-align: right;}
.company_greeting h4 {font-size: 1.3em;}
.company_greeting h2 {font-size: 1.5em;}
.company_greeting img {max-width: 100%;}
.company_greeting_header {width:100%; height: 262px; background: #ddd url("../img/greeting_bg.jpg") no-repeat center center;}

/*연혁*/
.company_history_mobile {display: none;}
.company_history {display: inline-block;}

/*회사소개-개요,ci*/
.company_header {width: 100%; height: 285px; background-repeat: no-repeat; background-position: center center;}
.company_header.summary {background-image: url("../img/summary_bg.jpg");}
.company_header.ci {background-image: url("../img/ci_bg.jpg");}
.company_summary p,.company_header_box p {font-size: 17px; letter-spacing: -.05em;word-break: keep-all;}
.company_header_box {max-width: 442px; min-height: 237px;background-color: #0862b6; color: #fff;margin-top:-133px;position: relative;box-sizing: border-box;padding: 25px;}
.company_header_box::after {content: ''; border-top: 104px solid #023f78; border-left: 0; border-right: 31px solid rgba(0,0,0,0); border-bottom:133px solid rgba(0,0,0,0); position: absolute;right: -31px;top: 133px;}
.company_header_box h2 {font-size: 1.8em; letter-spacing: -.05em;}

.company_summary h3 {color:#0862b6;font-weight: bold;font-size: 1.8em;margin-top: 40px;display: inline-block; letter-spacing: -.05em;}
.company_summary li {width: 48%; vertical-align: top; padding-right: 15px; box-sizing: border-box;display: inline-block;}


/*--------------------------------------------------------*/
@media screen and (max-width: 1700px){
#product_info{width: 350px !important;}
#product_img { width: 300px !important;}

}

@media screen and (max-width: 1199px){
.company_history_mobile {display: inline-block;}
.company_history {display: none;}
    .btn.btn-black.btn-empty {width:24%;}
.topnavibg{width:100%; margin:0 auto; vertical-align: middle;}
.container{width:80%;}
.logos{padding-left:30px;}

    .company_ci img {text-align: center;margin: 0 auto 15px auto;}
.menu {width: 96% !important;}

.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;}
.main-cs{width: 96%;margin:0 auto;}
.product-divs{width: 100%;margin:0 auto; padding:50px 0;}
.works-divs{ padding:50px 0;}
.works-div{max-width:90%;}

.cs-div{max-width:90%;}

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


.product-div{width:96%; margin:0 auto;}
.main-cs{width: 96%;margin: 0 auto;}
.main-docs{width: 90%;margin: 10px auto;}
.workswap span{width:22%; margin-bottom:15px;}


.gallerybbs table img{height:auto;}

.sub-menus{padding:50px 0 0;}
.sub-body-cn h2.page_title{font-size:2em;}
.company-cnt h3{font-size:1.5em;}

.nav > li > a{padding:0 30px;}

}


@media screen and (max-width: 800px){
    .company_header_box {max-width: 80%;}
    .company_summary li { width: 100%;}
    .btn.btn-black.btn-empty, .btn.btn-black.btn-empty1 {width:32%;}
.gap100pd{height:50px;}
.pbrnone br{display:none;}
.webzine_description {   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; }
.menu ul li.hover > a{background-color:#5d5d5d !important;}
.menu ul li > a { padding: 10px 20px !important;}
.menu ul.sub-menu li a{padding:5px 20px !important;}
.menu ul.sub-menu li:last-child a{padding:5px 20px !important;}

.menu li.has-submenu > a.active:after{
    top: -10px !important;
    font-size: 2em !important;}

.menu li.has-submenu > a:after{    padding: 0.4em 0.5em !important;}

.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%;}
.history{display:none !important;}
.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%;}

p.brnone br { display: none;}
.cp-history{width:96%; }
.ul-history li i{display:block;}
}


@media screen and (max-width: 750px){
.logo-img{display:none;}

.nav_wrapper:hover{background-color:#333;}
.menu ul ul > li a:hover {background-color:#333 !important;}
.menu ul ul > li a{border-bottom:none !important; padding:10px 10px 10px 20px !important; }

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

.marginb30pd{margin-bottom:30px !important;}


}

@media screen and (max-width: 650px){
    .btn.btn-black.btn-empty, .btn.btn-black.btn-empty1 {width:49%;font-size: 14px;}
.company-cnt,.biz-cnt{font-size:13px;}
.main100gap{display:none;}
.main-docs{padding: 50px 0 0;}
.mtableo span{width:100%; display:block; margin:0;}

.qalist td:first-child{display:none;}
.qalist td:last-child{display:none;}
.arealist td:first-child{display:none;}
.arealist td:last-child{display:none;}

.gallerybbs table {width:94% !important;}
.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;}

.cs-div div span.sps{padding-bottom: 30px;}
#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;}
.webzine_type_img_td{display:none;}
.cs-divs h4.comcs{margin-top:20px;}

.sub-menus h1{font-size:2em;}
.sub-menus ul li a{font-size:14px; padding: 5px 8px 0;}
.sub-menus ul li{padding:10px 0;}


}

@media screen and (max-width: 480px){
    .btn.btn-black.btn-empty, .btn.btn-black.btn-empty1 {width:48%;}
.main-docs div br{display:none;}
.main-docs h3{font-size:2em;}
table.board_output td:nth-child(3){display:inline-block !important;}
.product-div h3, .works-div h3{font-size:2em; line-height:160%;}

.tel-m{display:block;    position: absolute; right: 10px; top: 15px;}
.main-div span.main-cs,.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{margin:0 auto;}
#ov_tb th{width:35%;}
#ov_tb td{width:65%;}

.cmdpp br{display:none;}
.location1{width:96%; 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%;}
.sub-body-cn{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;}
.main-cs{font-size:14px;}
.workswap span{width:80%;}

.mobile-s{display:block;}


.main-btns{float:none !important; width:100%; height:auto; margin-bottom:10px; margin-right: 0;}
.main-btns ul{padding-bottom: 0 !important; margin: 0 auto 10px !important;}


}

@media screen and (max-width: 380px){
.footer-divs .footer-bto{margin-top:10px; }
.footer-divs .footer-bto a{margin-top:10px;}

.main-nt span:nth-child(1){width:40%}
.main-nt span:nth-child(2){width:60%}



}