/*
@import url(/kr/include/css/font.css);
*/
/* 기본 contents 관련 */
/*
body {font-size:12px; font-family:inherit, 'ngn', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, "굴림", Gulim, Helvetica, Sans-serif; color:#000; line-height:120%; position:relative; width:100%; height:100%; letter-spacing:0px;}
body {margin:0; padding:0;}

a {color:#000; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true); }
*/
/* a:hover, a:active, a:focus {color:#444444; text-decoration:none;} */
textarea {overflow:auto;}
address, em {font-style:normal; font-weight:normal;}

option {padding-right:6px;} /* Firefox Fix */



/* 기본 input/textarea/select 관련 */
img 		{border: 0px;}
form		{margin:0}


#boardContent {margin:0px; clear:both; overflow:hidden;}


/*
	리스트
*/
#board_list { margin:0 0 10px 0; width:100%; }


#board_list .board_status .fl { float:left; }
#board_list .board_status .fr { float:right;  margin-bottom:3px;}

#board_list .board_status .write_count { font:12px Tahoma; color:#ababab; font-weight:bold;}
#board_list .board_status .rss { padding-bottom:11px; }


#board_list .list_table { float:left;}
#board_list .list_table { border:0; width:100%; }


#board_list .list_table th { 
	white-space:nowrap; text-align:center; line-height:normal;
	background:#fff; font-size:13px;
}



#board_list .list_table { border-collapse:collapse;}
#board_list .list_table thead {font-size:14px; font-weight:bold; border-top:2px solid #000;}
#board_list .list_table tbody tr:hover {color:inherit;}

#board_list .list_table th {font-weight:600; color:#252525; height:54px; padding:0 15px; font-size:14px; background:#fff;}

#board_list .list_table th a { }
#board_list .list_table th.title { width:100%;}
#board_list .list_table tr {border-bottom:1px solid #ddd;}
#board_list .list_table td {padding:0 15px; font-size:14px; color:#454545; height:54px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }


#board_list .list_table tr.notice td.title { }

#board_list .list_table tr.faq_detail {background-color:#f6f6f6;}

#board_list .list_table tr.faq_detail td.faq_icon { width:500px;}
#board_list .list_table tr.faq_detail td.faq_content { width:100%; white-space:normal; word-break:keep-all; text-align:left; height:40px; }
#board_list .list_table tr.faq_detail td.faq_content dl dd {position:relative; padding-left:10px;}
#board_list .list_table tr.faq_detail td.faq_content dl dd span {position:absolute; left:0; top:0;}
/*#board_list .list_table tr.faq_detail td.faq_content { word-break:break-all; overflow: hidden; text-overflow: ellipsis;}*/
#board_list .list_table tr.faq_detail td.faq_content { padding:10px; line-height:150%;}



#board_list .list_table td.title { width:100%; white-space:normal; text-align:left;}
#board_list .list_table td.title { overflow: hidden; text-overflow: ellipsis; }
#board_list .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; }
#board_list .list_table td.title .reply { padding:0 5px; }
#board_list .list_table td.title .cate { color:#B3B3B3; }
#board_list .list_table td.title .comment { font:10px Tahoma; color:#ff6600; }
#board_list .list_table td.title .comment .bold {  font-weight:bold; }
#board_list .list_table td.title > a {display:inline-block; vertical-align:middle;}
#board_list .list_table td.title > a img {width:25px; margin-right:10px; }
#board_list .list_table td.author {}
#board_list .list_table td.num,
#board_list .list_table td.num a,
#board_list .list_table td.date {}
#board_list .list_table tr:hover {background:#f9f9f9;}

#board_list .list_table td.num .recommend { color:#FD7511; font-weight:bold;}
#board_list .btn_area .fr.boardSearch {font-size:0; vertical-align:top;}

#board_list .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; }

#board_list .list_table .nodata { text-align:center; vertical-align:middle; height:100px; }


#board_list .btn_area { margin-top:10px; width:100%; }
#board_list .btn_area .fl { float:left; }
#board_list .btn_area .fr { float:right; }


