@charset "utf-8";
/* ------------------------------------------
* Filename:common.css
* Author:AltoBiz
------------------------------------------ */

/* ------------------------------------------ BASIC ------------------------------------------ */
body, input, select, textarea, button{font-family:'Nanum Gothic', Nanum Gothic, Dotum, '돋움', sans-serif}
input[readonly] {background:#f5f5f5}
body{font-size:13px; color:#606060; line-height:1; -webkit-text-size-adjust:none}

a:link, a:visited{text-decoration:none; color:#656565}
a:hover{text-decoration:none; color:#656565}
a:active{text-decoration:none; color:#656565}

select {height:33px; line-height:33px; vertical-align:middle; padding-left:10px; border:solid 1px #d9d9d9}
input[type="text"], input[type="password"] {height:31px; line-height:31px; vertical-align:middle; padding-left:5px; border:solid 1px #d9d9d9}
::-webkit-input-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
textarea{padding:5px; border:solid 1px #d9d9d9; overflow:auto; resize:none}

/********* skip navigation *********/
#skip_nav a{position:absolute; top:-500px}
#skip_nav a:focus, #skip_nav a:active{top:0; z-index:99999; display:block; width:100%; height:40px; line-height:40px; font-weight:700; color:#fff; text-align:center; background-color:#015293}

label.screen {display:none}

a.excel_btn {font-family: nanum_b, 'nanum_b'; background:url('/resource/admin/img/excel_icon.png') 7px center no-repeat #f4f8f1; padding:5px 10px 5px 30px; border:solid 1px #0d6b09; color:#0d6b09; height:33px; line-height:33px}

/********* table *********/
table {margin:20px 0 0; width:100%; border-top:1px solid #263252; word-wrap:break-word; border-bottom:solid 1px #d9d9d9; border-spacing:0}
table th, table td {padding:10px 5px; border-top:1px solid #d9d9d9; text-align:center; color:#454545; line-height:26px}
table thead th {border-top:0}
table th {font-weight:700; color:#333; background:#f2f2f2}
table td * {vertical-align:middle}
table .left {text-align:left}

/******** basic_btn  margin-bottom: 200px; 삭제 191108 ********/
.basic_btn {display:block; text-align:center; margin-top:40px;}
.basic_btn a {display:inline-block; background:#263252; color:#fff; margin-left:5px; line-height:48px; height:48px; padding:0 40px; font-size:15px; font-weight:700; min-width:65px}
.basic_btn a.sub {background:#fff; border:solid 1px #ccc; color:#333; padding:0 39px; height:46px; line-height:46px}
.basic_btn a:first-child {margin-left:0}

/* 체크, 라디오버튼 */
.img_hide {opacity:0; filter:alpha(opacity=0)}
.img_checkbox input[type="checkbox"] {display:block; height:17px; line-height:17px; width:17px}
.img_checkbox {background:url('../img/common/check_off.png') 0 0 no-repeat}
.img_checked {background:url('../img/common/check_on.png') 0 0 no-repeat}

/* 게시판 */
#content .bbs_basic {padding-top:25px}
#content .bbs_title {margin-bottom:10px}
#content .bbs_title:after {content:''; display:block; clear:both}
#content .bbs_title h4 {display:block; float:left; margin-bottom:0}
#content .bbs_title span {display:block; float:left; line-height:24px; margin-left:10px}
.bbs_basic .view {border:solid 1px #d9d9d9; padding-top:15px}
.bbs_basic .view dt {line-height:20px; border-bottom:solid 1px #d9d9d9; padding:10px 0 25px; margin:0 30px 20px}
.bbs_basic .view dt:after {content:''; display:block; clear:both}
.bbs_basic .view dt span {display:block; float:left; letter-spacing:-1px}
.bbs_basic .view dt span:nth-child(1) {width:60px; font-size:12px}
.bbs_basic .view dt span:nth-child(2) {width:calc(100% - 150px); text-align:center; font-weight:700;}
.bbs_basic .view dt span:nth-child(3) {width:90px; text-align:right; color:#999; font-size:12px}
.bbs_basic .view dt span strong {padding-right:5px}
.bbs_basic .view dd {display:block; line-height:26px; padding:0 30px 30px}
.bbs_basic .view dd img {width:100%; display:block; padding:10px 0; max-width:100%; height:auto}
.bbs_basic .view dd.file {background:#f7f7f7; padding-top:30px; border-top:solid 1px #d9d9d9}
.bbs_basic .view dd.file a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url('../img/common/bbs_file.png') 0 8px no-repeat; padding-left:13px; font-weight:700;}
.bbs_basic .view dd.file a:hover {color:#f58f19}
.bbs_basic .basic_btn {margin-top:40px}
.bbs_basic .write {border:solid 1px #d9d9d9; padding:20px}
.bbs_basic .write li {display:block; font-size:13px; margin-top:15px}
.bbs_basic .write li:first-child {margin-top:0}
.bbs_basic .write input[type="text"] {width:calc(100% - 12px)}
.bbs_basic .write textarea {font-size:13px; width:calc(100% - 22px); height:400px; padding:10px}

/* 상세페이지 */
.list_table {border-top:solid 1px #263252}
.list_table li {display:block; background:#f2f2f2; border-bottom:solid 1px #d9d9d9; line-height:24px}
.list_table li:after {content:''; display:block; clear:both}
.list_table li > strong {display:block; float:left; padding:10px 20px; width:136px; color:#333; min-height:24px}
.list_table li > span {display:block; float:left; background:#fff; padding:10px 20px; width:calc(100% - 217px); border-left:solid 1px #d9d9d9; min-height:24px}
.list_table li > span img {width:100%; display:block; padding:10px 0}
.list_table li.double {background:url('../img/common/list_double_bg.png') 0 0 repeat-y}
.list_table li.double > strong {border-left:solid 1px #d9d9d9; width:135px}
.list_table li.double > span {width:calc(50% - 217px)}
.list_table li.double > strong:first-child {border-left:0; width:136px}
.list_table .file {}
.list_table .file:after {content:''; display:block; clear:both}
.list_table .file a {display:block; float:left; background:url('../img/common/bbs_file.png') 0 7px no-repeat; padding-left:15px; margin-right:15px; font-weight:700; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 30px)}


/* 상세페이지 */
.basic_view {border-top:solid 1px #263252}
.basic_view > li {background:#f2f2f2; border-bottom:solid 1px #d9d9d9}
.basic_view > li:after {content:''; display:block; clear:both}
.basic_view > li > strong {width:136px; padding:10px 20px; color:#333; line-height:33px; display:block; float:left}
.basic_view > li > span {background:#fff; line-height:33px; display:block; float:left; padding:10px 20px; width:calc(100% - 217px); border-left:solid 1px #d9d9d9; min-height:33px}
.basic_view > li.double > strong {border-left:solid 1px #d9d9d9; width:135px}
.basic_view > li.double > span {width:calc(50% - 217px)}
.basic_view > li.double > strong:first-child {border-left:0; width:136px}

/* Pagination */
.pagination {text-align:center; margin-top:30px; font-size:0}
.pagination a {width:31px; height:31px; line-height:31px; font-size:13px; color:#666; letter-spacing:-1px; display:inline-block; overflow:hidden; vertical-align:middle}
.pagination a.current {background:#263252; color:#fff; font-weight:700;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last {width:31px; height:31px; background:url('../img/common/btn_paging.png') 0 0 no-repeat; margin:0; text-indent:-9999px}
.pagination a.first {margin-right:5px}
.pagination a.prev {background-position:-30px 0; margin-right:10px}
.pagination a.next {background-position:-60px 0; margin-left:10px}
.pagination a.last {background-position:-90px 0; margin-left:5px}
.pagination a.first.none {background-position:0 -31px}
.pagination a.prev.none {background-position:-30px -31px}
.pagination a.next.none {background-position:-60px -31px}
.pagination a.last.none {background-position:-90px -31px}

/* 게시판 검색 */
.search_bar {background:#f9f9f9; padding:21px 0; margin-top:0px}
.search_bar span {width:470px; margin:0 auto; display:block}
.search_bar span:after {content:''; display:block; clear:both}
.search_bar select {width:166px; display:block; float:left}
.search_bar input[type="text"] {width:calc(100% - 251px); display:block; float:left; margin:0 5px}
.search_bar .search_btn {width:48px; display:block; float:left; background:url('../img/common/icon_01.png') 11px -34px no-repeat #454545; height:34px; line-height:34px; text-align:center; padding-left:20px; color:#fff; font-weight:700;}

/* qna list */
.qna .bbs_title {padding-top:20px}
.qna {}
.qna .list {border-top:solid 1px #263252}
.qna .list li {line-height: 50px; border-bottom:solid 1px #d9d9d9}
.qna .list li:after {content:''; display:block; clear:both}
.qna .list li span {display:block; float:left; text-align:center; font-size:13px}
.qna .list li span:nth-child(1) {width:85px; font-size:12px}
.qna .list li span:nth-child(2) {width:calc(100% - 280px); text-align:left}
.qna .list li span:nth-child(2):after {content:''; display:block; clear:both}
.qna .list li span:nth-child(2) strong {font-style:normal; text-align:center; width:80px; display:block; float:left; color:#557bad}
.qna .list li span:nth-child(2) strong.receipt {color:#1dbbb3}
.qna .list li span:nth-child(2) a {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 100px)}
.qna .list li span:nth-child(2) i {font-style:normal; text-align:center; width:10px; display:block; float:left; margin-left:10px; text-indent:-9999px; background:url('../img/common/bbs_lock.png') 0 center no-repeat}
.qna .list li span:nth-child(3) {width:85px}
.qna .list li span:nth-child(4) {width:110px; font-size:12px; color:#999}
.qna .list li.title {background:#f2f2f2; color:#333; font-weight:700;}
.qna .list li.title span:nth-child(2) {text-align:center}

/* qna view */
.view.qna dt strong {color:#557bad}
.view.qna dt strong.receipt {color:#1dbbb3}
.view.qna dd {min-height:200px}
.view.qna dd.answer {margin-top:40px}
.view.qna dd.answer > strong {display:block; line-height:18px; padding-bottom:10px; color:#333}
.view.qna dd.answer > div {background:#f7f7f7; padding:30px}

/* qna write */
.write.qna li {}
.write.qna li:after {content:''; display:block; clear:both}
.write.qna input[type="text"] {width:calc(100% - 82px); display:block; float:left; height:30px; line-height:30px}
.write.qna .lock {display:block; float:left; display:block; float:left; width:80px; margin-left:10px;  height:32px; line-height:32px}
.write.qna .lock:after {content:''; display:block; clear:both}
.write.qna .lock .img_checkbox {width:17px; height:17px; display:block; float:left; margin-top:7px}
.write.qna .lock span {display:block; float:right; margin-left:10px; margin-right:10px;}
.write.qna .lock input[type="checkbox"] {width:17px}

.write.qna .lock2 {display:block; float:left; display:block; float:left; width:68px; margin-left:70px;  height:32px; line-height:32px}
.write.qna .lock2:after {content:''; display:block; clear:both}
.write.qna .lock2 .img_checkbox {width:17px; height:17px; display:block; float:left; margin-top:7px}
.write.qna .lock2 span {display:block; float:right; margin-left:10px; margin-right:10px;}
.write.qna .lock2 input[type="checkbox"] {width:17px}


/********* calendar *********/
.calendar {display:block}
.calendar:after {content:''; display:block; clear:both}
.calendar li {float:left; display:block; width:calc(50% - 10px)}
.calendar li.dash {width:20px; text-align:center; line-height:24px; height:24px}
.calendar [type="text"] {width:calc(100% - 7px); height:22px; line-height:22px; background:#eee}
.ui-datepicker {background:#fff; border:solid 1px #777; padding:10px 7px; display:none}
.ui-datepicker-header {position:relative}
.ui-datepicker-header a {position:absolute; width:10px; height:19px; display:block; text-indent:-9999px; top:5px}
.ui-datepicker-prev {background:url('../img/common/calendar_ico.png') -66px -42px no-repeat;left:40px}
.ui-datepicker-next {background:url('../img/common/calendar_ico.png') 0px -42px no-repeat; right:40px}
.ui-datepicker-title {text-align:center; margin-bottom:10px}
.ui-datepicker-title select {height:28px; line-height:28px}
.ui-datepicker-year {display:inline-block}
.ui-datepicker-month {display:inline-block; margin-left:10px}
.ui-datepicker-calendar {margin:0 auto;padding:0;border:0; font-size:13px; width:180px; border-bottom:solid 1px #969899; margin-bottom:10px}
.ui-datepicker-calendar tr {border:none}
.ui-datepicker-calendar th {border:none; color:#000;width:26px; height:20px; line-height:20px; padding:5px 7px}
.ui-datepicker-calendar td {border:none; text-align:center; cursor:pointer; width:26px; height:26px; line-height:26px; padding:5px 7px}
.ui-datepicker-calendar td.today {background:#a6c1ed; color:#fff !important; font-weight:700}
.ui-datepicker-calendar tr:nth-child(2n+2) {background:#fafafa}
.ui-datepicker-calendar tr th:first-child, .ui-datepicker-calendar tr td:first-child a {color:#e70000}
.ui-datepicker-calendar th:nth-child(7), .ui-datepicker-calendar td:nth-child(7) a {color:#8fb0d8}
.ui-datepicker-calendar td.ui-datepicker-today a {color:#fff; background:#00a5e3; font-weight:700; display:block}
.ui-datepicker-buttonpane {margin-top:10px}
.ui-datepicker-buttonpane:after {content:''; display:block; clear:both}
.ui-datepicker-buttonpane button {border:0; color:#fff; display:block; height:28px; line-height:28px; font-size:13px; padding:0 10px}
.ui-datepicker-current {float:left; background:#285c9d}
.ui-datepicker-close {float:right; background:#9ea6ac}
.ui-datepicker-trigger {display:none}

@media (max-width:760px){
#wrap {min-width:320px}
select {padding:0}
table {margin-top:10px}
.pagination {margin-top:15px}
.basic_btn {margin-top:20px}
.basic_btn a {width:100%; padding:0; margin:5px 0 0 0}
.basic_btn a:first-child {margin-top:0}
.basic_btn a.sub {width:100%; padding:0}
.bbs_basic .basic_btn {margin-top:20px}

.search_bar {padding:10px; width:calc(100% - 20px)}
.search_bar span {width:100%}
.search_bar select {width:110px; margin-bottom:10px}
.search_bar input[type="text"] {width:calc(100% - 122px); margin:0 0 10px 5px}
.search_bar .search_btn {float:none; margin:0; width:100%; padding:0; background:#454545; clear:both}

.bbs_basic .view dt {padding:0 0 10px; margin:0 auto; width:calc(100% - 20px)}
.bbs_basic .view dd {padding:10px; width:calc(100% - 20px)}

.qna .list li span:nth-child(1) {display:none}
.qna .list li span:nth-child(2) {width:calc(100% - 50px)}
.qna .list li span:nth-child(2) strong {width:50px}
.qna .list li span:nth-child(2) a {max-width:calc(100% - 70px)}
.qna .list li span:nth-child(3) {width:50px}
.qna .list li span:nth-child(4) {display:none}

.bbs_basic .write {padding:10px}
.bbs_basic .view dt span:nth-child(1) {display:none}
.bbs_basic .view dt span:nth-child(2) {float:none; width:100%; text-align:left}
.bbs_basic .view dt span:nth-child(3) {float:none; width:100%; text-align:left}
.bbs_basic .view dd.file {padding-top:10px}

.list_table li > strong {width:100px; padding:10px}
.list_table li > span {width:calc(100% - 141px); padding:10px}
.list_table li.double > strong {width:100px; border-left:0}
.list_table li.double > strong:first-child {width:100px; border-bottom:solid 1px #d9d9d9}
.list_table li.double > span {width:calc(100% - 141px); padding:10px; border-bottom:solid 1px #d9d9d9}
.list_table li.double > span:last-child {border-bottom:0}
}