@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('//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:15px !important; font-weight:400 !important; line-height:180% !important; }
p{font-family:  'Roboto', 'Noto Sans KR', sans-serif !important;   line-height:180% !important; font-size: 15px;}
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:14px !important;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; border-color:#ddd solid !important;
border:none !important; }
.gallery_title{font-family:  'Roboto', 'Noto Sans KR', sans-serif !important;}
.formmail_title_bgcolor,.formmail_cell_bgcolor{border-bottom:1px #ddd solid !important;}
ul{margin:0 !important; padding:0 !important;}
ul li{list-style: none !important;}
a{text-decoration:none;}
iframe{border:0;}
hr{padding:0 !important; margin:0 auto !important; border:0 !important;}
.textareainfo{ width:100%; font-size:12px;line-height:180%; 
height:500px; font-family: "Nanum Gothic", sans-serif !important;
border:1px #ddd solid !important;
padding:2%; background:#f1f1f1;}
input[type="radio"], input[type="checkbox"]{display: inline-block;}
hr.gap30pxg{height:30px;}
hr.gap50pxg{height:50px;}
img.max100ps{width: 100%; height: auto;}

.member_txt{font-size:14px !important;font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}

.board_output td{ line-height: 180% !important; font-size: 12px !important; text-align:left;}
.board_output{background:none !important;}
.board_output td{vertical-align: middle;}
.board_desc div{height: auto !important;}

.board a{font-size: 14px !important}
#post_area{line-height:180%;}

.gap100pd{clear:both; width:100%; height:100px;}
.gap80pd{clear:both; width:100%; height:80px;}
.gap50pd{clear:both; width:100%; height:100px;}
.gap30pd{clear:both; width:100%; height:100px;}

.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; height: auto !important;min-width: auto !important; max-width: auto !important;}
td.board_admin_bgcolor table img{width:auto !important; height: auto !important;min-width: auto !important; max-width: auto !important;}
td.board_admin_bgcolor,td.board_admin_bgcolor table td{border-bottom:none !important;}


.board_output td{ line-height: 180% !important; font-size: 13px !important; text-align:left;   vertical-align: top; padding: 0 !important;}

.gallerylist .adminCheck .adminCheckBox{   position: absolute;
    z-index: 1;
    top: 5px;
    left: 0px;
    width: 20px;
}

.gallerylist .board td input[type=radio],
.gallerylist .board td input[type=checkbox],
.gallerylist .board td input[type=radio],
.gallerylist .board td input[type=checkbox] {
    width: 20px;
    margin: 0 3px 0 10px;
    vertical-align: middle;
}


.category-css{display: inline-block; width: 100%; padding-bottom: 30px; padding-left: 20px; }
.category-css table td{text-align: left;}
.category-css table td b , .category-css table img{display: none;}
.category-css select{font-size:14px !important; line-height: 180% !important}

.category-css select::-ms-expand {display: none;}
.category-css .selectdiv {  position: relative;    float: left;  min-width: 200px;}

.category-css .selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
    -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;    top: 18px;
  padding: 0 0 2px;  border-bottom: 1px solid #999;  
  position: absolute;
  pointer-events: none;
}

.category-css .selectdiv select {
  -webkit-appearance: none;  -moz-appearance: none;
  appearance: none;  display: block;
  width: 100%;  max-width: 320px;  height: 50px;
  float: right;  margin: 5px 0px;
  padding: 0px 24px;  font-size: 16px;  line-height: 1.75;
  color: #333;  background-color: #ffffff;
  background-image: none;  border: 1px solid #cccccc;  -ms-word-break: normal;
  word-break: normal;
}


.rlydivs table{width: 100%; }
.rlydivs table td{padding:8px !important; font-size: 13px !important;}

.rlydivs textarea{display: inline-block; width:98%; height: 80px; margin-bottom: 30px;}


.board_comment_bgcolor{border-top:1px #ddd solid !important; }
.board_comment_bgcolor td{font-size: 12px !important;padding:8px !important;}



table.board_output td a{font-size:14px !important;font-family: 'Noto Sans KR', sans-serif !important;     line-height: 200%; 
color:#666 !important; font-weight:400 !important;}


.arealist-ca{display:block; margin-bottom:30px;}
.arealist tr{border-bottom:1px #ddd solid;}
.arealist td{padding: 8px 0 !important}
.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;}
.webzine_type2 dd {    height: 35px !important;}
.webzine_subject{border-top:1px #666 solid !important;}
.webzine_type2 .webzine_type2_table_line{height: 50px}




/**/
.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;}
.t_m1 td{padding:5px !important;}
.member_border{padding:8px !important; border:1px #ddd solid !important;}
.mem1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:8px; 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:8px; border:1px #ddd solid;}

.tios{padding-bottom: 10px !important;padding-top: 10px !important; background: none !important; 
padding-left: 0 !important;font-size: 14px !important; font-weight: 600;}
.t_m1{border-top: 1px solid #666 !important;}
.t_m1 td:nth-child(1){width:20% !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: 8px !important; border:1px #ddd solid !important; min-width: 200px;}
 select{  padding: 8px !important; border:1px #ddd solid !important;}
 input[type="text"]{padding:8px !important; border:1px #ddd solid !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: '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; }
.qalist td{padding: 8px 0 !important;}


@media (max-width: 1199px){
  body, p{font-size: 14px !important;}

}  


@media (max-width: 768px){

.webzine_subject{border-top:0 !important;}

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



.webzine_type2 .webzine_type_text_td_left{padding:0 !important;}
.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;}
.webzine_type2 .obj_value{line-height: 250%;}
.newslist .webzine_type2 dl{margin-bottom: 30px;}

.arealist td{display: block;}
.arealist td.att_title{border-top:1px #ddd solid !important; border-bottom:0 !important;}
.arealist td{padding:3px 0 !important;}

td{font-size:13px !important;}
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] {min-width: auto;}
.rlydivs input#border{width: 98%;display: block;}
.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}
}



@media screen and (max-width: 600px){
#search_table td{display: inline-block;}
table.board_output td:nth-child(3){display:inline-block !important;     width: 100%;}

.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; text-align: center;}

.mem1-s1 br{display:none;}
.mem1-s1 span{display:block;  min-height:10px;    margin-bottom: 5px;}
.mem1-s1 span input[type="text"], .mem1 span input[type="password"], .mem1 span input[type="email"]
{width:100%; max-width: 100%;}
input[type="text" i]{width:80px;}
.mem1-s1{width:92%; text-align: center; margin:0 auto;}

.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%;}
.board_output{width:100%;}

.t_m1 .member_border{width:100% !important;padding:2px; display:inline-block; margin:3px 0; } 
.t_m1 td:nth-child(1){width:30%;font-size:12px !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;}

.table_02 td input[type="text"]{width:90%;}
.formmail_border{width:100%;}
.table_02 td textarea{width:90%;}

.bbsnewf5{padding:5px !important;}


.main-docs div br{display:none;}
.main-docs h3{font-size:2em;}
.product-div h3, .works-div h3{font-size:1.5em; line-height:160%;}

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

p.ov_con,.cmdpp{font-size:13px;}
.ov_con br{display:none;}

.sub-tit-bg h1{width:90%; max-width:90%;}
.sub-body-cn{padding: 50px 0; }

.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;}
.mobilenone{display: none;}

  }