#board_list .board_sw { float:left; margin-top:10px; width:100%; }
#board_list .page_area { text-align:center; margin-top:10px; width:100%; line-height:normal;}


#board_list .search_area .sel_search { height:22px; padding:1px; margin-bottom:-8px; }
#board_list .search_area .btn_search { margin-bottom:-6px; }


#board_list .cTab{position:relative; margin:0 0 25px 0;overflow:hidden;padding:0;list-style:none;zoom:1;display:block; width:100%;}
#board_list .cTab:after{content:"";display:block;clear:both}
#board_list .cTab li{transition:.3s; float:left; background:#f4f4f4; height:40px; line-height:40px; border-radius:40px; color:#555; margin-right:10px; font-size:14px;}
#board_list .cTab li a{position:relative; display:block; padding:0 20px;}
#board_list .cTab li:hover {background:#e4e4e4;}
#board_list .cTab li.on{background:#f37728;color:#fff;}






/* 게시물 보기 */
#board_view { }

#board_view .btn_area {}
#board_view .btn_area .fl { float:left; color:#888888; padding-top:3px;}
#board_view .btn_area .fr { float:right; }

#board_view .btn_area_bottom {margin-top:10px; margin-bottom:70px; }

#board_view .view_area {width:100%; margin-top:5px; margin-bottom:10px;}

#board_view .title_area {width:100%;  padding:22px 0px 20px; box-sizing:border-box; overflow:hidden; background-color:#fff; border-top:2px solid #000; border-bottom:1px solid #ddd;}
#board_view .title_area .title {font-size:18px; font-weight:bold; margin-bottom:10px;}
#board_view .title_area .data_area {overflow:hidden; width:100%;}
#board_view .title_area .data_area .cell {display:inline-block; vertical-align:top; margin-right:20px; font-size:12px; color:#767676;}
#board_view .title_area .data_area .cell b {display:inline-block; margin-right:5px;}																					   

#board_view .author_area {width:100%; box-sizing:border-box;}
#board_view .author_area .author {position:relative;  float:left; font-size:14px;}
#board_view .author_area .hit_area {font-size:14px; float:right; margin-right:0px;}
#board_view .author_area .hit_area img {position:relative; top:3px;}
#board_view .author_area .hit_area .tit { font:12px '맑은 고딕',Gulim; letter-spacing:-1px; }
#board_view .author_area .hit_area .num { }

#board_view .attach_area {font-size:14px; padding:10px 20px; line-height:1.7; float:left; width:100%; border-bottom:1px solid #eceaea;}
#board_view .attach_area .attach { float:left; padding: 0px; font-size:12px; color:#666;}
#board_view .attach_area .attach img {position:relative; top:2px;}
#board_view .attach_area .attach a:hover {text-decoration:underline;}
#board_view .content { width:100%; padding: 0px; word-break:break-all; min-height:200px;}
#board_view .content { margin:35px 0;}
#board_view .content { overflow:hidden; }
#board_view .content { font-size:14px; padding:0px; box-sizing:border-box;}
#board_view .content a { text-decoration:underline; }

#board_view .ipaddress,
#board_view .recommend {width:98%; padding: 5px;}


