@charset "utf-8";
/* -------------------------------- 
 * Author	:  Son Hyun Kyung
 * Date  :  2020-06-19
 * -------------------------------- */
/* bbs 공통 */
.blind		{   width:0px;  height:0px;  visibility:hidden;  display:none; overflow: hidden; }
.scroll { overflow-y: auto;  }
.orange {    font-weight: bold;    color: #f25400; }

/***************** Button_Type *****************/
button {  border:0;  cursor:pointer;  /*margin: 0 0 0 5px;*/  }
button[disabled] {opacity: 0.6;filter: alpha(opacity=50);cursor: not-allowed;}

/*  투명 */
.btn_trans  {  display:inline-block; padding:0 20px 0 20px;  height:45px; line-height:45px;  color:#666;  background:transparent; text-align:center; font-weight:bold; vertical-align:middle ; }

/*  네이비 */
.btn_navy  {  display:inline-block; padding:0 40px 0 40px;  height:45px; line-height:45px;  color:#fff;  background:#2c5f94; text-align:center; font-weight:400; vertical-align:middle ; }
.btn_navy:hover	{ background:#5099fb;}

/*  블루 */
.btn_blue{  display:inline-block; padding:0 40px 0 40px; height:45px; line-height:45px; background-color:#1583d6; text-align:center;text-decoration:none; font-weight:400;  color: #fff;    vertical-align:middle ;          }
.btn_blue:hover { background-color:#165ea5}

/* 그레이 */
.btn_grey{  display:inline-block; padding:0 40px 0 40px; height:45px; line-height:45px; background-color:#999; text-align:center;text-decoration:none;   font-weight:400;  color: #fff;    vertical-align:middle ;          }
.btn_grey:hover{ background-color:#9f9f9f;}

/* 화이트  */
.btn_white	{  display:inline-block; padding:0 40px 0 40px;  height:45px; line-height:45px; background-color:#fff; text-align:center;text-decoration:none; font-weight:400;  color: #888;  border:1px solid #d4d4d4;     vertical-align:middle ;        }
/*.btn_white:hover	{   background-color:#f5f5f5;  }*/

/* 레드*/
.btn_red {  display:inline-block; padding:0 40px 0 40px; height:45px; line-height:45px; background-color:#7b0024; text-align:center;text-decoration:none;   font-weight:400;  color: #fff;     vertical-align:middle ;         }
.btn_red:hover{ background-color:#aa0032;}

/* 그린*/
.btn_green {  display:inline-block; padding:0 40px 0 40px; height:45px; line-height:45px; background-color:#1e6c42; text-align:center;text-decoration:none;   font-weight:400;  color: #fff;      vertical-align:middle ;        }
.btn_green:hover{ background-color:#2bad67;}

/* 퍼플 */
.btn_purple {  display:inline-block; padding:0 40px 0 40px; height:45px; line-height:45px; background-color:#7266ba; text-align:center;text-decoration:none;   font-weight:400;  color: #fff;      vertical-align:middle ;        }
.btn_purple:hover{ background-color:#9487e0;}

/*  버튼온 */
.btn_on {  background-color:#fa951c !important;   color: #fff  !important;            }

/********************* bbs_list_style *********************/
/* bbs_list_style_공통 */
/* 써치그룹 */
.search_grop {   margin: 0 0 30px 0;  text-align: right;  }
.search_grop input[type="text"]{  padding:  0px 10px;  }
.search_grop input[type="text"]::placeholder {  color: #999;  }
.search_grop input[type="text"]::-webkit-input-placeholder {  color: #999;  }
.search_grop input[type="text"]:-ms-input-placeholder {  color: #999;  }
.search_grop select {      padding: 0 20px 0 10px;    margin: 0 5px 0px 0;}
.search_grop label {  font-size:0;  display: none; }

/*  써치그룹버튼 */
.b_search_box {  position:relative;   }
.public_search_btn  {  display:inline-block;  width:40px; height:40px; line-height:40px;  color:#fff;  background:#999; text-align:center; font-weight:bold; vertical-align:middle ;  margin: 0 0 0 -6px;  font-size: 23px;  position: absolute;    right: 0;}
.public_search_btn:hover	{ background:#c7c7c7;}

/* bbs 페이징 */
.bbs_num				{  position:relative; width:100%;   text-align:center;  margin:20px 0 5px 0; clear: both; }
.bbs_num span		{  display: inline-block;  min-width:40px;  line-height:40px;  color: #666;  font-weight: 400;  font-size: 16px;  margin: 0 0 5px 0;  }
.bbs_num .on		{  font-weight: 500;   text-decoration: underline;  }
.bbs_num span em {  height: 0px;    width: 0px;    overflow: hidden;    display: none; }
.bbs_num div em	{  height: 0px;    width: 0px;    overflow: hidden;    display: none; }

/* bbs_list_1_태그 */
.bbs_list_1		{  width:100%;  margin:10px 0 10px 0;  border-top:2px solid #7b0024;  }
.bbs_list_1 > li	{       text-align:center;       display: inline-flex;     table-layout: fixed;  width: 100%;   padding: 20px 20px 26px 20px;   border-bottom:1px solid #ccc;  color:#666;  vertical-align: top;    }
.bbs_list_1 .b_img_area  {  position: relative;   display: inline-block; min-width: 209px;  width: 274px; height: 153px;  margin: 4px 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #fff ; border: 1px solid #ccc; }
.bbs_list_1 .b_img_area img {     width: 100%;  height:100%; max-height:153px; object-fit:cover;}
.bbs_list_1 .b_img_area a  {display: block;    height: 100%;   } 
.bbs_list_1 .b_text_area  {  position: relative;   display: inline-block;  width: 100%;  text-align: left; vertical-align: top; min-width: 240px; }
	.bbs_list_1 .b_text_area .b_title    {  padding: 16px 0px 20px 0; }
	.bbs_list_1 .b_text_area .b_title a  { max-width: calc(100% - 50px);  display:inline-block;  vertical-align: middle;  font-size: 18px;  font-weight: 500;  color: #252525;  
	text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap ;  }  /* 1줄말줄임 */
	.bbs_list_1 .b_text_area .b_title a:hover {  color:#7b0024;  }
	.bbs_list_1 .b_text_area .b_text a {  display: block;    margin: 0 0 10px 0;    width: 100%;    height: 47px;    line-height: 24px;    color: #666;  
	display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden; word-break: break-all; } /* 2줄말줄임 */
	.bbs_list_1 .b_text_area .b_text a:hover {  color:#7b0024;  }
	.bbs_list_1 .b_text_area .b_info  {    width: 55%;  line-height: 25px;  display: inline-block; float: left;   }
	.bbs_list_1 .b_text_area .b_info span:nth-child(1) {    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap ;   }
	.bbs_list_1 .b_text_area .b_info span  {  color: #666;     margin: 0 0px 0 0;      display: inline-block;  vertical-align: middle;  font-size: 13px;}
	.bbs_list_1 .b_text_area .b_info span:after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 6px 0 10px ;    display: inline-block; }
	.bbs_list_1 .b_text_area .b_info span:last-child:after {  display:none;  }
	.bbs_list_1 .b_text_area .b_tag  {  width: 45%;  line-height: 25px; height: 25px;  display: inline-block; text-align: right;  overflow: hidden; }
	.bbs_list_1 .b_text_area .b_tag strong  {  margin:0 0 0 10px;  font-weight: 500;  background: #eee;  padding: 2px 4px; }

	/* bbs_list_1_노티스뉴아이콘 */
	.notice_icon  {     display: inline-block;    padding: 0 5px 0 5px;    height: 25px;    line-height: 25px;    color: #fff;    background: #ff7200;    text-align: center;    font-weight: bold;    vertical-align: middle; }
	.new_icon  {  display: inline-block;    padding: 0 5px 0 5px;     margin: 0 6px 0 0;   height: 18px;    line-height: 20px;    color: #fff;    background: #7b0024;   text-align: center;    font-weight: bold;    vertical-align: middle;    font-size: 11px;      border-radius: 2px;  }

/* bbs_list_3_자료실 */
.bbs_list_3		{  width:100%;  margin:10px 0 10px 0;  border-top:2px solid #7b0024;     display: inline-block; }
.bbs_list_3 li		{   text-align:center;     display: table;     table-layout: fixed;  width: 100%;   padding: 16px 20px 22px 20px;   border-bottom:1px solid #ccc;  color:#666;  vertical-align: top;    }
.bbs_list_3 .b_text_area  {  position: relative;   display: table-cell;  width: 100%;  text-align: left; vertical-align: top; padding: 0 0 0 0px; }
	.bbs_list_3 .b_text_area .b_title    {  padding: 20px 0px 20px 0; }
	.bbs_list_3 .b_text_area .b_title   { max-width: calc(100% - 0px);  display:block;       vertical-align: middle;     font-size: 18px;       font-weight: 500;  color: #252525;   }
	.bbs_list_3 .b_text_area .b_text  {  display: block;    margin: 0 0 10px 0;    width: 100%;   height: auto;   color: #666;  line-height: 26px; }
	.bbs_list_3 .b_text_area .b_info  {    width: 55%;  line-height: 25px;  display: inline-block; float: left;   }
	.bbs_list_3 .b_text_area .b_info span:nth-child(1) {    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap ;   }
	.bbs_list_3 .b_text_area .b_info span  {  color: #666;     margin: 0 0px 0 0;      display: inline-block;  vertical-align: middle;  }
	.bbs_list_3 .b_text_area .b_info span:after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 10px 0 10px ;    display: inline-block; }
	.bbs_list_3 .b_text_area .b_info span:last-child:after {  display:none;  }

	/* bbs_list_3_다운로드버튼*/
	.btn_down_area {  display: inline-block;    position: absolute;    right: 0;    top: 30%;  }
	.btn_down {  display:inline-block; padding:0 10px 0 40px; height:45px; line-height:45px; background-color:#fff; outline:1px solid #ccc;  text-align:center;text-decoration:none;   font-weight:500;  color: #252525;     vertical-align:middle ;     background: url(../images_user/btn_down.png)  10px 50%   no-repeat;     }
	.btn_down:hover{ background-color:#f4f4f4;}

	/* bbs_list_3_상단이미지*/
	.top_img {  background:url(../images_user/song_bg.png) 0 0/cover no-repeat ; width:100%; height:210px;     margin: 0 0 30px 0;   padding: 70px 0 0 90px;    }
	.top_img p {  color:#fff;     font-size: 23px;    line-height: 36px;    font-weight: 500;  }
	.top_img em {  color:#fff;   }

/* bbs_list_4_faq */
.bbs_list_4	{  border-collapse: collapse; width:100%;  margin:10px 0 10px 0;  border-top:2px solid #7b0024;  }
.bbs_list_4 dt		{   font-weight:bold;   color:#252525;  border-bottom:1px solid #e2e3e4;  cursor: pointer;     padding: 15px 0; background: url(../images_user/faq_down_icon.png)  96% 50%  no-repeat;  }
.bbs_list_4 dt.on {  background: url(../images_user/faq_up_icon.png)  96% 50%  no-repeat;  }
.bbs_list_4 dt:hover		{  background-color: #fff1f1;     cursor: pointer;   }
.bbs_list_4 dd	{   border-bottom:1px solid #e2e3e4;  color:#222;     padding: 20px 20px 20px 0;  background:#f8f8f8;  }
.q_category { position: absolute;  margin: 6px 0 0 0;   color: #7b0024; font-weight: 400; width: 125px;    display: inline-block;    text-align: center;  }
.q_icon {  position: absolute;    margin:6px 0 0 112px;  display:inline-block; width:30px; height:30px;  text-align:center;   font-weight:500;  color: #7b0024;  }
.a_icon {  display:inline-block; width:30px; height:30px; text-align:center;  font-weight:500;  color: #666;    margin: 0 0 0 112px;     position: absolute;  }
.bbs_list_4 div {  line-height:30px;  padding: 0 85px 0 157px;  display:inline-block; /* text-align: justify; */ word-break: break-all;}

/* bbs_list_5_갤러리 */
.bbs_list_5		{width:100%;  margin:0px 0 10px 0;  border-top:2px solid #7b0024;  }
.bbs_list_5 li		{       text-align:center;       display: inline-block;   width: 33%;   padding: 30px 12px ;   color:#666;  vertical-align: top;    }
.bbs_list_5 .b_img_area  {  position: relative;       width: 100%;    height: 16.5vw; max-height: 206px;     margin: 0 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #fff ;     border: 1px solid #ccc; }
.bbs_list_5 .b_img_area img {  width:100%; height:100%;  }
.bbs_list_5 .b_img_area a  {display: block;    height: 100%;} 
.bbs_list_5 .b_text_area  {  position: relative;   width: 100%;  text-align: left; vertical-align: top; }
	.bbs_list_5 .b_text_area .b_title    { max-width: calc(100% - 50px);  height: 45px;  margin: 20px 0px 10px 0;     overflow: hidden;  /* display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;  */ }
	.bbs_list_5 .b_text_area .b_title div   {      vertical-align: middle;    display: table-cell;    height: 45px; }
	.bbs_list_5 .b_text_area .b_title div  a  {   font-size: 18px;    font-weight: 500;    color: #252525;    line-height: 25px;}
	.bbs_list_5 .b_text_area .b_text div  a {  display: block;    margin: 0 0 10px 0;    width: 100%;    height: 47px;    line-height: 23px;    color: #666;   }
	.bbs_list_5 .b_text_area .b_info  {    width: 100%;  line-height: 25px;  display: inline-block; float: left;   }
	.bbs_list_5 .b_text_area .b_info span:nth-child(1) {   width: 100%;  text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap ;   }
	.bbs_list_5 .b_text_area .b_info span:nth-child(1):after,.bbs_list_5 .b_text_area .b_info span:nth-child(3):after,.bbs_list_5 .b_text_area .b_info span:nth-child(5):after {  display:none;  }
	.bbs_list_5 .b_text_area .b_info span  {  color: #666;     margin: 0 0px 0 0;      display: inline-block;  vertical-align: middle;  }
	.bbs_list_5 .b_text_area .b_info span:after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 6px 0 10px ;    display: inline-block; }
	/* bbs_list_5_좋아요버튼*/
	.btn_favorite { display: inline-block;    width: 30px;    height: 26px;    line-height: 26px;     text-align: center;    text-decoration: none;    font-weight: 500;    color: #252525;    vertical-align: middle;    background: url(../images_user/favorite_off.png) 0px 0 / cover  no-repeat;  position: absolute;    right: 0;    top: 25%;}
	.btn_favorite:hover{ background: url(../images_user/favorite_on.png) 0px 0 / cover  no-repeat; }
	.btn_favorite.on {  background: url(../images_user/favorite_on.png) 0px 0 / cover  no-repeat;  }
	.btn_favorite:active,.btn_favorite:focus {  outline: 0;   transition: all .5s;    }


/********************* bbs_view_style *********************/
/* bbs_view_style_공통 */
/* 보기페이지_첨부파일리스트형 bbs_attach */ 
.bbs_attach {  width:100%; background:#f8f8f8;  border-spacing: 0px 10px;    }
.bbs_attach {  width:100%; background:#f8f8f8;  border-spacing: 0px 10px;  !important; }
.bbs_attach th {      text-align: left;      padding: 0 0 0 20px;  }
.bbs_attach td:nth-child(3) {border-left: 1px solid #e2e3e4;}
.bbs_attach .file_list_scroll {/*   height:110px;  overflow-y: auto;  */  padding:3px;     margin: 10px 0;  }
.bbs_attach .file_list li   {  padding: 5px 0 5px 20px; word-break: break-all;}
.bbs_attach .file_list li a {  color:#666;  text-underline-position: under;    text-decoration: underline solid #ccc;  } /*텍스트데코레이션*/
.bbs_attach .btn_attach {     width: 100px;    height: 34px;    background: url(../images_user/btn_down.png) 50% 50%  no-repeat;      border: 0;  }
.bbs_attach .file_list_scroll {  border:0; width: 97%;  } 

/* 쓰기페이지_첨부파일리스트형 */ 
.attach_list_st {   display: inline-block; }
.attach_list_st label {   padding: 10px 20px 10px 20px;    background-color: #fff;    text-align: center;    text-decoration: none;    font-weight: 500;    color: #252525;    border: 1px solid #cccccc;    vertical-align: middle;  }
.attach_list_st label input {    position:absolute;    width:0;    height:0;    overflow:hidden;}
.file_list {  width:100%;  }
.file_list tr {  padding:5px 0 5px 0;    border-bottom: 1px dotted #ccc;   }
.file_list td {  padding: 0 !important;  }
.file_list_scroll {  /* height:90px; 라인 안맞아서 수정-김감 */ border:1px solid #ccc;   overflow-y: scroll; padding:3px;     margin: 10px 0; }
/* 삭제버튼  */
.btn_attach	{  display:inline-block; padding:0 15px 0 15px;  height:30px; line-height:30px; background-color:#fff; text-align:center;text-decoration:none; font-weight:500;  color: #888;  border:1px solid #d4d4d4;     vertical-align:middle ;        }
.btn_attach:hover	{   background-color:#f5f5f5;  }

/* 이전다음글 */
.pager_area {    border-collapse: collapse;   width:100%;  border-top: 1px solid #e2e3e4;   margin: 50px 0 0 0; }
.pager_area th {  width: 13%;  padding: 21px;  border-bottom: 1px solid #e2e3e4;  color:#252525;  }
.pager_area th i {  color:#bbb; margin:0 0 0 5px;   }
.pager_area td {  border-bottom: 1px solid #e2e3e4;  color:#333; }
.pager_area td a { display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden; }

/* 댓글영역 */
.comment_area {  margin: 50px 0 0 0;  }
.comment_area h3 {  background: url(../images_user/bubble_on.png) 0% 50% no-repeat; padding: 5px 0 0 24px; margin: 0 0 20px 0;  font-size: 18px;  color: #666; }
.comment_area h3 strong {  color:#7b0024; font-size: 18px; }
.comment_box {  border:1px solid #999;  background: #fff;  margin: 0 20px;   }
	.comment_input  {  padding: 10px;  }
	.comment_input textarea {  border: 0;} 
	.comment_button  {  border-top:1px solid #e2e3e4; padding: 10px;    text-align: right; }
	.comment_button label {  vertical-align: middle;   color:#666;  }
	.c_bt {  padding:0 15px 0 15px; height: 35px;    line-height: 35px;  }
.comment_area .hr {  display: block;  border-bottom:1px solid #e2e3e4;    margin: 20px 0 20px 0;   }
.comment_area .c_title {  font-size: 15px;    color: #666;    font-weight: 300;     padding: 0 0 20px 0; }
.comment_area .c_title strong {     font-weight: 500;    font-size: 15px; }
.comment_area .c_title .c_bt_ico {  background: url(../images_user/bubble_off.png) 0% 50% no-repeat;    padding: 0 5px 0 25px;    height: 35px;    line-height: 35px;  }
.comment_area .c_title span  {  color: #666;     margin: 0 10px 0 0;      display: inline-block;  vertical-align: middle;  font-weight: 400; line-height: 35px; }
.comment_area .c_title span:nth-child(1):after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 10px 0 10px ;    display: inline-block; }
.comment_area .c_title span:nth-child(1)  {  color:#252525;  }
.comment_area .c_title span:nth-child(2) {  font-size:13px;  }
.comment_area .c_title span:nth-child(3) {  float: right;  }
.c_box { padding: 0 0 0 20px; }
.c_box span {  color:#999;  }
.comment_box1 {margin: 20px 0 0 0; border-bottom: 1px solid #e2e3e4; }
.comment_box2 { background:#f8f8f8;  padding: 20px 20px 30px 20px; margin: 20px 0; }
.comment_box2 .comment_box  {  margin-left:30px  }
.comment_box3   {      padding: 0px 20px 20px 20px ;      margin: 20px 0 0 0;  line-height: 21px; border-bottom: 1px solid #e2e3e4; }
.comment_input textarea { border : 1px solid #e2e3e4;}
.commentEditBox { border : 1px solid #e2e3e4;}

/* bbs_view_1_태그연관콘텐츠  */
.bbs_view_1				{  border-collapse: collapse; width:100%;  padding:10px;     border-bottom: 1px solid #999;    margin: 0 0 50px 0; }
.bbs_view_1	thead {  border-bottom: 2px solid #7b0024;  }
.bbs_view_1	thead th  {    font-weight:500;   text-align:left;  background:#fff;    padding: 0px 0 20px 0;  color:#666;  display: flex; justify-content: space-between;  }
.bbs_view_1	thead .bbs_view_title {  display: inline-block;  font-size: 27px; line-height: 35px;  }
.bbs_view_1	.new_icon {margin: 0 0 9px 10px;}
/* .bbs_view_1 .b_info  {    width: 80%;  display: inline-block; float: left;      margin: 7px 0 0 0; } */
.bbs_view_1 .b_info  {    display: inline-block; float: left;      margin: 7px 0 0 0; }
.bbs_view_1 .b_info span  {  color: #666;     margin: 0 0px 0 0;      display: inline-block;  vertical-align: middle;  font-weight: 400; }
.bbs_view_1 .b_info span:after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 10px 0 10px ;    display: inline-block; }
.bbs_view_1 .b_info span:last-child:after {  display:none;  }
.b_sns {  width: 120px;    display: inline-block; display: flex; justify-content: flex-end;}
.b_sns  a {  display:inline-block;  font-size: 0;    width: 30px;    height: 30px;   }
.b_sns_facebook {  background: url(../images_user/b_sns_facebook.png) 0 0 /cover no-repeat;    }
.b_sns_facebook:hover {  background: url(../images_user/b_sns_facebook_on.png) 0 0 /cover no-repeat;    }
.b_sns_kakaostory  {  background: url(../images_user/b_sns_kakaostory.png) 0 0 /cover no-repeat;    }
.b_sns_kakaostory:hover   {  background: url(../images_user/b_sns_kakaostory_on.png) 0 0 /cover no-repeat;    }
.b_sns_url  {  background: url(../images_user/b_sns_url.svg) 0 0 /cover no-repeat;    }
.b_sns_url:hover   {  background: url(../images_user/b_sns_url_on.svg) 0 0 /cover no-repeat;    }
.b_sns_twitter  {  background: url(../images_user/b_sns_twitter.png) 0 0 /cover no-repeat;    }
.b_sns_twitter:hover   {  background: url(../images_user/b_sns_twitter_on.png) 0 0 /cover no-repeat;    }
.bbs_view_1 td .content{  padding:50px 20px; /*line-height: 25px;*/   }
.bbs_view_1 td .content img{  max-width: 100%; /* margin-bottom: 20px; */ }
.bbs_view_1 .b_tag  {   display: block;     overflow: hidden;    padding: 0 0 50px 0; }
.bbs_view_1 .b_tag strong  {  display: inline-block;  margin: 0 10px 10px 0 ;  font-weight: 500;  background: #eee;  padding: 2px 4px; }

/* 이미지설명영역 */
.img_description {  padding:20px 0; text-align:center; font-weight:500;   }

/* 연관콘텐츠 */
.bbs_connect_area { border-top:1px solid #e7e7e7;   margin: 50px 0 0px 0;    padding: 33px 0 0 0;    display: inline-block;   }
.bbs_connect_area h3 {  font-size:21px; color: #252525;  }
.bbs_connect		{  width:100%;   }
.bbs_connect li		{  float: left;  text-align:center;       display: inline-block;   width: 25%;   padding: 20px 0px ;   color:#666;  vertical-align: top;    }
.bbs_connect .b_img_area  {  position: relative;       min-width: 210px;    height: 160px;  margin: 0 30px 0 0;  background:url(../images_user/thum_img.png) no-repeat center #eee ;  }
.bbs_connect .b_img_area  img {  width:100%; height:100%;  }
.bbs_connect .b_img_area a  {display: block;    height: 100%;     border: 1px solid #ccc;  } 
.bbs_connect .b_text_area  {  position: relative;   width: 100%;  text-align: left; vertical-align: top; }
	.bbs_connect .b_text_area .b_title    {  height: 42px;  margin: 20px 0px 10px 0;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;     }
	.bbs_connect .b_text_area .b_title a  {   font-size: 17px;    font-weight: 500;    color: #333;    line-height: 22px;}
	.bbs_connect .b_text_area .b_text a {  display: block;    margin: 0 0 10px 0;    width: 100%;    height: 47px;    line-height: 23px;    color: #666;   }
	.bbs_connect .b_text_area .b_info  {    width: 100%;  line-height: 25px;  display: inline-block; float: left;   }
	.bbs_connect .b_text_area .b_info span:nth-child(2):after {  display:none;  }
	.bbs_connect .b_text_area .b_info span  {  color: #666;     margin: 0 0px 0 0;      display: inline-block;  vertical-align: middle;  }
	.bbs_connect .b_text_area .b_info span:after {  content: '';    width: 0px;    height: 10px;    border-right: 1px solid #eaeaea;    margin: 0px 10px 0 10px ;    display: inline-block; }

/* bbs_view_5_갤러리 */
.btn_favorite_gallery {  position: relative;    width: 17px;    height: 15px;  }

/* bbs_write 게시판글쓰기 */
.bbs_write  { border-collapse: collapse;  width:100%; margin:10px 0 30px  0; border-top:2px solid #e2e3e4; }
.bbs_write th  {  width:100px;  font-weight:500;  text-align:left; background:#fff;  color:#666;   padding:20px 5px 20px 20px; border-bottom:1px solid #e2e3e4; }
.bbs_write  td  { height: 35px;    line-height: 35px; font-weight:400; color:#666; text-align:left;   padding: 20px 5px 20px 20px ; border-bottom:1px solid #e2e3e4; }
.bbs_write td.content{ width:100%; min-height: 300px; vertical-align:top;     padding: 5px;    }
.bbs_write.alce th	{text-align:center !important; }
.bbs_write.alce td	{text-align:center !important; }

.m_br {  display:none;   }

/* added by psk 20200821 */
.select_area {  position:relative;  }
.b_box {display: none; position: absolute;    top: 40px;    left: 1px;    width: 300px;  height: 200px; overflow-y: scroll;  z-index: 50;    padding: 10px;    background: #fff;    border: 1px solid #ccc;    text-align: left;}
.b_box li {  line-height:30px;   }
.b_box li a:hover {  color:#7b0024; font-weight:500;  }
.select_area.on > .b_box {    display: block;  }

/*   */
.select_area2 {  position:relative;  }
.b_box2 {display: none; position: absolute;    top: 40px;    left: 1px;    width: 300px;  height: 200px; overflow-y: scroll;  z-index: 50;    padding: 10px;    background: #fff;    border: 1px solid #ccc;    text-align: left;}
.b_box2 li {  line-height:30px;   }
.b_box2 li a:hover {  color:#7b0024; font-weight:500;  }
.select_area2.on > .b_box2 {    display: block;  }

/* added by 김감 */
#addr1 {width: 600px;}
#addr2 {width: 600px;}
#addr3 {width: 600px;}
#addr4 {width: 600px;}
#r_addr1 {width: 600px;}
#r_addr2 {width: 600px;}
#r_addr3 {width: 600px;}
#r_addr4 {width: 600px;}
#rc_addr1 {width: 600px;}
#rc_addr2 {width: 600px;}
#rc_addr3 {width: 600px;}
#rc_addr4 {width: 600px;}
#c_addr1 {width: 600px;}
#c_addr2 {width: 600px;}
#c_addr3 {width: 600px;}
#c_addr4 {width: 600px;}

#email1 {width:200px;}
#email2 {width:200px;}




/************************************* 반응형모바일레이아웃 *************************************/
/* pc  1200px*/
@media screen and (max-width:1200px) {

.bbs_list_5 .b_img_area  { height: 23.2vw; max-height:none;  }

/* 타블렛 대 1000px*/
@media screen and (max-width:1000px) {


}




/* 타블렛 소 767px */
@media screen and (max-width:767px) {
	


.search_grop select[id="class_category"]  {width: 100% ;   float:left; }
.search_grop select[id="search_category"]  {width: 100%;    margin: 0 0 10px 0;   float:right;   }
.search_grop input[type="text"]  {width: 100% !important;}
.search_grop {    margin: 0 0 0px 0;}
.search_grop .b_search_box {      width: 100%;   display: inline-table;    margin: 0 0 10px 0;}
.mw100 {      width: 100% !important;   }
.bbs_num span {min-width: 25px;    font-size: 13px;    line-height: 25px;}
.q_category {  display:none;  }
.bbs_list_4 div {padding: 0 45px 0 40px;     line-height: 23px;  }
.bbs_list_4 dd {padding: 10px 0px 10px 0;}
.q_icon {margin: 0 0 0 0;}
.a_icon {margin: 0 0 0 0;}
.bbs_list_4 dt   {background-size: 20px;}
.btn_down_area {width: 100%;    position: relative;    margin: 10px 0 0 0;}
.bbs_list_5 li {width: 48.7%; border-bottom:1px solid #e2e3e4; }
.bbs_list_5 .b_text_area .b_info span:nth-child(3):after {  display:inline;  }
.btn_favorite {position: relative;    width: 17px;    height: 15px;    margin: 2px 0 0 7px;}
.bbs_view_1 td .content {padding: 20px 0px;}
.bbs_attach th span {display:none;}
.btn_attach {  width: 40px;}
.bbs_connect_area h3 {  font-size: 18px;  }
.bbs_connect .b_img_area  {    min-width: 100%;    height: 115px;}
.bbs_connect .b_text_area .b_title a {font-size: 15px;}
.m_bt {    padding:0 20px 0 20px;    height: 35px;    line-height: 35px;     margin: 20px 0 0px 0 !important;  }
.pager_area th {    width: 24%;    padding: 15px 0;}
.comment_area .c_title span {  margin:0;  }
.comment_box {  margin:0;  }
.comment_box2 {padding: 10px 10px 10px 10px;}
.comment_box2 .comment_box {    margin-left: 10px;}
.comment_box3 {    padding: 0 0 20px 0;}
.comment_area .c_title span:nth-child(1):after {    margin: 0px 5px 0 5px;}
.bbs_write th {    width: 100%;    display: block ;    height: auto;    border: 0;	padding: 20px 0px 0px 0;}
.bbs_write td{width: 100%;    display: block ;    height: auto;     border: 0;  padding: 5px 0px;}
.m_th {   display: inline-block !important;    width: fit-content !important;    padding: 15px 18px 15px 0 !important;  }
.m_td {    display: inline !important;    width: fit-content !important; border: 0 !important; }
.m_line  {border-bottom: 1px solid #e2e3e4;}
.m_line input[type="text"], select { margin: 0 0 10px 0;    }
.m_100 {    width: 100% !important;}
.m_90 {    width: 90% !important;}
.m_br {  display:block;   }
.block {  display: block !important;}
.top_img {padding: 35px 0 0 20px;  height: 155px;  }
.top_img p {      font-size: 20px;    line-height: 29px;  }
.bbs_list_5 .b_img_area img {  height:auto;   }
.comment_area .c_title span:nth-child(3)  {    float: none;}
.search_grop select {    margin: 0px 5px 5px 0;      width: 100%;  }

.bbs_list_1 .b_text_area .b_title    {  padding: 10px 0 12px 0; }
.bbs_list_1 .b_text_area .b_title a {    max-width: calc(100% - 50px);}


.bbs_list_5 .b_img_area  { height: 33.9vw; }

/*.btn_red {  margin: 0 !important;} by kjk*/


/* added by 김감 */
#addr1 {width: 100%;}
#addr2 {width: 100%;}
#addr3 {width: 100%;}
#addr4 {width: 100%;}
#r_addr1 {width: 100%;}
#r_addr2 {width: 100%;}
#r_addr3 {width: 100%;}
#r_addr4 {width: 100%;}
#rc_addr1 {width: 100%;}
#rc_addr2 {width: 100%;}
#rc_addr3 {width: 100%;}
#rc_addr4 {width: 100%;}
#c_addr1 {width: 100%;}
#c_addr2 {width: 100%;}
#c_addr3 {width: 100%;}
#c_addr4 {width: 100%;}

#email1 {width:47%;}
#email2 {width:47%;}

}






/* 모바일 500px */
@media screen and (max-width:500px) {
	
.bbs_connect li {  width: 50%;      padding: 20px 5px;   }
.bbs_list_1 .b_text_area {  display:inline-block;      padding: 0px 5px;  }

.bbs_list_1 li {display: table;  padding: 8px 0 10px 0;}
.bbs_list_1 .b_img_area {width: 200px; margin:0;}

.bbs_attach .btn_attach { height: 54px }

.bbs_list_1 .b_text_area .b_info {width: 100%;   }
.bbs_list_1 .b_text_area .b_tag {width: 100%;    text-align: left;}
.bbs_list_1 .b_text_area .b_tag strong     { margin: 0 10px 0 0 ;}
.bbs_list_1 .b_img_area {display: inline-block;    margin: 0; overflow: hidden;  width:100%; max-width: none;  max-height:none;  min-width:auto; height: 69.4vw;    }
.bbs_list_1 .b_img_area img {    max-width: none;    max-height: none;}


.bbs_list_3 .b_text_area .b_text  {  line-height: 24px; }

.bbs_list_5 li {width: 100%;}
.bbs_list_5 .b_img_area  { height: 69.4vw; }

}






/* 모바일  380px */
@media screen and (max-width:380px) {

}


/* 모바일  350px */
@media screen and (max-width:350px) {


}


/* 모바일  320px */
@media screen and (max-width:320px) {

}







/*  
*{  outline:1px solid pink;   }

*/