@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


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; 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 !important;empty-cell:show; border:none !important;}  
td{font-size:13px !important;font-family:'Roboto', 'Noto Sans KR', sans-serif !important; border-color:#ddd !important; padding:5px 0 !important;
border:none !important; }

ul{margin:0 !important; padding:0 !important;}
ul li{list-style: none;}
a{text-decoration:none;}
strong,b{font-weight:normal !important;}
iframe{display:inline-block; border:0;}

hr{display: inline-block !important; width:100%; border:0 !important; padding:0!important; margin:0 !important;}
hr.gap20h{height:20px;}
hr.gap50h{height:50px;}
.main100gap{clear: both; width:100%; height:100px;}
.main80gap{clear: both; width:100%; height:80px;}
.formmail_border{ padding: 5px !important; border:1px #ddd solid !important;}



.webzine_subject{border-top:1px #666 solid !important;}
.board_output td{padding:0 !important;}
.board_output td{ line-height: 180% !important; font-size: 13px !important;     text-align: left;}
.formmail_title_bgcolor,.formmail_cell_bgcolor{border-bottom:1px #ddd solid !important;}
.rwrite{width: 100%; border:1px #ddd solid !important;}
.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;}

.board_output{background:none !important;}
.margin30s{margin:30px auto 30px !important;}

/* 게시판*/
table.board_output td a{font-size:12px !important;font-family:'Roboto', '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 #ddd solid !important;}
.newslist .webzine_type2 .webzine_type_img_td{width:20% !important;}
.newslist .webzine_type2 .webzine_type_img img{border:none !important; width: 90%; height: auto;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:80% !important; vertical-align: top;}
.newslist .news_title{ font-size:13px !important; color:#666 !important;}
.body-content{padding:120px 0 50px 0; margin:0 auto; width:1170px; text-align:left !important; }
#photo_info span{font-size:11px !important;width:100%;}
.produce-2u-img img{width:100px; height:100px;}
.produce-2u-img img:hover{opacity:.6;}



/*갤러리*/

.gallerybbs table td{padding:5px 0 !important; text-align:center; vertical-align: top; color: #666 !important;}
.gallerybbs  table td.board_output_gallery_img img{width:96%;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;}
.board_output .gallerybbs table{margin-bottom: 20px;}

.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;width: 96%; max-width: 340px;}
.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:'Roboto', 'Noto Sans KR', sans-serif !important;  font-size:13px; color:#333;}
.board p{font-size:13px;}
.gallery_cont{font-family:'Roboto', 'Noto Sans KR', sans-serif !important; font-size:13px !important; color:#666 !important;}
.board table td img{ max-width:100%; height:auto;}
#post_area p img{ max-width:100% !important;height:auto;}

.board_description{width:100% !important;}

.gallerylist .gallerybbs > tbody > tr > td img
{height:250px; border:1px solid #c6c6c6;}




/*회원관리*/
.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;}
.qalist table td{padding: 8px 0 !important}
#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: 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%;}
.board_output_1_tr td:nth-child(1){padding-right:5px;}


.board,.board a:link,.board_description{font-family:'Roboto', 'Noto Sans KR', sans-serif !important;}
#post_area span{font-family:'Roboto', '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:'Roboto', '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; }

.webzine_type2 dd{height:35px !important;}



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

}


@media screen and (max-width: 1199px){
	
.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%;}

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

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

.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:96%; margin:0 auto;}
.workstep-divs{width: 96%;margin:0 auto;}
.main-docs{width: 90%;margin: 0 auto;}
.workswap span{width:22%; margin-bottom:15px;}
.main80gap{height:50px;}

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

.main100gap{height:50px;}
.main-docs div{font-size:13px;}
.main-btns div{width:50%; text-align:center; margin-bottom:30px; letter-spacing:-0.02em;}

.main-btns div h2{font-size:15px;}

}



@media screen and (max-width: 990px){
.mvnone{display: none}
}

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


#product_info{width: 100% !important;}
#product_img { width: 100% !important;}

.product-gallery-view table img{width:100% !important;}
#post_area img{ max-width:100%; height:auto !important; width:100% !important;}

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

.main-btns div ul li{font-size: 13px;}
.webzine_description{display:none;}
.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;}
}

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