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

/********************************************************************************************************
  font
*********************************************************************************************************/
/*-------------------------------------------------------------------------------
    노토산스 본고딕
-------------------------------------------------------------------------------*/
.section-wrap {}
.section-wrap h2.section-title {font-size: 32px;color: #191919; position: relative; margin: 20px 0;  }
.section-wrap h2.section-title:first-child { padding-top:5px; }
.section-wrap h2.section-title::after { content: ""; display: block; position: absolute; left: 0; top: 0; margin: 0 auto; width: 25px; height: 3px; background-color: #188a8c; }


.section-wrap h2.section-title[lang="en"] { letter-spacing: 0; }
.section-wrap h3.content-title { padding: 4em 0 0.5em; }
.section-wrap h4.section-title { }
.section-wrap h2.section-title + .content-wrap h3.content-title { padding-top: 0; }

.content-wrap {width:880px ; float:left; border:solid 0px red}
.content-wrap h3.content-title { padding-top: 0; }

.photo ul li { width: 33%; float: left; }
.photo li{ width: 33%; float: left; padding: 10px; margin-right:2px}
.photo li p{ text-align: center; font-weight: bold}



.tb .title{ text-align: center;background-color: #fff }
.tb .subject{ text-align: left;background-color: #fff }
.tb thead th, .tb thead td{background-color: #f1f6fd; border-bottom: 1px solid #dadfe7; text-align:center}
.tb thead td {background-color: #fff;}
.tb tbody td {background-color: #fff;text-align:center}



.tb_list thead > tr > th,
.tb_list thead > tr > td,
.tb_list tfoot > tr > td { text-align: center; }
.tb_list tbody > tr > th,
.tb_list tbody > tr > td,
.tb_list tfoot > tr > td { text-align: center; color: #303030; }
.tb_list thead > tr > th { padding-left: 0; padding-right: 0;background-color: #f1f6fd;  }
.tb_list tbody > tr > td { padding-left: 5px; padding-right: 5px; word-break: break-all; }
.tb_list table tbody > tr:hover > td, 
.tb_list table tbody > tr.active > td { background-color: #eff6fd; }
.tb_list tbody > tr.notice > td { background-color: #fff6f0; }
.tb_list tbody > tr.disable > td { background-color: #e9ebee; }
.tb_list tfoot > tr > td { background-color: #dfe1ea; font-weight: 600; }
div  tbody > tr.subtotal > td { background-color: #f1f3f5 !important; font-weight: 600; }
div  tbody > tr.nclt > td { background-color: #FFD7BC !important; font-weight: 600; }
div  tbody > tr.subtotal > td { background-color: #f1f3f5 !important; font-weight: 600; }

.tb_list tbody tr:first-child th{ border-top: solid 1px #ddd} 
.tb_list tbody tr:last-child th{ border-bottom: none} 
.tb_list tbody th{ border-right: 1px solid #dbdfe1;}
.tb_list tbody > tr:hover > td, .tb_list > tbody > tr.active > td {background-color: #eff6fd;}
.tb_list tbody > tr > th,
.tb_list tbody > tr > td{ }
.tb_list tbody th:last-child{ border-right: none}


.tb_list thead > tr > th { border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}
.tb_list thead > tr:last-child > th { border-top: 1px solid #ddd; border-right:none}
.tb_list thead > tr:first-child > th:last-child { border-right: none}
.tb_list thead > tr:last-child > th{border-bottom: none}
.tb_list thead > tr:first-child > th{border-top: none}


.tb_list.tb_box thead > tr> th{ border-Bottom : 1px solid #ddd; border-right:1px solid #ddd}
.tb_list.tb_box thead > tr> th :last-child { border-right: none} 

.tb_list.tb_box tbody > tr > td{ border-right : 1px solid #ddd}
.tb_list.tb_box tbody > tr > th {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}
.tb_list.tb_box tbody > tr > td:last-child,
.tb_list.tb_box tbody tr.subtotal td:last-child{ border-right :none}
.tb_list.tb_box tbody tr.subtotal td { border-right : 1px solid #dbdfe1 }
.tb_list.tb_box tbody > tr > td:last-child{border-left: 1px solid #ddd}
.tb_list.tb_box thead > tr> th :last-child { border-right: none} 



.tbl_view .title{ text-align: center;background-color: #fff }
.tbl_view thead th, .tbl_view thead td{background-color: #f1f6fd; border-bottom: 1px solid #dadfe7;}
.tbl_view thead td {background-color: #fff; text-align:left}
.tbl_view  tbody td input{background-color: #fff; text-align:left ; display: flex; flex-direction: column; gap:10px;display: flex;gap:5px}
.tbl_view  tbody th, .tbl_view thead td{background-color: #f1f6fd; border-bottom: 1px solid #dadfe7;}
.tbl_view  tbody td .tel { display: flex; flex-direction: row; gap:10px; width:600px}
.tbl_view  tbody td .tel div{ display: flex;gap:5px}




.lh{ line-height:150%}
.mb30{margin-bottom:30px}
.mb20{margin-bottom:20px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb5{margin-bottom:5px}

.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}


.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}

.mtm60{margin-top:-60px; border:solid 0px blue}


.colc-table{ position: relative;  padding-right: 1px; border-top: 2px solid #44465c;  border-bottom: 1px solid #bec2c8; margin-bottom: 20px; margin-top: 20px}
.row-table {border-top:2px solid #44465c; margin-top: 20px ;margin-bottom: 20px}
.conts-desc{line-height: 150%}
.sidebar li { padding: 15px 0; cursor: pointer; font-size: 18px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; border-left: 2px solid #CDD7E4; padding-left: 24px}


/*테이블 보기*/
.tb_view .title{ text-align: center;background-color: #fff }
.tb_view thead th, .tb_view thead td{background-color: #f1f6fd; border-bottom: 1px solid #dadfe7;}
.tb_view thead td {background-color: #fff;}

.table-container {margin: 0 auto; background-color: #fff; }
.table-container table { width: 100%; border-collapse: collapse;  border-top: 2px solid #003675 }
.table-container table thead { background-color: #f1f1f1 }
.table-container table th,
.table-container table td { padding: 12px;  border-bottom: 1px solid #e0e0e0; text-align: center }
.table-container table th { font-weight: 700; text-align: center }
.table-container table .new-tag { color: #fff; background-color: #ff4500; padding: 3px 6px; border-radius: 4px; font-size: 12px; margin-left: 3px }
.table-container table .title{text-align: left;}





.colc-table{ position: relative;  padding-right: 1px; border-top: 2px solid #44465c;  border-bottom: 1px solid #bec2c8; margin-bottom: 20px; margin-top: 20px}
.colc-table tbody th{ background: #f6f6f6; font-weight: normal!important; text-align: center}
.colc-table table {position:relative; z-index:1;}
.colc-table table thead th {height:45px; padding:10px 0; border-top:1px solid #ebebeb; color:#3a3a4a; font-size:15px; background-color:#f6f6f6; font-weight:normal; text-align:center;}
.colc-table table thead tr:first-child th {border-top:0;}
.colc-table table thead th,
.colc-table table tbody td {letter-spacing:-0.5px;}
.colc-table table thead th.a-l,
.colc-table table thead th.a-r {padding:0 16px}
.colc-table table tbody th {height:45px; border-top: 1px solid #e1e3e6;color:#3a3a4a;font-weight:700;}
.colc-table table tbody th.bg {background-color:#f6f6f6; font-weight:normal; }
.colc-table table tbody th.a-l {padding:10px;}
.colc-table table tbody tr:first-child td {border-top:1px solid #bec2c8;}
.colc-table table tbody tr:first-child th {border-top:1px solid #bec2c8;}
.colc-table table th.line, .colc-table table td.line {border-top:2px solid #999;}
.colc-table table tbody th {height:49px; padding:8px 10px; text-align:center; border-top:1px solid #e1e3e6; /* border-bottom: 1px solid #ccc; */color: #3a3a4a;line-height:1.6;font-size:15px;}
.colc-table table tbody td {height:49px; padding:8px 10px;  border-top:1px solid #e1e3e6; /* border-bottom: 1px solid #ccc; */color: #3a3a4a;line-height:1.6;font-size:15px;}
.colc-table table tbody td a.a-link {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; color:#3a3a4a; cursor:pointer;}
.colc-table table tbody td a.a-link:hover {color:#ee0700; text-decoration:underline;}
.colc-table table tbody td a.hover-red {display:block; color:#3a3a4a; cursor:pointer;}
.colc-table table tbody td a.hover-red:hover {color:#ee0700; text-decoration:underline;}
.colc-table table tbody td .button {vertical-align:middle;}
.colc-table table tbody td.reply {padding-left:40px; background:url("/_res/_common/ableu/images/bg/m-bg-2depth.png") no-repeat 20px center; background-size:8px 8px;}
.colc-table table tbody td .ico-pdf {margin:0 3px;}
.colc-table table tbody td .bg-chk {margin-right:0;}
.colc-table table .tfoot {background-color:#f6f6f6;}
.colc-table table tfoot {background-color:#f6f6f6;}
.colc-table table tfoot td {height:50px; border-top:1px solid #e1e3e6; text-align:center;}
.colc-table table tfoot th {border-top:1px solid #e1e3e6;}
.colc-table table th,
.colc-table table td {border-width:1px; border-style:solid; border-color:#e1e3e6; border-top:0; text-align:center}
.colc-table table th:last-child,
.colc-table table td:last-child {border-right:0;}
.colc-table table th:first-child,
.colc-table table td:first-child {border-left:0;}
.colc-table table th {font-size:16px!important; font-weight: 500}


.col-table table tfoot td {height:50px; border-top:1px solid #e1e3e6; text-align:center;}



/*색상*/
.thema01{} /*#003675*/
.thema01 .menu .depth1:hover{ color: #003675}
/*.thema01 .menu  li.active { color: #003675}*/
.thema01 .sidebar li {border-left: 2px solid #CDD7E4 ; }
.thema01 .sidebar li:hover, .thema01 .sidebar li.active { color: #003675; border-left: 4px solid #003675; background-color:#EDF1F5; font-weight: 800 }


.thema02{}/*#00A76F*/
.thema02 .menu .depth1:hover{ color: #00A76F}
/*.thema02 .menu  li.active { color: #00A76F}*/
.thema02 .sidebar li {border-left: 2px solid #68A993; }
.thema02 .sidebar li:hover, .thema02 .sidebar li.active { color: #00A76F; border-left: 4px solid #00A76F ;background-color:#EBF8F4; font-weight: 800}

.thema03{}/*#F07E26*/
.thema03 .menu .depth1:hover{ color: #F07E26}
/*.thema03 .menu  li.active { color: #F07E26}*/
.thema03 .sidebar li {border-left: 2px solid #F0B98E ; }
.thema03 .sidebar li:hover, .thema03 .sidebar li.active { color: #F07E26; border-left: 4px solid #F07E26 ;background-color:#FEF5EE; font-weight: 800}

.thema04{}/*#8E33FF*/
.thema04 .menu .depth1:hover{ color: #8E33FF}
/*.thema04 .menu  li.active { color: #8E33FF}*/
.thema04 .sidebar li {border-left: 2px solid #C598FF; }
.thema04 .sidebar li:hover, .thema04 .sidebar li.active { color: #8E33FF; border-left: 4px solid #8E33FF; background-color:#F6EFFF ; font-weight: 800}

.thema05{}/*#00B8D9*/
.thema05 .menu .depth1:hover{ color: #00B8D9}
/*.thema05 .menu li.active { color: #00B8D9}*/
.thema05 .sidebar li {border-left: 2px solid #73C8D7; }
.thema05 .sidebar li:hover, .thema05 .sidebar li.active { color: #00B8D9; border-left: 4px solid #00B8D9; background-color:#EBFAFC; font-weight: 800 }


h4.bec-tit{ margin:30px 0 0px 0; font-size: 23px}
h4.sec-tit{ margin-bottom:10px}

.navy .col .bg2 {border:1px solid #003675; background-color:#003675; }


.sub-header{font-size:16px ; font-weight:700;} 
.highlight{font-size:14px ; color:blue! important; }

.search-container span { margin-top:10px; vertical-align:center}


input[type=date]::-webkit-datetime-edit-text { 
  -webkit-appearance: none; 

} 
/*
input[type=date]::-webkit-datetime-edit-month-field{ 
  -webkit-appearance: none; 
  display: none; 
} 

input[type=date]::-webkit-datetime-edit-day-field {
  -webkit-appearance: none; 
  display: none; 
} 

input[type=date]::-webkit-datetime-edit-year-field { 
  -webkit-appearance: none; 
display: none; 
 
}
*/

input[type="date"]:valid{color:#c9c9c9;}
 
/*

input[type="date"]::after{
    content:'';
    width: rem(18);
    height: rem(18);
    position: absolute;
    top: 50%;
    right: rem(16);
    transform: translateY(-50%);
    background: url(../img/icoCal.png) no-repeat;
}

input[type="date"]::after:valid{
color:#555
}


 */

.focused::-webkit-datetime-edit{ 
  color: #000; 
  user-select: none;
}

input[type="date"]::before {
  content: attr("");
  position: absolute;
  color: #ffffff;
}

 

input[type="date"]::after {

  position: absolute;
  color: #999999;
}

 
input[type="date"]:focus,
input[type="date"]:valid {
  color: #666666;
}

/*
input[type=date]:focus::before,
input[type=date]:valid::before {
  content: attr("");
}

*/



.flow-chart2 {max-width:900px; margin:0; display: flex; gap:20px }
.flow-chart2.continue:before {content:''; display:block; position:absolute; top:-40px; width:18px; height:16px; transform:rotate(90deg); background:url("/_res/_common/ableu/images/arrow/arrow-step.png") no-repeat;}
.flow-chart2:first-child:before {display:none;}
.flow-chart2 .col { position:relative;flex-grow: 1; width: 160px}
.flow-chart2 .col:after {content:''; display:block; position:absolute; top:50%; right:-25px; width:18px; height:16px; margin-top:-8px; background:url("../img/navi.png") no-repeat; background-size: 10px; opacity: 0.5}
.flow-chart2 .col:last-child:after {display:none;}
.flow-chart2 .col .bg {overflow:hidden; display:table; width:100%; color:#3a3a4a; border-radius:6px 6px 0 0;}
.flow-chart2 .col .bg .cell {display:table-cell; height:48px; padding:0 2px; vertical-align:middle; text-align:center; line-height:1.3;}
.flow-chart2 .col .cont {display:table; padding:10px; width:100%; border:1px solid #e1e3e6; border-top:0; border-radius:0 0 4px 4px; color:#44465c; letter-spacing:-0.05em;}
.flow-chart2 .col .cont .cell { height:60px; vertical-align:middle; text-align:left;}
.flow-chart2 .col .cont.bg-gray {background-color:#f6f6f6; border:none;}
.flow-chart2 .col .cont .cell-2 {position:relative; height:64px; text-align:center;}
.flow-chart2 .col .cont .cell-2 p {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.flow-chart2 .col .cont .cell-2.bg-gray {margin:-10px; background-color:#f6f6f6;}
.flow-chart2 .col .cont .cell-text {min-height:135px; padding:25px;}

.flow-chart2 .col .wh-round-num {position:relative; display:inline-block; padding-left:22px; text-align: left; color: #fff}
.flow-chart2 .col .wh-round-num em {position:absolute;   top:50%; left:0; margin-top:-8px; background-color:#fff; color:#44465c; }

.flow-chart2.v1 .col .cont .cell {height: 30px;}
.flow-chart2 em {font-style: normal;  width:16px; height:16px; font-size:11px; text-align: center; line-height:16px; font-weight:700; border-radius:8px; margin: auto }

.flow-chart2.navy .col .bg {border:1px solid #003675; background-color:#003675; }
.flow-chart2.notitle .col{padding:10px; width:100%; border:1px solid #e1e3e6; border-radius:4px; color:#44465c; letter-spacing:-0.05em; display: flex; flex-direction: column; text-align: center}
.flow-chart2.notitle em{ color: #fff; background-color:#003675; margin:5px auto }
.no-arrow .col:after{ display: none}

.flow-chart2.top .col .bg{ border-radius: 6px!important}

.flow-chart2.mobile{width:100%; width:100%; margin:0; display: flex; gap:20px;flex-wrap: wrap}


.food td{ text-align: left; font-size:14px; padding:8px}@charset "utf-8";
/* CSS Document */


.food_title{text-align:center}



/*======   연혁 관련===*/


	.post{ width:100%; margin:0px auto; display:flex; flex-wrap:wrap; overflow:hidden; float:left;BORDER:SOLID 0PX RED	}
    .post .item{ border-bottom:solid 0px #eee; margin-bottom:0px;	width:880px }
	.post .item .title{ font-weight:900;}
	.post .item .content{
		margin:0;
		overflow: hidden;
		position: relative;
	}
	.post .item .more-btn{ margin:0px 0; }
	.post .item .more-btn a:after{ 
	/*content:"더보기"; */
	 content:url('/resource/img/icon_add.svg'); 
	 border-radius:15px; border:solid 3px #b1B1B1;
	 width:30px
	
	}
	.post .item.more .more-btn a:after{ content:url('/resource/img/icon_close.png');height:20px ; border:none;margin-top:20px}
	
	/*.post .item.more .history_more a:after{ content:url('/resource/img/icon_close.png');height:20px ; border:none;margin-top:50px}*/
	.post .item.more .history_row a:after{height:20px ; border:none; margin-top:50px}


	.post .item .content .txt{
		white-space: normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 16;
	 
	    flex-wrap:wrap; gap:10px;
	}
	.post .item .content .txt.fake{ opacity: 1; position: absolute; display:block; border:solid 0px red }
	.post .item.more .content .txt{ display:block;}


	.more-btn{ 
    
	  height:20px 
	 }



.blind{ opacity:0; height:0px}

.sub_tel.card{ background:#e8edf2 url( "/resource/img/main_04_02.png") no-repeat 628px 56px;background-size :90px 90px}
.sub_tels.card{ background:#e8edf2 url( "/resource/img/main_04_02.png") no-repeat 235px 66px;background-size :90px 90px}
.sub_tel4.card{ background:#e8edf2 url( "/resource/img/main_04_02.png") no-repeat 585px 66px;background-size :90px 90px}
.teln{ font-size: 26px!important; font-weight: bold; color: #246BEB!important; margin-bottom: 10px!important; line-height: 34px!important}
.telns{ font-size: 24px!important; font-weight: bold; color: #246BEB!important; margin-bottom: 5px!important; line-height: 30px!important}


/*.sub_tel.card.mobile{ background:#e8edf2 url( "/resource/img/main_04_02.png") no-repeat right 26px ;background-size :90px 90px}
*/
/*.sub_tel.card.mobile{background:#e8edf2 url( "/resource/img/main_04_02.png") no-repeat right 36px;border-radius: 12px;box-sizing: border-box;display: flex;width: 100%;padding: 24px 120px 24px 24px;flex-direction: column;align-items: flex-start;gap: 10px;margin-right: auto}
*/

.sub_tel.card.mobile{background:#e8edf2 url( '/resource/img/main_04_02.png') no-repeat right 30px;background-size :100px 100px; border-radius: 12px;box-sizing: border-box;display: flex;width: 100%;padding: 24px 24px 24px 24px;flex-direction: column;align-items: flex-start;gap: 10px;margin-right: auto}
/*모의계산*//*
.simulation {display: flex; justify-content: space-between; gap: 20px; max-width: 100%; margin: 0 auto;}
.simulation .form-container {flex: 2; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.simulation .cost-summary-container {flex: 1; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.simulation .form-group {margin-bottom: 20px; display: flex; flex-direction: column;}
.simulation .title {font-weight: 700; margin-bottom: 5px}
.btn, .simulation .checkbox-group {display: flex; gap: 10px; flex-wrap: wrap;}
button {padding: 10px 20px; border: 1px solid #ccc; border-radius: 4px; background: #f0f0f0; cursor: pointer; transition: background 0.3s;}
button.active {background: #4CAF50; color: #fff; border-color: #4CAF50;}
select, input[type="text"] {padding: 10px; border: 1px solid #ccc; border-radius: 4px; width: 100%; max-width: 300px;}
.cost-summary {display: flex; flex-direction: column; gap: 10px;}
.cost-summary div {display: flex;}
.cost-summary span:first-child{ margin-right: auto}
.all-summary{ border-top: 1px solid #1d1d1d;  margin-top: 10px; padding-top: 15px}
.simulation .group{display: flex; column-gap:5px }

h2.sec-tit{font-size: 25px; font-style: normal;font-weight: 300; margin-bottom:8px}
h3.sec-tit{color: #132441; font-size: 18px; font-weight: 500; margin-bottom:18px}
h4.sec-tit{ color: #1E1E1E; margin:30px 0 12px 0; font-size: 20px; padding-left: 25px; background: url("../img/icon_h4.png")no-repeat 0 50%;}
h5.sec-tit{ margin:10px 0; font-size: 15px; padding-left:12px; background: url("../img/icon_h5.png")no-repeat 0 50%;}
.conts-desc{margin:0px 0 10px 0; line-height: 130%; margin-left: 20px}
.simulation .group.ac{  margin-top: 20px; border-top: 1px solid #e0e0e0; padding-top: 20px }
.ac{ display: flex; justify-content: center; column-gap: 5px}

*/

/*

.donate-container{display:flex;gap:24px; margin-top: 40px}
.donate-container .card{background-color:#e8edf2;padding:30px 20px 0 30px;border-radius:15px;display:flex;flex-direction:row;justify-content:space-between;  height: 200px;flex-shrink: 0}
.donate-container .card:nth-child(1){ width: 420px;}
.donate-container .card:nth-child(2){flex-grow: 1;}

.donate-container .card h3{font-size:18px!important;font-weight:bold;color:#222;margin-bottom:10px}
.donate-container .card h2{font-size:16px!important;font-weight:bold;color:#000;margin-bottom:0px!important}
.donate-container .card p{font-size:14px;color:#555;line-height:1.6;margin-bottom:20px}
.donate-container .cta-btn{line-height: 80px; text-align: center; height: 80px; width: 80px;font-size:13px;background:#246BEB;color:#fff;border-radius:80px;text-decoration:none;font-weight:bold;align-self:flex-end; margin-bottom: 30px}

*/

 .donate-container .cta-btn.off{background:#919EAB!important;}
.donate-container .cta-group{display:flex ; gap:10px;float:center; width:100% border:solid 1px red}
.donate-container .cta-light{margin-top:8px;width:104px; justify-content: center;; font-size:13px; background:#fff;border:1px solid #ddd;color:#222;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:5px;text-decoration:none;font-weight:bold}

/*.donate-container .illustration{width:200px;align-self:flex-end} */
.card table th h3{text-align:left;padding-top:10px}
.card table td {padding-left:25px ;border:solid 0px red; }
.card .img {height:550px; border:solid 1px blue}
.card.nobg {background-color:#fff;border:solid 1px #ddd;padding:5px 20px 20px 25px;margin-top:-15px}


/*-----2025-05-22 홍 추가 */
.donate-container .cta-btn{line-height: 50px; text-align: center; height: 50px; width: 50px;font-size:13px;background:#246BEB;color:#fff;border-radius:50px;text-decoration:none;font-weight:bold;align-self:flex-end;}
.donate-container .cta-btn.off{background:#919EAB!important;}
.donate-container .cta-btn.mobile{ position:relative;z-index:999;;float:right;top:-30px}
.illustration {background:url('/resource/img/donate.png') no-repeat top right; background-size:150px; 150px }

input[type="date"]{position:relative;width:200px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff}
input[type="date"]::before{content:"";position:absolute;top:50%;right:10px;width:24px;height:24px;background:#FFF url( "/resource/img/icon-calendar.svg") no-repeat center center;background-size:contain;transform:translateY(-50%);pointer-events:none}


/* 홍 추가 */
.tb_view thead th, .tb_view thead td{background-color: #f1f6fd; border-bottom: 1px solid #dadfe7;}
.tb_view thead td {background-color: #fff;}

.tb_view tbody tr th{text-align:left; }
.tb_view tbody tr td{padding-left:20px}
.tb_view tbody tr td input{max-width:700px}



.tb_view tbody tr td label.title {text-align:left;font-weight:600;flex-direction:column;  ;display:flex; margin-bottom: 10px; margin-left:-10px}

.tbl_view tbody tr td input{max-width:700px}
.tbl_view tbody tr td div { display: flex;gap:5px}
.tbl_view tbody tr td div input{max-width:700px}
.tbl_view tbody tr td input{max-width:700px}
.tbl_view .tel{width:100%; border:solid 0px red ; justify-content: space-between;}

.tb_view  tbody td .tel { display: flex; flex-direction: row; gap:10px; width:100%}
.tb_view  tbody td .tel div{ display: flex;gap:5px}
.tb_view .tel{width:100%; border:solid 0px red ; justify-content: space-between;}



 /*
.tbl_view input[type="date"]::before{
   content:'';
    width: rem(18);
    height: rem(18);
    position: absolute;
    top: 50%;
    right: rem(16);
    transform: translateY(-10%);
background:#FFF url( "/resource/img/icon-calendar.svg") no-repeat center center;
	border:solid 1px blue;
content:"";
position:absolute;top:50%;
right:10px;
width:24px;
height:24px;
background:#FFF url( "/resource/img/icon-calendar.svg") no-repeat center center;
background-size:contain;transform:translateY(-50%);pointer-events:none;

}

*/

.tbl_view   input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-datetime-edit-text {  -webkit-appearance: none; } 


.tbl_view input[type="date"]{position:relative;
          width:200px; 
		  padding:10px;
          font-size:14px;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff
}

.tbl_view input[type="date"]::-webkit-clear-button,
.tbl_view input[type="date"]::-webkit-inner-spin-button { 
        	display: none;
        } 

.tbl_view input[type='date']::-webkit-calendar-picker-indicator {
            position:absolute;
            //왼쪽위에 위치시키고 클릭 영역을 부모(input)의 크기만큼 가짐
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            // 배경과 글자를 투명하게 하여 기존의 아이콘이 없는 것처럼 보여줌
            background: transparent;
            color: transparent;
			opacity:0
          }

.tbl_view input[type="date"]::before{content:"";position:absolute;top:50%;right:10px;width:24px;height:24px;background:#FFF url( "/resource/img/icon-calendar.svg") no-repeat center center;background-size:contain;transform:translateY(-50%);pointer-events:none}

.cimg{display: flex;flex-direction:column; align-items: center;;justify-content: center;}




/*갤러리*/

.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 10px; }
.gallery-item { display: flex; flex-direction: column; align-items: center; }
.gallery-item-image { width: 100%; height: 150px; overflow: hidden;background-color: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  }
.gallery-item-image img { width: 100%; height: 100%; object-fit: cover; }
.gallery-item-text { margin: 10px; font-size: 14px; color: #333; width: 100% }
.date{ font-size: 13px; color:#585858}


.sponimg{display:inline-flex; gap:10px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:0px solid #ddd;width:100%}

          
/* 홍 추가 */