/* °Ô½ÃÆÇ */
#boardBox { overflow: hidden; width:100%; margin:0 auto; height:auto; }
.board-box-inner {float:left; width:1300px;  margin:50px 0; height:auto;}
.board-list-text-no { text-align: center; padding: 20px; color:#666; font-size:16px; }


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


/* ±Û¾²±â Æû */
.board-bbs {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ccc;background:#fff}
.board-bbs caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board-bbs th {font-size:11pt; color:#000; font-weight:300; width:12%; padding:10px 10px; border:1px solid #ccc; background-color:#f8f8f8}
.board-bbs td {text-align:left; padding:10px 0 10px 10px;border:1px solid #ccc; font-size:11px; color:#000; font-weight:300; }
.board-bbs select.selectBox {color: #444; padding: 5px 10px; cursor: pointer; width:15%; border:1px solid #ccc; resize: vertical;}
.board-bbs .input-box-01 {width: 70%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-box-01-1 {width: 40%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs textarea {width: 100%; padding: 12px; height:200px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-file-box-01 {width: 70%; border:none; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-goods-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:10%; border:none;}

#bord-bbs-w-box {overflow: hidden; width:100%; margin:0 auto; height:auto; text-align:center; padding:40px 0;}
.board-list-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:10px 15px; color:#fff; font-size:14px; background-color:#000; border:none;}
.board-list-text-btn-reg {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:10px 15px; color:#fff; font-size:14px; background-color:#666; border:none;}


/* Áú¹®°ú ´äº¯ ±Ûº¸±â */
#tbl-detail-qanda-view {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
#tbl-detail-qanda-view caption {overflow:hidden; position:absolute; width:0;height:0; line-height:0;text-indent:-9999px}
#tbl-detail-qanda-view th {padding:10px 0; border:none; background-color:#fff;}
#tbl-detail-qanda-view th.left-view-q {text-align:center; font-size:11pt; font-weight:450; color:#078da5; background-color:#f9f9f9;}
#tbl-detail-qanda-view th.left-view-a {text-align:center; font-size:11pt; font-weight:450; color:#cc7106; background-color:#efefef;}
#tbl-detail-qanda-view td {padding:10px 0; border:none; background-color:#fff;line-height:150%;}
#tbl-detail-qanda-view td.right-view-q {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#f9f9f9;}
#tbl-detail-qanda-view td.right-view-a {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#efefef;}

#tbl-detail-qanda-view .btn-view-qanda-01 {padding:3px 5px; color:#fff; background-color:#000; border:none;}
#tbl-detail-qanda-view .btn-view-qanda-02 {padding:3px 5px; color:#fff; background-color:#666; border:none;}
#tbl-detail-qanda-view .btn-view-qanda-03 {padding:3px 5px; color:#fff; background-color:#999; border:none;}







@media all and (min-width:992px) {	/* ¹Ìµð¾îÄõ¸® 800Çȼ¿ ÀÌ»ó */
#boardBox { width:1300px; margin:0 auto; height:auto; }
.board-box-inner {float:left; width:1300px;text-align:center;}

/* ¸®½ºÆ® ÇÏ´Ü °Ë»öºÎºÐ */
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 { 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 */


/* ¸®½ºÆ® ¹¯°í ´äÇϱ⠻ó´Ü °Ë»öºÎºÐ */
div form.example-qna { float:right;width:100%; margin:0 auto; text-align:center; border:1px solid #000;}
form.example-qna 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-qna-select { width: 100px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example-qna 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-qna button:hover { background: #0b7dda; }
form.example-qna::after { content: ""; clear: both; display: table; }

.example-notice-se-001 {width:8%;height:auto;margin:0 4px 0 0;}

.example-qna-se-001 {width:8%;height:auto;margin:0 4px 0 0;}
.example-qna-se-001-01 {width:8%;height:auto;margin:0 6px 0 0;}
}
/* ¹¯°í´äÇϱ⠸®½ºÆ® »ó´Ü °Ë»öºÎºÐ End */


@media all and (min-width: 821px) and (max-width:992px) {
#boardBox { width:98%; margin:0 auto; height:auto; }

/* ±Û¾²±â Æû */
.board-bbs {width:90%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ccc;background:#fff}
.board-bbs caption {position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board-bbs th {font-size:11pt; color:#000; font-weight:300; width:12%; padding:10px 10px; border:1px solid #ccc; background-color:#f8f8f8}
.board-bbs td {padding:10px 0 10px 10px;border:1px solid #ccc; font-size:11px; color:#000; font-weight:300; }
.board-bbs select.selectBox {color: #444; padding: 5px 10px; cursor: pointer; width:15%; border:1px solid #ccc; resize: vertical;}
.board-bbs .input-box-01 {width: 70%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-box-01-1 {width: 40%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs textarea {width: 100%; padding: 12px; height:200px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-file-box-01 {width: 70%; border:none; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-goods-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:10%; border:none;}

#bord-bbs-w-box {width:100%; margin:0 auto; height:auto; text-align:center; padding:40px 0;}
.board-list-text-btn {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:40%; border:none;}
.board-list-text-btn-reg {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#666; width:40%; border:none;}

/* ±Û¾²±â Æû // */

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

/* ¸®½ºÆ® ¹¯°í ´äÇϱ⠻ó´Ü °Ë»öºÎºÐ */
div form.example-qna { float:right;width:100%; margin:0 auto; text-align:center; border:1px solid #000;}
form.example-qna 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-qna select { width: 5%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example-qna 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-qna button:hover { background: #0b7dda; }
form.example-qna::after { content: ""; clear: both; display: table; }

.example-notice-se-001 {width:21%;height:auto;margin:0 5px 0 130px;}

.example-qna-se-001 {width:21%;height:auto;margin:0 4px 0 50px;}
.example-qna-se-001-01 {width:21%;height:auto;margin:0 6px 0 0;}
}

@media all and (max-width:820px) {
#boardBox { width:98%; margin:0 auto; height:auto; }
.board-box-inner { width:100%;}
/* ±Û¾²±â Æû */
.board-bbs {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ccc;background:#fff}
.board-bbs caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board-bbs th {font-size:11pt; color:#000; font-weight:300; width:12%; padding:10px 10px; border:1px solid #ccc; background-color:#f8f8f8}
.board-bbs td {padding:10px 0 10px 10px;border:1px solid #ccc; font-size:11px; color:#000; font-weight:300; }
.board-bbs select.selectBox {color: #444; padding: 5px 10px; cursor: pointer; width:25%; border:1px solid #ccc; resize: vertical;}
.board-bbs .input-box-01 {width: 70%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-box-01-1 {width: 40%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs textarea {width: 100%; padding: 12px; height:200px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-file-box-01 {width: 70%; border:none; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-goods-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:20%; border:none;}

#bord-bbs-w-box {overflow: hidden; width:100%; margin:0 auto; height:auto; text-align:center; padding:40px 0;}
.board-list-text-btn {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#000; border:none;}
.board-list-text-btn-reg {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#666; border:none;}

/* ±Û¾²±â Æû // */

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

/* ¸®½ºÆ® ¹¯°í ´äÇϱ⠻ó´Ü °Ë»öºÎºÐ */
div form.example-qna { float:right;width:100%; margin:0 auto; text-align:center; border:1px solid #000;}
form.example-qna 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-qna select { width: 5%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example-qna 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-qna button:hover { background: #0b7dda; }
form.example-qna::after { content: ""; clear: both; display: table; }

.example-notice-se-001 {width:21%;height:auto;margin:0 5px 0 130px;}

.example-qna-se-001 {width:21%;height:auto;margin:0 4px 0 47px;}
.example-qna-se-001-01 {width:21%;height:auto;margin:0 6px 0 0;}
}



@media all and (min-width: 401px) and (max-width:760px) {
#boardBox { width:98%; margin:0 auto; height:auto; }
/* ±Û¾²±â Æû */
.board-bbs {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ccc;background:#fff}
.board-bbs caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board-bbs th {font-size:11pt; color:#000; font-weight:300; width:25%; padding:10px 10px; border:1px solid #ccc; background-color:#f8f8f8}
.board-bbs td {padding:10px 0 10px 10px;border:1px solid #ccc; font-size:11px; color:#000; font-weight:300; }
.board-bbs select.selectBox {color: #444; padding: 5px 10px; cursor: pointer; width:60%; border:1px solid #ccc; resize: vertical;}
.board-bbs .input-box-01 {width: 70%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-box-01-1 {width: 40%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs textarea {width: 100%; padding: 12px; height:200px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-file-box-01 {width: 70%; border:none; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-goods-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:35%; border:none;}

#bord-bbs-w-box {overflow: hidden; width:100%; margin:0 auto; height:auto; text-align:center; padding:40px 0;}
.board-list-text-btn {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#000; width:40%; float:right: }
.board-list-text-btn-reg {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#666; width:40%; float:right: }



/* ±Û¾²±â Æû // */

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

/* ¸®½ºÆ® ¹¯°í ´äÇϱ⠻ó´Ü °Ë»öºÎºÐ */
div form.example-qna { float:right;width:100%; margin:0 auto; text-align:center; border:1px solid #000;}
form.example-qna 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-qna select { width: 5%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example-qna 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-qna button:hover { background: #0b7dda; }
form.example-qna::after { content: ""; clear: both; display: table; }

.example-notice-se-001 {width:21%;height:auto;margin:0 5px 0 52px;}

.example-qna-se-001 {width:21%;height:auto;margin:0 4px 0 8px;}
.example-qna-se-001-01 {width:21%;height:auto;margin:0 6px 0 0;}
}

@media all and (min-width: 320px) and (max-width:400px) {
#boardBox { width:96%; margin:0 auto; height:auto; }
.board-box-inner { width:100%; }
/* ±Û¾²±â Æû */
.board-bbs {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border:1px solid #ccc;background:#fff}
.board-bbs caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board-bbs th {font-size:11pt; color:#000; font-weight:300; width:25%; padding:10px 10px; border:1px solid #ccc; background-color:#f8f8f8}
.board-bbs td {padding:10px 0 10px 10px;border:1px solid #ccc; font-size:11px; color:#000; font-weight:300; }
.board-bbs select.selectBox {color: #444; padding: 5px 10px; cursor: pointer; width:70%; border:1px solid #ccc; resize: vertical;}
.board-bbs .input-box-01 {width: 70%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-box-01-1 {width: 40%; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs textarea {width: 100%; padding: 12px; height:200px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-bbs .input-file-box-01 {width: 70%; border:none; margin-top:-1px; padding:5px; border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
.board-goods-text-btn {vertical-align:middle; margin: 20px 0 20px 5px; text-align:center; padding:5px 10px; color:#fff; font-size:14px; background-color:#000; width:40%; border:none;}

#bord-bbs-w-box {overflow: hidden; width:100%; margin:0 auto; height:auto; text-align:center; padding:40px 0;}
.board-list-text-btn {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#000; width:40%; border:none;}
.board-list-text-btn-reg {vertical-align:middle; margin: 20px 0 20px 5px;  text-align:center; padding:5px 15px; color:#fff; font-size:14px; background-color:#666; width:40%; border:none;}


/* ±Û¾²±â Æû // */
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 { 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; }

/* ¸®½ºÆ® ¹¯°í ´äÇϱ⠻ó´Ü °Ë»öºÎºÐ */
div form.example-qna { float:right;width:100%; margin:0 auto; text-align:center; border:1px solid #000;}
form.example-qna 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-qna select { width: 5%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; resize: vertical;  vertical-align:middle; }
form.example-qna 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-qna button:hover { background: #0b7dda; }
form.example-qna::after { content: ""; clear: both; display: table; }

.example-notice-se-001 {width:21%;height:auto;margin:0 5px 0 40px;}

.example-qna-se-001 {width:21%;height:auto;margin:0 4px 0 3px;}
.example-qna-se-001-01 {width:21%;height:auto;margin:0 6px 0 0;}
}


/* ·Î±×ÀÎ Æû */
.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: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; }

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

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

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

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



/* °øÁö»çÇ× ¹Ìµð¾îÄõ¸® */
.tbl03-notice {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #aaa;background:#fff}
.tbl03-notice caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl03-notice th {padding:10px 0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background-color:#444;color:#fff;font-size:10pt;}
.tbl03-notice td {padding:10px 0 10px 0; color:#444;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;}
.tbl03-notice .subject {text-align:left;border-left:1px solid #aaa;padding:10px 0 10px 20px;color:#444;}

@media all and  (min-width:768px) and (max-width:992px){
	.tbl03-notice td {padding:10px 0 10px 0;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;color:#444;}
	.tbl03-notice .no {border-top:1px solid #aaa;text-align:center;border-left:1px solid #aaa;background-color:#fff;color:#444;}
	.tbl03-notice .subject {text-align:left;border-left:1px solid #aaa;padding:10px 0 10px 20px;color:#444;}
	.tbl03-notice .date {text-align:center;border-left:1px solid #aaacolor:#444;}
	.tbl03-notice .hits {margin-bottom:10px;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}
}

@media all and  (min-width:320px) and (max-width:767px){
#tbl-detail-qanda-view th.left-view-q {text-align:left; font-size:11pt; padding:10px 10px; font-weight:450; color:#078da5; background-color:#f9f9f9;}
#tbl-detail-qanda-view th.left-view-a {text-align:left; font-size:11pt; padding:10px 10px; font-weight:450; color:#cc7106; background-color:#efefef;}
#tbl-detail-qanda-view td {padding:10px 0; border:none; background-color:#fff;line-height:150%;}
#tbl-detail-qanda-view td.right-view-q {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#f9f9f9;}
#tbl-detail-qanda-view td.right-view-a {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#efefef;}
	.tbl03-notice,
	.tbl03-notice thead,
	.tbl03-notice tbody,
	.tbl03-notice tr,
	.tbl03-notice th,
	.tbl03-notice td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl03-notice thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl03-notice tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
	.tbl03-notice td {position:relative;float:left;width:100%;left:0;text-align:left;padding-left:-20px;box-sizing:border-box}/* td³»¿ë ¿ìÃø¿¡ ŸÀÌƲ µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl03-notice td .title {display:none;/*position:absolute;left:20px;top:10px;font-weight:bold;color:#000;font-size:10pt;*/}
	.tbl03-notice .no {border-top:1px solid #aaa;text-align:left;border-left:1px solid #aaa;background-color:#efefef;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-notice .subject {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-notice .date {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-notice .hits {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 20px;}
}


/* ¹¯°í ´äÇϱ⠸ñ·Ï ¹Ìµð¾îÄõ¸® */
.tbl03-qna {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #aaa;background:#fff}
.tbl03-qna caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl03-qna th {padding:10px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;background-color:#444;color:#fff;font-size:10pt;}
.tbl03-qna td {padding:10px 0 10px 0; color:#444;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;}
.tbl03-qna .subject {text-align:left;padding:10px 30px 10px 20px;color:#444;}

.text-bold-01 {padding:10px 0 10px 0; color:#000; font-size:10pt;line-height:160%;}
.text-bold-01-1 {padding:10px 0 10px 0; color:#666; font-size:10pt;line-height:160%;}

.tbl03-qna .reply-ok { font-size:9pt; color:#fff; padding:4px 15px; background-color:#0b416a; }
.tbl03-qna .reply-no { font-size:9pt; color:#444; padding:4px 10px; background-color:#ccc; }


@media all and (max-width:992px){
	.tbl03-qna td {padding:10px 0 10px 0;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;color:#444;}

	.tbl03-qna .no {border-top:1px solid #aaa;text-align:center;border-left:1px solid #aaa;background-color:#fff;color:#444;}
	.tbl03-qna .subject {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna .date {text-align:center;border-left:1px solid #aaa;padding:10px 0px 10px 0px;color:#444;}
	.tbl03-qna .hits {border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}
	.tbl03-qna .writer {text-align:center;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}
	.tbl03-qna .reply {text-align:center;margin-bottom:10px;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}	*/
}

@media all and  (min-width:320px) and (max-width:820px){
#tbl-detail-qanda-view th.left-view-q {text-align:left; font-size:11pt; padding:10px 10px; font-weight:450; color:#078da5; background-color:#f9f9f9;}
#tbl-detail-qanda-view th.left-view-a {text-align:left; font-size:11pt; padding:10px 10px; font-weight:450; color:#cc7106; background-color:#efefef;}
#tbl-detail-qanda-view td {padding:10px 0; border:none; background-color:#fff;line-height:150%;}
#tbl-detail-qanda-view td.right-view-q {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#f9f9f9;}
#tbl-detail-qanda-view td.right-view-a {padding:10px 10px; border:none; text-align:left; font-size:10pt; color:#444; font-weight:300; background-color:#fff;line-height:150%; background-color:#efefef;}
	.tbl03-qna,
	.tbl03-qna thead,
	.tbl03-qna tbody,
	.tbl03-qna tr,
	.tbl03-qna th,
	.tbl03-qna td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl03-qna thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl03-qna tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
	.tbl03-qna td {position:relative;float:left;width:100%;padding-left:5%;box-sizing:border-box}/* td³»¿ë ¿ìÃø¿¡ ŸÀÌƲ µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl03-qna td .title {display:none;/*position:absolute;left:20px;top:10px;font-weight:bold;color:#000;font-size:10pt;*/}
	.tbl03-qna .no {border-top:1px solid #aaa;text-align:left;border-left:1px solid #aaa;background-color:#efefef;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna .sort {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna .goodsimg {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 20px;}
	.tbl03-qna .subject {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna .date {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna .writer {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 20px;}
	.tbl03-qna .hits {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 20px;}
	.tbl03-qna .reply {margin-bottom:10px;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:left;padding:10px 20px 10px 20px;color:#444;}
}