@charset "utf-8";/*CSS Document*/
@import url(/adm/wiz_reset.css);


/***************************************************** 상세 *****************************************************/
/* 게시판 view ------------------------------------------*/
.AWbbs_view_table { }
.AWbbs_view_table.border { border-top:1px solid #333; }
.AWbbs_view_table th, .AWbbs_view_table td {text-align: left;font-size: 15px;font-weight: 400;letter-spacing: -0.045rem;color: #666;vertical-align: middle;box-sizing: border-box; padding: 14px 0 14px 3%;}
.AWbbs_view_table th {padding: 0 0 0 3%;box-sizing: border-box; color: #000; font-weight: 500;height: 50px; }
.AWbbs_view_table td {line-height: 1.6; }
.AWbbs_view_table tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}

/* 테이블 안에 테이블 리셋 */
.AWbbs_view_table table { border:0 none; }
.AWbbs_view_table table th, .AWbbs_view_table table td { height:auto; padding:0; border:0 none; background:none; }

/***************************************************** 코멘트 작성 *****************************************************/
.AWbbs_comment_id{ text-align:center; background:#f7f7f7; line-height:1.4;}
.AWbbs_comment_id p{font-weight:bold;}
.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
.bbsComment { background: #fafafa; border-top: 1px solid #333; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 18px 14px; margin: 0 0 16px;}
.AWbbs_comment_input_info{}
.AWbbs_comment_input_info input {vertical-align: middle; font-family: inherit; display: inline-block; width: 180px; padding: 2px 12px; height: 36px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.comment_textarea {width: 100%;}
.comment_textarea tbody {width: 100%;}
.comment_textarea tr {width: 100%;}
.comment_textarea {margin: 12px 0 0;}
.comment_textarea textarea {resize: none; font-family: inherit; display: inline-block; width: 100%; padding: 12px 12px; height: 80px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.comment_textarea button {display: block; width: 88px; height: 80px; text-align: center; background: #333; color: #fff; font-family: inherit; font-size: 14px;}



.Map_Wrap {text-align: left;}
.Map_txt {font-size: 15px; letter-spacing: -0.025em; color: #222; line-height: 24px; white-space: pre-line; margin: 0 0 26px;}
.AWbbs_h_search {display: block; width: 100%;  overflow: hidden;}
.AWbbs_h_search table {width: auto; max-width: 100%;}
.AWbbs_h_search select {width:150px; height:37px; padding:0 0 0 10px;  border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; margin: 0 4px 0 0;
    background:#fff url(/img/icon/sel_ico.png) 94% 50% no-repeat;}
.AWbbs_h_search input {width: 180px; height:37px; padding:0 0 0 10px;  border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; margin: 0 4px 0 0;}
.AWbbs_h_search input[type=hidden] {width: 0; height: 0; margin: 0; appearance: none;}
.AWbbs_h_search button[type=submit] {width: 88px; height: 37px; background: #222; color: #fff; font-family: inherit; font-size: 15px;}


.AWbbs_f_search { border-top: 1px solid #888; border-bottom: 1px solid #ddd; box-sizing: border-box; background: #f2f2f2; }
.AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; }
.AWbbs_f_search select { font-family: inherit; display: block; width: auto; padding: 2px 30px 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/comm/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; font-size: 14px; letter-spacing: -0.025rem; }
.AWbbs_f_search input { font-family: inherit; display: block; width: 260px; padding: 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem; }
.AWbbs_f_search button { font-family: inherit; display: block; width: 80px; height: 42px; box-sizing: border-box; border: 1px solid #555; background: #555; color: #fff; font-size: 14px; letter-spacing: -0.025rem; }


.AW_bbs_table {border-top:1px solid #999; border-collapse:collapse;}
.AW_bbs_table tr {border-bottom:1px solid #ddd;}
.AW_bbs_table th, .AW_bbs_table td{font-size:15px; font-weight:500; line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.AW_bbs_table thead th {padding: 12px 0 12px 10px; box-sizing: border-box;}
.AW_bbs_table tbody tr:hover td, .AW_bbs_table tbody tr:hover th {background:#fbfbfb;}
.AW_bbs_table tbody th {word-break:break-all; padding: 12px 0 12px 10px; box-sizing: border-box;}
.AW_bbs_table tbody th a{color:#333; line-height:1.5;}
.AW_bbs_table tbody th a:hover{color:var(--m-color);}
.AW_bbs_table tbody td .m_ttl{display:none;}
.AW_bbs_table span.notice {color:#eb0808;}


/******************************************************* 리스트 하단버튼 *******************************************************/
.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer; vertical-align: middle;}
.bbs_btn.bg {background: #777; color: #fff;border-color: #777;}

@media all and (max-width: 900px) {
    .bbs_btn {font-size: 1.4rem; line-height: 3.1rem; padding: 0 1.2rem;}
}

.AWbbs_f_search { border-top: 1px solid #888; border-bottom: 1px solid #ddd; box-sizing: border-box; background: #f2f2f2; }
.AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; }
.AWbbs_f_search select { font-family: inherit; display: block; width: auto; padding: 2px 30px 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/comm/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; font-size: 14px; letter-spacing: -0.025rem; }
.AWbbs_f_search input { font-family: inherit; display: block; width: 260px; padding: 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem; }
.AWbbs_f_search button { font-family: inherit; display: block; width: 80px; height: 42px; box-sizing: border-box; border: 1px solid #555; background: #555; color: #fff; font-size: 14px; letter-spacing: -0.025rem; }

/******************************************************* 게시판 페이징처리 *******************************************************/
.bbs_paging { margin: 20px auto 30px; }
.bbs_paging tr td { width: 30px; height: 30px; text-align: center; vertical-align: middle; padding-left: 3px; }
.bbs_paging tr td:first-of-type { padding: 0; }
.bbs_paging tr td a { display: block; width: 100%; height: 100%; line-height: 30px; font-size: 14px;}
.bbs_paging tr td b { display: block; width: 100%; height: 100%; line-height: 30px; background: #223568; color: #fff; font-weight: bold; font-size: 14px;}
.bbs_paging tr td img { display: block; max-width: 100%; max-height: 100%; }


@media all and (max-width: 900px) {
    .bbs_paging {margin: 2rem auto 3rem;}
    .bbs_paging tr td {width: 3rem; height: 3rem; padding: 0 0 0 0.3rem; }
    .bbs_paging tr td:first-of-type {}
    .bbs_paging tr td a {line-height: 3rem; font-size: 1.4rem;}
    .bbs_paging tr td b {line-height: 3rem; font-size: 1.4rem;}
    .bbs_paging tr td img {}
}

/***************************************************** 체크박스 커스텀 *****************************************************/
.only_chk {}
.only_chk.right {text-align: right; display: inline-block;}
.only_chk.flex_center_only_chk {display: flex; justify-content: center; align-items: center;}
.only_chk input[type=checkbox] {appearance: none !important;}
.only_chk input[type=checkbox] + label {font-size: 0;  border-radius: 4px; display: inline-block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk input[type=checkbox]:checked + label {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=checkbox] + label {line-height: 1.2; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 24px; box-sizing: border-box; border: 0; background: transparent;}
.only_chk.font input[type=checkbox] + label::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk.font input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color);}


.Map_table{margin: 0 0 26px;}

@media all and (max-width: 900px) {
    .Map_table {width: 100%; display: block; }
    .Map_table tbody {width: 100%; display: block;}
    .Map_table tr {width: 100%; display: block; height: auto;}
    .Map_table th {width: 100%; display: block;}
    .Map_table td {width: 100%; display: block;}

    .AWbbs_h_search table {width: 100%; display: block; margin: 0 0 2rem;}
    .AWbbs_h_search tr {display: flex; justify-content: flex-start; align-items: center;}
    .AWbbs_h_search td {flex: none; padding: 0 0.25rem; box-sizing: border-box;}
    .AWbbs_h_search td:first-of-type {width: 23%; padding-left: 0;}
    .AWbbs_h_search td:nth-of-type(2){width: 23%;}
    .AWbbs_h_search td:nth-of-type(3){width: 33%;}
    .AWbbs_h_search td:nth-of-type(4){width: 21%; padding-right: 0;}

    .AW_bbs_table th, .AW_bbs_table td {font-size: 1.5rem; vertical-align: top;}
    .bbs_btn {font-size: 1.5rem;}
    .AWbbs_h_search select {width: 100%;}
    .AWbbs_h_search input {width: 100%;}
    .AW_bbs_table thead th.head_1 {width: 20%; text-align: left;}
    .AW_bbs_table tbody th:first-of-type {text-align: left;}
    .AW_bbs_table thead th.head_3 {width: 20%;}
    .AW_bbs_table tbody tr:hover td, .AW_bbs_table tbody tr:hover th {background: #fff;}

    .view_table {width: 100%; display: block;}
    .view_table > tbody {width: 100%; display: block;}
    .view_table > tbody > tr {width: 100%; display: block;}
    .view_table > tbody > tr > td {width: 100%; display: block;}
    .AWbbs_view_table {margin: 26px 0 0;}
    .AWbbs_view_table tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}
    .AWbbs_view_table th, .AWbbs_view_table td {font-size: 1.5rem; height: 5rem;}


}
@media all and (max-width: 767px) {
    .bbs_btn {font-size: 1.3rem; padding: 0 1rem; line-height: 3.1rem;}

    .AW_bbs_table {display: block; width: 100%;}
    .AW_bbs_table thead {display: none;}
    .AW_bbs_table tbody {display: block; width: 100%;}
    .AW_bbs_table tr {display: block; width: 100%;}
    .AW_bbs_table td {display: block; width: 100%;}
    .AW_bbs_table tbody th {padding: 0 0 0 1rem; text-align: left;}
    .AW_bbs_table tbody th:first-of-type {font-weight: bold;}
    .AW_bbs_table tbody td {text-align: right; padding: 1rem 1rem 1rem 0; box-sizing: border-box;}
    .AW_bbs_table tbody td.chk_no {text-align: left; padding: 1rem 0 1rem 1rem; box-sizing: border-box;}
    .AW_bbs_table th, .AW_bbs_table td {line-height: 1.2; font-size: 1.6rem;}
    .only_chk input[type=checkbox] + label {vertical-align: top;}
    .AW_bbs_table tbody th a {line-height: 1;}


}
@media all and (max-width: 480px) {
    .AWbbs_h_search tr {flex-wrap: wrap;}
    .AWbbs_h_search td:first-of-type {width: 50%; padding: 0.5rem 0;}
    .AWbbs_h_search td:nth-of-type(2) {width: 50%; padding: 0.5rem 0 0.5rem 0.5rem;}
    .AWbbs_h_search td:nth-of-type(3) {width: 70%; padding: 0.5rem 0 0;}
    .AWbbs_h_search td:nth-of-type(4) {width: 30%; padding: 0.5rem 0 0 0.5rem;}
    .AWbbs_h_search button[type=submit] {width: 100%;}


    .AWbbs_view_table th {width: 25%;}
    .AWbbs_view_table td {width: 75%;}

}
@media all and (max-width: 450px) {


}

/***************************************************** 게시판 글쓰기 *****************************************************/
.AWbbs_input_table{ border-top:1px solid #333; width: 100%;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left; padding: 12px 20px; box-sizing: border-box; border-bottom:1px solid #ddd; font-size: 15px;}
.AWbbs_input_table th  input, .AWbbs_input_table td input {vertical-align: middle; font-family: inherit; display: inline-block; width: 260px; max-width: 100%; padding: 2px 12px; height: 36px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.AWbbs_input_table th  input[name=subject], .AWbbs_input_table td input[name=subject] {width: 100%;}
.AWbbs_input_table th  select, .AWbbs_input_table td select {vertical-align: middle; font-family: inherit; display: inline-block; width: auto; padding: 2px 40px 2px 12px; height: 36px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/icon/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; font-size: 14px; letter-spacing: -0.025rem;}
.AWbbs_input_table th{background: #fafafa;}
.AWbbs_input_table th input[type=checkbox], .AWbbs_input_table td input[type=checkbox] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.AWbbs_input_table th input[type=checkbox]:checked + label, .AWbbs_input_table td input[type=checkbox] + label {font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.AWbbs_input_table th input[type=checkbox] + label::before, .AWbbs_input_table td input[type=checkbox] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 4px; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.AWbbs_input_table th input[type=checkbox]:checked + label::before, .AWbbs_input_table td input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }

.AWbbs_input_table th input[type=radio], .AWbbs_input_table td input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.AWbbs_input_table th input[type=radio]:checked + label, .AWbbs_input_table td input[type=radio] + label {font-size: 14px; font-family: inherit; display: block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.AWbbs_input_table th input[type=radio] + label::before, .AWbbs_input_table td input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.AWbbs_input_table th input[type=radio]:checked + label::before, .AWbbs_input_table td input[type=radio]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.AWbbs_input_table .ess {font-size: 13px; color: #ff0000; display: inline-block; vertical-align: middle;}
.AWbbs_input_table textarea {font: inherit; width: 100%; display: block; resize: none; border: 1px solid #ddd; background: #fff; padding: 12px 20px; box-sizing: border-box; font-size: 16px;}

.AW_bbs_input_checkbox{ margin:0 0 10px;}
.AW_bbs_input_checkbox input{vertical-align:middle;}
.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}

.AWbbs_input_table .comment {display: block; margin: 10px 0 0;}
.ess {font-size: 15px; word-break: keep-all; line-height: 1.2; }

@media all and (max-width: 900px) {
    .AWbbs_input_table {display: block; width: 100%;}
    .AWbbs_input_table tbody {display: block; width: 100%;}
    .AWbbs_input_table tr {display: flex; width: 100%; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
    .AWbbs_input_table th {display: flex; justify-content: flex-start; align-items: center; width: 30%; padding: 1rem; font-size: 1.6rem;}
    .AWbbs_input_table td {display: block; width: 100%; padding: 1rem; font-size: 1.6rem;}
    .AWbbs_input_table th + td {width: 70%;}
    .AWbbs_input_table th input[name=subject], .AWbbs_input_table td input[name=subject] {max-width: 100%; font-size: 1.6rem;}
    .AWbbs_input_table th input, .AWbbs_input_table td input {max-width: 100%; font-size: 1.6rem;}
    .ess {font-size: 1.5rem;}
}

@media all and (max-width: 480px) {
    .AWbbs_input_table th {width: 100px;}
    .AWbbs_input_table th + td {width: calc(100% - 100px);}
}