@charset "utf-8";
/* CSS Document */
.bod_box { clear:both;margin:20px auto 0;}
.search-container {float:none;
  overflow: hidden;
  width:100%;
  vertical-align: middle;
  white-space: nowrap;
}
.search-container input#search{
  width: 100%;
  height: 35px;
  margin-bottom:10px;
  background: #e2e2e2;
  border: none;
  font-size: 10pt;
  float: left;
  color: #585858;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/* 게시판 */
table.bodtype {width:100%;margin:0 auto;border-collapse: separate;
    border-spacing: 0px;
    line-height: 1.5;table-layout:fixed;}
table.bodtype th:nth-of-type(1)  { width:0%;}
table.bodtype th:nth-of-type(2)  {width:20%; }
table.bodtype th:nth-of-type(3)  {width:70%; }
table.bodtype th:nth-of-type(4)  {width:0%;  }
table.bodtype th:nth-of-type(5)  {width:0%; }

table.bodtype .th_m { display: none;
    visibility: hidden;
    width: 0%;}

.bod_icon { display:block; width:30px; font-size:12px; text-align: center; background-color:#007ec3;  color:#fff; font-weight:400; padding: 2px; margin: 0 auto;}

table.bodtype th { padding:10px; text-align:center; border-top:2px solid #65686f;border-bottom:1px solid #65686f;}

table.bodtype th { font-size:14px;}
table.bodtype td { font-size:14px; text-align: center;}
table.bodtype td { padding:15px 20px; border-bottom:1px solid #adafb2; text-align:center;}
table.bodtype td.tline {text-align:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

table.bodtype th.viewtit { padding:15px 15px; font-size:16px; text-align:left; font-weight:500; line-height:2em; border-top:2px solid #65686f;border-bottom:1px dashed #b2b3b7;}
table.bodtype td.viewtline02 {text-align:left;padding:15px 15px; border-bottom:1px solid #d0d0d0; font-weight:500;}
table.bodtype td.viewtline02 img {vertical-align:middle; margin-left:1%;}

table.bodtype td.tline02 { width:30%;text-align:left;padding:10px 0px 10px 15px; border-top:1px solid #adafb2;border-bottom:1px solid #adafb2; }
table.bodtype td.tline03 {width:30%;text-align:left;padding:10px 0px 10px 15px; border-top:1px solid #adafb2;border-bottom:1px solid #adafb2; }
table.bodtype td.tline02_1 { width:70%;text-align:left;padding:10px 0px 10px 15px; border-top:1px solid #adafb2;border-bottom:1px solid #adafb2; line-height:1.8em;}
table.bodtype td.tline03_1 {width:70%;text-align:left;padding:10px 0px 10px 15px; border-top:1px solid #adafb2;border-bottom:1px solid #adafb2; line-height:1.8em;}

table.bodtype td.conbox {text-align:left;padding:30px 0px; border-bottom:1px solid #b2b3b7;line-height:2em; overflow:hidden;}
table.bodtype td.conbox img {max-width:100%; height: auto;}
	
.bodformbtn {display:inline-block; width:20%;height:38px;background:#1a1a1a;font-size:16px; color:#ffffff; border: none;outline: none; cursor: pointer; } 

table.bodtype td.tline { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width:200px;width: 50%;}
	
.bodbtnbox { margin-top:30px; width:100%; text-align: right;}
.bodbtnbox .bodbtn { background:#252525;width:80px; padding:5px; margin-left:75%;}
.bodbtnbox .bodbtn a { display:block;width:100%;height:30px;  padding:5px 0; text-align:center; font-weight:500; color:#ffffff; text-decoration:none;}
.dalink { padding-left:0px;}

a.gallery_btn { display:block; margin:0 auto; width:100px; height:35px; line-height:30px; text-decoration:none;border-radius: 20px; text-align:center; color:#fff; border:2px solid #007ec3;background:#007ec3; margin-top:30px;}
a.gallery_btn:hover {border:2px solid #007ec3;background:#fff; color:#222222;}

.rights { display:inline-block;width:50%; text-align:left;padding-left:10px;padding-right:30px; font-weight: 300;}

@media screen and (min-width:375px)  {
    
}
@media screen and (min-width:768px)  {
	.bodbtnbox .bodbtn { margin-left:87%;}
    .rights { width:30%;padding-left:10px;}
}
@media screen and (min-width:1024px)  {   
    /* board */
.bod_box { clear:both;margin:30px 0;}
.bod_box .bodlist { float:left; width:50%;}
.bod_icon { width:40px; font-size:14px;}

.search-container {float: right;
  overflow: hidden;
  width: 350px;
  vertical-align: middle;
  white-space: nowrap;
}
.search-container input#search{
  width: 350px;
  height: 45px;
  margin-bottom:10px;
  background: #f2f2f2;
  border:0;
  font-size: 14px;
  float: left;
  color: #585858;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.search-container input#search::-webkit-input-placeholder {
   color: #585858;
}
 
.search-container input#search:-moz-placeholder { /* Firefox 18- */
   color: #585858;  
}
 
.search-container input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #585858;  
}
 
.search-container input#search:-ms-input-placeholder {  
   color: #585858;  
}

.search-container button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
 
  border: none;
  background: #222;
  height: 45px;
  width: 50px;
  color: #fff;
  opacity: 0;
  font-size: 10pt;
 
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

.search-container input {outline: none;}
.search-container:hover button.icon, .search-container:active button.icon, .search-container:focus button.icon{
    outline: none; cursor:pointer;
    opacity: 1;
    margin-left: -50px;
  }
 
  .search-container:hover button.icon:hover{
    background: #007ec3;
  }
  
.bodlist select {width: 35%; font-size:16px;padding: .4em .5em;
						border: 1px solid #dcdcdc; background-color:#fff;background-image: url(/images/common/select_icon.png);background-repeat:no-repeat; background-position:95% 50%;
						border-radius: 0px;-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none; }  
select::-ms-expand {display: none;}
.bodformbtn {display:inline-block; width:60px;height:38px;background:#333;font-size:16px; color:#ffffff; border: none;outline: none; cursor: pointer; } 

table.bodtype th:nth-of-type(1)  { width:10%;}
table.bodtype th:nth-of-type(2)  {width:15%; }
table.bodtype th:nth-of-type(3)  {width:50%; }
table.bodtype th:nth-of-type(4)  {width:10%; }
table.bodtype th:nth-of-type(5)  {width:15%; }

    table.bodtype .th_m {display:table-cell;
    visibility:inherit;
    }
    
table.bodtype th { font-size:16px; padding: 15px;}
table.bodtype td { font-size:16px;}	

table.bodtype th.viewtit { padding:15px 15px; font-size:20px;}

table.bodtype td.tline { width:300px;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
table.bodtype td.tline a:hover { color:#007ec3;}

table.bodtype td.tline02 { width:15%; }
table.bodtype td.tline03 {width:15%;}
table.bodtype td.tline02_1 { width:85%;}
table.bodtype td.tline03_1 {width:85%;}

table.bodtype td.rino {border-right:0px dashed #d0d0d0;}
table.bodtype th.rino {border-right:0px dashed #d0d0d0;}

table.bodtype td.viewtline {text-align:left; border-bottom:2px solid #65686f; font-weight:500;}

.dafile { display:inline-block;width:20%; text-align:left;padding-left:10px;padding-right:50px;font-weight:300;}


table.bodtype td.conbox {padding:30px 15px;}

.bodbtnbox .bodbtn { width:100px; padding:5px; margin-left:90%;}
    
    table.bodtype td .bod_link {display:inline-block;padding-left:30px;}
    table.bodtype td .bod_link a {display:inline-block; text-decoration: underline; color: #3f454b; font-weight: 400;}
}
@media screen and (min-width:1200px)  {
     
    .bodbtnbox .bodbtn { margin-left:92%;}
   
}
@media screen and (min-width:1440px)  {
  
    
}
@media screen and (min-width:1920px)  {
    
    
}