@charset "utf-8";
/*
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('/CSS/font/google_notosanskr.css');
*/
/*table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}*/
/* A                A A                             A                             A                             A                             */
   table            { width           : 100%;       border-collapse : collapse;   border-spacing : 0;           word-break  : break-all;       }
   table th 
  ,table td         { vertical-align  : middle;                                                                                                }
   fieldset         { margin          : 0;          padding         : 0;          border         : 0 none;                                     }
   legend ,caption ,.skip            
                    { position        : absolute;   left            : -9999px;    width          : 0;           height      : 0; 
                      font-size       : 0;          line-height     : 0;          overflow       : hidden;                                     }
   caption          { position        : static;                                                                                                }
   html ,body ,input ,button
                    { font-size       : 12px;       color           : #000;                                                                 }
   a                { color           : #000;       text-decoration : none !important;                                                                    }
   a:hover          { text-decoration : none !important;                                                                    }
   a:after          { text-decoration : none !important;                                                                    }
   a:before         { text-decoration : none !important;                                                                    }
   img ,input       { vertical-align  : top;                                                                                                   }
   label            { vertical-align  : middle;     font-size       : 14px;                                                                    }
   select           { height          : 24px;       margin          : 0;          border         : 1px solid #DCDCDC; 
                      padding         : 0;          font-size       : 13px;       vertical-align : middle;      color       : #000;            }
   input            { outline-style   : none;                                                                                                  }
   textarea         { color           : #000;       font-size       : 13px;       line-height    : 18px;        padding     : 5px; 
                      overflow-y      : auto;       resize          : none;       border         : 1px solid #DCDCDC;                          }

   div              { font-size       : 12px;       line-height     : 1.5; }
/* html5 reset */
/* A                A A                             A                             A                             A                             */
   header ,footer ,section ,article ,aside ,nav ,hgroup ,details ,menu ,figure ,figcaption ,canvas
                    { display         : block;      margin          : 0;          padding        : 0;           border : 0; 
                      font-size       : 100%;       font            : inherit;    vertical-align : baseline;                                   }



/* ******************************************************************************************************************************************************************************** */
/*                                                                              car_notice List Page                                                                                */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
   .sound_only      { display           : none;                                                                                                                                     }
   .bbsPage         { width             : 100%;             height              : auto;             min-height          : 400px;            text-align          : center;           
                      margin-bottom     : clamp(30px, 5%, 60px);                                    margin-top          : clamp(30px, 5%, 60px);                                    }
   .bbsPage .bbsWrap
                    { width             : 95%;              height              : auto;             max-width           : 1200px;           display             : inline-block;     
                      text-align        : left;                                                                                                                                     }
   .fz_checkbox label
                    { font-size         : 14px;             font-weight         : 300;              color               : #333;             display             : inline-block;     }
   .fz_list.car_noticeWrap
   	     			{ width				: 100%;				height				: auto;				display				: grid;				grid-template-columns : repeat(3,32.5%);
   					  justify-content	: space-between;	border				: none;				gap					: 30px 0;		    margin-top			: 2%;    			}
   .fz_list.car_noticeWrap .car_noticeBox
					{ width				: 100%;				height				: auto;				display				: flex;				flex-direction		: column;
					  border			: 2px solid #d9d9d963; padding			: 15% 10%;    		overflow			: hidden;			cursor				: pointer;
					  position			: relative;			transition			: .4s;		        																				}
   .fz_list.car_noticeWrap .car_noticeBox:before
                    { content           : '';               position            : absolute;         left                : 50%;              top                 : 50%;
                      width             : 0px;              height              : 0px;              border-radius       : 100%;             transition          : 0.6s;             
                      background-color  : #fafafa;          transform           : translate(-50%, -50%);                                    z-index             : -1;                                        }
   .fz_list.car_noticeWrap .car_noticeBox:hover:before
                    { width             : 150%;             height              : 150%;             transition          : 1.3s;                                                     }            
   .fz_list.car_noticeWrap .car_noticeBox:hover				  
					{ box-shadow		: 0px 0px 15px 0px #bdbdbd; 
					  transition 	    : 2s;														                                                                                }
   .fz_list.car_noticeWrap .car_noticeBox .fz_checkbox.car_noticeCheckBox
					{ border			: none;				padding				: 0;			 	height				: 0;				position			: absolute;
					  top				: 3%;				left				: 3%;				display				: block;													}
   .fz_list.car_noticeWrap .car_noticeBox .fz_checkbox.car_noticeCheckBox label
                    { display           : none;                                                                                                                                     }
   .fz_list.car_noticeWrap .car_noticeBox .fz_date.car_noticeDate
					{ width				: 100%;			   font-size			: calc(12px + 0.3vw); font-weight		: 200; 				color				: #c4c4c4; 
					  border			: none;			   text-align			: left;				height				: 1.2em;   
					  padding			: 0;  																																		}
   .fz_list.car_noticeWrap .car_noticeBox .fz_subject.car_noticeTitBox
					{ width				: 100%;			   text-align			: left;		        border				: none;				margin				: 7% 0 5%; 			}
   .fz_list.car_noticeWrap .car_noticeBox .fz_subject.car_noticeTitBox .icon_pack2.icon_txt2
   					{ display			: none;																																		}
   .fz_list.car_noticeWrap .car_noticeBox .fz_subject.car_noticeTitBox .car_noticeTit
					{ width				: 100%;		       font-size			: calc(16px + 0.5vw); font-weight		: 700;				color				: #000;		
					  padding			: 0;			   overflow			    : hidden;			text-overflow		: ellipsis;			display				: -webkit-box;
    				  -webkit-line-clamp: 2; 			   -webkit-box-orient	: vertical;			word-wrap			: break-word; 		line-height			: 1.4em;
    				  height			: 2.8em;    																						                                        }
   .fz_list.car_noticeWrap .car_noticeBox:hover .fz_subject.car_noticeTitBox .car_noticeTit
                    { color             : #9F0C3D;         transition           : 0.6s;                                                                                             }
   .fz_list.car_noticeWrap .car_noticeBox .notice_on_wrap
                    { position          : absolute;        right                : -2px;             top                 : -2px;             background-color    : #9F0C3D;         
                      overflow          : hidden;           padding             : clamp(4px, 5%, 10px);                                                                             }    
   .fz_list.car_noticeWrap .car_noticeBox .notice_on_wrap:after
                    { content           : '';              width                : 20px;             height              : 100px;            margin-top          : -30px;    
                      right             : 100%;            top                  : 0%;               transition          : 0.3s;             position            : absolute;
                      display           : inline-block;    background-color     : #fff;             transform           : rotate(45deg);
                      animation-name: button_ani_white;
                      animation-duration: 2.7s;
                      animation-delay: 0s;
                      animation-timing-function: linear;
                      animation-fill-mode: both;
                      animation-iteration-count: infinite;
                      background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
                      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
                      background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );                                      }

  @keyframes button_ani_white { 
                 0% { right         : 200%;              bottom              : -100%;                                                                            }
                50% { right         : -200%;             bottom              : -100%;                                                                            }
               100% { right         : -200%;             bottom              : -100%;                                                                            }               }

   
   .fz_list.car_noticeWrap .car_noticeBox .notice_on_wrap p
                    { color             : #fff;            font-size            : clamp(12px, 2.3vw, 15px);                                                                          }
 
   .fz_list.car_noticeWrap .car_noticeBox .car_noticeContBox
   					{ width				: 100%;				height				: 3.9em;			padding				: 0;				text-align			: left;			
   					  border			: none;    			margin-bottom		: 9%;   			font-size			: calc(12px + 0.2vw); overflow			: hidden;			 
   					  text-overflow		: ellipsis;			display				: -webkit-box; 		-webkit-line-clamp	: 3; 			   -webkit-box-orient	: vertical;			 
   					  word-wrap			: break-word; 		line-height			: 1.3em;			height				: 3.9em;			color				: #727272;			}
   .fz_list.car_noticeWrap .car_noticeBox .fz_writer.car_notceWriterBox
   					{ width				: 100%;				height				: auto;				 border				: none;				text-align			: left;  	
   					  padding			: 0;																																		}
   .fz_list.car_noticeWrap .car_noticeBox .fz_writer.car_notceWriterBox .sv_member
					{ font-size			: calc(12px + 0.1vw); font-weight		: 600;				 color				: #b1b1b1;													}
   
   .fz_list.car_noticeWrap .car_noticeBox .car_noticeHover
   					{ font-size			: calc(10px + 0.3vw); background		: #31A09B;			color				: #fff;				position			: absolute;
   					  width				: 40%;				padding				: 3% 0;				text-align			: center;			bottom				: 0;
   					  right				: -100%;			cursor				: pointer;			transition			: .4s;				overflow            : hidden;           
   					  line-height       : 1em;                                                                                                                                      }
   .fz_list.car_noticeWrap .car_noticeBox .car_noticeHover:after
                    { content           : '';              width                : 20px;             height              : 200px;            margin-top          : -30px;    
                      right             : 100%;            top                  : 0%;               transition          : 0.3s;             position            : absolute;
                      display           : inline-block;    background-color     : #fff;             transform           : rotate(45deg);
                      background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
                      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
                      background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );                                      }
   .fz_list.car_noticeWrap .car_noticeBox:hover .car_noticeHover:after
                    { animation-name: button_ani_white;
                      animation-duration: 3.7s;
                      animation-delay: 0s;
                      animation-timing-function: linear;
                      animation-fill-mode: both;
                      animation-iteration-count: infinite;                                                                                                                          }
   .fz_list.car_noticeWrap .car_noticeBox:hover .car_noticeHover
   					{ right				: 0;				transition			: .4s;																								}
   .fz_list.car_noticeWrap .car_noticeBox .car_noticeHover:hover
   					{ color				: #fff000;}
   
   
   
   .fz_list.car_noticeWrap .car_noticeBox:hover .fz_date.car_noticeDate,
   .fz_list.car_noticeWrap .car_noticeBox:hover .fz_subject.car_noticeTitBox,
   .fz_list.car_noticeWrap .car_noticeBox:hover .car_noticeContBox,
   .fz_list.car_noticeWrap .car_noticeBox:hover .fz_writer.car_notceWriterBox
					{ background		: none;  }



/* ******************************************************************************************************************************************************************************** */
/*                                                                              notice View Page                                                                                    */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
   .prev_next_Wrap  { width             : 100%;             height              : auto;             position            : relative;                                                 }
   .prev_next_Wrap .resizeWrap
                    { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;           }
   .prev_next_Wrap .resizeWrap .memuWrap
                    { width             : 100%;             display             : flex;             align-items         : center;           margin              : 2px 0;                         
                      background-color  : #f7f7f7;          transition          : 0.6s;             padding             : clamp(7px, 2%, 13px) 0; 
                      overflow          : hidden;           position            : relative;                                                                                         }
   .prev_next_Wrap .resizeWrap .memuWrap:hover
                    { background-color  : #31A09B;          transition          : 0.6s;                                                                                             }



   .prev_next_Wrap .resizeWrap .memuWrap .symbol
                    { width             : clamp(20px, 10%, 30px);                                   height              : auto;             padding             : 0 5%;             
                      font-size         : clamp(12px, 2vw, 16px);                                   font-weight         : 400;                                                      }
   .prev_next_Wrap .resizeWrap .memuWrap .text
                    { width             : clamp(40px, 20%, 130px);                                  height              : auto;             padding             : 0;             
                      font-size         : clamp(12px, 2vw, 16px);                                   font-weight         : 400;                                                      }
   .prev_next_Wrap .resizeWrap .memuWrap .subject
                    { width             : clamp(calc(100% - 60px), 80%, calc(100% - 160px));        height              : auto;             padding             : 0 5%;             
                      font-size         : clamp(12px, 2vw, 16px);                                   font-weight         : 400;              
                      overflow          : hidden;           text-overflow       : ellipsis;         white-space         : nowrap;                                                   }
   
   .prev_next_Wrap .resizeWrap .memuWrap div
                    { color             : #333;             transition          : 0.6s;}
   .prev_next_Wrap .resizeWrap .memuWrap:hover div
                    { color             : #fff;             transition          : 0.6s;}


   .bottom_button_menu
                    { width             : 100%;             position            : relative;         display             : flex;             justify-content     : flex-end;         }
   .bottom_button_menu.flex_center
                    { justify-content   : center;                                                                                                                                   }
   .bottom_button_menu .list_button
                    { width             : clamp(30px, 25%, 100px);                                  height              : auto;             font-size           : clamp(11px, 2vw, 15px);
                      padding           : clamp(2px, 2%, 8px) clamp(2px, 5%, 10px);                 color               : #fff;             background-color    : #999;          
                      display           : flex;             align-items         : center;           justify-content     : space-evenly;     margin              : 0 clamp(1px, 0.5%, 3px);
                      border            : 0;                position            : relative;         cursor				: pointer;                                                  }
   .bottom_button_menu .list_button:hover
                    { background-color  : #31A09B;                                                                                                                                  }
   .sch_word        { font-size         : calc(16px + 0.5vw);
                      background-color  : #fff;             padding             : 0;                margin              : 0;                color               : red;              }   

/* ******************************************************************************************************************************************************************************** */
/*                                                                               List Page  Search                                                                                  */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
/* 검색 */
  .poster_performance_schWrap
                    { width             : calc(100% - 4px); height              : auto;             display             : inline-block;     margin-bottom       : 5px;              
                      text-align        : center;           padding             : 0;                                                                                                }
  .poster_performance_schWrap #poster_performance_sch                     
                    { float             : right;                                                                                                                                    }
  .poster_performance_schWrap #poster_performance_sch .select_box
                    { height            : 36px !important;                                                                                                                          }
  .poster_performance_schWrap #poster_performance_sch .select_box #sfl  /* select의 width값이 span 값으로 */
                    { width             : 120px;            border              : 1px solid #ddd;                                                                                   }
  .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap /* 검색입력하는 박스의 값 */
                    { width             : 280px;            height              : 36px;             border              : 1px solid #ccc;   background-color    : #f6f7f9 !important; 
                      font-size         : 12px;             vertical-align      : middle;           padding             : 0 5px;            border-radius       : 8px;              }
  .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap:focus
                    { border            : 1px solid #c4748d !important;    
                      box-shadow        : 0 0 5px #a5003460 !important; }
  .poster_performance_schWrap #poster_performance_sch .select_box ul
                    { margin-top        : 8px !important;   border-radius       : 8px;                                                                                              }
  .poster_performance_schWrap #poster_performance_sch .select_box ul li a
                    { border-radius     : 0;    }    
  .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap
                    { height            : 36px;             min-width           : 80px;             padding             : 0 10px;           font-size           : 14px;
                      color             : #fff;             line-height         : 2.286;            border-radius       : 8px;              background-color    : #31A09B;    
                      line-height       : 1em;              border              : 1px solid #31A09B;                                                                                }    
  .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap:hover
                    { background-color  : #31A09B;          border              : 1px solid #31A09B;                                                                                }


/* SELECT BOX */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
  .select-box       { display           : inline-block;     position            : relative;         border              : 1px solid #b4bec8;           
                      background-color  : #f6f7f9;          border-radius       : 8px;              height              : 35px !important;                                          }
  .select-box select{ position          : absolute;         left                : -9999px;          display             : none;                                                     }
  .select-box a     { display           : block;            height              : 33px !important;  line-height         : 33px !important;  padding             : 0 10px;
                      background        : url(./img/select_box_ico.png) right center no-repeat;   
                      text-align        : left !important;  color               : #333;             font-size           : 12px;                                                     }
  .select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover
                    { text-decoration   : none;                                                                                                                                     }
  .select-box a i.fa
                    { vertical-align    : middle;           float               : right;            padding-top         : 7px;                                                      }
  .select-box ul    { position          : absolute;         left                : -1px;             top                 : 25px;             border              : 1px solid #ccc;
                      display           : none;             background          : #fff;             max-height          : 240px;            list-style          : none;
                      padding           : 0;                margin              : 0;                overflow            : hidden;           border-radius       : 8px;
                      overflow-y        : auto;             z-index             : 999;              margin-top          : 11px;
                      scrollbar-face-color       : #eaeaea;
                      scrollbar-track-color      : #f7f7f7;
                      scrollbar-3dlight-color    : #e2e2e2;
                      scrollbar-arrow-color      : #8c8c8c;
                      scrollbar-shadow-color     : #eaeaea;
                      scrollbar-highlight-color  : #eaeaea;
                      scrollbar-darkshadow-color : #e2e2e2;                                                                                                                         }
  .select-box ul a  { display           : block;            line-height         : 25px;             height              : 25px;             background          : none;             }
  .select-box.select-active a
                    { color             : #4B87C8;          background          : #f6f7f9 url(./img/select_box_ico_active.png) right center no-repeat;
                      border-radius     : 8px;                                                                                                                                      }
  .select-box.select-active a i
                    { color             : #4B87C8                                                                                                                                   }
  .select-box.select-active ul a
                    { color             : #333;             background          : none;             border-radius       : 0;                                                        }
  .select-box.select-active ul a.hover
                    { background        : #31A09B;          color               : #fff                                                                                              }
  .select-box.select-active ul a.active
                    { background        : #31A09B;          color               : #fff                                                                                              }




/* ******************************************************************************************************************************************************************************** */
/*                                                                              gallery_review List Page                                                                            */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */





@media (max-width:1024px) and (min-width:641px) {
/* ******************************************************************************************************************************************************************************** */
/*                                                                              gallery_review List Page                                                                            */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
   .fz_list.car_noticeWrap
					{ grid-template-columns : repeat(2,49%); gap				: 25px 0;																							}

}

@media (max-width:640px)  {
/* ******************************************************************************************************************************************************************************** */
/*                                                                              gallery_review List Page                                                                            */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
   .bbsPage         { margin-top        : 0;                                                                                                                                        }
   .fz_list.car_noticeWrap
					{ grid-template-columns : 100%;			justify-content		: center;			gap					: 10px 0;			justify-items       : center;	        }
   .fz_list.car_noticeWrap .car_noticeBox
   					{ width             : 86%;              padding             : 10% 7%;                                                                                           }
   .fz_list.car_noticeWrap .car_noticeBox .fz_subject.car_noticeTitBox .car_noticeTit
   					{ font-size			: 14px;																																		}
   .fz_list.car_noticeWrap .car_noticeBox .car_noticeContBox
   					{ display			: none;}
}

/* 게시판 기본 설정 */
#container_title{display:none;}
.fz_wrap a:hover{text-decoration:none;}
.fz_wrap .f_wrap{*zoom:1;}
.fz_wrap .f_wrap:after{content:""; display:block; clear:both;}
.fz_wrap .fl{float:left;}
.fz_wrap .fr{float:right;}
.fz_wrap legend{border:none !important;}

.i_text{	height: 22px;padding:0 3px;line-height:20px;font-size: 12px;color: #333;background:none;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;}
.i_text_large{display: inline-block;height: 31px;padding: 4px 6px;font-size: 14px;line-height: 20px;color: #333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;vertical-align: top;width:218px;background:none;}
.fz_title_box{font-size:14px;font-weight:bold;color:#515151;position:relative;background:#f3f3f3;background:url("./img/fz_title_bg.png") 0 0 repeat-x;height:35px;line-height:35px;border:1px solid #dedede;padding:0px 15px;font-weight:700;margin-bottom:20px;}
textarea#wr_content{border:1px solid #ccc;height:200px;}
#captcha #captcha_info{display:none;}
.fz_wrap .required{background-color:#fff !important;}
.fz_wrap input[type="text"], .fz_wrap input[type="password"], .fz_wrap input[type="submit"], .fz_wrap input[type="search"], .fz_wrap input[type="image"]{-webkit-border-radius:0;-webkit-appearance:none;}/* safari 둥근모서리 그림자 제거 */ 


.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:700}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 6px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#555 !important;font-weight:700;text-decoration:none;} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c !important;font-size:11px;}

/* 게시판 카테고리 */
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1;font-size:12px;list-style:none}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-top:-1px;}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:8px 15px;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;border:1px solid #ddd;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #0e8185;background:#0e8185;color:#fff;font-weight:700}
#bo_cate a:hover {z-index:2;border:1px solid #23ADB2;background:#fff;color:#23adb2;}

/* 리스트 상단 */
.fz_header{*zoom:1;margin-bottom:8px;padding-top:10px;}
.fz_header:after{content:""; display:block; clear:both;}
.fz_total_count{float:left;}
.fz_rss{float:right;}
.fz_total_count span{padding-left:21px; font-weight:700; color:#333; background:url('./img/sprites_ico.gif') no-repeat 0 -24px;font-size:12px;}
.fz_total_count strong{color:#0e8185;font-weight:700;}

.fz_list{list-style:none;padding:0;margin:0;width:100%;display:table;font-size:12px;border-top:2px solid #808080;}
.fz_list li.fz_list_th{height:38px;}
.fz_list li.fz_list_th div{text-align:center;vertical-align:middle;color:#989898; font-weight:bold;font-size:11px !important;height:38px;line-height:25px;}
.fz_list li.fz_list_th .fz_subject, .fz_list li.fz_list_th .fz_checkbox{line-height:38px;}
.fz_list li.fz_list_th .fz_checkbox{padding:0;}

@media all and (max-width:768px) {
.fz_list li.fz_list_th .fz_checkbox{padding-top:15px;}
.fz_list li .fz_checkbox { padding-top:20px; }
}

.fz_list li.fz_list_th a{color:#0e8185 !important;}
.fz_list li div .sv_wrap .sv{text-align:left;}
.fz_list li div input{margin:0;}
/*.fz_list li.bg_e div .sv_wrap .sv a {color:#fff !important}*/

.fz_list li{display:block;border-bottom:1px solid #dadada;position:relative; text-align:right;}
.fz_list li.bo_notice{background:#f7f7f7;}
/*.fz_list li.bg_e{background:#f5f5f5;}*/
/*.fz_list li.bg_e div, .fz_list li.bg_e div *{color:#0068b6 !important;}*/
.fz_list li div{display:inline-block;text-align:center;height:33px;line-height:22px;padding:6px 0;vertical-align:middle;word-break:break-all;}
.fz_list li .fz_checkbox{position:absolute;left:13px; top:-2px;}
.fz_list li .fz_subject{display:block;text-align:left;height:auto;padding:0;overflow:hidden;}
.fz_list li .fz_subject a{display:block;line-height:33px;line-height:21px;padding:6px 10px 6px 15px;vertical-align:middle;word-break:break-all; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; margin:6px 0px;}
.fz_list li .fz_mobile_info{display:inline-block;margin-right:5px;font-size:12px;color:#333}
.fz_list li .fz_writer, .fz_list li .fz_date, .fz_list li .fz_hit, .fz_list li .fz_good, .fz_list li .fz_nogood{width:auto;display:inline-block;padding:0 0 0 15px;}
.fz_list li .fz_num, .fz_list li .fz_date, .fz_list li .fz_hit, .fz_list li .fz_good, .fz_list li .fz_nogood{font-size:10px;font-family:tahoma;color:#999}
   .fz_list li.fz_list_th .hidden-xs {display:none;}

.fz_list li.re1{padding-left:0;}
.fz_list li.re2{padding-left:18px;}
.fz_list li.re3{padding-left:36px;}
.fz_list li.re4{padding-left:54px;}
.fz_list li.re5{padding-left:72px;}
.fz_list li.re6{padding-left:90px;}
.fz_list li.re7{padding-left:108px;}
.fz_list li.re8{padding-left:126px;}

.fz_empty_list{width:100%;padding:30px 0;height:auto;caption-side:bottom;text-align:center;border-bottom:1px solid #dadada;}


@media (min-width:768px){
	.fz_list li.fz_list_th .fz_subject, .fz_list li.fz_list_th .fz_checkbox{line-height:25px;}
	.fz_list li{display:table-row;}
	.fz_list li div{display:table-cell;text-align:center;height:33px;line-height:20px;padding:6px 0;vertical-align:middle;border-bottom:1px solid #dadada;word-break:break-all;}
	.fz_list li.bo_notice div {background:#f7f7f7}
	/*.fz_list li.bg_e div{background:#f5f5f5;}*/

	.fz_list li .fz_num{width:50px;}
	.fz_list li .fz_checkbox{width:20px;position:static;left:0;top:0}
	.fz_list li .fz_subject{display:table-cell;}
	.fz_list li .fz_writer{width:90px;}
	.fz_list li .fz_date{width:70px;}
	.fz_list li .fz_hit{width:45px;}
	.fz_list li .fz_good{width:45px;}
	.fz_list li .fz_nogood{width:45px;}
	.fz_list li .fz_mobile_info{display:none;}
	.fz_list li .fz_writer, .fz_list li .fz_date, .fz_list li .fz_hit, .fz_list li .fz_good, .fz_list li .fz_nogood{display:table-cell;padding:6px 0;}

	.fz_list li.re1, .fz_list li.re2, .fz_list li.re3, .fz_list li.re4, .fz_list li.re5, .fz_list li.re6, .fz_list li.re7, .fz_list li.re8{padding-left:0;}

	/* 답변시 들여쓰기 */
	.fz_list li.re1 .icon_reply{margin-left:0;}
	.fz_list li.re2 .icon_reply{margin-left:18px;}
	.fz_list li.re3 .icon_reply{margin-left:36px;}
	.fz_list li.re4 .icon_reply{margin-left:54px;}
	.fz_list li.re5 .icon_reply{margin-left:72px;}
	.fz_list li.re6 .icon_reply{margin-left:90px;}
	.fz_list li.re7 .icon_reply{margin-left:108px;}
	.fz_list li.re8 .icon_reply{margin-left:126px;}
	 
	 .fz_list li.fz_list_th .hidden-xs {display:table-cell;}
}

/* 리스트 하단 */
.fz_footer{margin-top:25px; text-align:left; margin-bottom:5px;}
.fz_footer:after{content:""; display:block; clear:both;}
.fz_footer #fz_admin_select select {width:84px;}

/* 아이콘 및 답변 */
.cnt_cmt{padding-left:5px; color:#FF4800; font-family:tahoma; font-size:9px;margin:0;}
.icon_notice{display:inline-block; width:100%; height:19px;vertical-align:top; font-size:10px; color:#333;}
.icon_pack{display:inline-block;margin-left:5px; width:9px; height:19px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px;}
.icon_pack2{display:inline-block;width:19px; height:19px; font-size:11px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden; vertical-align:top;}
.icon_reply{width:20px; background-position:0 -437px;}
.icon_secret2{background-position:0 -1005px;}
.icon_file2{background-position:0 -1024px;}
.icon_txt2{background-position:0 -1043px;}
.icon_secret{background-position:0 -1005px;}
.icon_file{background-position:0 -1024px;}
.icon_link{background-position:0 -1062px;}
.icon_new{background-position:0 -1081px;}


/* Button List */
.list_btn{display:inline-block;height:24px; background:url('./img/sprites_btn.gif') no-repeat; text-indent:-9000px; overflow:hidden;}
.list_btn.btn_list { width:41px; background-position:-346px 0;}
.list_btn.btn_copy { width:41px; background-position:-603px 0;}
.list_btn.btn_move {width:41px; background-position:-649px 0;}
.list_btn.btn_edit { width:41px; background-position:-695px 0;}
.list_btn.btn_del { width:41px; background-position:-741px 0;}
.list_btn.btn_reply { width:41px; background-position:-787px 0;}
.list_btn.btn_write {width:65px; background-position:-833px 0;}
.list_btn.btn_adm { width:49px; height:24px; background:url('./img/sprites_btn.gif') no-repeat -1719px 0; text-indent:-9000px; overflow:hidden;}
.list_btn.btn_rss {margin-right:1px; width:54px; background-position:-1336px 0;vertical-align:middle;}

.list_btn.btn_prev { width:50px; background-position:-392px 0;margin-right:1px;}
.list_btn.btn_next { width:50px; background-position:-447px 0;}
.list_btn.btn_track { width:64px; background-position:-972px 0;}
.list_btn.btn_scrap { width:64px; background-position:-903px 0;vertical-align:middle;}



/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:700}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 뷰 페이지 상단 */
#bo_v {margin-bottom:20px;padding-bottom:20px; margin-top:30px; }
#bo_v h1#bo_v_title {border-top:2px solid #52596B;border-bottom:1px solid #c8c8c6;background:#f8f8f8;padding:18px 15px;font-size:18px;font-weight:700;margin:0 !important;}
#bo_v_info{padding:0px;border-bottom:1px solid #ddd;*zoom:1;background:#fff;}
#bo_v_info:after{content:""; display:block; clear:both;}
#bo_v_info span{line-height:40px;height:40px;}
#bo_v_info span.sv{line-height:normal;height:auto;top:16px;}
#bo_v_info .fl{padding-left:0px;}
#bo_v_info .fr{padding-right:0px;}
#bo_v_info .fr i{font-size:13px;}
#bo_v_info .bo_v_user{font-size:12px;}
#bo_v_info .bo_v_user i{position:relative;float:left;line-height:40px;margin-right:5px;}
#bo_v_info .sv_wrap{margin-top:0;vertical-align:top;}
#bo_v_info .sv_wrap a{line-height:normal;height:auto;}
#bo_v_info .bo_v_user em{font-size:10px;font-family:tahoma;color:#aaa;padding-left:5px;font-style:normal}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:700}
#bo_v_info .bo_v_date, #bo_v_info .bo_v_hit, #bo_v_info .bo_v_comment{font-size:11px;color:#333}
#bo_v_info .bo_v_date strong, #bo_v_info .bo_v_hit strong, #bo_v_info .bo_v_comment strong{font-family:tahoma;font-size:10px;color:#777;font-weight:normal;}
#bo_v_info .bar{color:#aaa;margin:0 5px;font-size:11px;}


/* FILE, LINK 출력 부분 */
.ad_list_area {margin:0; padding:0; border-bottom:1px solid #e4e4e4;font-size:12px;}
.ad_list_area li {clear:both; margin:0; padding:10px 20px 9px 20px; *height:auto; list-style:none; border-top:1px solid #f3f3f3;}
.ad_list_area li:hover {background:#f9f9f9;}
.ad_list_area li:after {content:""; display:block; clear:both;}
.ad_list_area li.first {border-top:none;}
.ad_list_area li a {float:left; padding:0 0 0 22px; line-height:14px; background:url('./img/sprites_ico.gif') no-repeat;}
.ad_list_area li a.txt_name {color:#666; background-position:0 -94px;}
.ad_list_area li a.txt_name:hover {background-position:0 -117px; text-decoration:underline;}
.ad_list_area li a.txt_link {color:#0066cc; background-position:0 -184px;}
.ad_list_area li a.txt_link:hover {background-position:0 -207px; text-decoration:underline;}
.ad_list_area li span {float:left; line-height:14px; font-size:9px; font-family:tahoma;}
.ad_list_area li .txt_size {padding-left:9px; color:#999;}
.ad_list_area li .txt_hit {padding-left:7px; color:#ff4200;}
.ad_list_area li .txt_date {padding-left:10px; color:#aaa;}
.ad_list_area li .btn_handle {float:right; padding:0; width:14px; background-position:3px -388px; text-indent:-9000px; overflow:hidden;}
.ad_list_area li .btn_handle.on {background-position:3px -403px;}
.ad_list_area li p.txt_file_content {clear:both; margin:0; padding:8px 0 0 22px; font-size:11px; color:#999; word-wrap:break-word;}

/* 게시판 뷰 버튼 리스트 */
#bo_v_top {margin:0 0 10px;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:2px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:2px}

@media (max-width:640px) {
/* ******************************************************************************************************************************************************************************** */
/*                                                                               게시판 뷰 버튼 리스트                                                                 													*/
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */
   .bo_v_com		{ width				: 100%;			}
   .bo_v_com li	    { margin-left		: 0;				margin-right		: 2px;	}
}


/* 게시판 뷰 본문 */
#bo_v_atc {padding:20px 0px;min-height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {max-width:100%;height:auto}

.editor_img_wrap{margin-bottom:10px;text-align:center !important;display:block;}

#bo_v_con {margin-bottom:clamp(15px, 3%, 50px);width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:12px;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_con p{margin:0;}

#bo_v_act {margin-bottom:30px;text-align:center;}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;}


/* 게시판 뷰 SNS 리스트 */
#bo_v_sns {margin:0;padding:0;list-style:none;zoom:1;display:inline-block;vertical-align:middle;margin-right:5px;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {display:inline-block;margin:0 2px 0 0}


/* 네임카드 */
.namecard {margin:0 10px 40px; border:1px solid #ddd; background:#fbfbfb;}
.namecard .ncard_head {padding:18px 19px 17px 19px; padding-top:16px\9; line-height: normal; *zoom:1;}
.namecard .ncard_head:after {content:""; display:block; clear:both;}
.namecard .ncard_head .ico_level {float:left; margin-right:5px;}
.namecard .ncard_head span {float:left; line-height:15px; line-height:14px\9; color:#777; font-size:11px;}
.namecard .ncard_head span em {color:#ff4200; font-style:normal; font-weight:bold; font-size:11px;}
.namecard .ncard_head span.txt_name {padding-top:1px; padding-top:2px\9; color:#000; font-size:12px;}
.namecard .ncard_head span.txt_name a {float:left; cursor:pointer;}
.namecard .ncard_head span.txt_name span {margin-right:5px; color:#000; font-weight:bold; font-size:12px;}
.namecard .ncard_head span.ico_dot {width:23px; background:url('./img/sprites_ico.gif') no-repeat 10px -755px; text-indent:-9000px;}
.namecard .ncard_head span.txt_point {padding-top:1px; padding-top:2px\9;}
.namecard .ncard_head a {font-size:11px; color:#666;}
.namecard .ncard_head a.btn_link {float:right; padding-left:18px; background:url('./img/sprites_ico.gif') no-repeat 3px -783px; cursor:pointer;}
.namecard .ncard_head a.btn_link:hover {background-position:3px -803px; text-decoration:none;}
.namecard .ncard_head a span {line-height:normal; font-weight:bold;}
.namecard .ncard_body {padding:0 0 20px 19px; *zoom:1;}
.namecard .ncard_body:after {content:""; display:block; clear:both;}
.namecard .ncard_body .thumb {float:left; margin-right:15px; width:60px; height:60px; background:url('./img/sprites.gif') no-repeat 0 -168px;}
.namecard .ncard_body .txt_introduce {float:left; font-size:12px; color:#999;line-height:16px;}


/* 게시판 댓글 */
#bo_vc {margin:0;font-size:12px;}
#bo_vc .bo_vc_top{border-top:2px solid #bdbdbd;background:#f9f9f9; letter-spacing:-1px; color:#777;padding:12px 0px;}
#bo_vc .bo_vc_top h2{ background:url('./img/sprites_ico.gif') no-repeat 0 -707px;padding:1px 20px;font-size:12px;margin:0 0 0 20px !important;}
#bo_vc .bo_vc_top em {font-style:normal; font-weight:700; color:#ff4200; font-size:11px;}
#bo_vc article {padding:10px;border-top:1px solid #e3e3e3;}
#bo_vc header {position:relative;}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:700}
.bo_vc_hdinfo {display:inline-block;color:#aaa;font-family:tahoma;font-size:10px;position:relative;top:1px}

#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1;}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_empty {margin:0;padding:40px 0 40px !important;text-align:center;border-top:1px solid #e3e3e3;font-size:12px;}

#bo_vc .bo_vc_content{padding:10px 0;}
#bo_vc .bo_vc_content img{vertical-align:middle;}
#bo_vc .bo_vc_secret{display:inline-block;width:19px; height:14px; font-size:11px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden; vertical-align:top;background-position:0 -1008px;}

#bo_vc article.ico_ind1 {padding-left:40px;}
#bo_vc article.ico_ind2 {padding-left:80px;}
#bo_vc article.ico_ind3 {padding-left:120px;}
#bo_vc article.ico_ind4 {padding-left:160px;}
#bo_vc article.ico_ind5 {padding-left:200px;}
#bo_vc article .indent {position:relative; float:left; width:0; font-size:0;}
#bo_vc article .indent span {position:absolute; top:2px; left:-22px; width:12px; height:11px; text-indent:-9000px; background:url('./img/sprites_ico.gif') no-repeat 0 -422px;}

/* 댓글 버튼 부분 */
.bo_vc_act {float:left;margin:0;list-style:none;*zoom:1;padding:0;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act .list_btn {display:inline-block; margin-top:17px; width:13px; height:14px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden;}
.bo_vc_act .list_btn.btn_reply {margin-right:12px; padding-left:12px; width:auto; font-size:11px; letter-spacing:-1px; text-indent:0; color:#999 !important; background-position:0 -442px;}
.bo_vc_act .list_btn.btn_reply:hover,
.bo_vc_act .list_btn.btn_reply.cover {color:#666 !important; background-position:0 -460px;}
.bo_vc_act .list_btn.btn_edit {margin-right:5px; background-position:2px -558px;}
.bo_vc_act .list_btn.btn_edit:hover,
.bo_vc_act .list_btn.btn_edit.cuover {background-position:2px -577px;}
.bo_vc_act .list_btn.btn_del {background-position:3px -652px;}
.bo_vc_act .list_btn.btn_del:hover {background-position:3px -669px;}

#bo_vc_w {position:relative;margin-bottom:10px;}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/* 댓글 폼 부분 */
.comment_form .write_body {padding:9px; border:1px solid #e3e3e3;  background:#fafafa;}
.comment_form .write_body .write_mbinfo {padding:0 0 5px 0; border:none;}
.comment_form .btn_area .fleft {padding-top:8px;}
.comment_form .checkbox {width:60px;}
.comment_form .checkbox label {font-size:11px; color:#777;}
.comment_form .checkbox label span {height:13px;}
.no_editor {position:relative; *zoom:1;margin-bottom:10px;}
.no_editor:after {clear:both; display:block; content:"";}
.no_editor .bo_vc_wr_content{width:100%;border:1px solid #ccc;height:100px !important;padding:8px;line-height:22px;font-size:12px;}
.write_body .btn_area {padding-top:5px; *zoom:1;}
.write_body .btn_area:after {clear:both; display:block; content:"";}
.write_body .btn_area input {float:right;}

.comment_form .txt_limit span,
.write_option .txt_limit span {font-size:11px; color:#777;}
.comment_form .txt_limit span.txt_min {padding:0 10px; border-right:1px solid #dcdcdc; }
.write_option .txt_limit span.txt_min {padding-right:10px; border-right:1px solid #dcdcdc;}
.comment_form .txt_limit span.txt_max,
.write_option .txt_limit span.txt_max {padding-left:10px; padding-right:10px; }
.comment_form .write_body{}
.comment_form .write_body .fl{float:none;margin-bottom:5px;}
.comment_form .write_body .fr{float:none;}
.comment_form .write_body .bo_vc_form{margin-bottom:10px;}
.comment_form .write_body .bo_vc_form .bo_vc_write_notice{height:34px;line-height:20px;padding-bottom:6px;padding-left:5px;font-weight:700;color:#787878;font-size:12px;}
.comment_form .write_body .i_text{background:#fff;height:28px;line-height:28px;width:100%;margin-bottom:5px;}
.comment_form .write_body #captcha_key{background:#fff !important;}
.comment_form .write_body #captcha #captcha_info{display:none;}
.comment_form .write_body .wr_secret_label{font-size:11px;color:#999}

/* 스코어 */
.article_score {padding:50px 0px;text-align:center; *zoom:1;}
.article_score:after {content:""; display:block; clear:both;}
.article_score a {display:inline-block; width:33px; height:23px; background:url('./img/sprites_btn.gif') no-repeat; *zoom:1; vertical-align:top;}
.article_score a.btn_good {background-position:-270px 0;}
.article_score a.btn_nogood {background-position:-308px 0;}
.article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:215px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 -27px;}
.article_score .score_bar_wrap{display:block;float:left;width:144px;}
.article_score .graph .line_border {display:block;width:3px; height:10px; font-size:0; background:url('./img/sprites_ico.gif') no-repeat 0 -1162px;position:absolute;right:-3px;}
.article_score .graph .score_bar {display:block;float:none;height:10px; font-size:0; background:url('./img/bg_recom1.gif') repeat-x 0 3px;position:relative;}
.article_score em {float:left; width:34px; line-height:13px; font-family:tahoma; font-size:9px; font-style:normal; text-align:center; font-weight:bold;}
.article_score em.txt_good {color:#00529f;}
.article_score em.txt_nogood {float:right; color:#9f0010;}
.limit_score a {float:right;}
.limit_score em {float:right; padding:0 10px 0 0; width:auto; line-height:23px;}

@media (min-width:768px){
	#bo_v_info .fl{padding-left:15px;}
	#bo_v_info .fr{padding-right:15px;}
	#bo_v_info .bo_v_user em{padding-left:5px;}
	#bo_v_info .bar{margin:0 10px;}

	.namecard {margin:0 20px 40px 20px;}

	#bo_vc article {padding:20px;}
	#bo_vc article.ico_ind1 {padding-left:65px;}
	#bo_vc article.ico_ind2 {padding-left:110px;}
	#bo_vc article.ico_ind3 {padding-left:155px;}
	#bo_vc article.ico_ind4 {padding-left:200px;}
	#bo_vc article.ico_ind5 {padding-left:245px;}

	.comment_form .write_body .fl{float:left;margin-bottom:0px;}
	.comment_form .write_body .fr{float:right;}
	.comment_form .write_body .i_text{width:auto;margin-bottom:0px;}


	#bo_v_atc {min-height:200px;height:auto !important;height:200px;padding:20px 20px 50px;}
	.article_score {padding:50px 20px; text-align:center; *zoom:1;}
	.article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:265px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 0;}
	.article_score .score_bar_wrap{display:block;float:left;width:194px;}
}


/* 글쓰기 상단 부분 */
.bo_write_option {padding:0 10px; border:1px solid #e3e3e3; border-bottom:none; background:#fafafa; *zoom:1;height:35px;line-height:35px;}
.bo_write_mbinfo{padding:5px 10px 10px; border:1px solid #e3e3e3; border-bottom:none; *zoom:1;position:relative;}
.bo_write_mbinfo:after{content:""; display:block; clear:both;}
.bo_write_mbinfo ul{list-style:none;padding:0;margin:0;*zoom:1;margin-right:290px;}
.bo_write_mbinfo ul:after{content:""; display:block; clear:both;}
.bo_write_mbinfo ul li{width:50%;float:left;}
.bo_write_mbinfo .placeholder{margin-top:5px;display:block;width:98%;}
.bo_write_mbinfo .i_text{height:26px;line-height:26px;display:block;width:95%;}
.bo_editor_wrap{}
.bo_editor_wrap .placeholder{display:block;}
.bo_w_form #captcha{position:absolute;right:10px; top:10px;}
.bo_w_title{position:relative;margin-bottom:10px;*zoom:1;}
.bo_w_title:after{content:""; display:block; clear:both;}
.bo_w_title .placeholder{display:block;}
.bo_w_title #wr_subject{display:block;width:95%;}

/* 글쓰기 파일, 링크 영역 */
.ad_sector {border:1px solid #e3e3e3;margin-top:10px;}

/* 파일, 링크 버튼 */
.ad_sector .ad_btn_area {padding:0; background:#fafafa; *zoom:1;}
.ad_sector .ad_btn_area:after {clear:both; display:block; content:"";}
.ad_sector .ad_btn_area a {position:relative; float:left; padding:10px 11px 9px 10px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; z-index:10;}
.ad_sector .ad_btn_area a span {float:left; padding:0 5px 0 16px; color:#666; background:url('./img/sprites_ico.gif') no-repeat;font-size:11px;}
.ad_sector .ad_btn_area a.btn_file span {background-position:0 -140px;}
.ad_sector .ad_btn_area a.btn_link span {background-position:0 -230px;}
.ad_sector .ad_btn_area a.btn_file span.on {background-position:0 -162px;}
.ad_sector .ad_btn_area a.btn_link span.on {background-position:0 -252px;}
.ad_sector .ad_btn_area a.on {margin-bottom:-1px; border-bottom:1px solid #ebebeb; background:#f2f2f2;}
.ad_sector .ad_btn_area a em {float:left; font-weight:700; font-style:normal; color:#ff4200;}
.ad_sector .ad_btn_area .btn_wrap {float:right; padding:8px 10px 0 0;}
.ad_sector .ad_btn_area .btn_wrap a {padding:0; width:14px; height:15px; border:none; background:url('./img/sprites_ico.gif') no-repeat; overflow:hidden; text-indent:-9000px;}
.ad_sector .ad_btn_area .btn_wrap a.btn_close {background-position:3px -402px; display:none;}

/* 파일, 링크 폼 */
.ad_sector .ad_form_area {clear:both; display:none; margin:0; padding:20px; border:none; border-top:1px solid #e3e3e3; background:#f2f2f2;}
.ad_sector .ad_form_area legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.ad_sector .ad_form_area input {}
.ad_sector .ad_form_area ul {margin:0; padding:0; list-style:none; *zoom:1;}
.ad_sector .ad_form_area ul:after {clear:both; display:block; content:"";}
.ad_sector .ad_form_area li {position:relative; padding-top:10px;*zoom:1;}
.ad_sector .ad_form_area li:after {clear:both; display:block; content:"";}
.ad_sector .ad_form_area li.first {margin:0; padding:0; background:none;}
.ad_sector .ad_form_area li label {position:absolute; bottom:5px; left:5px; font-size:11px; color:#999;}
.ad_sector .ad_form_area .inputbox {float:none;}
.ad_sector .ad_form_area .filebox {float:left; margin-right:1px; padding:5px 3px 2px 5px !important; height:15px; line-height:15px; font-size:12px; border:1px solid #d2d2d2; background:#fff;width:80%;}
.ad_sector .ad_form_area .file_search {position:relative; display:inline; float:left; width:58px; height:24px; background:url('./img/sprites_btn.gif') no-repeat -1600px 0; overflow:hidden;}
.ad_sector .ad_form_area .file_search .btn_file {position:absolute; top:0; right:1px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.ad_sector .ad_form_area .bf_content_input{margin-top:5px;}
.ad_sector .ad_form_area .bf_content_input .i_text{background:#fff;}

.file_btm {padding-top:10px;}
.file_btm .btn_file_add {float:left; width:19px; height:19px; background:url('./img/sprites_btn.gif') no-repeat -1119px 0; text-indent:-9000px; overflow:hidden;}
.file_btm .btn_file_del {float:left; width:19px; height:19px; margin-left:1px; background:url('./img/sprites_btn.gif') no-repeat -1143px 0; text-indent:-9000px; overflow:hidden;}
.file_btm .txt_file_add {float:left; margin:0;  height:19px; line-height:21px; line-height:23px\9; font-size:11px; color:#999; letter-spacing:-1px;}
.file_btm .txt_file_add strong {color:#ff4200;}

/* 파일, 링크 리스트 */
.ad_sector .ad_list_area {border-bottom:none;}
.ad_sector .ad_list_area .first {border-top:1px solid #e3e3e3;}
.ad_sector .ad_list_area li {border-top:1px solid #efefef;}
.ad_sector .ad_list_area li span.txt_name,
.ad_sector .ad_list_area li span.txt_link,
.ad_sector .ad_list_area li span.txt_name {color:#666; background-position:0 -94px;}
.ad_sector .ad_list_area li span.txt_link {color:#0066cc; background-position:0 -184px;}
.ad_sector .ad_list_area li a.btn_del {float:right; padding:0; width:14px; background-position:3px -651px; text-indent:-9000px; overflow:hidden;}
.ad_sector .ad_list_area li a.btn_del:hover {background-position:3px -668px;}

#ad-form_link .i_text_large{background:#fff;}
.cke_sc{display:none;} /* 에디터 단축키 감추기 */

/* 글쓰기 하단 버튼 부분 */
.write_foot {padding-top:20px; text-align:center;}
.write_foot a.btn_list {display:inline-block; width:51px; height:33px; background:url('./img/sprites_btn.gif') no-repeat -1663px 0; text-indent:-9000px; overflow:hidden; vertical-align:top;}

/* CHECK BOX */
.check-box{position:relative;}
.check-box input{position:absolute;left:-9999px;}
.check-box label{font-size:12px;background:url(./img/checkbox.png) 0 center no-repeat;display:inline-block;padding:0 0 0 20px;line-height:16px;height:16px;cursor:pointer;margin:0 10px 0 0;font-weight:normal;}
.check-box label.checkbox-active{background:url(./img/checkbox_active.png) 0 center no-repeat;}

/* PAGING */
.fz_wrap .pg_wrap {clear:both;padding:10px 0;text-align:center; margin:0;font-size:12px; width:100%;}
@media all and (max-width:768px) {
.fz_wrap .pg_wrap {}
}

.fz_wrap .pg_page, .fz_wrap .pg_current {display:inline-block;padding:0 10px;height:32px;color:#333;letter-spacing:0;line-height:30px;vertical-align:middle; border:1px solid #ddd;background:#fff;}
.fz_wrap .pg a:hover{background:#e8e8e8;}
.fz_wrap .pg a:focus, .fz_wrap .pg a:hover {text-decoration:none}
.fz_wrap .pg_page {text-decoration:none}
.fz_wrap .pg_current {display:inline-block;margin:0 0 0 0;background:#888;color:#fff;font-weight:normal; border:1px solid #888;}
.fz_wrap .pg .fa{font-size:14px;}
.fz_wrap .pg_start, .fz_wrap .pg_prev {}
.fz_wrap .pg_end, .fz_wrap .pg_next {}
.fz_wrap .pg_end {background:url(./img/button/btn_end.gif) no-repeat 50% 50% #fff; }
.fz_wrap .pg_end:hover {background:url(./img/button/btn_end.gif) no-repeat 50% 50% #e8e8e8 !important; }
.fz_wrap .pg_start {background:url(./img/button/btn_first.gif) no-repeat 50% 50% #fff; }
.fz_wrap .pg_start:hover {background:url(./img/button/btn_first.gif) no-repeat 50% 50% #e8e8e8 !important; }
/* 글쓰기 폼 */
.fz-form-title{font-size:13px;margin-bottom:5px;font-weight:700;}
.fz-form-content{margin-bottom:20px;}

#bo_w textarea{border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none;padding:8px;line-height:20px;height:100px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#bo_w .frm_file{display: block;margin-bottom: 5px;}
#bo_w .i_text{width:100%;height:28px;line-height:28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#captcha #captcha_img {height:62px;}
#captcha #captcha_key {height:62px;}
#captcha.m_captcha #captcha_key{height:31px !important;} 

.fz_wrap nav{display:block !important;}



@media (max-width:768px){
.fz_list { display:inline-block;}

}




         
@media all and (max-width:750px) {
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
  .select-box ul    { margin-top        : -2px;                                                                                                                                     }

  .poster_performance_schWrap
                    { width             : 100%;             height              : auto;             display             : inline-block;     text-align          : center;           }

  .poster_performance_schWrap #poster_performance_sch
                    { min-width         : 100%;             overflow            : visible;          text-align          : center;           float               : none;             }
  .poster_performance_schWrap #poster_performance_sch .select_box
                    { width             : 100%;             height              : 29px !important;  padding-top         : 1px;                                                      }
                    
  .poster_performance_schWrap #poster_performance_sch .select_box #sfl  /* select의 width값이 span 값으로 */
                    { width             : 70px !important;                                                                                                                          }
  .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap /* 검색입력하는 박스의 값 */
                    { width             : clamp(90px, calc(80% - 138px), 200px);                    height              : 30px;                                                     }
  .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap
                    { width             : auto;             height              : 30px !important;  margin-top          : 1px;              min-width           : 60px;             }   

  .select-box       { height            : 27px !important;                                                                                                                          }
  .select-box a     { height            : 25px !important;  line-height         : 26px !important;                                                                                  }
  .poster_performance_schWrap #poster_performance_sch .select_box ul
                    { margin-top        : 0px !important;                                                                                                                           }


  .check_control    { min-height        : 140px;                                                                                                                                    }
  .check_control .check_controlWrap #check_control_select
                    { height            : 28px !important;                                                                                                                          }       
  .check_control .check_controlWrap #check_control_select #btn_submit
                    { height            : 25px !important;                                                                                                                          }
  .check_control .check_controlWrap #check_control_select #btn_submit a
                    { height            : 25px !important;                                                                                                                          }
  .check_control .check_controlWrap #check_control_select ul
                    { margin-top        : 3px;              border-radius       : 8px;                                                                                              }

  .check_control    { min-height        : 140px;                                                                                                                                    }
  .check_control .check_controlWrap #check_control_select
                    { height            : 28px !important;                                                                                                                          }       
  .check_control .check_controlWrap #check_control_select #btn_submit
                    { height            : 25px !important;                                                                                                                          }
  .check_control .check_controlWrap #check_control_select #btn_submit a
                    { height            : 25px !important;                                                                                                                          }
  .check_control .check_controlWrap #check_control_select ul
                    { margin-top        : 3px;                                                                                                                                      }

  .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a h1                  
                    { font-size         : 11px;             color               : #333;             font-weight         : 400;              text-align          : center;           }

}