/*팝업*/
.layerpopup {z-index:101; display: none; position:absolute; left: 0; right: 0; width:100%; height:auto;}
.layerpopup2 {z-index:101; display: none; position:absolute; left: 0; right: 0; width:100%; height:auto;}
.popup_dim {position:fixed; left:0; top:0; right: 0; bottom: 0;  background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); z-index:100;}
.popup_dim2 {position:fixed; left:0; top:0; right: 0; bottom: 0;  background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); z-index:100;}
.popup {position: relative; max-width:700px; margin: 0 auto; margin-top: 5%; background-color: #fff; }

.pop_hd {border-bottom: 1px solid #c8c8c8;}
.pop_hd .title {padding: 10px; font-weight: 700; font-size: 22px; line-height: 40px; color: #000;}
.pop_hd .ico_logo {padding-left: 50px; background: url('../images/popup/pop_logo.png') 0 0 no-repeat;}

.pop_cont_top {padding-top: 23px; background: #fff url('../images/popup/bg_pop_cont_top.gif') 0 0 repeat;}
.pop_inner {padding:30px;}


.popup .tbl_basic th {font-size: 14px; text-align: center; height: 30px;}
.popup .tbl_basic td {font-size: 13px; height: 30px;}


.b-close {position: absolute; right: -38px; top: 0; width: 38px; height: 38px; text-indent: -9999px; background: url('../images/popup/btn_close.gif') 0 0 no-repeat;}
.scrollY {overflow-y:auto; }


.layerPopup3 {position: absolute; left: 0; top: 0; opacity:0;}
.layerPopup3 .popup {display: inline-block; *display: inline; *zoom: 1; width:700px; max-width:none; margin-top: 0; position: relative; -ms-word-break: keep-all; word-break: keep-all;}



/*변호사 프로필*/
.area_profile.scrollY {max-height:670px;}
.area_profile {}
.area_profile > .area {padding: 30px;}
.area_profile > .area.line {border-bottom: 1px solid #c6c6c6;}

.area_profile .area_img {margin-bottom: 12px; }
.area_profile .area_img .img {float: left; width: 162px;}
.area_profile .area_img .img span {display: block; height:0; padding-bottom:100%; border: 1px solid #eee; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.area_profile .area_img .img img {width: 100%;}
.area_profile .area_img .tbl_style1 {padding-left: 185px;}

.area_profile .area_txt {clear: both;}
.area_profile .area_txt .hd_ty3 {margin-bottom: 5px;}
.area_profile .area_txt .ico_talk {display: inline-block; padding: 8px 0 8px 33px; background: url('../images/common/ico_talk.png') 0 center no-repeat;}
.area_profile .area_txt .box {margin-bottom: 10px; border: 1px solid #dbdbdb; background-color: #f5f5f5; text-align: center;}
.area_profile .area_txt .box p {padding: 20px 10px; font-size: 13px; line-height: 1.5;}


#chartdiv a {color:transparent !important;}

.area_comment {}
.area_comment .scrollY {max-height:330px; box-sizing:border-box;}
.area_comment > .area {padding: 0 30px 30px;}
.area_comment > .area.line {border-bottom: 1px solid #c6c6c6;}

.area_comment .area_top {padding: 30px 0 10px;}
.area_comment .area_top:after {content:""; clear: both; display: block;}
.area_comment .area_top .graph {float: left; width: 60%; padding-right: 150px; box-sizing:border-box;}
.area_comment .area_top .graph > div {position: relative; height: 250px;}
.area_comment .area_top .graph #chartdiv {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 11px;}
.area_comment .area_top .graph #legend {position: absolute; right: -100px; top: 0; font-size: 14px; line-height: 25px; color: #666; width:80px;}
.area_comment .area_top .graph #legend .legend-marker {display: inline-block; vertical-align: top; width: 13px; height: 13px; margin-right: 3px; margin-top: 6px; border-radius: 50%; line-height:1.2;}

.area_comment .area_top .info {float: right; width: 40%; padding-top: 20px;}
.area_comment .area_top .info li {margin-bottom: 5px; padding: 5px 10px; border-bottom: 1px solid #ebebeb; text-align: right; font-size: 16px; color: #666;}
.area_comment .area_top .info li span.h {display: block; float: left;}
.area_comment .area_top .info li span.t {color: #000;}


.ed_txbox {min-height:50px; -ms-word-break: break-all; word-break: break-all; font-size: 13px; line-height: 1.3; padding-top: 7px; color: #555;}



/*이지로카드-카드 더보기*/
.area_pop_card {display: none; margin-top: 30px; border-top: 3px solid #319676;}
.area_pop_card .popup {z-index: 101; }
.pop_lst_card {padding: 70px 40px; }
.pop_lst_card ul {overflow:hidden;}
.pop_lst_card li {float: left; width: 23.5%; margin-left: 2%; text-align: center; }
.pop_lst_card li:first-child {margin-left: 0;}
.pop_lst_card .img {margin-bottom: 15px;}



/*상담후기작성*/
.popup.pop_review {width:915px}
.popup.pop_review .pop_cont {padding: 50px 70px 70px;}
.popup.pop_review .preview .top {height: 217px; margin-bottom: 20px; background: url('../images/common/img_pop_review.png') right center no-repeat;}
.popup.pop_review .preview .top .h1 {margin-bottom: 20px; font-size: 34px; color: #000;}
.popup.pop_review .preview .top .t1 {padding-left: 15px; color: #555; font-size: 18px; line-height: 26px; border-left: 4px solid #c5c3be;}


/*사건등록대행작성*/
.popup.pop_affair_reg_agency {width:915px}
.popup.pop_affair_reg_agency .pop_cont {padding: 50px 70px 70px;}
.popup.pop_affair_reg_agency .confirm .top {height: 217px; margin-bottom: 20px; background: url('../images/common/img_pop_review.png') right center no-repeat;}
.popup.pop_affair_reg_agency .confirm .top .h1 {margin-bottom: 20px; font-size: 34px; color: #000;}
.popup.pop_affair_reg_agency .confirm .top .t1 {width:50%; padding-left: 15px; color: #555; font-size: 14px; line-height: 1.4; border-left: 4px solid #c5c3be;}


/*이지로상담 사건진행현황 결제*/
.popup.pop_easylaw_inform_payment {width:915px}
.popup.pop_easylaw_inform_payment .pop_cont {padding: 50px 70px 70px;}
.popup.pop_easylaw_inform_payment .confirm .top {height: 217px; margin-bottom: 20px; background: url('../images/common/img_pop_review.png') right center no-repeat;}
.popup.pop_easylaw_inform_payment .confirm .top .h1 {margin-bottom: 20px; font-size: 34px; color: #000;}
.popup.pop_easylaw_inform_payment .confirm .top .t1 {width:50%; padding-left: 15px; color: #555; font-size: 14px; line-height: 1.4; border-left: 4px solid #c5c3be;}


/*상세검색*/
.popup.pop_search {width:915px; background:none;}
.popup.pop_search .b-close {top:0; right:0; background-image:url('../images/common/btn_close.png'); background-position:right center;}
.popup.pop_search .pop_cont .cont {padding: 30px; background-color:#FFF;}
.popup.pop_search .pop_hd .title {color:#fff; padding:0; height:48px;}
.popup.pop_search .tab {position:absolute; right:0; top:0; width:50%;}
.popup.pop_search .tab li {}
.popup.pop_search .tab li a {color:#fff; background-color:#ccc; border-color:#ccc;}
.popup.pop_search .tab li.t1.on a {background-color:#08a079; border-color:#08a079;}
.popup.pop_search .tab li.t2.on a {background-color:#83a9b6; border-color:#83a9b6;}
.popup.pop_search .tab li.t3.on a {background-color:#ec9a1c; border-color:#ec9a1c;}
.popup.pop_search label {display:block; font-size:14px; color:#000; margin-bottom:5px; margin-top:10px;}
.popup.pop_search label.emp {position:relative; padding-left:10px;}
.popup.pop_search label.emp:after {content:"*"; position:absolute; left:0; top:3px; color:#067170; font-size:14px;}
.popup.pop_search .inp_txt {width:100%;}
.popup.pop_search .lft {display:inline-block; *display:inline; *zoom:1; width:30%; padding-right:3%; vertical-align:top;}
.popup.pop_search .rgh {overflow:hidden; display:inline-block; *display:inline; *zoom:1; width:65%; vertical-align:top;}
.popup.pop_search .rgh .col {float:left; width:31.3%; margin-left:2%;}
.popup.pop_search .rgh .col.big {position:relative;}
.popup.pop_search .rgh .col .inp {}
.popup.pop_search .rgh .col .inp .btn-pk {position:absolute; right:-107%; bottom:0; width:100%; line-height:22px;}


/*콜카드*/
.pop_easylaw_inform_payment.callcard {}
.pop_easylaw_inform_payment.callcard .card_list .lft {display:inline-block; *display:inline; *zoom:1; width:50%; padding-right:3%; vertical-align:top;}
.pop_easylaw_inform_payment.callcard .card_list .right {overflow:hidden; display:inline-block; *display:inline; *zoom:1; width:45%; vertical-align:top;}


/*상담신청 관련 규정*/
.popup.pop_terms {}
.pop_terms .scrollY {max-height:400px;}
.pop_terms_txt {font-size:14px; line-height:1.5; word-break:break-word; white-space: pre-line; color:#666;}



/*로시소송 - 추가입력사항*/
.popup.pop_auction {width: 910px;}
.pop_auction .tbl_basic tbody th {background-color: #f6f7f7;}



@media (max-width:1024px){
	.popup.pop_review,
	.popup.pop_affair_reg_agency,
	.popup.pop_easylaw_inform_payment,
	.popup.pop_search {width:700px;}
}


@media (max-width:841px){
	.layerPopup3 {left: 0 !important; width: 100%;}
	.layerPopup3 .popup {width: 100%;}

	.b-close {right: 0; top: 0; width: 3.0625rem; height: 3.0625rem; background-color: #00854a; -webkit-background-size: 20px auto; background-size: 20px auto; background-position: center center;}

	.popup_dim {background-color: #fff;}
	.popup {margin-top: 0;}

	.pop_hd {}
	.pop_hd .title {padding: 0.5rem 2%; font-size: 0.9375rem; line-height: 2rem;}
	.pop_hd .ico_logo {padding-left: 32px; -webkit-background-size: 28px auto; background-size: 28px auto; background-position: 0 center;}

	.pop_cont_top {padding-top: 1.25rem;}

	.popup .fz-b2 {font-size: 0.875rem; line-height: 1.2;}
	.popup .tbl_basic th {height: 20px; font-size: 0.75rem;}
	.popup .tbl_basic td {height: 20px; font-size: 0.6875rem;}


	/*변호사 프로필*/
	.area_profile.scrollY {max-height:600px; max-height: calc(100% - 6.25rem);}
	.area_profile > .area {padding: 1.25rem 3%;}
	.area_profile .area_img .img {width: 28%;}
	.area_profile .area_img .tbl_style1 {padding-left: 30%;}
	.area_profile .area_txt .hd_ty3 {font-size: 1rem;}
	.area_profile .area_txt .ico_talk {padding: 0.3rem 0 0.3rem 1.5rem; -webkit-background-size: 1.25rem auto; background-size: 1.25rem auto;}
	.area_profile .area_txt .box p {padding: 1rem ; font-size: 0.8125rem; line-height: 1.4;}



	.area_comment .scrollY {max-height: calc(100% - 6.25rem);}
	.area_comment > .area {padding: 0 3% 1.25rem;}
	.area_comment .area_top {padding: 1.25rem 0 0.5rem;}
	.area_comment .area_top .graph,
	.area_comment .area_top .info {float: none; width: 100%;}
	.area_comment .area_top .graph {padding-right: 100px;}
	.area_comment .area_top .graph #legend {right: -90px; font-size: 0.75rem;}
	.area_comment .area_top .info {padding-top: 0.75rem;}

	.area_comment .area_top .info li {margin-bottom: 2px; padding: 0.4em 0.5em; font-size: 0.875rem;}

	.ed_txbox {font-size: 0.6875rem; padding-top: 0.75em;}




	/*상담후기작성*/
	.popup.pop_review {width: 94%; margin-left: 3%;}
	.popup.pop_review .pop_cont {padding: 5%;}
	.popup.pop_review .preview .top {height: auto; padding-bottom: 120px; margin-bottom: 1rem; -webkit-background-size: auto 150px; background-size: auto 150px; background-position: right bottom;}
	.popup.pop_review .preview .top .h1 {margin-bottom: 1rme; font-size: 1.25rem;}
	.popup.pop_review .preview .top .t1 {padding-left: 10px; font-size: 0.875rem; line-height: 1.25rem;}


	/*사건등록대행작성*/
	.popup.pop_affair_reg_agency {width: 94%; margin-left: 3%;}
	.popup.pop_affair_reg_agency .pop_cont {padding: 5%;}
	.popup.pop_affair_reg_agency .confirm .top {height: auto; padding-bottom: 140px; margin-bottom: 1rem; -webkit-background-size: auto 150px; background-size: auto 150px; background-position: right bottom;}
	.popup.pop_affair_reg_agency .confirm .top .h1 {margin-bottom: 1rme; font-size: 1.25rem;}
	.popup.pop_affair_reg_agency .confirm .top .t1 {width:100%; padding-left: 10px; font-size: 0.75rem; line-height: 1.3;}

	/*이지로상담 사건진행현황 결제*/
	.popup.pop_easylaw_inform_payment {width: 94%; margin-left: 3%; margin-top: 30px;}
	.popup.pop_easylaw_inform_payment .pop_cont {padding: 5%;}
	.popup.pop_easylaw_inform_payment .confirm .top {height: auto; padding-bottom: 140px; margin-bottom: 1rem; -webkit-background-size: auto 150px; background-size: auto 150px; background-position: right bottom;}
	.popup.pop_easylaw_inform_payment .confirm .top .h1 {margin-bottom: 1rme; font-size: 1.25rem; line-height: 1.2; padding-right: 40px;}
	.popup.pop_easylaw_inform_payment .confirm .top .t1 {width:100%; padding-left: 10px; font-size: 0.75rem; line-height: 1.3;}

	/*콜카드*/
	.pop_easylaw_inform_payment.callcard {}
	.pop_easylaw_inform_payment.callcard input.datepicker {margin-bottom:5px;}
	.pop_easylaw_inform_payment.callcard select.select1 {width:100%;}
	.pop_easylaw_inform_payment.callcard select.select1:first-child {margin-bottom:5px;}


	/*상세검색*/
	.popup.pop_search .b-close {top:-3.0625rem; background-position:center center;}
	.popup.pop_search {width: 94%; margin-left: 3%; margin-top:50px;}
	.popup.pop_search .pop_cont .cont {padding:10px 5% 20px;}
	.popup.pop_search .lft,
	.popup.pop_search .rgh {float:none; width:100%;}
	.popup.pop_search .rgh .col {float:none; width:100%; margin-left:0;}
	.popup.pop_search .rgh .col .inp .btn-pk {position:static; margin-top:5px; line-height:1.5;}


	/*상담신청 관련 규정*/
	.popup.pop_terms {width:94% !important; margin-left:3% !important; margin-top:3%;}
	.pop_terms_txt {font-size:0.75rem;}


	/*로시소송 - 추가입력사항*/
	.popup.pop_auction {width: 94%; margin-left: 3%; margin-top: 30px;}
	.pop_auction .tbl_basic col.subject {width: 80px;}
	.pop_auction .pop_inner {padding: 15px 3%;}
	.pop_auction .inp_addr .col:first-child .inp_txt {width: 100px;}
	.pop_auction .tbl_basic td .inp_calender {padding-left: 0.6875rem;}

}