/* 검색영역 */
.board_search {position:relative; width:100%; font-size:0; padding:25px 0; text-align:center; border-radius:15px; background:#f7f7f7; margin-bottom:30px;}


/* 코멘트 */
#board_comment { }

/* 코멘트 리스트 */
.comment_area { float:left; width:100%; }
.comment_area { border-top:2px solid #9c9c9c; }
.comment_area span.secret { color:#ff6600; }

.comment_list { }
.comment_list .author_area { padding-top:8px;  background-color:#F9F9F9;}
.comment_list .author_area .fl { float:left;}
.comment_list .author_area .fr { float:right; }


.comment_list .author_area .fl .author { margin-right:10px; }
.comment_list .author_area .fl .date { font:10px Tahoma; color:#ADADAD; line-height:240%;}

.comment_list .author_area .fr .option_area {}
.comment_list .author_area .fr .ip_area { font:10px Tahoma; color:#ADADAD; margin-right:10px;}


.comment_list .content { float:left; width:100%; }
.comment_list .content { overflow:hidden; }
.comment_list .content { padding:10px 0; }
.comment_list .content {}
.comment_list .content a { text-decoration:underline; }
.comment_list .content { }


/* 코멘트 쓰기 */
#comment_write { float:left; width:99%; }
#comment_write .author_area { float:left; margin:0 0 5px 0; width:100%; }
#comment_write .content_area div.content { float:left; margin-right:-70px; }
#comment_write .content_area div.content div.text { margin-right:70px; }
#comment_write .content_area div.content div.text textarea { height:80px;}
#comment_write .content_area div.button { float:right; width:65px; }
#comment_write .content_area div.button { margin-top:14px; }
#comment_write fieldset { margin:0; padding:0; border:0px; }




/* board */
#board_write .write_table {border-collapse:collapse; width:100%; margin:0 auto; color:#333; font-size:12px;}
#board_write .write_table .write_top {border-top:2px solid #333; border-bottom:1px solid #eee; font-size:18px; padding:15px 20px; font-weight:bold;}
#board_write .write_table th, #board_write .write_table td {padding:0;}
#board_write .write_table th {font-weight:normal; text-align:center; background-color:#fff; font-weight:bold;}
#board_write .write_table tbody tr.section {border-bottom:1px solid #eee;}
#board_write .write_table tbody tr.section td {padding:10px;}
#new_contents_attach {margin-bottom:20px;}
#new_contents_check {margin-right:5px;}
#new_contents_toolbar_iconArea select {height:21px; position:relative; top:0px; font-family:"Dotum"; border:1px solid #ccc;}



/* Input 박스 */
input.box {
	height:14x; padding:6px 7px; border:1px solid #cccccc; letter-spacing:0;
	font-family:Nanum Gothic; color:#777777; font-size:12px; 
}


input.box:focus { 
	border:1px solid #a8a8a8;
}

textarea.box { 
	padding:6px 7px;; border:1px solid #cccccc; background-color:#fbfbfb; letter-spacing:0;
}

input[type="radio"], input[type="checkbox"] {
	 vertical-align:middle;
}

.box.readonly {
	background-color:#e0e0e0;
}

input.box.active {
	ime-mode:active;
}
input.box.inactive {
	ime-mode:inactive;
}
input.box.disabled {
	ime-mode:disabled;
}

select.box {
	height:29px; padding:5px;  border:1px solid #cccccc; background-color:#fbfbfb; color:#777777; letter-spacing:0;	
}


.none {border:0px solid;}


.member {}
.guest  {}




/* Table List */
.tbhead   {padding:12 0 12 0; font-size:13px; font-weight:bold; background:#f4f4f4; text-align:center; color:dimgray;}
.tbcontents   {padding:6 0 6 0; font-weight:normal; color:dimgray; background:#ffffff;text-align:left;}
.tbtail   {padding:9 0 9 0; font-size:13px; background:#FAFAFA; color:dimgray;text-align:left;}

.tbnotcontents   {padding:12 0 12 0; font-size:13px; color:dimgray; background:#ffffff;}

/* Table Content */
.tbtitle   {padding:8 8 8 8; font-weight: bold;color:dimgray;background:#f4f4f4;text-align:left;}
.tbleft   {padding:5; color:dimgray; text-align:left; background:#ffffff;}
.tbright   {padding:5; font-weight:normal;color:dimgray; background:#ffffff;text-align:left;}

.tbline {background:#eceaea; height:1px; padding:0;}






/* 버튼 */
.btn_gray {display:inline-block; padding:5px 15px; color:#666666; margin-right:10px; border:1px solid #cccccc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#E9E9E9)); background:-webkit-linear-gradient(#F7F7F7, #E9E9E9); background:-moz-linear-gradient(#F7F7F7, #E9E9E9); background:-ms-linear-gradient(#F7F7F7, #E9E9E9); background:-o-linear-gradient(#F7F7F7, #E9E9E9); background:linear-gradient(#F7F7F7, #E9E9E9); *-pie-background:linear-gradient(#F7F7F7, #E9E9E9); *behavior:url(../pie/PIE.htc);}
.btn_gray_s {display:inline-block; padding:3px 10px; color:#666666; border:1px solid #cccccc; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#E9E9E9)); background:-webkit-linear-gradient(#F7F7F7, #E9E9E9); background:-moz-linear-gradient(#F7F7F7, #E9E9E9); background:-ms-linear-gradient(#F7F7F7, #E9E9E9); background:-o-linear-gradient(#F7F7F7, #E9E9E9); background:linear-gradient(#F7F7F7, #E9E9E9); *-pie-background:linear-gradient(#F7F7F7, #E9E9E9); *behavior:url(../pie/PIE.htc);}

.btn_block { font-family:inherit; display:inline-block; box-sizing:border-box; padding:18px 15px; line-height:1.5; height:80px; font-weight:bold; text-align:center; color:#ffffff; margin-right:10px; background:#333;}
.btn_block_s {display:inline-block;position:relative; top:1px; font-size:14px; height:30px; line-height:30px; color:#fff; font-weight:bold; padding:0 10px; background:#999;}
.btn_block_b {position:absolute; top:30px; right:35px; display:inline-block; padding:15px; color:#ffffff; margin-right:10px; border:1px solid #444444; background:#6f6f6f; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#6f6f6f), to(#444444)); background:-webkit-linear-gradient(#6f6f6f, #444444); background:-moz-linear-gradient(#6f6f6f, #444444); background:-ms-linear-gradient(#6f6f6f, #444444); background:-o-linear-gradient(#6f6f6f, #444444); background:linear-gradient(#6f6f6f, #444444); *-pie-background: linear-gradient(#6f6f6f, #444444); *behavior:url(../pie/PIE.htc);}

a.btn_gray a:hover, .btn_gray_s a:hover {color:#666666 !important; }
a.btn_block a:hover, .btn_block_s a:hover {color:#ffffff !important;}



/* 검색 */
.btn_search {font-family:Nanum Gothic; color:#fff; font-size:12px; border:1px solid #00abf3; background:#73c4ef; cursor:pointer; height:28px; outline:medium none; width:53px;}
.btn_search a:hover:active:focus {border:0;}

/* 폰트사이즈 */
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font12 {font-size:12px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font22 {font-size:22px;}




/*
	페이징
*/
.paginate {margin-bottom:15px; vertical-align:top; position:relative; width:100%; padding-top:15px; font-size:0; text-align:center; overflow:hidden;}
.paginate div {width:100%; height:12px; _height:11px; overflow:hidden;}
.paginate * {margin:0; padding:0;}
.paginate a,
.paginate strong {display:inline-block; margin:0 5px; color:#999;  vertical-align:bottom; font-family:"Dotum"; font-weight:bold; font-size:14px; text-align:center;  width:35px; height:35px; line-height:37px; border:1px solid #ddd;}
.paginate strong {border:0; color:#fff; background:#333333;}
.paginate a.pre {width:35px; height:35px; display:inline-block; border:none; font-weight:normal;}
.paginate a.next {width:35px; height:35px; display:inline-block; border:none; font-weight:normal;}




.btnBoardSearch{height:44px; line-height:44px; font-size:14px; color:#fff; width:110px; margin:auto; border-radius:8px; display:inline-block; margin:0 5px; text-align:center; font-weight:bold; background:#f37728;}

.text_board_search, .select_board, .btn_board_search {display:inline-block; vertical-align:top; box-sizing:border-box; border:1px solid #ddd; height:48px; line-height:48px; font-size:14px;  font-family:inherit; border-radius:10px;}
.btn_board_search { background:#3c3c3c; color:#fff; width:88px; border:0; font-weight:bold;}
.text_board_search { width:400px; padding:0 15px; margin-right:5px; background:#fff;  margin:0 10px;}
.select_board {width:140px; padding-left:15px; background-position:calc(100% - 15px) center;}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}