/* display - none, inline, block, list-item, run-in, compact, marker, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption */
.disp_none { display:none;}
.disp_in { display:inline;}
.disp_bl { display:block;}
.disp_inbl { display:inline-block; display: -moz-inline-stack;  /* Firefox 2 */  zoom: 1; /* IE hack to trigger hasLayout*/ *display: inline; /* IE hack to achieve inline-block behavior */}

/* float - left, right */
.fl_left { float:left;}
.fl_right { float:right;}

/* Position (위치) */
/* overflow */
.over_hidden { overflow:hidden;}
.over_scroll { overflow:scroll;}
.over_auto { overflow:auto;}

/* position */
.vt_top { vertical-align:top;}
.vt_mid { vertical-align:middle;}
.vt_bot { vertical-align:bottom;}


.txt_wine{color:#cb4d4c; font-weight:bold;}
.ft_16{font-size:16px;}

/* Padding (안쪽여백) */
.pd_t_5 { padding-top:5px !important;}
.pd_t_10 { padding-top:10px !important;}
.pd_t_15 { padding-top:15px !important;}
.pd_t_20 { padding-top:20px !important;}
.pd_t_25 { padding-top:25px !important;}
.pd_t_30 { padding-top:30px !important;}
.pd_t_35 { padding-top:35px !important;}
.pd_t_40 { padding-top:40px !important;}
.pd_t_45 { padding-top:45px !important;}
.pd_t_50 { padding-top:50px !important;}
.pd_t_5 { padding-top:55px !important;}

.pd_r_5 { padding-right:5px !important;}
.pd_r_10 { padding-right:10px !important;}
.pd_r_15 { padding-right:15px !important;}
.pd_r_20 { padding-right:20px !important;}
.pd_r_25 { padding-right:25px !important;}
.pd_r_30 { padding-right:30px !important;}
.pd_r_35 { padding-right:35px !important;}
.pd_r_40 { padding-right:40px !important;}
.pd_r_45 { padding-right:45px !important;}
.pd_r_50 { padding-right:50px !important;}

.pd_b_5 { padding-bottom:5px !important;}
.pd_b_10 { padding-bottom:10px !important;}
.pd_b_15 { padding-bottom:15px !important;}
.pd_b_20 { padding-bottom:20px !important;}
.pd_b_25 { padding-bottom:25px !important;}
.pd_b_30 { padding-bottom:30px !important;}
.pd_b_35 { padding-bottom:35px !important;}
.pd_b_40 { padding-bottom:40px !important;}
.pd_b_45 { padding-bottom:45px !important;}
.pd_b_50 { padding-bottom:50px !important;}

.pd_l_5 { padding-left:5px !important;}
.pd_l_10 { padding-left:10px !important;}
.pd_l_15 { padding-left:15px !important;}
.pd_l_20 { padding-left:20px !important;}
.pd_l_25 { padding-left:25px !important;}
.pd_l_30 { padding-left:30px !important;}
.pd_l_35 { padding-left:35px !important;}
.pd_l_40 { padding-left:40px !important;}
.pd_l_45 { padding-left:45px !important;}
.pd_l_50 { padding-left:50px !important;}

.pd_tb_10 { padding:10px 0 !important;}
.pd_tb_15 { padding:15px 0 !important;}
.pd_tb_20 { padding:20px 0 !important;}
.pd_tb_30 { padding:30px 0 !important;}


/* Margin (바깥여백) */
.mg_t_5 { margin-top:5px !important;}
.mg_t_10 { margin-top:10px !important;}
.mg_t_15 { margin-top:15px !important;}

.mg_t_20 { margin-top:20px !important;}
.mg_t_40 { margin-top:40px !important;}


.mg_r_5 { margin-right:5px !important;}
.mg_r_10 { margin-right:10px !important;}
.mg_r_20 { margin-right:20px !important;}

.mg_b_5 { margin-bottom:5px !important;}
.mg_b_10 { margin-bottom:24px !important;}
.mg_b_20 { margin-bottom:20px !important;}
.mg_b_40 { margin-bottom:40px !important;}

.mg_l_5 { margin-left:5px !important;}
.mg_l_10 { margin-left:10px !important;}
.mg_l_20 { margin-left:20px !important;}
.mg_l_40 { margin-left:40px !important;}

.mg_tb_10 { margin:10px 0 !important;}
.mg_tb_15 { margin:15px 0 !important;}
.mg_tb_20 { margin:20px 0 !important;}
.mg_tb_30 { margin:30px 0 !important;}

.bdr{border:1px solid blue}


/* Smart Editor Outout  */
/* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 
   예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */
.smartOutput{ clear:both; font-size:12px; line-height:1.8; font-family:Tahoma, Verdana, Arial, Helvetica, Geneva, Sans-serif;  min-height:100px; }
.smartOutput p{ margin-top:7px; margin-bottom:7px;}
.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma, monospace;}
.smartOutput sub{ font:10px Tahoma, monospace;}
.smartOutput table td{ padding:4px;}


.input01 { border:1px solid #c9c9c9; padding:3px; background:#f3f3f3;}
.input02 {  padding:3px; background:#fff; border:1px solid #e9e9e9; color:#fff;}
.input03 {  padding:3px; background:#fff; border:1px solid #e9e9e9; color:#333;}
.input04 {  height:20px; padding:3px; background:#fff; border:1px solid #bfbfbf; color:#333;}
.input05 {  padding:2px; background:#fff; border:1px solid #888; color:#fff;}


.bd_none { border:none;}
.bg_none { background:none !important;}


/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display:inline-block; zoom:1;/*for IE 5.5-7*/}

/* Hides from IE-mac \\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */