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



/***************************************************** »ó¼¼ *****************************************************/
/***************************************************** °Ô½ÃÆÇ º¸±â ÆäÀÌÁö *****************************************************/
.AWbbs_view_table { border-collapse:collapse;}
.AWbbs_view_table.border{border-top:1px solid #333;}
.AWbbs_view_table > tbody > tr {border-bottom:1px solid #ddd;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; font-size:15px; font-weight:400; letter-spacing:-0.045rem; color:#666; padding:12px 16px; vertical-align:middle; box-sizing:border-box;}
.AWbbs_view_table th {line-height:40px; background: #fafafa; font-size: 15px;}
.AWbbs_view_table th .cat {color:var(--m-color);}
.AWbbs_view_table td{line-height: 1.6;}
.AWbbs_view_table td[align="right"] {text-align:right;}
.AWbbs_view_table a {color:#333;}
.AWbbs_view_table a:hover {color:var(--m-color);}
.AWbbs_view_table .contents {padding:30px 16px;}
.AWbbs_view_table .contents, .AWbbs_view_table .contents * {font-family:'Noto Sans Kr', 'µ¸¿ò','Dotum',sans-serif !important; font-size:15px;}
.AWbbs_view_table img {width:auto; height:auto; max-width:100%;}
/***************************************************** °Ô½ÃÆÇ Å×ÀÌºí ¾ÈÀÇ Å×ÀÌºí ¸®¼Â *****************************************************/
.AWbbs_view_table table{border:0 none;}
.AWbbs_view_table table th, .AWbbs_view_table table td{height:auto; padding:0; border:0 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; resize: none; 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;}



/******************************************************* ¸®½ºÆ® ÇÏ´Ü¹öÆ° *******************************************************/
.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer;}
.bbs_btn.bg {background: #777; color: #fff;border-color: #777;}

.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; }
.bbs_paging tr td b { display: block; width: 100%; height: 100%; line-height: 30px; background: #0084dd; color: #fff; font-weight: bold; }
.bbs_paging tr td img { display: block; max-width: 100%; max-height: 100%; }

.photo_bbs { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.photo_bbs li {padding: 0 0 60px; box-sizing: border-box; margin: 0 2.6% 0 0;}
.photo_bbs .only_chk {margin: 0 0 6px; display: block;}
.photo_bbs .img_box a { display: block; width: 100%; }
.photo_bbs .thumb {position:relative; width:100%; padding-top:57.8%; margin:0 0 17px; box-sizing:border-box; overflow:hidden;}
.photo_bbs .thumb img {position:absolute; top: 0; left: 0; width:100%; height: 100%; transition:all 0.3s;}
.photo_bbs li:hover img {transform:scale(1.05);}
.photo_bbs .tit a {transition: all 0.3s; display:block; height: 48px; font-size: 17px; font-weight:500; line-height: 24px; letter-spacing:-0.025rem; color:#222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.photo_bbs .tit a:hover {text-decoration: underline;}
.photo_bbs .date {font-size: 15px; color: #888; letter-spacing: 0; margin: 20px 0 0;}

.photo_bbs.lst_type_1 li {width: calc(100% / 1); margin: 0;}
.photo_bbs.lst_type_2 li {width: calc((100% - 2.6%) / 2);}
.photo_bbs.lst_type_2 li:nth-of-type(3n) {margin: 0;}
.photo_bbs.lst_type_3 li {width: calc((100% - 5.2%) / 3);}
.photo_bbs.lst_type_3 li:nth-of-type(4n) {margin: 0;}
.photo_bbs.lst_type_4 li {width: calc((100% - 7.8%) / 4);}
.photo_bbs.lst_type_4 li:nth-of-type(5n) {margin: 0;}
.photo_bbs.lst_type_5 li {width: calc((100% - 10.4%) / 5);}
.photo_bbs.lst_type_5 li:nth-of-type(6n) {margin: 0;}
.photo_bbs li.line {padding: 0; width: 100% !important; height: 1px; margin: 0;}


.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer;}
.bbs_btn.bg {background: #777; color: #fff;border-color: #777;}


/***************************************************** °Ô½ÃÆÇ ±Û¾²±â *****************************************************/
.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; 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: 460px;}
.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/comm/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/comm/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/comm/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/comm/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/comm/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;}
