@charset "utf-8";

.visual_box {position:relative;width:100%;height:843px; overflow:hidden;}
.visual_box .guide_box { position:relative; width:100%;height:100%;}
.visual_box .guide_box > div {width:100%;height:100%;}

.visual_box .guide_box > div .guide_txt {position:absolute;top:280px;left:50%;margin-left:-550px;color:#fff;}
.visual_box .guide_box > div .guide_txt h2 {margin-bottom:40px;line-height:66px;font-size:56px; font-weight:normal;     font-family: WebNotoSans ,dotum,applegothic,sans-serif;}
.visual_box .guide_box > div .guide_txt p {line-height:1.7em;}

.visual_box .guide_box .item4 .guide_txt #ibox {position:absolute;margin-left:700px;top:332px;}


.quick_box {position:absolute;left:50%; z-index:10;margin-left:-600px; margin-top:-80px; width:1200px;height:160px;background:#fff;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);}
.quick_box .real_time {padding:40px 45px;}
.quick_box .real_time .top_title {margin-bottom:10px;}
.quick_box .real_time .top_title strong {margin-right:10px;font-size:17px;}
.quick_box .real_time .top_title span {font-size:14px;color:#888;}
.quick_box .real_time input#name {width:178px;height:50px;margin-right:10px;border:2px solid #ececec;border-radius:5px;text-indent:14px;font-size:14px;}
.quick_box .real_time input#wr_2 {width:300px;height:50px;border:2px solid #ececec;border-radius:5px;text-indent:14px;font-size:14px;}
.quick_box .real_time .ckbox {margin-left:30px;font-size:14px;font-weight:bold;color:#888;}
.quick_box .real_time .ckbox a {padding-bottom:2px;border-bottom:1px solid #888;color:#888;}
.quick_box .real_time .ckbox .ui-checkbox {display:inline-block;}
.ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)}
.ui-checkbox {position:relative;}
.ui-checkbox .ui-btn {display:block;padding-right:27px;background:url('../img/input_checkbox-wh1.gif') no-repeat;}
.ui-checkbox .ui-checkbox-off {background-position:34px 3px;}
.ui-checkbox .ui-checkbox-on {background-position:34px -47px;}
.advice_box .real_time .mid_conts .ckbox em{display:block;width:130px;height:12px;padding:2px 0;font-size:13px;color:#808080;line-height:1em}
.advice_box .real_time .mid_conts .ckbox a{position:absolute;left:150px;top:1px;display:block;width:56px;height:20px;background:url('../img/policy_btns-sub.png') 0 0 no-repeat;font-size:11px;color:#868686;line-height:1.8em;text-indent:7px}
.quick_box span.real_btns {position:absolute;right:0;bottom:7px;width:275px;height:160px;line-height:160px;text-align:center;background:#064323; transition:all 0.9s; }
.quick_box span.real_btns button#btn_submit {/*font-weight:bold;*/font-size:20px;color:#fff;  width:100%; height:100%; }
.quick_box span.real_btns:hover {
	box-shadow: 0 80px 0 0 rgba(0,0,0,0.35) inset, 0 -80px 0 0 rgba(0,0,0,0.35) inset;
}


.success_w {width:100%;background:#f5f5f5;}
.success_w .success_box {position:relative;width:1200px;margin:0 auto;padding:220px 0 130px;}
.success_w .success_box h2 {font-size:28px;}
.success_w .success_box h2 em {color:#064323;}
.success_w .success_box .list_tab {margin:30px 0 45px;font-size:14px;}
.success_w .success_box .list_tab ul {overflow:hidden;}
.success_w .success_box .list_tab ul li {float:left;margin-right:35px;}
.success_w .success_box .list_tab ul li a {font-weight:bold;color:#999;}
.success_w .success_box .list_tab ul li a.on {color:#000;}
.success_w .success_box .success_list {overflow-x:hidden;background:#fff;}
/* .success_w .success_box .success_list .sm_box {width:1160px; height:714px; padding:0 30px;} */
.success_w .success_box .success_list .sm_box {width:1160px; height:705px; overflow:hidden; background-color:#fff; padding:15px 15px;}
/* .success_w .success_box .success_list ul {overflow:hidden; height:auto; border-top:1px solid #ececec; overflow-y:scroll;} */
.success_w .success_box .success_list ul { position:relative; width:100%; height:auto; border-top:1px solid #eee; }
.success_w .success_box .success_list ul li { display:block; height:140px; padding:0 15px; border-bottom:1px solid #eee; transition:all 0.3s;}
.success_w .success_box .success_list ul li:nth-child(5) {  border-bottom:1px solid #eee;  }
.success_w .success_box .success_list ul li .li_st {float:left; display:inline-block; padding:30px 0;}
.success_w .success_box .success_list ul li .li_st.success_lawyer {margin:20px 130px 0 30px;}
.success_w .success_box .success_list ul li .li_st.success_lawyer span {display:block;font-weight:bold;}
.success_w .success_box .success_list ul li .li_st.success_lawyer em {font-size:14px;color:#999;}
.success_w .success_box .success_list ul li .li_st.success_txt {width:640px;}
.success_w .success_box .success_list ul li .li_st.success_txt em {display:inline-block;overflow:hidden;max-width:120px;white-space:nowrap;text-overflow:ellipsis;margin-right:8px;padding:4px 6px;font-size:14px;color:#fff;background:#064323;}
.success_w .success_box .success_list ul li .li_st.success_txt span.s_title {display:inline-block;overflow:hidden;width:495px;white-space:nowrap;text-overflow:ellipsis;vertical-align:4px;}
.success_w .success_box .success_list ul li .li_st p.s_contents {overflow:hidden;height:3.2em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.6em;font-size:14px;color:#999;}
.success_w .success_box .success_list ul li .li_st.success_date {line-height:82px;padding-left:90px;padding-right:20px;font-size:14px;color:#999;}
.success_w .success_box a.more {position:absolute;right:0;top:254px;display:block;width:215px;height:56px;line-height:56px;text-align:center;border:1px solid #064323;border-radius:5px;color:#064323;font-size:14px;font-weight:bold;}

.success_w .success_box .success_list ul li:hover { background:#eee; }



.work_box {width:100%; }
.work_box ul {width:100%;min-width:1200px;overflow:hidden;}
.work_box ul li {float:left;width:20%; cursor:pointer; }
.work_box ul li.work_01, .work_box ul li.work_03, .work_box ul li.work_05 {background:#28322e;}
.work_box ul li.work_02, .work_box ul li.work_04 {background:#19221e;}
.work_box ul li dl {padding:60px 55px;}
.work_box ul li dl:hover {padding-bottom:52px;border-bottom:8px solid #fd5f1a;}
.work_box ul li dl dt {margin-bottom:20px;padding-top:45px;font-size:21px;color:#fff;}
.work_box ul li dl dd {word-break:break-all;font-size:14px;color:#b7b7b7;}
.work_box ul li dl dd a.more_wk {display:inline-block;margin-top:30px;padding-right:14px;color:#7ad1aa;letter-spacing:0.01em;background:url(../img/more_arrow.png) no-repeat right center;}
.work_box ul li.work_01 dl dt {background:url(../img/ico_01.png) no-repeat left top;}
.work_box ul li.work_02 dl dt {background:url(../img/ico_02.png) no-repeat left top;}
.work_box ul li.work_03 dl dt {background:url(../img/ico_03.png) no-repeat left top;}
.work_box ul li.work_04 dl dt {background:url(../img/ico_04.png) no-repeat left top;}
.work_box ul li.work_05 dl dt {background:url(../img/ico_05.png) no-repeat left top;}

.media_box {position:relative;margin:150px auto; text-align:center;}
.media_box .m_tit {width:1200px;margin:0 auto;}
.media_box .m_tit h2 {font-size:28px;}
.media_box .m_tit p.sub_tit {margin:30px 0;font-size:14px;font-weight:bold;color:#999;}

.media_box .media_list { display:inline-block; width:1718px; margin:auto; overflow:hidden;}
.media_box .media_list ul {overflow:hidden;}
.media_box .media_list ul li {position:relative;float:left;width:334px;margin-right:12px;text-align:center; transition:all 0.5s; }
.media_box .media_list ul li:nth-child(5) { /* margin-right:0px; */}
.media_box .media_list ul li::after{
/*
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	display: block;
	content: '';
	clear: both;
	transition: all .3s ease-out;
*/
	transition: all .3s ease-out;
}
.media_box .media_list ul li.slick-center::after{
	
	/* transition: all .3s ease-out; */
	/* opacity:0; */

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	display: block;
	content: '';
	clear: both;
	transition: all .3s ease-out;
}

.media_box .media_list ul li span.media_img {display:block;width:100%;height:254px;margin-bottom:30px;}
.media_box .media_list ul li span.media_img img {width:100%;height:100%; object-fit: cover;}
.media_box .media_list ul li em {font-size:14px;color:#064323;}
.media_box .media_list ul li p.media_tit {overflow:hidden;height:3.2em;margin:20px 0 40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.6em;}
.media_box .media_list ul li p.media_date {font-size:14px;font-weight:bold;color:#999;}
.media_box .page_w {position:absolute;left:0;top:200px;overflow:hidden;width:100%;}
.media_box .page_w > div {width:1500px;margin:0 auto;}
.media_box .page_w button { width:80px;height:80px; /*text-indent:-9999px; */}
.media_box .page_w button.prev {float:left; /* background:url(../img/media_prev.png) no-repeat; */}
.media_box .page_w button.next {float:right; /* background:url(../img/media_next.png) no-repeat; */}
.media_box .page_w button.hidden {opacity:0.2;}

.lawyer_box {position:relative;overflow:hidden;width:100%;height:400px;padding:200px 0;background:url(../img/lawyer_box.jpg) no-repeat center;background-size:cover;}
.lawyer_box .leftArea {position:absolute;left:50%;top:265px;margin-left:-600px;}
.lawyer_box .leftArea h2 {margin-bottom:25px;font-size:32px;}
.lawyer_box .leftArea p {margin-bottom:65px;color:#888;}
.lawyer_box .leftArea a.view_more {display:block;width:200px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;background:#064323;}
.lawyer_box .leftArea .arrow_w {margin-top:50px;}
.lawyer_box .leftArea .arrow_w button {width:50px;height:50px;text-indent:-9999em;}
.lawyer_box .leftArea .arrow_w button.prev {margin-right:10px;background:#dee0e2 url(../img/law_prev.png) no-repeat center;}
.lawyer_box .leftArea .arrow_w button.next {background:#dee0e2 url(../img/law_next.png) no-repeat center;}
.lawyer_box .leftArea .arrow_w button.prev:hover {background:#064323 url(../img/law_prev_on.png) no-repeat center;}
.lawyer_box .leftArea .arrow_w button.next:hover {background:#064323 url(../img/law_next_on.png) no-repeat center;}
.lawyer_box .leftArea .arrow_w {}


.lawyer_box .rightArea {position:absolute;left:50%;margin-left:-330px; width:1000%; height:510px; overflow: hidden;  border:0px solid red; }
.lawyer_box .rightArea ul { height: 510px; width:1000%;  overflow-x: auto; overflow-y: hidden; }
.lawyer_box .rightArea ul li {position:relative; display:inline-block; float:left; width:295px; margin-right:40px; margin-top:70px; transition:all 0.8s; }
.lawyer_box .rightArea ul li span.lawyer_img {display:block;width:100%;height:375px;overflow:hidden;}
.lawyer_box .rightArea ul li span.lawyer_img img {width:100%;}
.lawyer_box .rightArea ul li dl.lawyer_info {display:none;padding:25px 0;text-align:center;background:#fff;}
.lawyer_box .rightArea ul li dl.lawyer_info dt {font-size:22px;color:#000;}
.lawyer_box .rightArea ul li dl.lawyer_info dd {width:240px;margin:15px auto 0;font-size:14px;color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lawyer_box .rightArea ul li .hover_bg {position:absolute; left:0;top:0;width:100%;height:100%;text-align:center;color:#fff;background:rgba(6,67,35,.9);opacity:0;transition:visibility 0s, opacity 0.3s linear;}
.lawyer_box .rightArea ul li a:hover .hover_bg {display:block;visibility:visible;opacity:1;}
.lawyer_box .rightArea ul li .hover_bg span.hover_box {display:inline-block;padding-top:120px;}
.lawyer_box .rightArea ul li .hover_bg h3 {margin-bottom:15px;font-size:24px;}
.lawyer_box .rightArea ul li .hover_bg p {width:240px;margin-bottom:60px;font-size:14px;}
.lawyer_box .rightArea ul li .hover_bg span.more_ico {font-size:24px;}

/* 추후에 first-child -> active로 바꾸기 */
/*
.lawyer_box .rightArea ul li:first-child {margin-top:0px;}
.lawyer_box .rightArea ul li:first-child dl.lawyer_info {display:block;}
.lawyer_box .rightArea ul li:first-child .hover_bg span.hover_box {display:inline-block;padding-top:170px;}
*/
.lawyer_box .rightArea ul li.active {margin-top:0px;}
.lawyer_box .rightArea ul li.active dl.lawyer_info {display:block;}
.lawyer_box .rightArea ul li.active .hover_bg span.hover_box {display:inline-block;padding-top:170px;}

.info_box {overflow:hidden;width:1200px;height:185px;margin:80px auto 100px;}
.info_box > div {float:left;}
.info_box > div h3 {margin-bottom:20px;font-size:20px;}
.info_box .leftArea {position:relative;width:340px;}
.info_box .leftArea .c_info {margin-bottom:17px;padding-left:44px;background:url(../img/center_ico.png) no-repeat left center;}
.info_box .leftArea .c_info p {margin-bottom:5px;font-size:20px;letter-spacing:0.01em;color:#064323;}
.info_box .leftArea .c_info span {font-size:14px;color:#999;}
.info_box .leftArea .d_info p {font-size:17px;margin-bottom:5px;}
.info_box .leftArea .d_info ul li {font-size:14px;color:#999;}
.info_box .leftArea a.way_btn {position:absolute;right:0;bottom:3px;display:block;width:152px;height:65px;line-height:65px;text-align:center;border-radius:5px;font-size:14px;font-weight:bold;color:#fff;background:#064323;}
.info_box .middleArea {margin:0 60px 0 90px;padding-right:60px;}
.info_box .listArea {width:310px;font-size:14px;}
.info_box .listArea ul li {padding-left:8px;margin-top:7px;background:url(../img/list_bullet.gif) no-repeat left center;}
.info_box .listArea ul li:first-child {margin-top:0;}
.info_box .listArea ul li span {color:#999;}
.info_box .listArea ul li span.info_tit {display:inline-block;width:232px;}
.info_box .listArea ul li span.info_date {font-size:13px;}