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

body{width: 100%;margin: 0 auto;}
	

	section{ padding:15px 40px 30px 30px; width:1145px;box-sizing:border-box; min-width:900px; margin: 0 auto;}
.pop_s{ width:600px; min-width: 600px;}
	.section{ padding:15px 40px 30px 30px; width:100%;box-sizing:border-box; min-width:900px; margin: 0 auto;}
	aticle{width:100%; }
	.group{}
	.group01{ padding:30px 20px 30px 20px; background-color:#f2f2f2; border:1px solid #dfdfdf; background-image:url(../images/bg_group01.gif); background-repeat:repeat-x;}
	.group02{ padding:0px 10px 5px 10px; font-size:13px;font-family:'맑은고딕',Malgun Gothic; text-align:left}
	.group03{ padding:10px 0px 10px 0px;}
	.group04{ padding:10px 10px 10px 10px; background-color:#fff8f4; border:1px solid #f4d4e1;border-radius:10px;}
	
	
	
	/* clear float without additional element */
.Auto-clearSelf:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
text-align:center;


}
.Auto-clearSelf { display: inline-block;}
/* Hides from IE-mac (holly hack) \*/
* html .Auto-clearSelf { height: 1%; }
.Auto-clearSelf { display: block; }
/* End hide from IE-mac */


*{margin:0; padding:0;}
	img{ vertical-align:middle; border:none;}
	table{border:0;border-collapse:collapse; font-family:'맑은고딕',Malgun Gothic; }
	input{font-family:'맑은고딕',Malgun Gothic;}
	.input_st{ height:24px}
	select{font-family:'맑은고딕',Malgun Gothic;}
	
	
	
	
.mt5{ margin-top:5px;}	
.mt10{ margin-top:10px;}
.mt15{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mb5{ margin-bottom:5px;}	
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.ml5{ margin-left:5px;}	
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}

.pt30{padding-top:30px}



.fr{ float:right;}
.fl{ float:left;}	

	h1{ background-color:#02a0cf; width:100%; height:35px; background-position:top left; background-repeat:repeat-y;font-family:'맑은고딕',Malgun Gothic;box-sizing:border-box; background-image:url(../images/bg_title.gif);border-radius:10px; color:#ffffff; }
	h1 .title_txt{ font-size:14px; float:left; margin-left:40px; margin-top:7px; }
	/*사용안함*/h1 .path{ font-size:13px; float:right; font-weight:normal; padding-right:20px; color:#999; padding-top:10px; display:none;}
	h1 .path strong{ color:#000;}
	
	h1 .btn_box a:link,h1 .btn_box a:visited{ text-decoration:none; color:#999}/*10.26추가*/
	h1 .btn_box a:hover{ text-decoration:none; color:#36F;}/*10.26추가*/
	
	
	h2{width:100%; height:40px;font-family:'맑은고딕',Malgun Gothic; margin-bottom:5px;}
	h2 .title_txt{ font-size:14px; float:left;padding-left:30px; margin-top:13px; background-image:url(../images/icon_title01.gif); background-repeat:no-repeat; background-position:10px 3px;}
	h2 .btn_box{ float:right; font-weight:normal;padding-top:9px; font-size:12px;}
	
	h3{width:100%; height:40px;font-family:'맑은고딕',Malgun Gothic;}
	h3 .title_txt{ font-size:14px; float:left;}
	h3 .title_txt strong{ color:#C00;}
	h3 .btn_box{ float:right; font-weight:normal;padding-top:0px;}
	
	
	
	
/*텍스트효과*/

.font01{ color:#F03;}
.font02{color:#e2e2e2;}
.font03{color:#000; font-weight:bold;}	
.font04{font-size:20px;}
.font05{ color: #d15530}

  
 .title_small{ padding:2px 0px 2px 0px;font-weight:bold; background-color:#fafafa;}

/*버튼*/

.btn{ background-image:url(../images/bg_btn_nomal.gif); background-position: bottom left; background-repeat:repeat-y; background-color:#FFF;border-radius:5px;color:#5e5e5e; height:40px; border:none; cursor:pointer;  padding-right:17px; padding-left:20px; padding-top:-2px; border:1px solid #b2b2b2; font-size:15px;font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-1px;
box-shadow: 1px 1px #c9c9c9; margin-left:1px; margin-right:1px; padding-top:-2px}

.btn02{ background-image:url(../images/bg_btn_select.gif); background-position: bottom left; border:1px solid #2bb2db; color:#000;  background-repeat:repeat-y; background-color:#FFF;border-radius:5px; height:40px;  cursor:pointer;  padding-right:17px; padding-left:20px; padding-top:-2px; font-size:15px;font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-1px;
box-shadow: 1px 1px #c9c9c9; margin-left:1px; margin-right:1px; padding-top:-2px}



.btn_s{ background-image:url(../images/bg_btn_nomal.gif); background-position: bottom left; background-repeat:repeat-y; background-color:#FFF;border-radius:5px;color:#5e5e5e; height:30px; border:none; cursor:pointer;  padding-right:12px; padding-left:15px; padding-top:-2px; border:1px solid #b2b2b2; font-size:13px;font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-1px;
box-shadow: 1px 1px #c9c9c9; margin-left:1px; margin-right:1px; padding-top:-2px}


.btn_s_s{ background-image:url(../images/bg_btn_select.gif); background-position: bottom left; background-repeat:repeat-y; background-color:#FFF;border-radius:5px;color:#5e5e5e; height:24px; border:none; cursor:pointer;  padding-right:12px; padding-left:15px; padding-top:-2px; border:1px solid #b2b2b2; font-size:13px;font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-1px;
box-shadow: 1px 1px #c9c9c9; margin-left:1px; margin-right:1px; padding-top:-2px}
.btn img{ vertical-align:text-bottom;}

.btn:hover{background-image:url(../images/bg_btn_select.gif); background-position: bottom left; border:1px solid #2bb2db; color:#000;}

.btn_icon{ background-image:url(../images/bg_btn_nomal.gif); background-position: bottom right; background-repeat:repeat-x; background-color:#FFF;border-radius:4px;color:#5e5e5e; height:24px; border:none; cursor:pointer;  padding-right:3px; padding-left:3px; border:1px solid #b2b2b2; font-size:13px;font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-1px;box-shadow: 1px 1px #c9c9c9;}



/*입력가능한 새로 리스트 */
.write_list  table{ border-top: 1px solid #0987c7; width:100%; font-size:13px;}
.write_list  table caption{ display:none;}
.write_list  table tbody td,.write_list  table tbody th{text-align:left;border-bottom:1px solid #0987c7; height:25px;}
.write_list  table tbody th{ background-color:#e2eff6; padding:4px 20px 4px 20px; border-right:1px solid #0987c7 }
.write_list  table tbody td{ background-color:#ffffff; padding:4px 10px 4px 10px; }
.write_list  table tbody td a, .write_list  table tbody td a:visited{font-size:12px; color:#1675ac; text-decoration:none;}
.write_list  table tbody td a:hover{color:#c9245e; }



.write_list  table input{  border:1px solid #dbdbdb; padding:2px 3px 4px 2px; font-size:12px; border-radius:4px;}
.write_list  table select{  border:1px solid #dbdbdb; font-size:12px; height:23px;border-radius:4px;}
.write_list  table .read_only { background-color: #EEEEEE; color: #555555; border:none;} 
.write_list  textarea{  border:1px solid #dbdbdb; padding:4px; font-size:13px; border-radius:4px; margin-top:5px;margin-bottom:5px; font-family:'맑은고딕',Malgun Gothic;}
.write_content{ line-height:26px;padding:15px 10px 15px 10px !important;}

/*입력가능한 가로 리스트 */

.tbl_list  table{ border-top: 2px solid #57636f; width:100% !important; font-size:13px; border-left:#ccc;  border-right:#ccc;}
.tbl_list  table caption{ display:none;}
.tbl_list  table thead th{background-color:#f9f9f9; padding:4px 20px 4px 20px; height:28px; border-bottom:1px solid #CCC;}

.tbl_list  table tbody td,.tbl_list  table tbody th{text-align:left;border-bottom:1px solid #ccc;border-left:1px solid #ccc; height:25px;}
.tbl_list  table tbody th{ background-color:#efefef; padding:4px 20px 4px 20px; }
.tbl_list  table tbody td{  padding:10px 15px 10px 15px; text-align:center;border-bottom:1px solid #ccc;}



.tbl_list  table tbody tr:nth-child(even) {background-color:#f9f9f9;}
.tbl_list  table tbody tr:nth-child(odd) {background-color:#fff;}
/*.tbl_list  table tbody tr:hover {background-color:#ebf3f5 !important;} tr  셀렉트 추가 10.27 */ 




.tbl_list  table tbody td a:link,.tbl_list  table tbody td a:visited{ color:#000; text-decoration:none;}
.tbl_list  table tbody td a:hover{ color:#39F;}

.tbl_list  table input{  border:1px solid #dbdbdb; padding:4px; font-size:13px;border-radius:4px;}
.tbl_list  table select{  border:1px solid #dbdbdb; font-size:13px; height:24px;border-radius:4px;}
.tbl_list  table .read_only { background-color: #EEEEEE; color: #555555; border:none;}
.tbl_list  table tbody .point_cel{ background-color:#e4f1f4}
.tbl_list  table tbody .point_cel2{ background-color:#ffebdf}
.tbl_list  table tbody .tleft{ text-align:left;}
.tbl_list  table tbody .tright{ text-align:right;}

.group01 .tbl_list  table{ border:1px solid #bababa; border-top:none;}
.group01 .tbl_list  table thead th{background-color:#1fb1a6;height:28px; color:#fff; padding:3px 20px 3px 20px; font-weight:normal;}
.group01 .tbl_list  table tbody tr:nth-child(even) {background-color:#eff3f2;}
.group01 .tbl_list  table tbody tr:nth-child(odd) {background-color:#fff;}




/*페이지 네비게이터*/
.neviList { color:#999999;;font-size:14px; width:100%; text-align:center; padding-top:20px;font-family:'맑은고딕',Malgun Gothic;}
.neviList a:link, .neviList a:visited{color:#444;font-size:14px; text-decoration:none; }
.neviList a:hover{ color:#c9245e;font-size:14px; text-decoration:none;}
.navi_btn{ float:right;}


/* 모달 팝업 */
.white_content {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    /* 
    opacity:0;
    pointer-events: none;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    */
	 z-index:999;
}
.white_content:target {
    /* opacity:1; */
    pointer-events: auto;
}
.white_content  > .modal {
	position: absolute;
	top: 45%;
	left:50%;
	padding:40px 40px 0px  40px;
	background-color: white;
	overflow: auto;	
	 border-radius:20px;
}

h5{ width:100%;background-position:bottom; background-repeat:repeat-x; height: 60px;  box-sizing:border-box;}
h5 .title{font-family:'맑은고딕',Malgun Gothic; 
font-size:25px; font-weight:normal; color:#000;text-align:center; clear:both; display:block;}
.top_btn_box{width:100%; position:absolute;float:right; text-align:right; top:0;}
.top_btn_box ul{ padding-right:30px;}
.top_btn_box ul li{ float:right; padding-left:10px; list-style:none;}

.top_box{text-align:center; width:100%; font-size:14px;font-family:'맑은고딕',Malgun Gothic}
.top_box a:link, .top_box a:visited{ color:#3990BC ; font-weight: bold;}
.top_box a:hover{color:#d15530}

.id_link:link, .id_link:visited{ color:#3990BC !important; font-weight: bold; text-decoration: underline !important}
.id_link:hover{color:#d15530}
.btn_madal_close{ width:35px; height:35px; background-color:#fff; border-radius:30px; border:none; cursor: pointer; background-repeat:no-repeat;background-image: url(../images/btn_close_pop2.png); background-position:5px 4px; border:2px solid #CCC;}
.btn_madal_close:hover{border:2px solid #7f8188;}

.hr01{height: 1px; width: 100%; border: 0; background-color:#d7d7d7}
.img_box{ width:100%; border:1px solid #ccc ; padding:30px 80px 30px 80px; box-sizing: border-box; background-color:#fafafa;}
.img_box_in img{ border:3px solid #dcdcdc; }
.img_box_in{}
.img_box_txt{ padding:30px; text-align: left; font-size:13px;  line-height: 23px;}
.img_box_txt u{ background-color: #ec3346; border-radius: 10px; color:#fff; font-weight: bold; font-size:12px; text-decoration: none; height: 20px; width: 20px; display: inline-block; text-align: center; box-sizing: border-box; line-height: 20px; margin-right:5px;}
.img_box_title {width:100%; font-size:15px; font-weight: bold; padding:10px 0 10px 0}
.img_box_arr{float:left; clear: both; height: auto; text-align: center; height: 30px;}