@charset "utf-8";


/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /* font-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline;
    /*font-family:'Nanum Gothic', '맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/
}
body{-webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll; overflow-x:hidden;}

/*common*/
body, button, input,textarea{color:#333;}
body{font-family:'Nanum Gothic','lato','Dotum','돋움','굴림',sans-serif;}

button, input,textarea{font-family:'Nanum Gothic','lato','Dotum','돋움','굴림',sans-serif;,serif;}
button{font-size:1em;}

*{-webkit-font-smoothing: antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
}
body {}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle;outline:none;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;}

button{overflow:visible;margin-top:0%;margin-left:0; padding:0 0 0 30px;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}

  /*@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:inherit; text-decoration:none;}
/* a:hover{color:inherit;} */
span.h100{display:inline-block;height:100%;vertical-align:middle;}
/* skip navigation */
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* clearfix */
.clearfix:after{display:block;clear:both;content:''}

/* space */

.mt30{margin:1.850em 0 0}

/* align */

.ta-c{text-align: center !important;}
.ta-r{text-align: right !important;}
.ta-l{text-align: left !important;}
.fl-l{float: left !important;}
.fl-r{float: right !important;}

/*버튼 팩*/

.btn_pack{font-size: 1.500em;font-weight:700;border:1px solid transparent;display: inline-block; text-align: center;
-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out; 
}


/* 버튼 사이즈 */
.btn_pack.full{width: 100%; padding: 0.8em 0;}
.btn_pack.small1{width: 6em; padding: 0.5em 0;}
.btn_pack.small2{width: 7em; padding: 0.3em 0;vertical-align: middle;}
.btn_pack.mini{width: 4.5em; padding: 0.1em 0;vertical-align: middle; font-size: 1.1em; font-weight: normal;}


/* 버튼 radius */
.btn_pack.bdrs{border-radius:0.5em;}
.btn_pack.bdrs2{border-radius:0.3em;}

.btn_pack.list{display:inline-block;height:1.250em;width:9.400em;text-align:center;font-size:1.250em; padding: 0.5em 0;}
.btn_pack.list:first-child{margin:0 1.625em 0 0;}

/* 버튼안에 이미지 */
.img1 img{width:1.100em;vertical-align: bottom; }



