@charset "utf-8";
#md_contents {font-size:12px; line-height:19px;}
/*#md_contents div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0; padding:0}*/
#md_contents ul, p, button {margin:0; padding:0;}
#md_contents li {list-style:none;}
#md_contents img {border:0;}
#md_contents a {text-decoration:none; color:#444;}
#md_contents a:hover {color:#444; text-decoration:none;}
#md_contents legend, caption {display:none;}
#md_contents fieldset {border:0; margin:0; padding:0;}
#md_contents input, select, textarea, button {border:1px solid #ddd; background-color:#fff; border-radius:3px; vertical-align:middle; font-size:12px;}
#md_contents input[type="text"] {height:28px; line-height:28px; padding:0 5px;}
#md_contents input[type="button"] {height:30px; line-height:30px; padding:0 10px; cursor:pointer;}
#md_contents input[type="password"] {height:28px; line-height:28px; padding:0 5px;}
#md_contents input[type="file"] {height:28px; line-height:28px; padding:0 5px;}
#md_contents input[type="submit"] {height:30px; line-height:28px; padding:0 10px; cursor:pointer;}
#md_contents button {height:29px; line-height:29px; padding:0 10px; cursor:pointer;}
#md_contents select {height:30px; line-height:30px; padding:0 5px; vertical-align:middle;}
#md_contents textarea {font-size:12px; line-height:22px; width:98%; padding:10px 1%; text-align:justify;}
#md_contents input[type="checkbox"] {border:1px solid #ddd; background-color:#fff; border-radius:3px; vertical-align:middle;}
#md_contents select:hover {cursor:pointer;}
/*
#md_contents table {border-top:2px solid #888; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#md_contents th {font-size:12px; line-height:19px; border-bottom:1px solid #ddd; background-color:#fff;}
#md_contents td {font-size:12px; line-height:19px; border-bottom:1px solid #ddd; background-color:#fff;}
#md_contents tr.linked {cursor:pointer;}
*/

#md_contents input:-ms-input-placeholder { color: #9e9e9e; } /** Internet Explorer 10 이상에 적용**/
#md_contents input::-webkit-input-placeholder { color: #9e9e9e; } /**  Webkit, Blink, Edge에 적용**/
#md_contents input::-moz-placeholder { color: #9e9e9e; } /** Mozilla Firefox 4 부터 18에 적용**/
#md_contents input::-moz-placeholder { color: #9e9e9e; } /** Mozilla Firefox 19 이상에 적용**/

/*basic*/
#md_contents .clear {clear:both;}

/*button_color*/
#md_contents .btn_black {border:1px solid #555; background-color:#555; color:#fff;}
#md_contents .btn_black:hover {border:1px solid #333; background-color:#333; color:#fff;}
#md_contents .btn_red {border:1px solid #f56878; background-color:#f56878; color:#fff;}
#md_contents .btn_red:hover {border:1px solid #db4355; background-color:#db4355; color:#fff;}
/*
#md_contents .btn_gblue {border:1px solid #44c4c4; background-color:#44c4c4; color:#fff;}
#md_contents .btn_gblue:hover {border:1px solid #28acac; background-color:#28acac; color:#fff;}
*/
#md_contents .btn_blue {border:1px solid #4591cc; background-color:#4591cc; color:#fff;}
#md_contents .btn_blue:hover {border:1px solid #2a79b6; background-color:#2a79b6; color:#fff;}
#md_contents .btn_orange {border:1px solid #f39c12; background-color:#f39c12; color:#fff;}
#md_contents .btn_orange:hover {border:1px solid #e67e22; background-color:#e67e22; color:#fff;}
#md_contents .btn_darkred {border:1px solid #e74c3c; background-color:#e74c3c; color:#fff;}
#md_contents .btn_darkred:hover {border:1px solid #c0392b; background-color:#c0392b; color:#fff;}
#md_contents .btn_purple {border:1px solid #9b59b6; background-color:#9b59b6; color:#fff;}
#md_contents .btn_purple:hover {border:1px solid #8e44ad; background-color:#8e44ad; color:#fff;}
#md_contents .btn_green {border:1px solid #2ecc71; background-color:#2ecc71; color:#fff;}
#md_contents .btn_green:hover {border:1px solid #27ae60; background-color:#27ae60; color:#fff;}
#md_contents .btn_yellow {border:1px solid #FFD600; background-color:#FFD600; color:#fff;}
#md_contents .btn_yellow:hover {border:1px solid #FBC02D; background-color:#FBC02D; color:#fff;}
#md_contents .btn_brown {border:1px solid #795548; background-color:#795548; color:#fff;}
#md_contents .btn_brown:hover {border:1px solid #5D4037; background-color:#5D4037; color:#fff;}
#md_contents .btn_lime {border:1px solid #CDDC39; background-color:#CDDC39; color:#fff;}
#md_contents .btn_lime:hover {border:1px solid #C0CA33; background-color:#C0CA33; color:#fff;}
#md_contents .btn_black {border:1px solid #363636; background-color:#363636; color:#fff;}
#md_contents .btn_black:hover {border:1px solid #303030; background-color:#303030; color:#fff;}

