@charset "utf-8";

#sub-contents {position:relative; padding-bottom:70px; }

/* 상담글 쓰기 */
.content-area {position:relative;  }
.content-area .con-tit {font-size:2.3333em; font-weight:300;}
.content-area .con-titexp {margin-bottom:30px; font-size:1.13em; font-weight:300;}
.content-area .con-tit-s {margin-bottom:20px; font-size:1.3333em; font-weight:500;}

.counsel-step {position:relative; margin-bottom:50px; padding:20px 70px; background:#f2f2f2;}
.counsel-step ul {overflow:hidden;}
.counsel-step ul li {float:left; width:33.333%; text-align:center; background:url('../images/sub/step_arrow.png') no-repeat 100% 50%;}
.counsel-step ul li:last-child {background:none;}
.counsel-step ul li .pic {display:inline-block; width:70px; height:70px; margin-right:20px; border-radius:100%; vertical-align:middle; }
.counsel-step ul li .con {display:inline-block; vertical-align:middle;}
.counsel-step ul li .con span {display:block; margin-bottom:5px; text-align:left; font-weight:300; color:#666;}
.counsel-step ul li .con strong {display:block; font-size:1.2em; text-align:left; font-weight:500;}
.counsel-step ul li.active .con strong {color:#2d8ce6; }

.counsel-step ul li .pic1 {background:#fff url('../images/sub/step_pic1.png') no-repeat ;background-size:100% auto;}
.counsel-step ul li .pic2 {background:#fff url('../images/sub/step_pic2.png') no-repeat ;background-size:100% auto;}
.counsel-step ul li .pic3 {background:#fff url('../images/sub/step_pic3.png') no-repeat ;background-size:100% auto;}

.law-category {position:relative; margin-bottom:10px;}
.law-category .cate-data {border-top:1px solid #ccc;}
.law-category .cate-data .box {position:relative; border-bottom:1px solid #ccc;}
.law-category .cate-data .box dl {margin-bottom:0px;}
.law-category .cate-data .box dt {position:absolute; left:0px; top:0px; width:200px; height:100%; padding:20px; font-size:1.06em; color:#fff; font-weight:300; background:#2e3244;}
.law-category .cate-data .box dd {overflow:hidden;padding:20px 20px 20px 210px;}
.law-category .cate-data .box dd ul li {float:left; padding:0 10px;}
.law-category .cate-data .box dd .sel_btn {display:inline-block; padding:2px 10px; font-size:1.06em; border:1px solid #fff; border-radius:50px; background:#fff;}
.law-category .cate-data .box dd .sel_btn.active {border:1px solid #202c60;}

.color_txt {font-size:1.13em; color:blue; font-weight:300;}


.bottom_btn {padding:40px 0 20px 0; }
.bottom_btn .btn.black-btn {display:inline-block; padding:18px 65px; border:none; font-size:1.13em; color:#fff; background:#1b1b1c; border-radius:0px;}


/* 폼형식 기본 */
.default-form {position:relative; margin-bottom: 30px; border-top:1px solid #dbdbdb;}
.default-form .form-group {position:relative; display:table; width:100%; margin-bottom:0px; border-bottom:1px solid #dbdbdb;}
.default-form .form-group label {font-weight:normal;}
.default-form .form-group .control-label {display:table-cell; width:15%; padding:15px 0 15px 45px; font-weight:400; text-align:left; background-color:#f8f8f8; vertical-align: middle;}
.default-form .form-group .control-cons {display:table-cell; width:85%; padding:10px;}
.default-form .form-group .control-cons .inline {display:inline-block; margin-right:10px;}
.default-form .form-group .control-cons .inline label {font-size:1.06em;}
.default-form .form-group .control-cons-2 {display:table-cell; width:85%; }
.default-form .form-group .txt-con {display:block; padding: 0 0 0 0; font-size:1.13em;}
.default-form .form-group select {margin:0; padding:0 40px 0 15px; width:100%; height:40px; font-size:16px; line-height:40px; color:#666; border:1px solid #dbdbdb;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
	font-family: inherit; /* 폰트 상속 */ 
	 /* 화살표 모양의 이미지 */
	background:#fff url('../images/board/select_bg.png') no-repeat right center; }

.default-form .form-control {padding:15px; height: 40px; font-size:16px; color:#000; border-radius: 0px; /*display:block; width:100%; padding:0px 15px; height:40px; font-size:16px; border-radius:0px; background-color:#fff; border:1px solid #dbdbdb;*/}

.default-form .input_inline {display:inline-block; margin-right:10px; vertical-align: middle;}
.default-form .tell_selectbox {display:inline-block; vertical-align: middle; }
.default-form .hyphen {display:inline-block; line-height:40px; vertical-align: middle;}
.default-form .tell_input {display:inline-block;  vertical-align: middle;}
.default-form .exp {display:inline-block; vertical-align: middle; font-size:1.06em;}
.default-form .email_selectbox {display:inline-block; vertical-align: middle; margin-right:10px;}
.default-form .email_input {display:inline-block;  vertical-align: middle;}
.default-form .address_con {margin-top:5px;}
.default-form .post_input {display:inline-block;  vertical-align: middle;}
.default-form .post_con .button {vertical-align: middle;}

.default-form .w50p {width:50%;}
.default-form .w75p {width:75%;}
.default-form .w110px {width:110px;}
.default-form .w170px {width:170px;}

.default-form .text-con {/*border-color:#fff;*/ height:350px; box-shadow:none;}

/* 파일 첨부 */
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {vertical-align:top;} 

.filebox .upload-name {display:inline-block; padding:6px 12px; margin:5px 0; width:45%; height:40px; font-size: inherit;font-family:inherit;line-height:normal;vertical-align: middle;background-color:#fff;border: 1px solid #ccc;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox.bs3-primary label.write-searchbtn {display:inline-block; padding:8px 30px; margin:0px; height:40px; line-height:21px; font-size:1.06em;  color:#fff; background-color:#666; vertical-align:middle;}

/* 상담글 작성 완료 */
.counsel-end {position:relative; padding:110px 15px 100px 15px; border-top:2px solid #000; border-bottom:1px solid #dbdbdb;}
.counsel-end dt {padding:130px 0 25px 0; font-size:2.333em; font-weight:400; text-align:center; background:url('../images/sub/counselend_pic.png') no-repeat center top; }
.counsel-end dd {font-size:1.06em; color:#666; text-align:center; }

/* 기본 검색 */
.boardSearch {position:relative; padding:15px 0px; margin-bottom:30px; text-align:center; background:#f2f2f2;border-radius:5px;}
.boardSearch fieldset {width:60%; margin:0 auto;}
.boardSearch select {display:inline-block;  margin:0; padding:0 40px 0 15px; width:20%; height:40px; font-size:16px; line-height:40px; color:#666; border:none;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
	font-family: inherit; /* 폰트 상속 */ 
	 /* 화살표 모양의 이미지 */
	background:#fff url('../images/board/select_bg.png') no-repeat right center;  vertical-align:middle; }
.boardSearch input[type="search"] {display:inline-block; margin:0 1%;width:57%;padding:0 15px; height:40px; font-size:16px; color:#666; border:none; vertical-align:middle;}
.boardSearch input[type="text"] {display:inline-block; margin:0 1%;width:57%;padding:0 15px; height:40px; font-size:16px; color:#666; border:none; vertical-align:middle;}
.boardSearch input[type="submit"] {display:inline-block; margin:0 -0.25em 0 0; width:20%; height:40px; font-size:16px; color:#fff; background:#1b1b1c; border:none; vertical-align:middle;}

/* 상세 검색 */
.detail-search {position:relative; margin-bottom: 20px; border-top:1px solid #dbdbdb;}
.detail-search .form-group {position:relative; display:table; width:100%; margin-bottom:0px; border-bottom:1px solid #dbdbdb;}
.detail-search .form-group label {font-weight:normal;}
.detail-search .form-group .control-label {display:table-cell; width:13%; padding:15px 0; font-weight:400; text-align:center; color:#fff; background-color:#2e3244; vertical-align: middle;}
.detail-search .form-group .control-cons {display:table-cell; width:87%; padding:15px 15px;line-height:22pt;}
.detail-search .form-group .inline_selectbox {display:inline-block; width:25%;}
.detail-search .form-group .inline_selectbox select {display:block;  margin:0; padding:0 40px 0 15px; width:100%; height:40px; font-size:16px; line-height:40px; color:#666; border:1px solid #ccc; border-radius:0px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
	font-family: inherit; /* 폰트 상속 */ 
	 /* 화살표 모양의 이미지 */
	background:#fff url('../images/board/select_bg.png') no-repeat right center;  vertical-align:middle; }
.detail-search .bottom {padding:20px 0 0 0;}
.detail-search .searchBtn {padding:9px 45px; font-size:1.06em; color:#fff; background:#1b1b1c; border:none;}

.lawyer-member {position:relative; border-top:2px solid #000;}
.lawyer-member .item {position:relative; padding:20px 20px; border-bottom:1px solid #dbdbdb;}

.lawyer-member .item .img {position:absolute; left:20px; top:20px; display:block; width:110px; z-index:5;}
.lawyer-member .item .img .thumbnail-wrap {overflow:hidden; position:relative; width:110px; border-radius:100%;}
.lawyer-member .item .img .thumbnail-wrap  .mask {display:block; position:absolute; left:-55px; top:-55px; width:113px; height:113px; background:url('../images/sub/mask.png') no-repeat left center;  background-size:100% auto; z-index:10;}

.lawyer-member .item .info {position:relative; padding:0 145px; margin:0px; z-index:2;}
.lawyer-member .item .info dt {margin-bottom:10px; font-size:1.2em;}
.lawyer-member .item .info dd li {padding:3px 0;}

.lawyer-member .item .action {position:absolute; right:20px; top:50%; width:120px; margin-top:-33px; z-index:5;}
.lawyer-member .item .action p {font-size:1.2em; font-weight:500; text-align:center;}
.map_btn {display:block; padding:9px 0; font-size:1.06em; text-align:center; color:#fff; background:#273253;}
.map_btn i {display:inline-block; width:13px; height:15px; background:url('../images/sub/pic_map.png') no-repeat left center;  background-size:100% auto; /* vertical-align:middle;*/}

.align-tab {overflow:hidden; position:relative; padding-bottom:15px; }
.align-tab ul li {float:left; padding-right:15px;}
.align-tab ul li a {display:inline-block; padding-bottom:5px; font-size:1.06em; border-bottom:1px solid #fff;}
.align-tab ul li a.active {font-weight:500; color:#2d8ce6; border-color:#2d8ce6;}

/* 게시판 기본 */
.board {position:relative; padding-bottom:50px;}

/* 상담사례 */
.board .line-board {position:relative; border-top:2px solid #000;}
.board .line-board .item {overflow:hidden; position:relative; padding:25px 15px; border-bottom:1px solid #dbdbdb;}
.board .line-board dl {margin-bottom:0px; }
.board .line-board dl dt {padding-bottom:25px;  font-size:1.06em; font-weight:500; color:#3d3d3d;}
.board .line-board dl dd {position:relative;}
.board .line-board .subject {font-size:1.46em; font-weight:500; color:#000;}
.board .line-board .con {padding-bottom:25px; font-size:1.06em; letter-spacing:-0.02em;}
.board .line-board .action {position:relative; min-height:29px;}
.board .line-board .action .view {float:left; margin-right:10px;  font-size:1.06em; line-height:29px;}

.board .line-board .action .favor {float:left; }
.board .line-board .action .favor .btn_favor {font-size:1.06em; line-height:24px; background:#fff;}
.board .line-board .action .favor .btn_favor .heart {display:inline-block; width:17px; height:15px; background:url('../images/sub/hear_pic_off.png') no-repeat left center;  background-size:100% auto;  vertical-align:middle;}
.board .line-board .action .favor .btn_favor .num {display:inline-block; vertical-align:middle;}
.board .line-board .action .favor .btn_favor.off .heart {background:url('../images/sub/hear_pic_off.png') no-repeat left center;  background-size:100% auto; }
.board .line-board .action .favor .btn_favor.on .heart {background:url('../images/sub/hear_pic_on.png') no-repeat left center;  background-size:100% auto; }

.board .line-board .action .people {position:absolute; left:210px; bottom:-4px; }
.board .line-board .action .qa-lawyer {float:left; padding-right:15px;}
.board .line-board .action .qa-lawyer li {position:relative; float:left; margin-right:-7px;}
.board .line-board .action .qa-lawyer .lawyer-img {position:relative; overflow:hidden;display:inline-block; width:29px; height:29px;  border-radius:50%; border:3px solid #fff; /*box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);*/}
.board .line-board .action .qa-lawyer .lawyer-img .thumbnail-wrap {width:26px; }
.board .line-board .action .qa_data {float:left; /*margin-left:15px;*/ font-size:1.06em; line-height:29px;}
.board .line-board .secretBoxLayer {position:absolute; right:20px; bottom:26px; }
.board .line-board .secretBoxLayer input[type="password"] {border:1px solid #ccc; height:25px; padding:2px 5px; vertical-align:middle; }
.board .line-board .secretBoxLayer input[type="submit"] {border:none; padding:0 10px; height:25px;  font-size:13px; color:#fff; background:#666; vertical-align:middle; }


/* 기본 게시판 상세보기 */
div.board .basic-view {position:relative; /*margin-bottom:15px;*/ border-top:2px solid #666;}
div.board .basic-view .view_header {position:relative; padding:20px 15px 10px 15px; font-size:28px; font-weight:500; text-align: left; background:#fff; }
div.board .basic-view .view_header span {display:block; margin-bottom:20px; font-size:14px; ;}

div.board .basic-view .view_info {padding:0 15px 20px 15px; }
div.board .basic-view .view_info .tit {display:inline-block; font-size:0.93em; font-weight:300; color:#666;  }
div.board .basic-view .view_info .data {display:inline-block; padding:0 20px 0 5px; font-size:0.93em;  font-weight:300;color:#666;}

div.board .basic-view .view_con {padding:40px 15px; font-size:1.13em; color:#666; line-height:1.45em; border-top:1px solid #dbdbdb;}
div.board .basic-view .view_con .img {margin-bottom:30px; text-align:center;}
div.board .basic-view .view_con p {margin:10px 0;}

/* 코멘트 */
.reply-write {padding:30px; background:#f8f8f8; margin-bottom:20px;  }
.reply-write .reply-form {overflow:hidden; position:relative; padding:0 0 0 0px;  z-index:1; }
.reply-write .reply-form label {display:block; margin-bottom:15px; font-size:1.06em; font-weight:500; }
.reply-write .reply-form .text_box {position:relative; padding:0; margin-bottom:10px;  z-index:4; border:1px solid #ccc;}
.reply-write .reply-form .text_box textarea {border:0px; width:100%; height:150px; padding:15px 20px; font-size:15px;}
.reply-write .reply-form .write_btn {float:right; padding:10px 50px; border:none; font-size:1.2em; color:#fff; background-color:#459af0; z-index:5;}

/* 답변 영역 */
div.board .basic-view .reply_area {clear:both; margin:15px 30px 25px 30px; border:1px solid #dbdbdb;}
div.board .basic-view .reply_area .reply_info {overflow:hidden;  padding:15px 30px; background:#f5f5f5; border-bottom:1px solid #dbdbdb;}
div.board .basic-view .reply_area h5 {float:left; font-size:1.2em; font-weight:600; }
div.board .basic-view .reply_area .info {float:right;}
div.board .basic-view .reply_area .reply_con {padding:30px; line-height:1.4em; color:#000;}


/* 코멘트 */
.comment-area {padding:20px 20px 10px 20px;background:#f5f5f5;border-radius:10px; }
.comment-area .comment-form {overflow:hidden; position:relative; padding:0px 0px 20px 0px; margin-bottom:20px; }
.comment-area .comment-form .text_box.login_after {position:relative; padding:0 0 0 0;}
.comment-area .comment-form .text_box.login_after textarea {border:0px; width:100%; height:150px; padding:15px 20px;border-radius:5px; border:1px solid #ccc;}
.comment-area .comment-form .write_btn {float:right; width:150px; height:50px; margin-top:10px; border:none; font-size:1.2em; color:#fff; background-color:#459af0; z-index:5;}

.comment-area .comment-list {position:relative; }
.comment-area .comment-list li {position:relative; padding:20px 0; margin-bottom:15px;  background:#fff; border-radius:20px;}
.comment-area .comment-list li .img {position:absolute; left:30px; top:20px; display:block; width:70px; z-index:5;}
.comment-area .comment-list li .img .thumbnail-wrap {overflow:hidden; position:relative; width:70px; border-radius:100%;}
.comment-area .comment-list li .img .thumbnail-wrap  .mask {display:block; position:absolute; left:-36px; top:-36px; width:73px; height:73px; background:url('../images/sub/mask.png') no-repeat left center;  background-size:100% auto; z-index:10;}
.comment-area .comment-list li .info {position:relative; padding:0 0px; margin:0px; z-index:2;}
.comment-area .comment-list li .info dt {padding:10px 0 25px 120px; margin-bottom:10px; }
.comment-area .comment-list li .info dt .name {display:block; font-size:1.2em;}
.comment-area .comment-list li .info dt .con {display:block; font-size:1.0em; font-weight:400; color:#666;}
.comment-area .comment-list li .info dd {margin:10px 30px 0px 30px; padding:20px 0;  font-size:1.06em; line-height:1.4em; border-top:1px solid #f1eeec;}

.comment-area .comment-list li .action {position:absolute; right:20px; top:50%; width:120px; margin-top:-33px; z-index:5;}
.comment-area .comment-list li .action p {font-size:1.2em; font-weight:500; text-align:center;}

.map_btn {display:block; padding:9px 0; font-size:1.06em; text-align:center; color:#fff; background:#273253;}
.map_btn:hover { background:#44AEFF; }

.map_btn i {display:inline-block; width:13px; height:15px; background:url('../images/sub/pic_map.png') no-repeat left center;  background-size:100% auto; /* vertical-align:middle;*/}

.map_btn2 {display:inline-block;padding:2px 10px; font-size:9pt; border-radius:20px;text-align:center; color:#fff; background:#273253;}
.map_btn2:hover { background:#44AEFF; }
.map_btn2 i {display:inline-block; width:10px; height:12px; background:url('../images/sub/pic_map.png') no-repeat left center;  background-size:100% auto; /* vertical-align:middle;*/}


/* 페이징 */
.paging-area {position:relative;}
.paging-area ul li {display:inline-block; }
.paging-area ul li a {display:inline-block; width:34px; height:34px; line-height:34px; border:1px solid #dbdbdb; vertical-align:middle;}
.paging-area ul li a.active {border-color:#2d8ce6; color:#2d8ce6;}
.paging-area ul li i {display:inline-block; width:25px; height:25px; margin-top:3px; }
.paging-area ul li .first_arrow {background:url('../images/sub/page_btn_first.png') no-repeat left center;  background-size:100% auto;}
.paging-area ul li .pre_arrow {background:url('../images/sub/page_btn_prev.png') no-repeat left center;  background-size:100% auto;}
.paging-area ul li .next_arrow {background:url('../images/sub/page_btn_next.png') no-repeat left center;  background-size:100% auto;}
.paging-area ul li .last_arrow {background:url('../images/sub/page_btn_last.png') no-repeat left center;  background-size:100% auto;}


/* 로그인 / 회원가입 */
/* 로그인박스 */
#loginForm {position:relative; max-width:550px; margin:3% auto 0 auto; height:auto;}
#loginForm .panel-blue {padding:80px 85px; border:1px solid #354052; border-radius:0px; box-shadow:1px 1px 10px 1px #ccc;}
#loginForm h1 {margin-bottom:50px; font-size:30px; font-weight:600; letter-spacing:-0.05em; text-align:center;}
#loginForm .form-control {margin-bottom:10px; background:#f9f9f9; min-height:55px; font-size:17px; border-radius:0px;}
#loginForm h2 {font-size:17px; font-weight:600;}
#loginForm .button {margin:20px 0 0px 0;}
#loginForm .btn {margin-bottom:10px; border-radius:0px;}
#loginForm .btn-primary {font-size:17px; border:1px solid #2d8ce6; background:#2d8ce6; }
#loginForm .btn-success {border:none;  background:#273253;}
#loginForm p {font-family:'notokr-regular'; letter-spacing:-0.06em; color:#666;}

#loginForm:after {content:""; position:fixed; top:80px; left:0px; width:100%; height:100%; z-index:-1; background:#fafafa;}

.text_btns {position:relative; padding:15px 0 0 0; margin-bottom:0px; text-align:center;}
.text_btns li {position:relative; display:inline-block; padding:0 13px; }
.text_btns li:after {position:absolute; right:0px; top:4px; content:""; display:block; width:1px; height:13px; background-color:#a3a3a3;}
.text_btns li:last-child:after {display:none;}
.text_btns li a {font-size:1.06em; color:#666;}
#judi { display:none; }


/* 생활법률분야 */
#category-area {position:relative; margin-bottom:30px; }
#category-area h2 {float:left; margin-right:10px; padding-bottom:10px; font-size:1.33em;}
#category-area .exp_txt {float:left; color:#666;}
#category-area .cate-data {clear:both; overflow:hidden; border:1px solid #ccc; background:#fff;}
#category-area .cate-data .box {float:left; width:12.5%;}
#category-area .cate-data .box dl {margin-bottom:0px;}
#category-area .cate-data .box dt {padding:10px 0; font-size:1.06em; color:#fff; font-weight:400; text-align:center; background:#2e3244; border-left:1px solid #545768;}
#category-area .cate-data .box dt a {color:#fff}
#category-area .cate-data .box dd {padding:12px 0; font-size:0.93em; letter-spacing:-0.05em; border-left:1px solid #ccc;}
#category-area .cate-data .box dd li {padding:9px 0; text-align:center;}
#category-area .cate-data li:first-child dt {border-left:none;} 
#category-area .cate-data li:first-child dd {border-left:none;} 
#category-area .cate-data .box dd a:hover {color:#2d8ce6; text-decoration:underline;}	

/* lg */ 
@media (max-width: 1200px) {
	#judi { display:none; }

	#category-area .cate-data .box {width:25%;}
	#category-area .cate-data li:nth-child(4n+1) {clear:both;}
	#category-area .cate-data li:nth-child(4n+1) dt {border-left:none;} 
	#category-area .cate-data li:nth-child(4n+1) dd {border-left:none;} 
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

	
	#judi { display:none; }

}
@media (max-width: 992px){
	
	#sub-contents {padding:30px 0 50px 0;}

	.counsel-step {padding:20px 15px; }
	.counsel-step ul li .pic {width:60px; height:60px; margin-right:10px; }
	.counsel-step ul li .con span {font-size:0.93em;}
	.counsel-step ul li .con strong {font-size:1.13em; }


	.default-form .form-group .control-label {padding:15px 10px 15px 15px; } 

	#judi { display:none; }
}

/* xs */
@media (max-width: 767px) {
	
	#sub-contents {padding:15px 15px 30px 15px;}
	.content-area .con-tit {font-size:1.66em; font-weight:500;}
	.content-area .con-titexp {font-size:1.0em;}

	.counsel-step ul li .pic {display:block;  margin:0 auto 5px auto; width:50px; height:50px }
	.counsel-step ul li .con span {font-size:0.93em; text-align:center;}
	.counsel-step ul li .con strong{font-size:1.06em; text-align:center;}

	.law-category .cate-data .box dt {width:160px; padding:15px; font-size:0.93em;}
	.law-category .cate-data .box dd {padding:15px 15px 15px 160px;}

	.color_txt {font-size:1.0em;}

	.bottom_btn .btn.black-btn {padding:15px 45px; font-size:1.0em;}

	.default-form .email_selectbox {margin:5px 10px 5px 0;}	

	.counsel-end {padding:85px 15px 75px 15px;}
	.counsel-end dt {font-size:1.8em; word-break:keep-all;}
	.counsel-end dd {font-size:0.93em; word-break:keep-all;}
	
	.detail-search .form-group .control-label {padding:15px; width:20%;}
	.detail-search .form-group .control-cons {width:80%;}
	.detail-search .form-group .inline_selectbox  {width:45%;}

	.boardSearch fieldset {width:90%;}

	.board .line-board dl dt {padding-bottom:30px;}
	.board .line-board .subject {font-size:1.3em;}
	.board .line-board .con {font-size:0.93em;}
	.board .line-board .action .view {font-size:0.93em;}
	.board .line-board .action .favor .btn_favor {font-size:0.93em;}
	.board .line-board .action .qa_data {font-size:0.93em;}

	.board .line-board .action .people {clear:both; position:relative; left:auto; bottom:auto; }
	#judi { display:none; }


	#category-area {padding:0 15px;}
	#category-area .cate-data .box {width:50%;}
	/*#category-area .cate-data li:nth-child(4n+1) {clear:none;}*/
	#category-area .cate-data li:nth-child(2n+1) {clear:both;}
	#category-area .cate-data .box dt {padding:10px 5px; font-size:1.0em;}
	#category-area .cate-data .box dd {padding:10px 0;}
	#category-area .cate-data .box dd li {padding:3px 5px;}
	#category-area .cate-data .box dd li a {font-size:0.93em;}


}

@media (max-width: 600px) {
	
	.law-category .cate-data .box {border-bottom:none;}
	.law-category .cate-data .box dt {position:relative; left:auto; top:auto; width:auto;}
	.law-category .cate-data .box dd {padding:15px;  margin-bottom:10px; border:1px solid #dbdbdb;}
	.law-category .cate-data .box dd ul li {padding:0; margin:2px 10px 2px 0px;}
	.law-category .cate-data .box dd .sel_btn {font-size:1.0em;}

	.color_txt {font-size:0.93em;} 

	.default-form .form-group .control-label {width:25%; font-size:0.93em; padding:10px;}
	.default-form .form-group .control-cons {width:75%;}
	.default-form .form-group .txt-con {font-size:1.0em;}

	.default-form .input_inline.w50p {width:100%; margin-bottom:5px;}
	
	.lawyer-member .item {padding:15px; }
	.lawyer-member .item .img {position:relative; top:auto; left:auto;}
	.lawyer-member .item .info {padding:15px 0px; }
	.lawyer-member .item .action {top:34px; right:15px; margin-top:0px; }

	.paging-area ul li a {width:30px; height:30px; line-height:30px;}
	.paging-area ul li i {margin-top: 1px;}

	#loginForm .panel-blue {padding:60px 40px;}
	#judi { display:none; }

	#category-area { display:none; }

}

/* XS Portrait */
@media (max-width: 479px) {
	
	.counsel-step ul li .pic {width:40px; height:40px; }
	.counsel-step ul li .con span {font-size:0.7em;}
	.counsel-step ul li .con strong {font-size:0.93em; letter-spacing:-0.05em;}

	.content-area .con-tit {font-size:1.3em;}
	.content-area .con-titexp {font-size:0.93em; }
	
	.default-form {border-top: 1px solid #333; border-bottom: 1px solid #dbdbdb;}
	.default-form .form-group {border-bottom:0px;}
	.default-form .form-group .control-label {display:block; width:100%; padding:10px 0 7px 0px; background:#fff;}
	.default-form .form-group .control-cons {display:block; width:100%; padding:0px; margin-bottom:12px; /*background:#f5f5f5;*/ }
	.default-form .form-group .txt-con {padding:10px; /*border:1px solid #dbdbdb;*/ background:#f5f5f5;}
	.default-form .email_input {margin-bottom:5px; width:90%;}
	.default-form .email_input .w170px {width:100%;}
	.default-form .email_selectbox {display:block; width:90%; margin:0 0 10px 0; }
	.default-form .email_selectbox .w170px {width:100%;}
	.default-form .tell_input {width:30%;}
	.default-form .tell_input .w110px {width:100%;}

	.filebox .upload-name {width:62%;}
	
	.boardSearch select {width:35%;float:left;margin-top:5px;margin-right:2px;}
	.boardSearch input[type="search"] {float:left; width:38%; margin:5px 0;}
	.boardSearch input[type="text"] {float:left; width:75%; margin:5px 0;}
	.boardSearch input[type="submit"] {float:right; width:25%; margin:5px 0px;}

	.detail-search .form-group .inline_selectbox {width:49%; margin:2px 0; }

	.board .line-board dl dt {padding-bottom:20px; font-size:0.93em;}
	.board .line-board .subject {font-size:1.13em;}
	.board .line-board .con {font-size:0.86em;}

	#loginForm .panel-blue {padding:50px 30px;}
	#judi { display:block;text-align:center;font-size:8pt; }

	#category-area { display:none; }
}

a.box { padding:3px 14px; color:#fff; background:#273253; border-radius:50px; }

.juso_copy_btn { display:inline-block;border-radius:20px;font-size:9pt;padding:2px 10px;background:#44AEFF;color:#fff; }
.juso_copy_btn:hover { background:#273253;color:#fff; }

.mem_sel_btn { margin:25px;height:80px;line-height:80px;text-align:center;border:1px solid;border-radius:50px;color:#fff;font-size:15pt; }
.mem_sel_btn a { color:#fff; }
.b1 { background:#3897b2 }
.b2 { background:#112e61 }
.b3 { background:#055A9D }

.mem_sel_btn:hover { background:#da5784; }