/*버튼 컬러 */
.btn_pack.gray1{background-color: #848a8f;border: 1px solid #848a8f; color: #fff;}
.btn_pack.gray2{background-color: #545454;border: 1px solid #545454; color: #fff;}

.btn_pack.green{background-color: #1d5b5d;border: 1px solid #1d5b5d; color: #fff; }
.btn_pack.white1{background-color: #fff; border: 1px solid #ababad; color: #696969;}
.btn_pack.white2{background-color: #fff; border: 1px solid #ccc; color: #696969; font-weight: normal; font-size: 1.125em;}
.btn_pack.mint{background-color: #11b1b6;color:#fff;}


/*버튼 BG */
.btn_pack.bg1{background-image: url(/m/images/ico/bg_arr1.png) ;background-position: 95% center; background-repeat: no-repeat; -webkit-background-size: 0.75em;background-size:0.75em;}
.btn_pack.bg2{background-image: url(/m/images/ico/bg_arr2.png) ;background-position: 95% center; background-repeat: no-repeat; -webkit-background-size: 0.75em;background-size:0.75em;}
.btn_pack.bg3{background-image: url(/m/images/ico/bg_arr3.png) ;background-position: 5% center; background-repeat: no-repeat; -webkit-background-size: 0.75em;background-size:0.75em;}

/* 버튼 BG:로그인 */
.bg_n{color: #fff; background:#1ec800 url(/m/images/ico/icon_n.png);background-position:32% center;background-repeat: no-repeat;-webkit-background-size: 0.6em;background-size: 0.85em;}
.bg_f{color: #fff; background:#3b5998 url(/m/images/ico/icon_f.png);background-position:32% center;background-repeat: no-repeat;-webkit-background-size: 0.8em;background-size:0.85em;}
.bg_g{color: #fff; background:#e02f2f url(/m/images/ico/icon_g.png);background-position:32% center;background-repeat: no-repeat;-webkit-background-size: 0.8em;background-size: 0.85em;}


/* 버튼 영역 */
.btn_area{margin-top: 2em;}
.btn_area:after{display: block;clear: both;content: "";margin-top: 2%; }
.btn_area .btn_right{float: right;}
.btn_area .btn_left{float: left;}
.btn_area .btn_center{text-align:center;}
/* 버튼 영역 option:버튼이 여러개일 경우 여백 */
.btn_area a.mt_space{margin-top: 0.8em;}
.btn_area.mt0{margin-top: 0;}

.ani2{-webkit-transition: .2s ease-in-out;  -moz-transition: .2s ease-in-out;  -o-transition: .2s ease-in-out;  transition: .2s ease-in-out;}
.ani3{-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}
.ani4{-webkit-transition: .4s ease-in-out;  -moz-transition: .4s ease-in-out;  -o-transition: .4s ease-in-out;  transition: .4s ease-in-out;}
.ani5{-webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;}
.hide{opacity:0;}
/* inputST1 */

.inputST1{border: 1px solid #dedede; padding: 0.45em; font-size: 1.375em;     box-sizing: border-box;}
.inputST1.wp20{width: 20%;}
.inputST1.wp25{width: 25%;}

.inputST1.wp50{width:50%;}
.inputST1.wp57{width:57%;}
.inputST1.wp67{width:67%;}
.inputST1.wp74{width: 74%;}
.inputST1.wp77{width: 77%;}
.inputST1.wp80{width: 80%;}
.inputST1.wp88{width: 88%;}
.inputST1.wp89{width: 89%;}
.inputST1.wp100{width: 100%;}

.inputST1.gray{border-color: #a9a9a9;}
.add_line{margin-top: 1.3%;}

/*input*/

/*input[type="text"]{box-sizing:border-box;padding:0px;margin:0px;border-radius:0px;background:#fff;-webkit-appearance:none;}*/

.indeximg img{width: 100%;}

/* selectST1 */
.selectST1{border: 1px solid #dedede; padding: 0.45em 0;  font-size: 1.2em; margin-top: 1%; font-family: 'Nanumgothic'; background-color: #fff;}
.selectST1.wp95{width: 95%;}
.textarea{border: 1px solid #dedede; font-size: 1.375em; padding: 2%; box-sizing:border-box;}
.textarea.wp100{width: 100%;}
.textarea.h15{height: 15em;}


/* fontStyle */
.fc_red{color: #da2d04;}


/*포인트 색*/
.pt_purple{color: #b55c9e !important; }
.pt_color{color: #b55c9e !important;}
.bg_point{background-color:#b55c9e !important;}



/*페이지*/


.pagination{text-align:center; margin-top:20px; text-align: center; margin-top: 2em;}
.pagination img{width: 2em; max-width:40px;vertical-align: top;}
.pagination > .bbs_now_page{padding:5px 0.3em;color:#000; font-size: 1.6em;}
.pagination > .bbs_page{padding:5px 0.3em;color:#878787; font-size: 1.6em;}



/*****************************************  title Style ***************************************************/

.title1{font-size: 1.625em; font-weight: bold; color: #333; margin-bottom: 0em;}
.title1 img{width: 1.05em;}

/**************************************************** 상단 검색바 셀렉트 **********************************************************/


.category{padding:1.250em 0 1.250em 1.250em;background:#ababad;}
.category .cate_list{display:inline-block;float: right;margin: 0 0.8em 0 0;width: 9%;height:2.813em;vertical-align:top;border-radius:0.313em;background:#fff url(/m/images/ico/icon_list.png) center center no-repeat;background-size:1.375em;}
.category .cate_list select{background:none;border:none;opacity:0;display:inline-block;width:100%;height:100%;}
.category .input_btn{width: 3.5em;height: 100%;display: inline-block;/* vertical-align: middle; */background-color: #444546;float: right;text-align: right;}
.category .input_btn img{width: 100%;}
.category .input_wrap .inputST1.wp80{border:none;height:100%;width: 86%;/* background-color: #333; */float: left;}
.category .input_wrap{background:#fff;width: 87%;height:2.813em;float:left; overflow: hidden;-webkit-border-radius: 0 0.4em 0.4em 0;-moz-border-radius:0 0.4em 0.4em 0 ;border-radius:0 0.4em 0.4em 0 ;}
.category .input_wrap .inputST1.wp89{border:none;}

/*************************************************** 카테고리 퀵 메뉴(법률상담) ****************************************************************/

.quick_cateBox0 ul{}
.quick_cateBox0 ul:after{clear: both;display: block;content: "";}
.quick_cateBox0 ul li{background-color: #fff;float: left;text-align: center; width: 20%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox0 ul li a{display: block; padding: 1em 0; }
.quick_cateBox0 ul li img{width: 4em; max-width:64px;}
.quick_cateBox0 ul li p{font-size: 1.125em; margin-top: 0.5em;}

.btn_cate_quick0{font-size: 1.500em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #02aa9f;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick0.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #02aa9f;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox0{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(법률상담) ****************************************************************/

.quick_cateBox ul{}
.quick_cateBox ul:after{clear: both;display: block;content: "";}
.quick_cateBox ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox ul li a{display: block; padding: 1em 0; }
.quick_cateBox ul li img{width: 4em; max-width:64px;}
.quick_cateBox ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #02aa9f;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #02aa9f;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(법률뉴스) ****************************************************************/

.quick_cateBox1 ul{}
.quick_cateBox1 ul:after{clear: both;display: block;content: "";}
.quick_cateBox1 ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox1 ul li a{display: block; padding: 1em 0; }
.quick_cateBox1 ul li img{width: 4em; max-width:64px;}
.quick_cateBox1 ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick1{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #3aaade;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick1.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #3aaade;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox1{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(법률지식) ****************************************************************/

.quick_cateBox2 ul{}
.quick_cateBox2 ul:after{clear: both;display: block;content: "";}
.quick_cateBox2 ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox2 ul li a{display: block; padding: 1em 0; }
.quick_cateBox2 ul li img{width: 4em; max-width:64px;}
.quick_cateBox2 ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick2{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #588fe3;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick2.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #588fe3;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox2{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(변호사검색) ****************************************************************/

.quick_cateBox3 ul{}
.quick_cateBox3 ul:after{clear: both;display: block;content: "";}
.quick_cateBox3 ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox3 ul li a{display: block; padding: 1em 0; }
.quick_cateBox3 ul li img{width: 4em; max-width:64px;}
.quick_cateBox3 ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick3{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #27c0dc;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick3.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #27c0dc;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox3{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(커뮤니티) ****************************************************************/

.quick_cateBox4 ul{}
.quick_cateBox4 ul:after{clear: both;display: block;content: "";}
.quick_cateBox4 ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox4 ul li a{display: block; padding: 1em 0; }
.quick_cateBox4 ul li img{width: 4em; max-width:64px;}
.quick_cateBox4 ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick4{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #2dbfbe;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick4.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #2dbfbe;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox4{display: none;}
/***************************************************** list Style *******************************************************/

/*************************************************** 카테고리 퀵 메뉴(전화문의) ****************************************************************/

.quick_cateBox5 ul{}
.quick_cateBox5 ul:after{clear: both;display: block;content: "";}
.quick_cateBox5 ul li{background-color: #fff;float: left;text-align: center; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.quick_cateBox5 ul li a{display: block; padding: 1em 0; }
.quick_cateBox5 ul li img{width: 4em; max-width:64px;}
.quick_cateBox5 ul li p{font-size: 1.325em; margin-top: 0.7em;}

.btn_cate_quick5{font-size: 1.700em; padding: 1.7em 0; color: #333; text-align: center; background:url(/m/images/ico/cate_arr_off.png) 71% 53%  no-repeat #ececec;  -webkit-background-size: 1em;
background-size: 1em;display: block; width: 100%; font-weight: bold; border-bottom: 1px solid #ddd;}

.btn_cate_quick5.on{background:url(/m/images/ico/cate_arr_on.png) 66% center no-repeat #ececec;  -webkit-background-size: 1em;
background-size: 1em; }
.tailBox5{display: none;}
/***************************************************** list Style *******************************************************/



/* bbs_list */
.bbs_list.list_inner {}
.bbs_list .box_inner{border: 1px solid #d3d3d3; background-color: #fff; -webkit-border-radius: 1em;-moz-border-radius:1em ;border-radius:1em ; overflow: hidden;}

/* lst_st1 (사용된곳 :  메인 - 법률상담랭킹 / 법률상담 - 메인 / )*/

.lst_st1 ul li{border-top:1px solid #d3d3d3; padding: 1em;}
.lst_st1 ul li a{display: block;}
.lst_st1 ul li:first-child{border-top: 0;}
.lst_st1 .title{font-size: 1.500em; font-weight: bold;   line-height: 1.4em; letter-spacing:-0.02em;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lst_st1 .title.bu{position: relative;    padding-left: 0.7em;}
.lst_st1 .title.bu:after{position: absolute; left: 0em;    top: 0.35em;    border-top: 0.28em  solid transparent;
    border-left: 0.3em solid #868686;
    border-bottom: 0.28em  solid transparent;content: "";}
.lst_st1 .title strong.rank{color: #919191; display: inline-block;margin-right: 0.3em;text-align: center;}
.lst_st1 .title strong.rank1{color: #c19f3b;}
.lst_st1 .title strong.rank2{color: #ae947d;}
.lst_st1 .title strong.rank3{color: #8691a3;}
.lst_st1 .bbslist_info{margin-top: 0.5em;}
.lst_st1 .bbslist_info span{color: #333; font-size: 1.250em; padding:0 1em; display: inline-block;position: relative;}
.lst_st1 .bbslist_info span:first-child{padding-left: 0;}
.lst_st1 .bbslist_info span:after{position: absolute; width: 1px; height: 80%; background-color: #777; top: 20%;left: 0; content: "";}
.lst_st1 .bbslist_info span:first-child:after{display: none;}
.lst_st1 .bbslist_info span strong.hit{color: #d23622; font-weight: bold;}
.lst_st1 .bbslist_info span strong.cate_point{color: #d23622; font-weight: bold;}
.lst_st1 .bbslist_info span.speed{background:#11b1b6;color:#fff;padding:0;font-weight:bold;font-size:1.125em;width:4.500em;height:1.625em;line-height:1.625em;text-align:center;}
.lst_st1 .bbslist_info span.speed:after{background-color:#11b1b6; content: "";}
.lst_st1 .cont{font-size: 1.250em; line-height: 1.3em;margin-top:0.5em;}
.lst_st1 .cont.gray{color: #777;}
.lst_st1.pd_y ul li{padding-left :2em; padding-right: 2em;}
.lst_st1 .title .icon_new{width: 0.8em;vertical-align: middle;}

.lst_st1 .title.question {margin-left:-2%;}
.lst_st1 .title.question .que {margin-right:1%; color:#a8a9b4;}	/* 제목글과 간격 조정 2017-03-06 */


/*  포인트 적립방법 페이지만 사용함.*/
.lst_st1 ul li:after{display: block;clear: both; content: "";}
.lst_st1 ul li .point_picto{display: block; float: left;text-align: center;padding: 2.3em 1.9em; -webkit-border-radius: 5em;-moz-border-radius:5em ;border-radius:5em ;}
.lst_st1 ul li .point_picto img{vertical-align: middle; width:3.75em;}
.lst_st1 ul li .point_picto.mint{background-color: #48c1c5;}
.lst_st1 ul li .point_picto.yellow{background-color: #c19f3b;}
.lst_st1 ul li .point_cont{position: relative;   margin-left: 9em; margin-right: 1em;}
.lst_st1 ul li .point_cont h1{font-size:1.500em ; margin-bottom: 0.3em;}
.lst_st1 ul li .point_cont strong{font-size: 1.250em; color: #777; line-height: 1.3em;}
.lst_st1 ul li .point_cont p{font-size: 1.250em; color: #777; line-height: 1.3em;}
/*  //포인트 적립방법 페이지만 사용함.*/


/* //lst_st1 */


/* lst_st2 : (사용된 곳 :  메인 - 변호사 검색하기 / ) */
.lst_st2 > ul> li{overflow: hidden; position: relative; margin-top: 1.5em; background-color: #fff;border: 1px solid #d3d3d3;  -webkit-border-radius: 0.8em;-moz-border-radius:0.8em ;border-radius:0.8em ; overflow: hidden;}
.lst_st2 > ul> li .law_info{padding: 1em 1em 1.5em 4em;}
.lst_st2 > ul> li .law_info:after{display: block;clear: both;content: "";}
.lst_st2 > ul> li .law_info .law_cont{float: left;padding-top: 1em; width: 62%;}
.lst_st2 > ul> li .law_info .law_cont .name{font-size: 1.500em; color: #777; } 
.lst_st2 > ul> li .law_info .law_cont .name strong{color: #333; font-weight: bold; font-size: 1.125em;}
.lst_st2 > ul> li .law_info .law_cont .add_txt{font-size: 1.375em; color: #777; margin-top: 0.5em;     line-height: 1.4em;}
.lst_st2 > ul> li .law_info .law_cont .councel_area{font-size: 1.375em; margin-top: 1em; }
.lst_st2 > ul> li .law_info .law_cont .councel_area span{color: #11b1b6;}
.lst_st2 > ul> li .law_info .law_img{float: right; max-width: 139px; width: 35%; -webkit-border-radius: 26em;-moz-border-radius:26em ;border-radius:26em ;     overflow: hidden; height: 9em; }
.lst_st2 > ul> li .law_info .law_img a{display: block;}
.lst_st2 > ul> li .law_info .law_img img{width: 100%;}
.lst_st2 .law_btn ul:after{display: block;clear: both;content: "";}
.lst_st2 .law_btn ul li{float: left; width: 33.33%; text-align: center; background-color: #eaeaea; border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3;-webkit-box-sizing: border-box; -moz-box-sizing:border-box ;box-sizing: border-box;}
.lst_st2 .law_btn ul li:first-child{border-left: 0;}
.lst_st2 .law_btn ul li a{display: block; padding: 0.5em 0; border-right: 1px solid #fff; border-top: 1px solid #fff; font-size: 1.500em; color: #666; font-weight: bold;}
.lst_st2 .law_btn ul li:last-child a{border-right: 0;}
.lst_st2 .law_btn ul li img{width:1.2em;}
.lst_st2 > ul> li .ranking_label{font-weight: bold; background: url(/m/images/bg/btn_rankLabel.png) left top no-repeat;background-size:100% ; width: 5.250em; position: absolute; top: 0; left: 0;}
.lst_st2 > ul> li .ranking_label span{font-size: 1.563em; color: #fff;text-align: center;display: block; margin-left: -1.2em;padding: 0.5em 0 1.8em;}

/* //lst_st2 */


/*  lst_st3  */
.lst_st3 ul li{margin-bottom: 0.5em; padding-left: 0.6em;position: relative; font-size: 1.250em; color: #868686; line-height: 1.5em;}
.lst_st3 ul li:after{position: absolute; top:0.58em; left: 0; width: 0.25em; height: 0.25em; background-color: #868686; content: "";}

/*  //lst_st3  */
/*  lst_st3  */
.lst_st4 {margin-bottom: 0.5em; padding-left: 0.6em;position: relative; font-size: 1.250em; color: #868686; line-height: 1.5em;}

/*  //lst_st3  */

/* 공통 여백 */
.normal_body{ background-color: #f4f4f4;  padding: 1.5em 1em;  }


/* 뷰 리스트 */
#bbs_view_list{padding-bottom: 2em;}

.lst_view > ul > li{background-color: #fff; margin-top: 1.5em; -webkit-border-radius: 0.5em;-moz-border-radius:0.5em ;border-radius: 0.5em;     border: 1px solid #d3d3d3;}
.lst_view > ul > li:first-child{margin-top: 0;}
.lst_view > ul > li .view_article{padding: 1.5em; position: relative;}
.lst_view > ul > li .header{border-bottom: 1px solid #d3d3d3; position: relative; padding: 0.5em;}
.lst_view > ul > li .header .titleArea{ margin-right: 17%;}
.lst_view > ul > li .header .titleArea p{font-size: 1.500em; line-height: 1.3em;font-weight: bold;color: #333;}
.lst_view > ul > li .header .titleArea span.date{color: #777; font-size: 1.250em; margin-top:0.5em; display: block;}
.lst_view > ul > li .header .like {text-align: center; position: absolute; bottom: 1em;right: 0;}
.lst_view > ul > li .header .like img{width:1.8em;}
.lst_view > ul > li .header .like p{margin-top: 0.7em;}
.lst_view > ul > li .header .like span{font-size: 1.250em;}
.lst_view > ul > li .header .like strong{font-size: 1.250em; color: #d23622;}
.lst_view > ul > li .article{padding-top: 1em;}
.lst_view > ul > li .article .cont{font-size: 1.375em; line-height: 1.35em;}
.lst_view > ul > li .article .cont img{width: 100%; height: auto;}

/*답변 241118*/
.comment_con {}
.comment_con > .contents_con {}
.comment_con > .contents_con > .text_con {margin-top:26px;}
.comment_con > .contents_con > .text_con > span {font-size:1.2em; font-weight:700;}
.comment_con > .contents_con > .text_con > span .color_text {color:#ff5400;}
.comment_con > .contents_con > .list_con {margin-top:12px;}
.comment_con > .contents_con > .list_con > ul {}
.comment_con > .contents_con > .list_con > ul > li {margin-bottom:8px; background:#ffffff; border:1px solid #d3d3d3; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.comment_con > .contents_con > .list_con > ul > li:last-child {margin-bottom:0;}
.comment_con > .contents_con > .list_con > ul > li > .list_div {padding:1.5rem;}
.comment_con > .contents_con > .list_con > ul > li > .list_div > .title_con {border-bottom:1px solid #d3d3d3; margin-bottom:1em; padding-bottom:1em;}
.comment_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:1.500em; color:#333333; line-height:1.3em; font-weight:bold;}
.comment_con > .contents_con > .list_con > ul > li > .list_div > .title_con > span .color_text {color:#567dc2;}
.comment_con > .contents_con > .list_con > ul > li > .list_div > .text_con {}
.comment_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:1.35em; line-height:1.3em;}
/*답변*/

.lst_view > ul > li.ans .header{border-bottom: 0; position: relative;} 
.lst_view > ul > li.ans .header:after{display: block;clear: both;content: "";}
.lst_view > ul > li.ans .header .img{float: left; width: 19.49%;}
.lst_view > ul > li.ans .header .img img{width: 100%;}
.lst_view > ul > li.ans .header .ti_law{float: left; padding-left: 3%; width: 59%;}
.lst_view > ul > li.ans .header .ti_law p{font-size:1.3em; color: #777;}
.lst_view > ul > li.ans .header .ti_law p strong{font-size: 1.042em; color: #333;letter-spacing: -0.05em;	}
.lst_view > ul > li.ans .header .ti_law strong.rank{font-size: 1.250em;	display: block; margin-top:0.7em; }
.lst_view > ul > li.ans .header .ti_law strong.rank span{color: #d23622;}
.lst_view > ul > li.ans .header .ti_law span.date{color: #777; font-size: 1.250em; margin-top:0.7em; display: block;}
.lst_view > ul > li.ans .label{position: absolute; right: 0;top: -1.5em	;width: 5.26em;}
.lst_view > ul > li.ans .reple strong{color: #d23622;}

/* 댓글 - 변호사일 경우만 보임 */

.lst_view > ul > li.reply{padding: 1em;}
.no_reply{text-align: center; font-size: 1.250em; padding: 2em 0;}
.input_reply:after{display: block;clear: both;content: "";}
.input_reply textarea{float: left;text-decoration: none;height: 6.5em;background-color: #fff; color: #999; font-size: 1.250em; border: none; width: 77.5%; -webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box; margin-right: 1%; vertical-align: top;    resize: none;}
.input_reply .buttonArea{float: right; width: 20%;}
.input_reply button.btn_reply{background-color: #848a8f; font-size: 1.250em; color: #fff; font-weight: bold; width: 100%; height: 5em; -webkit-border-radius: 0.3em;-moz-border-radius:0.3em ;border-radius:0.3em ; -webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ; }
.input_reply .note{ font-size: 0.85em;text-align: center;margin-top: 1em;}

.input_reply .buttonArea button.btn_reply {padding-left:0;}	/*밀림수정 2017-03-10*/

/* 답변  - 대댓글 */
.re_reply{border-top: 1px solid #d3d3d3;}
.input_re_reply textarea{height: 5em;background-color: #f4f4f4; color: #999; font-size: 1.250em; border: none; width: 77.5%;padding:0.5em 1em; -webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box; margin-right: 1%; vertical-align: top;    resize: none;}
.input_re_reply button.btn_reply{background-color: #848a8f; font-size: 1.250em; color: #fff; font-weight: bold; width: 20%; height: 5em; -webkit-border-radius: 0.3em;-moz-border-radius:0.3em ;border-radius:0.3em ; -webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ; }

.lst_re_reply{padding-top: 1em; margin-top: 1em;border-top: 1px solid #d3d3d3; }
.lst_re_reply ul li{background-color: #f4f4f4;padding: 1em 1.5em; position: relative; margin-top: 0.5em;}
.lst_re_reply ul li:first-child{margin-top: 0;}
.lst_re_reply ul li p{font-size: 1.375em; color: #777; margin-bottom: 1em;}
.lst_re_reply ul li p strong{color: #ca4a3d; font-weight: bold;}
.lst_re_reply ul li p span{position: relative; padding-left: 1em; margin-left: 1em;}
.lst_re_reply ul li p span:after{position: absolute; left: 0;top: 10%; width: 1px; height: 80%; background-color: #777;content: "";}
.lst_re_reply ul li .reply_cont{font-size: 1.250em; line-height: 1.3em; color: #45474d;}
.lst_re_reply ul li .declar{position: absolute; top: 1em;right: 1.5em;}

/*// 뷰 리스트 */


/*전문분야 태그 */
.lst_spe_r{margin-top: 0.5em;}
.lst_spe_r .inner:after{display: block;clear: both;content: "";}
.lst_spe_r .inner ul:after{display: block;clear: both;content: "";}
.lst_spe_r .inner ul{margin-top: -0.5em;    padding-left: -1%;}
.lst_spe_r .inner ul li{float: left; margin-top: 0.5em; width: 6em; padding-left: 1%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ;}
span.speTag{width: 100%; display: inline-block;  color: #fff;  padding: 3% 0; line-height: 1.5em; text-align: center;font-size: 1em;     vertical-align: middle; -webkit-border-radius: 0.5em;
-moz-border-radius:0.5em ;border-radius:0.5em ;}
span.speTag:first-child{padding-left: 0;}
span.speTag img{vertical-align: middle; max-width: 14px; width: 1.3em; margin-right: 0.2em;}
.speTag.c1{background-color: #d77683;}
.speTag.c2{background-color: #a2a2a2;}
.speTag.c3{background-color: #d5b82a;}
.speTag.c4{background-color: #417286;}
.speTag.c5{background-color: #61b4a6;}
.speTag.c6{background-color: #9e7047;}
.speTag.c7{background-color: #888c16;}
.speTag.c8{background-color: #e6a34e;}
.speTag.c9{background-color: #e2d15e;}
.speTag.c10{background-color: #43955a;}
.speTag.c11{background-color: #c65353;}
.speTag.c12{background-color: #588c3f;}
.speTag.c13{background-color: #ba85c1;}
.speTag.c14{background-color: #4b5d8d;}
.speTag.c15{background-color: #92ba83;}

.major-part.lst_spe_r .inner ul li {width:auto; padding-left:0; padding-right:3%;}	/* 긴글자 짤림현상 수정 2017-03-06 */
.major-part.lst_spe_r span.speTag {display:block; padding:0 5% 0 2%; line-height:175%; white-space:nowrap;}


/*swiper*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}


/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* 기본 버튼 스타일 */
.styled-button {
  display: inline-block;
  padding: 12px 24px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);
  outline: none;
}

/* 마우스를 올렸을 때 */
.styled-button:hover {
  background-color: #0056b3;
  transform: translateY(-3px);
  box-shadow: 0 6px 8px rgba(0, 86, 179, 0.4);
}

/* 클릭할 때 */
.styled-button:active {
  background-color: #004494;
  transform: translateY(0);
  box-shadow: 0 3px 4px rgba(0, 68, 148, 0.4);
}

/* 반응형 디자인 */
@media (max-width: 600px) {
  .styled-button {
    width: 100%;
    font-size: 14px;
    padding: 10px 20px;
  }
}

@media (max-width: 400px) {
  .input_re_reply button.btn_reply {
    padding: 0;
  }
}