@charset "utf-8";

@font-face{
	font-family:"NanumGothic";
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype');
	src:local(※), url(../fonts/NanumGothic.woff) format(‘woff’);
}

@font-face{
	font-family:"MalgunGothic";
	src:url('../fonts/MalgunGothic.eot');
	src:url('../fonts/MalgunGothic.eot?#iefix') format('embedded-opentype'),url('../fonts/MalgunGothic.ttf') format('truetype');
}


/* 
1. alt 속성시 
 을 사용하면 다음줄로 입력가능
2. 관리자,게시판,레이아웃스킨 공통 css
*/ 
body {min-width:200px; -webkit-text-size-adjust:none; font-family:"맑은 고딕",'MalgunGothic','NanumGothic','나눔고딕','NanumGothicWeb',"돋움",AppleGothic, sans-serif; font-size:small; line-height:1.5em; padding:0; margin:0;}

/* html5 */
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:block;}

/*투명도*/
.opacity {opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.15;}

/* float 해제 */
.clear {display: inline-block;}
.clear:after {content: *.*;	height:0; visibility:hidden; display:block;	clear:both;}
* html .clear {	height:1%;}

/* 데이터 디폴트 테이블 */
table.tabledata, table.tabledata_th {width:100%; border-top: 1px solid #54ff5a;	border-left: 1px solid #54ff5a;	text-align: justify; text-decoration:none; border-collapse:collapse; border-spacing: 0;}
table.tabledata th, table.tabledata td, table.tabledata_th th, table.tabledata_th td {text-align:center; border-right:1px solid #54ff5a; border-bottom:1px solid #54ff5a; padding:9px 5px; border-spacing: 0; white-space:normal;}
table.tabledata td,table.tabledata_th td {text-align:left;}
table.tabledata td.t_center {text-align:center;}
table.tabledata td.t_right {text-align:right;}
.break-word {word-wrap: break-word;} 

/* 테이블 뷰화면*/
table.bbsview {width:100%; border-top:1px solid #6482ff; border-bottom:1px solid #6482ff; border-collapse:collapse; border-spacing: 0;}
table.bbsview thead th {color: #007496; width:17%;}
table.bbsview thead td {width:83%;}
table.bbsview th, table.bbsview td{border-bottom:1px solid #ccc; padding:5px; text-align:left;}

/* 접근성을 위한 히든 */
.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;}

/* input 기본, 개별 크기는 별도로 지정*/
textarea {color:#666; border:1px solid #d0d0cc;	padding:2px;}
select {border:1px solid #d0d0cc; height:25px; font-size:100%; padding:2px 4px;}
input.default {height:25px;	border: 1px solid #b8b8b8; line-height:25px; padding-left:3px;}
input.basic {width:95%;	height:25px; border: 1px solid #b8b8b8; line-height:25px; padding-left:3px;}
input.w100 {width:100%;}
input.w98 {width:98%;}
input.w90 {width:90%;}
input.w80 {width:80%;}
input.w70 {width:70%;}
input.w60 {width:60%;}
input.w50 {width:50%;}
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.inputfile {width:95%;	height:25px; background-color:#fff;	padding:0; border:0; margin:0;}
input[type="file"] {height:25px; line-height:25px; background-color:#fff; padding:0; margin:0;}
input.zip {width:3em; height:17px; border: 1px solid #b8b8b8;}
input.tel {width:4em; height:25px; border: 1px solid #b8b8b8;}
input.radio_end {vertical-align:middle; margin:0 10px 0 5px;}
input.radio_first {vertical-align:middle; margin:0 3px 0 5px;}
input.info {width:87%; height:22px;	border: 1px solid #b8b8b8; line-height:22px; padding-left:3px;}
input.pic {width:40%; height:22px; border: 1px solid #b8b8b8; line-height:22px;}
.rmargin {margin-right:1.5%;}

/* 입력박스 선택시 색상 변경  */
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;}

/* 링크 */
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;}

/* 약어 툴팁  */
abbr, acronym {border-bottom:1px dotted; cursor: help;}

/* 스크린리더 약어를 한단어로 읽기 */
abbr {speak:spell-out;}
acronym {speak:normal;}

/* 드랍캡 첫글자 꾸미기 */
.drop {float:left; font-size: 400%; line-height: 1em; margin: 4px 10px 10px 0; padding: 4px 10px; border: 2px solid #ccc; background: #eee;}
.png24{tmp:expression(setPng24(this));} /*  png  */

/* 글정렬 */
.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;}

/* 마진,패딩*/
.l03_m {margin-left:3px;}
.r03_m {margin-right:3px;}
.t03_m {margin-top:3px;}
.b03_m {margin-bottom:3px;}
.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;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l40_m {margin-left:40px;}
.r40_m {margin-right:40px;}
.t40_m {margin-top:40px;}
.b40_m {margin-bottom:40px;}
.l50_m {margin-left:50px;}
.r50_m {margin-right:50px;}
.t50_m {margin-top:50px;}
.b50_m {margin-bottom:50px;}
.t70_m {margin-top:70px;}
.l03_p {padding-left:3px;}
.r03_p {padding-right:3px;}
.t03_p {padding-top:3px;}
.b03_p {padding-bottom:3px;}
.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;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}
.l40_p {padding-left:40px;}
.r40_p {padding-right:40px;}
.t40_p {padding-top:40px;}
.b40_p {padding-bottom:40px;}
.l50_p {padding-left:50px;}
.r50_p {padding-right:50px;}
.t50_p {padding-top:50px;}
.b50_p {padding-bottom:50px;}

/* 폰트색상 */
.fcolor_white {color: #ffffff;}
.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;}
/*손 모양 오버시 */
.handy {cursor:pointer;}

/* 글자 자르기 */
.ellipsis {overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;}

/*이미지자동조절*/
#mainPic{clear:both;position:relative;overflow:hidden;}
#mainPic .mPic{text-align:center;overflow:hidden;}

/* jquery placeholder */
.placeholder {color: #aaa;}

/* loading jquery ajax , include/script.inc */
.loading_box{
	position: fixed; 
	left:0; 
	right:0; 
	top:0; 
	bottom:0; 
	background: rgba(0,0,0,0.2); /*not in ie */ 
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
	} 
.loading_box div{ 
	/*로딩 이미지*/
	position: fixed;
	top:50%; left:50%;
	margin-left: -21px;
	margin-top: -21px;
} 
.display-none{ /*감추기*/display:none;} 
 
/* bbs loading.. form 전송,   board/headtag.inc */
#loading_bbs {position:absolute; top:40%; left:50%; margin-left:-150px;}

/* admin loading.. form 전송,   admin/headtag.inc */
#loading_admin {position:absolute; top:50%; left:50%; margin-left:-50px;}

@media (max-width: 320px) {

    /* table 반응형*/
    .table-responsive {width:290px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .table-responsive > table {margin-bottom: 0; width:550px;}
    .table-responsive > table > tr > th, .table-responsive > table > tr > td {white-space: nowrap;}
      
}