/*법률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;
    }
    .agree_view_content{
        font-size:.84em;
        max-height:200px;
        overflow:hidden;
        overflow-y:auto;
        border:1px solid #ccc;
        background-color: #fff;
        box-sizing:border-box;
        width:100%;
        padding:10px;
        margin-bottom:10px;
        line-height:23px !important;
        }
        
    
    .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;
    }
    .kar_opened .btn{
    width:100%;
    height:30px;
    border:1px solid #666;
    border-radius:3px;
    margin-top:20px;
    color:#444;
    font-size:.7em;
    }
    .kar_opened .btn i{
    color:#666 !important;;
    margin-right:5px;
    }
    
    .kar_opened .btn2{
    width:100%;
    height:auto;
    padding:8px 0;
    border:1px solid #706f71;
    border-radius:3px;
    background-color: #f4f3f6;
    margin-top:10px;
    color:#444;
    font-size:.95em;
    font-weight:600;
    }
    
    .kar_opened .btn2 i{
    color:#636363 !important;;
    margin-right:5px;
    font-size:.85em;
    vertical-align:1px;
    }
    
    .pricing_view h3{
    margin-top:25px;
    margin-bottom:8px;
    }
    .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%;
    }
    .pricing_table th{
    border:1px solid #ccc;
    background-color:#ecfcfc;
    height:30px;
    color:#000;
    }
    .pricing_table td{
    border:1px solid #ccc;
    text-align:center;
    height:30px;
    background-color:#fff;
    color:#000;
    }
    .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;
    }
    
    .pricing_table tr td:last-child{
    border-right:0px;
    }
    .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_well{
    width:100%;
    box-sizing:border-box;
    padding:20px;
    border-radius:20px;
    letter-spacing:-0.3px;
    word-spacing:-1px;
    word-wrap: break-word;
    }
    
    .well{
    width:100%;
    box-sizing:border-box;
    padding:10px;
    letter-spacing:-0.3px;
    word-spacing:-1px;
    word-wrap: break-word;
    
    }         
    
    
    .bluebg{
    background-color:#efefef;
    border:1px solid #e4e4e4;
    color:#000;
    }
    .bold_bg{
    font-weight:600;
    }
    
    .box-information{
    width:100%;
    box-sizing:border-box;
    position:relative;
    display:inline-block;
    height:80px;
    margin-bottom: 16px !important;
    }
    
    
    .box-information dd:nth-child(1){
    width:32%;
    border-radius:10px;
    height:80px;
    background-color:#f2f2f2;
    text-align:left;
    box-sizing:border-box;
    line-height:78px;
    position:absolute;
    left:0px;
    z-index:2;
    font-weight:600;
    text-align:center;
    padding-right:10px;
    }
    .yellow_bg{
    background-color:#ffcb5e !important;
    border:1px solid #ffcb5e !important;
    }
    
    .blue_bgw{
    background-color:#2fb1e5 !important;
    border:1px solid #2fb1e5 !important;    
    }
    
    .box-information dd:nth-child(2){
    border:1px solid #ccc;
    height:80px;
    width:71%;
    right:0px;
    border-radius:0 10px 10px 0;
    border-left:0px;
    position:absolute;
    z-index:1;
    box-sizing:border-box;
    padding-left:6%;
    line-height:20px;
    padding-top:18px;
    }
    
    .round_w{
    width:28px;
    height:28px;
    background-color:#fff;
    line-height:28px;
    text-align:center;
    border-radius:100%;
    display:block;
    margin-right:2px;
    font-size:.95em;
    margin-left:10px;
    float:left;
    margin-top:25px;
    }
    .small_ft{
    font-size:.87em;
    }
    
    
    .box-information dd:nth-child(3){
    position:absolute;
    bottom:-15px;
    left:49%;
    width: 0px;height: 0px;
    border-top:10px solid #555;
    border-bottom:10px solid none;
    border-right: 10px solid transparent;
    border-left: 10px solid  transparent;
    z-index:4;
    
    }
    
    .box-information.mb-0{
    margin-bottom:0px !important;
    }
    .mt-0{margin-top:0px;}
    
    .step_info{
    width:100%;
    box-shadow: -1px 4px 12px 1px #e9e9e9;
    margin-top:25px;
    display:inline-block;
    border-radius:10px;
    position:relative;
    }
    .step_info li.step_title{
    width:100%;
    box-sizing:border-box;
    display:block;
    height:40px;
    line-height:40px;
    font-weight:600;
    padding-left:15px;
    padding-right:15px;
    border-radius:10px 10px 0 0;
    
    }
    .step_info li.step_title i {
    font-size:.8em;
    margin-left:8px;
    }
    .step_info li.step_title .right_law{
    font-size:.82em;
    display:block;
    float:right;
    font-weight:normal;
    }
    .step_info li.step_info{
    min-height:60px;
    text-align:center;
    border-radius:0px 0px 10px 10px;
    }
    .step_info .step_body {
    display:none;
    font-size: .85em;
    line-height: 23px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    color: #333;
    border-top: 1px solid #e7e7e7;
    }
    
    .step_info  dl{
    width:100%;
    box-sizing:border-box;
    margin: 0px !important;
    
    }
    
    .step_info dd:nth-child(3),
    .step_info dd:nth-child(2),
    .step_info dd:nth-child(1) {
    min-height:60px;
    min-height:60px;
    line-height:60px;
    text-align:Center;
    font-size:.95em;
    }
    
    .step_info dd:nth-child(1) {
    float:left;
    width:40%;
    }
    .step_info dd:nth-child(2) {
    float: left;
    width: 15%;
    min-height: 8px;
    background-color: #888;
    margin-top: 27px;
    max-height: 8px;
    margin-left:3%;
    }
    .step_info dd:nth-child(3) {
    float:right;
    width:40%;
    }
    
    .step_info dd img{
    vertical-align:middle;
    width:18px;
    margin-left:5px;
    margin-right:3px;
    }
    
    .arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #888;
    float: right;
    margin-top: -6px;
    margin-right: -10px;
    }
    
    .arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    border-right: 10px solid #888;
    margin-top: -6px;
    margin-left: -10px;
    }
    .w_blue_bg{background-color: #ecfcfc;}
    .w_yellow_bg{background-color: #fcf4ed;}
    .w_purple_bg{background-color: #fbeff6;}
    .btn-close{
    width: 100%;
    border: 1px solid #dfdfdf;
    background-color: #f6f6f6;
    font-size: 1em;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 15px;
    color:#333;
    }
    
    .btn-close i{
    font-size:.85em;
    }
    .quick-link{
        width: 92%;
        height: 46px;
        line-height: 45px;
        background-color: #2c5a9d;
        color: #fff;
        display: block;
        position: absolute;
        border-radius: 4px;
    }
    
    
    .fixed_btn{
        position: fixed;
        bottom: 63px;
        z-index: 110;
        left: 4%;
    }
    
    
    .block_btn{
    width:113.5%;
    position: absolute;
    margin-left: -9%;
    }
    #container{
    padding-bottom: 30px !important;
    }
    
    .sub_txt{
    font-size:.89em;
    }
    
    
    
    .pricing_table2{
    width:100%;
    }
    .pricing_table2 th{
    border:1px solid #ccc;
    background-color:#ecfcfc;
    height:60px;
    color:#000;
    line-height:20px;
    font-size:.93em;
    }
    .pricing_table2 td{
    border:1px solid #ccc;
    text-align:center;
    height:30px;
    background-color:#fff;
    color:#000;
    font-size:.89em;
    }
    
    .pricing_table2 thead th:first-child{
    border-left:0px;
    }
    
    .pricing_table2 thead th:last-child{
    border-right:0px;
    }
    
    
    .pricing_table2 tr td:first-child{
    border-left:0px;
    }
    
    .pricing_table2 tr td:last-child{
    border-right:0px;
    text-align:right;
    }
    
    
    .banner_top{
    text-align:center;
    width:100%;
    }
    
    .purple_bgw1{
    background-color:#dcddff !important;
    border:1px solid #dcddff !important;
    }
    
    .blue_bgw1{
    background-color:#3ab4b7 !important;
    border:1px solid #3ab4b7 !important;    
    }
    
    .sky_bg{
    background-color:#3AB4B7 !important;
    }
    .law_office{
    display:none;
    }
    .law_office .pricing_table2 th{
    line-height:22px;
    }
    .law_office .pricing_table2 td{
    padding-top:10px !important;
    padding-bottom:10px !important;
    }



    .edu_list{width:99%;box-sizing:border-box;margin:0 auto;}
.edu_list li{width:100%;margin-bottom:15px;}
.edu_list li:first-child{margin-top:15px;}
.edu_list li span{
color:#2C9192;
font-size:1.3em;
font-weight:600;
margin-right:5px;
}

.rounded_dl{
width:100%;
display:inline-block;
box-sizing:border-box;
}
.rounded_dl dt{
background-color:#90C31E;
height:40px;
font-size:1.1em;
line-height:39px;
border-color:#90C31E;
border-radius:5px;
text-align:center;
font-weight:600;
display:inline-block;
width:100%;
box-shadow: 1px 1px 8px 0px #ccc;

}

.rounded_dl dd{
width:100%;
border:1px solid #B6B9CB;
box-sizing:border-box;
padding:14px;
margin-top:-3px;
border-radius:0 0 5px 5px;
font-size:.95em;
box-shadow: 1px 1px 8px 0px #ccc;
line-height:24px;
}

.green_bg{
    background-color:#90C31E;
}

.img_rounded_box{
width:100%;
box-sizing:border-box;
text-align:center;
margin-top:25px;
display:inline-block;
}

.img_rounded_box img{
width:30%;
margin-left:2.5px;
margin-right:2.5px;
}


.blue_ft{
    color:#2B6BC7;
    }
    .well_bg{
    background-color:#F4F4F6;
    width:113.5%;
    position: relative;
    margin-left: -9.8%;
    min-height:100px;
    box-sizing:border-box;
    padding:20px;
    padding-bottom:30px;
    }
    
    
 
    .jumin_caption{
    
    text-align:left;
    display:block;
    font-size:.9em;
    }
    
    .jumin_area dd i{
    font-size:1.2em;
    vertical-align:-7px;
    
    }
    .small_h4{
    font-size:.95em !important;
    }
    
    .agree_label:before{
        content: "\f058";
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        display:inline-block;
        margin-right:5px;
        color:#888;
        font-size:1.2em;
        vertical-align: -1px;
    }
    
    .agree_label.on:before{
      color:#3AB4B7;
    }
    .well_content label{
    display:inline-block;
    width:100%;
    box-sizing:border-box;
    }
    
    .agree_doc{
    font-size:.84em;
    width:100%;
    border:1px solid #ccc;
    box-sizing:border-box;
    padding:10px;
    line-height:20px;
    margin-top:10px;
    word-spacing:-1.5px;
    letter-spacing:-1px;
    background-color:#fff;
    }
    
    .small_txt{
    font-size:.82em;
    line-height:22px;
    }

    .blue-btn{
    background-color:#2C5A9D;
    color:#fff;
    height:40px;
    width:100%;
    }
    
    .dotted_blue{
    color:#074E9E
    }
    .dotted_blue2::before {
    color:#5099DB;
    content:'■ ';
    display:table-cell;
    width:27px;
    }
    .dotted_blue2 span {
        display:table-cell !important;
    }
    
    .part3 .dotted_blue{
    color:#074E9E;
    }
    

    .pricing_table th{font-size:.9em;font-weight:normal;}
.pricing_table th,
.pricing_table td{
padding:5px;
}

.calendar_btn {
    width: 15%;
    height: 36px;
    background-color: #2C5A9D;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
    float:right;
}

.pricing_table select,
.pricing_table input{
font-size:.9em;
}

.pricing_table select{
    font-size:.85em;
}
.read_frm{
border:0px;
}

.result_cert td{
text-align:left;
padding-left:10px;
}

.input_table td{
text-align:left;
padding-left:10px;
}

.payment_input_table{width:100%;}
.payment_input_table td{border:0px;}
.payment_input_table th{border:0px;background-color:#fff;max-width:80px;font-size:.9em;}


#container  dl.agree_btn_group{
    width:100%;
    margin-top:20px;
    border-top:1px solid #B6B9CB;
    padding-top:20px;
    border-bottom: 1px solid #B6B9CB;
    display: inline-block;
    }
    #container  dl.agree_btn_group dt{
    clear:both;
    float:left;
    width:23%;
    font-size: .89em;
    color:#646464;
    font-weight:600;
    line-height: 36px;
    height:70px;
    vertical-align:middle;
    box-sizing:border-box;
    }
    #container  dl.agree_btn_group dt:first-child{
    line-height: 18px;
    }
    #container  dl.agree_btn_group dt span{
    font-weight:normal;
    display:block;
    font-size:.85em;
    }
    #container  dl.agree_btn_group dd{
    float:right;
    width:77%;
    text-align:right;
    height:70px;
    box-sizing:border-box;
    }
    
    #container  dl.agree_btn_group dd .cell_select{
    width:45%;
    border:1px solid #CDD4D9;
    height:40px;
    display:inline-block;
    margin-right:3.222%;
    box-sizing:border-box;
    border-radius:3px;
    background-color:#fff;
    }
    
    .very_small{
    font-size:.75em;
    padding-right:5px;
    box-sizing: border-box;
    }

    dd .cell_select.active {
        background-color: #2B6BC7 !important;
        border-color: #2B6BC7 !important;
        color: #fff !important;
    }
    .agree_div{
        background-color: #eaeaea;
        padding: 10px;
        font-size: .9em;
        font-weight: 600;
        line-height: 24px;
        border: 1px solid #ccc;
    }

    .empty_table{
        width:100%;
        text-align:center;
        display:inline-block;
        min-height:100px;
        line-height:100px;
        color:#777;
        }
        .input_table label{
        display:inline-block;
        width:100%;
        }
        .input_table label input{
            margin-right:6px;
        
        }

        .cert_sign{width:100%;margin-top:30px;font-size:1.3em;font-weight:600;text-align:center;letter-spacing:4px;}