@charset "utf-8";



.container_inner {min-height: 30em; background-color: #f4f4f4;}
/* 법률상담 쓰기 */
.write_form{border:1px solid #ccc;background:#fff;padding:1.875em;border-radius:0.313em;min-width:20.000em}
.write_form dl{overflow:hidden;}
.write_form dl dt{width:30%;font-size:1.375em;color:#222;font-weight:bold;/* padding-top:0.425em; */line-height:1.818em;height:1.818em;}
.write_form dl dt.w_100{width:100%;margin:0 0 1em;}
.write_form dl dd{width:70%;}
.write_form dl dd.w_100{width:100%;margin: 0 0 0;}

.write_form dl dt,
.write_form dl dd{float:left;margin:0 0 1.875em;}

textarea.type1{width:100%;resize:none;border:1px solid #ccc;padding:3%;font-size: 1.375em; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; height: 10em;}

/* 법률상담 쓰기 완료*/
.write_finish{background:#11b1b6;border-radius:0.313em;color:#fff;padding:5.0em 0 5.313em;text-align:center;}
.write_finish img{width:8.625em;}
.write_finish > p{font-size:1.875em;margin:0.800em 0 0;}

.raw_write{position: relative;background:#11b1b6;padding: 4% 2em 0;overflow:hidden;border-radius:0.513em;}
.raw_write h2{color: #fff;  font-size: 2.000em; margin-bottom: 0.5em;}
.raw_write p{width: 65%; color: #fff; font-size: 1.250em;line-height: 1.3em; margin-bottom: 1.0em;padding:0 0 0 1.875em;background:url(/m/images/bg/bg_chk.png) no-repeat;background-size:1.438em;}
.raw_write .img{position: absolute; top: 3.5em; right: 1.5em;width: 9em;}
.raw_write .img img{width: 100%;width:8.625em;}



.raw_write.type2{text-align:center;padding:5.0em 0;}
.raw_write.type2 p{background:none;padding:0;}
.raw_write p > b{font-weight:bold;}




/* 마이페이지 - 포인트 적립 안내 */

#point .topBan{padding: 2em;background-color: #848a8f; color: #fff; -webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius:0.5em; position: relative; margin-bottom: 2em;}
#point .topBan .cont{}
#point .topBan .cont h2{font-size: 1.625em; line-height: 1.3em;width:95%; }
#point .topBan .cont p{font-size: 1.250em; line-height: 1.5em; margin-top: 1em; width:75%;}
#point .topBan img{position: absolute; bottom: 1.0em; right: 1.5em; width: 20%;}
#point_use{margin-top: 3em; margin-bottom: 3em;}
#charging ul:after{display: block;clear: both;content: "";}
#charging ul li:first-child{margin-left: 0;}
#charging ul li{float: left; background-color: #9f9f9f; color: #fff; width: 49%; margin-left: 1%; padding:0.5em 1em; font-size: 1.500em; font-weight: bold; -webkit-border-radius: 0.5em;-moz-border-radius:0.5em ;border-radius:0.5em ; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box ;text-align: center; line-height: 1.3em;}
#charging ul li img{width: 2.1em;vertical-align: middle; }
#normal_point .lst_st1 ul li .point_cont{padding-top: 1.1em;}


/* 개인정보 입력 & 마이페이지 - 회원정보수정*/

.infoBox ul:after{display: block;clear: both;content: "";}
.infoBox ul li{margin-top: 1em; float: left;     width: 100%;}
.infoBox ul li:first-child{margin-top: 0;}
.infoBox ul li.half{width: 48%; float: left; padding-left: 3%;}
.infoBox ul li.f-r{float: right;}
.infoBox ul li.half.pl-n{padding-left: 0;}

.infoBox ul li .agree{	color: #333; font-size: 1.375em; font-weight: bold; margin-top:0.5em;}
.infoBox{padding: 1.5em; background-color: #fff; border: 1px solid #d3d3d3;-webkit-border-radius: 0.5em;-moz-border-radius:0.5em ;border-radius:0.5em ;}
.infoBox .inputBox > span{width: 12%;}
.infoBox .inputBox > span > img{width: 2em;}
.infoBox .inputBox .inputST1.gray{background-color: #f4f4f4;}
.infoBox ul li.half .inputBox.s_height > span{width: 26%;}
.infoBox .inputBox.s_height{height: 3em; -webkit-border-radius: 0;-moz-border-radius:0 ;border-radius:0 ;	}

#mem_info .inputST1.wp59{width: 59%;}
#mem_info .custom-select-container > select{ height: 2.5em;}
#mem_info .custom-select span span{    line-height: 2.5em;border-right-color: #d3d3d3;}
#mem_info .custom-select > span{border-color: #d3d3d3;}

/* 회원탈퇴 */

#mem_out .topBan{padding: 2em;background-color: #848a8f; color: #fff; -webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius:0.5em; position: relative; margin-bottom: 2em;}
#mem_out .topBan h2{font-size: 1.625em; line-height: 1.3em;}
#mem_out .topBan p{font-size: 1.250em; line-height: 1.5em; margin-top: 1em;}
#mem_out .topBan img{position: absolute; bottom: 2.5em; right: 1.5em; width: 20%;}
#mem_out .mem_out_info{padding: 2em; background:#fff;border:1px solid #ccc;  -webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius:0.5em; position: relative; margin-bottom: 2em;}
#mem_out .mem_out_info .cont > p{color:#777; font-size: 1.250em; line-height: 1.5em;margin-top: 1em;}
#mem_out .mem_out_info .cont > p:first-child{margin-top:0;}

#select_loca .article,#select_cate .article{margin-top: 2em;}
#select_loca .article h2,#select_cate .article h2{font-size: 1.625em; margin-bottom: 1em;}
.box_loca {overflow: hidden;background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius:0.5em; }
.box_loca ul{margin-bottom: -1px; }
.box_loca ul:after{display: block;clear: both;content: "";}
.box_loca ul li{float: left; width: 33.3%; border-bottom: 1px solid #d3d3d3; padding: 2.3% 0; text-align: center; font-size: 1.375em; color: #777; }
.box_loca ul li span{text-align: left;display: inline-block;    width: 70%;}
.box_loca.cate ul li span{width: 80%;}

/* 변호사 Tip */

#search  .lst_tip{border-top: 2px solid #333; margin-top: 10%;}
#search  .lst_tip ul li{position: relative;     line-height: 1.3em; padding-bottom: 0;background-color: #fff; }
#search  .lst_tip ul li .title {cursor:pointer; position:relative; font-size: 1.5em; color:#000; }  
#search  .lst_tip ul li .title p { padding: 5% 0.5em; border-bottom: 1px solid #d3d3d3;}
#search  .lst_tip > ul > li > .cont {padding:0 4.4% 10%;   display:none; border-bottom:1px solid #d3d3d3;  line-height: 1.5em;}
#search  .lst_tip > ul > li > .cont > p {color:#333; margin-left:3%; font-weight: normal; position: relative; font-size: 1.500em; } 
#search  .lst_tip ul li .detail_arr{position: absolute; top: 32%; right: 1em; width: 1em; height: 1em; background-image: url(/m/images/ico/ico_plus.png); background-position: right 0; background-repeat: no-repeat; background-size:100%;}
#search  .lst_tip ul li .detail_arr.on{background-image: url(/m/images/ico/ico_minus.png); }
#search  .lst_tip  .shadow{background-color: #f3fbfb;}



/*변호사 검색 리스트 - class 에  result가 붙음*/

#laywer_result .lst_st2 > ul> li{ margin-top: 0.5em;}
#laywer_result .title1{position: relative;}
.lst_st2 > ul> li .law_info.result{padding: 1.5em;}
.lst_st2 > ul> li .law_info.result .law_cont{padding-top: 0;}
.lst_st2 > ul> li .law_info.result .law_cont .councel_area{margin-top: 0.5em; margin-bottom: 1em;}
.lst_st2 > ul> li .law_info.result .law_cont{width: 70%;}
.lst_st2 > ul> li .law_info.result .law_img{width: 28%; max-width:none;}
#laywer_result .title1 .btn_qus{position: absolute; top: 0;right: 0;}
#laywer_result .title1 .btn_qus img{width: 1.5em;}

.qus_box{ display: none;margin-top: 1em; border: 0.1em solid #11b1b6; width: 100%; background-color: #fff; padding: 5% 10% 5% 5%;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: normal; color: #777; position: relative; }
.qus_box .cont{font-size: 0.7em; line-height: 1.3em;}
.qus_box .close{position: absolute; top: 0;right: 0; width: 1.5em;}
.qus_box .close img{width: 100%;}


/* 변호사 검색 결과 페이지 */
#searchList_top{border-bottom: 1px solid #dfdfdf; padding-bottom: 0.5em;}
#searchList_top h2{text-align: center; margin-bottom: 0.8em;}
.modiBox ul li{background-color: #fff; font-size: 1.250em;color: #777;  border: 1px solid #acacae; padding:0.5em 0.3em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 0.5em;}
.modiBox ul li:after{display: block;clear: both;content: "";}
.modiBox ul li strong{float: left;  font-weight: bold; width: 20%; padding-left: 1em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.modiBox ul li p{    width: 60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float: left; border-left: 1px solid #ddd; padding-left:1em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.modiBox ul li button{float: right; width: 18%; text-align: left; padding-left:1em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.modiBox ul li button.btn_modify{border-left: 1px solid #ddd;}
.modiBox ul li button.btn_modify img{width: 0.5em; vertical-align: baseline; margin-left: 0.5em;}

/* 변호사 검색 - 프로필 */

/*변호사 프로필 - 하단 전화번호 fix*/
.calling_ban{background: url(/m/images/bg/bg_calling.png) left top repeat; padding: 1em; position: fixed; bottom: 5.2em; width: 100%;z-index: 1;}
.calling_ban .inner{background: url(/m/images/ico/ico_calling.png) left top no-repeat; -webkit-background-size: 4em;background-size:4em ; padding-left: 5em; padding-bottom: 2.9em; }
.calling_ban .lawyer{font-size: 1.250em; color: #a8a08a;}
.calling_ban .num{font-size: 2.5em; color: #fff; font-weight: bold; }


/* 변호사 프로필 상단 영역 */
.profile_header{background-color: #515268;}
.profile_header .inner{padding: 2.5em 2em;}
.profile_header .cont{float: left; color: #fff; width: 60%;}
.profile_header .inner:after{display: block;clear: both;content: "";}
.profile_header .law_info{padding-bottom: 1.5em;}
.profile_header .law_info h1{font-size: 2.188em;}
.profile_header .law_info h1 span{font-size: 0.571em; font-weight: normal;margin-left: 0.8em;}
.profile_header .law_info h1 span img{width: 1.1em; margin-right: 0.2em; vertical-align: text-top;}
.profile_header .law_info h1 span strong{font-weight: bold;}
.profile_header .law_info p{font-size: 1.250em; margin-top: 1em;}
.profile_header .msg_line{border-top: 1px solid #6f6f81; padding-top: 1.5em;}
.profile_header .msg_line p{font-size: 1.375em; font-weight: bold; line-height: 1.4em;}
.profile_header .law_img{float: right; /* max-width: 139px; */ width: 34%; height: 12em;overflow: hidden; -webkit-border-radius: 20em;-moz-border-radius:20em ;border-radius:20em ;}
.profile_header .law_img img{width: 100%;}


/* 프로필 탭*/
.lst_tab{margin-bottom: 1.5em;}
.lst_tab > ul:after{display: block;clear: both;content: "";} 
.lst_tab > ul > li{float: left; width: 23%; text-align: center; font-size: 1.563em; font-weight: bold; color: #999; position: relative;}
.lst_tab > ul > li:after{position: absolute; left: 0;top: 10%; width: 1px; height: 80%; background-color: #aaa; content: "";}
.lst_tab > ul > li:first-child:after{display: none;}
.lst_tab > ul > li.on{color: #333;}
.lst_tab > ul > li.t3{width: 30%;}
.lst_tabCont > ul > li{display: none;}
.lst_tabCont > ul > li.on{display: block;}

/*프로필 인사이드 박스 */

.insideBox{ background-color: #fff; padding: 1.5em 1em;  -webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius:0.5em; border: 1px solid #d3d3d3;}
.insideBox p.normal_text{font-size: 1.250em; color: #777; line-height: 1.5em;}
.insideBox.mt2{margin-top: 2em;}
.lst_field{margin-top: 2em;}
.lst_field > li{margin-top: 2em;}
.lst_field > li:first-child{margin-top: 0;}
.lst_field >  li h2.title2{ font-size: 1.500em; position: relative; padding-left: 0.7em; margin-bottom: 0.5em;}
.lst_field >  li h2.title2:after{position: absolute; left: 0em; top: 0.3em;    border-top: 0.28em  solid transparent;border-left: 0.3em solid #868686;border-bottom: 0.28em  solid transparent;content: "";}
.lst_treat ul:after{clear: both;display: block; content: "";}
.lst_treat ul li{float: left; width: 48%; margin-left: 1%; background-color: #efefef;-webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ; -webkit-border-radius: 0.5em;-moz-border-radius:0.5em ;border-radius: 0.5em; margin-bottom: 0.5em; padding:0.5em 1em; font-size: 1em;}

#task{margin-top: 3em;}

.main_field h2{margin-bottom: 0.5em;}
.main_field h2 span.ico img{width: 1.4em; vertical-align: text-bottom;}

.case h2{color: #c19f3b;margin-bottom: 0.5em;}

.count{color: #d23622;}

/*스와이프 메인*/
#area_main_cont{position: relative;overflow: hidden;}
#area_main_cont > .inner{}
#area_main_cont > .inner > section{height:auto;}
#area_main_cont > .inner > section > .cont_inner{min-height:700px;}


/* 변호사입니까 */

#ru_lawyer{position: relative; /* min-height: 100%; */}
#ru_lawyer .buttonArea.main{position: absolute;bottom: 20%;left: 50%;margin-left: -11.5em;width: 23em;}
#ru_lawyer .buttonArea{position: absolute;bottom: 15%;left: 50%;    width: 90%;margin-left: -45%;}
#ru_lawyer .buttonArea .btn_join1{    width: 49%;}
#ru_lawyer .buttonArea .btn_join1 img{width: 100%; }
#ru_lawyer .buttonArea .btn_next1{    width: 49%;    }
#ru_lawyer .buttonArea .btn_next1 img{width: 100%;}


/* 회사소개  */
#company{position: relative; /* min-height: 100%; */}
#company li.last{position: relative;}
#company li.loca{position: relative;}
#company li.loca .mapBox{position: absolute; bottom: 7.8em; width: 100%; height:50%;}
#company li.last .buttonArea.main{position: absolute;bottom: 15%;left: 50%;margin-left: -11.5em;width: 23em;}
#company .buttonArea .btn_join1{    width: 49%;}
#company .buttonArea .btn_join1 img{width: 100%; }
#company .buttonArea .btn_next1{    width: 49%;    }
#company .buttonArea .btn_next1 img{width: 100%;}


/* 회사소개 - 서비스 */
#service{position: relative; /* min-height: 100%; */}

 .big_slide ul:after{display: block;clear: both;content: "";}
 .big_slide ul li{float: left ; /* background-color: #000; */}
 .big_slide ul li .img img{width: 100%;}

/* html,body, #wrap, #wrap>.inner, #container.sub, .container_inner{height: 100%;} */
/*swiper*/
.swiperBox{margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.swiperBox .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;}
.swiperBox .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;/* flex-shrink: 0; *//* width: 100%; */height: 100%;}
.swiperBox .swiper-container-horizontal>.swiper-pagination {margin: 1em 0 2em 0;left: 0;width: 100%; position: absolute; bottom: 0;}
.swiperBox .swiper-pagination {text-align: center;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiperBox .swiper-pagination-bullet {width: 1.2em;height: 1.2em;display: inline-block;border-radius: 100%;background: #999;}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 0.3em;}
.swiperBox .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiperBox .swiper-pagination-bullet-active {opacity: 1;background: #d0af4c;}

/*//swiper*/



/* 개인정보, 이용약관 */

.termsBox{background-color: #fff; overflow-y: scroll; height: 25em; border: 1px solid #ddd; line-height: 1.5em;}
.termsBox .inner{padding: 0.5em 1em; }


/* 도움말 help - 처음방문 */

#help {}
#help #helpTop{position: relative;}
#help #helpTop > img{width: 100%;}
#help #helpTop .btn_company{ position: absolute; bottom: 5%; left: 50%; margin-left: -6em;width: 12em; max-width: 180px;}
#help #helpTop .btn_company img{width: 100%;}

#help_customer{padding: 10% 0; background-color: #fff;}
#help_customer header{padding-bottom: 6%;background:url(/m/images/help/bg_help_cus.gif) center bottom no-repeat ;}
#help_customer h2{text-align: center; font-size: 2.813em; font-weight: bold;  color: #000;}
#help_customer p {color: #666; font-size: 1.375em; text-align: center; margin-top: 2%;}

#help_customer .article{margin-top: 10%;}
#help_customer .article ul:after{display: block;clear: both;content: "";}
#help_customer .article ul li{float: left; width:33.3%; text-align: center;}

#help_customer .article ul li .img{width:62.48% ; max-width: 124px;     margin: 0 auto;}
#help_customer .article ul li .img img{width: 100%;}
#help_customer .article ul li dl{margin-top: 2em;}
#help_customer .article ul li dl dt{font-size: 1.563em; color: #11b1b6; font-weight: bold; position: relative; padding-bottom: 0.5em;}
#help_customer .article ul li dl dt:after{ position: absolute; width: 50%; height: 1px; background-color: #11b1b6; bottom: 0; left: 25%;content: "";}
#help_customer .article ul li dl dd{margin-top: 1em; font-size: 1.375em;}



#help_qna{padding: 10% 0; background-color: #fbfbfb;}
#help_qna header{padding-bottom: 6%;}
#help_qna h2{text-align: center; font-size: 2.813em; font-weight: bold;  color: #000;}
#help_qna p {color: #666; font-size: 1.375em; text-align: center; margin-top: 2%;}
#help_qna .article{padding:0 15%;}
#help_qna .article ul:after{display: block;clear: both;content: "";}
#help_qna .article ul{margin-left: -3%; margin-top: -3%;}
#help_qna .article ul li{width: 47%;float: left;text-align: center; margin-left: 3%; margin-top: 3%; background-color: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#help_qna .article ul li a{display: block;padding:20% 0;color: #000;}
#help_qna .article ul li a:hover{background-color: #11b1b6;}
#help_qna .article ul li .ico{ display: block; width:40%; max-width: 70px; margin:0 auto;}
#help_qna .article ul li .ico img{width: 100%;}
#help_qna .article ul li a span.ti{display: block; font-size: 1.375em; margin-top: 1.3em; color: #000; font-weight: bold;}
#help_qna .article ul li a:hover span.ti{color: #fff;}