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


@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');


.after:after{display:block;visibility:hidden;clear:both;content:""}

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/

/* 초기화 */
a{color: inherit; text-decoration: none;}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Titillium Web', sans-serif;
	/*font-weight:400;*/
	letter-spacing:0px;
	/*font-size:16px;*/
}
:focus { outline: none !important; }

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

.clearfix{clear: both;}



body{
	font-family: 'Titillium Web', sans-serif !important;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-weight:400;
	overflow-x: hidden;
	overflow-y: auto;
	word-break: keep-all;
}
html{
	width: 100%;
	height: 100%;
	/*overflow :  hidden;*/
}

/* =========== sub_page ========== */
/* header*/
header {  /*픽스를 할지 스크롤할지 고민쓰*/
	position:fixed;/*fixed*/
	top:0;
	left:0;
	width:100%;
	background:#fff;
	z-index:10;
	box-shadow:1px 0px 10px #33333380;
}
header .inner {
	display:flex;
	justify-content: space-between;
	align-items:center;
	width:100%;/*1920px*/
	min-width:800px;
	padding:20px 100px;
}
header h1 {
	width:150px;
	/*border:1px solid red;*/
}
header h1 img {
	width:100%;
}
.gnb {
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	width:450px;/*380px*/
}
.gnb > li{
	width:25%;
	text-align:center;
} 
.gnb li a {
	color:#333;
	font-size:16px;
	font-weight:400;
}
.gnb li a:hover {
	color:#333;
	font-weight:700;
}
.lang_wrap {
	position:relative;
	width:100%;
}
.lang {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.lang li {

}
.lang li:last-child{
	display:none;
	margin-top:15px;
	padding:8px 0;
	background:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

footer {
	width:100%;
	padding:15px 0;
	background:#000;
}
footer .inner {
	width:1300px;
	margin: 0 auto;
	padding:40px 0 40px;
	text-align:center;
	color:#fff;
	position:relative;
	/*border:1px solid green;*/
}
footer .inner p {
	font-size:14px;
	font-weight:300;
	line-height:30px;
}
footer .inner p > a {
	opacity:0.7;
	transition:0.3s;
}
footer .inner p > a:hover {
	opacity:1;
}
.top_btn {
	display:none;
	position:fixed;
	right:50px;
	bottom:210px;
	width:75px;
	height:75px;
	line-height:70px;
	color:#005288;
	font-weight:600;
	border:1px solid #005288;
	border-radius:50%;
	background:#ffffff80;
	opacity:0.5;
	transition:0.3s;
}
.top_btn:hover {
	opacity:1;
}
/*========= 서브 공통 탑 ===========*/
@font-face {
    font-family: 'ChosunKg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub01_topwrap,
.sub02_topwrap,
.sub04_topwrap{
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
	background:#ddd;
	margin-top:85px;
}

.sub01_topwrap h2,
.sub02_topwrap h2,
.sub04_topwrap h2 {
	font-family: 'Titillium Web', sans-serif;
	font-size:50px;
	font-weight:600;
	letter-spacing:1px;
	line-height:450px;/*490*/
	color:#fff;
    position: relative;
}

.sub01_topwrap::before {
	content:"";
    background:url('../images/company_top_20230331.jpg');
	background-size: cover;
	background-position:center center; 
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	animation:m1 7s /*infinite*/ ;
}
.sub01_topwrap .inner {
	width:1200px;
	margin: 0 auto;
	text-align:center;
}

.sub02_topwrap::before {
	content:"";
    background:url('../images/business_top_20230331.jpg');
	background-size: cover;
	background-position:center center; 
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	animation:m1 7s  /*infinite*/ ;
}
.sub02_topwrap .inner {
	width:1200px;
	margin: 0 auto;
	text-align:center;
}

.sub04_topwrap::before {
	content:"";
    background:url('../images/location_top_20230331.jpg');
	background-size: cover;
	background-position:center center; 
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	animation:m1 7s  /*infinite*/ ;
}
.sub04_topwrap .inner {
	width:1200px;
	margin: 0 auto;
	text-align:center;
}

@keyframes m1 {
	0% { transform:scale(1.25); }
	100% { transform:scale(1); }
}

@keyframes m2 {
	0% { transform:scale(1.25); }
	100% { transform:scale(1); }
}


/*==== 탭버튼 =====*/
.tab_wrap {
	width:100%;
	background:#fff;
	position: relative;
	/*border-bottom:1px solid #dddddd90;*/
	/*box-sizing:border-box;*/
}

.tab_cen {
    display: flex;
    justify-content: center;
}

.tab {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 700;
	overflow: visible;
	border-bottom: 2px solid #fff;
}
.tab02 > li{
	width:calc(100% / 3);
	padding:20px 0;
	border-bottom: 2px solid #fff;
}
.tab02 > li > a {
	width:100%;
	font-size:16px;
	font-weight:700;
}
.tab02 > li:hover {
	color:#005288;
	border-bottom:2px solid #005288;
}
.tab02 li:hover {
	color:#005288;
	border-bottom:2px solid #005288;	
}
.tab .on {
	color:#005288;
	border-bottom:2px solid #005288;
	box-sizing:border-box;
}

.fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index:10;
  /*margin-bottom:30px;*/
}

.tab-content {
    width: 1200px;
    display: none; /* 기본적으로 숨김 */
    position: absolute; /* 절대 위치로 설정 */
    top: 100%; /* 탭 바로 아래에 위치 */
    z-index: 10; /* 다른 요소 위에 보이도록 설정 */
    background: #fff; /* 배경색 설정 */
    bottom: 6px;
	font-size: 15px;
	border-bottom: 2px solid #fff;
}

.tab-content.active {
    display: block; /* active 클래스가 있을 때만 보이게 함 */
}

.sub-tabs {
    list-style: none;
    padding: 15px 0;
	margin: 0;
	align-items: center;
}

.sub-tab {
    cursor: pointer;
    /*margin-right: 10px;*/
    display: inline-block;
	color: #333;
	border-bottom: 2px solid #fff;
}

.sub-tab a {
    text-decoration: none; /* 기본적으로 밑줄 제거 */
}

.sub-tab.active a {
    text-decoration: underline; /* 클릭한 하위 탭에만 밑줄 표시 */
    font-weight: bold; /* 강조를 위해 글자 두껍게 (선택 사항) */
	display: inline-block;
}

.sub-tab:nth-child(1) {
	width: calc(100% / 3);
	padding-bottom: 6px;
}

.sub-tab:nth-child(2) {
	width: calc(100% / 3);
	padding-bottom: 6px;
}

.sub-tab:nth-child(3) {
	width: calc(100% / 3);
	padding-bottom: 6px;
}

.sub-tab:last-child {
    margin-right: 0; /* 마지막 탭의 오른쪽 여백 제거 */
}

.sub-tab > a {
    font-size:13px;
	font-weight: 700;
}

.tab-content li:hover {
	color: #005288;
    border-bottom: 2px solid #005288;
}

.tab-content li.on {
	color: #005288;
    border-bottom: 2px solid #005288;
}

/*========= 회사소개 ===========*/
.com_contetns {
	width:100%;
	padding:80px 0 80px;
}
.com_contetns h3 {
	font-size:30px;
	font-weight:600;
	padding-top:15px;
	text-align:center;
}
.com01 {
	width:1200px;
	height:800px;
	margin:0 auto;
	position:relative;
}
.com01 .left_box {
	width:650px;
	padding:60px 0;
	text-align:left;
	padding-left:40px;
	position:absolute;
	top:100px;
	left:0;
	background:#f5f8fa;
}
.com01 .left_box p {
	position:relative;
	width:550px;
	font-size:18px;
	line-height:23px;
	
	margin-bottom:30px;
}
.com01 .left_box p span {
	font-size:25px;
	font-weight:600;
	color:#005288;
}
.com01 .left_box p:last-child {
	margin-bottom:0;
}
.com01 .left_box p:first-child:before{
	content:"";
	position:absolute;
	top:-20px;
	left:0;
	width:55px;
	height:5px;
	background:#005288;
}
.com01 .right_box {
	width:600px;
	height:450px;
	overflow:hidden;
	line-height:0;
	z-index:2;
	position:absolute;
	top:200px;
	right:0;
}
.com01 .right_box img {
	width:100%;
}
.com2 {
	width:100%;
	height:900px;/*700px*/
	background:url('../images/company02.jpg') center/cover no-repeat;
	margin-bottom:50px;
}
.com2_inner {
	width:1200px;
	margin:0 auto;
	padding-top:60px;
	color:#fff;
	/*border:1px solid #fff;*/
}
.com2_inner .txt_wrap{
	text-align:right;
	line-height:25px;
	padding-bottom:10px;
}
.com2_inner h3 {
	text-align:center;
	color:#fff;
}
.com2_inner .txt_wrap p {
	position:relative;
}
.com2_inner .txt_wrap p:first-child::before {
	content:"";
	position:absolute;
	top:8px;
	right:300px;
	width:50px;
	height:8px;
	background:#fff;
}
.com2_inner .txt_wrap p:nth-child(2)::before {
	content:"";
	position:absolute;
	top:8px;
	right:300px;
	width:50px;
	height:8px;
	background:#005288;
}
.com3_wrap {
	width:100%;
	padding-top:10px;
	/*padding-top:30px;*/
}
.com3_inner {
	width:1200px;
	margin:0 auto;
}
.com3_inner h3 {
	padding:95px 0 15px;
	text-align:center;
}

/* 조직도 */
.organogram01 {
	position:relative;
	margin:40px auto 0 auto;
	text-align:center;
	min-height:361px;
}
.organogram01 .step01 {
	position:absolute;
	top:0;
	left:48%;
	margin-left:-78px;

}
.organogram01 .step01 li { margin-bottom:19px;}

.organogram01 .step01_1_1 {
	position:absolute;
	top:62px;
	left:0;
	margin-left:150px;/*92*/
}/*리스크*/
.organogram01 .step01_1_1 li { margin-bottom:7px;}

.organogram01 .step01_1 {
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:180px;
}
.organogram01 .step01_1 li { margin-bottom:7px;}
.organogram01 .step01_2 {
	position:absolute;
	top:120px;/*168px*/
	left:0;
	margin-left:150px;
}
.organogram01 .step01_2 li {
	margin-bottom:7px;
}
.organogram01 .step01_3 {
	position:absolute;
	top:255px;/*275px*/
	left:0;
	margin-left:150px;
}
.organogram01 .step01_3 li {
	margin-bottom:7px;
}
.organogram01 .step01_4 {
	position:absolute;
	top:210px;/*230px*/
	left:50%;
	margin-left:180px;
}
.organogram01 .step01_4 li {
	margin-bottom:7px;
}
.organogram01 .Box01 {
	background:#0378a6;
	width:207px;/*156*/
	color:#fff;
	font-size:16px;
	line-height:41px;
	font-weight:600;
	border-radius:50px;
}
.organogram01 .Box02 {
	background:#049dbf;
	border:solid 1px #049dbf;
	width:207px;
	color:#fff;
	font-size:15px;
	font-weight:600;
	line-height:41px;
	border-radius:50px;
}
.organogram01 .Box03 {
	background:#aee6f2;
	border:solid 1px #aee6f2;
	margin-top:7px;
	width:207px;
	color:#444;
	font-size:15px;
	font-weight:600;
	line-height:41px;
	border-radius:50px;
}
.organogram01 .Box04 {
	background:#d8d9d7;
	width:207px;
	color:#333;
	font-size:15px;
	line-height:41px;
	font-weight:600;
	border-radius:50px;
}
.organogram02_1 {
	position:relative;
	/*background:url(../images/company_organogram_connect02.png) no-repeat center top;*/
	width:100%;
	margin:0 auto;
	text-align:center;
	min-height:;
	display:table;
	/*border:1px solid red;*/
}
.organogram02_1 a { 
	width:100%;
	color:#666;
	display:inline-block;
}
.organogram02_1 ul {
	padding-top:50px; 
	display:table-cell;
	text-align:center;
}
.organogram02_1 .step01_1 { 
	position:relative;
	top:-12px;/*15*/ 
	left:268px;
}
.organogram02_1 .step01_2 { 
	position:relative;
	top:-11px;/*15*/
	left:268px;
}

.organogram02_1 li {
	background:#fff;
	margin-top:10px;
	width:207px;
	color:#666;
	font-size:14px;
}
.organogram02_1 li strong {
	background:#eaf4f9;
	color:#3291c8;
	width:207px;
	color:#3291c8;
	font-size:15px;
	line-height:40px;
	font-weight:600;
	display:inline-block;
	border-radius:50px;
}
.organogram02_1 li strong span {
	position:relative;
	top:-2px;
	font-size:10px;
	display:inline-block;
}
.organogram02_1 li strong a { color:#3291c8;
	text-decoration:none;
}
.organogram02_1 li strong a:hover { color:#222;}
.organogram02_1 .Box01 {
	background:#00acc5;
	width:207px;
	color:#fff;
	font-size:16px;
	line-height:16px;/*41px*/
	padding:10px 0;
	font-weight:600;
	border-radius:50px;
}
.organogram02_1 .step02 dd {
	width:207px;
	font-size:14px;
	line-height:31px;
	font-weight:600;
	border-radius:50px;
	margin-bottom:5px;
	border:1px solid #ddd;
}

.organogram02_1 .Box01 > a{
	color:#fff;
}


.organogram02 {
	position:relative;
	/*background:url(../images/company_organogram_connect02.png) no-repeat center top;*/
	width:100%;
	margin:0 auto;
	text-align:center;
	min-height:;
	display:table;
}
.organogram02 a { width:100%; color:#666; display:inline-block;}
.organogram02 ul { padding-top:50px; display:table-cell; text-align:center;}
.organogram02 .step01_1 { position:relative; top:15px; left:0;}
.organogram02 .step01_2 { position:relative; top:15px; left:11px;}
.organogram02 .step01_3 { position:relative; top:15px; left:11px;}
.organogram02 .step01_4 { position:relative; top:15px; left:10px;}
.organogram02 .step01_5 { position:relative; top:15px; left:10px;}
.organogram02 .step01_6 { position:relative; top:0px; left:10px;}
.organogram02 .step02 {
	/*border-top:solid 1px #00acc5;*/
	line-height:24px;
	padding:7px 0 8px 0;
	/*border:1px solid red;*/
}
.organogram02 li {
	background:#fff;
	/*width:220px;/*190px*/
	color:#666;
	font-size:14px;
	/*margin-bottom:10px;*/
	/*border:1px solid red;*/
}
.organogram02 li strong {
	background:#aee6f2;
	border: solid 1px #aee6f2;
	color:#444;
	width:220px;/*190px*/
	font-size:15px;
	line-height:16px;/*41px*/
	padding:10px 0;
	font-weight:600;
	display:inline-block;
	border-radius:50px;
	margin:0 auto 10px; 
	/*border:1px solid red;*/
}
/*.organogram02 li strong {*/
/*	background:#eaf4f9;*/
/*	color:#3291c8;*/
/*	width:220px;/*190px*/*/
/*	font-size:15px;*/
/*	line-height:16px;/*41px*/*/
/*	padding:10px 0;*/
/*	font-weight:600;*/
/*	display:inline-block;*/
/*	border-radius:50px;*/
/*	margin:0 auto 10px; */
/*	/*border:1px solid red;*/*/
/*}*/
.organogram02 li strong span {
	position:relative;
	top:-2px;
	font-size:10px;
	display:inline-block;
}
.organogram02 li strong a { color:#3291c8; text-decoration:none;}
.organogram02 li strong a:hover { color:#222;}
.organogram02 .Box01 {
	background:#00acc5;
	width:190px;/*270px*/
	color:#fff;
	font-size:16px;
	line-height:41px;
	font-weight:600;
	border-radius:50px;
}
.organogram02 .step02 dd {
	width:220px;/*190px*/
	font-size:14px;
	line-height:16px;/*31px*/
	padding:10px 0;
	font-weight:600;
	border-radius:50px;
	margin:0 auto 8px; 
	/*margin-bottom:8px;*/
	border:1px solid #ddd;
}

.organogram02 .Box01 > a{
	color:#fff;
}

.line01, .line02,
.line03, .line04,
.line05, .line06,
.line07, .line08,
.line09, .line10{
	position:relative;
}
.line01:before {
	content:"";
	position:absolute;
	top:0;
	left:103px;
	width:1px;
	height:382px;
	background:#898989;
	z-index:-1;
}
.line02:before {
	content:"";
	position:absolute;
	top:20px;
	left:-140px;
	width:200px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line03:after {
	content:"";
	position:absolute;
	top:-32px;
	right:-100px;
	width:1px;
	height:52px;
	background:#898989;
	z-index:-1;
}
.line03:before {
	content:"";
	position:absolute;
	top:20px;
	right:-100px;
	width:200px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line04:before {
	content:"";
	position:absolute;
	top:20px;
	right:-245px;
	width:250px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line05:before {
	content:"";
	position:absolute;
	top:20px;
	left:-178px;
	width:250px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line06:before {
	content:"";
	position:absolute;
	top:-35px;
	left:103px;
	width:600px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line06:after {
	content:"";
	position:absolute;
	top:-35px;
	left:103px;
	width:1px;
	height:113px;
	background:#898989;
	z-index:-1;
}
.line07:after {
	content:"";
	position:absolute;
	top:-20px;
	left:103px;
	width:1px;
	height:113px;
	background:#898989;
	z-index:-1;
}
.line08:after {
	content:"";
	position:absolute;
	top:14px;
	left:120px;
	width:492px;
	height:1px;
	background:#898989;
	z-index:-1;
}
.line09:after {
	content:"";
	position:absolute;
	top:-36px;
	left:120px;
	width:1px;
	height:50px;
	background:#898989;
	z-index:-1;
}
.line10:after {
	content:"";
	position:absolute;
	top:14px;
	left:120px;
	width:241px;
	height:1px;
	background:#898989;
	z-index:-1;
}

#DepartZone {
	width:100%;
}
.table_220406 td{
	padding:10px 5px;
}
.infoArea01 {
	border-top:1px solid #ddd;
	padding-top:50px;
	margin-top:50px;
}
.infoArea01 h3{
	padding-bottom:20px;
}
.infoArea01 .tit {
	display:flex;
	justify-content: space-between;
	padding:15px 0 10px;
}
.infoArea01 .tit h4 {
	font-size:20px;
	vertical-align:middle;
	font-weight:600;
}
.infoArea01 .tit img {
	vertical-align:middle;
	margin-right:10px;
}
.infoArea01 .tit span{
	font-size:20px;
}
.table01 {
	width:100%;
	text-align:center;
	border:1px solid #33333345;
	border-right:none;
	border-left:none;
}
caption {
	display:none;
}
.table01 th{
	padding:20px 0;
	font-weight:600;
	background:#f6f6f6;
}
.table01 td {
	padding:15px 0;
	border:1px solid #33333345;
}
.textPoint01{
	font-weight:600;
	line-height:20px;
	background:#f6f6f6;
}
.table01 .lsn {
	text-align:left;
	line-height:25px;
	padding-left:15px;
}
.table01 th:first-child,
.table01 td:first-child{
	border-left:none;
}
.table01 .last {
	border-right:none;
}


.com4 {
	width:100%;
}
.com4_inner {
	width:1200px;
	margin:0 auto;
	border-top:1px solid #ddd;
}
.com4_inner h3 {
	padding:170px 0 60px;/*95 0 15*/
	text-align:center;
}

.esg_title {
	font-size:20px;
	font-weight:500;
	line-height:30px;
	margin-bottom:100px;
}
.esg_list {
	width:100%;
	padding-bottom:130px;
}
.esg_Box {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding-bottom:40px;
}
.esg_type {
	width:28%;
	color:#005288;
	font-size:35px;
	font-weight:700;
	border-right:1px solid #005288;
}
.esg_txt {
	width:70%;
	text-align:left;
}
.esg_txt .text {
	font-size: 16px;;
	line-height:25px;
	margin-bottom:20px;
}
.esg_btn {
	display:inline-block;
	color:#005288;
	font-weight:500;
	padding:12px 25px;
	border:1px solid #005288;
	border-radius:3px;
	transition:all 250ms ease;
}
.esg_btn:hover {
	color:#Fff;
	background:#005288;
	
}

.com5 {
	width:100%;
}
.com5_inner {
	width:1200px;
	margin:0 auto;
	border-top:1px solid #ddd;
}
.com5_inner h3 {
	padding:170px 0 60px;/*95 0 15*/
	text-align:center;
}

.abemp_title {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 5px 25px 5px;
}
.abemp_list {
    width: 100%;
    padding: 50px 0 40px 0;
    background-color: #deebf7;
}
.abemp_Box {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.abemp_type {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    width: 16%;
    padding: 4px 0 0 100px;
    text-align: left;
}
.abemp_txt {
    width: 85%;
    text-align: left;
}
.abemp_txt .text {
	font-size: 16px;;
	line-height:25px;
	margin-bottom:20px;
}
.abemp_btn {
	display:inline-block;
	color:#005288;
	font-weight:500;
	padding:12px 25px;
	border:1px solid #005288;
	border-radius:3px;
	transition:all 250ms ease;
}
.abemp_btn:hover {
	color:#Fff;
	background:#005288;
	
}

.com6 {
	width:100%;
}
.com6_inner {
	width:1200px;
	margin:0 auto;
	border-top:1px solid #ddd;
}
.com6_inner h3 {
	padding:170px 0 60px;/*95 0 15*/
	text-align:center;
	font-size: 30px;
    font-weight: 600;
}

.rcg_title {
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 5px 0 5px;
}
.rcg_list {
    width: 100%;
    padding: 60px 0 80px 0;
}
.rcg_Box1 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom: 50px;
}
.rcg_Box2 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom: 50px;
}
.rcg_Box3 {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom: 25px;
}
.rcg_Box4 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 150px;
    border-top: 1px solid #888;
    padding: 25px 0 20px;
}
.rcg_type {
    width: 14%;
    color: #005288;
    font-size: 16px;
    font-weight: 600;
    border-right: 2px solid #005288;
	text-align: left;
}
.rcg_txt {
	width:95%;
	text-align:left;
}
.rcg_txt .text {
	font-size: 16px;;
	line-height:15px;
	margin: 0 0 15px 25px;
}
li.text1 {
    margin: 0 0 0 35px;
    line-height: 25px;
}
li.text2 {
    margin: 0 0 0 35px;
    line-height: 25px;
}
li.text2 a:hover {
    font-weight: bold;
}
li.text2 img {
    width: 15px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
}
.rcg_btn {
	display:inline-block;
	color:#005288;
	font-weight:500;
	padding:12px 25px;
	border:1px solid #005288;
	border-radius:3px;
	transition:all 250ms ease;
}
.rcg_btn:hover {
	color:#Fff;
	background:#005288;
	
}

/* =========== 사업소개 =========== */
.busi_contetns {
	width:100%;
	padding:0 ;
}
.busi_contetns h3 {
	font-size:30px;
	padding-top:15px;
	text-align:center;
}
.busi01 {
	width:100%;
	background:#f5f8fa;
}
.busi01 .inner {
	width:1200px;
	margin: 0 auto;
	padding:150px 0 190px ;
}
.busi01 .inner h4 {
	font-size:30px;
	font-weight:600;
	margin-bottom:15px;
	 text-align:left;
}
.busi_info {
	list-style-type:square;
  list-style-position: inside;
  /*text-indent: -10px;
  padding-left: 10px;*/
  text-align:left;
  padding-top:15px;
}
.busi_info li {
	font-size:18px;
	font-weight:400;
	line-height:35px;
}
.busi_info li span {
	font-size:18px;
	font-weight:700;
}
.busi_info li::marker{
	color:#005288;
}
.sub_tab_wrap {
	margin-top:140px;
}
.sub_tab {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.sub_tab li {
	font-size:17px;/*18px*/
	line-height:22px;
	width:20%;
	height:60px;
	/*width:157px;*/
	font-weight:600;
	text-align:center;
	padding-top:5px;
	/*padding-bottom:18px;*/
	cursor:pointer;
}
.sub_tab li:first-child,
.sub_tab li:nth-child(3){
	padding-top:0;
}
.sub_on {
	color:#005288;
	font-weight:600;
	border-bottom:3px solid #005288;
}
.sub_tab_contents {
	padding:37px;
	background:#fff;
	border-top:1px solid #005288;
	border-bottom:1px solid #005288;
}
.sub_tab_contents li {
	display:flex;
	justify-content:flex-start;
	/*justify-content:center;*/
	align-items:center;
	font-weight:500;
}
.sub_tab_contents li p{
	font-size:18px;/*18px*/
	font-weight:400;
	text-align:left;
}
.sub_tab_contents li p:first-child {
	margin-right:15px;
}
.busi02 {
	width:100%;
	padding:60px 0 90px;;
}
.busi02 .inner {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.busi02 .inner h4 {
	font-size:30px;
	font-weight:600;
	padding:80px  0 40px;
}
.busi02_img {
	margin:40px 0 60px;
	box-sizing:border-box;
}
.busi02_img img{
}
.busi02 .inner h4{
	width:100%;
	font-size:35px;
	padding:200px  0 50px;
}
.busi02_list {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	/*justify-content: space-between;*/
	margin:75px 0 ;
	padding-bottom:50px;
}
.busi02_list li {
	width:45%;/*540px*/
	height:280px;
	border-radius:10px;
	margin-bottom:80px;
	padding:25px 10px;
	color:#3291c8;
	font-size:25px;
	font-weight:700;
	border:1px solid #3291c8;
	background:#f5f8fa;
	text-align:left;
	margin-right:5%;

}
.busi02_list li {
	display:flex;
	align-items:center;
	justify-content: center;
}
/*.busi02_list li div {
	width:420px;
}
.busi02_list li div:last-child {
	width:480px;
}*/
.busi02_list li:nth-child(even){
	margin-right:0;
}
.busi02_list li p:first-child {
	font-size:25px;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
}
.busi02_list li p:last-child {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    letter-spacing: 0px;
}
.partner_warp {
	width:100%;
	background:#f5f8fa;
	padding-top:60px;
	padding-bottom:80px;
}
.partner_warp .inner {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.partner_warp .inner h4 {
	font-size:35px;
	font-weight:600;
	padding:100px  0 60px;
}
.partner {
	width:100%;
	/*display:flex;*/
	/*justify-content:space-between;*/
	margin-top:20px;
}
.partner ul {
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-bottom:90px;
}
.partner ul li {
	position:relative;
	width:20%;
	height:140px;
	background:#fff;
	transition:0.5s;
	margin-bottom:0;
	border:1px solid #ddd/*#0378a6*/;
	/*cursor:pointer;*/
}
.partner ul .tit {
	height:140px;
	font-size:23px;
	font-weight:600;
	line-height:140px;
	background:none;
	border:none;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.partner ul .last_tit {
	border-bottom:none;
}
.on_img {
	position:relative;
	top:20px;
}
.off_img {
	position:absolute;
	top:0;
	left:0;
	height:140px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	background:#fff;
	border:2px solid #0378a6;
	z-index:2;
	display:none;
}
.off_img img {
	width:120%;
}
.off_img span {
	font-size:13px;
}
.partner ul li:hover .off_img {
  display: block;
}


/* =========== 공지사항 =========== */
.notice_contetns {
	width:100%;
	padding:50px 0;
}
.noti_top {
	width:1200px;
	margin:0 auto;
}
.noti_top h3 {
	color:#005288;
	font-size:30px;
	font-weight:500;
	padding-top:0px;
	text-align:left;
}
.total_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;/*flex-end*/
	margin:50px 0 15px;
	/*border:1px solid red;*/
}
.search_box {
	padding:2px;
	border:1px solid #333;
}
.search_box .search {
	font-size:18px;
	padding:5px 0;
	border:none;
	outline:none;
	vertical-align:middle;
}
.search_box .search:focus{
	border:none;
	outline:none;
}
.search_box img {
	width:20px;
	margin-right:5px;
	vertical-align:middle;
	cursor:pointer;
}
.noti_list_wrap {
	width:1200px;
	margin:0 auto;
}
.notice_tbl {
	width:100%;
	text-align:center;
	margin-bottom:50px;
	border-top:2px solid #005288;
}
.notice_tbl th{
	font-size:18px;
	background:#00528809;
	padding:20px 0;
	border-bottom:1px solid #333;
}
.notice_tbl td {
	padding:15px 0;
	border-bottom:1px solid #333;
}
.notice_tbl td:nth-child(2){
	text-align:left;
}
.notice_tbl td a:hover{
	color:#005288;
	padding-bottom:2px;
	text-decoration:underline;
}
.notice_tbl td button {
	width:18px;
	text-align:center;
	background:none;
	border:none;
	cursor:pointer;
}
.notice_tbl td button img {
	width:100%;
}
.notice_tbl .add_tr {
	vertical-align:middle;
	/*border:1px solid #ddd;*/
}
.add_tr td {
	padding:10px 0;
}
.add_tr td:nth-child(2) {
	padding-left:20px;
}
.add_tr .re_icon {
	width:15px;
	margin-right:5px;
}
.notice_tbl .add_tr span {
	display:inline-block;
	width:23px;
	height:23px;
	line-height:18px;
	font-size:16px;
	text-align:center;
	color:#005288;
	border:1px solid #005288;
	border-radius:50px;
	margin-right:10px;
}

.page {
	text-align:center;
	/*border:1px solid green;*/
}
.page a {
	padding:0 4px;
	vertical-align:middle;
}
.page a:hover {
	color:#005288;
}
.page img {
	width:15px;
	vertical-align:middle;
}

/* 채용공고페이지 */
.recruit_wrap {
	margin-bottom:40px;
}
.noti_top .recruit_wrap h3 {
	text-align:center;
	margin-bottom:30px;
}
.recruit_img {
	padding:20px 0;
	background:#00528808;
}
/* 공지사항 뷰페이지*/
.notice_view_wrap {
	width:100%;
	padding:50px 0;
}
.notice_view_inner{
	width:1200px;
	margin:0 auto;
}
.notice_view_inner > p {
	font-size:14px;
	text-align:right;
	margin-bottom:10px;
}
.noti_view_top {
	width:1200px;
	margin:0 auto;
	padding-bottom:20px;
}
.noti_view_top h3 {
	color:#005288;
	font-size:30px;
	font-weight:700;
	padding-top:0px;
	text-align:left;
}
.noti_veiw {
}
.view_info {
	margin-top:30px;
	margin-bottom:20px;
}
.view_info .tit {
	font-size:20px;
	padding-bottom:10px;
	text-align:left;
}
.view_info .date {
	color:#005288;
	font-size:15px;
	font-weight:500;
	padding:10px 0;
	border-top:2px solid #005288;
	border-bottom:1px solid #ddd;
	text-align:left;
}
.view_info .date span {
	color:#333;
	margin-left:10px;
}
.veiw_contents {
	width:100%;
	padding-bottom:20px;
}
.file_list {
	border-top:1px solid #ddd;
	padding:10px 0;
	text-align:left;
}
.file_list li {
	padding-bottom:10px;
}
.file_list li:last-child {
	padding-bottom:0;
}
.file_list a {
	font-size:14px;
	vertical-align:middle;
}
.file_list a:hover{
	opacity:0.8;
}
.file_list img {
	width:15px;
	margin-right:5px;
	vertical-align:middle;
}
.mini_list {
	margin:0;
	border-top:2px solid #00528890;
	border-bottom:2px solid #00528840;
}
.mini_list li {
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.mini_list li span {
	font-size:14px;
	font-weight:bold;
	color:#999;
	margin-right:15px;
}
.mini_list li a:hover {
	color:#005288;
}
.back_btn {
	margin-top:40px;
	text-align:right;
}
.back_btn button {
	font-size:15px;
	font-weight:bold;
	padding:10px 40px;
	background:#00528840;
	border-radius:5px;
	border:none;
	cursor:pointer;
	transition:0.3s;
}
.back_btn button:hover{
	color:#fff;
	background:#005288;
}

/*========= 오시는길 ===========*/
.location_contetns {
	width:100%;
	padding:80px 0;
}
.location_contetns h3 {
	font-size:30px;
	font-weight:600;
	padding:15px 0 30px;
	text-align:center;
}
.location_inner {
	width:1200px;
	margin:0 auto 50px;;
	/*display:flex;
	justify-content:space-between;
	align-items: center;*/
	padding:30px 0 50px;
	/*border:1px solid red;*/
}
.location_left{
	width:100%;
	height:500px;
	margin-bottom:80px;
}
.loca_txt{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.loca_txt p {
	width:50%;
	font-size:17px;
	font-weight:500;
	vertical-align:middle;
	/*border:1px solid red;*/
}
.loca_txt p:first-child {
	border-right:2px solid #ddd;
}
.loca_txt img {
	width:20px;
	vertical-align:middle;
	margin-right:5px;
}
.loca_txt .tit {
	color:#005288;
	font-size:25px;
	font-weight:600;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
}
.loca_tbl {
	width:100%;
}
.loca_tbl th {
	width:15%;
	color:#005288;
	font-size:22px;
	font-weight:600;
	padding:10px 0;
	text-align:right;
	vertical-align:top;
}
.loca_tbl td {
	font-size:18px;
	text-align:left;
	padding-left:15px;
}
.traffic li{
	display:flex;
	margin-bottom:15px;
}
.traffic li:last-child{
	margin-bottom:0;
}
.traffic li img {
	margin-right:10px;
}
.traffic li p {
	line-height:25px;
}
.space {
	border-top:10px solid #fff;
}


/*========= 푸터 서브 공통 탑 ===========*/
.ft_sub_top {
	width:100%;
	height:150px;
    margin-top: 85px;
	/*margin-top:103px;*/
	background:#00528890;
}
.ft_sub_top .inner {
	width:1200px;
	margin: 0 auto;
	text-align:center;
}
.ft_sub_top h2 {
	font-size:40px;
	line-height:150px;
	font-weight:500;
	color:#fff;
}
.ft_subcon {
	width:100%;
}
.ft_subcon .inner {
	width:1200px;
	margin:0 auto;
	padding:110px 0;
}
.e-txt {
	text-align:left;
	width:900px;
	margin:0 auto;
}
.e-txt p {
	font-size:15px;
	line-height:25px;
	padding-bottom:15px;
}
.e-txt .blue {
	padding-top:20spx;
}
.e-txt ul {
	text-align:left;
	padding-top:0px;
}
.e-txt li {
	font-size:15px;
	line-height:30px;
}
.blue {
	font-weight:600;
	color:#005288;
}

/* 개인정보*/
.reCon {
	width:900px;
	margin: 0 auto;
	text-align:left;
	font-size:15px;
	line-height:25px;
	padding-bottom:50px;
	/*border:1px solid green;*/
}
.infoArea02 {
	margin-top: 30px;
}
.privacy {margin-top:30px;}
.privacy .title {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.privacy .date {
	margin-top:20px;
	text-align:right;
}
.privacy .date span {
	width:110px;
	text-align:right;
	display:inline-block;
}
.privacy_name {
	font-size:18px;
	font-weight:bold;
	color:#00588a;
}
.priv_tbl {
	width:100%;
	text-align:center;
	margin:10px 0;
	/*border:1px solid #ddd;*/
}
.priv_tbl th {
	font-size:14px;
	font-weight:500;
	padding:3px 0;
	background:#f2f2f2;
	border:1px solid #ddd;
}
.priv_tbl td {
	font-size:13px;
	padding:2px 0;
	border:1px solid #ddd;
}
.priv_tbl th:first-child, .priv_tbl td:first-child{
	border-left:none;
}
.priv_tbl th:last-child, .priv_tbl td:last-child{
	border-right:none;
}