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

/* MAIN */
.main_center{background-color:#fff}
.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}
.visual_box .v_cont_wrap .v_cont dl{display:block;width:100%;position:absolute;left:0;top:34%;line-height:1.2em;text-align:center;color:#fff;letter-spacing:-3px}
.visual_box .v_cont_wrap .v_cont dl dt{text-align:center;font-size:2.8em;line-height:1.6em;}
.visual_box .v_cont_wrap .v_cont dl dd{margin-top:20px;text-align:center;font-size:1.2em;line-height:1.6em;letter-spacing:0.01em;}
.visual_box .v_cont_wrap .v_cont dl dd em{color:#ca7fff;font-weight:bold}
.visual_box .v_cont_wrap .box4 p{top:13%;}
.visual_box .v_cont_wrap .box2 p{left:6%;top:20%;color:#fff}
.visual_box .v_cont_wrap .box2 span {letter-spacing:-2px;font-size:12px;}
.visual_box .v_cont_wrap .box1 p{color:#fff;left:auto;left:5%;bottom:18%}
.visual_box .v_cont_wrap .box3 p{text-align:center;color:#fff;left:auto;left:28%;bottom:22%}
.visual_box .slick-dots{position:absolute;left:46.5%;bottom:25px;width:71px;height:21px;margin-left:-35px;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:inline-block;width:8px;height:8px;border:1px solid #fff;text-indent:-99999em;overflow:hidden;background-color:#fff; border-radius: 0px;}
.visual_box .slick-dots li.slick-active{background-color:#b2d9ff;border:1px solid #b2d9ff}
.visual_box .slick-dots li button{display:block;width:100%;height:100%;opacity:0;overflow:hidden;font-size:0;background-color:transparent}

.main_center > div  {width:100%;background:#fff;}

.main_center > div > .tit_top_line{width:20px; height: 2px; background-color: #294c77; margin: 0 auto;}
.main_center > div > h2 {padding:20px 0 20px; text-align:center; font-size:2em; font-weight:600;}
.main_center > div > h2 em {color:#444444;}
.main_center > div > p.sub_tit {margin:0 auto; margin-bottom:30px; width:90%; font-size:1.2em; text-align:center; line-height: 20px;}

.main_center > div > img {width:5%; height:5%; padding:20px 0px 0px 0px; margin-left:5%}

.success_box .success_list {padding:20px 15px;margin:10px 15px 10px 15px;background:#f0f0f0;}
.success_box .success_list:first-child {margin-top:0;}
.success_box .success_list dl {overflow:hidden;}
.success_box .success_list dt {float:left;width:33%;padding:0 1%;}
.success_box .success_list dt p {padding-top:5px;font-size:1.1em;}
.success_box .success_list dt span {font-size:1em;}
.success_box .success_list dd {float:left;width:62%;padding-left:2.4%;border-left:1px dashed #c0c0c0;}
.success_box .success_list dd em {display:block;margin-bottom:10px;color:#4e058b;}
.success_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;}

.center_box .center_bnr {position:relative;overflow:hidden;width:92%; margin:auto; margin-top:10px; margin-bottom: 20px;}
.center_box .center_bnr .c_list {float:left;width:100%;height:150px;}
.center_box .center_bnr .list_01 {background:url(../img/center_bg01.jpg) no-repeat center;background-size:cover;}
.center_box .center_bnr .list_02 {background:url(../img/center_bg02.jpg) no-repeat center;background-size:cover;}
.center_box .center_bnr .list_03 {background:url(../img/center_bg03.jpg) no-repeat center;background-size:cover;}
.center_box .center_bnr .c_list p {line-height:150px;text-align:center;}
.center_box .center_bnr .c_list span {display:inline-block;line-height:normal;vertical-align:middle;font-size:1.4em;color:#fff;}


.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:12px;color:#590098;}
.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')}

.main_center > div.faq_box {height:235px;background:url(../img/faq_bg.jpg) no-repeat center;background-size:cover; width:92%; margin:0 auto;}
.main_center > div.faq_box > h2 {color:#fff;}
.main_center > div.faq_box > h2 em {color:#ca7fff;}
.faq_box {position:relative;}
.faq_box dl {padding:15px 15px 15px 15px;}
.faq_box dl dd {height:40px;line-height:40px;padding:0 10px;border-top:1px solid rgba(255,255,255,.4);background:url(../img/plus_ico.png) no-repeat right center;}
.faq_box dl dd:first-child {border-top:0 none;}
.faq_box dl dd a {display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1em;font-weight:normal;color:#fff;}
.faq_box .view {display:none;position:absolute;left:0;top:0;width:100%;height:235px;}
.faq_box .view .fnt {width:100%;height:100%;overflow:hidden;background:rgba(76,5,135,.8);}
.faq_box .view .fnt .slide_item {float:left;width:0;height:0;opacity:0;overflow:hidden;-webkit-transition:opacity 0.5s cubic-bezier(0.75,0.1,0.25,1);transition:opacity 0.4s cubic-bezier(0.75,0.1,0.25,1)}
.faq_box .view .fnt .slide_item.open {opacity:1;filter:alpha(opacity=100);width:100%;height:100%}
.faq_box .view .slide_item.open{opacity:1;filter:alpha(opacity=100);width:10%;height:100%}
.faq_box .view .slide_item strong{display:block;width:82%;margin:30px auto 20px;color:#fff;letter-spacing:-1px;font-size:1.4em;font-weight:normal;line-height:1.1em;word-break:break-word;}
.faq_box .view .slide_item p{width:82%;margin:0 auto;color:#fff;letter-spacing:-1px;line-height:1.6em;height:90px;overflow:hidden;font-size:14px;word-break:break-word;}
.faq_box .view .page {display:none;}

.faq_box .slide_item .more {
    display: inline-block;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: 300;
    position: absolute;
    bottom:18px;
	left:45px;
    width: 267px;
    height: 30px;
    line-height: 35px;
}

.faq_box .slide_item .more:before {
	content:'';
	display:block;
	position:absolute;
	right:-40px;
	top:72%;
	border-top:1px solid #fff;
	width:21px;
	height:19px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0.5;
}


.faq_box .slide_item .more:after {
    width: 310px;
    height: 1px;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0.5;
}

.faq_box span button{display:block;width:100%;height:100%;color:#fff;text-align:center;border-radius:3px;text-indent:-9999em;}
.faq_box span.real_btns button:hover {color:#fff;background-position: 1% 50%;}
.faq_box span button:hover {}
.advice_box .guide_box.img .guide_fot span button{background-color:transparent;text-indent:-99999em}
.faq_box .p,
.faq_box .n,
.faq_box .c{position:absolute;display:block}
.faq_box .p,
.faq_box .n{width:40px;height:154px;top:50%;margin-top:-65px;background-repeat:no-repeat;background-position:center center;background-size:15px auto;opacity:0.3;filter:alpha(opacity=30)}
.faq_box .p.on,
.faq_box .n.on{opacity:1;filter:alpha(opacity=100)}
.faq_box .p{left:0;background-image:url('../img/arw_left-view.png')}
.faq_box .n{right:0;background-image:url('../img/arw_right-view.png')}
.faq_box .c{right:15px;top:15px;width:15px;height:15px;background:url('../img/main_view-close.png') 0 0 no-repeat;background-size:cover;}




.adv_box ul {padding:10px 15px;background:#f0f0f0; margin:10px 15px 10px 15px;}
.adv_box ul li {overflow:hidden;padding:0 1px;margin-top:15px;}
.adv_box ul li > div { display:inline-block; width:70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adv_box ul li:first-child {margin-top:0;}
.adv_box ul li em {display:inline-block;padding:2px 4px;font-size:10px;color:#fff;background:#333;}
.adv_box ul li em, .adv_box ul li a {float:left;}
.adv_box ul li a {display:block;width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;}
.adv_box ul li span {float:right;display:block;vertical-align:top;font-size:12px;}

.info_box {padding-bottom:20px;}
.info_box ul {margin-top:10px;}
.info_box ul li {margin-bottom:10px;text-align:center; background-color: #ffffff; padding:10px 0px 10px 0px; margin-left:15px; margin-right:15px; border:1px solid #000; height:30px;}
.info_box ul li p {font-size:16px; color:#000; text-align: left;; position:relative; top:-10px; left:34%;}
.info_box ul li img {position:relative; left:-22%; top:6px;} 
.info_box ul li dl {display:inline-block;}
.info_box ul li dl dt, .info_box ul li dl dd {display:inline-block;}
.info_box ul li dl dt {position:relative; font-size:16px;color:#000;}
.info_box ul li dl dt:after {display:none; position:absolute;right:0;top:5px;width:1px;height:30px;background:#333;content:"";}
.info_box ul li dl dd {vertical-align:middle; font-size:15px; line-height:20px;}
.info_box ul li dl dd span {display:block;}
/*
.info_box ul li dl.info_01 {background:url(../img/call001.png) no-repeat left center;background-size:20px auto;}
.info_box ul li dl.info_02 {background:url(../img/call002.png) no-repeat left center;background-size:15px auto;}
.info_box ul li dl.info_03 {background:url(../img/call003.png) no-repeat left center;background-size:20px auto;}
*/
/*
.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:#4c0788}
.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:#4c0788;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_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:#e3c4ff;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:#4d058b;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:#4c0788;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:#333;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}
.about_txt {padding:0 12px 65px;margin-top:20px;}
.about_txt h3 {font-size:20px;font-family:"Apple SD Gothic Neo",WebNotoSansL;font-weight:400;letter-spacing:-1px;}
.about_txt p {line-height:1.6em;color:#616161;}
.about_txt p.txt1 {margin-bottom:35px;}
.about_txt p.txt3 {margin-top:35px;}

.brand_w {width:100%;}
.brand_yk {width:100%;margin:0 auto;padding-top:35px;padding-bottom:185px;text-align:center;background:url(../img/visual_know_img03.jpg) no-repeat;background-size:cover;}
.brand_yk h4 {margin-bottom:10px;font-family:"Apple SD Gothic Neo",WebNotoSansL;font-size:20px;letter-spacing:-2px;font-weight:normal;color:#333;}
.brand_yk p {line-height:1.4em;font-size:11px;letter-spacing:-2px;color:#7f7f7f;}
.brand_yk ul {overflow:hidden;}
.brand_yk ul.b_1 {width:80%;margin:40px auto;}
.brand_yk ul.b_2 {width:95%;margin:0 auto;}
.brand_yk ul.b_2 li {margin-right:5%;}
.brand_yk ul li {float:left;}
.brand_yk ul li dt {margin-bottom:10px;}
.brand_yk ul li dt img {width:auto;height:80px;}
.brand_yk ul li dd {line-height:1.3em;font-family:"Apple SD Gothic Neo", 나눔바른고딕, NanumBarunGothic;font-size:10px;letter-spacing:-1px;}

.brand_w .c_map {width:100%;margin:55px auto 0;}
.brand_w .c_map h4 {margin-left:20px;line-height:1.3em;font-family:"Apple SD Gothic Neo",WebNotoSansL;font-size:22px;font-weight:300;color:#333;}
.c_map h4 strong {font-weight:600;}
.c_map h4 em {display:block;color:#4d058b;}
.c_map p {margin-bottom:110px;text-align:center;line-height:1.3em;font-family:"Apple SD Gothic Neo",WebNotoSansL;font-size:20px;font-weight:500;color:#333;}
.c_map p em {color:#4e058b;}
.c_map p span {display:block;font-size:12px;}
.c_map p span em {padding-bottom:3px;border-bottom:1px solid #4e058b;color:#4e058b;}

/* 변호사소개 */


.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:#f1f1f1;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:#f7f1fc}
.lawyers_about .law_box.top .guide span{display:block;padding:20px 0 0 28px;color:#660099;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: #4c0788;
}

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



/* 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 #294c77;color:#fff;background:#294c77;}
.law_info .tabmenu .tabcontent {position:absolute;left:0;top:55px;}

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


.lawyers_list .w .s.slick-center{background-color:#294c77}
.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:#4c0788;padding-bottom:2px}
.law_info > strong{display:block;font-size:35px;color:#000;line-height:1em;font-weight:normal;padding-bottom:16px}
.law_info .spk strong{display:block;font-size:17px;color:#4c0788;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:#4c0788}
.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 #294c77;
	height:42px;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;
}
.law_info .history dl dd .more em{display:block;width:100%;color:#294c77;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:#294c77;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:#294c77;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;border:2px solid #294c77;border-radius:2px;color:#294c77;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:#294c77;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:#294c77;padding-bottom:4px}
.advice_box .tel .view a:before{content:'';display:block;width:100%;height:1px;background-color:#294c77;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:#294c77}
.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:#294c77;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 #294c77;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:#294c77;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:#294c77;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{}
.online_app-join button{display:block;padding:14px 0; width:100%; border-radius:3px;border:2px solid #294c77;text-align:center;background-color:#294c77; color:#fff; }
.online_app-join button span{position:relative;display:inline-block; padding-left:20px;color:#fff;font-size:14px;line-height:1em;font-weight:400}
.online_app-join button span:after{content:'';display:block;width:14px;height:14px;position:absolute;left:0;top:0;background:url('../img/2021/sub_4_write.png') 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:#294c77;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/main_new-ico.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')}

.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 5px 0 5px;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;}
textarea {    -webkit-appearance: none;
    resize: none;
    outline: none;}
	
.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;}



#listsucc_ul a.q_w {background:url('../../img/faq_q.gif') 25px center no-repeat;background-size:40px;}
#listsucc_ul a.q_w.on {}
#listsucc_ul div.a_w {display:none;padding:20px 30px;border-top:1px solid #ddd;color:#666;word-wrap:break-word;word-break:keep-all;background:#f5f5f5;}
#listsucc_ul div.a_w.on {display:block;}
#listsucc_ul a.q_w:after{content:"";display:block;position:absolute;top:50%;right:22px;margin-top:-12px;width:20px;height:20px;background:url('../../img/ico_faq.gif') center center no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#listsucc_ul a.q_w.on:after{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

.page_w{display:block;padding:0 0 70px 0;text-align:center}
.page_w ul{display:inline}
.page_w ul li{display:inline-block}
.page_w a{display:inline-block;margin:0 1px;width:30px;height:30px;border:1px solid #e2e2e2;color:#7c7c7c;vertical-align:top;line-height:30px}
.page_w a.on{color:#fff;border-color:#4e058b;background-color:#4e058b}
.page_w > a{background:url('../../img/ico_board_page.png') no-repeat;font-size:0;line-height:0}
.page_w > a.all_prev{background-position:center 0}
.page_w > a.prev{background-position:center -54px}
.page_w > a.next{background-position:center -105px}
.page_w > a.all_next{background-position:center -150px}





	
	.cont_wrap { padding: 0; }
	.cont_wrap .section { margin:0 4%; margin:0 auto; padding:50px 5% 25px; transition:all 1s; opacity:0; margin-top:80px; }
	.cont_wrap .section.up { opacity:1; margin-top:0px;}
	
	.cont_wrap .section h4 {position:relative;font-size:1.7em; text-align:center; font-weight:bold;color:#000;font-family:WebNotoSans,"Apple SD Gothic Neo",'돋움',dotum,applegothic,sans-serif; }
	.cont_wrap .section h4 span { display:block; font-size:0.75em; color:#222; font-weight:normal; margin:3px 0;  }
	.cont_wrap .section p.txt {line-height:1.5em;font-size:1.3em;color:#000; word-break: break-all; text-align:left; }
	.cont_wrap .section p.txt em { 
		display:inline; padding:1px 2px; 
		background:  linear-gradient(to right, rgba(255,255,255,0) 50%, #4e0ea2 50%);
		background-size: 200%; transition: 1.5s;
	}
	.cont_wrap .section p.txt em.active { 
		background-position: -100% 0;
		color:#fff !important;
	}

	.cont_wrap .section .conts .cont .img_wrap img { margin-bottom:10px; }

	.cont_wrap .section.map_sec { position:relative; background:#fafafa; text-align:center; }
	.cont_wrap .section.map_sec .office_wrap { display:inline-block;  position:relative; width:320px; margin-top:50px;}
	.cont_wrap .section.map_sec .office_wrap p { font-weight:600; color:#000; font-size:1.5em;}
	.cont_wrap .section.map_sec .office_wrap .wrap {text-align:center; width:100%; padding-top:10px;}
	.cont_wrap .section.map_sec .office_wrap .wrap span {display:inline-block; *display:inline; margin:10px auto 0 auto; padding: 0 8px; text-align: center; zoom:1; border-right:1px solid #ddd; font-size:1.1em;}
	.cont_wrap .section.map_sec .office_wrap .wrap span.on { font-weight:600; color:#4e0ea2;}
	.cont_wrap .section.map_sec .office_wrap .wrap span:nth-child(7n) { border-right:0; }
	.cont_wrap .section.map_sec .office_wrap .wrap span:last-child { border-right:0; }
	.cont_wrap .section.map_sec .office_wrap ul { display:inline-block; *display:inline; margin:10px auto; text-align: center; zoom:1; }
	.cont_wrap .section.map_sec .office_wrap ul li { display:inline-block; float:left; padding:0 2px; margin:10px 0 0 0; border-right:1px solid #4f4f4f; }	
	.cont_wrap .section.map_sec .office_wrap ul li:first-child { }
	.cont_wrap .section.map_sec .office_wrap ul li:last-child { border-right:0; }
	.cont_wrap .section.map_sec .office_wrap ul li:nth-child(7n) { border-right:0; }
	.cont_wrap .section.map_sec .office_wrap ul li:nth-child(8n) { clear:both;  }
	
	.cont_wrap .section .sp_wrap { padding:20px; margin-top:30px; color:#fff; background:url('./img/2021/sub_1_bg.jpg') no-repeat; background-size:cover; } 
	.cont_wrap .section .sp_wrap .line_title { position:relative; text-align:right; margin:88px 0 50px 0; }
	.cont_wrap .section .sp_wrap .line_title .hr { position:absolute; flot:left; left:0; top:7px; height:1px; width:60%; background:#eee; opacity:0.5; }
	.cont_wrap .section .sp_wrap .line_title span { font-size:16px; }
	.cont_wrap .section .sp_wrap p.txt { color:#fff; }
	.cont_wrap .section .sp_wrap .t_cont { display:inline-block; font-size:98px; line-height:80px; font-weight:600; margin:35px 0 10px 0; }
	.cont_wrap .section .sp_wrap .per { font-size:38px; color:#ddd; }
	.cont_wrap .section .sp_wrap .sec_info { margin:15px 0 5px 0; }
	.cont_wrap .section .sp_wrap .sec_info p { font-size:16px;}
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap  { display:flex; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar {  width:65%;  }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar span { display:block; height:15px; width:1px; margin:5px 0; background:#ddd; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp1_1 { background:#947bb5; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp1_2 { background:#4f0da3; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp2_1 { background:#ebce81; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp2_2 { background:#f8b500; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp3_1 { background:#d0d0d0; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar #sp3_2 { background:#898989; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar .g1 { background:#898989 !important; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_bar .g2 { background:#d0d0d0 !important; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_txt { width:35%; font-size:16px; line-height:60px; color:#eee;}
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_txt  span {}
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_txt  span.rate { float:right; right:0; color:#f01f1f; }
	.cont_wrap .section .sp_wrap .sec_info .graph_wrap .g_txt  span.rate .up_arrow { width:12px; }
	
	.cont_wrap .section .sp_wrap .sec_info.tt { display:flex; }
	.cont_wrap .section .sp_wrap .sec_info.tt p { display:block; width:55%; }
	.cont_wrap .section .sp_wrap .sec_info.tt .graph_total {  width:45%; text-align:right; }
	.cont_wrap .section .sp_wrap .sec_info.tt .graph_total .num { font-size:35px; line-height:30px;font-weight:600; letter-spacing:-2px;  }
	.cont_wrap .section .sp_wrap .sec_info.tt .graph_total .rate { font-size:18px; line-height:20px; color:#f01f1f; margin-top:10px;}
	.cont_wrap .section .sp_wrap .since { color:#7c7c7c; }
	
	.cont_wrap .section.solution { position:relative; background:#fafafa; text-align:center; }
	.cont_wrap .section.solution .step_wrap {margin-top:30px;}
	.cont_wrap .section.solution .step_wrap .step { display:flex; }
	.cont_wrap .section.solution .step_wrap .step .e { display:block; width:25%; text-align:center; background:#4f4f4f; color:#fff; padding:10px 8px;margin:2px; line-height:20px; }
	.cont_wrap .section.solution .step_wrap .step .e:first-child { margin-left:0; }
	.cont_wrap .section.solution .step_wrap .step .e:last-child { margin-right:0; }
	.cont_wrap .section.solution .step_wrap .step .e.on { background:#4e0ea2; }
	
	.cont_wrap .section.solution .step_wrap .msg { height:100px; background:url('./img/2021/sub_1_text2.png') no-repeat; background-size:contain; padding-top:30px; font-size:14px; line-height:20px;  align-items: center; justify-content: center;}
	
	

	.cont_wrap .section h3 {display: inline-block; padding: 5px; background: #000000; color: #ffffff; text-align: left; margin-bottom: 20px; font-size: 1.8em;}
	.cont_wrap .section p.txt{font-size: 15px; font-weight: 300;}
	.sec01 .img_wrap{height: auto; width:100%; margin-top: 20px; overflow: hidden; }
	.sec01 .img_wrap img{width: 100%;}
	/* .sec01 img.dec{width: 120%; height:100%;  margin-top: 20px; transition: 0.7s;} */
	
	/* .sec01 .img_wrap.on{width: 100%;} */
	
	.sec02 .sec02_title{position: relative; margin-bottom: 30px;}
	.sec02 .sec02_title .line{position: absolute; bottom: 35px; left: -100px; width: 100px; height: 1px; background: #000000;}
	.sec02 .sec02_title p{font-size: 18px;}
	.sec02 .sec02_img{}
	.sec02 .sec02_img ul{ width:100%;}
	.sec02 .sec02_img ul li{position:relative; float: left; width: 48%; margin-bottom: 15px;}
	.sec02 .sec02_img ul li:nth-child(2n){float: right;}
	.sec02 .sec02_img ul li img{width: 100%;}
	.sec02 .sec02_img ul li p{text-align: center; padding-top: 10px;}
	.sec02 .sec02_bottom{clear: both; text-align: center; padding: 30px 0; }
	.sec02 .sec02_bottom h4{display: block; font-weight: 500;}
	.sec02 .sec02_bottom p{display: block; margin-top: 15px;}
	
	.pop{
		display: none; position: absolute; float:left; top: 0; left: 0; z-index: 999;
		padding: 10%; height: auto;
	}
	.pop .pop_wrap{
		background: #284c76; color: #ffffff; height: auto; padding: 20px 25px 40px; 
	}
	.pop.on {display:block;}
	.pop .close{float: right; width: 20px; height: 20px;}
	.pop .close .line{
		position:relative;
		display:block;
		width:18px; height:2px; 
		background:#ffffff; 
		transition:all 0.3s; 
		transform:rotate(0deg);  
		margin-bottom: 5px;
	}

	.pop .close .line01{
		top:8px;
		transform: rotate(-45deg); 
	}
	.pop .close .line02{
		opacity:0;  
		transition:all, 0.3s;
	}
	.pop .close .line03{
		top:-6px;
		transform: rotate(45deg); 	
	}
	
	.pop .pop_text{padding-top: 30px;}
	.cont_wrap .section .pop h4{clear: both; color: #ffffff; font-size: 1.3em; font-weight: 400; text-align: left;}
	.cont_wrap .section .pop p{clear: both; color: #ffffff; font-size: 1.1em; font-weight: 200; line-height: 24px; text-align: left; padding-top: 15px;}

	/*work*/
.work_cont .conts{padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #d7d7d7;}
.work_cont .conts:last-child{border:0;}
.work_cont .conts .cont_tit{width: auto; text-align: left; font-size: 1.4em; line-height: 1.3em; font-weight: bolder;}
.work_cont .conts .cont{margin-top: 25px;}

.work_cont .conts .cont .text_wrap{margin-bottom: 25px;}
.work02_cont .conts .cont .text_wrap{display: block;}

.work_cont .conts .cont .text_wrap span{display: block; margin-bottom: 10px; text-align: left; font-size: 1.3em; line-height: 1.4em; color: #294c77;}
.work02_cont .conts .cont .text_wrap span{display: flex; align-items: center;}
.work02_cont .conts .cont .text_wrap span:before{content: ''; width: 20px; height: 21px; margin-right: 5px; background: url(../img/m_work02_before_img01.png) no-repeat center center; background-size: 18px;}
.work02_cont .conts .cont .text_wrap:nth-child(1) span:before{background: url(../img/m_work02_before_img01.png) no-repeat center center; background-size: 18px;}
.work02_cont .conts .cont .text_wrap:nth-child(2) span:before{background: url(../img/m_work02_before_img02.png) no-repeat center center; background-size: 18px;}
.work02_cont .conts .cont .text_wrap:nth-child(3) span:before{background: url(../img/m_work02_before_img03.png) no-repeat center center; background-size: 18px;}
.work02_cont .conts .cont .text_wrap:nth-child(4) span:before{background: url(../img/m_work02_before_img04.png) no-repeat center center; background-size: 18px;}
.work02_cont .conts .cont .text_wrap:nth-child(5) span:before{background: url(../img/m_work02_before_img05.png) no-repeat center center; background-size: 18px;}  
 
.work_cont .conts .cont .text{text-align: left; font-size: 1.2em; line-height: 1.3em;}
.work02_cont .conts .cont .text{ margin: 0; text-align: left; font-size: 1.1em;}

.work_cont .conts .cont .text .imb_box_wrap{display: flex; justify-content: space-between;}
.work_cont .conts .cont .text .imb_box_wrap .img_box{position: relative; width:20%; height:110px; background: #f9f9f9; border: 1px solid #d7d7d7;}
.work_cont .conts .cont .text .imb_box_wrap .img_box:after{content: ''; position: absolute; top: 50%; left: -22%; width: 9px; height: 8px; margin-top: -3px; background: url(../img/m_box_img_arrow.png) no-repeat center center; background-size: 8px;}
.work_cont .conts .cont .text .imb_box_wrap .img_box:first-child:after{background: none;}
.work_cont .conts .cont .text .imb_box_wrap .img_box p{position: absolute; top: 50%; right: 50%; width: 100%; transform: translate(50%,-50%); margin-top: -22px; text-align: center; font-size: 0.8em; line-height: 1.1em; font-weight: 300;}
.work_cont .conts .cont .text .imb_box_wrap .img_box img{position: absolute; top: 50%; left: 50%; width: 40%; transform: translate(-50%,-50%); margin-top: 22px;}

.work03_cont .conts .cont .text .imb_box_wrap{display: block; margin: 20px 0;}
.work03_cont .conts .cont .text .imb_box_wrap .img_box{position: relative; width:100%; height: 120px; padding: 25px 5%; margin-bottom: 15px; background: #294c77; border: 0; box-sizing: border-box;}
.work03_cont .conts .cont .text .imb_box_wrap .img_box:after{background:0;}
.work03_cont .conts .cont .text .imb_box_wrap .img_box p{display: inline-block; position: absolute; top: 50%; right: 6%; width: 60%; transform: translate(0, -50%); margin:0; text-align: center; font-size: 0.9em; line-height: 1.4em; font-weight: 300; color: #ffffff;}
.work03_cont .conts .cont .text .imb_box_wrap .img_box img{display: inline-block; position: absolute; top: 50%; left: 6%; width: 20%; transform: translate(0, -50%); margin:0;}