/*button_with_height*/
#md_contents .btn_height {height:28px; line-height:28px; display:inline-block; padding:0 10px; border-radius:3px; vertical-align:middle;}
#md_contents .btn_darkgray {height:28px; line-height:28px; color:#eee; font-size:12px; border:1px solid #888; background-color:#888; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
#md_contents .btn_darkgray:hover {color:#fff; border:1px solid #666; background-color:#666;}
#md_contents .btn_gblue {height:28px; line-height:28px; color:#fff; font-size:12px; border:1px solid #44c4c4; background-color:#44c4c4; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
#md_contents .btn_gblue:hover {color:#fff; border:1px solid #28acac; background-color:#28acac;}
#md_contents .btn_white {height:28px; line-height:28px; color:#444; font-size:12px; border:1px solid #888; background-color:#fff; border-radius:3px; padding:0 10px; display:inline-block; vertical-align:middle; cursor:pointer;}
#md_contents .btn_white:hover {color:#444; border:1px solid #555; background-color:#f9f9fb;}

/*text-color*/
#md_contents .text_gray {color:#ccc;}
#md_contents .text_red {color:#f56878;}
#md_contents .text_gblue {color:#44c4c4;}
#md_contents .text_blue {color:#3db3ca;}

/*font-size*/
#md_contents .fs12 {font-size:12px;}
#md_contents .fs14 {font-size:14px;}
#md_contents .fs16 {font-size:16px;}
#md_contents .fs18 {font-size:18px;}
#md_contents .fs20 {font-size:20px;}

/*rowtable*/
#md_contents .rowtable th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; width:20%;}
#md_contents .rowtable td {border-bottom:1px solid #ddd; padding:8px 10px;}
/*rowtable2*/
#md_contents .rowtable2 th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px;}
#md_contents .rowtable2 td {border-bottom:1px solid #ddd; padding:8px 10px;}


/*coltable*/
#md_contents .coltable th {background-color:#fafbfc; border-bottom:1px solid #ddd; padding:8px 10px;}
#md_contents .coltable td {border-bottom:1px solid #ddd; padding:8px 10px; transition:all 0.1s ease-out;}
#md_contents .coltable tr:hover td {background-color:#f9f9fb;}
#md_contents .coltable#board_list tr:hover td a {font-weight:bold;}

/*menutable*/
#md_contents .menutable th {background-color:#fafbfc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px 10px;}
#md_contents .menutable td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;  padding:8px 10px; transition:all 0.1s ease-out;}
#md_contents .menutable .border_right { border-right:0px;}

/*width*/
#md_contents .w100 {width:100%;}
#md_contents .w98 {width:98%;}
#md_contents .w95 {width:95%;}
#md_contents .w90 {width:90%;}
#md_contents .w85 {width:85%;}
#md_contents .w80 {width:80%;}
#md_contents .w75 {width:75%;}
#md_contents .w70 {width:70%;}
#md_contents .w65 {width:65%;}
#md_contents .w60 {width:60%;}
#md_contents .w55 {width:55%;}
#md_contents .w50 {width:50%;}
#md_contents .w49 {width:49%;}
#md_contents .w48 {width:48%;}
#md_contents .w45 {width:45%;}
#md_contents .w40 {width:40%;}
#md_contents .w35 {width:35%;}
#md_contents .w30 {width:30%;}
#md_contents .w25 {width:25%;}
#md_contents .w120px {width:120px;}
#md_contents .w100px {width:100px;}
#md_contents .w80px {width:80px;}
#md_contents .w60px {width:60px;}
#md_contents .w40px {width:40px;}

/*height*/
#md_contents .mh0 {min-height:0;}

/*margin*/
#md_contents .m50 {margin:50px;}
#md_contents .m40 {margin:40px;}
#md_contents .m30 {margin:30px;}
#md_contents .m20 {margin:20px;}
#md_contents .m10 {margin:10px;}
#md_contents .m5 {margin:5px;}
#md_contents .m0 {margin:0;}
#md_contents .m0a {margin:0 auto;}

/*margin-top*/
#md_contents .mt50 {margin-top:50px;}
#md_contents .mt40 {margin-top:40px;}
#md_contents .mt30 {margin-top:30px;}
#md_contents .mt20 {margin-top:20px;}
#md_contents .mt10 {margin-top:10px;}
#md_contents .mt5 {margin-top:5px;}
#md_contents .mt0 {margin-top:0;}

/*margin-left*/
#md_contents .ml50 {margin-left:50px;}
#md_contents .ml40 {margin-left:40px;}
#md_contents .ml30 {margin-left:30px;}
#md_contents .ml20 {margin-left:20px;}
#md_contents .ml10 {margin-left:10px;}
#md_contents .ml5 {margin-left:5px;}
#md_contents .ml0 {margin-left:0;}

