@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Reset CSS */
html, body {width:100%;height:100%;margin:0;padding:0;}
html { overflow-y:scroll; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, wrapper, next, prev { display:block; } /* CSS3 호환되지 않을 경우를 대비한 CSS. div의 속성을 갖게함 */
ul, ol, dl { list-style:none; } /* 리스트 스타일 없애기 기본 */
ul { padding:0; margin:0; }
img, video { max-width:100%; } /* 이미지와 동영상 반응형 웹에 따라서 사이즈 조절, 그러나 100% 이상 늘어나지 않도록 */
a { text-decoration:none; color:#000; } /* a태그시 밑줄과 글자색 파란색으로 변하는것 방지. 글자 색은 홈페이지 분위기에 따라 수정 */
table { border-collapse:collapse; border-spacing:0; } /* 테이블과 테이블 사이 겹쳤을 경우 보더 두번 중복되지 않도록 */
body { font-family:"Noto Sans KR","맑은 고딕","돋움", "굴림"; font-size:100%; line-height:1; margin:0; padding:0; } /* 전체 기본적인 글씨체와 사이즈. line-height는 행간 100% */
label { cursor:pointer; } /* 라벨로 묶였을 경우 마우스 포인터 오버시 변경하여 누를 수 있음을 인지 */
.blind, hr, caption, legend { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; } /* 접근성 요소가 눈에 보이지 않도록 */
i, em, address { font-style:normal; font-weight:normal; } /* 기본 폰트 변형 시키는 태그들 폰트 변형 방지 */
fieldset { border:0; }
button { border:0; background:none; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
p { padding:0; margin:0; }



/* CSS */
#wrap { width:100%; margin:0; padding:0px; }
#header { width:100%; height:60px; border-bottom:1px solid #d3d3d3; }
#header #pu_title { float:left; display:block; }
#header #pu_title h1 { font-size:20px; padding:20px 0 0 20px; }
#header #pu_logo { float:right; display:block; }
#header #pu_logo h2 { padding:10px 20px 0 0; }
#contents { clear:both; padding:0 20px 20px 20px; }
#contents h3 { font-size:15px; line-height:30px; margin-top:15px; }
#contents ul {margin-left:20px;}
#contents ul.none {margin-left:0px;}
#contents ul li { font-size:13px; line-height:20px; color:#333; padding:0 0 5px 0; }
#contents ul li span.num {margin : 0 5px 0 -20px }
#contents ul li span.num2 {margin : 0 7px 0 -17px }
#contents ul li span.dot {margin : 0 5px 0 -20px }
#contents p {font-size:13px; line-height:20px; color:#333; padding:0 0 5px 0; }
/* #contents ul li span.num {margin : 0 3px 0 0px }
#contents ul li span.dot {margin : 0 3px 0 0px } */
	
#footer { width:100%; height:22px; text-align:left; background:#000; color:#fff; font-size:12px; padding-top:10px; }
	#footer p { margin-left:10px; float:left; }
	#footer span { float:right; margin-right:10px; }



/* 테이블 */
/* 테이블 */
.d_table {border-collapse: collapse; border-top: 1px solid #6e7276; width: 100%; margin:0; text-align:center;font-size:13px;}
.d_table caption {text-align: left; margin:0 0 5px}
.d_table thead tr th, .d_table tbody tr td {padding:0 10px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec;height:35px;}
.d_table thead tr th.last, .d_table tbody tr td.last {border-right: 1px solid #ececec;}
.d_table thead tr th, .d_table tbody tr th {background: #f7f7f7; border-right: 1px solid #ececec;}
.d_table tbody td.nowarp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.d_table tbody td.cont { text-overflow: unset;white-space: pre-wrap;overflow: auto;padding: 10px;line-height: 20px;text-align:left;height: auto;}
.d_table tbody td.contents {padding:10px;vertical-align:top;line-height:20px;}

.tl {text-align:left}