@charset "utf-8";
/* CSS Document */

/*설정*/

input[type=text]:focus{border-color:#000;outline:0;-webkit-box-shadow:none; box-shadow:none;}
input[type=date]:focus{border-color:#000;outline:0;-webkit-box-shadow:none; box-shadow:none;}
.bbsLis_r_100{ position:absolute; right:0; bottom:5px; width:50%; text-align:right;} /*반응형 100*/
.bbsLis_r {position:absolute; right:15px; bottom:8px;} /*테이블용*/
.detail_T_SC{ position:relative; width:100%;}
.textarea{ width:100%; border:1px solid #ddd; padding:10px}
.textarea:focus{ border:1px solid #000}
.textarea::placeholder {
  color: #015cb8;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.textarea::-webkit-input-placeholder {
  color: #015cb8;
}
.textarea:-ms-input-placeholder {
  color: #015cb8;
}
.textarea:-mos-input-placeholder {
  color: #015cb8;
}

/*파일찾기*/
.box-file-input label{display:inline-block;background:#264c93;color:#fff;padding:0px 25px;line-height:35px;cursor:pointer;border-radius:2px 0 0 2px;}
.box-file-input label:after{content:"파일등록";}
.box-file-input .file-input{display:none; }
.box-file-input .filename{display:inline-block;padding-left:10px;}

.box-file-input span { border:1px solid #ddd; line-height:33px; margin-left:-5px; border-left:0; width:300px; background:#eaeaea}




.tbl01 {width:100%; border-top:1px solid #000;}
.tbl01  tbody th { color: #000; font-weight: bold; text-align: center; background: #f5f5f5; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding: 10px 0px; font-size:15px; }
.tbl01  tbody td { border-bottom:1px solid #e5e5e5; padding: 10px 13px; font-size:15px;}
.tbl01 tr:hover td{ background:#f8f8f8;}
.tbl01  tbody th .poin_span {  color: #e93e16;display: inline-block;  }
.tbl01 .col_th01 { width:150px;  }
.tbl01 .col_th02 { width:150px;  }
.tbl01 .col_td02 { width:329px;  }
.tbl01 input.w200{width:200px !important ;}
.tbl01 input[type=checkbox]{width:13px; height:13px; margin-top:2px;}
.tbl01 td a{ color:#005faf; text-decoration:underline}

.date-picker{border:1px solid #ddd; height:33px; padding:0 15px; background:url('../images/common/ico_datepicker_blue.png') 50% 50% no-repeat #fff;; vertical-align:middle; margin-top:-4px;border-left:0}


.tbl02 th {color:#f47920; border-bottom: 1px solid #e5e5e5; background:#f5f5f5;  padding: 10px 0px; font-size:15px; font-weight: 600;}
.tbl02{ width:100%;  border-top:1px solid #000; margin:15px 0; }
.tbl02 th, .tbl02 td {text-align:center; } .tbl02 th:last-child, .tbl02 td:last-child { border-right:0}
.tbl02 td{ padding:12px 8px;     border-bottom: 1px solid #e5e5e5;} .tbl02 td.no{ padding:0}
.tbl02 tr:last-child{border-bottom:1px solid #ddd}
.tbl02 td.left{text-align:left;}
.tbl02 td a{color:#000;}
.tbl02 tr:hover td{ background:#f8f8f8;}
.tbl02 td a:hover{text-decoration:underline}
.tbl02 tr:last-child{/*border-bottom:1px solid #ddd*/}
.tbl02 tr:hover td{ background:#fafafa;}
.tbl02  i {  padding-bottom: 3px; font-size: 15px; }


.tbl03{width:100%; border-top:1px solid #000; }
.tbl03  tbody th { color: #000; font-weight: bold; text-align: center; background: #ffff; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;white-space: nowrap; padding: 12px  5px;}
.tbl03  tbody td { border-bottom:1px solid #e5e5e5; padding: 12px 13px; }
.tbl03 tr:hover td{ background:#fafafa;}
.tbl03  tbody td.keyword a{color:#0050a2; padding-right: 15px;}
.tbl03 tr td a {color:#2c62bc; margin-right: 20px; text-decoration: underline}
.tbl03  tbody th.line {border-left:1px solid #e5e5e5}

/* 테이블 건수 양쪽영역모두사용 */
.tbl_top { position:relative;   margin-bottom: 5px;}
.tbl_top::after {    content: '';    display: block;    clear: both;}
.tbl_top .tbl_top_lt {    float: left; width: 50%; font-size: 15px;}
.tbl_top .tbl_top_lt span {    font-size: 16px;    line-height: 30px;    display: inline-block; font-weight: bold;}
.tbl_top .tbl_top_rt {    float: right;}

.totalVal{font-size: 15px; display: flex; align-items: center; justify-content: flex-end;}
.totalVal .q_wrap{margin-right: 20px;}
.totalVal .q_mark{line-height: 1.3; margin: 0 4px;} 
.totalVal .q_text{color: #000; text-align: left; font-weight: 500; }
.totalVal .tit{margin-bottom: 8px; text-align: center; font-weight: 600;}
.flex_wrap{display: flex; gap: 5px; align-items: center; justify-content: center; position: relative;}
.th_tit_wrap{position: relative;}
.th_tit_wrap .q_wrap{position: absolute; right: 2px; top: 50%; transform: translateY(-50%);}
.th_tit_wrap .q_mark{line-height: 1.3;}


/*검색창2*/
.search_sub{ position:relative; height:65px; padding-top: 15px; margin-bottom:15px; }
.search_sub:after{content:''; display:block; clear:both;}

.search_input {display: inline-block;}  .date_input {display: inline-block; margin-right: 15px;}
/*.boardsearch{padding:0 0 0 130px}*/
.boardsearch{position:absolute;right:65px; margin-top:10px;}
.boardsearch .select_box{position:absolute;top:0;left:0;width:140px}
.boardsearch .select_box select{ width:120px;}
.boardsearch .text_search{width:210px;height:42px;font-size:0.933em;line-height:1.428em;color:#000;text-indent:5px; margin-left:12px; border-top-left-radius: 8px;border-bottom-left-radius: 8px; font-size: 15px;}
.s_sbtn{position:absolute;top:0px;right:-55px;width:65px;height:42px;padding:0px 0;background:#000;line-height:0; border:0; color:#fff !important; line-height:42px; 
  text-align:center;border-top-right-radius: 8px;border-bottom-right-radius: 8px; font-size: 16px;}
.boardsearch select { height: 42px;}

.refund_wrap{display: flex; gap: 4px; position: absolute;}
.refund_wrap .box{border-radius: 12px; display: flex; flex-flow: column; color: #fff; justify-content: center; align-items: center; padding: 2rem 0; width: 160px;}
.refund_wrap .box.next{background: #000;}
.refund_wrap .box.expect{background: #f47920;}
.refund_wrap .box .tit{font-size: 14px; letter-spacing: -0.28px;}
.refund_wrap .box .cont_text{font-size: 16px; letter-spacing: -0.32px; margin-top: 6px; font-weight: bold;}

.search_sub + .mt{margin-top: 72px;}

/*게시판*/
.detail_A{ position:relative; overflow:hidden; font-size:15px; margin-top: 50px;}
.detail_A .detail_head{ width:100%; border-top:2px solid #000; background:#fff; padding:20px 20px; text-align:center; font-size:20px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height:25px; color:#303030;}
.detail_A .detail_head strong{ }
.detail_A .detail_head p { font-size:15px; color:#000; margin-top:20px; text-align:right;}
.detail_A .detail_head p span { margin-right:50px; position:relative; width:180px;}
.detail_A .detail_head p span::before{ content:''; width:1px; height:10px; position:absolute; top:5px; right:-20%;; background:#808080;}
.detail_A .detail_head p span:last-child::before{ background:none;}

.detail_Area{ position:relative; overflow:hidden; padding:25px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.detail_Area dl{ position:relative; overflow:hidden;  margin-bottom:20px;}
.detail_Area dl dt{ float:left; width:145px; font-size:16px; }
.detail_Area > dl::before{ content:''; width:1px; height:10px; position:absolute; top:7px; left:145px;; background:#000;}
.detail_Area dl dd{ float:left;  padding-left:10px; width:1000px; color:#565656; font-size:15px;}
.detail_Area dl dd p{ margin-top:5px;}
.detail_Area dl dd > div li.tit01 { background:#434343; color:#fff; padding:0 10px; float:left; }
.detail_Area dl dd > div ul { position:relative; overflow:hidden; margin-bottom:8px;}
.detail_Area dl dd > div li.titxt{ float:left; width:895px; padding-left:10px;}

.detail_Area2{position:relative; overflow:hidden;  padding:35px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; min-height:400px; }
.detail_Area2 > p{ line-height:28px; color:#303030}

.file_upload { position:relative; overflow:hidden;border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.file_upload p.file_tit{ float:left; width:14%; text-align:center; font-size:15px; padding-left:20px; font-weight:300; padding-top:15px;}
.file_upload ul{ float:left; width:80%;}
.file_upload ul li{border-bottom:1px solid #d6d6d6; line-height:25px; padding:10px 0} .file_upload ul li:last-child{border-bottom:none}
.file_upload ul li a{ padding-left:10px; font-size: 14px;}   .file_upload ul li a:hover{color:#0050a2; text-decoration:underline}

.file_upload ul li a+a { display:block}

 .board-page { display:flex; justify-content:space-between; padding:2.2em 5em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board-page .hide{display:block; position:absolute; top:-100000em; left:0; overflow:hidden}
 .board-page a { width:45%;}
 .board-page a.prev { display:inline-block;}
 .board-page a.next { display:inline-block; text-align:right;}
 .board-page a p { display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin-top:1em; height:3em; font-size:1rem; color:#1a1a1a; line-height:1.875em; letter-spacing:-0.016em; font-weight:600;}
 .board-page a.none { opacity:0.6;}
 .board-page a span { display:inline-block; position:relative; font-size:1.1rem; color:#151a59;  letter-spacing:-0.016em;}
 .board-page a.prev span { padding-left:18px;}
 .board-page a.prev span:after { content:"\e93c"; position:absolute; left:-5px; top:0px; font-size:2rem; color:#151a59; font-family:'xeicon',sans-serif; vertical-align:top;}
 .board-page a.next span { padding-right:18px;}
 .board-page a.next span:after { content:"\e93f"; position:absolute; right:-5px; top:0px; font-size:2rem; color:#151a59; font-family:'xeicon',sans-serif; vertical-align:top;}
 .board-page a:hover p { text-decoration:underline;}
 .board-btnwrap { margin-top:7.5em; text-align:center;}

 .input {	display: inline-block;}
 .short {    width: 150px;}
 .xshort {    width: 100px;}
 


/*진행단계*/
.stepbox{ position:relative; overflow:hidden; border-bottom:1px solid #ddd;  text-align:left; padding:10px; background:#f9f2f3; margin-bottom:15px;}
.stepbox > span { float:left; display:inline-block; background:#000; color:#fff; padding:3px 10px}
.stepbox li{ float:left; margin-left:10px; line-height:27px;}
.stepbox li.select{ border:2px dashed #ff5704;color:#ff5704; padding:0 8px; background:#fff; font-weight:bold}


.td_line .tbl02 td { border-bottom:1px solid #ddd}

.tt_signin_done {  width: 500px; padding-bottom: 30px;  margin:50px auto 0px;  border:solid 1px #ddd;  text-align: center;border-radius: 30px;}
.tt_signin_done > span {
  color:#000;
  font-weight:500;
  font-size:30px;
}
.tt_signin_done p {  margin-top: 30px;color:#f47920 ;}
.tt_signin_done p i {font-size: 70px;}
.tt_signin_done p span.blue_id {  color:#1559dc;}
.tt_signin_done_top {  width: 100%;  height: 250px;  
  padding-top: 30px; font-size: 30px; color:#000; border-top-left-radius: 30px;  border-top-right-radius: 30px; background: #f2f2f2;}
.tt_signin_done .tt_signin_done_md {  padding:30px 30px 0px 30px;  text-align: left; }
.tt_signin_done_top .size18 {font-size: 20px;}
.tt_signin_done .tt_signin_done_md > ul {
  
  width:100%;
  padding-bottom: 10px;
  padding-left: 10px;
}
.tt_signin_done .tt_signin_done_md > ul > li{
  font-size:16px;
  margin-bottom:10px;
}
.tt_signin_done .tt_signin_done_md > ul > li span{
  font-size:16px;
  display:inline-block;
  color:#666666;
  min-width:150px;
}
.tt_signin_done .tt_signin_done_bt {
  margin-top: 30px;
  text-align: left;
  padding: 0px 30px 0px 40px;
}
.tt_signin_done .tt_signin_done_bt > ul {}
.tt_signin_done .tt_signin_done_bt > ul > li{}
.tt_signin_done .tt_signin_done_bt > ul > li span {
  display: inline-block;
  width: 150px;
  float: left;
  height: 100px;
  font-size: 17px;
  color: #666;
}
.tt_signin_done .tt_signin_done_bt > ul > li > ul.signin_list {}
.tt_signin_done .tt_signin_done_bt > ul > li > ul.signin_list > li{
  font-size: 16px;
  margin-bottom: 6px;
}


/*팝업*/
#popup1{  display:none;  position:fixed; width:100%; height:100%;  top:0; left:0;   background:rgba(0,0,0,0.3); z-index: 9999;   }
#popup2{  display:none;  position:fixed; width:100%; height:100%;  top:0; left:0;   background:rgba(0,0,0,0.3); z-index: 9999;   }
.popup-con{  display:none;  position:fixed;  top:50%; left:50%;  transform: translate(-50%,-50%);  max-width: 50%; max-height: 700px; overflow-y:auto;
  /* min-height: 30%; */  background:#fff;z-index: 9999;  min-width: 500px;  width:600px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 15px;}
.popup-con .title{  font-size:18px;   padding: 15px;   background : #f47920; color:#fff; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.popup-con .con{  font-size:15px; line-height:1.3;  padding: 30px; }
.popup-con .close{  display:block;  position:absolute;  width:60px; height:30px; line-height: 30px;  text-decoration:none; font-size:15px; right:10px; top:10px; color:#ffff}
.popup-con .close > i {padding-bottom:3px; padding-right: 5px}


.popup-con .pop_area{position:relative; background: #fff;  padding:15px 0 30px; font-size:15px; }
.popup-con .pop_area .pop_cont{position:relative; padding:20px; background:#fff; text-align:left; max-height:600px; overflow-y:auto; box-sizing:border-box; border:1px solid #dcdcdc; margin:10px;}
.popup-con .pop_area .pop_cont select { width:40%}

.popup-con .pop_area .pop_btn{ padding:15px 0 0; text-align:center; }
.btn_pop01{background:#f47920;border:1px solid #f47920; color:#fff !important; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px !important; padding:6px 15px}
.btn_pop02{background:#999999;border:1px solid #999999;color:#fff !important; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px !important; padding:6px 15px}
.info_box01{position:relative; padding:15px; text-align:center}
.info_box01 li { font-size:16px;}
.info_box02{position:relative; padding:10px; background:#fff; border:1px solid #ebebeb; text-align:center}

.multi_check01{position:relative; overflow: hidden;}
.col_box{width:100%; float: left;} 
.col_box ul li{padding:5px 15px; display: inline-block; width:50%; float: left; text-align: left;}
.text-left {text-align: left; font-size: 14px;}

.popup-con .table_wrap{border-top: 1px solid #000;margin-top: 20px;width: 90%;margin: 20px auto;}
.popup-con .table_wrap table th, .popup-con .table_wrap td{border: 1px solid #e4e4e4;}
.popup-con .table_wrap table th{border-left: 0; background: #ebebeb; text-align: center; font-weight: 600}
.popup-con .table_wrap table td{border-right: 0; padding: 3px 5px;}
.popup-con .table_wrap table textarea{resize: none; width: 100%; border: 1px solid #e4e4e4; min-height: 60px;}
.popup-con .table_wrap .btn_gray{color: #fff; font-weight: 600; display: block; margin: 10px auto; width: 60px; text-align: center; background: #c4c4c4; padding: 6px 12px;}


/* qna */
.qna_area{width: 620px; border: 1px solid #e4e4e4;    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);  box-shadow: 2px 2px 2px rgba(0,0,0,0.1); border-radius: 15px;
  padding: 50px 30px; position:relative }
.qna_area:after{position:absolute; content:''; width: 62px; height: 62px; right:5%; top: 20%; background: url(../images/sub/icon03.png) no-repeat;}

.qna_area > ul > li {width:68%; line-height: 35px; font-size: 28px;}

.bott{bottom:0 !important}

.bbs_listboard {position:relative; overflow: hidden;border-top:1px solid #dddddd}
.bbs_listboard .Listboard {display: flex; padding: 20px 8px; border-bottom:1px solid #ddd; text-align: center; font-size: 15px;}
.bbs_listboard .Listboard:hover{background: #f7f7f7;}
.bbs_listboard .Listboard .L_num{ width:5%; ;}
.bbs_listboard .Listboard .L_list {width:72%; text-align: left;}
.bbs_listboard .Listboard .L_list a {font-size: 16px; color:#000;}
.bbs_listboard .Listboard .L_list a:hover{text-decoration: underline;}
.bbs_listboard .Listboard .L_list > span {font-size: 13px; color:#005faf; padding-left: 15px;}
.bbs_listboard .Listboard .L_class{width:15%; color:#666666}
.bbs_listboard .Listboard .L_situa {width:8%; color:#666666}


/*faq*/
.FAQ{position:relative; overflow: hidden; border-top:1px solid #000; }
.FAQ > dl > dt.on span{ background:#f47920 ;}
.FAQ > dl > dt.Q {cursor:pointer; padding:25px 0; font-size: 16px; position:relative; padding-right: 40px;   }
.FAQ > dl > dt, .FAQ > dl >dd { padding: 10px; }
.FAQ > dl > dt { border-top:1px solid #ddd; }
.FAQ > dl > dt span{   display: inline-block;    background: #000;    border-radius: 50%;    width: 30px;
    height: 30px;    color: #fff;    text-align: center;    line-height: 32px;    margin-right: 8px;}
.FAQ > dl > dt:first-child{border-top:0}
.FAQ > dl > dt em { display: inline-block; width: 15px; height: 15px;     vertical-align: middle; position:absolute; right:25px; top:25px}
.FAQ > dl > dt em > i {font-size:28px}
.FAQ > dl > dt.on em { transform:rotate(180deg);right:10px; top:38px}
.FAQ > dl > dd { display: none; font-size:15px; padding: 20px 15px ; color:#005faf; position:relative; margin-left: 40px; }
.FAQ > dl > dd:after {position:absolute; content: '└';  width: 30px; height: 30px; line-height: 30px;
   color:#005faf; left:-20px; top:15px; text-align: center; font-weight: bold;}

/* 문의전화번호 */
.contact_us{background: #f8f8f8; margin-top: 50px; padding: 20px; text-align: center; font-size: 17px;}

/* 문의유형 */
.inquiryBox {position:relative; text-align: center;}
.inquiryBox ul li { display: inline-block; width: 100px; height: 50px; line-height: 50px; margin-right: 15px; border:1px solid #ccc;    border-radius: 8px; overflow: hidden;;}
.inquiryBox ul li a{ color:#000; display: inline-block; width: 100%; height: 100%; font-size: 16px;}
.inquiryBox ul li a:hover{background: #f57921; color:#fff; border:0}










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

.page_tit {width:100%}

}


@media all and (max-width:1200px){
  .tt_signin_done {width:100%;  }  
  .tt_signin_done > p{padding: 0 10px;}

  .qna_area {width:100%}
  .res_100 {width:100% !important; display: block; margin-bottom: 10px}
}



/* @media all and (max-width:1000px){ */
@media all and (max-width:1200px){

 	/*테이블 스크롤*/
.detail_T_SCl  {position:relative; overflow-x: auto; }
.detail_T_SCl table { min-width: 960px;}
 
.tbl01 tbody th { border-right: 0; padding: 3px 5px; text-align: left; font-size:14px;}
.tbl01 .col_th02 { width:auto;}
.tbl01, .tbl01 tbody, .tbl01 tbody tr, .tbl01 tbody th, .tbl01 tbody td  { display: block;  }

.m_inb{ display:inline-block}

.tbl01  tbody td { font-size:13px;}


.search_input {position:relative; padding-right: 0px;}
.s_sbtn {right:0}
.date_input {display: block; width: 100%; margin-bottom: 15px;}	
.search_sub {height: auto; }
.boardsearch {position:relative; right:0; text-align: right;}
.boardsearch .text_search {margin-right:60px}

/*.popup-con {position:absolute; top:50px; width:100%; min-width:500px}*/
.popup-con {position:absolute; top:550px; width:100%; min-width:500px}

.popup-con .con {padding: 0 10px;}

}


@media all and (max-width:800px){
/*button { font-size:14px !important;}*/
.bbsLis_r_100 { position:relative; display:block; width:100%; margin-top:15px;}	
.detail_T_SC{ width:100%; overflow-x:scroll;}

.m_bl{ display:block} .m_inb{ display:inline-block}

.display-mobile-none{display: none;}

.detail_A .detail_head{font-size:18px; padding: 20px 10px;}
	.detail_A .detail_head p { text-align:center; font-size:13px;}
	.detail_A .detail_head p span i{ display:none}
	.detail_Area2 > p img {width:100%}
	.file_upload p.file_tit{ width:20%; font-size:13px;padding-left:0}
	.file_upload ul li, .file_upload ul li a{ font-size:13px;}
	
	.board-page {padding: 2.2em 3em; font-size: 0.8em;}
	.board-page a p{display:none}
	



	
}

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

.qna{ margin-left:0; margin-top:10px;}
.tt_signin_done_top {font-size: 20px;}
.tt_signin_done_top .size18 {font-size: 16px;}
.tt_signin_done_top {height: 170px; padding: 20px 30px;}
.tt_signin_done p {margin-top: 20px;}
.tt_signin_done .tt_signin_done_md {padding:30px 10px 10px}
.tt_signin_done .tt_signin_done_md > ul > li {font-size: 15px;}
.qna_area > ul > li {font-size: 25px;}
.popup-con {width:100%; min-width:500px; }

.popup-con {width:100%; min-width:500px ; left:0%}

}



@media all and (max-width:460px){
.search_input {padding-right: 0; width: 100%}
.date_input .input_date[type='text'] {width:100%}
.date_input .input{width:100%; margin-bottom: 5px;}
.date_input em {display:none;}
.boardsearch {text-align: left;}
.search_input select{width:100%; margin-bottom: 5px;}
.search_input .boardsearch .text_search {width: 100%;}
.search_input .s_sbtn {top:47px}
.boardsearch .text_search {width:99%; margin-left: 0;}
.popup-con {width:100%; min-width:100%; left:50%}




}