@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}

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


h4.sec-titn{ color: #1E1E1E; margin:30px 0 12px 0; font-size: 20px; padding-left: 0px;}

.banner_clac{width:100%; height:48px; text-align:center; margin-top:20px; border:solid 1px #003675; border-radius:8px;padding-top:10px;font-weight:700;color:#003675;background-color:#fff;}


.mpopup{ background: #FBE5D6 url("/resource/img/main_banner04.png") no-repeat 150px 170px ; border-radius: 12px; box-sizing: border-box; 
display: flex; width: 302px; height: 290px; padding:24px; flex-direction: column; align-items: flex-start; gap: 40px; margin-right: auto}
.mpopup h3{font-size: 24px;}



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


	.post{ width:880px; 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: 8;
	 
	    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}