@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:Roboto:300,400,500,600,700,900);
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Teko');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,600');


body{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px; font-weight:400; line-height:180%; }
p{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;   line-height:180%}

h1,h2,h3,h4,h5{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;font-weight: normal;}
img{border:none; max-width:100%;}
table{font-family: 'Noto Sans KR', sans-serif !important; border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show; border:none !important;}  
th, td{font-size:13px !important;font-family: 'Noto Sans KR', sans-serif !important; border-color:#ddd !important; padding:5px 0 !important; border:none !important; line-height: 180%;}
.board a:link,.board_output a:visited{font-size:13px !important;}
.formmail_title_bgcolor,.formmail_cell_bgcolor{border-bottom:1px #ddd solid !important; padding-left:10px !important;}
ul{margin:0 !important; padding:0 !important;}
a{text-decoration:none;}
a:hover{text-decoration:none !important;}
strong,b{font-weight:normal !important;}
iframe{border:0;}

.gapwp{clear:both; width:100%; height:0;}

.rwrite{width: 100%; }
.rwrite input[type="text" i]{margin:0 !important;}
.rwrite table{max-width:100%;}
.rwrite table td{border:none !important;}
.rwrite td{padding:5px !important;}
.rwrite table iframe{border:none !important;}
.rwrite td:nth-child(1){width:30%;}
.rwrite td:nth-child(2){width:70%;}


td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor,td.board_admin_bgcolor table td{border-bottom:none !important;}




/*내용*/
.body-content{padding:120px 0 50px 0; margin:0 auto; width:1200px; text-align:left !important; }

/*메인*/

.msi{display:inline-block; font-style:normal;}
.product-divs-mov{clear:both; width:100%; text-align:center; background:#f6f6f6 ; padding:80px 0; }

.product-divs{clear:both; width:100%; text-align:center; background:#fff; padding:80px 0; }
.product-div{width:100%; max-width:1140px; margin:0 auto;}
.product-div h3{font-weight:400;font-size:2em;text-transform: uppercase; color:#222;     margin-bottom: 20px !important; }
.product-div p{margin-bottom:30px;     line-height: 150%;}

.product-div a{display:inline-block; margin:30px 0 10px; color:#fff; padding:8px 25px; line-height:100%;text-transform: uppercase; border:1px rgba(255,255,255,.2) solid; }
.product-div a:hover{background:#999;}
.product-divs table.board_output td a{border:0;}
.product-divs table.board_output td a{margin:0;}

.product-div-left{width:45%; display:inline-block; float:left; text-align:left;}
.product-div-right{width:50%; display:inline-block; float:right;}
.product-div-right iframe{width:100%;}
.color999{color:#999;}



.gap100s{clear:both; width:100%; height:100px;}
.board_output{background:none !important; font-size:13px;}


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



.gmap{clear:both; width:100%; padding:0; margin:0;background:#222;}
.gmap iframe{width:100%; height:450px;border:0; padding:0; margin:0; }



hr.gaphr{ width:100%;  height:50px; margin:0;
    border: 0;    border-top: none;}


/*메인 회사소개*/

#about{padding:80px 0; font-size: 16px; color:#333;}
#about h3 {   font-weight: 400;
    font-size: 2.5em;    text-transform: uppercase;
    color: #333;    margin-bottom: 20px !important;}

#about a{font-size:13px; color:#333; border:1px #666 solid; display:inline-block;
	border-radius:20px; padding:8px 25px;margin:5px 0; text-transform: uppercase;}
#about a:hover{color:#fff; border:1px #333 solid; background: #333;}	

/*메인 바로가기 */
#mainbmgo{padding:80px 0; font-size: 14px; position: relative;}
#mainbmgo .board_output{margin-top:20px;}

.mainbtnarea{width:100%; min-height: 200px;  overflow: hidden; text-align: center;}
.mainbtnarea h3{    font-size: 20px;    color: #333;letter-spacing: .1em;
    margin: 0 auto;    padding: 15px 0; border-bottom: 1px #666 solid;}
.mainbtnarea h4{font-size:34px; font-weight:600;margin:10px auto 5px; color:#999999;}    
.gap5px{display: inline-block; margin-right: 5px;}

a.more i{color: #666;    display: inline-block;    float: right; }

.area2s{}

.area3s iframe{display: inline-block; width:100%; height: 200px;}

.area4s{-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, .8)), url('area4s-bg.jpg');
    background-size: auto, cover;
    background-position: center, center;
    background-repeat: no-repeat;
	color: #ffffff;}

.area4s:hover{background:#c2c5c9;}


.area5s{webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, .6)), url('area5s-bg.jpg');
    background-size: auto, cover;
    background-position: center, center;
    background-repeat: no-repeat;
	color: #ffffff;}
.area5s:hover{background:#c2c5c9;}


.area6s{webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, .6)), url('area6s-bg.jpg');
    background-size: auto, cover;
    background-position: center, center;
    background-repeat: no-repeat;
	color: #ffffff;}
.area6s:hover{background:#c2c5c9;}

.mainu_btn a{display: inline-block; background: #666; color:#fff;padding:8px 20px; margin-right: 10px; }
.mainu_btn a:last-child{margin-right: 0;}
.mainu_btn a.kakao{background:#74a86f;color:#fff;}
.mainu_btn a.kakao img{display: inline-block; max-height: 20px; width: auto; margin-right: 5px;}
.mainu_btn a:hover{background: #eee; color:#666;}



.service{text-align: center;}
.service h2{	font-weight: 600;    font-size: 2em;
    text-transform: uppercase;    color: #383838; margin:0 auto 10px;}
.service h5{	font-weight: 400;    font-size: 1em; margin:0 auto;
    text-transform: uppercase;    color: #383838;}    
.service p{line-height:160% !important;}
.service i {font-size: 60px;}
.service div{padding:50px 0;}



.cut-top {	content: ' ';	position: absolute;
	z-index: 1;	top: -80px;	left: 0;	width: 0;
	height: 0;	border-top: 80px solid transparent;
	border-right: 30px solid white;}

.cut-bottom {	content: ' ';
	position: absolute;	z-index: 1;
	bottom: -80px;	left: 0;	width: 0;
	height: 0;	border-bottom: 80px solid transparent;
	border-left: 30px solid white;}


<!--제품소개 스펙-->

.proDdDiv{
width: 100%;
margin-top:50px;
}

.proDdDiv table{
	margin:0 auto;
	display:inline-block;
width: 100%;}

.proDdImg{
margin-left: 100px;
float: left;
text-align: center;}

.proDdImg img{
border: 1;
border-color:#CCC;
vertical-align: middle;
width: 362px;
height: 362px;}

<!--right-->

.proDdInfo{
margin-left: 50px;
width: 42.7%;
float: left;}

.proDtable{
	text-align: left;
width: 100%;}

<!--.nameTd{color: #093190; font-size: 28px; font-weight: 700; line-height: 40px; vertical-align: top;}-->

<!--button-->

.proBtnAL{
margin-top: 30px;
width: 100%;
text-align: left;}

.proBtnAL button{
font-size: 12pt;
margin-right: 5px;
line-height: 1em;
color: #fff  !important;
font-weight: 400;
background: #3498db;
padding: 14px 27px 14px 27px;
border: 0;}

.fa fa-search{
color: #fff  !important;
font-weight: 400;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;}

.proBtnAL2{
margin-left: 30%;
text-align: left;}

.proDdGrbtn{
cursor: pointer;
font-size: 12pt;
line-height: 1em;
color: #ffffff  !important;
font-weight: 400;
background: #26c825;
padding: 10px 24px 10px 24px;
border: 0;
text-decoration: none;}


.proDdimgrRap{
	float:left;
	width:45%;
}

.proDdinforRap{
	float:left;
	width:55%;
	text-align:center;
}


<!--스펙/->








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

	#about{padding:50px 0; font-size:14px;}

	#services h1,#about h3{font-size:2em;}
	.product-divs-mov{    padding: 50px 0 !important;}
	#mainbmgo{padding:50px 0;}
	#mainbmgo h3{font-size:20px;}
	#mainbmgo .col-md-4{margin-bottom: 30px;}
	#mainbmgo .col-md-4:last-child{margin-bottom: 0;}
	#mainbmgo .cut-bottom{display: none;}
	hr.gaphr{height: 30px;}
}






/* 메인 게시판 추출*/
table.board_output td{padding:2px 0 !important;}
table.board_output td a{font-size:14px !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;}
table.board_output td a:hover{text-decoration:none;}
td.bbsno{width:10%;}
td.bbsnewf5{width:60%;}
.board gallerybbs .bbsnewf5 img{width:40% !important;}
{ font-size:16px !important; color:#333 !important;}
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 #eee solid;}
.arealist td{padding:8px 0; line-height:180%;}
.newslist .webzine_type2 dl{padding: 5px 0 16px 0 !important;}
.newslist .board_desc, .newslist .board_bgcolor{border-top:1px #ddd solid !important;}
.newslist .webzine_type2 .webzine_type_img_td{width:7% !important;}
.newslist .webzine_type2 .webzine_type_img img{border:none !important; width: 90%; height: auto;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:70% !important; vertical-align: top;}
.newslist .news_title{ font-size:16px !important; color:#333 !important; }
.webzine_type2 dd {    height: 35px !important; border-top: 1px #ddd solid !important;}

/*서브페이지*/
#sub-body{clear:both; margin:75px auto 0; 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:954px;  margin:0 auto;padding:26px 0; text-align:center;}
.sub-body-cn .slogan{ margin-top:-40px !important; width:180px !important;}
.sub-body-cn .txtcenter{text-align:center;}
.sub-body-cn h2.page_title{text-align:center;color: #004A8D !important;font-size: 2em !important;     letter-spacing: .1em;
font-weight: 400 !important;}
.sub-body-cn span.linebar{width: 25px;height: 2px;display: block;background: #004A8D;margin: 20px auto 50px; padding: 0;}

/*서브메뉴*/
.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:#ddd;}
.sub-mm-s ul li:hover{background-color:#eee;}
.sub-mm-s ul li a{color:#333; 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; border-radius:5px;
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;}

.t_m1 td:nth-child(1){width:25% !important; text-align:left !important; padding-left:10px !important;}
.t_m1 td:nth-child(2){width:75% !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:3px 5px !important;}
.keywordform { padding: 5px !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%; padding:0 !important;  text-align: left;}
.board_output_1_tr td:nth-child(3){color:#999 !important; }

.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: 340px;}
.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; margin: 0 auto;}
.board_output_gallery_subject{font-size:15px;display: inline-block; padding: 10px 5px 0; font-weight: bold;}
.board_output_gallery_description{color:#999;}
.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%;}


.gallerylist .board table td img{height:auto; max-width: 340px;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{padding-top:5px;    display: inline-block;font-family: 'Noto Sans KR', sans-serif !important; font-size: 15px; color:#333;}
.gallery_subject .gallery_title{font-family: 'Noto Sans KR', sans-serif !important; font-size: 13px; color:#333; font-weight:bold;}
.gallerylist .gallery_cont{ display: inline-block;font-family: 'Noto Sans KR', sans-serif !important; padding-bottom: 10px; font-size: 13px; color:#999;}
.board table td img{ max-width:100%;}
#post_area p img{ max-width:100% !important;height:auto !important;}

.board_description{width:100% !important;}


.gallery-submn{width:100%; margin:0 auto 30px; font-size:14px; text-align: center;}
.gallery-submn a{display:inline-block; padding:5px 15px; margin:3px; background: #666; color:#fff;}
.gallery-submn a:hover{background: #444; color:#fff;}
.gallery-submn a:first-child{margin-left:0;}
.gallery-submn a:last-child{margin-right:0;}




.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; font-size:14px;}

.biz-cnt em{font-style:normal; font-size:60px; display:block; 
 color:#333; padding:0 0 15px 0; font-family: 'Roboto', 'Noto Sans KR', sans-serif;  letter-spacing:-0.02em; font-weight:600;}
.biz-cnt img{width:100%; height:auto;max-width: 100%;}



/*서브메뉴 틀*/
#sub-menus-div{width:100%;  text-align: center;}
#sub-menus-div.fixed {top:0px; margin-top:0px}

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


.sub-menus-div{width:100%;}
.sub-menus{width:100%; padding:150px 0 0px; margin:0 auto; text-align:center; }
.sub-menus span{color:#000;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; font-weight:400; letter-spacing: .2em; text-transform: uppercase; padding-bottom:50px; !important; font-size:35px;}
.sub-menus h1{color:#FFF;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; font-weight:400; letter-spacing: .2em; text-transform: uppercase; margin-bottom:50px !important; font-size:2.5em;}
.sub-menus ul {background:rgba(0,0,0,.6); width:100%; text-align:center;}
.sub-menus ul li{display: inline-block;}
.sub-menus ul li a{display:inline-block; padding:15px 30px; color: #fff;font-size: 18px;}


.submn1 .sub-menus ul li:nth-child(1) a{background: #fff; color:#000;}
.submn2 .sub-menus ul li:nth-child(2) a{background: #fff; color:#000;}
.submn3 .sub-menus ul li:nth-child(3) a{background: #fff; color:#000;}
.submn4 .sub-menus ul li:nth-child(4) a{background: #fff; color:#000;}
.submn5 .sub-menus ul li:nth-child(5) a{background: #fff; color:#000;}
.submn6 .sub-menus ul li:nth-child(6) a{background: #fff; color:#000;}
.submn7 .sub-menus ul li:nth-child(7) a{background: #fff; color:#000;}


#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 iframe{width: 100% !important;}
.company-cnt img{max-width:100%;}
img.org-img{display:block; padding:20px 0; max-width:100%;}
p.ov_title{font-size: 24px;color: #333;margin: 0 !important;font-weight: 400;}
p.ov_con{display:block;line-height: 160%; color:#999; font-size:14px;}
#ov_tb{width:100%;border-top:1px #666 solid !important; margin: 50px auto 50px;}
#ov_tb th{width:15%;background-color:#f1f1f1; padding:10px 15px !important; text-align:left; font-weight:normal; 
border-bottom:1px #ddd solid !important;  color:#333;  font-size:14px;}
#ov_tb td{width:85%;  font-size:14px !important; border-bottom:1px #ddd solid  !important; padding:10px 15px !important; text-align:left; }





/*회사연혁*/
.cmdpp{color:#666; display:block; margin-bottom:10px; line-height:160%;}
.h_top_n{font-size:26px; padding:30px 0 10px;color:#00a0b6; font-family: 'Roboto', 'Noto Sans KR', sans-serif;
height:auto;width:100%; margin:0 auto; font-weight:700;}
.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; font-size:14px;}


/*제휴문의*/
.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;}
.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:16px;padding:0 0 10px 0 !important; color:#333; font-weight:600;}
.location1 b{color:#333; padding-right:3px;}




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

.footer-divs ul li span{display:inline-block;margin-bottom:0; margin-right:20px; color:#999;padding:0 0 10px;}
.footer-divs ul li span b{color:#fff; display:inline-block; margin-right:5px;}
.footer-divs ul li{list-style:none; }


.footer-30gaps{clear:both;width:100%;height:30px;}
.footer-bto{ padding:5px 0;}
.footer-bto a{ display: inline-block; margin: 5px 5px 0 0;}
.footer-bto a:last-child{margin-right:0;}

.footersnslink{width:100%; margin:20px 0;}
.footersnslink a{display:inline-block; margin:3px;}







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

}

@media screen and (max-width: 1100px){
.topnavibg{width:100%; margin:0 auto; vertical-align: middle;}
.logos{padding-left:30px;}

.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; padding: 50px 0;}
.sub-tit-bg h1{width:92%; max-width:92%;}
.companyarea1 .sub-body-cn{background:none !important}

.main-content{width: 96%;margin:0 auto;}

.main-insta , .product-divs{width: 100%;margin:0 auto; padding:50px 0;}

.works-divs{ padding:50px 0;}
.works-div{max-width:90%;}
#footer-mn ul{max-width:90%; margin:0 auto !important;}
#footer-top{max-width:100%;}

.main-nt{max-width:96%;margin:0 auto;}
.main-nt span:nth-child(1){width:15%}
.main-nt span:nth-child(2){width:85%}
.product-div{width:92%; margin:0 auto;}
.workstep-divs{width: 96%;margin:0 auto;}
.workswap span{width:22%; margin-bottom:15px;}


.gallerybbs table img{height:auto;}
.sub-menus{margin:0 auto; text-align:center;}

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


@media screen and (max-width: 800px){
.sub-menus h1{font-size: 1.8em;}	
.webzine_type2 .webzine_type2_table_line{height: auto;}	
.mtableo iframe {    float: none;    width: 100%;  display: block; }	

.rwrite input[type="text" i]{max-width:50%;}
.rwrite td:nth-child(1){width:40%;}
.rwrite td:nth-child(2){width:60%;}
input[type="text" i]{max-width:70%;}
input#border{width: 70%;}

.sub-body-cn span.linebar{margin: 10px auto 20px;}

#post_area{width:100% !important;}
.gallerylist .board table td img{width:100%;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:100% !important; }
.newslist .webzine_type2 .webzine_type_img_td{width:100% !important;}
.newslist .webzine_type2 .webzine_type_img img{width: 100% !important; height: auto;}
.newslist .webzine_type2 .webzine_type_img_td,
.newslist .webzine_type2 .webzine_type_text_td_left{display: block; width: 100% !important;}


.main-btns{max-width:100%;}

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



.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; width:100% !important;}



.product-div-left{width:100%; float:none; margin-bottom:20px; text-align:center;}
.product-div-right{width:100%; float:none; }



.proDdImg{
	display:none;
}

.proDdinforRap{
	width:100% !important;
}

}




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

.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}

.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;}
.biz-cnt b{font-size:12px;}

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

.main-btns{margin:20px 0 0 0;}
.main-btns div{width:100%;    margin: 0 0 40px 0; float:none; }
.borderight{border-right:none;}
.works-div div{width:100%;    margin: 0 0 40px 0; float:none; }
.footer-bto{max-width:90%; text-align:left; margin-top:10px;}
.gap100s{display:none;}

.sub-body-cn h2.page_title{font-size:1.8em !important; letter-spacing: 0;}
}

@media screen and (max-width: 650px){
.newslist .webzine_type2 dl{margin-bottom: 20px;}

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

.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:18px; 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;}

.works-divs{padding:50px 0; min-height:auto;}
.about-sp{float:none !important; width:100%; height:auto; margin-bottom:30px;}
.sub-menus ul li:first-child, .sub-menus ul li{border:none;}
.sub-menus{padding: 50px 0 0px;}
.sub-menus h1{letter-spacing: 0.1em;}
.pbrnone br{display:none;}
.webzine_type2 .obj_value{ line-height: 250%; }
.webzine_type2 dd{    float: none !important;}
.container p{padding:10px 10px 15px 20px !important; font-size:7px !important;}

}

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

.main-insta h3, .product-div h3, .works-div h3{font-size:22px; line-height:160%;}
.main-btns div h2{font-size:22px; }
.works-div div ul li h2{font-size:16px;}
.sub-menus ul li a{font-size:14px; padding:8px 20px; margin:10px; border:1px #fff solid; }

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

.cmdpp br{display:none;}
.company-cnt{width:96%; margin:0 auto; height:auto; padding-bottom:30px;}
.location1{width:96%; margin:30 auto; height:auto; }


.sub-tit-bg{padding:10px 0;}
.sub-tit-bg h1{font-size:22px;}
p.ov_con,.cmdpp{font-size:13px;}
.ov_con br{display:none;}
#ov_tb td,#ov_tb th{font-size:13px !important;}

.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%}
.board_output_1_tr td:first-child{display:none; }
.workswap span{width:80%;}
.mobile-s{display:block;}

.mainu_btn a{display: inline-block; background: #666; color:#fff; width:100%; height:60px; margin-top:10px; font-size:24px; line-height:160%;}
.mainbtnarea area2s{font-size:16px;}





}

@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%}
.sub-menus ul li{padding:0 10px; margin:10px 0;}

}

@media (max-width: 768px){
.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}
}