@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}
/* 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%;height:650px;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:auto;height:100%;}
.visual_box .v_cont_wrap .v_cont * {font-family:WebNotoSansL}
.visual_box .v_cont_wrap .v_cont p{display:block;position:absolute;left:0;top:12%;width:100%;font-size:16px;line-height:1.4em;text-align:center;color:#fff;}
.visual_box .v_cont_wrap .v_cont p strong {display:block;padding-bottom:40px;line-height:1.3em;font-size:2em;}
/*
.visual_box .v_cont_wrap .v_cont p strong:after {position:absolute;left:-23px;bottom:72px;display:block;width:265px;height:1px;content:'';background:#fff;}
*/
/*.visual_box .v_cont_wrap .v_cont p em{color:#fdba25}*/
.visual_box .v_cont_wrap .v_cont p span {line-height:1.5em;}
.visual_box .v_cont_wrap .box2 p{color:#fff}
.visual_box .slick-dots{position:absolute;right:5%;bottom:120px;width:14px;height:21px;text-align:center;/*background:url('../img/main_page.png') center 0 no-repeat;background-size:71px auto*/}
.visual_box .slick-dots *{vertical-align:top}
.visual_box .slick-dots li{position:relative;z-index:1;display:block;width:8px;height:8px;margin:3px 2px 15px 3px;border:1px solid #fff;text-indent:-99999em;overflow:hidden;border-radius:10px;background-color:transparent}
.visual_box .slick-dots li.slick-active{background-color:#fff;border:1px solid #fff}
.visual_box .slick-dots li button{display:block;width:100%;height:100%;opacity:0;overflow:hidden;font-size:0;background-color:transparent}

.visual_box .arrow_w {width:100%;position:absolute;left:0;top:47%;z-index:1000;}
.visual_box .arrow_w span {display:block;width:21px;height:41px;text-indent:-9999em;}
.visual_box .arrow_w span.prev {float:left;margin-left:10px;background:url(../img/arrow_left.png) no-repeat;}
.visual_box .arrow_w span.next {float:right;margin-right:10px;background:url(../img/arrow_right.png) no-repeat;}

.btn_scroll:link, .btn_scroll:visited{
	position: absolute;
	bottom:30px;
	z-index: 3000;
	left:50%;
	margin-left:-55px;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	font-weight: 500;
	color:rgba(255,255,255,.5);
	letter-spacing:2px;
	padding-bottom:40px;
	background:url(../img/mouse.png) no-repeat center bottom;
	background-size:15%;
}


.btn_scroll:hover, .btn_scroll:focus{
	color:rgba(255,255,255,.5);
}

.succeed_box h3 {position:relative;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #ddd;font-size:22px;}
.succeed_box h3 em {font-size:22px;font-weight:bold;color:#fdba25;}
.succeed_box h3 a {position:absolute;right:0;top:5px;display:inline-block;font-size:10px;border:1px solid #ddd;border-radius:20px;padding:2px 10px;line-height:14px;color:#6d6d6d;}
.succeed_box .success_list {padding:20px 15px;margin-top:10px;background:#f0f0f0;}
.succeed_box .success_list:first-child {margin-top:0;}
.succeed_box .success_list dl {overflow:hidden;}
.succeed_box .success_list dt {float:left;width:33%;padding:0 1%;}
.succeed_box .success_list dt p {padding-top:5px;font-size:1.1em;}
.succeed_box .success_list dt span {font-size:1em;}
.succeed_box .success_list dd {float:left;width:62%;padding-left:2.4%;border-left:1px dashed #c0c0c0;}
.succeed_box .success_list dd em {display:block;margin-bottom:10px;color:#fdba25;}
.succeed_box .success_list dd p {width:100%;overflow:hidden;display:-webkit-box;height:2.6em;line-height:1.4em;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}
.main_center > div button.more_btn {display:block;width:120px;height:25px;line-height:25px;margin:30px auto 0;text-align:center;color:#fff;background:#4f4f4f;}



.area_box {width:97%;overflow:hidden;margin:0 auto;padding:60px 0 60px 3%;background:#fff;}
.area_box .area_w {width:870px;}
.area_box .area_list {float:left;width:270px;margin-left:20px;}
.area_box .area_list span.pic img {width:100%;height:auto;}
.area_box .area_list span.txt {display:block;height:70px;padding:20px;border:1px solid #ddd;border-top:0 none;}
.area_box .area_list a:hover span.txt {color:#fff;background:#fdba25;}
.area_box .area_list span.txt b.title {display:block;margin-bottom:12px;font-size:20px;}
.area_box .area_list span.txt span {display:block;line-height:1.6em;}

.lawyer_w {width:100%;height:227px;text-align:center;background:url(../img/lawyer_bg.jpg) no-repeat center;background-size:cover;}
.lawyer_w p.tit {text-align:center;padding:70px 0 40px 0;font-size:1.6em;color:#fff;}
.lawyer_w a {display:inline-block;width:230px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;}

.info_w {overflow:hidden;width:100%;height:350px;text-align:center;background:url(../../img/adv_bg.jpg) no-repeat right center;background-size:cover;}
.info_w .leftArea {display:inline-block;overflow:hidden;}
.info_w .leftArea .adv_step {float:left;padding-top:30px;/*width:250px;*/height:310px;}
.info_w .leftArea .adv_conts {float:left;padding:90px 0 0 24px;line-height:1.6em;font-size:0.9em;color:#2b2b2b;}
.info_w .leftArea .adv_conts strong {font-size:1.4em;}
.info_w .leftArea .adv_conts p {margin-bottom:20px;text-align:left;line-height:1.5em;font-size:1.2em;}
.info_w .leftArea .adv_conts p em {color:#fdba25;font-size:1.4em;font-weight:800;}

.info_w .adv_step ul {position:relative;}
.info_w .adv_step ul:after {position:absolute;right:5px;top:5px;display:block;width:1px;height:100%;border-right:1px solid #c9cacb;content:"";}
.info_w .adv_step ul li {position:relative;padding-bottom:25px;text-align:right;padding-right:15px;font-weight:bold;}
.info_w .adv_step ul li.step08 {padding-bottom:0;}
.info_w .adv_step ul li.on {color:#fdba25;}
.step em {
		width: 12px;
		height: 12px;
		/*margin-top:58px;
		margin-left:-117px;*/
		position: absolute;
		top:2px;
		right:-1px;
		background: #acacac;
		border-radius: 100%;
		cursor: pointer;
		-webkit-transition: background 400ms;
		transition: background 400ms;
		z-index:8;
	}
	.step .on em { background: #fdba25; z-index:10; }
	.step .go em { background: #ffe3a6; z-index:11; }
	
	.step em:after {position: absolute;right:2px;top:2px;width:8px;height:8px;content:"";background: #fff;border-radius: 100%;-webkit-transition: background 400ms;transition: background 400ms;z-index:7;}
	
	.step .l { 
		position: absolute;
		display:inline-block; 
		/*margin-top:62px;
		margin-left:-117px;
		width:300px;
		height:3px;*/
		right:5px;
		top:10px;
		width:1px;
		height:38px;
		background:  linear-gradient(to right, rgba(255,255,255,0) 50%, #ffe3a6 50%);
		background-size: 200%;
		transition: 3s;
		z-index:7;
	}
	
	.step .on .l { 
		background-position: -100% 0;
		color:#fff !important;
	}

.media_w {width:94%;padding:25px 3%;background:#fff;}
.media_w h3 {position:relative;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #ddd;font-size:22px;}
.media_w h3 em {font-size:22px;font-weight:bold;color:#fdba25;}
.media_w h3 a {position:absolute;right:0;top:5px;display:inline-block;font-size:10px;border:1px solid #ddd;border-radius:20px;padding:2px 10px;line-height:14px;color:#6d6d6d;}
.media_w ul {padding:0 15px;}
.media_w ul li {position:relative;overflow:hidden;margin-bottom:12px;padding-left:8px;}
.media_w ul li:after {position:absolute;left:0;top:7px;width:2px;height:2px;border-radius:50%;background:#222;content:"";}
.media_w ul li a {float:left;color:#000;}
.media_w ul li span {float:right;color:#868686;}

.way_w {width:100%;height:520px;padding:60px 0;background:url(../img/info_bg.jpg) no-repeat center;background-size:cover;}
.way_w ul {width:90%;padding:60px 0 35px 0;margin:0 auto;background:rgba(255,255,255,.8);}
.way_w ul li {margin-top:35px;}
.way_w ul li:first-child {margin-top:0;}
.way_w ul li dl {text-align:center;}
.way_w ul li dl dt, .way_w ul li dl dd {text-align:center;}
.way_w ul li dl dt {display:inline-block;height:40px;line-height:40px;padding-left:40px;margin-bottom:15px;font-size:1.7em;color:#333;}
.way_w ul li.info_01 dl dt {background:url(../../img/adv_ico01.png) no-repeat left center;}
.way_w ul li.info_02 dl dt {background:url(../../img/adv_ico02.png) no-repeat left center;}
.way_w ul li.info_03 dl dt {background:url(../../img/adv_ico03.png) no-repeat left center;}
.way_w ul li dl dd {font-size:14px;color:#888;}
.way_w ul li dl dd span {display:block;margin-bottom:8px;}

.client_w {padding:50px 0 50px 20px;background:#fff;}
.client_w div div div {margin-right:40px;}


.main_center .review_box {position:relative;width:100%;height:300px;color:#fff;background:#2d3539 url(../img/review_bg.jpg) no-repeat center;/*background-size:cover;*/}
.main_center .review_box strong {display:block;padding-left:22px;padding-top:35px;line-height:1.4em;font-family: 'Nanum Myeongjo', serif;font-size:26px;}
.main_center .review_box strong:after {position:absolute;left:22px;top:-16px;display:block;width:37px;height:32px;content:'';background:url(../img/quote_ico.png) no-repeat;}
.main_center .review_box p {padding:15px 0 25px 22px;font-family: 'Nanum Myeongjo', serif;font-size:17px;}
.main_center .review_box a.more {display:block;width:168px;height:40px;line-height:40px;margin-left:22px;border:2px solid #fff;text-indent:22px;font-family: 'Nanum Myeong o', serif;font-size:16px;color:#fff;background: url(../../img/go_arrow.png) no-repeat 139px 12px;}

.main_center > div h2.tit {position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #818688;font-size:22px;font-weight:bold;}
.main_center > div h2.tit a.more {position:absolute;right:0;top:0;font-size:24px;font-weight:normal;color:#555;}
.main_center > div p.s_tit {font-size:1em;color:#066aa0;}

.main_center .success_box, .main_center .media_box, .main_center .adv_box {width:90%;padding:55px 5%;}

.main_center .success_box {background:#fafafa;}
.main_center .success_box h2.tit  {padding-bottom:0;margin-bottom:12px;border-bottom:0;}
.main_center .success_box ul {margin-top:20px;padding:24px 15px;border:1px solid #d3d3d3;background:#fff;}  
.main_center .success_box ul li p.t_tit {overflow:hidden;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #cacaca;}
.main_center .success_box ul li p.t_tit em.txt_sub {float:left;font-size:16px;font-weight:bold;}
.main_center .success_box ul li p.t_tit strong {float:right;font-size:17px;color:#066aa0;}
.main_center .success_box ul li dl {margin-bottom:30px;}
.main_center .success_box ul li dl dt {margin-bottom:15px;font-size:16px;font-weight:bold;color:#000;}
.main_center .success_box ul li dl dd {overflow:hidden;height:6em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;font-size:1em;}
.main_center .success_box ul li span.resp {position:relative;display:block;width:100%;padding-bottom:30px;}
.main_center .success_box ul li span.resp p {margin-bottom:10px;letter-spacing:0.1em;}
.main_center .success_box ul li span.resp em {font-size:16px;font-weight:bold;color:#000;letter-spacing:0.01em;}
.main_center .success_box ul li span.lawyer_img {position:absolute;right:0;top:-25px;display:inline-block;width:85px;height:85px;border-radius:50%;border:1px solid #333;overflow:hidden;}
.main_center .success_box ul li span.lawyer_img img {width:auto;height:100%;margin-left:-18%;}

.main_center .media_box {background:#fff;}
.main_center .media_box ul li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #d3d3d3;}
.main_center .media_box ul li .tit {overflow:hidden;height:3em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;margin-bottom:10px;font-size:17px;}
.main_center .media_box ul li .sub_tit {overflow:hidden;height:3em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;font-size:1em;color:#777;}

.main_center .img_box {position:relative;width:100%;height:241px;line-height:241px;text-align:center;}
.main_center .img_box > div {display:inline-block;line-height:normal;vertical-align:middle;color:#fff;}
.main_center .prg_box {background:url(../img/sst_bg.jpg) no-repeat center;background-size:cover;}
.main_center .ct_box {background:url(../img/center_bg.jpg) no-repeat center;background-size:cover;}
.main_center .img_box span {display:inline-block;width:205px;height:45px;line-height:45px;margin-bottom:20px;border:3px solid #fff;font-size:20px;font-weight:bold;}
.main_center .img_box p {font-size:17px;}
.main_center .img_box a.more {position:absolute;right:18px;top:10px;line-height:normal;font-family:WebNotoSansL;font-size:28px;font-weight:normal;color:#fff;}

.main_center .adv_box {background:#fff;}
.main_center .adv_box ul li, .main_center .adv_box ul li a {font-size:1em;}
.main_center .adv_box ul li {overflow:hidden;padding-right:0;margin-bottom:15px;}
.main_center .adv_box ul li .tit {float:left;display:block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_center .adv_box ul li .sub_tit {float:right;}
.main_center .adv_box ul li em.d {color:#066aa0;}
.main_center .adv_box ul li em.a {color:#e5e5e5;}

.award_box{position:relative;height:94px;background-color:#fff}
.award_box .wrap{width:100%;overflow:hidden}
.award_box .wrap .w{float:left;width:100%}
.award_box .wrap .w .s{float:left;text-align:center;width:0;overflow:hidden}
.award_box .wrap .w .s:first-child{width:100%}
.award_box .wrap .w .s span{position:relative;display:inline-block;padding:26px 0 20px 75px;font-size:15px;color:#4f4f4f;text-align:left;line-height:1.2em}
.award_box .wrap .w .s span em{display:block;font-size:10px}
.award_box .wrap .w .s span img{display:block;width:64px;height:auto;position:absolute;left:0;top:0}
.award_box button{position:absolute;right:0;top:0;width:30px;height:100%;background-repeat:no-repeat;background-position:center center;background-image:url('../img/main_right.gif');background-size:9px auto;text-indent:-99999em;overflow:hidden;z-index:1}
.award_box button:first-child{left:0;right:auto;background-image:url('../img/main_left.gif')}

.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:#fdba25}
.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:#fdba25;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}

.lawyer_tab {width:100%;padding-left:30px;margin-bottom:25px;box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.lawyer_tab li {display:inline-block;height:50px;line-height:50px;padding:0 15px;}
.lawyer_tab li.on {border-bottom:1px solid #fdba25;}
.lawyer_tab li.on a {display:block;color:#fdba25;}
.lawyer_box{position:relative;height:258px;background:#fff url('../img/law_big.png') center 48px no-repeat;background-size:205px auto;overflow:hidden}
.lawyer_box h5{padding-left:12px}
.lawyer_box .line,
.lawyer_box .slick-arrow,
.lawyer_box .s_nm,
.lawyer_box .s_img,
.lawyer_box .name,
.lawyer_box .page{position:absolute;display:block}
.lawyer_box .line{left:0;bottom:105px;width:100%;height:3px;background:url('../img/law_line.gif') 0 0 repeat-x;background-size:3px auto}
.lawyer_box .s_nm{left:50%;top:50%;width:24px;height:22px;margin:-15px 0 0 50px;background:url('../img/law_sm.png') 0 0 no-repeat;background-size:24px auto;z-index:1}
.lawyer_box .slick-arrow{width:18px;height:22px;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:9px auto;text-indent:-99999em;overflow:hidden;z-index:1}
.lawyer_box .slick-arrow.slick-prev{left:12px;bottom:96px;background-image:url('../img/main_left.gif')}
.lawyer_box .slick-arrow.slick-next{right:12px;bottom:96px;background-image:url('../img/main_right.gif')}
.lawyer_box .page{right:12px;top:22px;width:38px;height:38px;background-color:#000;border-radius:19px;color:#747474;font-size:12px}
.lawyer_box .page em{color:#fff}
.lawyer_box .page span{display:block;text-align:center;letter-spacing:0;padding-top:10px}
.lawyer_box .s_img{left:0;top:0;width:100%;height:100%;overflow:hidden}
.lawyer_box .s_img .w{float:left;width:100%}
.lawyer_box .s_img .w .s{float:left}
.lawyer_box .s_img .w .s img{display:block;width:156px;height:auto;margin:0 auto;position:relative;top:25px}
.lawyer_box .name{left:50%;top:50%;width:144px;height:100px;margin:10px 0 0 -22px}
.lawyer_box .name ul{position:relative;width:144px;height:100px}
.lawyer_box .name ul li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
	-webkit-transition:opacity 0.5s cubic-bezier(0.75,0.1,0.25,1);
			transition:opacity 0.5s cubic-bezier(0.75,0.1,0.25,1);
}
.lawyer_box .name ul li.open{opacity:1;z-index:1}
.lawyer_box .name ul li .bg{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0.8;z-index:0}
.lawyer_box .name ul li a{position:relative;z-index:1;display:block;height:100%}
.lawyer_box .name ul li a span{display:block;color:#e24717;font-size:11px;margin:0 14px;padding:12px 0 4px 0}
.lawyer_box .name ul li a strong{display:block;color:#fff;font-size:21px;font-weight:normal;margin:0 14px}
.lawyer_box .name ul li a p{font-size:10px;color:#b4b4b4;margin:0 14px;padding-top:10px}
.lawyer_box .name ul li a p.n{margin:0 0 0 12px}

.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:#fdba25;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:#fdba25;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:#4c718b;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 li{position:relative;padding:30px 0 40px 0;border-top:1px solid #ddd}
.center_about li strong{display:block;padding-bottom:10px;color:#000;font-size:18px;line-height:1.3em;text-align:center}
.center_about li p{font-size:14px;color:#404040;line-height:1.6em;text-align:center}
.center_about li:before{content:'';display:block;width:100%;height:90px;background-image:url('../img/about_img.gif');background-repeat:no-repeat;background-size:132px auto}
.center_about li.ab1:before{background-position:center 0}
.center_about li.ab2:before{background-position:center -100px}
.center_about li.ab3:before{background-position:center -200px}
.center_about li.ab4:before{background-position:center -300px}

/* 왜 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:#fdba25}
.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%; height:235px; background-image:url('../img/know_img02.gif'); background-repeat: no-repeat; background-size:100% auto; padding:0 auto;} 
.center_point div {padding:15px 0 120px 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:#fdba25; 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:#b6b6b6; font-size:13px; font-weight:100;line-height:1.3em;}
.center_awawarded img {width:80%; padding:20px 0 10px 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:#fdba25;}
.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;}


/* 변호사소개 */
.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:#f8f7f5;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:#fdba25;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:#99a2af;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:#bfc7d2;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: #fdba25;
}

.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:#fdba25}
.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;
	border-bottom:1px solid #ddd;
}

.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:#fdba25;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 #fdba25;color:#fff;background:#fdba25;}
.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 #fdba25;color:#fff;background:#fdba25;}

.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:#fdba25;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:#fdba25;font-size:12px}
/* 2017-06-29 수정 완료 */


.law_info .spk strong{display:block;font-size:17px;color:#fdba25;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:#fdba25}
.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 .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 #fdba25;
	height:42px;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;
}
.law_info .history dl dd .more em{display:block;width:100%;color:#fdba25;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:#fdba25;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:#fdba25;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:215px;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:#fdba25;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:#fdba25;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:#fdba25;padding-bottom:4px}
.advice_box .tel .view a:before{content:'';display:block;width:100%;height:1px;background-color:#fdba25;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:#270f00}
.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:#fdba25;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 #fdba25;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:#fdba25;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:#fdba25;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}

/* 온라인상담 */
.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 #fdba25;text-align:center;background-color:#fff}
.online_app-join a span{position:relative;display:inline-block;padding-left:20px;color:#fdba25;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:#fdba25;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}
.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')}

/* 메인 링크 */
.etc_move-link{background-color:#fff}
.etc_move-link:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:'';opacity:0}
.etc_move-link ul{float:left;width:100%}
.etc_move-link ul li{float:right;width:49.8%}
.etc_move-link ul li:first-child{float:left}
.etc_move-link ul li a{display:block;position:relative}
.etc_move-link ul li a img{display:block;width:100%;height:auto}
.etc_move-link ul li a p{display:block;position:absolute;left:12px;bottom:16px;margin:0;font-size:15px;padding-right:12px;color:#fff;line-height:1.2em}
.etc_move-link ul li a p:after{content:'';position:absolute;right:0;bottom:0;display:block;width:6px;height:18px;background:url('../img/arw_yw.png') right center no-repeat;background-size:6px auto}
.etc_move-link ul li:first-child a p:after{background-image:url('../img/arw_wh.png')}
.etc_move-link ul li a p em{color:#edd491}
.etc_move-link ul li a p span{letter-spacing:0}

.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: 45%;height:40px;border:1px solid #ddd;border-radius:0 !important;}

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

.tab_page {}
.tab_page .tab {width:100%;height:55px;line-height:55px;border-bottom:1px solid #ddd;}
.tab_page .tab ul {overflow:hidden;width:94%; padding:0 3%;}
.tab_page .tab ul li {float:left;margin-right:30px;font-size:1.2em;}
.tab_page .tab ul li a {display:block;}
.tab_page .tab ul li a.on {line-height:54px;border-bottom:2px solid #fdba25;color:#fdba25;}
.tab_page .tab_conts {width:94%;padding:40px 3%;}
.tab_page .tab_conts #field01 {display:block;}
.tab_page .tab_conts > div {display:none;}
.tab_page .tab_conts ul li dl dt {margin-bottom:10px;line-height:1.4em;padding-left:12px;border-left:2px solid #fdba25;font-size:1.4em;font-weight:bold;color:#fdba25;}
.tab_page .tab_conts ul li {margin-bottom:30px;}

.field_div {display:block;  width:90%; margin: 0 3%;  padding:0 0 50px 0; }
.field_div a {display:block; position: relative;width:90%; margin:10px auto; min-height:88px; border:1px solid #ededed;  background:#fff;}
.field_div a :after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(3deg);
}
.field_div a .title { background:#fdba25; color:#fff; font-weight:bold; font-size:1.3em; padding:10px 20px;  }
.field_div a .sub {  background:#fff; padding:10px 20px; word-break:break-word;}

.field_div a .title .p_i {float:right; right:10px; width:20px; margin-top:-0px; }

.field_w .tab_content { font-size:22px; margin:0 0 30px 0 ; }
.field_w  h4 { font-size:20px; letter-spacing:-1px; color:#fdba25; display:inline-block; margin:10px 0;}
.field_w .tab_content { font-size:15px; letter-spacing:-1px; line-height:18px; }
.field_w .tab_content strong { font-size:20px; letter-spacing:-1px; line-height:22px;color:#fdba25; display:inline-block; margin:20px 0 10px 0; word-break:break-word; }
.field_w .tab_content .sub h5 { font-size:15px; letter-spacing:-1px; line-height:18px; color:#fdba25;  display:inline-block; margin:10px 0 0 0;}
.field_w .tab_content .sub p { font-size:14px; letter-spacing:-1px; line-height:18px; word-break:break-word; margin:10px 0;}
.field_w .tab_content .sub p em {color:#fdba25;}
.field_w .tab_content .sub p img {width:100%;height:auto;}
.field_w .tab_content .sub table { }
.field_w .tab_content .sub table tr td { font-size:11px; text-align:center; border:1px solid #ddd; }

.ly_pop {
	display:none;
	position:fixed; top:0; z-index:9999;
	height:100%; width:100%; background:#fff;
	overflow: scroll;
}
.ly_pop .btn_area {
	position:fixed; top:0; z-index:9999;
	height:50px; width:100%; background:#fdba25;
	margin-top:0px;
}
.ly_pop .btn_area .closed {
	display:inline-block; float:right; right:0px; margin-top:12px; margin-right:15px; width:22px; height:22px;
}
.ly_pop .pop_wrap {
	margin-top:50px; padding:30px 20px; background:#fff;
}
.ly_pop .pop_wrap .pop_title { font-size:12pt; letter-spacing:-1px; font-weight:600; }
.ly_pop .pop_wrap .pop_title_sub { display:block; margin:10px 0; height:50px;}
.ly_pop .pop_wrap .pop_title_sub .fl { float:left; left:0; }
.ly_pop .pop_wrap .pop_title_sub .fr { float:right; right:0; }




#history_tab {position:relative;border-bottom:1px solid #fdba25;}
#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:#fdba25;}

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