/* 게시판 */
#boardBox { overflow: hidden; width:100%; margin:0 auto; height:auto; }
.board-box-inner {float:left; width:1300px;  margin:50px 0; height:1000px;}
.board-list-text-no { text-align: center; padding: 20px; color:#666; font-size:16px; }
.board-list-text-btn { padding:30px; margin: 20px auto; text-align:center; padding:5px 20px; color:#fff; font-size:14px; background-color:#000; width:20%; float:right: }
.board-list-text-btn-reg { padding:30px; margin: 20px auto; text-align:center; padding:5px 20px; color:#fff; font-size:14px; background-color:#666; width:20%; float:right: }

 h1 { font-size:22pt; font-weight:600; color:#000; padding: 40px 0 10px 12px; }
 .board-text-Small { font-size:10pt; color:#666; padding-top:10px; }
 .board-text-Big { font-size:10pt; color:#000; line-height:150%; }
 .board-text-middle { font-size:11pt; color:#666; }

.board-bbs-view .row:after { content: ""; display: table; clear: both; }
.board-bbs-view .row { content: ""; display: table; clear: both; }

/* 글쓰기 폼 */
.board-bbs input[type=text], textarea { width: 50%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.board-bbs input[type=text], select { width: 50%; padding: 5px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.board-bbs label { padding: 12px 12px 12px 0; display: inline-block; }
.board-bbs input[type=submit] { background-color: #666; color: white; padding: 5px 20px; border: none; cursor: pointer; float: right; width:15%; }
.board-bbs .container { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }
.board-bbs .col-15 { float: left; width: 15%; margin-top: 6px; text-align:center; }
.board-bbs .col-85 { float: left; width: 83%; margin-top: 6px; }
.board-bbs .row:after { content: ""; display: table; clear: both; }

@media all and (min-width:800px) {	/* 미디어쿼리 800픽셀 이상 */
#boardBox { width:1300px; margin:0 auto; height:auto; }
.board-box-inner {float:left; width:1300px; }
.board-list table { border-collapse: collapse; border-spacing: 0; width: 1300px; }
.board-list th { text-align: center; padding: 8px; border-bottom: 2px solid #000;  }
.board-list td { text-align: center; padding: 10px; color:#666; font-weight:400; letter-spacing:0.5px; vertical-align:middle; border-bottom: 1px solid #ddd;  }

.board-bbs-view .col-100 { float: left; width: 100%; margin-top: 6px; text-align:center; padding:20px; }

/* 리스트 하단 검색부분 */
div form.example { padding-left:365px; padding-right:400px; width:100%; margin:0 auto; text-align:left; }
form.example input[type=text] { font-size: 13px; border: 1px solid #ccc; float: right; width: 100%; background: #fff; margin-top:-1px; margin-left:5px;  vertical-align:middle; }
form.example input[type=text], select { float: left; width: 100px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example button { float: left; width: 5%; padding: 7px; background: #000; color: white; font-size: 14px; border: 1px solid grey; border-left: none; cursor: pointer; border-radius:5px; padding-left:5px;  vertical-align:middle;  }
form.example button:hover { background: #0b7dda; }
form.example::after { content: ""; clear: both; display: table; }
}
/* 리스트 하단 검색부분 End */

@media all and (min-width: 768px) and (max-width:992px) { 
#boardBox { width:90%; margin:0 auto; height:auto; }
.board-box-inner { width:100%; }
.board-list table { border-collapse: collapse; border-spacing: 0; width: 1300px; }
.board-list th { text-align: center; padding: 8px; border-bottom: 2px solid #000;  }
.board-list td { text-align: left; padding: 10px; color:#666; font-weight:400; letter-spacing:0.5px; vertical-align:middle; border-bottom: 1px solid #ddd;  }
.board-bbs-view .col-100 { float: left; width: 100%; margin-top: 6px; text-align:center; padding:20px; }

.board-bbs .col-15 { width: 20%; margin-top: 5px; text-align:center; }
.board-bbs .col-85 { width: 70%; margin-top: 6px; }
.board-bbs input[type=text] { padding: 12px; font-size: 13px; border: 1px solid #ccc; float: left; width: 100%; background: #fff; margin-top:-1px; }
.board-bbs-view .col-100 { float: left; width: 90%; margin-top: 6px; text-align:center; }

div form.example { padding-left:150px; width:100%; margin:0 auto; text-align:left; }
form.example input[type=text] { font-size: 13px; border: 1px solid #ccc; float: right; width: 100%; background: #fff; margin-top:-1px; margin-left:5px;  vertical-align:middle; }
form.example input[type=text], select { float: left; width: 100px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example button { float: left; width: 5%; padding: 7px; background: #000; color: white; font-size: 14px; border: 1px solid grey; border-left: none; cursor: pointer; border-radius:5px; padding-left:5px;  vertical-align:middle;  }
form.example button:hover { background: #0b7dda; }
form.example::after { content: ""; clear: both; display: table; }
}

@media all and (min-width: 401px) and (max-width:767px) { 
#boardBox { width:90%; margin:0 auto; height:auto; }
.board-box-inner { width:100%;}
.board-list table { border-collapse: collapse; border-spacing: 0; width: 1300px; }
.board-list th { text-align: center; padding: 8px; border-bottom: 2px solid #000;  }
.board-list td { text-align: left; width:100%; padding: 10px; color:#666; font-weight:400; letter-spacing:0.5px; vertical-align:middle; border-bottom: 1px solid #ddd;  }

.board-bbs .col-15 { width: 20%; margin-top: 5px; text-align:center; }
.board-bbs .col-85 { width: 70%; margin-top: 6px; }
.board-bbs input[type=text] { padding: 12px; font-size: 13px; border: 1px solid #ccc; float: left; width: 100%; background: #fff; margin-top:-1px; }
.board-bbs-view .col-100 { float: left; width: 90%; margin-top: 6px; text-align:center; }

div form.example { padding-left:45px; width:100%; margin:0 auto; text-align:left; }
form.example input[type=text] { font-size: 13px; border: 1px solid #ccc; float: right; width: 100%; background: #fff; margin-top:-1px; margin-left:5px;  vertical-align:middle; }
form.example input[type=text], select { float: left; width: 100px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example button { float: left; width: 5%; padding: 7px; background: #000; color: white; font-size: 14px; border: 1px solid grey; border-left: none; cursor: pointer; border-radius:5px; padding-left:5px;  vertical-align:middle;  }
form.example button:hover { background: #0b7dda; }
form.example::after { content: ""; clear: both; display: table; }

}

@media all and (min-width: 320px) and (max-width:400px) { 
#boardBox { width:90%; margin:0 auto; height:auto; }
.board-box-inner { width:100%; }
.board-list table { border-collapse: collapse; border-spacing: 0; width: 1300px; }
.board-list th { text-align: center; padding: 8px; border-bottom: 2px solid #000;  }
.board-list td { text-align: left; width:100%; padding: 10px; color:#666; font-weight:400; letter-spacing:0.5px; vertical-align:middle; border-bottom: 1px solid #ddd;  }

.board-bbs .col-15 { width: 20%; margin-top: 5px; text-align:center; }
.board-bbs .col-85 { width: 70%; margin-top: 6px; }
.board-bbs input[type=text] { padding: 12px; font-size: 13px; border: 1px solid #ccc; float: left; width: 100%; background: #fff; margin-top:-1px; }
.board-bbs-view .col-100 { float: left; width: 90%; margin-top: 6px; text-align:center; }

div form.example { padding-left:25px; width:100%; margin:0 auto; text-align:left; }
form.example input[type=text] { font-size: 13px; border: 1px solid #ccc; float: right; width: 100%; background: #fff; margin-top:-1px; margin-left:5px;  vertical-align:middle; }
form.example input[type=text], select { float: left; width: 100px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example button { float: left; width: 5%; padding: 7px; background: #000; color: white; font-size: 14px; border: 1px solid grey; border-left: none; cursor: pointer; border-radius:5px; padding-left:5px;  vertical-align:middle;  }
form.example button:hover { background: #0b7dda; }
form.example::after { content: ""; clear: both; display: table; }

}


/* 로그인 폼 */
.row-Login:after { content: ""; display: table; clear: both; margin-top:-15px; }
.textLogin { color:#666; font-size:11pt; text-align:center; padding-top:20px; }

.login-btn { border: none; width:84%; text-align:center; border-radius: 4px;  color: white; padding: 10px 10px 10px 20px; margin-top:15px; font-size: 11pt; cursor: pointer; }
.login-default {background-color: #1f6eaa; color: #fff; vertical-align:middle;}  
.login-default:hover {background: #0c5084;}

.join-btn { border: none; width:90%; text-align:center; border-radius: 4px;  color: white; padding: 10px 10px 10px 20px; margin-top:5px; font-size: 11pt; cursor: pointer; }
.join-default {background-color: #666; color: #fff; vertical-align:middle;}  
.join-default:hover {background: #000;}

.idpw-btn { border: none; width:90%; text-align:center; border-radius: 4px;  color: white; padding: 10px 10px 10px 20px; margin-top:5px; font-size: 11pt; cursor: pointer; }
.idpw-default {background-color: #000; color: #fff; vertical-align:middle;}  
.idpw-default:hover {background: #444;}

/* 아이디, 비밀번호 찾기 */

.tex-idpw-botto-01 { text-align:left; padding-top:20px; font-size:10pt; color:#666; line-height:160%; padding-bottom:20px; }

.idpw-ok-btn { border: none; width:49%; text-align:center; border-radius: 4px;  color: white; padding: 10px 10px 10px 20px; margin-top:5px; margin-right:2px; font-size: 11pt; cursor: pointer; }
.idpw-ok-default {background-color: #000; color: #fff; vertical-align:middle;}  
.idpw-ok-default:hover {background: #444;}

.idpw-cancel-btn { border: none; width:49%; text-align:center; border-radius: 4px;  color: white; padding: 10px 10px 10px 20px; margin-left:2px; margin-top:5px; font-size: 11pt; cursor: pointer; }
.idpw-cancel-default {background-color: #666; color: #fff; vertical-align:middle;}  
.idpw-cancel-default:hover {background: #222;}

@media all and (min-width: 993px) { 
.MemLogin input[type=text] { width: 100%; padding: 20px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.MemLogin input[type=submit] { background-color: #1f6eaa; width:83%; color: white; padding: 12px 20px; border: none; border-radius: 4px; margin-top:15px; cursor: pointer;text-align:center; }
.MemLogin input[type=submit]:hover { background-color: #358bcb; }

.container-Login { width: 60%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.col-50-left { float: left; width: 44%; margin: auto; padding: 0 20px 20px 20px; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }
.col-50-right { float: right; width: 44%; margin: auto; padding: 0 20px 20px 20px; margin-top: 6px; vertical-align:middle; }

/* 2020 01 17 추가 */
.container-Login-non { width: 80%; height:240px; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }

/* 2020 01 15 추가 */
.container-Login-pw { width: 100%; height:165px; border-radius: 5px; background-color: #f2f2f2; padding-bottom:40px; text-align:center; }
.col-100-width-height-box {height:auto;width:100%;}
.col-100-full {float: left; width: 100%; padding: 0; margin: 20px 0; vertical-align:middle;text-align:center; font-size:11pt; color:#666;line-height:180%;}
.col-100-full-text-Red {text-align:center; font-size:11pt; color:#ff0000;line-height:180%;}
.col-100-full-text-Black {text-align:center; font-size:11pt; color:#000;line-height:180%;}

input.id-input-bo {margin:10px 8px 0 0;width:85%;height:25px;}
select.id-input-bo-02 {margin-right:2px;padding:4px 6px 5px 2px;width:23%;}
.id-input-bo-01 {margin:10px -20px 10px 15px; text-align:left}

input.id-input-bo-001 {width:27%; margin:0 6px 0 -20px;}
input.id-input-bo-002 {width:27%; margin:0px; padding:6px;}

input.id-input-bo-003 {margin:10px 2px 5px -15px; width:26%;vertical-align:middle;}
input.id-input-bo-004 {margin:10px 71px 5px 4px; width:26%;vertical-align:middle;}
select.id-input-bo-005 {padding:4px;margin-left:12px;margin-right:24px;margin-top:-35px;width:22%;float:right;vertical-align:middle;}
.id-input-bo-010 {margin:0; text-align:left}
.id-text-pw {font-size:9pt;color:#666;}

.id-search-text {width:100%;font-size:11pt; vertical-align:middle; color:#000; margin-top:20px; padding-right:10px; padding-bottom:10px; padding-top:15px; line-height:170%;}
.id-search-text-01 {font-size:10pt; vertical-align:middle; color:#666; padding-right:10px; padding-top:20px; padding-bottom:20px; line-height:170%;}
.id-search-text-02 {font-size:10pt; vertical-align:middle; color:#666; padding-top:20px; padding-bottom:20px; line-height:170%;}
}

@media all and (min-width: 765px) and (max-width:992px) { 
.MemLogin input[type=text] { width: 100%; padding: 20px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.MemLogin input[type=submit] { background-color: #1f6eaa; width:83%; color: white; padding: 12px 20px; border: none; border-radius: 4px; margin-top:15px; cursor: pointer;text-align:center; }
.MemLogin input[type=submit]:hover { background-color: #358bcb; }

.container-Login { width: 100%; height:165px; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.col-50-left { float: left; width: 44%; margin: auto; padding: 0 20px 20px 20px; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }
.col-50-right { float: right; width: 44%; margin: auto; padding: 0 20px 20px 20px; margin-top: 6px; vertical-align:middle; }

/* 2020 01 15 추가 */
.container-Login-pw { width: 100%; height:165px; border-radius: 5px; background-color: #f2f2f2; padding-bottom:40px; text-align:center; }
.col-100-width-height-box {height:auto;width:100%;}
.col-100-full {float: left; width: 100%; padding: 0; margin: 20px 0; vertical-align:middle;text-align:center; font-size:11pt; color:#666;line-height:180%;}
.col-100-full-text-Red {text-align:center; font-size:11pt; color:#ff0000;line-height:180%;}
.col-100-full-text-Black {text-align:center; font-size:11pt; color:#000;line-height:180%;}

input.id-input-bo {margin:10px 2px 0 5px;width:85%;height:25px;}
select.id-input-bo-02 {margin-left:2px;margin-right:10px;padding:4px 6px 5px 2px;width:23%;}
.id-input-bo-01 {margin:10px -20px 10px 15px; text-align:left}

input.id-input-bo-001 {width:27%; margin:0 6px 0 -20px;}
input.id-input-bo-002 {width:27%; margin:0px; padding:6px;}

input.id-input-bo-003 {margin:10px 2px 5px 15px; width:26%;vertical-align:middle;}
input.id-input-bo-004 {margin:10px 85px 5px 4px; width:26%;vertical-align:middle;}
select.id-input-bo-005 {padding:4px;margin-left:80px;margin-right:14px;margin-top:-35px;width:22%;float:right;vertical-align:middle;}
.id-input-bo-010 {margin:0; text-align:left}
.id-text-pw {font-size:9pt;color:#666;}

.id-search-text {width:100%;font-size:11pt; vertical-align:middle; color:#000; margin-top:20px; padding-right:10px; padding-bottom:10px; padding-top:15px; line-height:170%;}
.id-search-text-01 {font-size:9.5pt; vertical-align:middle; color:#666; padding-right:5px; padding-top:20px; padding-bottom:20px; line-height:170%;}
.id-search-text-02 {font-size:9.5pt; vertical-align:middle; color:#666; padding-top:20px; padding-bottom:20px; line-height:170%;}
}


@media all and (min-width: 401px) and (max-width:760px) { 
.MemLogin input[type=text] { width: 100%; padding: 20px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.MemLogin input[type=submit] { background-color: #1f6eaa; width:83%; color: white; padding: 12px 20px; border: none; border-radius: 4px; margin-top:15px; cursor: pointer;text-align:center; }
.MemLogin input[type=submit]:hover { background-color: #358bcb; }

.container-Login { width: 98%; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.col-50-left { width: 100%; margin: auto; margin-top: 6px; vertical-align:middle; }
.col-50-right { width: 100%; margin: auto; margin-top: 6px; vertical-align:middle; padding-top:40px; }

/* 2020 01 15 추가 */
.container-Login-pw { width: 100%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding:40px auto; text-align:center; }
.col-100-width-height-box {height:auto;width:90%;}
.col-100-full {float: left; width: 100%; padding: 0; margin: 20px 0; vertical-align:middle;text-align:center; font-size:11pt; color:#666;line-height:180%;}
.col-100-full-text-Red {text-align:center; font-size:11pt; color:#ff0000;line-height:180%;}
.col-100-full-text-Black {text-align:center; font-size:11pt; color:#000;line-height:180%;}

/* 2020 01 17 추가 */
.container-Login-non { width: 80%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:-30px; text-align:center; }


input.id-input-bo {margin:10px 2px 0 5px;width:85%;height:25px;}
select.id-input-bo-02 {margin-left:8px;margin-right:10px;padding:4px 6px 5px 2px;width:23%;}
.id-input-bo-01 {margin:10px -20px 10px 15px; text-align:left}

input.id-input-bo-001 {width:27%; margin:0 6px 0 -20px;}
input.id-input-bo-002 {width:27%; margin:0px; padding:6px;}

input.id-input-bo-003 {margin:10px 2px 5px 0; width:26%;vertical-align:middle;}
input.id-input-bo-004 {margin:10px 85px 5px 4px; width:26%;vertical-align:middle;}
select.id-input-bo-005 {padding:4px;margin-left:15px;margin-right:20px;margin-top:-35px;width:22%;float:right;vertical-align:middle;}
.id-input-bo-010 {margin:0; text-align:left}
.id-text-pw {font-size:9pt;color:#666;}

.id-search-text {width:100%;font-size:11pt; vertical-align:middle; color:#000; margin-top:20px; padding-right:10px; padding-bottom:10px; padding-top:15px; line-height:170%;}
.id-search-text-01 {font-size:9.5pt; vertical-align:middle; color:#666; padding-right:5px; padding-top:20px; padding-bottom:20px; line-height:170%;}
.id-search-text-02 {font-size:9.5pt; vertical-align:middle; color:#666; padding-top:20px; padding-bottom:20px; line-height:170%;}
}


@media all and (min-width: 320px) and (max-width:400px) { 
.MemLogin input[type=text] { width: 100%; padding: 20px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.MemLogin input[type=submit] { background-color: #1f6eaa; width:83%; color: white; padding: 12px 20px; border: none; border-radius: 4px; margin-top:15px; cursor: pointer;text-align:center; }
.MemLogin input[type=submit]:hover { background-color: #358bcb; }

.container-Login { width: 98%; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.col-50-left { width: 100%; margin: auto; margin-top: 6px; vertical-align:middle; }
.col-50-right { width: 100%; margin: auto; margin-top: 6px; vertical-align:middle; padding-top:40px; }

/* 2020 01 15 추가 */
.container-Login-pw { width: 100%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding:40px auto; text-align:center; }
.col-100-width-height-box {height:auto;width:90%;}
.col-100-full {float: left; width: 100%; padding: 0; margin: 20px 0; vertical-align:middle;text-align:center; font-size:11pt; color:#666;line-height:180%;}
.col-100-full-text-Red {text-align:center; font-size:11pt; color:#ff0000;line-height:180%;}
.col-100-full-text-Black {text-align:center; font-size:11pt; color:#000;line-height:180%;}


input.id-input-bo {margin:10px 2px 0 5px;width:85%;height:25px;}
select.id-input-bo-02 {margin-left:4px;margin-right:10px;padding:4px 6px 5px 2px;width:23%;}
.id-input-bo-01 {margin:10px -20px 10px 15px; text-align:left}

input.id-input-bo-001 {width:27%; margin:0 6px 0 -20px;}
input.id-input-bo-002 {width:27%; margin:0px; padding:6px;}

input.id-input-bo-003 {margin:10px 2px 5px 0; width:26%;vertical-align:middle;}
input.id-input-bo-004 {margin:10px 75px 5px 4px; width:26%;vertical-align:middle;}
select.id-input-bo-005 {padding:4px;margin-left:15px;margin-right:16px;margin-top:-35px;width:22%;float:right;vertical-align:middle;}
.id-input-bo-010 {margin:0; text-align:left}
.id-text-pw {font-size:9pt;color:#666;}

.id-search-text {width:100%;font-size:11pt; vertical-align:middle; color:#000; margin-top:20px; padding-right:10px; padding-bottom:10px; padding-top:15px; line-height:170%;}
.id-search-text-01 {font-size:9.5pt; vertical-align:middle; color:#666; padding-right:5px; padding-top:20px; padding-bottom:20px; line-height:170%;}
.id-search-text-02 {font-size:9.5pt; vertical-align:middle; color:#666; padding-top:20px; padding-bottom:20px; line-height:170%;}
}