/*법률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 있는거 지웠습니다. 아이폰에서 메뉴가 깨져보여서요 */
}

.ime-mode{
    ime-mode:disabled;
  }

.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 #717171;
border-radius:3px;
background-color:#f4f3f6;
margin-top:20px;
color:#666;
font-size:.6em;
font-weight:600;
}
.kar_opened .btn i{
color:#666 !important;;
margin-right:5px;
}

.kar_opened .btn2{
width:100%;
height:40px;
border:1px solid #666;
background-color:#f4f3f6;
border-radius:3px;
margin-top:20px;
color:#444;
font-size:.95em;
}

.kar_opened .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%;
border-top:3px solid #5a9cc9;
}
.pricing_table th{
border:1px solid #d2d9e5;
background-color:#e9f3f6;
height:30px;
color:#000;
}
.pricing_table td{
border:1px solid #d2d9e5;
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:10px;
letter-spacing:-0.3px;
word-spacing:-1px;
word-wrap: break-word;
}

.round_well2{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 4px;
    letter-spacing: -0.3px;
    word-spacing: -1px;
    word-wrap: break-word;
    border: 1px solid #CCCCCC;
    display: inline-block;
    }
    

.well{
width:100%;
box-sizing:border-box;
padding:20px;
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:70px;
margin-bottom: 6px !important;
}
.kar_opened_com > .box-information:nth-child(1) {
    margin-top:2px !important;
}
.kar_opened_com > .box-information:nth-child(3) {
    margin-bottom:0 !important;
}
.box-information dd:nth-child(1){
width:17%;
border-radius:10px;
height:54px;
background-color:#f2f2f2;
text-align:left;
box-sizing:border-box;
line-height:70px;
position:absolute;
left:0px;
z-index:2;
font-weight:600;
text-align:center;
padding:7px;
text-align:center;
font-size:.8em;
top:7px;
}
.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){
    box-shadow: -1px 4px 8px -1px #ccc;
height:70px;
width:91%;
background-color:#fff;
right:0px;
border-radius:6px;
position:absolute;
z-index:1;
box-sizing:border-box;
padding-left:12%;
line-height:20px;
display:table;
font-size:.9em;
}
.box-information dd:nth-child(2) b{
    display:table-cell;
    vertical-align: middle;
}
.box-information dd:nth-child(2) span.ded_num {
    background-color:#ffcb5e;
    padding:2px 5px;
    border-radius:5px;
    margin-right:5px;
}

.round_w{
width:22px;
height:22px;
background-color:#fff;
line-height:25px;
text-align:center;
border-radius:100%;
display:block;
margin-right:2px;
font-size:.95em;
margin-left:7px;
float:left;
margin-top:23px;
}
.small_ft{
font-size:.87em;
font-weight:normal;
}


.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 #ccc;
margin-top:15px;
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;
color:#e8e80c;
}
.step_info .step_info_sub {
    background-color:#fff;
    border-radius:0 0 10px 10px;
}
.step_info li.step_title i {
font-size:.8em;
margin-left:8px;
}
.step_info li.step_title .right_law{
font-size:.73em;
display:block;
float:right;
font-weight:normal;
color:#fff;
}
.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:.8em;
}

.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: #5c93d0;}
.w_green_bg{background-color:#61b888;}
.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: -10%;
margin-top:30px;
}
#container{
padding-bottom: 60px !important;
}

.sub_txt{
font-size:.89em;
}



.pricing_table2{
width:99%;
border-top:3px solid #5a9cc9;
}
.pricing_table2 th{
border:1px solid #d2d9e5;
background-color:#e9f3f6;
height:60px;
color:#000;
line-height:20px;
font-size:.93em;
}
.pricing_table2 td{
border:1px solid #d2d9e5;
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{
text-align:left;
padding:0px 5px;
}


.part2 .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;
}

.juso_search {
    width: 100%;
    background-color: #2b6bc7;
    color: #fff;
    box-sizing: border-box;
    height: 43px;
    border-radius: 3px;
}