@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR');
/*
position : relative(상대) , absolute(절대)

marjin: 위,오른쪽,아래,왼쪽 / border 밖
border:
pdding : 위,오른쪽,아래,왼쪽 / border 안
*/
.jbox {
	position:relative;
	overflow: hidden;
}

.jbox.left{ float:left; z-index:20;}
.jbox.right{ float:right; z-index:10;}

.jbox table {
	border:0 none;
	margin:20px auto 7px;
	border:2px solid #E5EAEF;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 5px;empty-cells:show;
}
.jbox table th {
	font-size:12px;
	letter-spacing:-1px;
	text-align:left;
	white-space:nowrap;
	width:100px;
}
.jbox table th.normal {
	color:#7D7D7D;
	font-weight:normal;
}
.jbox table td {
	padding-bottom:5px;
}
.jbox table td .input_text {
	border:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	height:18px;
	line-height:14px;
	padding:3px 2px 1px;
}
.jbox table td .input_text.focus {
	border:1px solid #59A509;
}
.jbox .bar {
	margin:10px -1px 0 -2px;
}

.htable td {
	height:30px;
	padding-left: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.htable2 td {
	height:30px;
	padding-left: 10px;
}
.input_text2 {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:16px;
	line-height:14px;
	padding:3px 2px 1px;
}
.input_file {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:22px;
	padding:3px 2px 1px;
}
.text_area {
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:14px;
	padding:3px 2px 1px;
}
.htitleline {border-bottom:2px solid #E3E3E3;clear:both;height:25px;position:relative;_top:2px;}
.htitleline h3 {position:absolute;left:0; border-bottom:2px solid #4D4D4D;font-weight: bold; height:25px; padding:0 1px; _top:-1px; font-size:13pt;}
.htitleline p {border-bottom:2px solid #4D4D4D;font-weight:bold;clear:both;float:left;height:25px;padding:0 1px;position:relative;_top:2px;}

.hometable1 {border:0px solid #488ae4;margin:1em auto;border-collapse:collapse;}
.hometable1 th, .hometable1 td{border:1px solid #E1E1E1;padding: 10px 5px;margin: 5px;color:#678197;}
.hometable1 th {text-align:left; padding-left: 5px; background-color:#f7fdec}
.hometable1 .odd {background-color:#f7fdec}

.hometable2 {border:0px solid #488ae4;margin:1em auto;border-collapse:collapse;}
.hometable2 th, .hometable2 td{text-align:center; border:1px solid #E1E1E1;padding: 10px 5px;margin: 5px;color:#678197;}
.hometable2 th {padding-left: 5px; background-color:#f7fdec}
.hometable2 .odd {background-color:#f7fdec}


/*메인 컨텐츠 3단 레이아웃*/
.hcontsBox {float:left;width: 100%;overflow: hidden;clear: both;margin-bottom:20px;padding-bottom:40px;border-bottom:1px solid #ddd;}
.hcontsBoxLeft {float:left;width:20%;overflow: hidden;padding:0;border:0;}
.hcontsBoxRight {float:right; width:75%; overflow: hidden;}

.ticon {margin:10px auto;text-align:center !important}
.ticon i{font-size:4em;text-align:center;color:#0075c2;}
h3.tline_tl {font-size:26px; color: rgba(1,1,1,.6);letter-spacing:-.1em; line-height:1.5; font-family: 'Nanum Myeongjo',serif;  padding-top:10px;margin-top:10px;border-top:2px solid #0075c2;}

.chistory {position:relative;width:100%;clear:both;}
.chistory dt{width:20%;float:left;margin-bottom:10px;}
.chistory dd{width:78%;float:left;margin-bottom:10px;}

._homepage{position:relative;padding:20px 0;font-size:16px;line-height:1.8;}/**/
._homepage p {font-size:16px;text-align: justify;}
._homepage ul{list-style:disc outside;margin-left: 1.25rem;}
._homepage ul li{list-style:disc outside;padding-bottom:1rem;font-size:14px;text-align: justify; color:#0e5f28;}

._homepage .hLeft {float:left;width: 22%;overflow: hidden;}
._homepage .hRight {float:right; width: 75%;padding: 0;border:0px solid #1a1a1a;overflow: hidden;}

.ceo_photo{border:1px solid #0089d8;width:100%;}
.ceo_photo dd{border:0;padding:0;margin:0;font-size:0;}
.ceo_photo dd img{width:100%;}
.ceo_photo dt{background-color:#0089d8;color:#FFF;font-size:1em;text-align:center;}

.sign {font-size:30px; color:#000; line-height:1.6; font-family: 'Nanum Myeongjo',serif; font-weight:100;}


._homepage2{position:relative;padding:20px 0;font-size:14px;line-height:1.8;}/**/
._homepage2 p {font-size:14px;text-align: justify;padding-left:20px;}
._homepage2 p.stl {font-size:18px; color:#0d782f; line-height:24px; letter-spacing:-0.6pt; font-family:NotoKrR; font-weight:400; padding-bottom:10px;}
._homepage2 h3.stl {font-size:16px; color:#444; line-height:24px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:600; padding-bottom:18px;}

p.sky {font-family:'NotoKrR'; font-weight:100; color:#0089d8;line-height:2.5;}
p strong.blue {font-family:NotoKrB; font-weight:100; color:#385ea2;}
p strong.sky {font-family:NotoKrB; font-weight:100; color:#0089d8;}
p strong.black {font-family:NotoKrB; font-weight:100; color:#313131;}
p strong.green {font-family:NotoKrB; font-weight:100; color:#2b8b4a;}

h3.tl {font-size:27px; color:#444; line-height:36px; font-family:'NotoKrL'; font-weight:600; padding-bottom:25px;line-height:1.5; letter-spacing:-0.055em;}
h3.tl .blue {font-family:NotoKrB; font-weight:100; color:#385ea2;}
h3.tl .sky {font-family:NotoKrB; font-weight:100; color:#0089d8;}
h3.tl .green {font-family:NotoKrB; font-weight:100; color:#2b8b4a;}

h3.tl1 {position: relative;font-size:35px; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:100; padding-bottom:25px;margin-bottom:0px;}
h3.tl1:after {content:'';position:absolute;top:1px;left:0%;width:10%;height:1px;background-color:#0082cb}


h3.tl2 {position: relative;font-size:35px; color:#0082cb;  letter-spacing:0; line-height:1.6; font-family: 'NotoKrR',serif; font-weight:100; padding-bottom:25px;margin-bottom:0px;}
h3.tl2:after {content:'';position:absolute;top:1px;left:45%;width:10%;height:1px;background-color:#0082cb}

h3.tl2 .blue {font-weight:100; color:#385ea2;}
h3.tl2 .sky {font-weight:100; color:#0089d8;}
h3.tl2 .green {font-weight:100; color:#2b8b4a;}

h3.stit {font-size:16px; color:#a0a0a0; line-height:23px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:100; padding-bottom:18px;}
h3.stit2 {font-size:15px; color:#a0a0a0; line-height:23px; letter-spacing:-0.6pt; font-family:NotoKrL; font-weight:100; padding-bottom:18px;}

strong.tx_red{font-size:18px;font-family:NotoKrB; font-weight:100; color:#e10000;}
strong.tx_blue{font-size:18px;font-family:NotoKrB; font-weight:100; color:#385ea2;}

.c_header{position: relative;width:100%;text-align:center;color: #111;}
.c_header h3{width:100%;bottom:3rem;text-align:center;font-size:1.5rem;font-family: 'Noto Serif KR', serif;line-height: 2;letter-spacing: -0.051em;}
.c_header h3 .bold{color: #64bef3  !important;}
.c_conts{position: relative;z-index: 9;width: 90%;margin: 0 auto;background-color: #fff;padding: 2rem 1rem;
 border-radius:1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}
.c_conts .ico{padding: 2rem 1rem;text-align: center;}
.c_conts .ico .fa{font-size: 3rem;color: rgba(1,1,1,.09);}
.c_conts p{font-size: 16px;line-height:1.8;}


.historyview {position:relative;}
.historyview::before {content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#d6d6d6}

.historyview div{min-height:90px;}
.historyview .even {position: relative;padding-top:1rem;}
.historyview .even h1{position:absolute;width:47%;left:0;text-align:right;margin-top: 1rem;padding-top:1px;font-size:2.2rem;}
.historyview .odd {position: relative;padding-top:1rem;}
.historyview .odd h1{position:absolute;width:47%;right:0;text-align:left;margin-top: 1rem;padding-top:1px;font-size:2.2rem;}

.historyview div li{display:block;padding:1px;clear: both;min-height:22px;}

.historyview div .even {list-style:none; clear: both;position: relative;width: 50%;margin-top: 1rem;padding-top: 1px;margin-left: 50%;}
.historyview div .even li{display:block;position:relative;text-align: left;margin:1rem 0rem 1rem 1rem;font-size:14px;color:#666;letter-spacing: -.05em;}
.historyview div .even li:before {content:'';display:block;position:absolute;top:8px;left:-1.28rem;z-index:2;width:8px;height:8px;border-radius:50%;background:#0082cb}
.historyview div .even li strong{float: left;display:block;padding-right:0.5rem;text-align: left;width:16%;white-space:nowrap;	letter-spacing:-1px;}
.historyview div .even li p{display:block;overflow: hidden;margin-bottom: 0;	letter-spacing:-1px;}

.historyview div .odd {list-style:none; clear: both;position: relative;width: 50%;margin-top: 1rem;padding-top: 1px;margin-right: 50%;}
.historyview div .odd li{position:relative;text-align: right;margin:1rem 1rem 1rem 0;font-size:14px;color:#666;letter-spacing: -.05em;}
.historyview div .odd li:before {content:'';display:block;position:absolute;top:8px;right:-1.28rem;z-index:2;width:8px;height:8px;border-radius:50%;background:#0082cb}
.historyview div .odd li strong{float: right;display:block;padding-left:0.5rem;text-align: right;width:16%;white-space:nowrap;	letter-spacing:-1px;}
.historyview div .odd li p{display:block;overflow: hidden;margin-bottom: 0;	letter-spacing:-1px;}


/*home css*/
.spt_conts {position:relative;line-height:1.5;}
.spt_conts hr{clear: both;height: 0;margin: 1.25rem auto;border-top: 0;border-right: 0;border-left: 0;max-width: 100%;border-bottom: 1px solid rgba(0,0,0,.1);}
.spt_conts a {color:#111;}
.spt_conts .h_conts {position:relative;padding:2%;margin-bottom:20px;border:3px solid #777;}
.spt_conts .p_header{font-size:1.1rem;}
.spt_conts .p_conts {position:relative;padding:2%;margin-bottom:20px;}
.spt_conts .p_conts h3 {margin-bottom:20px;font-size:1.2rem;color:#111;}
.spt_conts .p_conts h4 {margin-top:10px;margin-bottom:10px;font-size:1rem;color:#444;}
.spt_conts .p_conts p {margin-bottom:5px;}
.ol_p_list {  display: block;clear: both;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 35px;}
.ol_p_list:after {clear: both;content: "";display: block;}
.ol_p_list li {float: left;padding: 1% 1%;position: relative;width:98%;list-style: outside;list-style-type: decimal;}
.ol_p_list li a {cursor: pointer;font-size:0.95rem;}
/*목차*/
.ul_p_list {width: 100%;display: block;overflow: hidden;}
.ul_p_list:after {clear: both;content: "";display: block;}
.ul_p_list li {display: inline;float: left;padding: 1% 1%;position: relative;width:48%;}
.ul_p_list li a {cursor: pointer;font-size:0.95rem;}

.tbl_data{width:100%;font-size:14px;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;border-bottom:1px solid #e0e0e0;}
.tbl_data caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data thead th{padding:15px 8px;font-size:14px;text-align:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#006db8;background:#f3faff;}
.tbl_data thead th:first-child{background-image:none;}
.tbl_data tbody td{padding:15px 8px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;font-size:13px;letter-spacing:-0.025em;}
.tbl_data tbody th{padding:15px 8px;font-size:14px;font-weight:bold;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-0.025em;text-align:left;background:#f9fbfd;}
.tbl_data tbody th.txt_normal{font-weight:normal;}
.tbl_data tbody th.td_line{border-right:1px solid #e0e0e0;}

.tbl_data tbody td:first-child{border-left:0;}
.tbl_data tbody td:first-child{border-left:0;}
.tbl_data tbody td.txt_left{text-align:left;}
.tbl_data tbody td.txt_right{text-align:right;}
.tbl_data tbody.txt_right td{text-align:right;}
.tbl_data .txt_right2 td{text-align:right;}
.tbl_data tbody td.td_line{border-right:1px solid #e0e0e0;}
.tbl_data.tbl_thline{border-bottom:1px solid #999;}
.tbl_data tbody th:first-child{border-left:0;}
.tbl_data tbody th:first-child{border-left:0;}
.tbl_data tbody th.txt_left{text-align:left;}
.tbl_data tbody th.bg_none{background:none;}
.tbl_data tbody th.calign, .tbl_data tbody td.calign, .tbl_data tbody.calign tr th, .tbl_data tbody.calign tr td {text-align:center;}

/* 게시판 리스트 */
.tbl_data1{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data1 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data1 thead th{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#006db8;background:#f3faff url(img/tbar.gif) no-repeat 0 50%;}
.tbl_data1 thead th:first-child{background-image:none;}
.tbl_data1 thead td{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#111;background:#f3faff url(img/tbar.gif) no-repeat 0 50%;}

.tbl_data1 tbody td{padding:14px 20px 12px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left;font-size:14px;}
.tbl_data1 tbody th{padding:14px 20px 12px;font-size:14px;font-weight:normal;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-1px;text-align:center;background:#f9fbfd;}
.tbl_data1 tbody th.txt_normal{font-weight:normal;}
.tbl_data1 tbody th.td_line{border-right:1px solid #e0e0e0;}
.tbl_data1 tbody tr:first-child td{border-top:0;}
.tbl_data1 tbody td:first-child{border-left:0;}
.tbl_data1 tbody td:first-child{border-left:0;}
.tbl_data1 tbody td.txt_left{padding:14px 20px 12px 20px;text-align:left;}
.tbl_data1 tbody td.txt_right{padding:14px 20px 12px 20px;text-align:right;}
.tbl_data1 tbody.txt_right td{padding:14px 20px 12px 20px;text-align:right;}
.tbl_data1 .txt_right2 td{padding:14px 10px 12px 10px;text-align:right;}
.tbl_data1 tbody td.td_line{border-right:1px solid #e0e0e0;}
.tbl_data1.tbl_thline{border-bottom:1px solid #999;}
.tbl_data1 tbody th:first-child{border-left:0;}
.tbl_data1 tbody th:first-child{border-left:0;}
.tbl_data1 tbody th.txt_left{padding:12px 20px 10px 20px;text-align:left;}
.tbl_data1 tbody th.bg_none{background:none;}
.tbl_data1 tbody th.calign, .tbl_data1 tbody td.calign, .tbl_data1 tbody.calign tr th, .tbl_data1 tbody.calign tr td {text-align:center;}


.tbl_data2{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data2 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data2 thead th{padding:10px 0 8px 0;font-size:14px;text-align:center;border-bottom:1px solid #519acd;color:#006db8;background:#f3faff;border-left:1px solid #519acd;}
.tbl_data2 thead th:first-child{background-image:none;border-left:0px solid #519acd;}
.tbl_data2 tbody td{padding:14px 0px 12px 0;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:center;font-size:14px;}
.tbl_data2 tbody th{padding:14px 0px 12px 0;font-size:14px;font-weight:normal;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;letter-spacing:-1px;text-align:center;background:#f9fbfd;}

.tbl_data2 tbody tr:first-child td{border-top:0;}
.tbl_data2 tbody td:first-child{border-left:0;}
.tbl_data2 tbody td:first-child{border-left:0;}

.tbl_data2 tbody th:first-child{border-left:0;}
.tbl_data2 tbody th:first-child{border-left:0;}

/*online */
.tbl_data3{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data3 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data3 tbody td{padding:4px 5px;border-top:1px solid #eee;border-left:1px solid #eee;text-align:left;font-size:14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody th{padding:4px 5px;font-size:14px;font-weight:normal;border-top:1px solid #eee;border-left:1px solid #eee;letter-spacing:-1px;text-align:center;background:#f9fbfd;}

.tbl_data3 tbody tr:first-child td{border-top:0;}
.tbl_data3 tbody td:first-child{border-left:0;}
.tbl_data3 tbody td:first-child{border-left:0;}

.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 input, .tbl_data3 textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody td.calign {text-align:center;}
