@font-face{font-family:NanumGothic;src:url(/font/NanumGothic.ttf);}
@font-face{font-family:NanumGothicBold;src:url(/font/NanumGothicBold.ttf);}
@font-face{font-family:NanumGothicExtraBold;src:url(/font/NanumGothicExtraBold.ttf);}

body{
  background:#f9f9f9;
}

/*스마트 에디터 관련 스타일*/
.active_content div{
  line-height:200%;
}

/*********** 기본적인클래스 시작 ************/
.middle_title_main{font-size:15px;margin:0 0 10px 0;font-weight:bold;color:#333333;}/*로그인 중간 타이틀*/



.css_button_middle{padding:0px;box-sizing:border-box; width:100%;height:40px; font-size:15px; line-height:40px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;font-weight:bold;padding:0px;FONT-FAMILY: "NanumGothic";}
.css_button_middle_gray{padding:0px;box-sizing:border-box; width:100%;height:40px; font-size:15px; line-height:40px;background-color:#eeeeee; border:1px solid #d7d7d7; text-align:center; color:#333333;cursor:pointer;font-weight:bold;FONT-FAMILY: "NanumGothic";}


.css_button_big{padding:0px;box-sizing:border-box; width:100%;height:60px; font-size:20px; line-height:60px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;font-weight:bold;FONT-FAMILY: "NanumGothic";}
.css_button_big_gray{padding:0px;box-sizing:border-box; width:100%;height:60px; font-size:20px; line-height:60px;background-color:#eeeeee; border:1px solid #d7d7d7; text-align:center; color:#333333;cursor:pointer;font-weight:bold;FONT-FAMILY: "NanumGothic";}

.css_button_big_radius{padding:0px;box-sizing:border-box; width:100%;height:50px; font-size:20px; line-height:50px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;font-weight:bold;border-radius:30px;FONT-FAMILY: "NanumGothic";}

.css_button_board_while{border:1px solid #c3c3c3;border-radius:5px;background:#ffffff;color:#333333;font-size:13px;cursor:pointer;FONT-FAMILY: "NanumGothic";}
.css_button_board_orange{border:1px solid #e96f00;border-radius:5px;background:#e96f00;color:#ffffff;font-size:13px;cursor:pointer;FONT-FAMILY: "NanumGothic";}


/*
.css_button{box-sizing:border-box; height:28px; font-size:14px; line-height:25px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;}
*/
.css_button{padding:0 8px 0 8px;box-sizing:border-box; height:28px; font-size:14px; line-height:25px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;FONT-FAMILY: "NanumGothic"; /*font-weight:bold;*/}

.css_button_red{padding:0 8px 0 8px;box-sizing:border-box; height:28px; font-size:14px; line-height:25px;background-color:#eeeeee;border:1px solid #cccccc; text-align:center; color:#333333; cursor:pointer;FONT-FAMILY: "NanumGothic";}
.css_button_blue{padding:0 8px 0 8px;box-sizing:border-box; height:28px; font-size:14px; line-height:25px;background-color:#434343;border:1px solid #434343; text-align:center; color:#fff; cursor:pointer;FONT-FAMILY: "NanumGothic";}
.css_button_red{padding:0 8px 0 8px;box-sizing:border-box; height:28px; font-size:14px; line-height:25px;background-color:#ff6600;border:1px solid #ff6600; text-align:center; color:#fff; cursor:pointer;FONT-FAMILY: "NanumGothic";}
.css_button_white{padding:0 8px 0 8px;box-sizing:border-box;height:28px; font-size:14px; line-height:25px;background-color:#fff; border:1px solid #0f0f0f; text-align:center; color:#0f0f0f;cursor:pointer;font-weight:bold;FONT-FAMILY: "NanumGothic";}
.css_button_gray{padding:0 8px 0 8px;box-sizing:border-box;height:28px; font-size:14px; line-height:25px;background-color:#eeeeee; border:1px solid #d7d7d7; text-align:center; color:#4c4c4c;cursor:pointer;FONT-FAMILY: "NanumGothic";}
.css_button_none{padding:0 8px 0 8px;box-sizing:border-box;border:none;background:none;FONT-FAMILY: "NanumGothic";}
/*********** 기본적인클래스 종료 ************/


/* 게시판 본문내용 */
.board_content{
  margin: 0; 
  padding: 0; 
  FONT-FAMILY: "NanumGothic";
  font-size: 13px; 
  line-height: 1.5;
}

/****************** 페이징처리 스타일 *******************/
.list_page_sel{
  padding:5px;
  margin:3px;
  min-width:28px;
  min-height:28px;
  background:#999999;
  border:1px solid #999999;
  color:#ffffff;
  font-weight:bold;
}
.list_page{
  padding:5px;
  margin:3px;
  min-width:28px;
  min-height:28px;
  background:#ccc;
  border:1px solid #ccc;
  color:#ffffff;
  cursor:pointer;
}

.list_page_gray{
  padding:5px;
  margin:3px;
  min-width:28px;
  min-height:28px;
  background:#eeeeee;
  border:1px solid #dddddd;
  color:#999999;
}
/****************** 페이징처리 스타일 *******************/

* { margin:0;	padding:0; }
ul { list-style:none; }
a { text-decoration:none; }
img { border:0; }

BODY {
  height:100%;
	FONT-SIZE: 13px; COLOR: #666666; 
	FONT-FAMILY: "NanumGothic"; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #B6B6B6; 
	scrollbar-highlight-color: #B6B6B6; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF; 									 	
	scrollbar-arrow-color: #B6B6B6; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();}

html{
  height:100%;
}

TD {
	FONT-SIZE: 13px; line-height:130% COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
SELECT {
	FONT-SIZE: 13px;padding:2px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
INPUT {
	FONT-SIZE: 13px;padding:3px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
DIV {
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: "NanumGothic";
	word-spacing: normal;
	letter-spacing: normal;
	line-height: 18px;
}
FORM {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
TEXTAREA {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
CENTER {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
OPTION {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
PRE {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
BLOCKQUOTE {
	FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: "NanumGothic";
}
.px9 {
	FONT-SIZE: 13px; FONT-FAMILY: "NanumGothic";
}
.px10 {
	FONT-SIZE: 14px; FONT-FAMILY: "NanumGothic";
}
.input {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: white
}

.title {
	FONT-SIZE: 20px; FONT-FAMILY: NanumGothicExtraBold;
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #666666; TEXT-DECORATION: underline; 
}

/*관리자 상단에 선택되었을경우*/
.AdminTop_{font-weight:bold;font-size:14px;text-align:center;background:#DDDDDD;}
/*관리자 상단에 해제되었을경우*/
.AdminTop{font-weight:bold;font-size:13px;text-align:center;;background:#FFFFFF;}

.box3{border:1 solid #DDDDDD;background-color:#ffffff;}


/*아무것도 선언하지 않았을때의 테이블 스타일*/
th {
	font-size:13px;
}





/******************* 기본테이블 스타일시작 *******************/
/* 검색하는 부분의 스타일 */
.searcharea{
	padding:0 0 10px 0;
}

/*list부분*/
.tlist{
  border-collapse: collapse;
}
.tlist thead th{
  height:25px;
  color: #555555;
  padding:1px 0 0 0;
  border-bottom:1px solid #b8b8b8;
  border-top:2px solid #b8b8b8;
  background:#f1f1f1;
}

.tlist tfoot th{
  height:30px;
  padding:0;
}

.tlist tbody th{
  text-align:left;
  color: #555555;
  font-size: 13px;
  font-weight:bold;
  background-color:#f2f2f2;
  border-bottom:1px solid #b8b8b8;
}

.tlist tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #E7E7E7;
  font-weight: normal;
  padding:5px;
}
/*list부분*/

/*read트부분*/
.tread{
  border-collapse: collapse;
}
.tread thead th{
  height:1px;
  padding:0px;
  border-top:1px solid #b8b8b8;
}

.tread tfoot th{
  padding:0;
}

.tread tbody th{
  text-align:left;
  color: #555555;
  font-size: 13px;
  font-weight:bold;
  background-color:#f2f2f2;
  border-bottom:1px solid #b8b8b8;
}

.tread tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #E7E7E7;
  font-weight: normal;
  padding:5px;
}
/*read부분*/

/*write트부분*/
.twrite{
  border-collapse: collapse;
}
.twrite thead th{
  height:1px;
  padding:0px;
  border-top:2px solid #b8b8b8;
}

.twrite tfoot th{
  padding:0px;
  /*border-bottom:1px solid #b8b8b8;*/
}

.twrite tbody th{
  padding:0 0 0 10px;
  text-align:left;
  color: #555555;
  font-size: 13px;
  font-weight:bold;
  background-color:#f2f2f2;
  border-bottom:1px solid #b8b8b8;
}

.twrite tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #E7E7E7;
  font-weight: normal;
  padding:5px;
}
/*write부분*/

/******************* 기본테이블 스타일끝 *******************/


/************** 글쓰기페이지 **************/
.board_list{
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
  width:100%;
  margin-bottom:10px;
}

.board_list .b_left{
  box-sizing:border-box;
  clear:both;
  text-align:left;
  padding-bottom:5px;
  width:100%;
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.board_list .b_center{
  box-sizing:border-box;
  clear:both;	
  width:100%;
}

.board_list .b_right{
  box-sizing:border-box;
  float:left;
  overflow:auto;
  padding:5px 10px 5px 0px;
  font-size:13px;
  color:#999999;
  width:100%;
  text-align:left;
}

.board_list input[type=text]{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.board_list select{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.board_list textarea{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}
/************** 글쓰기페이지 **************/


/************** 글읽기페이지 **************/
.board_read{
  clear:both;
  width:100%;
  padding:5px 0 0px 0;
}
.board_read .b_title{
  padding:10px 0 10px 0;
  font-weight:bold;
  font-size:15px;
}

.board_read .b_left{
  float:left;
  min-width:80px;
  min-height:30px;
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.board_read .b_center{
  float:left;
  min-width:170px;
  min-height:30px;
  font-size:13px;
}

.board_read .b_right{
  float:left;
  min-height:30px;
  padding-left:10px;
  font-size:13px;
  color:#999999;
}
/************** 글읽기페이지 **************/

/******************* 게시판 작성부분시작 ********************/
.board_write_pw{
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
  width:100%;
  margin-bottom:10px;
}

.board_write_pw .b_left{
  box-sizing:border-box;
  clear:both;
  text-align:left;
  padding-bottom:5px;
  width:100%;
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.board_write_pw .b_center{
  box-sizing:border-box;
  clear:both;	
  width:100%;
}

.board_write_pw .b_right{
  box-sizing:border-box;
  float:left;
  overflow:auto;
  padding:5px 10px 5px 0px;
  font-size:13px;
  color:#999999;
  width:100%;
  text-align:left;
}

.board_write_pw input[type=text]
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.board_write_pw select{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.board_write_pw textarea{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}
/******************* 게시판 작성부분종료 ********************/

/********************* 회원정보관련 CSS 시작 **************************/
.member_list{
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
  width:100%;
  margin-bottom:10px;
}

.member_list .b_left{
  box-sizing:border-box;
  clear:both;
  text-align:left;
  padding-bottom:5px;
  width:100%;
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.member_list .b_center{
  box-sizing:border-box;
  clear:both;	
  width:100%;
}

.member_list .b_right{
  box-sizing:border-box;
  float:left;
  overflow:auto;
  padding:5px 10px 5px 0px;
  font-size:13px;
  color:#999999;
  width:100%;
  text-align:left;
}

.member_list input[type=text],input[type=password]{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.member_list select{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}

.member_list textarea{
  box-sizing:border-box;
  padding:10px;
  font-size:18px;
  border:1px solid #ebebeb;
}
/********************* 회원정보관련 CSS 종료 **************************/


/*하단에 버튼*/
.divbutton{
  clear:both;
  text-align:center;
  margin:20px 0 10px 0;
  width:100%;
}


/****************** 좌측메뉴 스크롤 디자인 시작 ********************/
.left_menu_scroll {
  width: 250px;
  height: 140px;
  overflow: auto;
}
.left_menu_scroll::-webkit-scrollbar {
  width: 10px;
}
.left_menu_scroll::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 10px;
}
.left_menu_scroll::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
  margin:5px 0 5px 0;
}
/****************** 좌측메뉴 스크롤 디자인 종료 ********************/

/*********** 상단퀵링크 스트롤디자인 ************/
.top_quick_link_scroll {
  overflow: auto;
}
.top_quick_link_scroll::-webkit-scrollbar {
  height:5px;
  width:5px;
}
.top_quick_link_scroll::-webkit-scrollbar-thumb {
  background-color: #4bb749;
  border-radius: 10px;
  height:5px;
  width:5px;
}
.top_quick_link_scroll::-webkit-scrollbar-track {
  background-color: #93d291;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
  margin:5px 0 5px 0;
}

/* 상단 퀵메뉴 기본 */
.top_quick_div{
  box-sizing:border-box;float:left;padding:0 1px;cursor:pointer;position:relative;
}

/* 상단 메뉴더보기 */
.top_quick_more{
  width:20px;height:20px;line-height:15px;text-align:center;color:#ffffff;background:#000000;opacity:0.5;position:absolute;right:0px;top:3px;font-weight:bold;font-size:12px;border-radius:50%;padding:3px;box-sizing:border-box;
}
.top_quick_more_menu{
  position:absolute;z-index:9999;top:0;left:0;background:#ffffff;padding:3px;border:1px solid #dddddd;box-shadow:#333333 3px 3px 3px;
}

.top_quick_menu{
  list-style:none;
  margin:0;
  padding:0px 0;
}

.top_quick_menu li{
  font-size:13px;
  padding:5px 5px;
  cursor:pointer;
  white-space:nowrap;
  background:#ffffff;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

/* a 태그도 전체영역 클릭되게 */
.top_quick_menu li a{
  display:block;
  color:#333;
  text-decoration:none;
}

/* 마우스 올렸을 때 */
.top_quick_menu li:hover{
  background:#eeeeee;
  color:#000;
}

.top_quick_menu li:hover a{
  color:#000;
}

/*상단 파비콘 div */
.top_quick_fav_div{
  position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;
}

/*상단 파비콘 div > 이미지*/
.top_quick_fav_img{
  margin-top:4px;padding:9px;background:#dddddd;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;
}

/* 상단 링크 썸네일 이미지관련*/
.top_quick_thum{
  position:relative;overflow:hidden;width:100%;height:100%;  
}

/*********** 상단퀵링크 스트롤디자인 ************/

/********************* 이미지 줌인 줌아웃 시작 ***********************/
.img_zoom{
  transition: transform .2s;
  margin: 0 auto;
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering: -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;

}
.img_zoom:hover{transform:scale(1.05);}
/********************* 이미지 줌인 줌아웃 종료 ***********************/

/* 상단 링크 이미지 */
.fav_img_link{
  
}


/* 상단 개인메뉴 */
.c_top_menu_member div{
  padding:5px 5px 5px 10px;
  height:50px;
  line-height:40px;
  box-sizing:border-box;
  font-size:15px;
  border-top:1px solid #dddddd;
  FONT-FAMILY: "NanumGothic";
}



/************ 서브상단 메뉴관련 *************/
.top_menu_middle {
  border-collapse: collapse;
}

table td.tab_td {
  border-collapse: collapse;
  border: 1px solid #dddddd;
  background:#ffffff;
  box-sizing:border-box;
  padding:10px 3px 10px 3px;
  line-height:120%;
  font-size:15px;
  cursor:pointer;
}

table td.tab_td_on {
  border-collapse: collapse;
  border: 1px solid #dddddd;
  background:#dddddd;
  box-sizing:border-box;
  padding:10px 3px 10px 3px;
  line-height:120%;
  font-size:15px;
  cursor:pointer;
}

.top_menu_small {
  font-size:14px;
  border:1px solid #dddddd;
  background:#ffffff;
  border-radius:20px;
  margin:5px;
  padding:8px 10px 8px 10px;
  box-sizing:border-box;
  cursor:pointer;
  display:inline-block;
}
/************ 서브상단 메뉴관련 *************/


input::placeholder {
  color:#bbbbbb;
}
textarea::placeholder {
  color:#bbbbbb;
}


/* 유뷰트 동영상 플레이어 반응형으로 적용하기 위한 부분 */
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}