@charset "utf-8";

html { margin: 0; padding: 0;}
form, ul, li, dl, dt, dd, p { margin:0; padding:0;}
th { text-align: center;}
fieldset, legend { border: none; margin:0; padding:0;}
#accessibility, legend, caption { display: none;}

body{ font-family: 'gulim','dotum','tahoma'; color: #666; line-height: 1.6; margin: 0; padding: 0;}
img { margin: 0px; padding: 0px; border: 0px none;}
select { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
ul li { margin:0px; padding:0px; list-style:none; line-height: 1.6; vertical-align: middle;}
textarea { padding: 0; margin: 0;  resize: none;}

/* li 왼쪽정렬 */
.ul li{ margin:0px; padding:0px; list-style:none; line-height: 1.6; vertical-align: middle; float:left;} 
/* li 오른쪽 정렬 */
.ur li{ margin:0px; padding:0px; list-style:none; line-height: 1.6; vertical-align: middle; float:right;} 

/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}
.right { float: right;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom: 2px;}

/* 링크 설정 */
a:link{ color: #666666; border-style: none; text-decoration : none;}
a:visited{ color: #666666; border-style: none; text-decoration : none;}
a:active{ color: #333; border-style: none; text-decoration: none;}
a:hover{ color: #333; border-style: none; text-decoration: none;}

a.L01:link{ color: #b6b6b6; text-decoration : underline;}
a.L01:visited{ color: #b6b6b6; text-decoration : underline;}
a.L01:active{ color: #666; text-decoration: underline;}
a.L01:hover{ color: #666; text-decoration: underline;}

a.L02:link{ color: #333; font-weight: bold; text-decoration : underline;}
a.L02:visited{ color: #333; font-weight: bold; text-decoration : underline;}
a.L02:active{ color: #333; font-weight: bold; text-decoration: underline;}
a.L02:hover{ color: #333; font-weight: bold; text-decoration: underline;}

a.L03:link{ color: #858585; text-decoration : none;}
a.L03:visited{ color: #858585; text-decoration : none;}
a.L03:active{ color: #858585; text-decoration: underline;}
a.L03:hover{ color: #858585; text-decoration: underline;}

a.L04 { display: block; width: 140px; padding: 10px 0 0 12px; color: #cecece;}

a.L05:link{ color: #333; font-weight: bold; text-decoration : none;}
a.L05:visited{ color: #333; font-weight: bold; text-decoration : none;}
a.L05:active{ color: #333; font-weight: bold; text-decoration: underline;}
a.L05:hover{ color: #333; font-weight: bold; text-decoration: underline;}


/* ColorType 001 */
.select001 { width: 83px; border: 1px solid #efc492;}/* 셀렉트박스 테두리색*/
.input001 { width: 142px; height: 17px; margin: 0 0 0 0;  padding: 0 0 0 0; border-spacing:0px; border: 1px solid #efc492;}/* 검색어 입력란 테두리색 */

.AB_tb001 th {font-size: 12px; background-color: #fff8f0; color: #bb6500; height: 34px; border-top: 2px solid #d38f42; border-bottom: 1px solid #e5ae6e;} /* 게시판헤더 */
	.AB_thBg001 { background: url(../images/C04/th_line_001.gif) right no-repeat;} /* 헤더 구분선 */
	.AB_tb001 a.topNotice { color: #bb6500;} /* 공지글 색상 */
	.AB_tb001 a.topNotice:hover { color: #df8317;}
	.tdLeftCount { float: left; color: #ff6600; font-size: 11px;} /* 조회수 색상 */ 
	.tableBottomLine { background-color: #ce832c;}

.AB_photo, .AB_webzine { border-top: 2px solid #d38f42; border-bottom: 1px solid #ce832c; } /* 앨범보기 웹진보기 테두리색 */
	.fontColorPhoto001 { color: #d97e15;} /* 앨범보기 마우스오버 말머리색 작성자색 */
	
.AB_tb002 th { background-color: #fff8f0; color: #bb6500; height: 34px; border-top: 2px solid #d38f42; border-bottom: 1px solid #e5ae6e;} /* 보기화면 제목줄 폰트색 배경색 */
.fontColorWriter001 { color: #ba4a00;} /* 보기화면 작성자 색상 */
a.L06 { font-size: 12px; color: #e98a4b;} /* 이게시물을 폰트색 색 */
a.L06:hover { color: #ba4a00;}

.AB_tb003 { border-top: 2px solid #d38f42;} /* 쓰기 상단 라인색 */

.AB_add { border-bottom: 1px solid #ce832c;} /* 쓰기 하단 라인색 */

/* font */
	/* size */
	.fontSize11 { font-size: 11px; color: #999999;}

	/* color */
	.fontColor001 { color: #666666;}
	
	/* strong */
	.s001 { font-size: 11px; color: #333;}
	.s002 { font-size: 11px;}


/* 리스트타입목록 */
.AB_board001 { position:relative; width: 100%; float: left;}
.AB_board001 li, td, ul, th, dt, dd, p, span, strong, a { letter-spacing: -0.5px;}
	/* 게시판 상단 */
	.AB_top { position: relative; width: 100%; height: 37px; float: left;}
		.AB_topLeft { position: absolute; left: 0; top: 0;}
			.AB_topLeft .viewType001, .viewType002, .viewType003, .viewType001On, .viewType002On, .viewType003On { 
			display: block; 
			width: 20px; 
			height: 20px; 
			background: url(../images/C04/bul_viwestyleicon.gif);
			}
			a.viewType001 { background-position: 0 0;}
			a.viewType001:hover, .viewType001On { background-position: -20px 0;}
			a.viewType002 { background-position: -40px 0;}
			a.viewType002:hover, .viewType002On { background-position: -60px 0;}
			a.viewType003 { background-position: -80px 0;}
			a.viewType003:hover, .viewType003On { background-position: -100px 0;}
		.AB_topRight { width: 100%; float: right;}
	
	/* 게시판 카타고리 */
	.AB_topCatagory { position: relative; margin-bottom: 8px; width: 100%; background-color: #f9f9f9; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; float: left;}
		.catagoryBtn { position: absolute; right: 0; top: 0;}
			a.barClose { 
			display:block; 
			position:absolute; 
			right:0; top:0; 
			width:24px; 
			height:24px; 
			background:url(../images/C04/bul_catagory_arrow2.gif) no-repeat 8px 10px; 
			}
			a.barOpen {  
			display:block; 
			position:absolute; 
			right:0; 
			top:0; 
			width:24px; 
			height:24px; 
			background:url(../images/C04/bul_catagory_arrow1.gif) no-repeat 8px 10px; 
			}

			.catagoryList { width:100%; text-align:left; color: #999999; font-size: 11px;}
/*		.catagoryList p { padding-top: 4px; width: 100%; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999999; font-size: 11px;}*/
			.catagoryList p strong { color: #646464;}
			.catagoryList p span { color: #cbcbcb; font-size: 9px;}
			.catagoryList p a { font-weight: bold; color: #999999;}
			.catagoryList p a:hover { text-decoration: underline;}
			
		.catagoryListHidden p { position: relative; width: 100%; margin-top: -20px; background-color: #f9f9f9;word-break:keep-all; color: #999999; font-size: 11px;}
			.catagoryListHidden p strong { color: #646464;}
			.catagoryListHidden p span { color: #cbcbcb; font-size: 9px;}
			.catagoryListHidden p a { font-weight: bold; color: #999999;}
			.catagoryListHidden p a:hover { text-decoration: underline;}
	
	/* 게시글 목록 */
	.AB_list { position: relative; width: 100%; float: left;}
		.AB_tb001 .noticeLine { background-color: #f9f9f9;}
		.AB_tdCenter { height: 22px; text-align: center; padding: 4px; border-bottom: 1px solid #e5e5e5;}
		.AB_tdLeft { height: 22px; padding: 4px; border-bottom: 1px solid #e5e5e5;}
			.tdLeftSubject { float: left;}
			.tdLeftAddFile { float: left;}
			.tdLeftAddPic { postition: relative; float: left;}
			.tdLeftNew { postition: relative; float: left;}
			.addBoxFile, .addBoxPic { position: absolute; left: -86px; top: 10px; width: 212px;}
				.addFileSubject { width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left;}
				
	
	/* 하단 페이지넘버 */
	.AB_bottom { position: relative; margin-top: 15px; width: 100%; height: 70px; float: left; text-align: center;}
		.AB_bottomPageBox { position:absolute; left: 50%;}
		.AB_bottomPage { position:relative; left: -50%;}
			.AB_pageNumOn { dispaly: block; width: 18px; height: 18px; color: #bb5400; font-size: 11px; text-align: center; font-weight: bold; border: 1px solid #ef9124; float: left;}
			a.pageFirst, a.pagePre, a.pageNext, a.pageEnd { 
			display: block; 
			width: 18px; 
			height: 18px; 
			border: 1px solid #e8e8e8; 
			background: url(../images/C04/bul_arrow_page.gif) no-repeat;
			float: left;
			}
			a.pageFirst { background-position: 0 0;} 
			a.pagePre { background-position: -18px 0;}
			a.pageNext { background-position: -36px 0;}
			a.pageEnd { background-position: -54px 0;}
			a.pageFirst:hover, a.pagePre:hover, a.pageNext:hover, a.pageEnd:hover { border-color: #71c2db;}
			a.pageL { display: block; width: 18px; height: 18px; border: 1px solid #e8e8e8; color: #a9a9a9; font-size: 11px; font-weight: bold; text-align: center; float: left;}
			a.pageL:hover { border-color: #ef9124; color: #bb5400;}
			.AB_bottomBtn { position: absolute; right: 0; top: -5px;}
			a.AB_pageText { display: block; padding:0 5px; height: 18px; border: 1px solid #e8e8e8; color: #a9a9a9; font-size: 11px; font-weight: bold; text-align: center; float: left; margin-left:3px;}


/* 보기 */
	.AB_view { position: relative; width: 100%; float: left;}
		.AB_catagory { color: #777777;}
		.AB_tb002Td { padding: 6px 4px 3px 4px; border-bottom: 1px solid #e5e5e5; text-align:left;}
		.AB_addFile { position: absolute; right: 28px; top: 10px;}
			.AB_addFileList { position: absolute; right: -28px; top: 13px; width: 266px;}
		.AB_viewBottom { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #afafaf;}
			.AB_sns { position: relative; float: left;}
				.AB_snsBtn { position: relative; left: -10px; float:left; background-color: #fff;}
			.AB_tobe { position: relative; float: right;}
				.AB_tobeList { position: absolute; bottom: 15px; width: 68px; right: 10px;}
		.AB_viewBottomLeft { position: relative; width: 100%; height: 70px; text-align:left;}
			.AB_viewBottomBtn { position: absolute; right: 0; top: 10px;}

/* 댓글 */
	.AB_comment { position: relative; background-color: #f6f6f6; border: 1px solid #e8e8e8; float: left; width:100%; display:block;}
		.AB_commentThumb { position: absolute; left: 0; top: 10px;}
			.AB_commentThumb p { border: 1px solid #e9e9e9;}		
			.AB_commentThumb p img { border: 2px solid #fff;}
		.AB_commentArrow { position: absolute; top: 10px;}
		.AB_commentReThumb { position: absolute; left: 0; top: 0;}
			.AB_commentReThumb p { border: 1px solid #e9e9e9;}		
			.AB_commentReThumb p img { border: 2px solid #fff;}
				.AB_who { position: absolute; left: 40px; top: -12px; width: 104px;}
		.AB_commentRegist { position: absolute; right: 0; top: 10px;}

/* 글삭제 비밀번호 입력 */
.blackBack { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5;}
	.deleteBox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: none; z-index:999; vertical-align: middle;}
		.deleteInput { position: relative; width: 100%; text-align: center; vertical-align: middle; display: table-cell;}
			.deleteInputBody { position: relative; width: 221px; margin: auto;}

/* 윗글 아랫글 */
	.AB_upDown { width: 100%; margin-top: 20px; float: left;}

/* 쓰기 */
	.AB_write { position: relative; width: 100%; float: left;}
		.AB_tb003 th { background-color: #f6f6f6; color: #333; width: 106px; height: 34px; border-bottom: 1px solid #e5e5e5;}
		.AB_tb003Td  { padding: 5px; border-bottom: 1px solid #e5e5e5; text-align:left; }
		
		.AB_add { position: relative; width: 100%; float: left;}
			.addSectorImg p { border: 1px solid #e9e9e9;}
			.addSectorImg p img { border: 2px solid #fff;}

/* 파일 첨부 관련 */
.addFileList { position: relative; width: 100%; float: left; padding-bottom:2px;}
	.addFileImg { position: absolute; left: 0; top: 0; width: 80px; border: 1px solid #dcdcdc;}
		.addFileClose { position: absolute; left: 0; top: 0;}
	.addFileBtn { position: absolute; right: 0; top: 0; width: 54px;}

/* 포토타입목록 */
	.AB_photo { position: relative; width: 100%; padding: 30px 0 8px 0; float: left;}
		.AB_photoLine { position: relative; width: 100%; float: left;}
			.AB_photoBox001 { position: relative; width: 24.9%; float: left;}
			.AB_photoBox002 { position: absolute; right: 0; top: 0;}
				.AB_photo001 { position: relative; width: 152px; margin: 0 auto;}
					.AB_photo001Img { position: relative; width: 152px; text-align: center; float:left;}
						.AB_photo001Img img { border: 1px solid #a2a2a2;}
					.AB_photoText { position: relative; width: 100%; text-align: center; background: url(../images/C04/photo_bg.png) repeat-x; float:left;}
				.AB_photoData { position: absolute; left: 0; top: 0; bottom: 0; width: 152px; background: url(../images/C04/photo_cover.png) no-repeat; text-align: left; float: left;}

/* 웹진타입목록 */
	.AB_webzine { position: relative; width: 100%; padding: 30px 0 20px 0; float: left;}
		.AB_webzineSector001 { position: relative; width: 100%; float:left;}
			.AB_webzineImg { position: absolute; width:195px; height:130px; left: 0; top: 0; overflow:hidden; border: 1px solid #a2a2a2; }
				/*.AB_webzineImg img { border: 1px solid #a2a2a2;}*/
			.AB_webzineText { position: relative; min-height: 132px; width: 100%; float:left;}
			.AB_webzineText2 { position: relative; width: 100%; float:left;}
				.AB_webzineTextTitle { position: relative; width: 100%; float: left;}
					.webzineTextTitle { position: relative; float: left;}
					.webzineTextTitle a.L05 { color: #333; font-weight: bold;}
				.AB_webzineTextContents { position: relative; width: 100%; float: left;}
		.AB_webzineSector002 { position: relative; width: 100%; float:left;}			
			..AB_webzineSector002 .AB_webzineText { min-height: 10px;}
		.AB_webzineLine { position: relative; margin: 20px 0 20px 0; width: 100%; height: 1px; background-color: #e5e5e5; float:left;}

#AB_viewContent ol li { list-style: decimal; float: none; line-height: 1.6;}
#AB_viewContent ul li { list-style: disc; float: none; line-height: 1.6;}
#AB_viewContent .imgBoxDecorationZ ul li { list-style: none;}

.reportWrap .reportLabel { display: inline-flex; align-items: center; white-space: nowrap; font-size: 13px; cursor: pointer;}
.reportWrap .reportLabel input[type="checkbox"],
.reportWrap .reportLabel input[type="radio"] { display: none;}
.reportWrap .reportLabel i {display: inline-block; vertical-align: middle; transition-duration: .3s; margin: 2px 5px 0 0 ;}
.reportWrap .reportLabel i.type1 { width: 17px; height: 17px; background: url(../images/reportCheck.png) center no-repeat; background-size: contain;}
.reportWrap .reportLabel i.type2 { width: 16px; height: 16px; background: url(../images/reportRadio.png) center no-repeat; background-size: contain;}
.reportWrap .reportLabel input[type="radio"]:checked + i.type1 { background: url(../images/reportCheck_on.png) center no-repeat;}
.reportWrap .reportLabel input[type="radio"]:checked + i.type2 { background: url(../images/reportRadio_on.png) center no-repeat;}
.reportWrap .reportLabel input[type="radio"] + i + span { color: #666;}
.reportWrap .reportLabel input[type="radio"] + i + span { color: #666;}
.reportWrap .reportLabel input[type="radio"]:checked + i + span { color: #000; font-weight: 600;}
.reportWrap .reportLabel input[type="radio"]:checked + i + span { color: #000; font-weight: 600;}

.reportWrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); z-index: 999;}
.reportWrap > div { background: #fff; border: 1px solid #666; border-radius: 20px; padding: 20px;}
.reportWrap > div > p { display: flex; align-items: center; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 15px;}
.reportWrap > div > p > span:nth-child(1) { font-size: 15px; font-weight: 600; flex-grow: 1 ;}
.reportWrap > div > p > span:nth-child(2) { display: inline-flex; align-items: center; cursor: pointer;}
.reportWrap > div > span { display: block; text-align: left; font-size: 13px; margin-bottom: 10px;}
.reportWrap > div > i { display: block; text-align: right; margin-bottom: 10px; color: #999; font-size: 11px; font-style: normal;}
.reportWrap > div > i > span { color: #f39700;}
.reportWrap .type { margin-bottom: 10px; text-align: left;}
.reportWrap .cate { margin-bottom: 10px;}
.reportWrap .cate > label { display: flex; width: 220px; box-sizing: border-box; padding: 5px 10px 7px 10px; border: 1px solid #d1d1d1; border-radius: 3px; margin-bottom: 3px;}
.reportWrap textarea { width: 100%; outline: none; border: 1px solid #d2d2d2; border-radius: 3px; height: 60px; padding: 5px; box-sizing: border-box; resize: none;}
.reportWrap .reportBtn .reportBtn1 {box-shadow:inset 0px 1px 0px 0px #f9eca0; background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%); background-color:#f0c911; border-radius:3px; border:1px solid #e65f44; cursor:pointer; color:#c92200; font-size:13px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ded17c; text-align: center;}