@charset "utf-8";
/*******************************************************
 * [[ SUB CONTENTS ]]
 * 2015-11-17 오전 11:21:06
 * goldlch@idenvi.co.kr.이창호
 ******************************************************/

/* MAIN */
.main_center{background-color:#f5f5f5}
.main_center .link_page{position:absolute;right:12px;top:20px;width:23px;height:23px;background:url('../img/main_link.png') 0 0 no-repeat;background-size:23px auto;text-indent:-99999em;overflow:hidden}
.main_center h5{font-size:18px;color:#333;padding:20px 0 10px 0}

.visual_box{position:relative}
.visual_box:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.visual_box .v_cont_wrap{float:left;width:100%;overflow:hidden;white-space:nowrap}
.visual_box .v_cont_wrap .v_cont{position:relative;float:left;width:0;overflow:hidden}
.visual_box .v_cont_wrap .v_cont:first-child{width:100%}
.visual_box .v_cont_wrap .v_cont img{display:block;width:100%;height:auto}
.visual_box .v_cont_wrap .v_cont * {font-family:WebNotoSansL,"Apple SD Gothic Neo"}
.visual_box .v_cont_wrap .v_cont p{display:block;position:absolute;font-size:25px;line-height:1.1em;color:#fff;letter-spacing:-2px}
.visual_box .v_cont_wrap .v_cont p em{color:#549520;font-weight:bold}
.visual_box .v_cont_wrap .v_cont p span{font-weight:bold}
.visual_box .v_cont_wrap .box1 p{width:100%;color:#333;left:0;top:30%;font-size:22px;text-align:center}
.visual_box .v_cont_wrap .box1 p em{font-weight:normal}
.visual_box .v_cont_wrap .box1 p em strong{position:relative}
.visual_box .v_cont_wrap .box1 p em strong:before,
.visual_box .v_cont_wrap .box1 p em strong:after{position:absolute;top:-8px;content:'';display:block;width:3px;height:3px;background-color:#549520;border-radius:6px}
.visual_box .v_cont_wrap .box1 p em strong:before{left:9px}
.visual_box .v_cont_wrap .box1 p em strong:after{left:26px}
.visual_box .v_cont_wrap .box2 p{width:100%;color:#333;left:0;top:11%;text-align:center}
.visual_box .v_cont_wrap .box3 p{color:#333;right:5%;top:52%}
.visual_box .slick-dots{position:absolute;left:50%;bottom:5px;width:93px;height:21px;margin-left:-35px;text-align:center;background:url('../img/main_page.png') center 2px no-repeat;background-size:92px 17px;}
.visual_box .slick-dots *{vertical-align:top}
.visual_box .slick-dots li{position:relative;z-index:1;display:inline-block;width:6px;height:6px;margin:6px 3px 0 3px;border:1px solid #fff;text-indent:-99999em;overflow:hidden;border-radius:4px;background-color:transparent}
.visual_box .slick-dots li.slick-active{background-color:#efc813;border:1px solid #efc813}
.visual_box .slick-dots li button{display:block;width:100%;height:100%;opacity:0;overflow:hidden;font-size:0;background-color:transparent}

.media_box{background-color:#f5f5f5;padding-bottom:30px;position:relative}
.media_box:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.media_box h5{clear:both;padding-left:12px}
.media_box ul{float:left;width:100%}
.media_box ul li{float:left;width:50%}
.media_box ul li a{display:block;margin-left:3px;margin-right:12px;margin-bottom:5px;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.1);overflow:hidden}
.media_box ul li a > span{display:block;width:100%;height:90px;overflow:hidden;border-radius:2px 2px 0 0}
.media_box ul li a > span img{display:block;height:auto;width:100%;margin:0 auto}
.media_box ul li:nth-child(2n+1) a{margin-left:12px;margin-right:3px}
.media_box ul li a .fnt{padding:14px 7px 22px 7px;border:1px solid #d6d6d6;border-top:none;border-radius:0 0 2px 2px;box-sizing:border-box}
.media_box ul li a .fnt strong{display:block;height:36px;color:#333;font-weight:normal;line-height:1.4em;overflow:hidden}
.media_box ul li a .sup{display:block;margin-top:4px;font-size:11px;color:#808080;letter-spacing:0;white-space:nowrap}
.media_box ul li a .sup *{vertical-align:top}
.media_box ul li a .sup span{position:relative;display:inline-block;padding-right:7px;margin-right:4px}
.media_box ul li a .sup span:after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#c6c6c6}
.media_box ul li a .sup em{display:inline-block}

.succeed_box{position:relative;padding:0 8px}
.succeed_box .title{height:17px;padding:18px 0 10px 0;margin-left:8px}
.succeed_box .title:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
.succeed_box .title strong{float:left;height:100%}
.succeed_box .title strong em{position:relative;top:0;left:0;display:inline-block;width:11px;height:100%;overflow:hidden;margin:0 -1px}
.succeed_box .title strong em img{position:absolute;left:1px;top:0;display:block;width:10px;height:auto;
	-webkit-transition:top 0.8s cubic-bezier(0.75,0.1,0.25,1) 0.6s;
			transition:top 0.8s cubic-bezier(0.75,0.1,0.25,1) 0.6s;
}
.succeed_box .title .f{float:left;font-size:18px;margin-left:2px;font-weight:bold;color:#333}
.succeed_box .title .f span{color:#005086}
.succeed_box .wrap{width:100%;overflow:hidden}
.succeed_box .wrap:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.succeed_box .wrap ul{float:left;width:100%}
.succeed_box .wrap li{float:left;width:50%;margin:4px 0}
.succeed_box .wrap li a{display:block;padding:10px;margin:0 4px;min-height:110px;background-color:#fff;border:1px solid #d6d6d6;border-radius:2px;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
.succeed_box .wrap li a strong{display:block;color:#005086;font-weight:normal;line-height:1.4em;max-height:36px;overflow:hidden}
.succeed_box .wrap li a em{display:block;color:#333;line-height:1.4em;max-height:36px;overflow:hidden}
.succeed_box .wrap li a span{display:block;padding-top:4px;color:#808080;letter-spacing:0;font-size:10px;line-height:1em}
.succeed_box .day{position:relative;left:-10px;font-size:10px;color:#999;display:block;width:100%;text-align:right;letter-spacing:0;padding:4px 2px 10px 0}
.succeed_box .link_page{top:14px}


.appoint_box{position:relative;padding:0 12px}
.appoint_box ul{width:100%}
.appoint_box li{width:100%;margin-bottom:6px}
.appoint_box li a{display:block;padding:10px;background-color:#fff;border:1px solid #d6d6d6;border-radius:2px;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
.appoint_box li a strong{color:#005086;font-weight:normal;line-height:1.4em}
.appoint_box li a > em{display:block;height:38px;padding-top:2px;color:#333;line-height:1.4em;overflow:hidden}
.appoint_box li a .sup{display:block;font-size:11px;color:#808080;letter-spacing:0}
.appoint_box li a .sup *{vertical-align:top}
.appoint_box li a .sup span{position:relative;display:inline-block;padding-right:7px;margin-right:4px}
.appoint_box li a .sup span:after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;margin-top:-6px;background-color:#c6c6c6}
.appoint_box li a .sup em{display:inline-block}

.notice_box{position:relative;padding:0 12px 16px 12px}
.notice_box ul{width:100%}
.notice_box ul li{position:relative;padding-left:6px}
.notice_box ul li:before{content:'';display:block;width:2px;height:2px;position:absolute;left:0;top:6px;background-color:#c6c6c6}
.notice_box ul li a{display:block;width:100%;padding-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
.notice_box ul li a em{display:inline-block;color:#549520;padding-right:6px;letter-spacing:0}

.info_box{width:100%;height:117px;border-top:1px solid #d6d6d6}
.info_box:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.info_box .about,
.info_box .way{float:left;height:100%;width:50%;box-sizing:border-box;background-repeat:no-repeat;background-position:right bottom}
.info_box .about span, .info_box .way span{display:block;color:#005086;font-size:15px;padding:16px 0 0 14px}
.info_box .about{background-image:url('../img/main_about.png');background-size:105px auto}
.info_box .way{border-left:1px solid #d6d6d6;background-image:url('../img/main_way.png');background-size:143px auto}



/* 센터소개 */
.center_about{position:relative;padding:30px 0 20px 0;border-top:1px solid #ddd}
.center_about:before{content:'';display:block;width:100%;height:90px;background:url('../img/about_img.gif') center 0 no-repeat;background-size:117px auto}
.center_about strong{display:block;padding-bottom:10px;color:#000;font-size:18px;line-height:1.3em;text-align:center}
.center_about p{font-size:14px;color:#404040;line-height:1.6em;text-align:center}

/* 왜 YK인가요 */
.top_visual h2 em {color:#bed62f}

.center_know li{position:relative;padding:30px 0 20px 0;border-top:0px solid #ddd}
.center_know li strong{display:block;padding-bottom:10px;color:#000;font-size:18px;line-height:1.3em;text-align:left; font-weight:normal;}
.center_know li strong em {font-weight:bold;}
.center_know li p{font-size:14px;color:#404040;line-height:1.6em;text-align:left}
.center_know li p em {color:#549520}
.center_know li.k2 ul {padding:0 0 0 20px;}
.center_know li.k2 li {padding:0; margin:0; list-style: disc; letter-spacing:0.05em;}
.center_know li.k2 li span {color:#858585}
.center_know li.k2 img{width:100%; padding:10px 0 0 0;}

.center_point {position:relative;width:100%; background-image:url('../img/know_img02.gif'); background-repeat: no-repeat; background-size:100% auto; padding:0 auto;} 
.center_point div {padding:7% 0 58% 0; height:auto;}
.center_point strong{display:block;color:#000;font-size:18px;line-height:1.3em;text-align:center; font-weight:normal;}
.center_point strong em {font-weight:bold}
.center_point strong span {color:#549520; font-weight:bold;}


.center_awawarded {position:relative; width:100%; background-image:url('../img/know_img03.gif'); background-repeat:no-repeat; background-size:100% auto;text-align:center;}
.center_awawarded div {padding:30px 0 40px 0;}
.center_awawarded strong{color:#fff; font-size:18px; font-weight:normal; padding:20px 0 10px 0;}
.center_awawarded p {color:#4d4d4d; font-size:13px; font-weight:100;line-height:1.3em;}
.center_awawarded img {width:80%; padding:10px 0 30px 0;}

.center_map {position:relative;padding:20px 0 40px 0; text-align:center;}
.center_map strong{display:block;padding-bottom:10px;margin-left:15px;color:#000;font-size:18px;font-weight:normal;line-height:1.3em;text-align:left;}
.center_map strong em{font-weight:bold;}
.center_map strong span{color:#549520;}
.center_map img{width:90%;}


.center_one {position:relative; width:100%; background-image:url('../img/know_img05.gif'); background-repeat: no-repeat; background-size:100% auto; padding:30px 0 20px 0;} 
.center_one p.title {color:#fff; font-size:18px; font-weight:normal; line-height:1.3em;margin-left:15px;}
.center_one p.subtitle {color:#fff; font-size:14px; font-weight:bold;background-image:url('../img/know_img05_subtitle.png'); background-repeat: no-repeat; width:110px; height:20px; padding:3px 0 3px 5px; margin:3px 0 0 15px;}
.center_one p {color:#fff; font-size:14px; margin-left:15px; margin-top:-13px;}

/* 변호사소개 */
.lawyer_tab {width:100%;padding:0 12px;margin-bottom:40px;}
.lawyer_tab li {display:inline-block;width:30%;height:40px;line-height:40px;margin-left:10px;text-align:center;background:#aeaeae;}
.lawyer_tab li.on {background:#005086;}
.lawyer_tab li.on a{color:#fff;}
.lawyer_tab li a {display:block;color:#7d7d7d;}
.lawyer_tab li:first-child {margin-left:0;}
.lawyers_about{margin:0 0 20px 0;padding:0 9px}
.lawyers_about:after{content:'';display:block;clear:both}
.lawyers_about .law_box{float:left;position:relative;width:50%}
.lawyers_about .law_box .guide{height:145px;margin:0 3px 6px 3px}
.lawyers_about .law_box .guide a{display:block;position:relative;height:100%;background-color:#f5f7fc;overflow:hidden}
.lawyers_about .law_box .guide img{position:absolute;right:0;bottom:0;width:auto;height:110px;z-index:1}
.lawyers_about .law_box .guide strong{display:block;padding:14px 0 0 16px;color:#000;font-size:22px;font-weight:normal;line-height:1em}
.lawyers_about .law_box .guide span,
.lawyers_about .law_box .guide p{display:none}
.lawyers_about .law_box.top{width:100%}
.lawyers_about .law_box.top .guide{height:125px}
.lawyers_about .law_box.top .guide a{background-color:#e0e4ea}
.lawyers_about .law_box.top .guide span{display:block;padding:20px 0 0 28px;color:#005086;font-size:12px}
.lawyers_about .law_box.top .guide strong{display:block;margin:0 0 6px 10px;padding-top:2px;color:#000;font-size:28px}
.lawyers_about .law_box.top .guide img{height:132px;bottom:-12px;right:0}
.lawyers_about .law_box.top .guide p{display:block;width:50%;margin-left:8px;color:#a2af99;font-size:13px;line-height:1.3em;text-indent:-10px;position:relative;left:20px}
.lawyers_about .law_box.top .guide p em{display:inline-block;color:#c7d2bf;width:10px;text-align:center;font-size:12px}
.lawyers_about .law_box.top .guide p em{text-indent:0}
.lawyers_about .law_box.top .guide p em:first-child{text-indent:0}

.lawyers_list{
	position:relative;
	display:block;
	width: 100%;
	overflow: hidden;
	padding-top:28px;
	background-color:#fff;
}

.lawyers_list .item-holder:after{
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	content: " ";
}

.lawyers_list .w{
	width: 100%;
	overflow: auto;
}
.lawyers_list .w .s{
	float:left;
	position:relative;
	/*
	width :  0;
	*/
	width : 72px;
	height: 65px;
	margin-right:2px;
	background-color:#f2f2f2;
	-webkit-transition: background-color 0.3s cubic-bezier(0.75,0.1,0.25,1);
			transition: background-color 0.3s cubic-bezier(0.75,0.1,0.25,1);
}

.lawyers_list .w .s a{
	display:block;
	position:relative;
	height:100%;
	-webkit-transition: background-color 0.3s cubic-bezier( .62, .01, .34, .99 );
			transition: background-color 0.3s cubic-bezier( .62, .01, .34, .99 );
}
.lawyers_list .w .s a.on {
	background-color: #005086;
}

.lawyers_list .w .s a strong{
	position: absolute;
	left: 0;
	top : 0;
	display:block;
	padding:6px;
	font-size:11px;
	font-weight:normal;
	color:#93969a;
	-webkit-transition: color 0.3s cubic-bezier( .62, .01, .34, .99 );
			transition: color 0.3s cubic-bezier( .62, .01, .34, .99 );
}

.lawyers_list .w .s a.on strong {
	color: #fff;
}

.lawyers_list .w .s a .photo{
	/*
	width:100%;
	*/
	position:absolute;
	right:0;
	bottom:0;
	height:50px;
}

.lawyers_list .w .s a .photo img{
	/*
	display:none;
	*/
	position:absolute;
	right:0;
	bottom:0;
	width:auto;
	height:100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier( .62, .01, .34, .99 );
			transition: opacity 0.3s cubic-bezier( .62, .01, .34, .99 );
}
.lawyers_list .w .s a .photo img.gray{
	/*
	display: block;
	*/
	position: static;
	opacity: 1;
}

.lawyers_list .w .s a.on .photo img {
	opacity: 1;
}

.lawyers_list .w .s a.on .photo img.gray {
	opacity: 0;
}

/*
.lawyers_list .w .s a:hover .photo img.gray {
	display: none;
}
*/



.lawyers_list .w .s.slick-center{background-color:#549520}
.lawyers_list .w .s.slick-center a strong{color:#fff}
.lawyers_list .w .s.slick-center a .photo img{display:block}
.lawyers_list .w .s.slick-center a .photo img.gray{display:none}

.lawyers_list .slick-prev,
.lawyers_list .slick-next{
	clear:both;
	display:block;
	position:absolute;
	top:28px;
	z-index:2;
	width : 45px;
	height: 65px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:45px auto;
	font-size:0;
	text-indent:-99999em;
	-webkit-transition-property: -webkit-transform;
	        transition-property:         transform;
	-webkit-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	-webkit-transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
	        transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
}

.lawyers_list .slick-prev{
	left: 0;
	background-image: url('../img/law_list-left.png');
	-webkit-transform: translate3d( -45px, 0, 1px );
	        transform: translate3d( -45px, 0, 1px );
}
.lawyers_list .slick-next{
	right: 0;
	background-image: url('../img/law_list-right.png');
	-webkit-transform: translate3d( 45px, 0, 1px );
	        transform: translate3d( 45px, 0, 1px );
}

.lawyers_list.can-move-prev .slick-prev {
	-webkit-transform: translate3d( 0, 0, 1px );
	        transform: translate3d( 0, 0, 1px );
}

.lawyers_list.can-move-next .slick-next {
	-webkit-transform: translate3d( 0, 0, 1px );
	        transform: translate3d( 0, 0, 1px );
}

.law_ajx{
	position: relative;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	padding: 0;
}

.law_ajx .contents-holder {
	width: 100%;
}

.law_ajx .contents-holder:after {
	clear:both;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	content:' ';
	opacity:0;
}

.law_ajx .content-item {
	position: absolute;
	left: 0;
	top : 0;
	width: 100%;
	padding: 24px 0;
	-webkit-transition-property: -webkit-transform;
	        transition-property:         transform;
	-webkit-transition-duration: 0.4s;
	        transition-duration: 0.4s;
	-webkit-transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
	        transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
}

.law_ajx .content-item.on {
	position: relative;
	z-index: 1;
}

.law_ajx .content-item.side-c {
	position: relative;
}

.law_ajx .content-item.side-l {
	position: absolute;
	-webkit-transform: translate3d( -100%, 0, 1px );
	        transform: translate3d( -100%, 0, 1px );
}

.law_ajx .content-item.side-r {
	position: absolute;
	-webkit-transform: translate3d( 100%, 0, 1px );
	        transform: translate3d( 100%, 0, 1px );
}

.law_ajx .content-item.out {
	-webkit-transition-duration: 0s;
	        transition-duration: 0s;
}

.law_ajx .content-item.side-l.out {
	-webkit-transform: translate3d( -200%, 0, 1px );
	        transform: translate3d( -200%, 0, 1px );
}

.law_ajx .content-item.side-r.out {
	-webkit-transform: translate3d( 200%, 0, 1px );
	        transform: translate3d( 200%, 0, 1px );
}

.ajx_box {
	margin: 0 12px;
}
.ajx_box .top{display:block;width:100%;height:auto}

.law_info{padding-top:16px}
.law_info > em{display:block;font-size:12px;color:#005086;padding-bottom:2px}
.law_info > strong{display:block;font-size:35px;color:#000;line-height:1em;font-weight:normal;padding-bottom:16px}


/* 2017-06-29 수정 */
.law_info .tabmenu {position:relative;min-height:310px;}
.law_info .tabmenu > ul {overflow:hidden;}
.law_info .tabmenu > ul > li > a {float:left;display:block;width:30%;height:35px;line-height:36px;border:1px solid #d0d0d0;text-align:center;font-size:14px;color:#252525;background:#f2f2f2;}
.law_info .tabmenu > ul > li > a.on {border:1px solid #549520;color:#fff;background:#549520;}
.law_info .tabmenu .tabcontent {position:absolute;left:0;top:55px;}

.law_info .tab_btn {overflow:hidden;}
.law_info .tab_btn li a {float:left;display:block;width:30%;height:35px;line-height:36px;border:1px solid #d0d0d0;text-align:center;font-size:14px;color:#252525;background:#f2f2f2;}
.law_info .tab_btn li a.on {border:1px solid #549520;color:#fff;background:#005086;}

.law_info .tab_01 {padding-top:20px;}
.law_info .tab_02 dl dt{display:block;padding:20px 0 5px 0;color:#000;font-size:18px;font-weight:bold}
.law_info .tab_02 dl dd{display:block;padding-bottom:25px;color:#404040}
.law_info .tab_02 dl dd ul{overflow:hidden;width:100%;/*min-height:470px*/}
.law_info .tab_02 dl:first-child dd ul li{display:block;}

.law_info .tab_02 dl dd ul li{display:none;float:left;position:relative;padding:0 0 0 6px;margin-top:8px;width:48%;line-height:1.3em;font-family:"Apple SD Gothic Neo","나눔바른고딕",NanumBarunGothic;}
.law_info .tab_02 dl dd ul li.open{display:block}
.law_info .tab_02 dl dd ul li:before{content:"";display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#c6c6c6}
.law_info .tab_02 dl dd ul li a{display:inline-block;color:#404040;word-wrap:normal;word-break:normal}
.law_info .tab_02 dl dd ul li a em:after{content:"";display:inline-block;margin-left:4px;width:10px;height:10px;background:url('../img/ico_arr.gif') center center no-repeat}
.law_info .tab_02 dl dd ul li span.txt_overflow {/*display:block;*/width:100%;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.law_info .tab_02 dl dd ul li a span{display:block}
.law_info .tab_02 dl dd ul li a em{display:inline-block;color:#549520;font-size:14px}

.law_info .tab_03 dl dt{display:block;padding:20px 0 5px 0;color:#000;font-size:18px;font-weight:bold}
.law_info .tab_03 dl dd{display:block;padding-bottom:25px;color:#404040}
.law_info .tab_03 dl dd ul {overflow:hidden;}
.law_info .tab_03 dl:first-child dd ul li{display:block}
.law_info .tab_03 dl dd ul li{display:none;position:relative;float:left;width:289px;padding:0 0 0 6px;margin-top:8px;min-width:200px;line-height:1.3em;font-family:"Apple SD Gothic Neo","나눔바른고딕",NanumBarunGothic;}
.law_info .tab_03 dl dd ul li.open{display:block}
.law_info .tab_03 dl dd ul li:before{content:"";display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#c6c6c6}
.law_info .tab_03 dl dd ul li span {display:inline-block;max-width:209px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.law_info .tab_03 dl dd ul li a{display:inline-block;color:#404040;word-wrap:normal;word-break:normal;vertical-align:middle;}
.law_info .tab_03 dl dd ul li em:after{content:"";display:inline-block;margin-left:4px;width:10px;height:10px;background:url('../img/ico_arr.gif') center center no-repeat}
.law_info .tab_03 dl dd ul li em{display:inline-block;margin-left:12px;color:#549520;font-size:12px}
/* 2017-06-29 수정 완료 */


.law_info .spk strong{display:block;font-size:17px;color:#005086;font-weight:normal;line-height:1.2em;padding-bottom:10px}
.law_info .spk p{font-size:12px;color:#404040;line-height:1.5em;padding-bottom:22px}
.law_info .movie{width:100%}
.law_info .movie img{display:block;width:100%;height:auto}
.law_info .history{}
.law_info .history dl{padding-top:30px;border-top:1px solid #ddd;}
.law_info .history dl dt{font-size:17px;color:#000;padding-bottom:10px}
.law_info .history dl dd ul li{position:relative;padding-left:7px;font-size:12px;color:#404040;padding-bottom:10px;line-height:1.4em}
.law_info .history dl dd ul li *{vertical-align:top}
.law_info .history dl dd ul li:before{content:'';display:block;width:2px;height:2px;background-color:#707070;position:absolute;left:0;top:6px}
.law_info .history dl dd ul li span{display:block}
.law_info .history dl dd ul li em{display:inline-block;color:#549520}
.law_info .history dl dd ul li em:after{content:'';display:inline-block;width:8px;height:10px;background:url('../img/arw.gif') right center no-repeat;background-size:4px auto}
/*.law_info .history dl.suc dd ul li{display:none}*/
.law_info .certificate{}
.law_info .certificate dl dt{font-size:17px;color:#000;padding-bottom:16px}
.law_info .certificate dl dd img{border:1px solid #dfdfdf;box-sizing:border-box;display:block;width:100%;height:auto}

.law_info .history dl.suc dd ul.loading li {
	display: block;
	padding: 1em 0;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
}
.law_info .history dl.suc dd ul.loading li:before {
	display:none;
}

.law_info .history dl dd .more{
	/*display: none;*/
	width:100%;
	margin-top:6px;
	border:1px solid #549520;
	height:42px;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;
}
.law_info .history dl dd .more em{display:block;width:100%;color:#549520;font-size:14px;font-weight:bold}

/* 성공사례 */
.success_exp{position:relative;padding:14px 8px 32px 8px;background-color:#f5f5f5;z-index:1}
.success_exp h4{font-size:18px;color:#549520;margin:0 0 10px 6px}
.success_exp .wrap{width:100%;overflow:hidden}
.success_exp .wrap:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.success_exp .wrap .w{float:left;width:100%}
.success_exp .wrap .s{float:left;width:0}
.success_exp .wrap .s a{display:block;min-height:116px;padding:10px;margin:0 4px;background-color:#fff;border:1px solid #d6d6d6;border-radius:2px;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0,0,0,0.1)}
.success_exp .wrap .s a strong{color:#549520;font-weight:normal;line-height:1.4em}
.success_exp .wrap .s a em{display:block;padding-top:2px;color:#333;line-height:1.4em}
.success_exp .wrap .s a span{display:block;padding-top:4px;color:#808080;letter-spacing:0;font-size:10px}

/* 찾아오시는 길 */
.map{height:240px;background-color:#fff;border:1px solid #ddd;overflow:hidden}
.map img{display:block;width:100%}
.way_fnt{padding:24px 0;border-top:1px solid #ddd}
.way_fnt.no{border-top:none}
.way_fnt > strong{display:block;font-size:17px;color:#000}
.way_fnt .n_lt a,
.way_fnt .n_lt{letter-spacing:0}
.way_fnt > a{display:block;margin-top:12px;padding:13px 0;background-color:#005086;border-radius:2px;color:#fff;text-align:center;letter-spacing:0}
.way_fnt > a span{position:relative;display:inline-block;padding-left:23px}
.way_fnt > a span:before{content:'';display:block;position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-9px;background-repeat:no-repeat;background-size:18px auto;background-position:0 0}
.way_fnt > a.phon span:before{background-image:url('../img/way_ico01.gif')}
.way_fnt > a.fax span:before{background-image:url('../img/way_ico02.gif')}
.way_fnt > dl{position:relative;width:100%;margin-top:10px}
.way_fnt > dl dt{position:absolute;left:0;top:0;width:40px;padding-left:6px;color:#000}
.way_fnt > dl dt:before,
.way_fnt > dl dt:after{content:'';display:block;position:absolute;top:50%}
.way_fnt > dl dt:before{left:1px;width:2px;height:2px;margin-top:-2px;background-color:#999}
.way_fnt > dl dt:after{right:0;width:1px;height:12px;margin-top:-6px;background-color:#d6d6d6}
.way_fnt > dl dd{padding-left:53px;color:#666}
.way_fnt > dl dd li{padding-bottom:6px;letter-spacing:0}
.way_fnt > dl dd li em{display:inline-block;padding-right:6px;color:#005086;letter-spacing:-1px}

/* 모바일상담 */
.advice_box{background-color:#f5f5f5;padding:30px 12px}
.advice_box .tel{padding-bottom:20px;border-bottom:1px solid #ddd}
.advice_box .tel .t{display:block;color:#000;font-size:17px;font-weight:bold}
.advice_box .tel .p{}
.advice_box .tel input[type="tel"]{display:block;height:30px;width:100%;margin:10px 0;border:1px solid #ddd;background-color:#fff;text-indent:12px;color:#666;box-sizing:border-box}
.advice_box .tel .view{display:block;width:100%;text-align:right;padding-top:10px}
.advice_box .tel .view a{position:relative;color:#005086;padding-bottom:4px}
.advice_box .tel .view a:before{content:'';display:block;width:100%;height:1px;background-color:#549520;position:absolute;left:0;bottom:0}
.advice_box .tel .ui-checkbox{position:relative}
.advice_box .tel .ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)}
.advice_box .tel .ui-checkbox .ui-btn{display:block;height:43px;border-radius:2px;font-size:14px;color:#fff;text-align:center;cursor:pointer}
.advice_box .tel .ui-checkbox .ui-btn em{display:inline-block;padding:14px 0 14px 24px;background:url('../img/ck_ico.png') left center no-repeat;background-size:20px auto}
.advice_box .tel .ui-checkbox .ui-checkbox-on{background-color:#004167}
.advice_box .tel .ui-checkbox .ui-checkbox-off{background-color:#bfbfbf}
.advice_box .words{}
.advice_box .words .tit{display:block;margin:18px 0 14px 0;color:#000;font-size:17px}
.advice_box .words .secret{position:relative;margin-bottom:12px;padding-left:130px}
.advice_box .words .secret > img{position:absolute;left:0;top:0;display:block;width:90px;height:auto;border:1px solid #dfdfdf}
.advice_box .words .secret > button{position:absolute;left:95px;top:1px;display:block;width:29px;height:29px;background:url('../img/code.gif') 0 0 no-repeat;background-size:29px auto;text-indent:-99999em;overflow:hidden}
.advice_box .words .secret > input[type="text"]{width:100%;height:31px;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;text-indent:12px}
.advice_box .words .advice_btns{clear:both;display:block;width:100%;height:42px;border-radius:2px;background-color:#005086;color:#fff;font-weight:bold;font-size:14px}
.popup_ly{display:none;position:absolute;left:50%;top:168px;width:200px;padding:26px 0;margin-left:-100px;border:1px solid #07689f;border-radius:4px;background-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,0.3);z-index:12}
.popup_ly.open{display:block}
.popup_ly > p{color:#0769a0;text-align:center;margin-bottom:10px;line-height:1.4em;font-size:12px}
.popup_ly .btns{display:block;width:56px;height:24px;margin:0 auto;background-color:#549520;text-align:center;border-radius:2px}
.popup_ly .btns span{display:block;color:#fff;font-size:12px}
.popup_ly .close{display:block;position:absolute;right:6px;top:6px;width:12px;height:12px;background:url('../img/ly_close.gif') center center no-repeat;background-size:12px auto;text-indent:-99999em;overflow:hidden}

.secret {overflow:hidden;padding-left:0 !important;}
.secret #captcha_img {float:left;display:block;width:auto;height:40px;padding:0 15px;border:1px solid #ddd;background:#fff;}
.secret #captcha_reload {float:left;display:block;width:40px;height:40px;margin:3px 10px 0 10px;background:url('../img/code.gif') 0 0 no-repeat;background-size:cover;text-indent:-99999em;}
.secret .captcha_box {float:right;display:block;width:48%;height:40px;border:1px solid #ddd;border-radius:0 !important;}

/* 온라인상담 */
.adv_color{background-color:#f5f5f5}
.online_app-join{margin:0 12px 15px 12px}
.online_app-join a{display:block;padding:14px 0;border-radius:3px;border:2px solid #005086;text-align:center;background-color:#fff}
.online_app-join a span{position:relative;display:inline-block;padding-left:20px;color:#005086;font-size:14px;line-height:1em;font-weight:bold}
.online_app-join a span:after{content:'';display:block;width:14px;height:14px;position:absolute;left:0;top:0;background:url('../img/ico_adv.gif') 0 0 no-repeat;background-size:14px auto}
.online_adv{padding-top:0}
.online_adv .list .more button{background-color:#999}
.online_adv .list li a strong{top:17px}
.online_adv .list li a{padding-left:54px}
.online_adv .list li a p{margin:0;padding-left:22px;background:url('../img/ico_key.gif') 0 0 no-repeat;background-size:17px auto;line-height:1.4em}
.online_adv .list li a p span{display:inline-block;width:9px;height:9px;margin-top:2px;background:url('../img/ico_re.gif') 0 0 no-repeat;background-size:9px auto;text-indent:-99999em;overflow:hidden}
.online_adv .list li a p em{display:inline-block;width:34px;height:17px;margin-left:6px;background:url('../img/new_ico_list.png') 0 0 no-repeat;background-size:34px auto;text-indent:-99999em;overflow:hidden}
.online_adv .list li a .sup{padding:4px 0 0 22px}
.online_adv-inp{padding:12px}
.online_adv-inp .tit{display:block;color:#333;padding:10px 0;text-indent:2px}
.online_adv-inp .inp_box input{display:block;height:35px;width:100%;margin-top:8px;border:1px solid #ddd;background-color:#fff;text-indent:12px;color:#000;box-sizing:border-box;box-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.online_adv-inp .inp_box .fnt{padding:12px;border:1px solid #ddd;background-color:#fff;color:#000;box-sizing:border-box;box-shadow:1px 1px 2px rgba(0,0,0,0.1);margin-top:8px}
.online_adv-inp .inp_box .fnt textarea{display:block;width:100%;height:180px;}
.online_adv-inp .inp_box span{display:block;color:#808080;font-size:11px;padding:4px 0 0 4px}
.online_adv-inp .secret{position:relative;margin-bottom:12px;margin-top:8px;padding-left:130px}
.online_adv-inp .secret > img{position:absolute;left:0;top:0;display:block;width:90px;height:auto;border:1px solid #dfdfdf}
.online_adv-inp .secret > button{position:absolute;left:95px;top:1px;display:block;width:29px;height:29px;background:url('../img/code.gif') 0 0 no-repeat;background-size:29px auto;text-indent:-99999em;overflow:hidden}
.online_adv-inp .secret > input[type="text"]{width:100%;height:31px;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;text-indent:12px}
.online_adv-inp .advice_btns{clear:both;display:block;width:100%;height:42px;border-radius:2px;background-color:#549520;color:#fff;font-weight:bold;font-size:14px}
.online_adv-inp .inp_box ::-webkit-input-placeholder{color:#808080;padding-top:2px;font-size:13px}
.online_box{padding:0 12px 0 12px}
.online_box h5{}
.online_box h5 span{position:relative;font-weight:normal;letter-spacing:0;display:inline-block;padding-left:10px;line-height:1.1em}
.online_box h5 span:after{content:'|';position:absolute;left:2px;top:0;color:#b3b3b3;line-height:0.8em;font-weight:normal}
.online_box ul{padding-bottom:10px;border-bottom:1px solid #d6d6d6;}
.online_box ul li *{vertical-align:top}
.online_box ul li{padding-right:50px}
.online_box ul li a{line-height:1.4em;padding-bottom:8px;white-space:normal}
.online_box ul li a span{display:inline-block;width:34px;height:17px;margin-left:6px;background:url('../img/new_ico_list.png') 0 0 no-repeat;background-size:34px auto;text-indent:-99999em;overflow:hidden}
.online_box ul li > em{position:absolute;right:0;top:1px;display:block;width:43px;height:17px;background:url('../img/ico_online_on.png') 0 0 no-repeat;background-size:43px auto;text-indent:-99999em;overflow:hidden}
.online_box ul li > em.on{background-image:url('../img/ico_online_off.png')}

.online_adv #listadvi_ul li {position:relative;}
.online_adv .pw_secret {display:none;position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:url(../img/appoint_bg-hover2.png) 0 0 repeat;}
.online_adv .pw_secret .overlap {position:relative;float:left;margin:12px 0 0 70px;width:170px;border-bottom:1px solid #bbb;}
.online_adv .pw_secret .overlap label {position:absolute;left:10px;top:12px;color:#fff;font-size:12px;cursor:text;}
.online_adv .pw_secret .overlap input {width:100%;height:20px;padding:7px 0;text-indent:10px;background:none;border:none;color:#fff;}
.online_adv .pw_secret button {display:block;}
.online_adv .pw_secret button.done {float:left;margin:13px 0 0 10px;width:70px;height:35px;border:1px solid #fff;color:#fff;font-size:12px;}
.online_adv .pw_secret button.close {position:absolute;right:10px;top:10px;width:15px;height:15px;text-indent:-9999px;background:url(../img/close_btns.png) 0 0 no-repeat;background-size:cover;}
.online_adv .pw_secret .overlap ::-webkit-input-placeholder {font-size:12px;color:#fff;}

#listapp_ul .online_adv .pw_secret .overlap {margin:30px 0 0 100px !important;}
#listapp_ul .online_adv .pw_secret button.done {margin:30px 0 0 10px !important;}




#history_tab {position:relative;border-bottom:1px solid #005086;}
#history_tab ul {margin:0 32px;overflow:auto;white-space:nowrap;}
#history_tab ul:after {clear:both;display:block;content:' ';}
#history_tab li {display:inline;vertical-align:top;}

#history_tab li a {
	display: inline-block;
	height: 50px;
	padding: 15px 13px 0 13px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	letter-spacing: 0;
	color: #000;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	/*
	-webkit-transition-property: all;
	        transition-property: all;
	-webkit-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	-webkit-transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
	        transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
	*/
}

#history_tab li a.on {padding-top:8px;font-size:25px;line-height:1.2em;color:#005086;}

#history_tab .slick-prev,
#history_tab .slick-next{
	clear:both;
	display:block;
	position:absolute;
	top:0;
	z-index:2;
	width : 33px;
	height: 55px;
	overflow:hidden;
	margin: -5px 0 0 0;
	cursor: default;
	font-size:0;
	text-indent:-99999em;
	-webkit-transition-property: -webkit-transform;
	        transition-property:         transform;
	-webkit-transition-duration: 0.2s;
	        transition-duration: 0.2s;
	-webkit-transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
	        transitino-timing-function: cubic-bezier( .62, .01, .34, .99 );
}

#history_tab .slick-prev{
	left: 0;
	/*
	background-image: url('../img/law_list-left.png');
	-webkit-transform: translate3d( -45px, 0, 1px );
	        transform: translate3d( -45px, 0, 1px );
	*/
}

#history_tab .slick-next{
	right: 0;
	/*
	background-image: url('../img/law_list-right.png');
	-webkit-transform: translate3d( 45px, 0, 1px );
	        transform: translate3d( 45px, 0, 1px );
	*/
}

#history_tab.can-move-prev .slick-prev,
#history_tab.can-move-next .slick-next {
	cursor: pointer;
	/*
	-webkit-transform: none;
	        transform: none;
	*/
}

#history_tab .slick-prev:after,
#history_tab .slick-next:after {
	display: block;
	height: 20px;
	overflow: hidden;
	background-image: url( ../img/slider_paging.png );
	background-repeat: no-repeat;
	background-size: auto 80px;
	content: ' ';
}

#history_tab .slick-prev:after {background-position: 50%   0px;}
#history_tab .slick-next:after {background-position: 50% -20px;}
#history_tab.can-move-prev .slick-prev:after {background-position:50% -40px;}
#history_tab.can-move-next .slick-next:after {background-position:50% -60px;}