/*margin-right*/
#md_contents .mr50 {margin-right:50px;}
#md_contents .mr40 {margin-right:40px;}
#md_contents .mr30 {margin-right:30px;}
#md_contents .mr20 {margin-right:20px;}
#md_contents .mr10 {margin-right:10px;}
#md_contents .mr5 {margin-right:5px;}
#md_contents .mr0 {margin-right:0;}

/*margin-bottom*/
#md_contents .mb50 {margin-bottom:50px;}
#md_contents .mb40 {margin-bottom:40px;}
#md_contents .mb30 {margin-bottom:30px;}
#md_contents .mb20 {margin-bottom:20px;}
#md_contents .mb10 {margin-bottom:10px;}
#md_contents .mb5 {margin-bottom:5px;}
#md_contents .mb0 {margin-bottom:0;}

/*padding*/
#md_contents .p50 {padding:50px;}
#md_contents .p40 {padding:40px;}
#md_contents .p30 {padding:30px;}
#md_contents .p20 {padding:20px;}
#md_contents .p10 {padding:10px;}
#md_contents .p5 {padding:5px;}
#md_contents .p0 {padding:0;}
#md_contents .pa10_1 {padding:10px 1%;}

/*padding-top*/
#md_contents .pt50 {padding-top:50px;}
#md_contents .pt40 {padding-top:40px;}
#md_contents .pt30 {padding-top:30px;}
#md_contents .pt20 {padding-top:20px;}
#md_contents .pt10 {padding-top:10px;}
#md_contents .pt5 {padding-top:5px;}
#md_contents .pt0 {padding-top:0;}

/*padding-left*/
#md_contents .pl50 {padding-left:50px;}
#md_contents .pl40 {padding-left:40px;}
#md_contents .pl30 {padding-left:30px;}
#md_contents .pl20 {padding-left:20px;}
#md_contents .pl10 {padding-left:10px;}
#md_contents .pl5 {padding-left:5px;}
#md_contents .pl0 {padding-left:0;}

/*padding-right*/
#md_contents .pr50 {padding-right:50px;}
#md_contents .pr40 {padding-right:40px;}
#md_contents .pr30 {padding-right:30px;}
#md_contents .pr20 {padding-right:20px;}
#md_contents .pr10 {padding-right:10px;}
#md_contents .pr5 {padding-right:5px;}
#md_contents .pr0 {padding-right:0;}

/*padding-bottom*/
#md_contents .pb50 {padding-bottom:50px;}
#md_contents .pb40 {padding-bottom:40px;}
#md_contents .pb30 {padding-bottom:30px;}
#md_contents .pb20 {padding-bottom:20px;}
#md_contents .pb15 {padding-bottom:15px;}
#md_contents .pb10 {padding-bottom:10px;}
#md_contents .pb5 {padding-bottom:5px;}
#md_contents .pb0 {padding-bottom:0;}

/*border*/
#md_contents .bt {border-top:1px solid #ddd;}
#md_contents .bb {border-bottom:1px solid #ddd;}
#md_contents .bl {border-left:1px solid #ddd;}
#md_contents .br {border-right:1px solid #ddd;}
#md_contents .brn {border-right:0;}
#md_contents .bn {border:0;}

/*border-dotted*/
#md_contents .bt_dot {border-top:1px dotted #bbb;}
#md_contents .bb_dot {border-bottom:1px dotted #bbb;}
#md_contents .bl_dot {border-left:1px dotted #bbb;}
#md_contents .br_dot {border-right:1px dotted #bbb;}

/*background*/
#md_contents .bg_fff {background-color:#fff;}
#md_contents .bg_f9f9fb {background-color:#f9f9fb;}
#md_contents .bgn {background:none;}

/*float*/
#md_contents .fl {float:left;}
#md_contents .fr {float:right;}
#md_contents .fn {float:none;}

/*text-align*/
#md_contents .tc {text-align:center;}
#md_contents .tl {text-align:left;}
#md_contents .tr {text-align:right;}
#md_contents .tj {text-align:justify;}

/*font-weight*/
#md_contents .tb {font-weight:bold;}
#md_contents .tn {font-weight:normal;}

/*user_rowtable*/
#md_contents .user_rowtable table {border-top:2px solid #888; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#md_contents .user_rowtable th {background-color:#fafbfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; width:20%;}
#md_contents .user_rowtable td {border-bottom:1px solid #ddd; padding:8px 10px;}

.main_btn_height {margin:0; padding:0;height:28px; line-height:28px !important; display:inline-block; padding-left:10px; padding-right:10px; border-radius:3px; vertical-align:middle;text-decoration:none; color:#444;font-size:12px; line-height:19px;}
.main_btn_black {border:1px solid #363636; background-color:#363636; color:#fff;}