/*법률QA CSS*/

#container .contents_block .result_block.law_qa_result {
    margin-top: 109px;
}

#container ul.menu_tab{
margin-top:-8px !important;
}
ul.menu_tab.law-part{
white-space:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
max-width:unset !important;
} 

ul.menu_tab.law-part li{
display:block;
float:unset !important;
}
.btn-download {
    background-color:#f4f3f6;
}

.txt-tel-link {
margin-bottom:20px;
font-size:1em;
}
.txt-tel-link li {
font-weight:600;
word-spacing:-1.5px;
}
.txt-tel-link li span{
padding-left:10px;
font-weight:normal;
}
.box_header{
margin-top:10px;
width:100%;
position:relative;
display:inline-block;
box-sizing:border-box;
}

.law_qa_result ul.listed {
width:100%;
border-top:1px solid #ccc;
position:relative;
box-sizing:border-box;
display:inline-block;
}
.law_qa_result ul.listed li{
width:100%;
position:relative;
box-sizing:border-box;
word-spacing: -1.5px;
letter-spacing: -.4px;
display:inline-block;
margin-top:10px;

}

.law_qa_result ul.listed li:nth-child(1) {
    width:100%;
    clear:both;

}

.law_qa_result ul.listed li:nth-child(1) .subject{
width:77%;
float:left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size:1em;
color:#000;
}

.law_qa_result ul.listed li:nth-child(1) .answer{
width:20%;
float:right;
font-weight:normal;
text-align:center;
border:1px solid #ccc;
background-color:#ccc;
color:#fff;
height:25px;
line-height:25px;
border-radius:5px;
font-size:.9em;
margin-top:1.5px;
}

.law_qa_result ul.listed li:nth-child(1) .answer.active{
border:1px solid #408c75;
background-color:#57b397;
}


