@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap');

/* reset */
html {width:100%; height:100%; }
body {margin:0; padding:0; background:#fff; overflow-y:scroll; height:100%; width:100%;	word-break:keep-all;}
body {font-family:'M PLUS 1p',"맑은고딕","Malgun Gothic","sans-serif"; -webkit-font-smoothing: antialiased; font-size:13px; font-weight:400; letter-spacing:-0.5px; color:#000; line-height:1.2;}
* {color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;box-sizing: border-box;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
b,strong {font-weight:600}
h1,h2,h3,h4,h5,h6,p,form,span {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none;}
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;list-style:none;}
em,i {font-style:normal;}
u {text-decoration:none;}
a,span {display:inline-block;}
img {border:0;max-width:100%;vertical-align:top}
address, caption, pre, em, i {font-style:normal;}

table{width:100%;border-collapse:collapse;border-spacing:0;}
table caption,legend{visibility:hidden;width:0px;height:0px;font-size:0;}
table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;font-size:100%;}
th,td{vertical-align:middle}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
hr{ width:100%; height:1px; background-color:#ddd; margin:20px 0px; border:0px;}

/* 링크속성 */
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#1b65b3}
a:link, a:visited {color:inherit; text-decoration:none; cursor:pointer; font-size:inherit}

/* form */
input, select, textarea, button {color:#666; vertical-align:middle;padding:9px 10px;border:1px solid #c8cccf;box-sizing:border-box;}
input::-ms-clear {display: none}
input {-webkit-appearance: none;-webkit-border-radius: 0;} /*아이폰 버튼스타일 제거*/
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio;vertical-align:top}
input[type='image']{padding:0;border:0}
textarea {resize:none;}
select {border-radius: 0px}
select {padding:9px 24px 9px 14px;-webkit-padding-end:30px;-moz-padding-end:30px;background:url('../img/select_arrow.png') no-repeat right 8px center #fff;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:110px;}
select::-ms-expand {display: none;}
textarea {resize:none;}
button, label,input[type='submit'],input[type='button'] {cursor:pointer;}
fieldset{border:none;margin:0;padding:0}

/* 마우스 드래그 컬러 */
::selection {background:#696d7b; color:#fff; text-shadow: none;}
::-moz-selection {background:#696d7b; color:#fff; text-shadow: none;}
::-webkit-selection {background:#696d7b; color:#fff; text-shadow: none;}

/* 인풋 플레이스 홀더 */
::-webkit-input-placeholder {color:#999;font-size:0.8em}
::-moz-placeholder {color:#999;font-size:0.8em}
:-ms-input-placeholder {color:#999;font-size:0.8em}
:-moz-placeholder { color:#999;font-size:0.8em}

/* Accessibility */
.sound_only{visibility:hidden;width:0px;height:0px;font-size:0;overflow:hidden; line-height:0px;}
.hide{display:none}

/* skipNavi */
#skipNavi{position:absolute;top:-1px;background-color:#333;z-index:999}
#skipNavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#skipNavi a:link{color:#333;}
#skipNavi a:focus{margin-top:0;text-decoration:underline;color:#fff}

/* 글자자름 (inline-block, block 형태로 가로폭 지정)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 정렬 */
.p_r{position:relative}
.p_a{position:absolute}
.t_a_c{text-align:center }
.t_a_l{text-align:left }
.t_a_r{text-align:right}

.fr{float:right}
.fl{float:left }
.fn{float:none !important;}

.va_t {vertical-align:top }
.va_m {vertical-align:middle }
.va_b {vertical-align:bottom }

.m_auto{margin:0 auto !important;}
.clear{clear:both !important;}
.clearfix:after {content:"";width:100%;display:block;visibility:hidden;clear:both;}

/* 폰트속성 */
.eng{font-family:"play","Malgun Gothic","돋움", "dotum", "verdana",'sans-serif';}
.fn {font-weight:normal  !important;}
.fb {font-weight:500}
.cn{font-family:'sans-serif';}

.font_s {font-size:0.9em !important}
.font_l {font-size:1.3em !important}

/* 컬러 */
.gray{color:#666 !important}
.blue{color:#20389a  !important}
.l_blue{color:#0e72db  !important}
.red{color:#d62430  !important}
.yellow{color:#c49900  !important}
.og{color:#ec6f00  !important }

/* 배경 */
.bg_bk{background-color:#000 !important;color:#fff !important}
.bg_blue{background-color:#20389a !important;color:#fff !important}
.bg_lblue{background-color:#0e72db !important;color:#fff !important}
.bg_red{background-color:#d62430 !important;color:#fff !important}
.bg_yellow{background-color:#c49900 !important;color:#fff !important}
.bg_gray{background-color:#f8f8f8}
.bg_og{background-color:#ec6f00 !important;color:#fff !important}

/* 가로크기 */
.w100p {width:99%;}
.w50p {width:50%;}
.w20p {width:20%;}
.w15p {width:15%;}
.w10p {width:10%;}

/* 마진 패딩 */
.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.pa5 {padding:5px}
.pa10 {padding:10px}
.pa20 {padding:20px}
.pa30 {padding:30px}
.pa40 {padding:40px}
.pa50 {padding:50px}

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}

/* box */
.br0{border:0 !important}
.box_round4{border-radius:4px}

/* button */
.btn{text-align:center;vertical-align: middle;}
.btn_ss{padding:5px 12px;font-size:14px !important}
.btn_s{padding:8px 12px 6px;}
.btn_m{padding:14px 20px 10px}
.btn_l{padding:18px 20px}
.btn:hover,.btn:focus{box-shadow: 6px 6px 4px 0px rgba(0, 0, 0, 0.2);transition: all 0.2s ease 0s;}

/* 상단으로 */
.loca_nav{display:none;position:fixed;right:40px;bottom:50px;z-index:50}
.loca_nav a{display:block;position:relative;color:#000;background:#fff;width:38px;height:38px;border-radius:50%;text-align:center;font-size:0px !important;border:1px solid #666;opacity:0.7;font-weight:500;margin-bottom:4px}
.loca_nav a.top {padding-top:25px;}
.loca_nav a:before,.loca_nav a:after{content:'';position:absolute;}
.loca_nav a:before{top:13px;left:50%;width:6px;height:6px;display:inline-block;border:solid #000;border-width:2px 2px 0 0;transform:rotate(-45deg);vertical-align:middle;margin-left:-3px}
.loca_nav a:after{top:13px;left:50%;width:2px;height:12px;display:inline-block;background:#000}
.loca_nav a.bottom:before{top:16px;left:50%;width:6px;height:6px;display:inline-block;border:solid #000;border-width:2px 2px 0 0;transform:rotate(135deg);vertical-align:middle;margin-left:-3px}
.loca_nav a.bottom:after{top:12px}
.loca_nav a:hover{background:#000;color:#fff;opacity:1}
.loca_nav a:hover:before{border-color:#fff}
.loca_nav a:hover:after{background:#fff}

/* 애니메이션 */
a {transition:all .1s ease; -webkit-transition:all .2s ease; -ms-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}


/* 화면에서 감추기 */
.DisplayNone, .skip, .hide, {position:absolute;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1;}


/* heading */
h3 {padding:10px 2px 10px;font-size:18px; color:#333333;font-weight:bold;}
h4 {margin: 0px 0 0 0px; padding: 5px 0 2px 0px; font-size: 14px; color: #885b0d; font-weight: bold;}

/* 리스트 */
.dept03 li {margin:4px 0 3px 0px;padding-left:10px;background:url('../img/carrow_4th.gif') 0 10px no-repeat; font-size:13px;line-height:20px;/*font-weight: bold;*/}
.dept04 li {margin:5px 0 3px 22px;padding-left:12px;background:url('../images/carrow_4th.gif') 0 4px no-repeat; font-size:12px;}
.dept05 li {margin:5px 0 3px 0px;padding-left:12px;background:url('../images/carrow_4th.gif') 0 4px no-repeat; font-size:12px;}
.dept039 li {margin:5px 0 3px -10px;/*padding-left:12px;*/background:url('../images/carrow_4th.gif') 0 4px no-repeat; font-size:12px;}


.list-type01{display:block; clear:both; height:150px;}
.list-type01 li{
float:left;
background:url('../images/carrow_3th.gif') 0px 6px no-repeat;
width:330px;
margin:3px 0 3px 0px;

padding-left:12px;
}


/* 컬러 */
.fnt_blue_3B{font-weight:blod; color:#416CC7;}
.red{color:#c80021}
.blue{color:#0072bc}
.orange{/*color:#f98928*/ color:#C13600;}
.green{color:#0c9ca5}

/* 게시판 리스트 */
.board_list{clear:both; width:98%;border-spacing:0; border:0;border-top:2px solid #d4d4d4;font-size:12px;}
.board_list th{background-color:#F7F7F7;text-align:center; line-height:2.0em;font-weight:bold;color:#000000;border-bottom:1px solid #d4d4d4;}
.board_list th.last-child{background:none;background-color:#F7F7F7;}
.board_list td{padding:5px 0 5px 0px; color:#666; text-align:center; border-bottom:1px solid #d4d4d4;}
.board_list td .text{font-size:11px; color:#000000;font-weight: bold; letter-spacing:-1px;}
.board_list td img{vertical-align:middle;}
.board_list .con{text-align:left; padding:5px 10px 2px 10px;}
.board_list .ok{color:#38a2c9; font-weight:bold;}
.board_list .move{color:#c6752c; font-weight:bold;}

/* 테이블 */
table.tbl_a {
	margin:10px 0;
	width:100%;
	color:#777;
	/*line-height:1.8;*/
	border-top:2px solid #565656;
	border-right:1px solid #ddd;
	text-align:center;
}

table.tbl_a  th {background:#f8f8f8; color:#444;}
table.tbl_a  th, table.tbl_a  td {
	padding:10px;
	border:0;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;

}

table.tbl_a  td {

}

tr>*:first-child{
	border-left:0;
}
tr>*:last-child{
	border-right:0;
}

.Wnarrow th, .Wnarrow td{
	padding-left:5px;
	padding-right:5px;
}

/* 이미지 와 텍스트 */
.img_txt{width:770px; height:200px;}
.img00{float:left; width:250px;}
.txt00{float:left; width:520px;}

/* 라운드박스 */
.whitebox{position:relative; height:70px; margin:10px 0; padding:15px 0 15px 20px; border:1px solid #dbdbdb; line-height:1.8em;}
.whitebox li{padding-left:15px; width:170px; background:url(../images/left_dept01.gif) no-repeat 0 6px;  display:inline-block; float:left;}
.horizontal li{zoom:1; display:inline;}
.round10{border-radius:10px}




.site_list{list-style:none; border-top:2px solid #545861}
.site_list li{clear:both;_height:200px;_font-size:0;border-bottom:1px solid #e3e3e3;overflow:hidden; padding:25px 0 25px 0}
.list_type02{overflow:hidden;}
.list_type02 dt{}
.list_type02 dt.tit{margin-left:230px; margin-right:100px; margin-top:2px }
.list_type02 dd.list_photo{display:inline;float:left;margin:-16px 10px 0 0;color:#fff;text-align:center; width:200px;}
.list_type02 dd.txt{line-height:16px; margin-left:230px; margin-right:150px; margin-top:5px}
.list_type02 dd.btn{ width:110px; float:right;margin-top:0px ; text-align:right;}
.list_type02 dd.btn img {cursor:pointer;}

.list_type02 dt.tit2{margin-left:20px; margin-right:100px; margin-top:2px; color:#39C;}
.list_type02 dd.txt2{margin-left:20px; margin-right:150px; margin-top:5px; line-height:16px; }

.site_list02 {position:relative; width:100%; height:230px; margin-left:0px; border-top:2px solid #545861}
.photo-list { clear:both;  margin-top:8px; height:110px; }
.site_list02 .photo-list .list_type03 { position:relative; display:inline; float:left; width:200px; height:230px;  }
.site_list02 .photo-list .list_type03 dt { width:200px; margin:0 auto; padding-top:210px; text-align:center; }
.site_list02 .photo-list .list_type03 dt a { font-size:11px; color:#333; line-height:1; letter-spacing:-1px; }
.site_list02 .photo-list .list_type03 dd { position:absolute; top:0; left:0; }
.site_list02 .more{position:absolute;top:0px;right:0px;font:11px;text-decoration:none !important}


.line22{line-height:22px;/*text-align:justify*/}


div.p_05_txt {
	height:160px;
	padding-top:7px;
	line-height:22px;
    text-align:justify;
	}
		

div.p_05_txt p.img {
	float:left;
	}



div.p_05_txt ul {
	padding-left:195px;
	}


/* 탭키 */
.p0201_tap999 a {
	color:#555;
	padding:12px 0;
	border:1px #d6d6d6 solid;
	background-color:#f4f4f4;
	width:190px;
	text-align:center;
	display:inline-block;
	 font-weight:bold;
}
.p0201_tap999 a:hover, .p0201_tap999 a:active, .p0201_tap999 a:focus{
	color:#143c74; 
	background-color:#fff;
	border:1px #143c74 solid;
}

.p0201_tap999{
	list-style:none; 
	position:relative;
	margin:14px 0 0px 0;
	list-style:none; 
	text-decoration:none; 
}
.p0201_tap999 li{float:left; }
.p0201_tap999 li a.on{color:#143c74; border:1px #143c74 solid; background-color:#fff;}



.whitebox{position:relative; height:140px; margin:10px 0; padding:35px 0 15px 30px; border:4px solid #efefef; line-height:1.8em;;text-align:center; }
.whitebox li{padding-left:15px; background:url(../img/left_dept01.gif) no-repeat 0 6px;  display:inline-block; float:left;}
.horizontal li{zoom:1; display:inline;}
.round10{border-radius:10px}

.whitebox2{position:relative; padding:20px 30px 30px 15px; background:#efefef; line-height:1.8em;}
.whitebox2 li{padding-left:15px; background:url(../img/left_dept01.gif) no-repeat 0 6px;  display:inline-block;}


.red3{color:#5d5252;font-size:19px;font-weight:bold; padding:0px 0px 10px 0px;}
.red4{color:#ffffff;font-size:12px;font-weight:bold; padding:5px 7px 5px 7px; background:#5d5252; line-height:3em;}
.red5{font-size:12px;border-bottom:#b2b9b5 1px dotted; line-height:2.0em;padding-bottom:2px}


/*********************** 갤러리 두개 ***********************/
.mcon3{	clear:both;	overflow:hidden;	height:auto; margin-top:10px; margin-left:0px;}
.mcon3 h2.tit_news{height:20px; padding:5px 0 5px 0; margin-bottom:5px;}

.fixed_img_col03 ul {overflow:hidden;position:relative;margin:0;padding:0;  list-style:none;*zoom:1; line-height:1.5;}
.fixed_img_col03 ul:after {display:block;clear:both;content:""}
.fixed_img_col03 li {overflow:hidden;float:left;position:relative;top:0px;width:48%;height:100%; border:1px #cdcdcd solid; margin-right:15px; margin-bottom:15px;}
.fixed_img_col03 li.last { margin-right:0px; }
.fixed_img_col03 .thumb{display:block;overflow:hidden;position:relative;width:100%;/*height:277px;*/background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap; }
.fixed_img_col03 .thumb img{display:block;width:100%;border:1px #cdcdcd solid; }
.fixed_img_col03 {display:block;width:100%;margin:0 auto;padding:0px 0 0 0;text-decoration:none; text-align:center;}
.fixed_img_col03 strong{display:block;padding:8px 0px 13px 0px;color:#333; background:#e8e8e8; height:auto;}
.fixed_img_col03 p{ padding:13px;color:#333;  text-align:center; }

/* 표 */
table.pyo {font-size:12px; color:#333333; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; width:97%; margin:5px 0 20px 0px; letter-spacing:0pt; font-weight: normal;}
table.pyo.cen{text-align:center;}
table.pyo img {vertical-align:middle;}
table.pyo th {border:1px solid #dfdfdf; height:30px; color:#444444; background:#f3f3f3; text-align:center; font-weight:bold;vertical-align:middle;}
table.pyo th.gray {border:1px solid #ebebeb; height:30px; color:#333333; background:#f8f8f8; text-align:center; font-weight:normal;vertical-align:middle;}
table.pyo th.L {border-left:1px solid #ffffff;vertical-align:middle;}
table.pyo th.R {border-right:1px solid #ffffff;vertical-align:middle;}
table.pyo td{border:1px solid #dfdfdf;  padding:10px 5px 10px 5px;  text-align:center; height:25px; line-height:160%;vertical-align:middle;}
table.pyo td.L{border:1px solid #dfdfdf;  padding:8px 5px 10px 30px; text-align:left; line-height:180%;vertical-align:middle;}
table.pyo td.L3{border:1px solid #dfdfdf;  padding:8px 15px 10px 20px; text-align:left; line-height:180%;vertical-align:middle;}
table.pyo td.L2{border:1px solid #ebebeb; padding:8px 5px 3px 15px; border-left:1px solid #ffffff;vertical-align:middle;}
table.pyo td.R {border:1px solid #dfdfdf; border-right:1px solid #ffffff; padding:3px 5px;vertical-align:middle;}
table.pyo td.gray {border-right:1px solid #ffffff; font-weight:bold;vertical-align:middle;}
table.pyo td ul li {margin-left:10px;}


.col2 li{width:50%}
.col3 li{width:33.3%}
.col4 li{width:25%}
.col5 li{width:20%}


/* 테이블스타일 */
.table01{width:100%;border-top:2px solid #000;margin-bottom:40px;}
.table01 th{padding:14px;font-size:13px;font-weight:bold;color:#000;background:#f3f4fb;border:1px solid #ddd;text-align:center}
.table01 td{padding:12px 16px;border:1px solid #ddd;line-height:1.6}
.table01 tbody th{font-weight:bold;background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;color:#666}
.table01 th:first-child,.table01 td:first-child{border-left:0}
.table01 th:last-child,.table01 td:last-child{border-right:0}