@charset "utf-8";
/* page CSS Document */

/* page top image */
.page_top_area {height:200px; position:relative; overflow:hidden; background-color:#55819c; background-repeat:no-repeat; background-position:center top;width:100%;}
.page_top_area .pos1{position:absolute; left:105px; top:60px;}
.page_top_area .pos2{position:absolute; left:105px; top:95px;}

.page_top_area.sub1{background-image:url(../_img/sub/subimg01.jpg); background-repeat:no-repeat; background-position:top center;}
.page_top_area.sub2{background-image:url(../_img/sub/subimg02.jpg); background-repeat:no-repeat; background-position:top center;}
.page_top_area.sub3{background-image:url(../_img/sub/subimg03.jpg); background-repeat:no-repeat; background-position:top center;}
.page_top_area.sub4{background-image:url(../_img/sub/subimg04.jpg); background-repeat:no-repeat; background-position:top center;}
.page_top_area.sub5{background-image:url(../_img/sub/subimg05.jpg); background-repeat:no-repeat; background-position:top center;}
.page_top_area.sub6{background-image:url(../_img/sub/subimg06.jpg); background-repeat:no-repeat; background-position:top center;}

.cate_tit {text-align:center; color:#fff; font-size:38px; text-shadow:2px 2px 3px rgba(0,0,0,0.8); line-height:200px;}


.img_abs{position:absolute; top:0px;}
.img_abs img{display:block;}

/* SIDE BAR */
.sidebar_wrap {margin:28px 0;}
.sidebar {list-style:none; margin:0; padding:0; overflow:hidden; }
.sidebar>li{float:left; box-sizing:border-box; padding:3px 3px; margin:0;}
/*.sidebar>li:first-child{padding-left:0px;}*/
/*.sidebar>li:last-child{padding-right:0px;}*/
.sidebar>li>a{display:block; position:relative; line-height:56px; text-align:center; color:#333; font-size:17px; border:1px solid #ccc;}
.sidebar>li>a:hover, .sidebar>li>a.current{color:#000;}
.sidebar>li>a:hover:before, .sidebar>li>a.current:before{content:''; display:block; position:absolute; width:100%; height:3px; left:0; bottom:0px; background-color:#1c4f88;}

/* 메뉴 갯수에 따른 폭 */
.sidebar.ea1>li{width:100% !important;}
.sidebar.ea2>li{width:50% !important;}
.sidebar.ea3>li{width:33.3333% !important;}
.sidebar.ea4>li{width:25% !important;}
.sidebar.ea5>li{width:20% !important;}
.sidebar.ea6>li{width:16.6666% !important;}
.sidebar.ea7>li{width:14.285% !important;}
.sidebar.ea8>li{width:12.5% !important;}
.sidebar.ea9>li{width:11.111% !important;}
.sidebar.ea10>li {width:10% !important;}

/* sub tab */
.sub_tab {clear:both; overflow:hidden; margin:30px 0 0 0 ; padding:0;}
.sub_tab li {float:left; }
.sub_tab li a {display:block; padding:25px 60px; font-size:16px; color:#999999; text-align:center; border:1px solid #ededed;}
.sub_tab li a:hover {color:#333;}
.sub_tab li a.current {color:#333; background-color:#ededed; }

/* sub tab2 */
.sub_tab2 {clear:both; overflow:hidden; margin:58px 0 0 0 ; padding:0;}
.sub_tab2 li {float:left; }
.sub_tab2 li a {display:block; padding:25px 30px; font-size:16px; color:#999999; text-align:center; border:1px solid #ededed;}
.sub_tab2 li a:hover {color:#333;}
.sub_tab2 li a.current {color:#333; background-color:#ededed; }

/* page contents */
.sub_contents {position:relative; clear:both; margin:10px auto 80px  auto;} 
.page_title {clear:both; height:65px;}
.page_title h2 {font-size:35px; color:#000; position:relative; margin:0; padding:0; line-height:35px;}
.page_title h2:before {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-right:40px; vertical-align:middle;}
.page_title h2:after {content:''; display:inline-block; width:12px; height:12px; background-image:url(../_img/sub/h2_bu.png); background-repeat:no-repeat; background-position:center center; padding-left:40px; vertical-align:middle;}

.sub_contents p{font-size:16px; color:#333; line-height:200%; margin:2em 0;}

.section {padding:60px 0;}
.greeting_title {margin-bottom:50px;}
.signature {background-image:url(../_img/sub/ceo_sign.gif); background-repeat:no-repeat; background-position:center; width:81px; height:39px; display:inline-block; text-indent:-99999px; text-align:left;}

.img_block{text-align:center;}
.img_block img{}

/*2017.10.30 추가 스타일*/
/*서브-텝메뉴*/
.tabMenu {width:100%; margin: 0 auto;}
.tabMenu ul{list-style:none; margin: 0; padding:0;}
.tabMenu li{float:left; height:auto;list-style:none; padding:0;}
.tabMenu li.tabCol5 {width:19%; margin: 0 0.4% 0 0;}
.tabMenu li.tabCol4 {width:24%; margin: 0 0.2%;}
.tabMenu li.tabCol3 {width:32%; margin: 0 0.2%;}
.tabMenu li.tabCol2 {width:49.6%; margin: 0 0.2%;}
.tabmenu {text-align:center; font-size:15px; font-family: "맑은 고딕", "굴림",dotum, sans-serif; border:#dddddd solid 1px; background:#f3f3f3; color:#444;}
.tabmenu A{display:block; padding:15px 5px 15px 10px; color:#444; border:#f3f3f3 solid 1px;}
.tabmenu A:link {display:block; padding:15px 5px 15px 10px; border:#f3f3f3 solid 1px;}
.tabmenu A:hover{display:block; color:#fff; padding:15px 5px 15px 10px; font-weight:bold; border:#3868c2 solid 1px;  background:#3868c2;}
.tabmenuOn {text-align:center; font-size:15px; font-weight:bold; font-family: "맑은 고딕", "굴림",dotum, sans-serif; border:#3868c2 solid 1px;  background:#3868c2; color:#fff;}
.tabmenuOn A{display:block; padding:15px 5px 15px 10px; color:#fff; border:#3868c2 solid 1px;}
.tabmenuOn A:link {display:block; padding:15px 5px 15px 10px; border:#3868c2 solid 1px;}
.tabmenuOn A:hover{display:block; color:#fff; padding:15px 5px 15px 10px; font-weight:bold; border:#3868c2 solid 1px;  background:#3868c2;}

/*상단이미지*/
.event { text-align: center; margin: 0 auto;}
.event_img01 {display:block; width:100%;}
.event_img02 {display:block; width:100%;}

/*이벤트 콘텐츠*/
.event_cont {padding: 0 10px;}

/* 합계 tabel style*/
.ttb_type {position:relative;}
.ttb_type table {width:100%; border-collapse:collapse; color:#333; border:0px; border-bottom:1px solid #d2d2d3; border-top:2px solid #3c63c8;}
.ttb_type table th{background-color:#f0f4fe; border-bottom:0px solid #d2d2d3; font-size: 1.5em; text-align:center;  padding-left: 15px;}
.ttb_type table td{background-color:#f0f4fe; padding:20px 1em 20px 1em;  border-bottom:0px solid #d2d2d3;  text-align: left; padding-left: 15px; font-size: 1.5em; font-weight: bold; white-space:nowrap;}
.ttb_type table td.col_red{color:#dc3000;}
.ttb_type table td.col_bul{color:#2363ce;}


/* 검색 tabel style*/
.stb_type {position:relative;}
.stb_type table {width:100%; border-collapse:collapse; color:#333; border:0px; border-bottom:1px solid #d2d2d3; border-top:2px solid #434343;}
.stb_type table th{background-color:#f6f6f7; border-bottom:0px solid #d2d2d3; font-size: 1.15em; text-align:left;  padding-left: 15px;}
.stb_type table td{background-color:#fff; padding:10px 1em 10px 1em;  border-bottom:0px solid #d2d2d3;  text-align: left; padding-left: 15px; font-size: 1.5em; font-weight: bold; }
.stb_type table td.td_btn{text-align: right; }


/* 목록 tabel style*/
.tb_type {position:relative;}
.tb_type table {width:100%; border-collapse:collapse; color:#333; border:0px; border-bottom:1px solid #d2d2d3; border-top:2px solid #434343;}
.tb_type table th{background-color:#f6f6f7; padding:10px 1em 10px 1em; border-bottom:1px solid #d2d2d3; font-size: 1.15em; text-align:center; border-right:1px solid #d2d2d3;}
.tb_type table td{/*background-color:#fff;*/ padding:10px 1em 10px 1em;  border-bottom:1px solid #d2d2d3; border-right:1px solid #d2d2d3;  text-align: left; padding-left: 15px; font-size: 15px;}
.tb_type table td.td_lsl{text-align:left;}
.tb_type table td.td_lsr{text-align:right; padding-right: 10px;}
.tb_type table td.td_lsc{text-align:center;}
.tb_type table td.td_cont{text-align:center;}
.tb_type table th:last-child, .tb_type table td:last-child{border-right:0px solid #d2d2d3; }

/*콘텐츠 타이틀*/
.sub_tit h2.tit1 {line-height:40px; margin-bottom:0px; clear:both; margin-top:0; font-size: 1.5em;}
.sub_tit h2.tit2 {line-height:40px; margin-bottom:0px; clear:both; margin-top:0; font-size: 1.5em;}

/* board search box */
.board_searchbox {clear: both; font-size: 15px; }
.board_searchbox select { padding: 0 1em; padding:0 0 0 1em \9 !important; border: 1px solid #cccccc; border-radius: 3px; height: 33px; line-height: 33px; width: 100px;}
.board_searchbox select, .board_searchbox option { font-size: 15px; }
.board_searchbox input[type=text] { padding: 0em 1em; border: 1px solid #cccccc; border-radius: 3px; height: 33px; line-height: 33px; }
.board_searchbox .bg_gr_black { padding: 0 1em; border-radius: 3px; color: #fff; height: 33px; line-height: 0px; }
.board_searchbox select {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.board_searchbox select::-ms-expand{display: none; /* IE10  이상에서만 지원함 */}
.board_searchbox select {background:#fff url(/_img/common/btn_req_arrow.png) no-repeat 95% center; background:none no-repeat 0% center \9;}

/*input*/
.inp_01{font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva"; color:#000000; height:33px; background-color:expression((this.readOnly)?'#EAEAEA':''); border:1px solid #bfbfbf;
border-radius:3px; float:left; font-size:14px; color:#000000; padding:0px 0 2px 3px; margin:0; }
.inp_02{font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva"; color:#000000; height:33px; background-color:expression((this.readOnly)?'#EAEAEA':''); border:1px solid #bfbfbf;
border-radius:3px; font-size:14px; color:#000000; padding:0px 0 2px 3px; margin:0;}
.inp_03{font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva"; color:#000000; height:33px; background-color:expression((this.readOnly)?'#EAEAEA':''); border:1px solid #bfbfbf;
border-radius:3px; font-size:14px; color:#000000; padding:0px 10px 2px 3px; margin:0; text-align: right;}

/* 아이콘 버튼위치*/
.btn_type1 {display:inline-block; margin: 3px 0 0 10px;}

/* 버튼 정렬 */
.d_wd{overflow:hidden;} 
.d_wd50 {width: 50%; float: left;}
.button_rt {float:right; width:40%; padding-top:5px; text-align:right; font-size: 1.5em;}
.button_ct {width:100%; text-align:center; padding:0;}

/* 버튼스타일 */
.btn_st {
	display: inline-block;
	margin: 4px 0px 2px 2px;
	border-radius:3px;
	box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	font-family:'Nanum Gothic','맑은 고딕','굴림', '돋음','Tahoma', 'Sans-serif';
}
.se_btn01{
	color: #fff;
	font-size:0.85rem;	
	padding:5px 15px 7px 15px;
	border: 1px solid #2c2c2c;
	border-bottom-color: #b3b3b3;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); */
	background: #555;
	background: linear-gradient(to bottom, #707070  10%, #3c3c3c 100%); 
}
.se_btn01:hover {/* 마우스오버 */
	color:#fff;
	background: #3c3c3c;
	border: 1px solid #2c2c2c;
	font-weight:normal;
	background: linear-gradient(to bottom, #3c3c3c 40%, #515151 100%);
}

.da_btn02{
	color: #4d4d4d;
	font-size:0.85rem;	
	padding:3px 15px 5px 15px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); */
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.da_btn02:hover {/* 마우스오버 */
	color:#fff;
	background: #555;
	border: 1px solid #2c2c2c;
	font-weight:normal;
	background: linear-gradient(to bottom, #3c3c3c 10%, #545454 100%);
}
.g_btn01{
	color: #4d4d4d;
	font-size:0.85rem;	
	padding:5px 15px 7px 15px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); */
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 20%, #eeeeee 100%); 
}
.g_btn01:hover {/* 마우스오버 */
	color:#fff;
	background: #555;
	border: 1px solid #2c2c2c;
	font-weight:normal;
	background: linear-gradient(to bottom, #3c3c3c 10%, #545454 100%);
}
.g_btn02{
	color: #fff;
	font-size:0.85rem;	
	padding:5px 15px 7px 15px;
	border: 1px solid #285fa6;
	border-bottom-color: #285fa6;
	/* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); */
	background: #fff;
	background: linear-gradient(to bottom, #3c87e7 10%, #285fa6 100%); 
}
.g_btn02:hover {/* 마우스오버 */
	color:#fff;
	background: #124586;
	border: 1px solid #285fa6;
	font-weight:normal;
	background: linear-gradient(to bottom, #124586 10%, #285fa6 100%);
}

/*행사일정*/
.sch_top_l{float:left; clear:both; width:55%; height:90px; background:url(/_img/common/icon_cal.gif) no-repeat -30px 0px; text-align:justify; color:#474747; line-height:180%;}
.sch_top_l p {float:left; padding:0px 0 0px 130px; margin:0px; color:#3e3e3e; font:bold 25px "맑은 고딕", "굴림"; line-height:160%;}
.sch_top_l span{float:left; font:bold 15px "맑은 고딕", "굴림"; position: absolute;top: 46px; left: 130px;}
.sch_top_l font{font:bold 25px "맑은 고딕", "굴림"; color:#1a4883;}
.cal_top01{float:right; width:35%; height:70px; font:bold 35px "arial"; color:#1a4883; padding:40px 0 0 0;  text-align:right; }
.cal_top01 ul{list-style:none; margin:0; padding:0;}
.cal_top01 li{list-style:none; margin:0; padding:0;}
.cal_top01 li img{vertical-align:middle;}

/* 스크립트 달력 기본 클래스 */
.date_input {width:86px;}
::placeholder {color:#ccc;}




@media (max-width:768px){
	.ttb_type table {width:100%;display:grid;}
	.ttb_type table tr{width:100%;display:grid;grid-template-columns: 150px 1fr;align-items: center;align-content: stretch;}
	.ttb_type table th{display:inline-block;padding: 20px 1em 20px 1em;}
	.ttb_type table td{display:inline-block;}
	.ttb_type table th,.ttb_type table td{border-bottom:2px solid #fff;}
	
	.stb_type table {display:block;}
	.stb_type table th{display:none;}
	.stb_type table tbody,.stb_type table tr{display:block;}
	.stb_type table td{display:block;width:100%;}
	.stb_type table td select,.stb_type table td input{width:100%;}
	.stb_type table td::before{content:'';}

	.stb_type table td.td_btn{text-align:center;}
}