.law_qa_result ul.listed li:nth-child(2) {
    width:80%;
    font-size:1.1em;
    font-weight:600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.law_qa_result ul.listed li.created,
.law_qa_result ul.listed li.view_count,
.law_qa_result ul.listed li.user_name{
    float:left;
    font-weight:normal;
    font-size:.85em;
    margin-top:0px;
    color:#666;
    margin-bottom:10px;
}
.law_qa_result ul.listed li.body_area {
    clear:both;
    width:100%;
    min-height:100px;
    display:none;
    border-top: 1px solid #ccc;
}

.law_qa_result ul.listed li.body_area.active{
display:inline-block;
}

.law_qa_result ul.listed li.created{
    width:25%;

}
.law_qa_result ul.listed li.view_count{
    width:30%;

}

.law_qa_result ul.listed li.user_name{
    width:40%;
}


.law_qa_result h3 span.total_count{
float:right;
font-size:.8em;
font-weight:normal;
color:#000;
}


.board_body_block{
    letter-spacing:-0.4px;
    word-spacing:-1.5px;
    }
    .board_body_block h3{
    font-size:1.1em;
    margin-bottom:15px;
    margin-top:20px;
    }
    .board_body_block h3:before{
    width: 16px;
    height: 16px;
    background-image: url(../img/org_dot.png);
    background-size: 16px 16px;
    display: block;
    float: left;
    margin-top: 7px;
    margin-right: 5px;
    content: "";
    }
    
    .board_body_block .category-badge{
        height:26px;
        line-height:26px;
        padding-left:10px;
        padding-right:10px;
        color:#000;
        border:1px solid #3ab4b7;
        display:inline-block;
        font-size:.85em;
        border-radius: 2px;
        font-weight: normal;
        margin-bottom:5px;
    }
    
    .board_body_block dl,
    .board_body_block dd{
    display:inline-block;
    max-width:100%;
    }
    .board_body_block .subject-title{
        margin-bottom: 10px;
        margin-top: 4px;
        line-height: 23px;
        font-size:1.1em;
    
    }
    .board_body_block .question-org .subject-title:before,
    .board_body_block .answer-org .subject-title:before{
        width: 25px;
        height: 25px;
        display: inline-block;
        color: #fff;
        font-size: .95em;
        text-align: center;
        line-height: 24px;
        border-radius: 3px;
        margin-right: 5px;
    }
    
    .board_body_block .question-org .subject-title:before{
        content: "Q";
        background-color: #3ab4b7;
    }
    
    .board_body_block .answer-org .subject-title:before{
        content: "A";
        background-color: #da9154;
    }
    
    .board_body_block .question-org .article-info span{
    display:block;
    float:left;
    margin-right:20px;
    color:#777;
    font-size:.89em;
    margin-bottom:10px;
    }
    
    
    .board_body_block .article-body{
        clear: both;
        word-wrap: break-word;
        font-size: .93em;
        display: inline-block;
        margin-top: 7px;
        width:100%;
    }
    
    .board_body_block .answer-org .article-body .answer_header{
    display:inline-block;
    width:100%;
    font-weight:bold;
    margin-bottom:15px;
    font-size:1.1em;
    display:none;
    
    }
    
    
    
    .board_body_block .answer-org .article-body .answer-alert{
    width:100%;
    background-color:#f3f1f1;
    display:inline-block;
    padding:15px;
    box-sizing:border-box;
    font-size:.85em;
    color:#666;
    margin-top:30px;
    word-spacing:-2px;
    line-height:20px;
    }
    
    
    .board_body_block .answer-info{
        position: relative;
        background-color:#fcf4ed;
        border: 0px;
        margin-top: -8px;
        z-index: 0;
        width: 113.5% !important;
        margin-left: -10% !important;
        display:inline-block;
        border-top:1px solid #D2D9E5;
        border-bottom:1px solid #D2D9E5;
        padding-top:10px;
        padding-bottom:10px;
        margin-top:15px;
        max-width: 113.5%;
    }
    .board_body_block .answer-info>dt,
    .board_body_block .answer-info>dd{
    padding-left:8%;
    }
    
    
    .board_body_block .answer-info .article-info .article-name{
        color: #000;
        font-size: .88em;
        display:block;
        float:left;
        margin-left:10px;
        margin-top:6px;
    }
    .board_body_block .answer-info .article-info .article-pic{
        display:block;
        float:left;
        width:40px;
        height:40px;
        overflow:hidden;
        margin-left:30px;
    }
    
    .board_body_block .answer-info .article-info .article-pic img{
    max-width:100%;
    border-radius:40px;
    }
    
    .board-btn{
    min-width:37px;
    padding:10px 15px 10px 15px;
    background-color:#fff;
    border:1px solid #2c5a9d;
    border-radius:3px;
    color:#2c5a9d;
    }
    
    .board-btn.bg-btn{
    background-color:#2c5a9d;
    border:1px solid #2c5a9d;
    color:#fff;
    }
    
    .board-btn.board-list{
    float:right;
    }
    
    .board-control-block{
    margin-top:20px;
    }
    .board-control-block button{
    margin-right:5px;
    }
    .board-control-block button:last-child{
    margin:0px;
    }

    #container .menu_split {
        margin-top: -9.1px !important;
    }


    .pricing_view {
        word-spacing:-1px;
        letter-spacing:-0.3px;
        }
        .pricing_view  p.info{
            color:#777;
            line-height:21px;
            margin-top:10px;
            font-size:.95em;
        }
       .btn{
        width:100%;
        height:50px;
        border:1px solid #ccc;
        border-radius:4px;
        margin-top:20px;
        color:#444;
        font-weight:600;
        }
         .btn i{
        color:#4680d7 !important;;
        margin-right:5px;
        }
        
        .pricing_view h3{
        margin-top:20px;
        margin-bottom:10px;
        }
        .blft{
        font-weight:bold;
        color:#36a6a9;
        display:inline-block;
        width:100%;
        }
        .green-bg{
        background-color:#ecfcfc;
        padding:20px 15px 20px 15px;
        }
        .purple-bg{
        background-color:#fbeff6;
        padding:20px 15px 20px 15px;
        }
        .green-dot{
        color:#36a6a9;
        }
        
        .purple-ft,
        .purple-dot{
        color:#7b104f !important;
        }
        
        .blue-bg{
            background-color:#ebf2fa;
            padding:20px 15px 20px 15px;
        }
        .blue-dot{
            color:#2b6bc7 !important;
        }
        
        .subt{width:100%;text-align:center;color:#000;font-weight:600;font-size:1.1em;margin-bottom:20px;}
        .subt i{
        font-size:.8em;
        margin-right:3px;
        }
        .fw-b{
        font-weight:600;
        }
        .normal_ft{
        display:inline-block;
        width:100%;
        box-sizing:border-box;
        color:#000;
        }
        
        .pricing_table{
        width:100%;
        border-top:3px solid #5a9cc9;
        }
        .pricing_table th{
        border:1px solid #d2d9e5;
        background-color:#e9f3f6;
        height:30px;
        }
        .pricing_table td{
        border:1px solid #d2d9e5;
        text-align:center;
        height:30px;
        background-color:#fff;
        }
        .pricing_table td:nth-child(1),
        .pricing_table th:nth-child(1) {
        border-left:0px;
        }
        
        .pricing_table td:nth-child(2),
        .pricing_table th:nth-child(2) {
        border-right:2px;
        }
        
        .kar_opened{display:none;}
        
        .pricing_map {
        width: 100%;
        display:inline-block;
        margin-top:20px;
        }
        .pricing_map dd{
        width:33%;
        float:left;
        display:block;
        }
        
        .blue_ft{
        color:#2b6bc7;
        }
        .alert-box-blue{
        padding:20px;
        width:100%;
        box-sizing:border-box;
        color:#2b6bc7;
        border-radius:10px;
        border:1px solid #ccc;
        margin-top:10px;
        font-size:.94em;
        background-color:#f8f8fa;
        }
        
        .gray-txt{
        font-size:.9em;
        color:#777;
        margin-left:5px;
        }
        .round-dotted{
        width:100%;
        box-sizing:border-box;
        display:block;
        }
        .round-dotted:before{
        display:block;
        width:6px;
        height:6px;
        content:" ";
        background-color:#2b6bc7;
        border-radius:8px;
        margin-right:5px;
        float:left;
        margin-top: 11px;
        }
        .round-dotted span.dot_wrap {
            display:table-cell;
        }









/* 새로운 디자인.. */
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}
.dotted7:before {
    padding-top:2px !important;
}
.pri_head {
    background-color:#335C98;
    color:#fff;
    text-align:center;
    padding:7px 0;
    border-radius:10px 10px 0 0;
    font-weight:600;
    
}
.pri_body {
    background-color:#EFEFEF;
    padding:10px;
}
.pri_con_tit {
    color:#000;
}
.pri_con_wrap {
    padding:10px;
    background-color:#CECECE;
}
.pri_padding {
    padding:0 10px;
}
.pri_con_wrap .dotted4 {
    color:#595959;
}
.pri_con_lay > div {
    float:left;
    width:49%;
}
.pri_con_lay > div:first-child {
    float:left;
    width:49%;
}
.pri_con_lay > div:last-child {
    float:right;
    width:49%;
}
.pri_head2 {
    background-color:#385479;
    color:#fff;
    text-align:center;
    padding:2px 20px;
    border-radius:5px 5px 0 0;
    font-weight:600;
    height:36px;
}
.pri_body2 {
    background-color:#CECECE;
    border-radius:0 0 5px 5px;
    padding:5px 0;
}
.pri_body2 .dotted6 {
    color:#000;
}
.gray {
    color:#595959;
}