@charset "utf-8";

@font-face{
 font-family:"NanumGothic";
 src:url('../../fonts/NanumGothic.eot');
 src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype');
 src:url('../../fonts/NanumGothic.ttf') format('truetype');
 src:local(※), url(../../fonts/NanumGothic.woff) format('woff');
 }

body {
  width:100%;
 -webkit-text-size-adjust:none; /*모바일웹에서만 효과가 있음 yse로 되어있으면 화면이 돌아가면서 글자가커짐 (none이면 글자크기가 동일)*/
  font-family:"맑은 고딕";
  font-size:small;
  line-height:1.5em;
	padding:0;
	margin:0; 
	min-width:320px;	
}
#quickmenu {
	right:0px;
	top:250px;
	position:fixed;
	_position:absolute;
	_z-index:1;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
    margin:0; padding:0;
}
img {
  border:0;
}

/* input 기본, 개별 크기는 별도로 지정*/
textarea {
	color:#666;
	border:1px solid #d0d0cc;
	padding:2px;
}
select {
	border:1px solid #d0d0cc;
	height:19px;
	font-size:90%;
}
input.basic {
  width:95%;
	height:22px;
	border: 1px solid #b8b8b8;
  line-height:22px;
	padding-left:3px
}
input.w45 {width:45%;}
input.w40 {width:40%;}
input.w35 {width:35%;}
input.w30 {width:30%;}
input.w25 {width:25%;}
input.w20 {width:20%;}
input.w15 {width:15%;}
input.w10 {width:10%;}
input.w05 {width:5%;}
input.w03 {width:3%;}

/* 입력박스 선택시 색상 변경  */
input:hover,textarea:hover {
	background-color: #f6f6f6;
}
input:focus,textarea:focus {
	background-color: #f6f6f6;
}
input.checkbox:hover,input.radio:hover {
	background-color: none;
}
input.checkbox:focus,input.radio:focus {
	background-color: none;
}

/* float 해제 */
.clear {
	display: inline-block;
}
.clear:after {
	content: * *;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}

/* ul ol caption 기본*/
ul, ol {
	list-style:none;
}
ul.show,ol.show {
	list-style:square;
	margin-left:10px;
}

legend, caption {
	position:absolute;
	left: 0; top :0;
	visibility:hidden;
	overflow:hidden;
	line-height: 0;
	width:0;
	height:0;
	margin:0;
	padding:0;
    font:0/0 Arial;
}
legend.show, caption.show{
    position:relative;
	visibility:visible;
	font-size:9pt;
	line-height: 20px;
	width:100%;
	height:20px;
	color:#000;
} /*다시 visible 되게*/


/* 데이터 디폴트 테이블 */
.tabledata {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
  border-spacing: 0;
}
.tabledata th, .tabledata td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
  border-spacing: 0; 
	white-space:nowrap;
	text-align:center;
}

/* 디폴트로 선이 그려진 테이블의 선을 없애고 줄 사이에 라인 삽입 */
.tablenoline {
	margin:0 auto;
	border:0
}
.tablenoline * {
	padding:0;
	margin:0;
}
.tablenoline th {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline td {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline .td_line {
	background:url(../board/images/dot.gif);
	height:1px;
}

/* 접근성을 위한 히든 */
.access {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.access a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.hidden_obj {
    position:absolute;
	left: 0; top :0; 
	visibility:hidden;
	overflow:hidden;
	height:0;
    line-height: 0;
	width:0;
	margin:0;
	padding:0;font:0/0 Arial
}

/* 링크 */
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:active {
	color:#0C0;
	text-decoration:none;
}

hr {
	display:none;
}

/* 약어 툴팁  */
abbr, acronym {
	border-bottom:1px dotted;
	cursor: help;
}

/* 스크린리더 약어를 한단어로 읽기 */
abbr {
	speak:spell-out;
}
acronym {
	speak:normal;
}

.handy {
	cursor:pointer;
	cursor:hand;
}
label {
  cursor:pointer;
	cursor:hand;
}

/* 드랍캡 첫글자 꾸미기 */
.drop {
	float:left;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	background: #eee;
}

/*  png  */
.png24{tmp:expression(setPng24(this));} 

/* 글정렬 */
.t_center {
	text-align:center;
}
.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}

/* 이미지 엘리먼트 정렬 */
.t_top {
	vertical-align:top;
}
.t_middle {
	vertical-align:middle;
}
.t_bottom {
	vertical-align:bottom;
}

/* 이미지 엘리먼트 정렬 */
.t_top {
	vertical-align:top;
}
.t_middle {
	vertical-align:middle;
}
.t_bottom {
	vertical-align:bottom;
}

/* 마진 */
.l05_m {
	margin-left:5px;
}
.r05_m {
	margin-right:5px;
}
.t05_m {
	margin-top:5px;
}
.b05_m {
	margin-bottom:5px;
}
.l10_m {
	margin-left:10px;
}
.l15_m {
	margin-left:15px;
}
.r10_m {
	margin-right:10px;
}
.t10_m {
	margin-top:10px;
}
.b20_m {
	margin-bottom:20px;
}
.l20_m {
	margin-left:20px;
}
.r20_m {
	margin-right:20px;
}
.t20_m {
	margin-top:20px;
}
.b10_m {
	margin-bottom:10px;
}
.l50_m {
	margin-left:50px;
}
.r50_m {
	margin-right:50px;
}
.t50_m {
	margin-top:50px;
}
.b50_m {
	margin-bottom:50px;
}
.t75_m {
	margin-top:75px;
}
.b75_m {
	margin-bottom:75px;
}
.r75_m {
	margin-right:75px;
}
.l75_m {
	margin-left:75px;
}
.t90_m {
	margin-top:90px;
}
.b90_m {
	margin-bottom:90px;
}
.r90_m {
	margin-right:90px;
}
.l90_m {
	margin-left:90px;
}
.t125_m {
	margin-top:125px;
}
.b125_m {
	margin-bottom:125px;
}
.r125_m {
	margin-right:125px;
}
.l125_m {
	margin-left:125px;
}
.l05_p {
	padding-left:5px;
}
.r05_p {
	padding-right:5px;
}
.t05_p {
	padding-top:5px;
}
.b05_p {
	padding-bottom:5px;
}
.l10_p {
	padding-left:10px;
}
.r10_p {
	padding-right:10px;
}
.t10_p {
	padding-top:10px;
}
.b10_p {
	padding-bottom:10px;
}

/* 폰트색상 */
.fcolor_blue {color: #007496;}
.fcolor_gray {color: #dcdcdc;}
.bcolor_gray {background-color: #dcdcdc}
.fcolor_gray02 {color:#8c8c8c;}
.fcolor_red {color:#eb0000;}

/*폰트사이즈*/
.fsize_80 {font-size:80%;}

/*백이미지 감춤*/
.nobackground {background:none;}

/*박스 라운드*/
#box_round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
      border-radius: 5px;
}
.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
