@charset "utf-8";
/*
*   name : uxis default
*   date : 2021.07.07 
*	사이트에 맞게 필요없는 항목부터 지운 뒤 변경해서 사용 요망.
*/

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}


/* point-color */
.point-color01 {color:#1490d5 !important;} /* blue */


/* line */
.c_line {display:block;width:100%;height:1px;background:#e5e5e5;margin:50px 0}
.g_line {display:block;width:100%;height:1px;background:#e2e5ea;margin:40px 0}

.bodr_gr {border:1px solid #e2e2e2;}
.topline {border-top:1px solid #ededed}
.undrline {border-bottom:1px solid #ededed}

/* checkbox, radio*/
.chkBox{display: inline-block;  vertical-align: middle; min-height: 22px; padding-left: 24px; font-size: 15px; color: #555; position: relative;}
.chkBox > label{font-size:0 ! important;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background:url('../img/default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5em 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:1.4em;}
.chkBox input:checked ~ .box {background:url('../img/default/checkbox_active.svg') no-repeat left center;}

.radio_Ui{display:inline-block; vertical-align:middle;}
.radio_Ui.mg_r20{margin-right:2rem;}
.radio_Ui input[type=radio]{margin: 0 0.5em 0 0;  width: 20px !important;  height: 20px;  vertical-align: middle; cursor: pointer; background: url('../img/default/radiobox.svg') no-repeat left center;}
.radio_Ui input[type=radio]:checked{background: url('../img/default/radiobox_active.svg') no-repeat left center;}
.radio_Ui label{font-size:1.5rem; color:#777;}

.txt_el3{-webkit-line-clamp: 3; overflow: hidden;  -o-text-overflow: ellipsis;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical; word-wrap: break-word;}
.txt_el2{-webkit-line-clamp: 2; overflow: hidden;  -o-text-overflow: ellipsis;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical; word-wrap: break-word;}
.txt_el1{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.txt_el{word-break:break-all;}

/*박스유형*/
.isbox {display:block;position:relative;}

.gr_box {position:relative;display:block;background:#f7f7f7;padding:30px;border:1px solid #e2e2e2;clear:both}
.gray-box {display:block; background:#f4f6f7; padding:30px 20px;}

.wh_box {position:relative;display:block;padding:40px 0;clear:both;overflow:hidden;}
.wh_boxp30 {position:relative;display:block;padding:30px;clear:both;overflow:hidden;}

.s_box {position:relative;display:block;overflow:hidden;}
.s_box50line {position:relative;width:428px;overflow:hidden;padding:30px;border:1px solid #e2e2e2;}
.s_box50 {position:relative;width:485px;overflow:hidden;}
.s_box50.left, .s_box50line.left {float:left;}
.s_box50.right, .s_box50line.right {float:right;}

.s_box30 {position:relative;width:281px;overflow:hidden;padding:20px;border:1px solid #e2e2e2;float:left;}
.s_box30.cntr {margin:0 15px}


/* button */
/* 버튼 크기 */
.btn {display:inline-block;border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;/* border:1px solid #fff; */}
.b_btn {display:inline-block;min-width:130px;padding:15px 15px;border-radius:3px;border:none;cursor:pointer;line-height:normal;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.b_btn span {display:inline-block;font-size:1.6rem;letter-spacing:-0.02em;font-weight:600;position:relative;}

/* 버튼 색상*/
.btn_blue {background:#1490d5;}
.btn_blue span {color:#fff;}
.btn_red {background:#d15c45;}
.btn_red span {color:#fff;}
.btn_black {background:#444;}
.btn_black span {color:#fff;}

	@media screen and (min-width:1200px){
	
		.btn_blue:hover,
		.btn_blue:focus {background:#0075d8;}
		.btn_red:hover,
		.btn_red:focus {background:#da2400;}
		.btn_black:hover,
		.btn_black:focus {background:#111;}
	}


/* input */
.input01 {height:50px; border:1px solid #e9ebee; border-radius:3px; padding:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}


/* select */
.sel01 {padding:0 3.5rem 0 1.5rem; background:url(../img/default/sel_arrow_down.svg) no-repeat right 15px center / 9px auto;}
.category_sel {border: 1px solid #ddd;border-radius: 4px; padding: 16.5px 15px; box-sizing: border-box;width: 100%;}




/* board 관련 */

/* faq */
.faq_tab{margin-bottom:3rem;}
.faq_tab ul{display: flex; justify-content: flex-start; align-items: center;}
.faq_tab ul li{width: calc(16.666% - 2rem / 6); max-width: 160px; margin-right: 1rem;}
.faq_tab ul li a{transition:all .3s; display: block; font-size: 1.5rem; border: 1px solid #eee;  border-radius: 50px;  padding: 1.5rem 1rem; text-align: center;}
.faq_tab ul li.over a{box-shadow: 0 7px 15px rgb(0 0 0 / 10%); background:#0b0b5d; border-color:#0b0b5d; color:#fff;}
.faq_lst {border-top:2px solid #444;}
.faq_lst .faq_q{position:relative; display: block; position: relative; padding: 3rem 7rem 3rem 3rem; border-bottom: 1px solid #eee;  line-height: 1.4; font-size: 1.8rem;}
.faq_lst .faq_q:after{ transition:all .3s;content:''; display:block; position:absolute;  top: 50%; right: 3rem; transform: translateY(-50%);width:12px; height:7px; background:url(../img/default/sel_arrow_bottom.svg) no-repeat right center / 12px;}
.faq_lst li.open .faq_q:after{transform: translateY(-50%) rotate(180deg);}
.faq_lst .faq_q .s_tit{display: block;  font-size: 1.5rem;  color: #4c66bd;  padding-bottom: 1rem;}
.faq_lst .faq_q .b_tit{font-weight:500;}
.faq_lst .faq_a{ word-break: break-all; display:none; width:100%; padding: 3rem 3.5rem; background:#f4f6f9; border-bottom:1px solid #eee;}
.faq_lst .faq_a_cont{transition:all .1s; display: flex; align-items: baseline;}
.faq_lst .faq_a_cont span{font-family: 'Titillium Web'; font-size: 1.8rem; font-weight: 600; color: #4c66bd; padding-right:1rem;}
.faq_lst .faq_a_cont div{width: calc(100% - 60px); line-height:1.5;}
.faq_lst .faq_a_cont div.a_txt span{line-height:1.5;font-family: 'NotoSans', sans-serif !important;font-size: 1.6rem !important;font-weight: 500 !important;color: #4c66bd;padding-right: 0;}
.faq_lst .textnone{padding: 2.2rem 1.5rem; text-align: center;border-bottom: 1px solid #e2e5ea; line-height: 140%;}

	@media screen and (min-width:1200px){ 		
	
		.faq_tab ul li:hover a,
		.faq_tab ul li:focus a{background:#0b0b5d; border-color:#0b0b5d; color:#fff;opacity: 0.9;}
		.faq_lst .faq_q:hover .b_tit,
		.faq_lst .faq_q:focus .b_tit{text-decoration:underline;text-underline-offset: 3px;}
		
	}

	@media screen and (max-width:768px){ 		
	
		.faq_lst .faq_q{padding:3rem 6rem 3rem 2rem;}	
		.faq_lst .faq_a{padding:3rem 2.5rem;}
		.faq_lst .faq_a_cont span{padding-right:3rem;}
		.faq_lst .faq_a_cont div{ width: calc(100% - 40px);}
	}

	@media screen and (max-width:640px){ 		
		
		.faq_tab ul{flex-wrap: wrap;}
		.faq_tab ul li{width: calc(33.333% - 2rem / 3); margin-bottom:1rem;  max-width: 100%;}
		.faq_tab ul li:nth-child(3n){margin-right:0;}
		.faq_tab ul li:nth-child(n+4){margin-bottom:0;}

		.faq_lst .faq_q{font-size:1.6rem;}		
		.faq_lst .faq_q:after{width:10px; background:url(../img/default/sel_arrow_bottom.svg) no-repeat right center / 10px;}
		.faq_lst .faq_a_cont div{font-size:1.5rem;}
	}


/*qna */
.qna_button {margin-top: 5rem;display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-orient: horizontal;-webkit-box-direction: reverse; -ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.qna_button .link_btn {display: block; background: #0b0b5d;border-radius: 3px;-webkit-box-shadow: 3px 7px 14px rgb(0 0 0 / 8%);box-shadow: 3px 7px 14px rgb(0 0 0 / 8%); color: #fff; font-size: 1.5rem; font-weight: 400;  padding: 1rem 4rem;margin-left: 0.5rem;height:4.8rem;}

/* board paging */
.board_paging ul:after {content:"";display:block;clear:both;}
.board_paging ul li {float:left;}
.board_paging ul li a {display:block;min-width:35px;height:35px;line-height:35px; font-size: 1.5rem; margin: 0 0.3rem; border-radius:50px;white-space:nowrap;padding:0 0.5rem ;text-align:center;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
.board_paging ul li a.on {color:#fff; background:#111; border-color:#111;}
.board_paging ul li.leftP {padding-right:20px;}
.board_paging ul li.rightP {padding-left:20px;}
.board_paging ul li a.arr_left01 {background:url(../img/default/arr_left01.png) no-repeat center center;background-size:11px auto;}
.board_paging ul li a.arr_left02 {background:url(../img/default/arr_left02.png) no-repeat center center;background-size:5px auto;}
.board_paging ul li a.arr_right01 {background:url(../img/default/arr_right01.png) no-repeat center center;background-size:5px auto;}
.board_paging ul li a.arr_right02 {background:url(../img/default/arr_right02.png) no-repeat center center;background-size:11px auto;}

.board_bottom  {text-align:center;padding-top:50px;font-size:0;}
.board_bottom .board_paging {display:inline-block;}
.board_bottom .write_btn {float:right;}
.board_bottom .b_btn {margin-left:10px;}
.board_bottom .b_btn:first-child {margin-left:0;}

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

		.board_paging ul li a {min-width:30px;height:30px;line-height:30px;}
		.board_paging ul li a.arr_left02 {margin-left:2px;margin-right:3px;}
		.board_paging ul li a.arr_right01 {margin-left:3px;}
		.board_paging ul li a.arr_right02 {margin-left:2px;}
	}

/* board_notice_list, view, window_popup*/
.board_notice{}
.board_notice h3{margin-bottom:5rem;font-size:2.5rem; font-weight:600;}
.board_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:4rem;}
.board_top .board_src{display:flex;}
.board_top .board_src select{color:#999; border: 1px solid #eee;padding: 1.2rem 2rem; width: 130px;border-radius:3px;}
.board_top .board_src .qna_sel {width: 165px;margin-right: 0.5rem;}
.board_top .board_src input{border: 1px solid #eee; padding: 1.2rem 2rem; margin-left: 0.5rem;border-radius:3px;}
.board_top .board_src input::placeholder {color:#d0d0d0}
.board_top .board_src button{background: #111; color:#fff;border-radius: 3px;padding: 0 2rem; margin-left: 0.5rem; font-size: 1.5rem; font-weight: 500; min-width: 70px;}
.board_top .board_total{}
.board_top .board_total p{position:relative;}
.board_top .board_total p span{color:#eb008b;}

.tbl_01 {width:100%;border-top:2px solid #555;}
.tbl_01 thead th {padding:2rem 1.5rem;font-weight:500;}
.tbl_01 thead th div {position:relative;}
.tbl_01 thead th div:before {content:"";position:absolute;top:50%;left:-15px;margin-top:-6px;display:block;width:0px;height:12px;border-right:1px solid #e2e5ea;}
.tbl_01 thead th:first-child div:before {display:none;}
.tbl_01 tr {border-bottom:1px solid #e2e5ea;line-height:140%;}
.tbl_01 td {padding:2.2rem 1.5rem;word-wrap:normal;word-break:break-all;}
.tbl_01 td a {word-wrap:normal;word-break:break-all;}
.tbl_01 td.title {font-weight:600;text-align:left;}
.tbl_01 td.title a {-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.tbl_01 td.fc_gray{color:#999;}
.tbl_01 td.mb_none, .tbl_01 td.date, .tbl_01 td.file, .tbl_01 td.cat, .tbl_01 td.wr_nm, .tbl_01 td.state {text-align: center;}
.tbl_01 td .file_icon{display: inline-block; width: 18px; height: 18px; background: url(../img/default/icon_file.svg)no-repeat center center; background-size: 18px auto; vertical-align: middle;}
.tbl_01 td .label{width: 60px; padding:1rem; font-size: 1.4rem; background: #000; border-radius: 30px; color: #fff; display: inline-block;}

.tbl_01 .tr_center {padding: 2rem;}
.tbl_01 .tr_center td {text-align:center;}

.tbl_01.qna_tbl td {text-align: center;}
.tbl_01 td.state span {padding: 10px 20px;font-size: 1.5rem;margin: 0 auto;border-radius: 50px;font-weight: 500;width: 100px;display: block;}
.tbl_01 td.reply span {background: #4c66bd;color: #fff;}
.tbl_01 td.unreply span {background: #eee;color: #999;}
.re_arr {display: inline-block;width: 16px;height: 16px;;background: url(../img/layout/re_arr.svg) no-repeat;background-size: 16px;margin-right: 6px;}

.bline_tbody tr {border-bottom: 1px solid #e3e7ef;}

.view_box{}
.view_box .top_tit{display: block;  width: 100%; text-align: center;padding: 2.4rem 1rem; font-size: 2.2rem;font-weight: 500;border-top: 2px solid #555;border-bottom: 2px solid #eee;line-height:1.2;}
.view_box .top_cont{width: 100%;  padding: 2.4rem 2rem; font-size:1.5rem; border-bottom: 1px solid #eee; display: flex;  justify-content: flex-start;  align-items: stretch;}
.view_box .top_cont div:nth-child(n+2){padding-left:2.5rem;}	
.view_box .top_file{padding: 2.4rem 2rem; border-bottom: 3px solid #eee; display: flex;  justify-content: flex-start; align-items: center; font-size: 1.5rem;}
.view_box .top_file p{width: 100px;  margin-right: 1.5rem;}
.view_box .top_file .file_dm{width: calc(100% - 115px); display: flex; justify-content:flex-start;  align-items: center;  flex-wrap: wrap;}
.view_box .top_file .file_dm > a{display:block;}
.view_box .top_file .file_dm > div{width: calc(33.333% - 20px / 3);position: relative;margin-right: 1rem; border-radius:3px; border: 1px solid #eceef0; padding: 1.2rem 2rem 1.2rem 3.5rem; line-height: 1.2; font-size: 1.5rem; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.view_box .top_file .file_dm > div:last-child{margin-right:0;}
.view_box .top_file .file_dm > div span{position:relative; font-size:1.5rem; color: #999; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.view_box .top_file .file_dm > div span:before{content:''; display:block; width:14px; height:14px; background:url(../img/default/icon_down.svg) no-repeat left center / 14px; position:absolute;  top: 50%; left: -20px;  transform: translateY(-50%);}
.view_box .top_file .file_dm a.delbtn {background: #636363; padding: 14px 20px;color: #fff;font-size: 1.4rem;font-weight: 500;margin-left: 7px; position: absolute;right: -16%;top: 50%;transform: translateY(-50%);}
.view_box .mid_txt{padding: 4rem 2rem; line-height:1.4;}
.view_box .mid_txt p {font-family: 'NotoSans', sans-serif}
.view_box .mid_txt b{font-weight:bold;}
.view_box .btom_cont .box{display: flex;  justify-content: flex-start;  align-items: center;  border-top: 1px solid #eee;  border-bottom: 1px solid #eee; font-size: 1.5rem;}
.view_box .btom_cont .box .txt{ width: 160px; background: #f4f6f9; padding: 2.5rem 2rem; text-align: center;}
.view_box .btom_cont .box a{transition: all .3s; width: calc(100% - 160px); padding: 0 2rem; font-size: 1.5rem;}
.view_box .btom_cont .box.next{border-top:0;}


.wd_pup .board_notice:nth-child(n+2){margin-top:1rem;}
.wd_pup .board_notice h3{margin-bottom:2rem;}
.wd_pup .view_box .mid_txt{border-bottom:1px solid #eee;}
.wd_pup .view_box .mid_txt textarea {padding: 10px;resize: none;}
.wd_pup .view_box .top_tit{padding:2.2rem 1rem;}
.wd_pup .btn_wrap{margin-top:2rem;}
.wd_pup .line_add{border-top:2px solid #555;}
.view_box .top_file .file_upload{width: calc(100% - 115px); display: flex; justify-content:flex-start;  align-items: center;  flex-wrap: wrap;}
.view_box .top_file .file_upload .file{width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.view_box .top_file .file_upload .file .inputfile_nm{ font-size: 1.5rem;  padding: 1rem 2rem; border: 1px solid #eee; border-radius: 3px;}
.view_box .top_file .file_upload .file .inputfile{ position: absolute; width: 0px; height: 0px; padding: 0; overflow: hidden; border: none;}
.view_box .top_file .file_upload .file button{ display: block; color: #fff; font-size: 1.4rem; font-weight: 500; padding: 1.5rem; margin-left: 0.5rem;}
.view_box .top_file .file_upload .file .addbtn {display: block;color: #fff;font-size: 1.4rem; font-weight: 500;padding: 1.8rem 2rem;margin-left: 0.5rem;background: #000;}
.view_box .top_file .file_upload .file button.tb_btn{background:#000;}
.view_box .top_file .file_upload .file button.delet{background:#999;}
.view_box .top_file .file_upload .file button.add, .view_box .top_file .file_upload .file button.minus{font-size: 1.6rem; font-weight:600; padding: 1.3rem; }

	@media screen and (min-width:1200px){
	
		.tbl_01 td.title a:hover,
		.tbl_01 td.title a:focus{text-decoration: underline;text-underline-offset: 3px;}
		.view_box .top_file .file_dm > div:hover,
		.view_box .top_file .file_dm > div:focus{border-color:#e4087e;}
		.view_box .top_file .file_dm > div:hover span,
		.view_box .top_file .file_dm > div:focus span{color:#e4087e;}
	}

	@media screen and (max-width:980px){
		
		.view_box .top_file .file_dm > div{width: 80%;}
		.view_box .top_file .file_dm > div:nth-child(even){margin-right:0;}
		.view_box .top_file .file_dm > div:nth-child(n+3){margin-top:0.5rem;}

		.wd_pup .line_add{flex-wrap: wrap;}
		.view_box .line_add div:nth-child(n+1){padding:0.5rem 2.5rem 0.5rem 0;}	
		.view_box .line_add div:last-child{padding-right:0;}	
	}

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

		.board_top{flex-direction: column-reverse; align-items: center; margin-bottom: 2rem;}
		.board_top .board_total{width: 100%; text-align: center; margin-top: 5rem;}
	}

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

		.tbl_01 td {padding: 2.2rem 1.3rem;}
	}

	@media screen and (max-width:768px){
	
		.board_top form{width:100%;}
		.board_top .board_total p{font-size:1.5rem;}
		.board_top .board_src{width:100%;}
		{width: calc(100% - 205px);}
		
		.tbl_01 .mb_none, .tbl_01 .wr_nm, .tbl_01 td.cat {display:none;}
		.tbl_01 td.state {position: absolute;width: auto;right: 2rem;bottom: 2rem;}
		.tbl_01 td.state span {margin: 0;width: 93px;}
		.tbl_01 thead{display:none;}
		.tbl_01 tbody, .tbl_01 tr, .tbl_01 th, .tbl_01 td{display: block; border: none; width: 100%; text-align: left; padding: 0;}
		.tbl_01 tr{width: 100%; position: relative; padding: 2rem 6rem 2rem 1rem;  border-bottom: 1px solid #eee;}
		.tbl_01 td.title{text-align: left; padding-bottom: 0.5rem;width: 80%;}
		.tbl_01 td.date{font-size: 1.5rem;text-align: left;}
		.tbl_01 td .file_icon{position: absolute; top: 50%; right: 20px; padding: 0; transform: translateY(-50%);}
	}

	@media screen and (max-width:640px){
		
		.view_box .top_file p{display:none;}
		.view_box .top_file .file_dm{width:100%;}
		.view_box .top_file .file_dm > div{width: 100%; margin-right:0}
		.view_box .top_file .file_dm > div:nth-child(2){margin-top:0.5rem;}
	}

	@media screen and (max-width:420px){
	
		.board_top .board_src{flex-direction:column;}
		.board_top .board_src select{width:100%;}
		.board_top .board_src .qna_sel{width:100%;margin:0 0 0.5rem 0;}
		.board_top .board_src input{border-left:1px solid #eee;margin: 0.5rem 0 0 0; width:100%;}
		.board_top .board_src button{margin-top: 0.5rem; margin-left: 0; padding: 1.2rem 2rem;}

	}

	@media screen and (max-width:420px){
		.tbl_01 td.state {right: 1.8rem;}
	}


/* board_list */
.board_list{}
.board_list h3{margin-bottom:5rem;font-size:2.5rem; font-weight:600;}
.board_list .boardlst_tbl {border-top:2px solid #555;width:100%;}
.board_list .boardlst_tbl td {padding:4rem 1rem;text-align:center;line-height:160%;}
.board_list .boardlst_tbl td .tit_wrap{padding-top:0.5rem;}
.board_list .boardlst_tbl td .tit_btxt {font-size:1.8rem;font-weight:500;margin-bottom:2rem;}
.board_list .boardlst_tbl td .tit_btxt:last-child {margin-bottom:0;}
.board_list .boardlst_tbl td .tit_btxt a {font-size:1.8rem; font-weight: 500;}
.board_list .boardlst_tbl td .tit_sbtxt {display:inline-block; color:#999;}
.board_list .boardlst_tbl td .tit_sbtxt span{display:inline-block; color:#999;}
.board_list .boardlst_tbl td .tit_sbtxt.date{position:relative; margin-right:3rem;}
.board_list .boardlst_tbl td .tit_sbtxt.date:after{ content: "";  position: absolute;  top: 50%; right: -18px;  margin-top: -7px;  display: block;  width: 0px;  height: 14px;  border-right: 1px solid #ececec;}
.board_list .boardlst_tbl td.takedate{text-align:left;} 
.board_list .boardlst_tbl td.takedate p:first-child{margin-bottom:1rem;}
.board_list .boardlst_tbl td.state_btn .flex_w{display: flex; justify-content: center; align-items: center;}
.board_list .boardlst_tbl td.state_btn button{border: 1px solid #eee; border-radius: 5px; margin-right:0.5rem; padding: 0.5rem 1.5rem; font-size: 1.4rem; color: #999; transition:all .3s;}
.board_list .boardlst_tbl td.state_btn button:last-child{margin-right:0;}
.board_list .boardlst_tbl td.pgr_state button{cursor: auto; border-radius: 50px; padding: 0.6rem 2rem; width: 80px; font-size:1.5rem;}
.board_list .boardlst_tbl td.pgr_state button.apply{background: #4c66bd; color: #fff;}
.board_list .boardlst_tbl td.pgr_state button.examine{background: #777; color: #fff;}
.board_list .boardlst_tbl td.pgr_state button.refuse{background: #eee; color: #999;}
.board_list .boardlst_tbl tr{width:100%; position:relative;}
.board_list .boardlst_tbl tr.bline {border-bottom:1px solid #e3e7ef;}
.board_list .cont_no_tbl p{color: #999; line-height: 1.5;}
.board_list .boardlst_tbl tr.bline td p {line-height: 1.3;}

.board_list .boardlst_tbl td.utill .flex_w{max-width:340px; display: flex; justify-content: space-between; align-items: center;padding: 1.5rem 3rem; border: 1px solid #eee; border-radius: 50px; font-size: 1.5rem;}
.board_list .boardlst_tbl td.utill .list p{padding-left:2rem; letter-spacing: -0.01em;}
.board_list .boardlst_tbl td.utill .list p.interest{background:url(../img/default/icon_interest.svg) no-repeat left center / 18px;}
.board_list .boardlst_tbl td.utill .list p.inquiry{background:url(../img/default/icon_inquiry.svg) no-repeat left center / 18px;}
.board_list .boardlst_tbl td.utill .list p.view{background:url(../img/default/icon_view.svg) no-repeat left center / 18px;}
.board_list .boardlst_tbl td.takedate.ty01 p:first-child{margin-bottom:0;}
.board_list .boardlst_tbl td.state_btn.ty01 .flex_w{flex-direction:column;}
.board_list .boardlst_tbl td.state_btn.ty01 button{margin-right:0; margin-bottom:0.5rem;}


/* board_list2*/
.inquiry_w{margin-top:5rem;}
.inquiry_w h4{margin-bottom: 2rem; font-size: 2rem; font-weight: 500;}
.inquiry_w .boardlst_tbl {border-top:2px solid #555; width:100%;}
.inquiry_w .boardlst_tbl td {padding:3rem 1rem;text-align:center;line-height:160%;}
.inquiry_w .boardlst_tbl td .label{width: 60px; padding: 1.3rem 1rem; font-size: 1.4rem; background: #44c4dc; border-radius: 30px; color: #fff; text-align: center;}
.inquiry_w .boardlst_tbl td .tit_wrap{padding-top:0.5rem;}
.inquiry_w .boardlst_tbl td .tit_btxt {font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;cursor: pointer}
.inquiry_w .boardlst_tbl td .tit_btxt:last-child {margin-bottom:0;}
.inquiry_w .boardlst_tbl td .tit_btxt a {font-size:1.8rem; font-weight: 500;display:flex;}
.inquiry_w .boardlst_tbl td .tit_sbtxt {display:inline-block; color:#9f9f9f; font-size:1.5rem;}
.inquiry_w .boardlst_tbl td .tit_sbtxt.date{position:relative; margin-right:3rem;}
.inquiry_w .boardlst_tbl td .tit_sbtxt.date:after{ content: "";  position: absolute;  top: 50%; right: -18px;  margin-top: -7px;  display: block;  width: 0px;  height: 14px;  border-right: 1px solid #ececec;}
.inquiry_w .boardlst_tbl td .file_i{display: inline-block; width: 30px; height: 30px; background: url(../img/default/icon_board_file.svg)no-repeat center center; background-size:20px auto; vertical-align: middle;}
.inquiry_w .boardlst_tbl tr{width:100%; position:relative;}
.inquiry_w .boardlst_tbl tr.bline {border-bottom:1px solid #e3e7ef;}
.inquiry_w .boardlst_tbl td a:not(.btn) {transition:color .3s;}

.tit_btxt .new_icon {color: #fff;background: #f7b53c;margin-left: 7px;padding: 3px 6px 4px 5px;font-size: 1.2rem;display: table-cell;vertical-align: middle;}
.inquiry_w.ty01 .boardlst_tbl td{padding:4rem 1rem;}

.inquiry_w .cfm_board td .tit_btxt {cursor: default;}

	@media screen and (min-width:1200px){
	
		.board_list .boardlst_tbl td.state_btn button:hover,
		.board_list .boardlst_tbl td.state_btn button:focus{background:#f4f6f9;}
		
		.board_list .boardlst_tbl td a:not(.btn):hover,
		.board_list .boardlst_tbl td a:not(.btn):focus {color:#eb008b;}
		.board_list01 .boardlst_tbl td a:not(.btn):hover,
		.board_list01 .boardlst_tbl td a:not(.btn):focus {color:#eb008b;}

		.boardLst_bottom .btn.list:hover{background:#222;}
		.boardLst_bottom .btn.sel_cancel:hover{background: #ef4936; }
		.boardLst_bottom .btn.apply:hover{background:#f9a100;}

		.inquiry_w .boardlst_tbl td .tit_btxt:hover,
		.inquiry_w .boardlst_tbl td .tit_btxt:focus{color:#eb008b;}
		
		.inquiry_w .cfm_board td .tit_btxt:hover, .inquiry_w .cfm_board td .tit_btxt:focus {color: #333;}
	}

	@media screen and (max-width:1024px){
	
		.board_list .boardlst_tbl colgroup {display:none;}
		.board_list .boardlst_tbl tr,
		.board_list .boardlst_tbl th,
		.board_list .boardlst_tbl td {display:block;width:100%;text-align:left;padding:0;}
		.board_list .boardlst_tbl th:last-child,
		.board_list .boardlst_tbl td:last-child {padding-bottom:0;}
		.board_list .boardlst_tbl tr {padding:3rem 1rem;}
		.board_list .boardlst_tbl td.lstnum {display:none;}
		.board_list .boardlst_tbl td .tit_wrap{padding:0;}
		.board_list .boardlst_tbl td .tit_btxt{padding-right:10rem;}
		.board_list .boardlst_tbl td.pgr_state{position: absolute; top: 3rem; right: 1rem; width: auto; padding-bottom: 0; text-align: center;}
		.board_list .boardlst_tbl td.takedate{margin-top:2rem; font-size:1.4rem;}
		.board_list .boardlst_tbl td.takedate p:first-child{margin-bottom:0.5rem;}
		.board_list .boardlst_tbl td.state_btn{margin-top:3rem;}
		.board_list .boardlst_tbl td.state_btn button{width:50%; padding:0.8rem;}
		.board_list .boardlst_tbl td.pgr_state button{width:75px;}
		.board_list .boardlst_tbl td.utill{margin-top:2rem;}

		.board_list .boardlst_tbl td.state_btn.ty01 .flex_w{flex-direction: inherit; justify-content: space-between;}
		.board_list .boardlst_tbl td.state_btn.ty01 button{width: calc(50% - 0.5rem / 2); margin-bottom:0;}


		.board_list .boardlst_tbl td.utill{position: absolute; top: 2rem; right: 1rem; width: auto;}
		.board_list .boardlst_tbl td.utill .flex_w{flex-direction: column; align-items: flex-start; border-radius: 5px; padding: 1.5rem 2rem;}
		.board_list .boardlst_tbl td.utill .flex_w .list{margin: 0.5rem 0;}

	}

	@media screen and (max-width:1000px){
	
		.board_list01 .boardlst_tbl colgroup {display:none;}
		.board_list01 .boardlst_tbl tr,
		.board_list01 .boardlst_tbl th,
		.board_list01 .boardlst_tbl td {display:block;width:100%;text-align:left;padding:0 0 1rem;}
		.board_list01 .boardlst_tbl th:last-child,
		.board_list01 .boardlst_tbl td:last-child {padding-bottom:0;}
		.board_list01 .boardlst_tbl tr {padding:2rem 0;position:relative;}
		.board_list01 .boardlst_tbl tr.bline {padding:2rem 0;}
		.board_list01 .boardlst_tbl td.lstchk {display:inline-block;width:auto;margin-right:1rem; padding: 0;}
		.board_list01 .boardlst_tbl td.lstnum {display:inline-block;width:auto;}
		.board_list01 .boardlst_tbl td .tit_wrap {margin-bottom:1.5rem;}
		.board_list01 .boardlst_tbl td.onebtn .btn {width:100%;}
		.board_list01 .boardlst_tbl td.rbtns {position:absolute;top:2rem;right:0;width:auto;padding-bottom:0; text-align:center;}
		.board_list01 .boardlst_tbl td.takedate{text-align:left;}

		.board_list01 .boardlst_tbl td.m_n{display:none;}
		.board_list01 .boardlst_tbl td.apply_total div{text-align:center;}
		.board_list01 .boardlst_tbl td.takedate.tl_c{text-align:center;}
		
		.board_view .board_view_info .view_info_box.info_s{display:block;}
		.board_view .board_view_info .view_info_box div{margin-bottom:1rem;}
		.board_view .board_view_info .view_info_box div:after{display:none;}


	}

	@media screen and (max-width:980px){
		
		.inquiry_w .boardlst_tbl colgroup {display:none;}
		.inquiry_w .boardlst_tbl tr,
		.inquiry_w .boardlst_tbl th,
		.inquiry_w .boardlst_tbl td {display:block;width:100%;text-align:left;padding:0 0 1rem;}
		.inquiry_w .boardlst_tbl th:last-child,
		.inquiry_w .boardlst_tbl td:last-child {padding-bottom:0;}
		.inquiry_w .boardlst_tbl tr {padding:2rem 0;position:relative;}
		.inquiry_w .boardlst_tbl tr.bline {padding:2rem 0;}
		.inquiry_w .boardlst_tbl td .tit_wrap{padding-top:2rem;}
		.inquiry_w .boardlst_tbl td.lstnum {display:none;}
		.inquiry_w .boardlst_tbl td.rbtns {text-align: right;position: static; margin-top: 2rem;width:auto;padding-bottom:0;}
		.inquiry_w .boardlst_tbl td.rbtns .state{width:77px;}
		.inquiry_w .boardlst_tbl td.takedate{margin-top:2rem; font-size:1.4rem;}
		.inquiry_w .boardlst_tbl td .tit_sbtxt{display:block;}
		.inquiry_w .boardlst_tbl td .tit_sbtxt.date:after{display:none;}
		.inquiry_w .boardlst_tbl td .tit_sbtxt.date{margin-right:0; margin-bottom:0.5rem;}
		.inquiry_w.ty01 .boardlst_tbl td{padding:initial;}
		
		.cfm_board .rbtns {}
		

	}

	@media screen and (max-width:768px){
	
		.board_top .board_src.ty01 select{width:100%;}
		.board_top .board_src select.ty01{margin-left:0; margin:0.5rem 0;}
		.board_top .board_src.ty01 input{width: calc(100% - 114px); margin-left: 0px;}

		.board_list .boardlst_tbl td.utill{position: static;}
		.board_list .boardlst_tbl td.utill .flex_w{border-radius:0; border-style: dashed; border-left: 0; border-right: 0;flex-direction: inherit;  padding: 1.5rem 3rem; margin: 0 auto; max-width: 100%;  justify-content: space-evenly;}
		.board_list .boardlst_tbl td.utill .flex_w .list{margin:0;}
		.board_list .boardlst_tbl td.takedate.ty01{text-align:center;}
		.board_list .boardlst_tbl td.state_btn.ty01{margin-top:2rem;}
			
	}

	@media screen and (max-width:680px){
	
		.board_view .board_view_info .view_info_box{display:block;}
		.board_view .board_view_info .view_info_box div:not(:last-child){margin-bottom:0.8rem;}
		.board_view .board_view_info .view_info_box div:after{display:none;}
		.board_view .btn_w2{text-align: center;}
		.board_view .btn_w2 .btn_sizeC{width:128px;}

	}

	
	@media screen and (max-width:480px){
	
		.board_list .boardlst_tbl td.utill .flex_w{padding:1.5rem; flex-direction: column; }
		.board_list .boardlst_tbl td.utill .flex_w .list{margin:0.5rem 0;}

	}

/* layerpop */
.layerpop_wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background: rgba(0,0,0,0.7); z-index: 140; backdrop-filter: blur(3px);transition: opacity .3s;transition: opacity .3s;}
.layerpop_tbl {display:table;table-layout:fixed;width:100%;height:100%;}
.layerpop_cell {display:table-cell;position: relative;}
.layerpop {position:relative; width:94rem;max-width:calc(100% - 4rem);box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);opacity:0;transition:opacity .3s;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.layerpop_wrap.open .layerpop {opacity:1;}
.layerpop_scr {max-height: calc(100vh - 22rem); overflow: auto; background: #F5F6F8; padding: 2rem; width: 100%; height: 100%;}
.layerpop_scr > .scroll-content {max-height:calc(100vh - 13rem) !important;}
.layerpop_scr > .scroll-scrolly_visible > .layerpop_scr_inwrap {padding-right:2rem;}
.layerpop .tabfocus:focus {outline:auto;}
.layerpop .scrCustom .scroll-element .scroll-bar,
.layerpop .scrCustom .scroll-element:hover .scroll-bar {background-color:#888;}
.layerpop .closebtn{color:#fff; font-size:2rem; position: absolute; top: -2.5rem; right: 0;padding-left:3rem;}
.layerpop .closebtn:before{content: "";position: absolute;top: 50%;left: 1.3rem;margin: -1px 0 0 -15px;width: 2.6rem;height: 2px;transform: rotate(45deg);background: #fff;}
.layerpop .closebtn:after{content: "";  position: absolute;  top: 50%;  left: 1.3rem;  margin: -1px 0 0 -15px;  width: 2.6rem;  height: 2px;  transform: rotate(-45deg);  background: #fff;}
.layerpop_btn {display:flex;justify-content:center;gap:20px;}
.layerpop_btn .btn {width:200px;}
.layerpop .content{width:100%; background:#fff; border: 1px solid #555;}
.layerpop .content table{width:100%;}
.layerpop .content table th{width:100%; padding:1.5rem 1rem; background:#333; color:#fff;}
.layerpop .content table td{text-align:center; padding:1rem; border:1px solid #ddd; font-size: 1.4rem;  line-height: 1.4;}
.layerpop .content table td:first-child{border-left:0;}
.layerpop .content table td.thb{background: #f5f5f5;}
.layerpop .content table td.w85{width:8.5rem;}
.layerpop .content table td.w110{width:11rem;}
.layerpop .content table td ul{}
.layerpop .content table td ul li{line-height:1.4;}

.scroll-scrolly_visible .layerpop_textBox {width:calc(100% - 20px);}
.scroll-element,
.scrCustom .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrCustom .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrCustom .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 5px;}
.scrCustom.scroll-element .scroll-element_outer {overflow: hidden;}
.scrCustom .scroll-element .scroll-element_track { background-color: #f4f4f4;border-radius:0px;}
.scrCustom .scroll-element .scroll-bar { background-color: #222;border-radius:0px;}
.scrCustom .scroll-element:hover .scroll-bar { background-color: #222; }
.scrCustom .scroll-element.scroll-draggable .scroll-bar { background-color: #222; }
.scrCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

@media screen and (max-width:768px){
	
		.layerpop{margin: 5rem auto 2rem;}
		.layerpop .scrollX{ overflow: scroll;}	
		.layerpop .content table{width:768px;}
	}

/* datepicker */
#ui-datepicker-div {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border:none; padding:0px; border-radius:5px; width:auto;background:#fff !important;}
.ui-datepicker-title {font-size:16px;}
.ui-datepicker-header {background:#333 !important; border:none !important; border-radius:5px 5px 0 0 !important; padding:12px 12px 0 10px !important;color:#fff !important;}
.ui-datepicker-header select {width:43% !important;font-size:14px !important;background:url(../img/default/datepicker_select.svg) no-repeat right 10px center rgba(255, 255, 255, 0.2);border:none; vertical-align:middle; height:30px; margin:0 2px !important; color:#fff; border-radius:3px !important; padding:0 20px 0 10px !important;}
.ui-datepicker-header select option {color:#333;}
.ui-datepicker-month {color:#fff; margin-left:5px; vertical-align:middle;}
.ui-datepicker-calendar thead {background:#333; color:#fff;}
.ui-datepicker-calendar thead th {padding:12px; color:rgba(255, 255, 255, 0.8);font-size:13px !important;}
.ui-datepicker-calendar thead th span {color:rgba(255, 255, 255, 0.8);}
.ui-datepicker-calendar td {text-align:center;}
.ui-datepicker-calendar td a {font-size:15px;width:30px;height:30px;line-height:26px;margin:0 auto;border:none !important; background:none !important; text-align:center !important; color:#333 !important; border-radius:50%;font-weight:bold !important;text-decoration:none !important;}
.ui-datepicker-calendar td.ui-datepicker-current-day a {background:#333 !important; color:#fff !important;}
.ui-datepicker-calendar thead th span {display:block;}
.ui-datepicker-calendar thead th:nth-child(1) {padding-left:12px;}
.ui-datepicker-calendar thead th:nth-child(7) {padding-right:12px;}
.ui-datepicker-calendar tbody tr:first-child td {padding-top:12px;}
.ui-datepicker-calendar tbody tr:last-child td {padding-bottom:5px;}
.ui-datepicker-calendar td:nth-child(7n+1) {padding-left:12px;}
.ui-datepicker-calendar td:nth-child(7n) {padding-right:12px;}
.ui-datepicker-prev {width:auto !important;height:auto !important;top:12px !important;left:7px !important;cursor:pointer;}
.ui-datepicker-next {width:auto !important;height:auto !important;top:12px !important;right:7px !important;cursor:pointer;}
.ui-datepicker-prev span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../img/default/datepicker_mprev.svg) no-repeat center center !important;transition:all 0.3s;}
.ui-datepicker-next span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../img/default/datepicker_mnext.svg) no-repeat center center !important;transition:all 0.3s;}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus {background:#333 !important;color:#fff !important;}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {background:none !important; border:none !important;}
.ui-datepicker-buttonpane button {border:1px solid #ddd !important;color:#333 !important;font-weight:500 !important;opacity:1 !important; font-family: 'Nanum Gothic' !important; font-size:1.2rem !important;}