@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body, td, tr, p , li , ul
{
   	font-size: 13px;
	font-family: "Tahoma",  dotum, Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	line-height:170%;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:0;	
	text-decoration: none;  
	SCROLLBAR-FACE-COLOR: #f2f2f2; 
	SCROLLBAR-HIGHLIGHT-COLOR: #999999; 
	SCROLLBAR-SHADOW-COLOR: #999999; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #999999; 
	SCROLLBAR-TRACK-COLOR: #f2f2f2; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
img{border:0px;}



/* link*/
a:link, a:visited,a:active {color:#515151;text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
a:hover{color:#0d6398;text-decoration:underline; selector-dummy : expression(this.hideFocus=true);}

/* */
.pad1{ padding-left:10px; }
.pad2{ padding-left:20px; }
.pad3{ padding-left:45px; }

.bg3{ background-repeat:no-repeat; background-position:right; }

/*text_color*/
.white_t12 { color:#ffffff; font-size:13px; font-weight: bold; letter-spacing: -1;} 
.black_t { color:#6685ac; font-size:13px; font-weight: bold; padding-left:10px;}
.black { font-size:13px; padding-left:10px;}
.blue_t12 { color:#0a3456; font-size:13px; font-weight: bold;}
.blue { color:#037eac; font-size:13px; font-weight: bold;}

.blue02 { COLOR: #5d8bc9 }
.blue02 A:link {COLOR: #5d8bc9}

.class_t {color:#581d00; font-size:14px; font-weight: bold;}

td.greet {
	font: 12px "Tahoma",  dotum, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 1;
	line-height:170%;
}
.bline { 
border-top : 1px solid #e2e2e2; 
} 
.bline1 { 
border-left : 1px solid #e2e2e2; 
} 
.bline2 { 
border-right : 1px solid #e2e2e2; 
} 
.history {color:#2a4b75; font-size:13px; font-weight: bold; padding-left:10px;
}
.left {padding-left: 10px;
}
.loat_r {padding-left: 10px;
}


.blue01 { color:#003876; font-size:13px; font-weight: bold;}
.history_tx{color:#515151; font-size:13px;!important;}


body { min-width:1050px; position: relative; }
* { list-style: none; margin: 0; padding: 0;  }
table { margin: 0 auto; }
a:hover { text-decoration: none;	 }

/**** header ****/
header { width:100%; height:90px; margin:0 auto; position: absolute; left: 0; top: 20px; z-index: 99999; box-sizing: border-box; }
header .head { width: 95%; margin: 0 auto; }
header .head h1 { margin-bottom: 20px; }
header .head .gnb_box { width: 100%; min-width:1050px; height: 50px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: space-between; position: relative; background: #fee600; border-radius: 10px; padding: 0 20px; box-sizing: border-box;}
header .head .gnb_box h1 { width: 76px; height: 26px; position: absolute; left: 0; top: -3px; bottom: 0; margin: auto;	 }
header .head .gnb_box h1 img { width: 76px; }
header .head ul.gnb { padding-left: 100px; background:url("/users/kcss/image/common/logo.png") 0 center no-repeat; }
header .head ul.gnb > li { height: 50px; float:left; position:relative; display:flex; align-items:center; justify-content:center; align-content:center; }
header .head ul.gnb > li > a { overflow: hidden; padding: 0 16px; }
header .head ul.gnb > li.gnb_journal a { min-width:65px; }
header .head ul.gnb > li.gnb_news a { min-width:65px; }
header .head ul.gnb > li > a > span { width:inherit; font-size:16px; color: #111; font-weight: 500; text-decoration:none; display:block; letter-spacing: -0.5px; text-align: center; line-height: 20px; }
header .head ul.gnb > li > a:hover, header .head ul.gnb > li.on > a { color: #017b89; }
header .head ul.gnb > li > a:hover span, header .head ul.gnb > li.on > a span { color: #111; }

header .gnb > li > a > span { position: relative; display: inline-block; transition: 0.3s; text-align: center;}
header .gnb > li a span::before { width: 100%; color: #369801; font-weight: 600; position: absolute;top: 100%; content: attr(data-hover); transform: translate3d(0, 0, 0); text-align: center; }
header .gnb > li a:hover span, header .gnb > ul > li.on a span { transform: translateY(-100%); }

header .head .global { padding-left: 30px; display: inline-block; }
header .head .global a { font-size: 12.5px; color: #000;font-weight: 400; margin-left: 10px; }
header .head .global a:hover { color: #369801; }

header .head ul.gnb .depth { width: 750px; display:none; z-index:1000; position:absolute; top: 50px; overflow: hidden; background: #fff; border: 3px solid #fee600; border-radius: 0 0 20px 20px; padding-left: 20px;}
header .head ul.gnb .depth01 { left: -30px; }
header .head ul.gnb .depth02 { left: -140px;}
header .head ul.gnb .depth03 { left: -255px; }
header .head ul.gnb .depth04 { left: -360px; }
header .head ul.gnb .depth05 { left: -440px; }
header .head ul.gnb .depth06 { left: -605px; }

header .head ul.gnb .depth li { display:block; font-size:13px; line-height:35px; font-weight:normal; color:#373737;  padding-left: 15px; text-align: center; float: left; position: relative; cursor: pointer; margin-left: 25px;}
header .head ul.gnb .depth li:before {  width: 7px; height: 3px; background: #373737; content:''; display: block; position: absolute; left: 0; top: 15px;}
header .head ul.gnb .depth li:hover { color: #fa640b; }
.head ul.gnb .depth li:hover::before { background:fa640b; }


/**** visual ****/
.visual { width: 100%; height: 100vh; position:relative; overflow:hidden; position: relative;}
.visual .swiper-container { height: 100vh; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("/users/kcss/image/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background:url("/users/kcss/image/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_03 { background:url("/users/kcss/image/main/visu_03.jpg") center right no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_04 { background:url("/users/kcss/image/main/visu_04.jpg") center  no-repeat; text-align:center; color:#fff; background-size: cover; }


.visuTxt_wrap { width: 95%; height: 100%; text-align: right; position: absolute; top: 0; bottom: 0; left: 0; right: 0;  margin: auto; z-index: 9999999;  display:flex;  align-items:center; align-content:center; justify-content:flex-end;  }
.visuTxt { display: inline-block; width: 350px; height: 275px; display:flex;  align-items:center; align-content:center; justify-content:center;}

.swiper-slide.visual_01 .visuTxt { background:url("/users/kcss/image/main/visu_txt_bg01.png") center no-repeat; background-size: cover;}
.swiper-slide.visual_02 .visuTxt { background:url("/users/kcss/image/main/visu_txt_bg02.png") center no-repeat; background-size: cover; }
.swiper-slide.visual_03 .visuTxt { background:url("/users/kcss/image/main/visu_txt_bg03.png") center no-repeat; background-size: cover; }
.swiper-slide.visual_04 .visuTxt { background:url("/users/kcss/image/main/visu_txt_bg04.png") center no-repeat; background-size: cover; }

.mFooter { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 99; }
.mFooter .footer_txt { width: 95%; min-width:1050px; background: #fff; margin: 0 auto; border-radius: 20px 20px 0 0; line-height: 140%; padding: 10px 47px; box-sizing: border-box;}

.colorBlack { color: #111; }
.footer_email, .footer_email a { color: #0782a0; }

.lnb_title { background: #fd8116; color: #fff; font-size: 22px; padding: 10px; font-weight: 600; box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
.lnb li {list-style:none; background:url("/users/kcss/image/sub/lnb_bg.png") right bottom no-repeat; }
.lnb li a { padding-top:2px;  padding-left:10px; display:block; padding: 10px 15px 8px 0;text-align: right; transition:0.3s; font-weight: 600;}
.lnb li a:hover { color: #fd8116; }

.sVisual { width: 996px; height: 166px; }
.swiper-slide.sVisual_01 { background:url("/users/kcss/image/sub/sVisu_01.jpg") center -7px no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.sVisual_02 { background:url("/users/kcss/image/sub/sVisu_02.jpg") center -7px no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.sVisual_03 { background:url("/users/kcss/image/sub/sVisu_03.jpg") center -7px no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.sVisual_04 { background:url("/users/kcss/image/sub/sVisu_04.jpg") center -7px no-repeat; text-align:center; color:#fff; background-size: cover; }

header { width:100%; height:90px; margin:0 auto; position: absolute; left: 0; top: 101px; z-index: 99999; box-sizing: border-box; }
header .sHead { width: 996px; margin: 0 auto; }
header .sHead h1 { margin-bottom: 20px; text-align: left; margin-left: 18px; }
header .sHead .gnb_box { width: 996px !important; min-width:996px !important; height: 45px; border-radius: 0; padding: 0 0; box-sizing: border-box; background: none; display: block;}
header .sHead ul.gnb { padding-left: 80px; background:url("/users/kcss/image/common/logo.png") 0 center no-repeat; float: left;}
header .sHead ul.gnb > li { height: 45px; }

header .sHead .global { padding-left: 30px; display: inline-block; float: right;}
header .sHead .global a { font-size: 11px; color: #000;font-weight: 400; margin-left: 10px; line-height: 45px; }
header .sHead .global a:hover { color: #369801; }

header .sHead ul.gnb .depth { display:none; z-index:1000; position:absolute; top: 45px; overflow: hidden; background: #fff; border: 0; border-radius: 0; padding-left: 0;}
header .sHead ul.gnb .depth01 { width:500px; left: -10px; }
header .sHead ul.gnb .depth02 { width:500px; left: -10px; }
header .sHead ul.gnb .depth03 { width:500px; left: -10px; }
header .sHead ul.gnb .depth04 { width:500px; left: -10px; }
header .sHead ul.gnb .depth05 { width:600px; left: -10px }
header .sHead ul.gnb .depth06 { width: 320px; left: auto; right: -10px; }

header .sHead ul.gnb .depth li { font-size:13px; line-height:30px; }


.sitemap_table, .sitemap_table tr, .sitemap_table td { margin: auto; padding:3px; list-style: none;	  }

/*
.tabletexthead {width:100%; padding:10px 0px; display:block;  font-weight:500; background:#f7f7f7; border-top:1px solid #666; border-bottom:1px solid #ddd; color:#333;  }
.tabletextlist {padding:15px 0px; display:inline;  line-height:38px; color:#666; }
.tabletextlist b {padding:20px 0px; display:inline;  line-height:160%; color:#666; }
.textplain { color:#666;  }
.text {padding:7px px; display:inline-block;   color:#666;  }
input.textbox {border:1px solid #ccc; padding:0px 3px 0px 0px; background:#fff; width:200px; box-sizing: border-box; height: 30px; vertical-align: middle; 	} 
input.tabletextlistbox {border:1px solid #ccc; padding:3px 0px 5px 0px;  margin:5px 0px; background:#fff;  } 
textarea.tabletextlistbox {border:1px solid #ccc; background:#fff; width: 90% !important;    } 

textarea.test_textarea_01, 
textarea.test_textarea_02,
textarea.test_textarea_03 {border:1px solid #ccc; background:#fff; height:200px; padding:20px; margin-bottom:15px;}
textarea.textbox {border:1px solid #ccc; background:#fff; width:100%;}
select.selectbox {border:1px solid #ccc; height:34px; background:#fff;} 
.boardWriteBtn img { margin-bottom: 5px; } 

.sContents > table { width: 100%; margin: auto;}
.sContents > table a { display: inline; width: auto; height: auto; }
.sContents > table a:hover { text-decoration: underline; color: #111; }

.textplain .tit { color: blue; display: none;	} 
.textplain img { max-width: 100%; height: auto;  } 
.sContents > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody >  tr:nth-child(2) > td { padding: 10px 0 15px; } 
.board_readTitle_th { width: 15%; } 
.board_readTitle_td { width: 35%;  } 


.board_table_basic { table-layout:fixed }
.board_table_basic tr td.board_table_subject { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.wht td { border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height: 50px; height: 45px ; box-sizing: border-box;  	 }
.wht td:nth-child(1) { width: 10%; }
.wht td:nth-child(3) { width: 10%; }

.table_sub05_02  { width: 100%; overflow: hidden; margin: 0 auto 30px;} 
.table_sub05_02 li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; border:1px solid #d3d3d3; float: left; padding: 10px; text-align: center; box-sizing: border-box;  }
.table_sub05_02 li:nth-child(2n) { margin-right: 2%; }
.table_sub05_02 li > a > img { width: 100%; height: 150px; }	
.table_sub05_02 li:hover { background-color: #f9f9f9; }
.table_sub05_02 li:hover h5 { color: #111; 	 }
.table_sub05_02 li:nth-child(4n) { margin-right: 0; }	
.table_sub05_02 li h5{ font-weight: 300; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 10px; color: #666;  background: none; padding: 0 10px; box-sizing: border-box; margin-bottom: 0;}	
.table_sub05_02 li h6, .table_sub05_02 li p{ font-weight: 300; color: #666;  }
*/