@charset "utf-8";

section {position:relative; clear:both;}

/* 비주얼 영역 */
/* #m_visual ul.visRoll {position:relative; width:100%; }
#m_visual .caroufredsel_wrapper {margin:0 !important;}
#m_visual ul.visRoll li {position:relative; float:left; width:100%; height:240px;}

#m_visual ul.visRoll li.bg1 { background:url('../../images/dongseo/main/main_visual01.jpg') 50% 50% no-repeat; background-size:cover;}
#m_visual ul.visRoll li.bg2 { background:url('../../images/dongseo/main/main_visual01.jpg') 50% 50% no-repeat; background-size:cover;}

#m_visual ul.visRoll li .container {}
#m_visual ul.visRoll li .text1 {padding:300px 0 0 0; font:20px nsB; color:#282828; }
#m_visual ul.visRoll li .text2 {padding:15px 0 0 0; font:35px nmB; color:#282828; white-space:pre-line; }
#m_visual ul.visRoll li .text3 {padding:15px 0 0 0; font:17px nsR; color:#666; white-space:pre-line;}*/

#visual-area {position:relative; }
#visual-area .container {position:relative;}

.searchCon {position:absolute; top:-70px; right:0px; z-index:1000;}
.searchCon .search-form {position:relative; width:330px; padding:0 35px 10px 0; border-bottom:3px solid #c2c2c2;}
.searchCon .search-form .searchKeyword {width:100%; padding: 5px 0 5px 5px; border:none;  background:#fafafa;}
.searchCon .search-form .search_btn {position:absolute; top:0px; right:0px; width:30px; height:30px; background:none;}
.searchCon .search-form .search_btn .search_ico {display:inline-block;  overflow:hidden; width:24px; height:24px; background:url('../images/main/pic_search.png') no-repeat; background-size:100% auto; text-indent:-9999em; vertical-align:middle;}

#m_visual {position:relative; overflow:hidden; width:100%;margin-top:-2px;}

#m_visual .visual_txt {position:absolute; top:40px; left:40px; z-index:10;}
#m_visual .visual_txt .text1 {overflow:hidden;  width:650px; height:45px; line-height:40px;letter-spacing:-1px;font-size:40px;color:#fff;}
#m_visual .visual_txt .text2 {margin-bottom:25px; font-size:1.13em; color:#fff; font-weight:300;}
#m_visual .visual_txt .write_Btn {display:inline-block; padding:14px 31px; font-size:1.06em; font-weight:500; color:#fff; border:1px solid #fff;}
#m_visual .visual_txt .write_Btn i {display:inline-block; width:15px; height:16px; margin-right:10px; background:url('../images/main/pic_pen1.png') no-repeat; background-size:100% auto; vertical-align:middle;}
#m_visual .visual_txt .write_Btn c {display:inline-block; width:15px; height:16px; margin-right:10px; background:url('../images/main/pic_pen2.png') no-repeat; background-size:100% auto; vertical-align:middle;}

#m_visual .visRoll {position:relative; width:100%; }
#m_visual .visRoll .item {width:100%; height:240px;}
#m_visual .visRoll .bg1 {background:url('../images/main/m_visual1.png') no-repeat top right;}
#m_visual .visRoll .bg2 {background:url('../images/main/m_visual3.png') no-repeat top right;}
#m_visual .visRoll .bg3 {background:url('../images/main/m_visual4.png') no-repeat top right;}

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


/* 법무사 */
#lawyer-area {position:relative; margin-bottom:45px; }
#lawyer-area .container {border:1px solid #ccc; background:#fff;}
#lawyer-area .lawyer-tit {float:left; width:24%; padding:40px 0px 40px 40px;}
#lawyer-area .lawyer-tit h2 {font-size:1.33em;}
#lawyer-area .lawyer-tit p {white-space:pre-line;  color:#666;}

#lawyer-area .lawyer-data {position:relative; float:left; width:76%; padding:25px 150px 25px 0;}
#lawyer-area .lawyer-data .lawyer-list {position:relative;}
#lawyer-area .lawyer-data .lawyer-list .thumbnail-wrap {position:relative; width:80px; margin:0 auto; /*border-radius:100%; overflow:hidden;*/}
#lawyer-area .lawyer-data .lawyer-list .thumbnail-wrap  .mask {display:block; position:absolute; left:-40px; top:-40px; width:80px; height:80px; background:url('../images/main/mask.png') no-repeat left center;   background-size:100% auto; z-index:10;}
#lawyer-area .lawyer-data .lawyer-list .name {display:block; padding:10px 0 0 0; font-size:1.06em; text-align:center;}
#lawyer-area .lawyer-data .more {display:inline-block; position:absolute;  right:40px; top:25px;  text-align:center;}
#lawyer-area .lawyer-data .more i {display:inline-block; width:80px; height:80px; background:#f2f2f2 url('../images/main/pic_plus.png') no-repeat left center;   background-size:100% auto; border-radius:100%; overflow:hidden;}
#lawyer-area .lawyer-data .more span {display:block;padding:5px 0 0 0; font-size:1.06em;}

/* 생활법률분야 */
#category-area {position:relative; margin-bottom:60px; }
#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:15px 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 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;}


	#judi { display:none; }


/* lg */
@media (max-width: 1200px) {

	#m_visual .visRoll .bg1 {background:#2D8CE6 url('../images/main/m_visual1.png') no-repeat bottom right; background-size:100% auto;}
	#m_visual .visRoll .bg2 {background:#FCD224 url('../images/main/m_visual3.png') no-repeat bottom right; background-size:100% auto;}
	#m_visual .visRoll .bg3 {background:#2A9B73 url('../images/main/m_visual4.png') no-repeat bottom right; background-size:100% auto;}


	#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;}

	#judi { display:none; }
}

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


	#judi { display:none; }

}
@media (max-width: 992px){

	.searchCon {position:relative; top:auto; right:auto;  padding:20px 15px; z-index:100;}
	.searchCon .search-form {margin:0 auto;  }

	#lawyer-area .lawyer-tit {padding:30px 0 30px 30px;}
	#lawyer-area .lawyer-tit h2 {font-size:1.2em;}
	#lawyer-area .lawyer-tit p {font-size:0.93em;}
	#lawyer-area .lawyer-data {padding: 25px 130px 25px 15px;}
	#lawyer-area .lawyer-data .more {right:30px;}
	#lawyer-area .lawyer-data .lawyer-list .name {font-size:1.0em;}
	#lawyer-area .lawyer-data .more span {font-size:1.0em;}

	#category-area h2  {font-size:1.2em;}
	#category-area .exp_txt {font-size:0.93em;}

	#judi { display:none; }
}

/* xs */
@media (max-width: 767px) {

	#m_visual .visRoll .item {height:220px;}
	#m_visual .visual_txt {top:30px; left:30px;}
	#m_visual .visual_txt .text1 {font-size:30px;width:556px; height:75px;letter-spacing:-1px;}
	#m_visual .visual_txt .text2 {margin-top:-30px;padding-right:30px; font-size:1.0em;}

	#lawyer-area {margin-bottom:30px; }
	#lawyer-area .container {border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	#lawyer-area .lawyer-tit {float:none; width:100%; padding:20px 15px 0px 15px;}
	#lawyer-area .lawyer-tit p {white-space:normal;}
	#lawyer-area .lawyer-data {float:none; width:100%; padding: 25px 130px 25px 15px;}

	#category-area {padding:0 15px;}
	#category-area h2 {float:none; padding:0 0 0px 0px;}
	#category-area .exp_txt {float:none; padding:0 0px;}
	#category-area .cate-data {}
	#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;}

	#judi { display:block;text-align:center;font-size:8pt; }
}

/* XS Portrait */
@media (max-width: 479px) {

	#m_visual .visual_txt .text1 {margin-top:-10px;font-size:23px;width:450px; height:65px;letter-spacing:-1px;}
	#m_visual .visual_txt .text2 {font-size:0.86em;}
	#m_visual .visual_txt .write_Btn {padding:10px 20px; }
	#m_visual .visRoll .item {height:180px;}

	#lawyer-area .lawyer-tit p {display:none;}
	#category-area .exp_txt {display:none;}

	#judi { display:block;text-align:center;font-size:8pt; }
}