@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
html{height:100%; font-family: "Noto Sans KR", sans-serif;}
body {position:relative;font-size:14px;font-family:'Noto Sans KR', 맑은고딕, Malgun Gothic, 돋움, Dotum;color:#424242;margin:0; padding:0;width:100%;height:100%;line-height:22px;}		
ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0; font-family: "Noto Sans KR", sans-serif;}
h1,h2,h3,h4,h5,h6 {}
li {list-style:none;}
img,fieldset {border:0;vertical-align:top;}
em {font-style:normal;}
input.radio {width:13px; height:13px; vertical-align:middle;}
a {text-decoration:none; color:#595959;}
a:hover {color:#595959;}
address,em,i {font-style:normal;}
.hdn, legend{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
.list_table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
table caption.hdn,table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
.paging .last{background:none;}
/* content style  */
.cR {clear:both;}
.fL {float:left;}
.fR {float:right;}
.alC {text-align:center;}
.alL {text-align:left;}
.alR {text-align:right;}
.vMid{vertical-align:middle;}
.btn_all{overflow:hidden;width:100%;margin:15px 0;}
.btn_c{text-align:center;margin:15px 0;}
.btn_l{text-align:left;margin:15px 0;}
.btn_r{text-align:right;margin:15px 0;}
.bg_btn{overflow:hidden;width:100%;margin:15px 0}
.bg_btn .fL{float:left;width:70%;}
.bg_btn .fR{float:right;width:29%;text-align:right;}
.inp{line-height:18px;height:18px;border:1px solid #c9c9c9;}
.strong{font-weight:bold;}
.red{color:#f33903;;}
.blue{color:blue;}
.dt_line{border-top:1px dotted #aaaaaa; height:1px;margin:10px 0 10px 0;padding-top:10px;}
.ft11{font-size:11px;}
.org{color:#00AA8F;}
.org_line{color:#f15a0e;text-decoration:underline;}
.line{text-decoration:underline;}
.wid100{width:100px;}
.disB{display:block;}


.btn_g, .btn_w{display:inline-block;height:29px;line-height:29px;font-weight:bold;}
.btn_g{padding:0 30px;background:#aaaaaa;color:#fff;border:1px solid #949494;}
.btn_g a{color:#fff;}
.btn_w{padding:0 20px;background:#f3f3f3;border:1px solid #c9c9c9;color:#676767;}


/* admin */
.contentWrap{width:800px;height:auto;margin:auto;}

/* 글자수줄이기 */
.ellipsis{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* icon_style  */
.icon1{background:url('../images/basic/green/bg_icon1.gif') 0 2px no-repeat; font-size:16px;padding-left: 20px;margin:10px 0;;line-height:16px;font-weight:600;color:#525151;}
.icon1_2{background:url('../images/basic/green/bg_icon1_2.gif') 0 0 no-repeat;font-size:12px; padding-left:20px; margin:8px 0 8px 12px;line-height:14px;color:#0A9E76;font-weight:normal;}
.icon2{background:url('../images/common/bg_icon2.gif') 0 5px no-repeat; font-size:12px; padding-left:16px; line-height:16px;font-weight:normal;}
.icon2_2{background:url('../images/basic/green/bg_icon2_2.gif') 0 2px no-repeat; font-size:12px; padding-left:20px; margin:8px 0 8px 20px;line-height:14px;font-weight:normal;}
.icon3{background:url('../images/basic/green/bg_icon3.gif') 0 5px no-repeat; font-size:11px; padding-left:11px; margin-left:35px; font-weight:normal;color:#979797;}
.icon3_2{background:url('../images/basic/green/bg_icon3_2.gif') 0 2px no-repeat; font-size:12px; padding-left:11px; margin:8px 0 8px 35px;line-height:14px;font-weight:normal;}
.icon2_list li{background:url('../images/basic/green/bg_icon2.gif') 0 2px no-repeat; font-size:12px; padding-left:20px; margin:8px 0 8px 20px;line-height:14px;font-weight:normal;}
.icon3_list{padding:3px 0;}
.icon3_list li{background:url('../images/basic/green/bg_icon3.gif') 0 5px no-repeat; font-size:11px; padding-left:12px; margin: 4px 0 4px 0px; font-weight:normal;color:#979797;}
.icon_none{margin:7px 0px;}
.icon_none li{background:none;margin-left:0px;padding-left:5px;}

.icon{background:url('../images/basic/green/bg_icon.gif') 0 7px no-repeat;padding-left:11px; margin:8px 0 8px 0px;font-weight:normal;}
.icon_list li{background:url('../images/basic/green/bg_icon.gif') 0 7px no-repeat;padding-left:11px; margin:8px 0 8px 0px;font-weight:normal;}

.section {margin-bottom:10px; margin-left:0px;text-align:justify;}
.section1 {margin-bottom:20px; margin-left: 20px;text-align:justify;}
.section2 {margin-bottom:10px; margin-left: 40px;text-align:justify;}
.section3 {margin-bottom:10px; margin-left:46px;text-align:justify;} 


/* 기본 표(세로테이블)   */
 table.chart { border-collapse:collapse; width:100%; line-height:18px;border-top:2px solid #333;border-left:2px solid #fff;border-right:2px solid #fff;margin-bottom:5px;}
 table.chart th,  table.chart td {border: 1px solid #d9d9d9;padding:6px 6px;text-align:center;}
 table.chart thead th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:center;color:#6c6c6c}
 table.chart tbody th{color:#6c6c6c;}
 table.chart tbody th.alL{text-align:left;}
 table.chart tbody strong{color:#6c6c6c;}
 table.chart td.alL{text-align:left;}
 table.chart td.bg{background:#f7f7f7;}
 table.chart tbody th.bg{background:#f7f7f7;color:#6c6c6c;} 
 table.chart tfoot{color:#6c6c6c;}

/* 기본 표(세로테이블) 정의 */
 table.chart1 { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;margin-bottom:10px;}
 table.chart1 th,  table.chart1 td {padding:3px 6px;text-align:left;color:#2c4883 }
 table.chart1 thead th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:center;color:#2c4883}
 table.chart1 tbody td{text-align:left;color:#6c6c6c}
 table.chart1 tbody td.bg{background:#f7f7f7;}
 table.chart1 td.alL{text-align:left;}
 


/* 기본 표(가로 테이블)   */
 table.chart2 {border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-top:2px solid #00AA8F;border-left:2px solid #fff;border-right:2px solid #fff;margin-bottom:10px;}
 table.chart2 th,  table.chart2 td {border: 1px solid #d9d9d9;padding:8px 10px;text-align:center;}
 table.chart2 tbody th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:left;color:#6c6c6c}
 table.chart2 tbody th.alC{text-align:center;}
 table.chart2 tbody td{text-align:left;}
 table.chart2 tbody td.bg{background:#f7f7f7;} 

 table.chart3 {border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-left:2px solid #fff;border-right:2px solid #fff;margin-bottom:10px;}
 table.chart3 th,  table.chart3 td {border: 1px solid #d9d9d9;padding:8px 10px;text-align:left;}
 table.chart3 tbody th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:left;color:#6c6c6c}
 table.chart3 tbody th.alC{text-align:center;}
 table.chart2 tbody td{text-align:left;}
 table.chart3 tbody td.bg{background:#f7f7f7;} 

 table.chart2_alC {border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-top:2px solid #00AA8F;border-left:2px solid #fff;border-right:2px solid #fff;margin-bottom:10px;}
 table.chart2_alC th,  table.chart2_alC td {border: 1px solid #d9d9d9;padding:5px 10px;text-align:center;}
 table.chart2_alC tbody th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:left;color:#6c6c6c}
 table.chart2_alC tbody td{text-align:center;}
 table.chart2_alC tbody td.bg{background:#f7f7f7;} 

 table.basic_chart { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-left:2px solid #fff;border-right:2px solid #fff;margin-bottom:5px;}
 table.basic_chart th,  table.basic_chart td {border: 1px solid #d9d9d9;padding:5px 5px;text-align:center;}
 table.basic_chart thead th {background:#f7f7f7;border:1px solid #d9d9d9;text-align:center;color:#6c6c6c}
 table.basic_chart tbody th{color:#6c6c6c;}
 table.basic_chart tbody th.alL{text-align:left;}
 table.basic_chart tbody strong{color:#6c6c6c;}
 table.basic_chart td.alL{text-align:left;}
 table.basic_chart td.bg{background:#f7f7f7;}
 table.basic_chart tbody th.bg{background:#f7f7f7;color:#6c6c6c;} 
 table.basic_chart tfoot{color:#6c6c6c;}

.pbg{border:1px solid #eaeaea;background:#f7f7f7;padding:20px;text-align:justify;}
.pbg2{border:1px solid #eaeaea;background:#f7f7f7;padding:20px 20px 20px 50px;font-size:14px;font-weight:bold;line-height:28px}

/* tab */
.tabs{height:30px;position:relative;border-bottom: 1px solid #1c5a52;margin-bottom:30px;}
.tabs li, .tabs li a{background-image:url('../images/basic/btn/btn_tab.gif');}
.tabs a{float:left;height: 30px;line-height:30px;background-position:right 0px;text-decoration: none;color: #5e5b5b;display: block;font-size:14px;padding: 0 35px 0 20px;font-weight:bold;}
.tabs li{float:left;height:30px;background-position: 0 0px;}
.tabs li.active, .tabs li:hover{background-position:0 -32px;}
.tabs li.active a, .tabs li a:hover{background-position:right -32px;color:#fff;}
.tab_content{*zoom:1;display:block;clear:both;width:100%;min-height:500px;border-top: none;background: #fff;}
.tab_content:after{ clear: both; content: "";display: block;}

/* size style*/
.w25{width:25px;}
.w30	{width:30px;}
.w35	{width:35px;}
.w40	{width:40px;}
.w45	{width:45px;}
.w50	{width:50px;}
.w55	{width:55px;}
.w60	{width:60px;}
.w65	{width:65px;}
.w70	{width:70px;}
.w75	{width:75px;}
.w80	{width:80px;}
.w85	{width:85px;}
.w90	{width:90px;}
.w95	{width:95px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w165{width:165px;}
.w200{width:200px;}
.w215{width:215px;}
.w220{width:220px;}
.w230{width:230px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}

.wid50{width:50%;}
.wid85{width:85%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid95{width:95%;}

.h5{height:5px;}
.h10{height:10px;}
.h25{height:25px;}
.h30{height:30px;}
.h40{height:40px;}
.h100{height:100px;}

/* padding_style */
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL35{padding-left:35px;}
.pL40{padding-left:40px;}
.pL65{padding-left:65px;}
.pL70{padding-left:70px;}
.pL150 {padding-left:150px;}
.pR20{padding-right:20px;}

/* margin_style */
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}
.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}


/*  skipnavi */
#skilNavi  {width:100%; position:relative; top:-1px; left:0; z-index:10000;}
#skilNavi  a{width:100%; position:absolute; top:-1px; left:0;}
#skilNavi  a:link {margin:0 0 -1px 0; width:100%; height:1px; font-size:1em; display:block; overflow:hidden;text-decoration:none;}
#skilNavi  a:active, #skilNavi  a:focus, #skilNavi  a:hover {padding:5px 0 5px 0; width:100%; height:20px; font-weight:bold; color:#fff; text-align:center; background:#000; float:left; clear:left;}