/*
* ¸ÞÀÎ Áß°³¾÷¼Ò ¼Ò°³
*/
.hm_profile {
    background-color: #f8f8f8;
    padding: 5px 0px 10px 0px;
    width: 100%;
}

.hm_profile .profile_img {
    float: left;
    padding:0px 5px 0px 10px;
}

.hm_profile .profile_desc {
    float: right;

}

.hm_profile .hm_addr {
    max-width:225px;
    word-break: break-all;
}

.hm_profile {
    float:left;
    color:#666666;
    margin:10px 0px;
    border:0px;
    border-bottom:solid 1px #cfcfcf;
    display: block !important;
}

/*
* ¾÷¼Ò¼Ò°³
*/
.c_intro {
    margin-top:10px;
}
.c_intro_content{
    padding-left:15%;
    display: table;
}
.c_intro p{
    font-size:16px;
    color:#666666;
    margin-bottom:10px;
    border-bottom:solid 2px #b7ddf2;
    padding-bottom:10px;
    font-weight: bold;
    padding-left:15px;
}

.c_intro hr {
    color:#666666;
    margin:10px 0px;
    border:0px;
    border-bottom:solid 2px #b7ddf2;
    display: block !important;
}

.descript_intro {
    display: block;
}
/*
* ¸Å¹°ÆäÀÌÁö
*/
.main_maemul {
    display: inline-block;
    width: 49%;
    padding-left:1px;
}

.main_maemul img {
    max-width: 300px;'
}

.main_maemul .normal_list_div{
    width:100%;
}

.span_confirm_mark {
    position: relative;
    width: 0px !important;
    padding: 0px !important;
    left:5px;
}
.div_offer_title {
    max-height: 40px !important;
    white-space: nowrap  !important;
    overflow: hidden  !important;
    text-overflow: ellipsis !important;
}
/*
* °Ô½ÃÆÇ
*/

.hm_board_list {
    /*padding-top:15px;*/
}

.hm_board_list .hm_wrap {
    /*background: linear-gradient(#c5c5c5, #ffffff, #c5c5c5);*/
    vertical-align: middle;
    border-bottom: 1px solid;
    padding-top:5px;
    padding-bottom:5px;
}

.hm_board_list .hbg_gray {
    background: #ececec;
}

.hm_board_list .hbg_white {
    background: #ffffff;
}

.hm_board_list .hm_no {
    display: inline-block;
    float:left;
    top:9px;
    padding-left : 3px;
    position:relative;
    width:5%;
    text-align: center;
}

.hm_board_list .hm_content{
    display: inline-block;
    position:relative;
    padding-left: 10px;
    margin-left : 5px;
    border-left: 1px solid;
    width: 85%;
}

.hm_board_list .hm_title{
    white-space: nowrap  !important;
    overflow: hidden  !important;
    text-overflow: ellipsis !important;
    font-weight: bold;
}
.hm_board_list .hm_user_data *{
    font-size:11px !important;
    color:rgba(0,0,0,0.6);
}
.hm_board_list .hm_user_data font {
    float:left;
}

.hm_board_list .hm_user_data date {
    float:right;
}

.hm_board_detail {
    padding-top:10px;
}

.hm_board_detail .hm_title {
    text-align: center;
}

.hm_board_detail .hm_user_data {
    float:left;
    width:100%;
    border-top:1px solid black;
    border-bottom:1px solid black;
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.hm_board_detail .hm_user_data .data {
    float:right;
    padding-right:10px;
    width:auto;
}
.hm_board_detail .hm_user_data span {
    font-size:12px;
}

.hm_board_detail .hm_user_data .name {
    float:left;
    width:auto;
    padding-left:10px;
}

.hm_board_detail .hm_detail_content{
    float:left;
    width:100%;
}

.hm_board_detail .content_title {
    background-color: #ddd;
    text-align: center;
    border-bottom: 1px solid black;
}

.hm_board_detail .contents {
    padding-top:10px;
    padding-left:10px;
    min-height: 250px;
}
.hm_detail_bottom .bottom_menu .block { display: block; }

.hm_detail_bottom .bottom_menu .half { width:50%; }

.left { float: left; }
.right { float: right; }

.hm_detail_bottom .bottom_menu span {
    color: black;
    float: left;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding : 10px 0px;
}

.hm_detail_bottom .bottom_menu span:hover {
    background-color: #ddd;
}

/*
* Pagination
*/
div.paging {
    display: inline-block;
    padding-top: 10px;
    margin: 0;
}

div.paging div {display: inline;}

div.paging div a, div.paging div span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

div.paging div span.current {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

div.paging div a:hover:not(.current) {background-color: #ddd;}


/*
* °øÅë
*/
.button {
    color: black;
    /*float: left;*/
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.button:hover {
    background-color: #ddd !important;
}