#dim {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index: 99999; display:none;}


/********************
board_bt_set01
*********************/
.board_bt_set01 {float:right; margin-top:50px;}
.board_bt_set01 a {margin-left:10px; height:46px; line-height:44px; padding:0 35px; transition:background-color ease 0.3s; display:inline-block; box-sizing:border-box;}
.board_bt_set01 a span {padding-left:33px;}
.board_bt_set01 a.bt_list {background:#fff; border:1px solid #ccc;}
.board_bt_set01 a.bt_list span {background:url(/hwagae/main/images/board_ico/board_bt_set01_ico_list_off.png) no-repeat 0 center; color:#666; transition:all ease 0.3s;}
.board_bt_set01 a.bt_list:hover {background:#444444; border:1px solid #444444;}
.board_bt_set01 a.bt_list:hover span {background:url(/hwagae/main/images/board_ico/board_bt_set01_ico_list_on.png) no-repeat 0 center; color:#fff;}
/********************
//board_bt_set01
*********************/


/********************
board_bt_set02
*********************/
.board_bt_set02 {width:100%; text-align:center; margin-top:30px;}
.board_bt_set02 a {display:inline-block; height:52px; line-height:52px; padding:0 60px; vertical-align:top; margin:0 5px;}
.board_bt_set02 .bt_black {color:#fff; background:#464646;}
.board_bt_set02 .bt_white {color:#555; background:#fff; border:1px solid #cccccc; box-sizing:border-box;}
/********************
//board_bt_set02
*********************/


/********************
board_bt_set03
*********************/
.board_bt_set03 {width:100%; text-align:center; margin-top:50px;}
.board_bt_set03 a {display:inline-block; width:170px; height:50px; line-height:50px; text-align:Center; font-size:18px; font-weight:500; border-radius:5px;}
.board_bt_set03 a.bt_blue { background:#5d3cb4; color:#fff; border:1px solid #5d3cb4; transition:background ease 0.4s, color ease 0.4s; box-sizing:Border-box;}
.board_bt_set03 a.bt_blue:hover {background:#fff; color:#5d3cb4;}
.board_bt_set03 a.bt_black { background:#111; color:#fff;}
.board_bt_set03 a.bt_gray { background:#eee; color:#111;}
/********************
//board_bt_set03
*********************/


/********************
board_bt_set04
*********************/
.board_bt_set04 {width:100%; text-align:right; margin-bottom:20px; float:left;}
.board_bt_set04 a {display:inline-block; width:110px; height:44px; line-height:44px; background:#222; color:#fff; text-align:Center;  font-weight:500; box-sizing:Border-box; transition:background-color  ease 0.5s;}
.board_bt_set04 a:hover {background:#fff; border:1px solid #222; color:#222; box-sizing:Border-box;}
/********************
//board_bt_set04
*********************/


/********************
board_bt_set05
*********************/
.board_bt_set05 {width:100%; text-align:center;  float:left;}
.board_bt_set05 a {display:inline-block; width:200px; height:70px; line-height:70px; text-align:Center;  font-weight:500; box-sizing:Border-box; font-size:17px; margin:0 5px; vertical-align:top;}
.board_bt_set05 a.bt_white {border:1px solid #ccc; color:#777777;}
.board_bt_set05 a.bt_blue {background:#1097ff; color:#fff;}
/********************
//board_bt_set05
*********************/


/********************
board_search_type01
*********************/
.board_search_type01 {width:100%; text-align:center; overflow:hidden; margin-bottom:25px;}
.board_search_type01 input {width:calc(100% - 110px); max-width:354px; border:1px solid #ccc; padding:0 20px; box-sizing:Border-box; height:44px; line-height:44px;}
.board_search_type01 button {background:#5d3cb4;border:1px solid #5d3cb4;  height:44px; line-height:38px; width:100px; margin-left:10px; color:#fff; vertical-align:top; outline:none; transition:background-color ease 0.4s, color ease 0.4s; cursor:pointer; box-sizing:border-box;}
.board_search_type01 button:hover {background:#fff; color:#5d3cb4; }


/********************
//board_search_type01
*********************/


/********************
board_search_type02
*********************/
.board_search_type02 {width:100%; background:#f1f1f1; position:relative; padding:25px 0 30px;}
.board_search_type02 > div {width:560px; margin:0 auto; border-bottom:1px solid #000;}
.board_search_type02 > div input {height:50px; line-height:50px; width:calc(100% - 50px); background:none; border:0; font-size:18px; padding-left:10px;}
.board_search_type02 > div button {float:right;font-size:0; background:url(/hwagae/main/images/board_ico/board_search_type02_ico.png) no-repeat 0 0; width:26px; height:27px; text-indent:-9999px; border:0; outline:none; margin:10px 10px 0 0; cursor:pointer;}

.board_search_type02 > div input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1; /* Firefox */
}

.board_search_type02 > div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #888;
}

.board_search_type02 > div input::-ms-input-placeholder { /* Microsoft Edge */
   color: #888;
}
/********************
//board_search_type02
*********************/


/********************
board_search_type03
*********************/
.board_search_type03 {width:100%;  position:relative;}
.board_search_type03 > div {width:560px; margin:0 auto; border-bottom:1px solid #000;}
.board_search_type03 > div input {height:50px; line-height:50px; width:calc(100% - 50px); background:none; border:0; font-size:18px; padding-left:10px;}
.board_search_type03 > div button {float:right;font-size:0; background:url(/hwagae/main/images/board_ico/board_search_type02_ico.png) no-repeat 0 0; width:26px; height:27px; text-indent:-9999px; border:0; outline:none; margin:10px 10px 0 0; cursor:pointer;}

.board_search_type03 > div input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1; /* Firefox */
}

.board_search_type03 > div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #888;
}

.board_search_type03 > div input::-ms-input-placeholder { /* Microsoft Edge */
   color: #888;
}
/********************
//board_search_type03
*********************/


/********************
board_search_type04
*********************/
.board_search_type04 {width:500px; margin:0 auto; margin-bottom:40px;}
.board_search_type04::after {display:block; clear:Both; content:'';}
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  float:left;
  width:140px;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #444;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 11px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  /*padding: 8px 16px;*/ 
  line-height:42px;
  height:42px;
  padding:0 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  box-sizing:Border-box;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #666;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.board_search_type04 > input {float:left; width:calc(100% - 200px); background:#fff; line-height:42px;
  height:42px; border:1px solid #444; box-sizing:Border-box; padding-left:15px; box-sizing:Border-box;}
.board_search_type04 > button {float:left; width:60px; border:0; background:#444; text-align:center; line-height:42px;
  height:42px; color:#fff; outline:none; cursor:pointer;}

/********************
//board_search_type04
*********************/




/********************
page_nv_type01
*********************/
.page_nv_type01 {text-align:center; width:100%; clear:Both;}
.page_nv_type01 ul{display:inline-block; *display:inline; zoom:1;}
.page_nv_type01 ul li{float:left; margin-left:-1px; z-index:1; line-height:16px; font-size:15px; margin:0 15px; cursor:pointer;}
.page_nv_type01 ul li a { line-height:16px; font-size:15px;}
.page_nv_type01 ul li img {vertical-align:top;}
.page_nv_type01 ul li img.off {display:block;}
.page_nv_type01 ul li img.on {display:none; }
.page_nv_type01 ul li:hover img.off {display:none;}
.page_nv_type01 ul li:hover img.on {display:block;}
.page_nv_type01 ul li:hover,.page_nv_type01 ul li.on,.page_nv_type01 ul li:hover a,.page_nv_type01 ul li.on a {font-weight:600;}
.page_nv_type01 ul li:nth-child(1),.page_nv_type01 ul li:nth-child(2),.page_nv_type01 ul li:last-child,.page_nv_type01 ul li:nth-last-child(2) {margin:0 10px;}
.page_nv_type01 ul li:nth-child(2) {margin-right:15px;}
.page_nv_type01 ul li:nth-last-child(2) {margin-left:15px;}
/********************
//page_nv_type01
*********************/


/********************
page_nv_type02
*********************/
.page_nv_type02 {text-align:center; width:100%; }
.page_nv_type02 ul{display:inline-block; *display:inline; zoom:1;}
.page_nv_type02 ul li{float:left; margin-left:-1px; z-index:1; line-height:36px; font-size:15px; width:30px; text-align:Center; margin:0 5px; cursor:pointer;  color:#5f5f5f; font-weight:300;}
.page_nv_type02 ul li a {font-size:15px;}
.page_nv_type02 ul li img {vertical-align:top; margin-top:11px;}
.page_nv_type02 ul li img.off {display:inline-block;}
.page_nv_type02 ul li img.on {display:none; }
.page_nv_type02 ul li:hover img.off {display:none;}
.page_nv_type02 ul li:hover img.on {display:inline-block;}
.page_nv_type02 ul li:hover,.page_nv_type02 ul li.on,.page_nv_type02 ul li.on a,.page_nv_type02 ul li a:hover {font-weight:600; color:#000;}
.page_nv_type02 ul li:nth-child(1),.page_nv_type02 ul li:nth-child(2),.page_nv_type02 ul li:last-child,.page_nv_type02 ul li:nth-last-child(2) {margin:0 2px; border:1px solid #cccccc; width:36px; height:36px; text-align:center;}
.page_nv_type02 ul li:nth-child(2) {margin-right:15px;}
.page_nv_type02 ul li:nth-last-child(2) {margin-left:15px;}
/********************
//page_nv_type02
*********************/



/********************
page_nv_type03
*********************/
.page_nv_type03 {text-align:center; width:100%; }
.page_nv_type03 ul{display:inline-block; *display:inline; zoom:1; border-radius:36px; overflow:hidden;}
.page_nv_type03 ul li{float:left; z-index:1; line-height:36px; font-size:15px; width:35px; text-align:Center; cursor:pointer;  color:#fff; background:#444; border-left:1px solid rgba(255,255,255,0.2); font-weight:300;}
.page_nv_type03 ul li a {font-size:15px; color:#fff;}
.page_nv_type03 ul li:hover,.page_nv_type03 ul li.on,.page_nv_type03 ul li:hover a,.page_nv_type03 ul li.on a {color:#fff; background:#666;}

/********************
//page_nv_type03
*********************/



/********************
page_nv_type04
*********************/
.page_nv_type04 {width:100%; text-align:center;}
.page_nv_type04 a {display:inline-block; height:46px; line-height:44px; padding:0 30px; box-sizing:Border-box; border:1px solid #444; transition:background-color  ease 0.5s;}
.page_nv_type04 a:hover {background:#269aaa; border:1px solid #269aaa; color:#fff;}

/********************
//page_nv_type04
*********************/


/********************
page_nv_type05
*********************/
.page_nv_type05 {text-align:Center;}
.page_nv_type05 button {display:inline-block; position:relative; padding-top:15px; font-size:16px; color:#666666; border:0; background:none;}
.page_nv_type05 button::after {position:absolute; top:0; left:50%; content:''; transform:translateX(-50%) rotate(-45deg); width:10px; height:10px; border-left:2px solid #666666; border-bottom:2px solid #666666;}
/********************
//page_nv_type05
*********************/




/********************
board_tab01
*********************/
.board_tab_sty01 {float:left; width:100%; position:relative;padding-left:1px; box-sizing:Border-box;}
.board_tab_sty01::before {position:absolute; bottom:0; height:1px; width:100%; background:#111; content:''; z-index:1px;}
.board_tab_sty01 li {float:left; position:relative; z-index:0; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; width:170px; margin-left:-1px; line-height:46px; text-align:Center; color:#888; cursor:pointer;}
.board_tab_sty01 li:first-child {border-left:1px solid #ddd;}
.board_tab_sty01 li.current {border-top:1px solid #111; border-right:1px solid #111;  border-left:1px solid #111;z-index:3; border-bottom:1px solid #fff; color:#111;}

.board-tab-content {display:none;}
.board-tab-content.current {display:block;}
/********************
//board_tab01
*********************/



/********************
board_tab02
*********************/
.wrap_board_tab_sty02 {text-align:center; width:100%; }
.board_tab_sty02 {display:inline-block; *display:inline; zoom:1;}
.board_tab_sty02 li {float:left; position:relative; z-index:0; border:1px solid #ddd; border-left:0; width:150px; margin-left:-1px; line-height:46px; text-align:Center; color:#888; cursor:pointer;}
.board_tab_sty02 li:first-child {border-left:1px solid #ddd;}
.board_tab_sty02 li.current {border:1px solid #111; z-index:3; color:#111;}

.board-tab02-content {display:none; float:left;}
.board-tab02-content.current {display:block;}
/********************
//board_tab02
*********************/



/********************
board_tab03
*********************/
.wrap_board_tab_sty03 {position:relative; width:300px; margin-bottom:10px;}
.wrap_board_tab_sty03 select {position:relative; width:100%; height:40px; line-height:40px; padding:0 20px; border-radius: 0px; border:1px solid #ddd; 
 -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}
.wrap_board_tab_sty03 select::-ms-expand { display:none; }

.wrap_board_tab_sty03::before {position:absolute; content:''; top:31%; right:20px; width:10px; height:10px; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(135deg); z-index:99;}

/********************
//board_tab03
*********************/


.con_line {float:left; width:100%; height:1px; background:#e1e1e1;}



@media screen and (max-width:767px){

/********************
board_bt_set03
*********************/
.board_bt_set03 {margin-top:11vw; }
.board_bt_set03 a {width:27vw; height:11vw; line-height:11vw; font-size:3.6vw;}
/********************
//board_bt_set03
*********************/

/********************
board_bt_set04
*********************/
.board_bt_set04 {margin-bottom:9vw;}
.board_bt_set04 a {width:25vw; height:10vw; line-height:10vw;}
/********************
//board_bt_set04
*********************/

/********************
board_bt_set05
*********************/
.board_bt_set05 a {width:40vw; height:16vw; line-height:16vw; text-align:Center; font-size:3.6vw;}

/********************
//board_bt_set05
*********************/


/********************
board_search_type01
*********************/
.board_search_type01 {margin-bottom:5vw;}
.board_search_type01 input {width: calc(100% - 22vw); padding:0 4vw; height:8.8vw; line-height:8.8vw;}
.board_search_type01 button {height:8.8vw; line-height:8.8vw; width:20vw; margin-left:2vw;}
.board_basic_type01 table th {padding:3vw 1vw;}


/********************
//board_search_type01
*********************/

/********************
board_search_type02
*********************/
.board_search_type02 {padding:5vw 6vw 6vw; box-sizing:border-box; width:calc(100% - 12vw); margin:0 auto;}
.board_search_type02 > div {width:100%;}
.board_search_type02 > div input {font-size:3.6vw; height:10vw; line-height:10vw; width:calc(100% - 13vw); padding-left:2vw;}
.board_search_type02 > div button {background-size:100% auto; width:5.2vw; height:5.4vw; margin:2vw 2vw 0 0;}
/********************
//board_search_type02
*********************/


/********************
board_search_type03
*********************/
.board_search_type03 {padding:0; box-sizing:border-box; width:calc(100% - 12vw); margin:0 auto;}
.board_search_type03 > div {width:100%;}
.board_search_type03 > div input {font-size:3.6vw; height:10vw; line-height:10vw; width:calc(100% - 13vw); padding-left:2vw;}
.board_search_type03 > div button {background-size:100% auto; width:5.2vw; height:5.4vw; margin:2vw 2vw 0 0;}
/********************
//board_search_type03
*********************/


/********************
board_search_type04
*********************/
.board_search_type04 {width:100%; margin-bottom:8vw;}
.select-items div, .select-selected {line-height:8.4vw; height:8.4vw; padding:0 3.2vw;}
.select-selected:after {top:3.6vw; right:2vw; border:1.2vw solid transparent; border-color:#fff transparent transparent transparent;}
.custom-select {width:28vw; }

.board_search_type04 > input {line-height:8.4vw; height:8.4vw; width:calc(100% - 40vw); padding-left:3vw;}
.board_search_type04 > button {width:12vw; line-height:8.4vw; height:8.4vw;}

/********************
//board_search_type04
*********************/


/********************
page_nv_type01
*********************/
.page_nv_type01 ul li img {height:3.2vw; width:auto;}
.page_nv_type01 ul li:nth-child(1), .page_nv_type01 ul li:nth-child(2), .page_nv_type01 ul li:last-child, .page_nv_type01 ul li:nth-last-child(2) {margin:0 2vw;}
.page_nv_type01 ul li,.page_nv_type01 ul li a {font-size:3.2vw; margin:0 2vw; line-height:3.2vw;}
.page_nv_type01 ul li:nth-child(1) a, .page_nv_type01 ul li:nth-child(2) a, .page_nv_type01 ul li:last-child a, .page_nv_type01 ul li:nth-last-child(2) a {margin:0;}
/********************
//page_nv_type01
*********************/


/********************
page_nv_type02
*********************/
.page_nv_type02 ul li {line-height:5vw; font-size:3vw; width:5vw; margin:0 0.5vw;}
.page_nv_type02 ul li a {line-height:5vw; font-size:3vw;}
.page_nv_type02 ul li:nth-child(1), .page_nv_type02 ul li:nth-child(2), .page_nv_type02 ul li:last-child, .page_nv_type02 ul li:nth-last-child(2) {width:5vw; height:5vw; margin:0 0.4vw;}
.page_nv_type02 ul li:nth-child(2) {margin-right:1.5vw;}
.page_nv_type02 ul li:nth-last-child(2) {margin-left:1.5vw;}
.page_nv_type02 ul li img {margin-top:1.8vw; height:1.8vw;}
/********************
//page_nv_type02
*********************/

/********************
page_nv_type03
*********************/
.page_nv_type03 ul li {line-height:7.2vw; font-size:3vw; width:5.9vw;}
.page_nv_type03 ul li a {line-height:7.2vw; font-size:3vw;}
/********************
//page_nv_type03
*********************/


/********************
page_nv_type04
*********************/
.page_nv_type04 a {height:9.2vw; line-height:8.8vw; padding:0 6vw;}
/********************
//page_nv_type04
*********************/


/********************
page_nv_type05
*********************/
.page_nv_type05 button {padding-top:4.2vw; font-size:3.6vw;}
.page_nv_type05 button::after {width:2.4vw; height:2.4vw; border-left:2px solid #666666; border-bottom:2px solid #666666;}
/********************
//page_nv_type05
*********************/




/********************
board_tab01
*********************/
.board_tab_sty01 li {width:calc(33.3% - 1px); line-height:9.2vw;}
/********************
//board_tab01
*********************/

/********************
board_tab02
*********************/
.board_tab_sty02 {width:100%;}
.board_tab_sty02 li { width:33.3%; line-height:9.2vw; box-sizing:border-box;}
/********************
//board_tab02
*********************/


/********************
board_tab03
*********************/
.wrap_board_tab_sty03 {width:100%; margin-bottom:2vw;}
.wrap_board_tab_sty03::before {width:2vw; height:2vw; right:4vw;}

/********************
//board_tab03
*********************/
}



/********* 추가 **********/
.w5p {width: 5%;}
.w10p {width: 10%;}
.w120 {width: 120px;}
.w80 {width: 80px;}
.wfont {font-weight: 600;}

.search{margin-bottom: 60px;}
.search .field,
.search .word{display: flex; justify-content: center; align-items: center; gap:5px;}
.search .word{width: 60%; max-width: 500px;}
.search select{width:20%; padding: 0 20px; max-width:138px; height:44px; line-height:44px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(../images/board_ico/select_arr.gif) no-repeat right 13px center;}
.search select::-ms-expand{display:none}
.search input[type=text]{margin-left:-1px; padding:0 20px; width:100%; height:44px; line-height:44px; border:1px solid #ccc; box-sizing: border-box;}
.search input[type=submit]{flex: 0 0 auto; width:108px; height:44px; line-height:36px; border:1px solid #5d3cb4; background:#5d3cb4; color:#fff; font-size:16px; cursor: pointer;}
.search input[type=submit]:hover {background:#fff; color:#5d3cb4; }

.search_array{display: flex; align-items: center; justify-content: space-between; margin-top:30px; margin-bottom:10px;}
.search_array form{display: flex; gap: 1.5%; width: 100%;}
.search_array form p:first-child {display: none;}
.search_array div span{display:inline-block; position:relative; padding-right:13px; margin-right:3px;}
.search_array div span:after{display:block; content:':'; position:absolute; right:0; top:-1px; width:5px; height:1px}
.search_array select{border:0; padding-right:35px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:url(../images/board_ico/select_arr02.gif) no-repeat right 13px center;}
.search_array input[type=date]{border:0;}
.search_array select::-ms-expand{display:none}
.search_array div.written{position: relative; flex: 0 0 auto;}
.search_array div.written:after{display:block; content:''; position:absolute; left:-9px; top:50%; width:5px; height:1px; background:#666}
.search_array div.array_btn input{text-align: center; padding:2px; width:70px; line-height:130%; border:1px solid #ccc; color:#333; background:#fff; border-radius:60px}

.board_list {width:100%; margin-top:25px; margin-bottom:40px;}
.board_list table.general_board {width:100%; border-top:2px solid #5d3cb4; table-layout:fixed;}
.board_list table.general_board th {background:#f8f8f8; padding:15px 10px; color:#222222; font-weight:600;}
.board_list table.general_board tr {border-bottom:1px solid #dddddd;}
.board_list table.general_board td {padding:15px 10px; color:#444; font-weight:500; text-align:center;}
.board_list table.general_board tbody tr:hover {border-bottom-color: #111211;}
.board_list table.general_board tbody tr:hover * {font-weight: 700;}

.board_list table.general_board tbody td.title{max-width:100px; width:50%}
.board_list table.general_board tbody td.title a{display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.tag_ic{display:inline-block; vertical-align:middle; margin-right:7px; width:16px; height:20px; background-image:url(../images/board_ico/ic_board.gif); text-indent:-5000px;}
.tag_ic.ic_reply{margin-left:10px; background-position:left center}
.tag_ic.ic_open{background-position:-40px center}
.tag_ic.ic_close{background-position:-80px center}
.tag_ic.ic_new{width:33px; background-position:-120px center}

a.page_btn.btn_first,
a.page_btn.btn_prev,
a.page_btn.btn_next,
a.page_btn.btn_last{text-indent:-50000px; background-position: center; background-repeat: no-repeat;}
a.page_btn.btn_first{background-image:url(/hwagae/main/images/board_ico/nv_type01_prev2_on.png)}
a.page_btn.btn_prev{margin-right:15px; background-image:url(/hwagae/main/images/board_ico/nv_type01_prev1_on.png)}
a.page_btn.btn_next{margin-left:15px; background-image:url(/hwagae/main/images/board_ico/nv_type01_next1_on.png)}
a.page_btn.btn_last{background-image:url(/hwagae/main/images/board_ico/nv_type01_next2_on.png)}
.paging{display: flex; align-items: center; justify-content: center; text-align:center; margin:50px 0 20px; font-size:0;}
.paging a{display: flex; align-items: center; justify-content: center; min-width:30px; line-height:30px;}
.paging a.select{font-weight: 600;}
.paging_mb{text-align:center; margin:30px 0; letter-spacing:-1px}
.btn_input{display:inline-block; text-align:center; padding:0 5px; min-width:40px; height:30px; line-height:30px; border-width:0; background:#333; color:#fff !important;}
.input{margin:1px; padding:0 5px; height:30px; line-height:30px; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box}
.paging_mb form {display: flex; align-items: center; justify-content: center;}
.paging_mb .input{text-align:center; width:40px}
.paging_mb .btn_input{min-width:50px}
.paging_mb a.page_btn{flex: 0 0 auto; display: inline-block; width:10%; height:30px; line-height:30px; letter-spacing:0; box-sizing:border-box}
.paging_mb a.page_btn.btn_prev{margin-right:5px}
.paging_mb a.page_btn.btn_next{margin-left:5px}
.paging_mb a.page_btn.btn_first,
.paging_mb a.page_btn.btn_last{text-indent:0; color:#666; min-width:60px}
.paging_mb a.page_btn.btn_first{text-align:center; padding-right:20px; background-position:right 8px center}
.paging_mb a.page_btn.btn_last{text-align:center; padding-left:20px; background-position:left 8px center}

.board_view {position: relative; padding-top: 25px;}
.board_view .title {padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.board_view .title p {padding:10px 0; color: #222; font-size:30px;}
.title+.data_list{margin-top:0; border-top:0}
.comment+.data_list{margin-top:50px}
.data_list {position: absolute; top: 0;}
.data_list>li{display: flex; gap: 10px; border-top:1px dotted #ddd}
.data_list>li:first-child{border-top:0}
.data_list>li dl {display: flex; gap: 10px; align-items: center;}
.data_list>li dl::before {content: ''; width: 1px; height: 10px; background: #ddd;}
.data_list>li dl:first-child:before {display: none;}
.data_list>li dl dt {display: none;}
.data_list>li dl dd {color: #555;}
.data_list>li dl:first-child dd {color: #222;}
.board_view .con {margin-bottom: 60px; border-bottom: 1px solid #ddd;}
.board_view div.con img{max-width:100% !important; height: auto !important;}
.board_view div.con .photo{margin:40px auto; text-align:center}
.board_view div.con .photo p{display:inline-block; margin-top:20px; max-width:100%; font-size:14px}
.board_view div.con .photo p span{display:block}
.board_view div.con .detail{margin:40px auto 50px;}
.board_view div.con .detail_movie{margin:40px auto 50px;}
.board_view div.con .photo+.detail{margin-top:80px}
.board_view div.con .openNuri{text-align:right; font-size:0}
.board_view div.con .openNuri img{margin-bottom:-1px; max-width: 100%;}
.other_con {display: none;}
.btnBox{text-align: right;}
.btn {display: inline-flex; align-items: center; gap: 15px; margin-left: 10px; padding: 0 35px; height: 46px; color: #666; background:#fff; border:1px solid #ccc;  box-sizing: border-box; transition:ease 0.3s;}
.btn:hover {color: #fff; background: #444; border-color: #444;}
.btn::before {content: ''; display: block; width: 17px; height: 14px; background:url(/hwagae/main/images/board_ico/board_bt_set01_ico_list_off.png) no-repeat 0 0; }
.btn:hover::before {background:url(/hwagae/main/images/board_ico/board_bt_set01_ico_list_on.png) no-repeat 0 0; }


.board_list .faqList {padding: 0 0 40px; width:100%; border-top:1px solid #111;}
.board_list .faqList>li .tit{position: relative;}
.board_list .faqList>li .tit::before,
.board_list .faqList>li .tit::after {content: ''; position: absolute; right: 25px; top: 37px; width: 16px; height: 2px; background: #111; transition: transform 500ms ease;}
.board_list .faqList>li .tit::after{transform: rotate(90deg);}
.board_list .faqList>li .tit::before{transform: rotate(180deg);}
.board_list .faqList>li .tit.open::after,
.board_list .faqList>li .tit.open::before {transform: rotate(0deg); background:#5d3cb4;}
.board_list .faqList>li a {display: flex; gap: 3%; padding:25px 60px 25px 25px; color:#444; font-weight:500; border-bottom:1px solid #ddd;}
.board_list .faqList>li a::before {content: 'Q'; font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: 600; line-height: normal;}
.board_list .faqList>li .open a {color:#5d3cb4;}
.board_list .faqList>li .con {position: relative; display: none; padding: 25px 40px 25px 90px; background: #fafafa; border-bottom: 1px solid #ddd;}
.board_list .faqList>li .con::before { content: 'A'; position: absolute; top: 20px; left: 40px; text-align: center; width: 30px; height: 30px; color: #fff; font-family: 'Raleway', sans-serif; font-size: 22px; font-weight: 600; line-height: 30px; background: #5d3cb4; border-radius: 50%;}

.nodata {text-align: center; padding: 50px 0; border-top: 2px solid #5d3cb4; border-bottom: 1px solid #ddd}

.board_list ul.photoList,
.board_list ul.photoList2{display:flex; flex-wrap:wrap; gap:20px 1%; padding:40px 1.6%; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{width:32%; box-shadow:0 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:200px; overflow:hidden}
.board_list ul.photoList>li p.img a:after,
.board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box}
.board_list ul.photoList>li p.img img,
.board_list ul.photoList2>li p.img img{position:relative; width:100%; height:100%; object-fit:cover}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%}
.board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:20px; font-size:17px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0; width:4px; height:4px; border-radius:3px; background:#aaa; box-shadow:-8px 0 0 #aaa, 8px 0 0 #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:15px; text-align:center}
.board_list ul.photoList2>li div.con{padding:6.5% 8% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:10px; min-height:35px; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:40px; overflow:hidden; line-height:140%}
.board_list ul.photoList2>li div.con p.cate{margin-top:20px; min-height:24px;}

.noimg.img{background:#f0f0f0; text-align:center; height:120px}
.noimg.img a{display:block; height:100%}
.noimg.img img{position:relative !important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto !important; height:auto !important; min-height:auto !important; z-index:1 !important;}

.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:5px 0; padding-left:20px}
.add_file dl>dt{width:9rem; font-weight:bold; color:#333}
.add_file{position:relative; padding:5px 80px 6px 0; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:15px}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:5px; color:#666; font-weight:bold; font-size:14px; letter-spacing:0}
.add_file .alldown{position:absolute; right:30px; top:15px}

.btn_board{display:inline-block; padding:1px 13px 2px !important; line-height:150%; letter-spacing:-0.1em; border-radius:60px;  border:1px solid #ccc !important; color:#484848 !important; font-size:14px}
.bg_bk{background:#333 !important; border-color:#333 !important; color:#fff !important}

@media screen and (min-width:1025px){
 .dp_mb{display:none !important}
}

@media screen and (max-width: 1024px){
	.dp_pc{display:none}
  .board_list table.general_board thead {display: none;}  
	.board_list table.general_board,
	.board_list table.general_board tbody,
	.board_list table.general_board tr,
	.board_list table.general_board td{display:block}
	.board_list table.general_board tbody tr{padding: 10px;}
	.board_list table.general_board tbody td{display:inline-block; padding:1px 10px 1px 0; color: #999; font-weight: 400;}
	.board_list table.general_board tbody td:first-child,
	.board_list table.general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} /*숨김*/
	.board_list table.general_board tbody td.title{text-align: left; max-width:100%; width:100%; font-weight: 700;}
	.board_list table.general_board tbody td.title a{width:90%; font-weight:700}
  
	.board_list ul.photoList,
	.board_list ul.photoList2{padding:40px 20px; gap:10px 3%}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{width:48%; max-width:unset;}
	.board_list ul.photoList>li p.img,
	.board_list ul.photoList2>li p.img{height:170px}
	.img-box .board_list ul.photoList2>li {width: calc(50% - 3% / 2) !important;}
	.board_list ul.photoList>li div.con p.tit{font-weight:bold}
}

@media screen and (max-width: 500px){
  .search {margin-bottom: 0;}
  
  .search .field,
  .search .word{flex-direction: column; width: 100%;}

  .search select,
  .search input[type=submit] {width: 100%; max-width: 100%;}

  .board_view .title p {font-size: 6vw;}
    
  .board_list {margin-top: 20px; margin-bottom: 0;}
  
	.board_list ul.photoList,
	.board_list ul.photoList2{padding:0; border:0}
}