/*법률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 있는거 지웠습니다. 아이폰에서 메뉴가 깨져보여서요 */
    }
    
    
    .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:30px;
    border:1px solid #666;
    border-radius:3px;
    margin-top:20px;
    color:#444;
    font-size:.7em;
    }
    .btn i{
    color:#666 !important;;
    margin-right:5px;
    }
    
    .btn2{
    width:100%;
    height:40px;
    border:1px solid #666;
    border-radius:3px;
    margin-top:20px;
    color:#444;
    font-size:.95em;
    }
    
    .btn2 i{
    color:#333 !important;;
    margin-right:5px;
    font-size:.85em;
    vertical-align:1px;
    }
    
    .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%;
    }
    .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;
    color:#000;
    border:1px solid #e4e4e4;
    }
    .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:100%;
    height:45px;
    line-height:45px;
    background-color:#2B6BC7;
    color:#fff;
    display: block;
    position: absolute;
    }
    
    .fixed_btn{
    position:fixed;
    bottom:55px;
    z-index:1000;
    left:0px;
    }
    
    
    .block_btn{
    width:113.5%;
    position: absolute;
    margin-left: -10%;
    margin-top:30px;
    }
    #container{
    padding-bottom: 60px !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;
    }


  .part3.kar_opened 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: "";
    }
    

    .edu_list{width:99%;box-sizing:border-box;margin:0 auto;}
.edu_list li{width:100%;margin-bottom:15px;line-height:24px;position:relative;padding-left:20px;box-sizing:border-box;font-size:.95em;}
.edu_list li:first-child{margin-top:15px;}

.edu_list li span{
color:#2c5a9d;
font-size:1.2em;
font-weight:600;
margin-right:5px;
display:block;
position:absolute;
left:0px;
top:0px;
}

.rounded_dl{
width:100%;
display:inline-block;
box-sizing:border-box;
}
.rounded_dl dt{
background-color:#5099db;
height:34px;
font-size:.95em;
line-height:34px;
border-color:#90C31E;
border-radius:5px 5px 0 0;
text-align:center;
font-weight:600;
color:#fff;
display:inline-block;
width:100%;
box-shadow: 2px -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;
}