@charset "utf-8";

@import url('layout.css');
@import url('tbl.css');
@import url('btn.css');


body { overflow: hidden; }
.slick-slide { outline:none !important; }



/*--- GREETING ---*/
.greeting { background:url(/img/bg_greeting.jpg) no-repeat center; background-size:cover;}
.greeting .inner { position:relative; margin:0 auto; width:1280px;}
.greeting .left { float:left; padding:90px 0 60px; width:57%;}
.greeting .left h3 { margin:0 0 40px; font-size:40px; color:#444; line-height:50px; letter-spacing:-4px; font-weight:200;}
.greeting .left h3 > strong { font-weight:400; color:#e65b06;}
.greeting .left p { margin-bottom:40px; font-size:18px; color:#555; line-height:1.5; letter-spacing:-1px; text-align: justify;}
.greeting .left p > strong { display:block; margin-top:5px; font-size:22px; color:#222; font-weight:400; line-height:36px;}
.greeting .left strong.bigtxt { display:block; margin-bottom:5px; font-size:50px; color:#222; font-family:'Nanum Myeongjo',sans-serif; font-weight:400;}

.greeting .right { position:absolute; right:0; top:0; width:43%; height:100%; text-align:right;}
.greeting .right dl { position:absolute; right:-2%; bottom:22%; z-index:100; }
.greeting .right dl > dt { padding:110px 0 10px; font-size:40px; color:#fff; font-weight:100; letter-spacing:-3px;}
.greeting .right dl > dt > strong { font-weight:500;}
.greeting .right dl > dd.sign { position:absolute; left:0; top:0; width:100%; text-align:center;}
.greeting .right dl > dd.btnarea .btn_type01 { padding:0 105px 0 45px; border-color:#ea650d; background-color:#ea650d; font-size:18px; line-height:45px;}
.greeting .right dl > dd.btnarea .btn_type01:hover { border-color:#000; background-color:#000;}
.greeting .right .bg { position:absolute; right:0; bottom:0; z-index:50;}
.greeting .right .bg img { -webkit-filter: drop-shadow(1px 1px 5px #555); filter:drop-shadow(1px 1px 5px #555);}

/* MOTION */
.greeting .right dl { animation:fadeInRight 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s both;}
.greeting .right .bg { animation:fadeInRight 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1.1s both;}



/*--- FINALLY, TAESIN ---*/

/* COMMON */
.finally .tb_wrap { position: relative; z-index: 1000; }
.finally .con_txt { padding:30px 0; font-size:18px; color:rgba(254, 255, 255, 0.8); font-weight:300; letter-spacing:-1px;}
.finally .res_txt strong {font-size:36px;color:#fff;font-weight:400;letter-spacing:-2px;line-height:1.4;}
.finally .under span {  position:relative;}
.finally .under span:before { content:""; position:absolute; left:10%; bottom:0; width:90%; height:4px; background:#fff;}
.finally .boxarea { margin:0 auto 40px; padding:50px; width:1200px; border:8px solid #fff; }
.finally .boxarea .con_txt { padding: 40px 0 0; }

/* SEC 01 */
.finally .sec01 .tb_wrap { height:900px;}
.finally .sec01 .fl { width:50%; background:#efefef;}
.finally .sec01 .fl .bg { float:left; width:42%; text-align:right;}
.finally .sec01 .fl .txt { float:right; width:53%;}
.finally .sec01 .fl .txt dl { max-width:325px; width:100%;}
.finally .sec01 .fl .txt dl > dt { padding:27px 0 0; font-size:30px; color:#555; font-weight:200; letter-spacing:-5px;}
.finally .sec01 .fl .txt dl > dt strong { font-size:40px; color:#2a2a2a; font-weight:500;}
.finally .sec01 .fl .txt dl > dd { margin-bottom:50px; padding-left:5px; font-size:17px; color:#555; line-height:23px; letter-spacing:-1.2px; text-align:justify;}
.finally .sec01 .fl .txt .txt03 { padding:27px 0 0; font-size:30px; color:#2a2a2a; font-weight:200; letter-spacing:-5px; line-height:1.2;}
.finally .sec01 .fl .txt .txt03 strong { font-size:40px; color:#2a2a2a; font-weight:500;}
.finally .sec01 .fl .txt .txt03 p { margin-top:10px; font-size:40px; color:#555; line-height:1.2; letter-spacing:-5px;}

.finally .sec01 .fr { width:50%; background:url(/img/bg_finally_sec01.jpg) no-repeat center; background-size:cover;}
.finally .sec01 .fr .txt { padding:80px 40px 110px;}
.finally .sec01 .fr .txt p { margin-bottom:60px; font-size:70px; color:#fff; font-weight:500; letter-spacing:-7px; line-height:1.2;}
.finally .sec01 .fr .txt strong { font-size:100px; color:#fff; font-weight:500; letter-spacing:-7px; line-height:100px;}
.finally .sec01 .fr .txtbox { margin-left:15%; width:450px; border:10px solid #fff; background:rgba(0,0,0,0.25);}
.finally .sec01 .fr .under span:before { height:7px}

/* SEC 02 */
.finally .sec02 { overflow: hidden; position: relative; padding:150px 0; background:url(/img/bg_finally_sec02.jpg) no-repeat center; background-size:cover; color:#feffff; text-align:center;}
.finally .sec02 .img { padding-top:40px; margin:0 auto; width:1200px;}
.finally .sec02 .img ul li { float:left; width:12.5%;}
.finally .sec02 .m_img { display:none; }

/* SEC 03 */
.finally .sec03 {overflow: hidden; position: relative; padding:150px 0;background:url(/img/bg_finally_sec03.jpg) no-repeat center;background-size:cover;color:#feffff;text-align:center;}
.finally .sec03 .btnarea { padding-top:40px;}

/* SEC 04 */
.finally .sec04 { overflow: hidden; position: relative; padding:150px 0; text-align:center;}
.finally .sec04 .tit_type03 { color:#222;}
.finally .sec04 .con_txt { color:#555;}
.finally .sec04 .res_txt strong { color:#222;}
.finally .sec04 .boxarea { border-color: #555; }
.finally .sec04 .under span:before { background:#222;}

/* SEC 05 */
.finally .sec05 { position:relative;}
.finally .sec05 .left { position:absolute; left:0; top:0; width:40%; height:100%; background:url(/img/bg_finally_sec05.jpg) no-repeat center; background-size:cover;}
.finally .sec05 .fr { overflow: hidden; position: relative; padding:150px 0; width:60%; background:url(/img/bg_finally_sec05_02.jpg) no-repeat; background-size:cover;}
.finally .sec05 .fr .boxarea { width:85%;}
.finally .sec05 .fr .res_txt { margin:0 auto; width:85%;}

/* SEC 06 */
.finally .sec06 { position:relative;}
.finally .sec06 .right { position:absolute; right:0; top:0; width:40%; height:100%; background:url(/img/bg_finally_sec06.jpg) no-repeat center; background-size:cover;}
.finally .sec06 .fl { overflow: hidden; position: relative; padding:150px 0; width:60%; background:url(/img/bg_finally_sec06_02.jpg) no-repeat; background-size:cover;}
.finally .sec06 .fl .boxarea { width:85%;}
.finally .sec06 .fl .res_txt { margin:0 auto; width:85%;}

/* SEC 07 */
.finally .sec07 { overflow: hidden; position: relative; padding:150px 0; background:url(/img/bg_finally_sec07.jpg) no-repeat center; background-size:cover; color:#feffff; text-align:center;}
.finally .sec07 .btnarea { padding-top:40px;}

/* SEC 08 */
.finally .sec08 { overflow: hidden; position: relative; padding:150px 0; color:#092e6e; text-align:center;}
.finally .sec08 .tit_type03 { color:#222;}
.finally .sec08 .con_txt { color:#555;}
.finally .sec08 .res_txt strong { color:#092e6e;}
.finally .sec08 .res_txt strong strong { display:block; padding:25px 0 10px; font-size:48px; font-weight:700;}
.finally .sec08 .boxarea {border-color: #555;}
.finally .sec08 .btnarea { margin-top:35px; }
.finally .sec08 .btnarea .btn_type01 { border-color:#222; background-color:#222;}
.finally .sec08 .btnarea .btn_type01:hover { border-color:#092e6e !important; background-color:#092e6e !important;}

/* NUMBERING */
.finally .f_section:before { display:block; position: absolute; font-family: 'Roboto',sans-serif; font-weight: 900;}
.finally .f_section.sec02:before { content: '1'; top: -120px; left: 5%; font-size: 850px; color: rgba(119, 119, 119, 0.35); font-weight: 500;}
.finally .f_section.sec03:before { content: '2'; top: -130px; right: 5%; font-size: 795px; color: #5c5b61;}
.finally .f_section.sec04:before { content: '3'; top: -70px; left: 5%; font-size: 800px; color: #f3f3f3; line-height: 800px;}
.finally .f_section.sec05 .fr:before {content: '4'; position: absolute; top:0; right: 5%; font-size: 720px; color: #803f45; line-height:720px; font-weight: 900;}
.finally .f_section.sec06 .fl:before {content: '5'; position: absolute; top:0; right: 0%; font-size: 795px; color: #755d56; line-height:795px; font-weight: 900;}
.finally .f_section.sec07:before {content: '6'; top:0; left: 5%; font-size: 795px; color: #444444; line-height:795px;}
.finally .f_section.sec08:before {content: '7'; top: -90px; left: 23%; font-size: 800px; color: #efefef; }



/*--- PROFESSIONAL TEAM ---*/
.team .btnarea .btn_type01 { padding:0 85px 0 45px; background-color:rgba(0,0,0,0.4); font-size:18px; background-position:87% center; line-height:46px;}

/* SEC 01 */
.team .sec01 { background:url(/img/bg_team_sec01.jpg) no-repeat center; background-size:cover;}
.team .sec01 .tb_wrap { min-height:760px;}
.team .sec01 .inner { margin:0 auto; width:1280px;}
.team .sec01 .inner .txt01 { padding-top:20px;}
.team .sec01 .inner .txt01 > h3 { font-size:45px; color:#444; font-weight:400; letter-spacing:-5px;}
.team .sec01 .inner .txt01 > h3 strong{ font-size:60px; color:#e65b06; font-weight:400;}
.team .sec01 .inner .txt01 > p { font-size:17px; color:#555; line-height:23px; letter-spacing:-0.75px;}
.team .sec01 .inner .txt01 > p span.block { letter-spacing:-1px;}
.team .sec01 .inner .txt02 { padding-top:30px;}
.team .sec01 .inner .txt02 > strong { display:block; font-size:45px; color:#222; font-family:'Nanum Myeongjo',sans-serif; font-weight:400; letter-spacing:-4.5px;}
.team .sec01 .inner .txt02 > p { font-size:24px; color:#555; letter-spacing:-1.8px;}
.team .sec01 .inner .txt03 { padding-top:50px;}
.team .sec01 .inner .txt03 > strong { font-size:30px; color:#333; font-weight:400; letter-spacing:-3px;}
.team .sec01 .inner .txt03 > p {padding-top:10px;font-size:17px;color:#555;line-height:23px;}
.team .sec01 .inner .btnarea { padding-top:40px;}

/* SEC 02 */
.team .sec02 { position:relative;}
.team .sec02 .tb_wrap { min-height:760px;}
.team .sec02 .left { position:absolute; left:0; top:0; width:50.1%; height:100%; background:url(/img/bg_team_sec02.jpg) no-repeat center; background-size:cover;}
.team .sec02 .right { float:right; width:50%; background:url(/img/bg_team_sec02_02.jpg) no-repeat center; background-size:cover;}
.team .sec02 .txtbox { margin:0 0 0 10%;}
.team .sec02 .txtbox dl { padding-bottom:50px;}
.team .sec02 .txtbox dt { font-size:60px; color:#fff; font-weight:200; letter-spacing:-7px;}
.team .sec02 .txtbox dd {padding-top:10px;font-size:17px;color:#fff;font-weight:200;}

/* SEC 03 */
.team .sec03 { text-align:center;}
.team .sec03 .tb_wrap { min-height:760px;}
.team .sec03 .tit .img img { display:inline-block; zoom:1; *display:inline; margin:0 50px;}
.team .sec03 .tit p { padding-top:35px; font-size:50px; color:#464646; letter-spacing:-4.5px; font-weight:300;}
.team .sec03 .tit p span.orange { color:#dd6a01;}
.team .sec03 .tit p span.blue { color:#092e6e;}
.team .sec03 .txt01 { padding-top:40px;  font-size:25px; font-weight:300; color:rgba(34, 34, 34, 0.8); letter-spacing:-2.5px;}
.team .sec03 .txt01 strong span { margin:0 5px; }
.team .sec03 .txt01 > p { font-size:17px; color:#444; font-weight:300; line-height:23px; letter-spacing:-1px;}
.team .sec03 .txt02 { padding-top:40px; font-size:35px; font-weight:300; color:#dd6a01; letter-spacing:-2.5px;}
.team .sec03 .txt02 > strong { font-size:34px; font-weight:500; letter-spacing:-2.5px;}
.team .sec03 .btnarea { padding-top:40px;}
.team .sec03 .btnarea .btn_type01 { padding:0 105px 0 50px; background-position:85% center; border-color:#dd6a01; background-color:#dd6a01;}



/*--- LOCATION ---*/
.location .inner { margin:0 auto; width:1280px; }

/* TAB */
.location .loc_tab { margin-top:50px; border-left:1px solid #ddd;text-align:center; font-size:0;}
.location .loc_tab > li { float:left; width:20%; text-align:center;}
.location .loc_tab > li > a { display:block; background:#fff; border:1px solid #ddd; border-left:none; font-size:18px; color:#222; line-height:70px;}
.location .loc_tab > li.on > a { background:#e57324; border-color:#e57324; color:#fff;}

/* MAP */
.location .maparea { overflow:hidden; height:550px; border:1px solid #eee; border-top:none;}

/* MAP DETAIL */
.location .loc_area h3 { padding-bottom:20px; font-size: 25px; color: #222; font-weight: 400; letter-spacing:-1px;}
.location .loc_area .detail { padding:30px 0; border-bottom:1px solid #ddd;}
.location .loc_area .detail ul > li { float:left; margin-bottom:10px; font-size:17px; color:#444; line-height:35px; letter-spacing: -0.5px;}
.location .loc_area .detail ul > li > span { display:inline-block; zoom:1; *display:inline; min-width:130px; margin-right:10px; background:#eee; font-size:17px; color:#222; font-weight:500; line-height:35px; text-align:center;}
.location .loc_area .detail ul > li:nth-child(odd) {width:60%;}
.location .loc_area .detail ul > li:nth-child(even) {width:40%;}
.location .loc_area .detail ul > li.time { color:#e06b12;}

.location .loc_area .transport { padding:20px 0; margin-bottom:100px; border-bottom:1px solid #ddd;}
.location .loc_area .transport .left { float:left; width:50%;}
.location .loc_area .transport .right { float:right; width:50%;}
.location .loc_area .transport .tit { position:relative; padding-left:75px; font-size:22px; color:#333; font-weight:400; line-height:70px; letter-spacing:-1px;}
.location .loc_area .transport .tit > strong { font-size:28px; color:#e06b12; font-weight:500;}
.location .loc_area .transport .tit > .ico { position:absolute; left:0; top:3px; width:65px; height:65px; border-radius:65px; border:3px solid #eee;}
.location .loc_area .transport .txt { padding-left:75px;}

.location .loc_area .transport .bus ul { padding-top:4px; }
.location .loc_area .transport .bus ul li { position:relative; padding:5px 0 5px 85px; font-size:17px; color:#444; line-height:28px;}
.location .loc_area .transport .bus .txt2 ul li { padding:5px 0 5px 100px;}
.location .loc_area .transport .bus .txt2 ul li:after { content:""; position: absolute; left:80px; top:18px; width:10px; height:1px; background:#333;}
.location .loc_area .transport .bus ul li > strong { font-weight:500;}
.location .loc_area .transport .bus ul li > span.ico_bus { position:absolute; left:0; top:5px; padding:0 20px; margin-right:10px; font-size:17px; color:#fff; line-height:28px;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus01 { background:#a47de9;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus02 { background:#34a2f7;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus03 { background:#4dc74d;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus04 { background:#5ca2c8;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus05 { background:#e2565f;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus06 { background:#ee9267;}
.location .loc_area .transport .bus ul li > span.ico_bus.bus07 { background:#e2565f;}
.location .loc_area .transport .bus .tit > .ico { background:url(/img/ico/ico_bus.png) no-repeat center; background-size:30px; }
.location .loc_area .transport .bus p { font-size:17px; color:#e06b12; line-height:35px;}

.location .loc_area .transport .subway p { position: relative; padding-left:20px; font-size:17px; color:#333; line-height:35px;}
.location .loc_area .transport .subway p:after { content:""; position: absolute; left:0; top:17px; width:10px; height:1px; background:#000; }
.location .loc_area .transport .subway .tit > .ico { background:url(/img/ico/ico_subway.png) no-repeat center; background-size:30px; }
.location .loc_area .transport .subway .ico_line { display:inline-block;zoom:1;*display:inline; width:24px; height:24px; border-radius:24px; color:#fff; line-height:24px; text-align:center; vertical-align:middle;}
.location .loc_area .transport .subway .ico_line.line1 { background:#003499; }
.location .loc_area .transport .subway .ico_line.line2 { background:green; }
.location .loc_area .transport .subway .ico_line.line3 { background:orange; }
.location .loc_area .transport .subway .ico_line.line8 { background:#eb528f; }



/*--- INTRODUCE LAWYER ---*/
.introduce .inner { margin:0 auto; padding-bottom:100px; width:1280px; }

/* MAIN LAWYER */
.introduce .main_lawyer li > div { overflow:hidden; position:relative; margin-bottom:15px; min-height:572px;}
.introduce .main_lawyer li > div:after { content:""; position: absolute; left:0; top:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,0.25);}
.introduce .main_lawyer li > div:before { opacity: 0; visibility: hidden; content:""; position: absolute; left:0; top:0; z-index:60; width:100%; height:100%; border:1px solid #da571e; border-width:0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.introduce .main_lawyer .img { position:absolute; right:0; bottom:0; z-index:40;}
.introduce .main_lawyer .img img {
    -webkit-filter: drop-shadow(10px 1px 10px #222); filter:drop-shadow(10px 1px 10px #222);
}
.introduce .main_lawyer .name { position:absolute; left:60px; bottom:85px; z-index:100;}
.introduce .main_lawyer .name h4 { font-size:20px; color:#fff; letter-spacing:-2px; line-height:30px; font-weight:400;}
.introduce .main_lawyer .name p { margin-bottom:25px; font-size:40px; color:#fff; font-weight:200; letter-spacing:-2px; line-height:60px;}
.introduce .main_lawyer .name p strong { font-weight:500;}
.introduce .main_lawyer .comment { opacity: 0; visibility: hidden; position:absolute; left:60px; top:90px; z-index:100;}
.introduce .main_lawyer .comment p { margin-bottom:30px; font-size:24px; color:#ea650d; line-height:32px; letter-spacing:-0.5px; font-weight:200;}
.introduce .main_lawyer .comment p span { display:block; text-indent:9px;}
.introduce .main_lawyer .list01 > div { background:url(/img/bg_lawyer_major01.jpg) no-repeat center;}
.introduce .main_lawyer .list02 > div { background:url(/img/bg_lawyer_major02.jpg) no-repeat center;}
.introduce .main_lawyer .list03 > div { background:url(/img/bg_lawyer_major03.jpg) no-repeat center;}
.introduce .main_lawyer .list04 > div { background:url(/img/bg_lawyer_major04.jpg) no-repeat center;}
.introduce .main_lawyer .list01 > div,
.introduce .main_lawyer .list03 > div { margin-right:10px;}
.introduce .main_lawyer .list02 > div,
.introduce .main_lawyer .list04 > div { margin-left:10px;}
.introduce .main_lawyer .btn_type01 { padding:0 65px 0 35px; font-size:17px; line-height:45px;}
.introduce .main_lawyer .btn_type01:hover { border-color:#ea650d; background-color:#ea650d;}
.introduce .main_lawyer .btnarea { position:absolute; left:60px; bottom:50px; z-index:100;}

/* SUB LAWYER */
.introduce .sub_lawyer { padding-top:10px; }
.introduce .sub_lawyer > ul { margin-left:-3%;}
.introduce .sub_lawyer > ul > li { float:left; margin:0 0 40px 3%; width:17%;}
.introduce .sub_lawyer > ul > li > a { display:block; position:relative; margin-left:1px; min-height:263px; background:#e6e6e6; cursor: pointer;}
.introduce .sub_lawyer > ul > li > a:hover { background:#ea650d; }
.introduce .sub_lawyer > ul > li > a > h4 { padding:20px 0 0 20px; font-size:22px; color:#222; line-height:22px; font-weight:400; letter-spacing:-1px;}
.introduce .sub_lawyer .img { position:absolute; right:0; bottom:0;}

/* MOTION */
.introduce .main_lawyer li:hover .comment,
.introduce .main_lawyer li:hover > div:before{ opacity: 1; visibility: visible;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.introduce .main_lawyer li:hover > div:after { z-index:30; background:rgba(0,0,0,0.5); }
.introduce .main_lawyer li:hover > div:before { border-width: 10px }
.introduce .sub_lawyer li * {
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.introduce .sub_lawyer li:hover { background:#ee8428; }
.introduce .sub_lawyer li:hover h4 { color:#fff; }


/*--- DETAIL LAWYER ---*/

/* NAVIGATION */
.introduce_detail .navigation .inner { margin:0 auto; position:relative; padding:50px 0; width:1460px;}
.introduce_detail .navigation .nav > a { display:block; position:relative; border:1px solid #fff; background:#e6e6e6; height:263px; outline:none !important; cursor:pointer;}
.introduce_detail .navigation .nav > a h4 { padding:20px 0 0 20px; font-size:22px; color:#222; line-height:22px; font-weight:400; letter-spacing:-1px;}
.introduce_detail .navigation .nav > a .img { position:absolute; right:0; bottom:0;}
.introduce_detail .navigation .nav > a:hover { background:#ee8428; }
.introduce_detail .navigation .nav > a:hover h4 { color:#fff; }
.introduce_detail .navigation .nav.slick-on > a { background:#ee8428; }
.introduce_detail .navigation .nav.slick-on > a h4 { color:#fff; }
.introduce_detail .navigation .slick-arrow { position: absolute; top:50%; z-index:100; margin-top:-25.5px; width:29px; height:51px; outline:none !important; font-size:0; line-height:0; text-indent: -9999px; cursor: pointer;}
.introduce_detail .navigation .slick-prev { left:-5%; background:url(/img/bu/bu_left_lawsuit.png) no-repeat center; }
.introduce_detail .navigation .slick-next { right:-5%; background:url(/img/bu/bu_right_lawsuit.png) no-repeat center; }

/* PROFILE DATA*/
.introduce_detail .profile { background:url(/img/bg_lawyer_detail01.jpg) no-repeat center; background-size:cover;}
.introduce_detail .profile .inner { position: relative; padding:85px 0; margin:0 auto; min-height:770px; width:1280px;}
.introduce_detail .profile .inner .fl { width:60%;}
.introduce_detail .profile .inner .fr { float:none !important; position: absolute; right:0; bottom:0; width:40%; text-align:right;}
.introduce_detail .profile .inner .fr img { max-width:550px; width:100%;}
.introduce_detail .profile .inner .fl > h3 { margin-bottom:35px; font-size:20px; color:#666; line-height:32px; font-weight:400; letter-spacing:-2px;}
.introduce_detail .profile .inner .fl > h3 span { display:block; font-size:60px; color:#3c3c3c; line-height:60px; font-weight:200; letter-spacing:-6px;}
.introduce_detail .profile .inner .fl > h3 span strong { font-weight:500;}
.introduce_detail .profile .inner .fl > strong {font-size:26px; color:#3d3c3b; line-height:32px; font-weight:400; letter-spacing:-1px;}
.introduce_detail .profile .inner .fl > p { margin-top:20px; font-size:17px; color:#666; line-height:24px; letter-spacing:-1px;}
.introduce_detail .profile .inner .fl .certificate { margin-top:35px; font-size:0;}
.introduce_detail .profile .inner .fl .certificate > li { display:inline-block; margin:0 25px 10px 0;}

/* DETAIL DATA */
.introduce_detail .detail { padding:60px 0; background:url(/img/bg_lawyer_detail02.jpg) no-repeat center; background-size:cover;}
.introduce_detail .detail .inner { display:table; margin:0 auto; min-height:180px; width:1280px;}
.introduce_detail .detail .inner .fl,
.introduce_detail .detail .inner .fr { float:none !important; display:table-cell; width:50%; vertical-align:middle;}
.introduce_detail .detail .inner > .fl div { max-width:370px; margin-top:15px; border:1px solid #beae9c; background:rgba(0,0,0,0.5); text-align:center;}
.introduce_detail .detail .inner > .fl div span { font-size:16px; color:#beae9c; line-height:32px; font-weight:200; letter-spacing:5px;}
.introduce_detail .detail .inner > .fr h4 { font-size:30px; color:#b09d87; line-height:32px;}
.introduce_detail .detail .inner > .fr h4 span { display:inline-block; padding-bottom:5px; border-bottom:1px solid #b09d87; font-family: 'Nanum Myeongjo', sans-serif; font-weight:400;}
.introduce_detail .detail .inner > .fr ul { margin-top:25px;}
.introduce_detail .detail .inner > .fr ul > li { float:left; width:50%; font-size:16px; color:#e2e2e2; line-height:28px; font-weight:400; letter-spacing:-1px;}

/* EXAMPLE DATA */
.introduce_detail .example { padding:85px 0 95px;}
.introduce_detail .example .inner { margin:0 auto; width:1280px;}
.introduce_detail .example .inner h3 { margin-bottom:40px; font-size:50px; color:#666; letter-spacing:-2px; font-weight:200; line-height:60px;}
.introduce_detail .example .inner h3 span.black { color:#333; font-weight:200;}
.introduce_detail .example .inner h3 strong.orange { display:block; font-size:40px; color:#e06b12; font-weight:500;}
.introduce_detail .example ul { margin-left:-1%;}
.introduce_detail .example ul > li { float:left; position:relative; margin-left:1%; width:24%;}
.introduce_detail .example ul > li > dl { padding:25px; background:#f3f3f3; border:1px solid #ddd;}
.introduce_detail .example ul > li > dl dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-bottom:8px; border-bottom:1px solid #db5800; font-size:20px; color:#db5800; letter-spacing:-0.5px; font-weight:500; line-height:20px;}
.introduce_detail .example ul > li > dl dd.txt { overflow:hidden; margin-top:13px; height:100px; font-size:14px; color:#666; line-height:20px; font-weight:400; letter-spacing:-0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; }
.introduce_detail .example ul > li > dl dd.result { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding-top:40px; font-size:18px; color:#db5800; font-weight:500; letter-spacing:-0.5px;}
.introduce_detail .example ul > li > dl dd.name { padding-top:20px; font-size:16px; color:#333; font-weight:500;}


/* HOVER BOX */
.introduce_detail .hover_type01,
.introduce_detail .hover_type01 * { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.introduce_detail .hover_type01 { opacity: 0; visibility: hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:500; background:rgba(150, 96, 67, 0.9); text-align:center;}
.introduce_detail .hover_type01 .tit { overflow: hidden; padding:0 40px; margin-bottom:20px; height:56px; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.75px; line-height:28px;word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.introduce_detail .hover_type01 .txt {position: relative; top:28%; }
.introduce_detail .example ul > li:hover > .hover_type01 { opacity:1; visibility:visible;}




/*--- DIVORCE LITIGATION INFORMATION ---*/
.divorce .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.divorce .depth01 { margin-left:35px !important;}
.divorce .depth02 { margin-left:22px !important;}
.divorce .txt_sec { padding-top:60px;}
.divorce .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.divorce .txt_sec > dt > strong { font-weight:500;}
.divorce .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}

.divorce .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.divorce .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.divorce .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.divorce .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.divorce .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}

.divorce .step_btnlist { padding-top:50px; font-size:0;}
.divorce .step_btnlist:after { content:""; display:block; clear:both;}
.divorce .step_btnlist li {float:left; width:14.28571428571429%;}
.divorce .step_btnlist.wd4 li { width:25%; }
.divorce .step_btnlist.wd6 li { width:16.6666666667%; }
.divorce .step_btnlist.wd5 li { width:20%; }
.divorce .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.divorce .step_btnlist li  span { display:block; margin-right:5px; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.divorce .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/* agreement */
.agreement .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.agreement .depth01 { margin-left:35px !important;}
.agreement .depth02 { margin-left:22px !important;}
.agreement .txt_sec { padding-top:60px;}
.agreement .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.agreement .txt_sec > dt > strong { font-weight:500;}
.agreement .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}

.agreement .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.agreement .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.agreement .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.agreement .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.agreement .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}

.agreement .step_btnlist { padding-top:50px; font-size:0;}
.agreement .step_btnlist:after { content:""; display:block; clear:both;}
.agreement .step_btnlist li {float:left; width:14.28571428571429%;}
.agreement .step_btnlist.wd4 li { width:25%; }
.agreement .step_btnlist.wd6 li { width:16.6666666667%; }
.agreement .step_btnlist.wd5 li { width:20%; }
.agreement .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.agreement .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.agreement .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.agreement .step_btnlist li.on  span > a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}


/*trial*/
.trial .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.trial .depth01 { margin-left:35px !important;}
.trial .depth02 { margin-left:22px !important;}
.trial .txt_sec { padding-top:60px;}
.trial .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.trial .txt_sec > dt > strong { font-weight:500;}
.trial .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.trial .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.trial .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.trial .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.trial .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.trial .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.trial .step_btnlist { padding-top:50px; font-size:0;}
.trial .step_btnlist:after { content:""; display:block; clear:both;}
.trial .step_btnlist li {float:left; width:14.28571428571429%;}
.trial .step_btnlist.wd4 li { width:25%; }
.trial .step_btnlist.wd6 li { width:16.6666666667%; }
.trial .step_btnlist.wd5 li { width:20%; }
.trial .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.trial .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.trial .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.trial .step_btnlist li.on  span  a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}



/*spouse*/
.spouse .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.spouse .depth01 { margin-left:35px !important;}
.spouse .depth02 { margin-left:22px !important;}
.spouse .txt_sec { padding-top:60px;}
.spouse .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.spouse .txt_sec > dt > strong { font-weight:500;}
.spouse .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.spouse .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.spouse .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.spouse .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.spouse .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.spouse .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.spouse .step_btnlist { padding-top:50px; font-size:0;}
.spouse .step_btnlist:after { content:""; display:block; clear:both;}
.spouse .step_btnlist li {float:left; width:14.28571428571429%;}
.spouse .step_btnlist.wd4 li { width:25%; }
.spouse .step_btnlist.wd6 li { width:16.6666666667%; }
.spouse .step_btnlist.wd5 li { width:20%; }
.spouse .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.spouse .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.spouse .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.spouse .step_btnlist li.on  span  a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/*division*/
.division .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.division .depth01 { margin-left:35px !important;}
.division .depth02 { margin-left:22px !important;}
.division .txt_sec { padding-top:60px;}
.division .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.division .txt_sec > dt > strong { font-weight:500;}
.division .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.division .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.division .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.division .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.division .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.division .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.division .step_btnlist { padding-top:50px; font-size:0;}
.division .step_btnlist:after { content:""; display:block; clear:both;}
.division .step_btnlist li {float:left; width:14.28571428571429%;}
.division .step_btnlist.wd4 li { width:25%; }
.division .step_btnlist.wd6 li { width:16.6666666667%; }
.division .step_btnlist.wd5 li { width:20%; }
.division .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.division .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.division .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.division .step_btnlist li.on  span  a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/*alimony*/
.alimony .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.alimony .depth01 { margin-left:35px !important;}
.alimony .depth02 { margin-left:22px !important;}
.alimony .txt_sec { padding-top:60px;}
.alimony .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.alimony .txt_sec > dt > strong { font-weight:500;}
.alimony .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.alimony .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.alimony .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.alimony .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.alimony .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.alimony .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.alimony .step_btnlist { padding-top:50px; font-size:0;}
.alimony .step_btnlist:after { content:""; display:block; clear:both;}
.alimony .step_btnlist li {float:left; width:14.28571428571429%;}
.alimony .step_btnlist.wd4 li { width:25%; }
.alimony .step_btnlist.wd6 li { width:16.6666666667%; }
.alimony .step_btnlist.wd5 li { width:20%; }
.alimony .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.alimony .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.alimony .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.alimony .step_btnlist li.on  span  a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/*custody*/
.custody .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.custody .depth01 { margin-left:35px !important;}
.custody .depth02 { margin-left:22px !important;}
.custody .txt_sec { padding-top:60px;}
.custody .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.custody .txt_sec > dt > strong { font-weight:500;}
.custody .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.custody .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.custody .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.custody .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.custody .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.custody .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.custody .step_btnlist { padding-top:50px; font-size:0;}
.custody .step_btnlist:after { content:""; display:block; clear:both;}
.custody .step_btnlist li {float:left; width:14.28571428571429%;}
.custody .step_btnlist.wd4 li { width:25%; }
.custody .step_btnlist.wd6 li { width:16.6666666667%; }
.custody .step_btnlist.wd5 li { width:20%; }
.custody .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.custody .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.custody .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.custody .step_btnlist li.on  span > a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}


.disposition .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.disposition .depth01 { margin-left:35px !important;}
.disposition .depth02 { margin-left:22px !important;}
.disposition .txt_sec { padding-top:60px;}
.disposition .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.disposition .txt_sec > dt > strong { font-weight:500;}
.disposition .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.disposition .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.disposition .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.disposition .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.disposition .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.disposition .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.disposition .step_btnlist { padding-top:50px; font-size:0;}
.disposition .step_btnlist:after { content:""; display:block; clear:both;}
.disposition .step_btnlist li {float:left; width:14.28571428571429%;}
.disposition .step_btnlist.wd4 li { width:25%; }
.disposition .step_btnlist.wd6 li { width:16.6666666667%; }
.disposition .step_btnlist.wd5 li { width:20%; }
.disposition .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.disposition .step_btnlist li  span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.disposition .step_btnlist li.on  span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.disposition .step_btnlist li.on  span > a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.disposition .step_btnlist2 { padding-top:25px; font-size:0;}
.disposition .step_btnlist2:after { content:""; display:block; clear:both;}
.disposition .step_btnlist2 li {float:left; width:14.28571428571429%;}
.disposition .step_btnlist2.wd4 li { width:25%; }
.disposition .step_btnlist2.wd6 li { width:16.6666666667%; }
.disposition .step_btnlist2.wd5 li { width:20%; }
.disposition .step_btnlist2.wd8 li { margin:2px 0; width:25%; }
.disposition .step_btnlist2 li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:16px; color:#666; line-height:38px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.disposition .step_btnlist2 li.on span { border-color:#828282; background:#828282; color:#fff; font-weight:400;}
.disposition .step_btnlist2 li.on span a { border-color:#828282; background:#828282; color:#fff; font-weight:400;}


.adulterer .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.adulterer .depth01 { margin-left:35px !important;}
.adulterer .depth02 { margin-left:22px !important;}
.adulterer .txt_sec { padding-top:60px;}
.adulterer .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.adulterer .txt_sec > dt > strong { font-weight:500;}
.adulterer .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.adulterer .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.adulterer .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.adulterer .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.adulterer .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.adulterer .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.adulterer .step_btnlist { padding-top:50px; font-size:0;}
.adulterer .step_btnlist:after { content:""; display:block; clear:both;}
.adulterer .step_btnlist li {float:left; width:14.28571428571429%;}
.adulterer .step_btnlist.wd4 li { width:25%; }
.adulterer .step_btnlist.wd6 li { width:16.6666666667%; }
.adulterer .step_btnlist.wd5 li { width:20%; }
.adulterer .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.adulterer .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.adulterer .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.adulterer .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.adulterer2 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.adulterer2 .depth01 { margin-left:35px !important;}
.adulterer2 .depth02 { margin-left:22px !important;}
.adulterer2 .txt_sec { padding-top:60px;}
.adulterer2 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.adulterer2 .txt_sec > dt > strong { font-weight:500;}
.adulterer2 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.adulterer2 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.adulterer2 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.adulterer2 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.adulterer2 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.adulterer2 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.adulterer2 .step_btnlist { padding-top:50px; font-size:0;}
.adulterer2 .step_btnlist:after { content:""; display:block; clear:both;}
.adulterer2 .step_btnlist li {float:left; width:14.28571428571429%;}
.adulterer2 .step_btnlist.wd4 li { width:25%; }
.adulterer2 .step_btnlist.wd6 li { width:16.6666666667%; }
.adulterer2 .step_btnlist.wd5 li { width:20%; }
.adulterer2 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.adulterer2 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.adulterer2 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.adulterer2 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.adulterer3 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.adulterer3 .depth01 { margin-left:35px !important;}
.adulterer3 .depth02 { margin-left:22px !important;}
.adulterer3 .txt_sec { padding-top:60px;}
.adulterer3 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.adulterer3 .txt_sec > dt > strong { font-weight:500;}
.adulterer3 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.adulterer3 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.adulterer3 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.adulterer3 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.adulterer3 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.adulterer3 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.adulterer3 .step_btnlist { padding-top:50px; font-size:0;}
.adulterer3 .step_btnlist:after { content:""; display:block; clear:both;}
.adulterer3 .step_btnlist li {float:left; width:14.28571428571429%;}
.adulterer3 .step_btnlist.wd4 li { width:25%; }
.adulterer3 .step_btnlist.wd6 li { width:16.6666666667%; }
.adulterer3 .step_btnlist.wd5 li { width:20%; }
.adulterer3 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.adulterer3 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.adulterer3 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.adulterer3 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.adulterer4 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.adulterer4 .depth01 { margin-left:35px !important;}
.adulterer4 .depth02 { margin-left:22px !important;}
.adulterer4 .txt_sec { padding-top:60px;}
.adulterer4 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.adulterer4 .txt_sec > dt > strong { font-weight:500;}
.adulterer4 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.adulterer4 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.adulterer4 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.adulterer4 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.adulterer4 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.adulterer4 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.adulterer4 .step_btnlist { padding-top:50px; font-size:0;}
.adulterer4 .step_btnlist:after { content:""; display:block; clear:both;}
.adulterer4 .step_btnlist li {float:left; width:14.28571428571429%;}
.adulterer4 .step_btnlist.wd4 li { width:25%; }
.adulterer4 .step_btnlist.wd6 li { width:16.6666666667%; }
.adulterer4 .step_btnlist.wd5 li { width:20%; }
.adulterer4 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.adulterer4 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.adulterer4 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.adulterer4 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.adulterer5 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.adulterer5 .depth01 { margin-left:35px !important;}
.adulterer5 .depth02 { margin-left:22px !important;}
.adulterer5 .txt_sec { padding-top:60px;}
.adulterer5 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.adulterer5 .txt_sec > dt > strong { font-weight:500;}
.adulterer5 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.adulterer5 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.adulterer5 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.adulterer5 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.adulterer5 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.adulterer5 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.adulterer5 .step_btnlist { padding-top:50px; font-size:0;}
.adulterer5 .step_btnlist:after { content:""; display:block; clear:both;}
.adulterer5 .step_btnlist li {float:left; width:14.28571428571429%;}
.adulterer5 .step_btnlist.wd4 li { width:25%; }
.adulterer5 .step_btnlist.wd6 li { width:16.6666666667%; }
.adulterer5 .step_btnlist.wd5 li { width:20%; }
.adulterer5 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.adulterer5 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.adulterer5 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.adulterer5 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.inheritance .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.inheritance .depth01 { margin-left:35px !important;}
.inheritance .depth02 { margin-left:22px !important;}
.inheritance .txt_sec { padding-top:60px;}
.inheritance .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.inheritance .txt_sec > dt > strong { font-weight:500;}
.inheritance .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.inheritance .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.inheritance .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.inheritance .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.inheritance .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.inheritance .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.inheritance .step_btnlist { padding-top:50px; font-size:0;}
.inheritance .step_btnlist:after { content:""; display:block; clear:both;}
.inheritance .step_btnlist li {float:left; width:14.28571428571429%;}
.inheritance .step_btnlist.wd4 li { width:25%; }
.inheritance .step_btnlist.wd6 li { width:16.6666666667%; }
.inheritance .step_btnlist.wd5 li { width:20%; }
.inheritance .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.inheritance .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.inheritance .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.inheritance .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.inheritance2 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.inheritance2 .depth01 { margin-left:35px !important;}
.inheritance2 .depth02 { margin-left:22px !important;}
.inheritance2 .txt_sec { padding-top:60px;}
.inheritance2 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.inheritance2 .txt_sec > dt > strong { font-weight:500;}
.inheritance2 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.inheritance2 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.inheritance2 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.inheritance2 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.inheritance2 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.inheritance2 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.inheritance2 .step_btnlist { padding-top:50px; font-size:0;}
.inheritance2 .step_btnlist:after { content:""; display:block; clear:both;}
.inheritance2 .step_btnlist li {float:left; width:14.28571428571429%;}
.inheritance2 .step_btnlist.wd4 li { width:25%; }
.inheritance2 .step_btnlist.wd6 li { width:16.6666666667%; }
.inheritance2 .step_btnlist.wd5 li { width:20%; }
.inheritance2 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.inheritance2 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.inheritance2 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.inheritance2 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.inheritance3 .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.inheritance3 .depth01 { margin-left:35px !important;}
.inheritance3 .depth02 { margin-left:22px !important;}
.inheritance3 .txt_sec { padding-top:60px;}
.inheritance3 .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.inheritance3 .txt_sec > dt > strong { font-weight:500;}
.inheritance3 .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.inheritance3 .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.inheritance3 .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.inheritance3 .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.inheritance3 .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.inheritance3 .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.inheritance3 .step_btnlist { padding-top:50px; font-size:0;}
.inheritance3 .step_btnlist:after { content:""; display:block; clear:both;}
.inheritance3 .step_btnlist li {float:left; width:14.28571428571429%;}
.inheritance3 .step_btnlist.wd4 li { width:25%; }
.inheritance3 .step_btnlist.wd6 li { width:16.6666666667%; }
.inheritance3 .step_btnlist.wd5 li { width:20%; }
.inheritance3 .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.inheritance3 .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.inheritance3 .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.inheritance3 .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}


.child_support .inner { margin:0 auto; padding-bottom:100px; width:1200px;}
.child_support .depth01 { margin-left:35px !important;}
.child_support .depth02 { margin-left:22px !important;}
.child_support .txt_sec { padding-top:60px;}
.child_support .txt_sec > dt { padding-bottom:15px; font-size:26px; color:#222; letter-spacing:-2px; font-weight:300;}
.child_support .txt_sec > dt > strong { font-weight:500;}
.child_support .txt_sec > dd { padding-left:1px; font-size:17px; color:#555; line-height:28px; letter-spacing:-1.2px; word-break:keep-all; font-weight:300;}
.child_support .txt_sec.leftsec:after { content:""; display:block; clear:both;}
.child_support .txt_sec.leftsec > dt { float:left; position:relative; padding:10px 0 0; width:17%; word-break:keep-all;}
.child_support .txt_sec.leftsec > dt span { display:block; font-size:17px; line-height:24px;}
.child_support .txt_sec.leftsec > dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:3px; background:#ed6706;}
.child_support .txt_sec.leftsec > dd { float:right; padding:0; width:80%;}
.child_support .step_btnlist { padding-top:50px; font-size:0;}
.child_support .step_btnlist:after { content:""; display:block; clear:both;}
.child_support .step_btnlist li {float:left; width:14.28571428571429%;}
.child_support .step_btnlist.wd4 li { width:25%; }
.child_support .step_btnlist.wd6 li { width:16.6666666667%; }
.child_support .step_btnlist.wd5 li { width:20%; }
.child_support .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.child_support .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.child_support .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.child_support .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/* 이혼소송정보 상단메뉴 */
.legal .inner { margin:0 auto; width:1200px;}
.legal .step_btnlist { padding-top:50px; font-size:0;}
.legal .step_btnlist:after { content:""; display:block; clear:both;}
.legal .step_btnlist li {float:left; width:14.28571428571429%;}
.legal .step_btnlist.wd4 li { width:25%; }
.legal .step_btnlist.wd6 li { width:16.6666666667%; }
.legal .step_btnlist.wd5 li { width:20%; }
.legal .step_btnlist.wd8 li { margin:2px 0; width:25%; }
.legal .step_btnlist li span { display:block; margin:5px 5px 0 0; background:#fff; border:1px solid #888; font-size:18px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300; cursor: pointer;}
.legal .step_btnlist li.on span { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}
.legal .step_btnlist li.on span a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

/*재판이혼 이미지 */
.mwid-80{
    max-width:80%;
  }
  
  .table_under_txt {
    float: right;
    margin-right: 13%;
    font-size: 14px;
  }


/*--- JUDICIAL ---*/
.judicial .jd_part.sec { padding-bottom:80px; margin-bottom:20px; border-bottom:1px solid #000;}

/* TAB */
.judicial .tab_judicial { padding-top:25px; font-size:0;}
.judicial .tab_judicial:after { content:""; display:block; clear:both;}
.judicial .tab_judicial li {float:left;}
.judicial .tab_judicial li > a { display:block; margin-right:5px; min-width:180px; background:#fff; border:1px solid #888; font-size:20px; color:#666; line-height:45px; letter-spacing:-1px; text-align:center; font-weight:300;}
.judicial .tab_judicial li.on > a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

.judicial .tab_judicial.fixed { position:fixed; left:0; top:92px; z-index:1000; padding-top:0; width:100%; text-align:center;}
.judicial .tab_judicial.fixed li { width:20%;}
.judicial .tab_judicial.fixed li > a { margin:0; border-left:none;}

/* STEP */
.judicial .step_judicial { padding:20px 0; margin-top:15px; border:1px solid #ddd;}
.judicial .step_judicial > ol { margin:0; padding:0;}
.judicial .step_judicial > ol > li { float:left; position:relative; margin-right:2%; width:18%; text-align:center; list-style:none !important;}
.judicial .step_judicial > ol > li.step01 p { background:url(/img/ico/ico_step_divorce01.png) no-repeat 54% top;}
.judicial .step_judicial > ol > li.step02 p { background:url(/img/ico/ico_step_divorce02.png) no-repeat center top;}
.judicial .step_judicial > ol > li.step03 p { background:url(/img/ico/ico_step_divorce03.png) no-repeat center top;}
.judicial .step_judicial > ol > li.step04 p { background:url(/img/ico/ico_step_divorce04.png) no-repeat center top;}
.judicial .step_judicial > ol > li.step05 p { background:url(/img/ico/ico_step_divorce05.png) no-repeat center top;}
.judicial .step_judicial > ol > li > span { font-size:18px; color:#555; font-weight:500;}
.judicial .step_judicial > ol > li > p { padding-top:85px; margin-top:18px; font-size:18px; color:#555; font-weight:500; letter-spacing:-1.2px;}
.judicial .step_judicial > ol > li > span.ico { position:absolute; right:-29px; top:50%; margin-top:-26.5px; width:29px; height:53px; background:url(/img/bu/bu_next_divorce.png) no-repeat center;}



/*--- INHERITANCE ---*/
.inheritance .ranking_list li { float:left; padding:5px 0; width:50%;}
.inheritance .ranking_list li strong { display:inline-block; zoom:1; *display:inline; margin-right:15px; min-width:140px; background:#595959; font-size:20px; color:#fff; line-height:41px; text-align:center; font-weight:400;}
.inheritance .box_type01 .bul_st01 li { padding-top:0; font-size: 17px; color: #555; line-height: 28px; font-weight: 300;}
.inheritance .box_type01 .bul_st01>li:before { top:15px; }



/*--- WIN EXAMPLE ---*/
.win { padding-bottom:70px; background:url(/img/bg_win.jpg) no-repeat center; background-size:cover;}
.win .inner { margin:0 auto; width:1200px;}
.win .win_list { padding-top:30px; margin-left:-1%;}
.win .win_list .detail { position:relative; margin:10px 1% 0; border:1px solid #bababa; background:#fff;}
.win .win_list .detail .ico { position:absolute; right:5px; top:-5px; z-index:1000;}
.win .win_list .detail .top { padding:35px 30px; }
.win .win_list .detail .top h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal; padding-bottom:7px; margin-bottom:7px; border-bottom:1px solid #c3c3c3; font-size:20px; color:#393939; letter-spacing:-1.2px; font-weight:500;}
.win .win_list .detail .top p { overflow:hidden; height:80px; font-size:15px; color:#666; line-height:20px; letter-spacing:-1.2px; font-weight:300; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;}
.win .win_list .detail .top .txt > a { display:block; }
.win .win_list .detail .top .txt > a:hover { text-decoration: underline; }
.win .win_list .detail .btm { position:relative; padding:35px 30px; background:#f2f2f2;}
.win .win_list .detail .btm > span { position:absolute; left:50%; top:-15.5px; margin-left:-50px; width:100px; border-radius:100px; background:#4f4f4f; font-size:18px; color:#fff; line-height:37px; text-align:center;}
.win .win_list .detail .btm > strong {display:block;font-size:18px;color:#ed6706;line-height:24px;letter-spacing:-1.5px;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}
.win .win_list .detail .btm .thumb { padding-top:20px;text-align:center;font-size:0;}
.win .win_list .detail .btm .thumb > li { display:inline-block;width:50%; text-align:center;}
.win .win_list .detail .btm .thumb > li > img { display:inline-block; vertical-align:bottom;}
.win .win_list .detail .btm .thumb > li > span { font-size:16px; color:#333; font-weight:500; letter-spacing:-1.2px; vertical-align:bottom;}



/*--- ONLINE ---*/
.online01 .inner { margin:0 auto; width:1200px;}
.online01 .sec01 { padding:70px 0; }
.online01 .sec02 { padding:0 0 70px; }
.online01 .step_online01 { padding:30px 30px 15px; border:1px solid #ddd;}
.online01 .step_online01 dl { float:left; padding-bottom:15px; margin:0 3%; width:27.3333%; min-height:250px;  text-align:center;}
.online01 .step_online01 dl dt span { font-size: 18px; color: #333; font-weight: 500; letter-spacing: -1.2px;}
.online01 .step_online01 dl dt p { padding-top: 75px; margin:15px 0 10px; font-size: 18px; color: #333; font-weight: 500; letter-spacing: -1.2px;}
.online01 .step_online01 dl dd { font-size:15px; color:#666; font-weight:400; letter-spacing:-1px; word-break: keep-all;}
.online01 .step_online01 dl dd strong { color:#eb8a2c;}
.online01 .step_online01 .step01 p { background:url(/img/ico/ico_step_online01.png) no-repeat center top;}
.online01 .step_online01 .step02 p { background:url(/img/ico/ico_step_online02.png) no-repeat center top;}
.online01 .step_online01 .step03 p { background:url(/img/ico/ico_step_online03.png) no-repeat center top;}
.online01 .step_online01 .step04 p { background:url(/img/ico/ico_step_online04.png) no-repeat center top;}
.online01 .step_online01 .step05 p { background:url(/img/ico/ico_step_online05.png) no-repeat center top;}
.online01 .step_online01 .step06 p { background:url(/img/ico/ico_step_online06.png) no-repeat center top;}


.online01 .point_box { margin-bottom:40px; font-size:26px; text-align:center; letter-spacing:-1.5px;}
.online01 .privacy_wrap h3 { margin-bottom:10px; font-size:20px; font-weight:500;}
.online01 .privacy_wrap .agree { padding-top:10px; }
.online01 .btnarea { margin:50px 0; text-align:center;}
.online01 .btnarea .btnset { max-width:300px; background-color:#ea650d; border-color:#ea650d;}
.online01 .btnarea .btnset:hover {background-color:#000; border-color:#000;}
.online01 .tit_type04 { padding-top:50px; }

#bo_gall .more_button,
#bo_list .more_button{width:100%;overflow:hidden;text-align:center;background-color: #656565;padding: 10px 0;margin:10px 0;border:1px solid #d4d4d4;color: #fff;font-size: 15px;cursor: pointer; display: none}


/*상간자위자료 계산기*/
.calc01 { border-top:1px solid #ddd;}
.calc01 .inner{margin: 0 auto; padding-bottom: 100px; max-width: 1000px; text-align: center; width: 100%;}
.calc01 .tit { overflow:hidden; padding:70px 0 50px; font-size: 45px; font-weight:300; line-height: 1.2; text-align:left; letter-spacing:-3px;}
.calc01 .tit p { position:relative;}
.calc01 .tit p:after { content:""; position:absolute; left:20px; bottom:4px; width:100%; height:3px; background:#db8230;}
.calc01 .tit strong {display:inline-block; position:relative; z-index:10; padding-right:20px;background:#fff; font-weight:500; color: #db8230;}
.calc01 .step_wrap{ padding: 30px 20px 60px; background: #fff; border: 1px solid #db8230; border-radius:20px;}
.calc01 .step_wrap .step{display: none;}
.calc01 .step_wrap .step dl{}
.calc01 .step_wrap .step dl dt{}
.calc01 .step_wrap .step dl dt .num{ font-size: 30px; line-height: 1; font-weight: 600; font-family:'Nanum Myeongjo',sans-serif; color:#db8230; letter-spacing: -1px;}
.calc01 .step_wrap .step dl dt .num span { padding-right:10px; font-size:90px; font-family:'Nanum Myeongjo',sans-serif; font-weight:400; }
.calc01 .step_wrap .step dl dt .num p { font-size: 22px;color: #888; font-family:'Nanum Myeongjo',sans-serif;}
.calc01 .step_wrap .step dl dt .txt{font-size: 25px;letter-spacing: -1px;font-weight: 500;padding-top: 25px;}
.calc01 .step_wrap .step dl dt .txt span{display: block;font-size: 25px;color: #888;}
.calc01 .step_wrap .step dl dd{padding-top: 40px; margin:0 auto; max-width:700px; width:100%;}
.calc01 .step_wrap .step dl dd ul{overflow: hidden;}
.calc01 .step_wrap .step dl dd ul li{float: left; position:relative; padding: 7px; margin: 0 2% 20px; width: 46%; background: #ddd; border-radius:55px; cursor: pointer;}
.calc01 .step_wrap .step dl dd ul li p { padding:5px ;border:1px solid #fff; border-radius:55px; font-size: 20px; color: #888; }
.calc01 .step_wrap .step dl dd ul li:hover { background:#db8230;}
.calc01 .step_wrap .step dl dd ul li:hover p { color:#fff;}
.calc01 .step_wrap .step dl dd .block{overflow: hidden;border-bottom: 1px solid #ddd;padding: 5px;}
.calc01 .step_wrap .step dl dd .block strong{float: left;font-size: 26px;display: block;width: 40%;text-align: left;padding: 10px 0;font-weight: 500;}
.calc01 .step_wrap .step dl dd .block span {font-size: 20px;float: right;font-weight: 500;color: #666;width: 60%;text-align: right;}
.calc01 .step_wrap .step dl dd .block span input{font-size: 30px;width: 50%;padding: 10px;height: 55px;font-weight: 700;text-align: right;vertical-align: bottom;}

.calc01 .step_wrap .step .total_box{background: #eee;border: 1px solid #ddd;padding: 20px;font-size: 34px;margin: 30px 0 20px;}
.calc01 .step_wrap .step .total_box .total{color: #e57324;font-size: 50px;}
.calc01 .step_wrap .result .result_inner { margin:0 auto; max-width:700px; width:100%; }
.calc01 .step_wrap .result .tit2 { padding-top:20px; font-size: 28px; font-family:'Nanum Myeongjo',sans-serif; color:#e57324; font-weight:700;}
.calc01 .step_wrap .result .price{ font-size: 33px;color: #333;font-weight: 500;letter-spacing: -1px; font-family:'Noto Sans KR',sans-serif;}
.calc01 .step_wrap .result .price strong { display:inline-block; position:relative; padding:0 30px;}
.calc01 .step_wrap .result .price strong:before { content:""; position:absolute; left:0; top:50%; margin-top:-5px; width:16px; height:16px; border-radius:16px; background:#e57324;}
.calc01 .step_wrap .result .price strong:after { content:""; position:absolute; right:0; top:50%; margin-top:-5px; width:16px; height:16px; border-radius:16px; background:#e57324;}
.calc01 .step_wrap .result .price .total_p,
.calc01 .step_wrap .result .price .min,
.calc01 .step_wrap .result .price .max{font-weight: 700;color: #db8230;font-size: 44px;}
.calc01 .step_wrap .result .comment{margin: 30px 0; font-size: 22px;}
.calc01 .step_wrap .result .btnarea > div { width:48%;}
.calc01 .step_wrap .btnarea .btn_type01 { display:block !important; padding:0!important; border-radius:10px; width:100% !important; line-height:45px !important;}
.calc01 .step_wrap .btnarea .btn_type01.inlineb { display:inline-block !important; padding:0 105px 0 60px !important; width:auto !important; }
.calc01 .step_wrap .btnarea a.btn_type01 {background-position:70% center !important; }
.calc01 .step_wrap .btnarea input.btn_type01 {background-position:80% center !important; }
.calc01 .step_wrap .result .btnarea input{ width: inherit;}


@media all and (max-width:1500px) {

    /*--- GREETING ---*/
	.greeting .inner { padding-left:3% !important; padding-right:3% !important; width:auto !important;}
    .greeting .right dl { right:5%;}
    .greeting .right .bg { right:5%;}


    /*--- DETAIL LAWYER ---*/
    .introduce_detail .navigation .inner { padding:50px 0; width:auto;}
    .introduce_detail .navigation .nav > a { height:200px;}
    .introduce_detail .navigation .nav > a h4 { padding:10px 0 0 10px; font-size:18px;}
    .introduce_detail .navigation .nav > a .img.img_width { max-width:122px; }
    .introduce_detail .navigation .nav > a .img { max-width:100px;}
    .introduce_detail .navigation .slick-list { margin:0 8%; }
    .introduce_detail .navigation .slick-arrow { width:20px; }
    .introduce_detail .navigation .slick-prev { left:0; background-size:20px !important;}
    .introduce_detail .navigation .slick-next { right:0; background-size:20px !important;}


    /*--- FINALLY TAESIN ---*/
    .finally .sec01 .fl .bg { width:35%;}
    .finally .sec01 .fl .bg img { max-width:220px; width:100%;}
    .finally .sec01 .fl .txt { width:60%;}
    .finally .sec01 .fl .txt dl > dt { padding:0;}
    .finally .sec01 .fl .txt dl > dt strong { font-size:30px; letter-spacing:-1px;}
    .finally .sec01 .fl .txt dl > dd { margin-bottom:40px}
    .finally .sec01 .fl .txt .txt03 strong { font-size:30px; letter-spacing:-3px;}
    .finally .sec01 .fl .txt .txt03 p { font-size:30px; letter-spacing:-3px;}

	.team .sec01 .inner { margin:0 auto; padding-left:3%; padding-right:3%; width:auto;}
	.team .sec01 .inner .txt01 > h3 { font-size:40px;}
	.team .sec01 .inner .txt01 > h3 strong{ font-size:50px;}
	.team .sec01 .inner .txt01 > p { font-size:16px;}
	.team .sec01 .inner .txt02 > strong { display:block; font-size:40px;}
	.team .sec01 .inner .txt02 > p { font-size:20px;}
	.team .sec01 .inner .txt03 { padding-top:30px;}
	.team .sec01 .inner .txt03 > strong { font-size:25px;}
	.team .sec01 .inner .txt03 > p {font-size:16px;}

	.team .sec02 .txtbox { margin:0 5%;}
	.team .sec02 .txtbox dd span.block { display:initial !important;}
	.team .sec02 .txtbox dt { font-size:45px; color:#fff; font-weight:200; letter-spacing:-5px;}
	.team .sec02 .txtbox dd {padding-top:10px;font-size:16px;color:#fff;font-weight:200;}
}

@media all and (max-width:1200px) {
	input[type=tel], input[type=time], input[type=text], input[type=password], input[type=search], input[type=email], input[type=file], input[type=number],input[type=date],select { padding:0 5px; height: 35px !important; font-size:14px !important; line-height:35px !important;}

	.animate,
	.ani_sec {position: relative; opacity: 1; top: auto;}

    #hd_pop { z-index:9999 !important; }
	.hd_pops { width:300px !important;}
	.hd_pops_con { width:100% !important; }

	span.block { display:initial !important; }
	body, #hd, #wrapper, #ft { min-width:auto !important; }

	.btn_type01 {padding:0 80px 0 24px;font-size: 15px;line-height:40px;}
    .btn_type02 { padding:0 70px 0 24px; font-size:13px; line-height:40px;}
    .btn_type04 { padding:0 70px 0 24px; font-size:13px; line-height:40px;}

	.tit_type01 { margin-bottom:40px; text-align:center;}
    .tit_type01 .mtit { display:inline-block; position:relative; padding-right:0; padding-bottom:10px; margin-right:0; font-size:23px; color:#333; font-weight:300; letter-spacing:-1px; line-height:23px;}
    .tit_type01 .mtit:after { display:none !important;}
    .tit_type01 .mtit strong { color:#f17009; font-weight:500;}
    .tit_type01 .stit { display:block; font-size:15px; color:#777; font-weight:300; letter-spacing:-1px;}
    .tit_type02 { padding:0 0 30px; font-size:22px; line-height:25px; letter-spacing: -0.75px;}
    .tit_type03 { font-size:35px; letter-spacing:-2px; line-height:1.2;}
    .tit_type04 { padding-top:0; font-size:30px; letter-spacing:-2px; text-indent: -3px;}

	.bul_st04 > li { text-indent: 0; }

    .bul_st05 { padding-left:20px; margin-top:0;}
    .bul_st05 li { font-size:16px; letter-spacing:-0.75px;}
    .bul_st05 li p { padding-top:3px; font-size:14px; line-height:20px;}
    dd.txt > .bul_st05 > li {padding:30px 0 0;}
    .bul_st05 > li > p { padding-top:10px;}

    .bul_st06 { padding:0; margin:0;}
    .bul_st06 li { position:relative; padding:5px 0 5px 18px; font-size:14px; line-height:20px;}
    .bul_st06 li span { position:absolute; left:0;}


    /*--- GREETING ---*/
    .greeting .inner { padding:0 3%; width:auto;}
    .greeting .left { float:none; padding:50px 0 20px; width:100%;}
    .greeting .left h3 { margin:0 0 20px; font-size:22px; line-height:25px; letter-spacing:-2px;}
    .greeting .left p { margin-bottom:20px; font-size:14px; line-height:20px;}
    .greeting .left p > span { display:block; padding-top:20px;}
    .greeting .left p > strong { font-size:18px; line-height:25px;}
    .greeting .left strong.bigtxt { font-size:35px;}

    .greeting .right { position:static; display:table; margin:0 auto; width:100%; height:auto; text-align:center;}
    .greeting .right dl { position:static; display:table-cell; width:50%; margin-right:0; vertical-align:middle;}
    .greeting .right dl > dt { padding:0 0 10px; font-size:22px; color:#fff; font-weight:100; letter-spacing:-1px;}
    .greeting .right dl > dt > strong { font-weight:500;}
    .greeting .right dl > dd.sign { position:static;}
    .greeting .right dl > dd.sign img { max-width:180px;}
    .greeting .right dl > dd.btnarea .btn_type01 { padding:0 70px 0 24px; margin-top:20px; border-color:#ea650d; background-color:#ea650d; font-size:14px; line-height:40px;}
    .greeting .right dl > dd.btnarea .btn_type01:hover { border-color:#000; background-color:#000;}
    .greeting .right .bg { display:table-cell; width:50%; position:static; vertical-align:middle;}


    /*--- FINALLY TAESIN ---*/
    .finally .tb_wrap { height:auto !important; min-height:auto !important;}
    .finally .con_txt { padding:20px 0; font-size:14px; color:rgba(254, 255, 255, 0.8); font-weight:300; letter-spacing:-1px;}
    .finally .res_txt strong { font-size:22px; color:#fff; font-weight:400; letter-spacing:-2px; line-height:1.4;}
    .finally .boxarea { padding:30px 5%; width:auto; border-width:5px;}
    .finally .boxarea .con_txt { padding: 20px 0 0; }
    .finally .under span {  position:relative;}
    .finally .under span:before { content:""; position:absolute; left:10%; bottom:0; width:90%; height:4px; background:#fff;}

    /* SEC 01*/
    .finally .sec01 .fl,
    .finally .sec01 .fr { float:none !important; width:100%;}
    .finally .sec01 .fl { padding:50px 3%;}
    .finally .sec01 .fl .bg img { max-width:180px; width:100%;}
    .finally .sec01 .fl .bg { width:40%; text-align:center;}
    .finally .sec01 .fl .txt { width:55%;}
    .finally .sec01 .fl .txt dl { max-width:none;}
    .finally .sec01 .fl .txt dl dt { margin:0 0 10px; font-size:20px; letter-spacing:-2px;}
    .finally .sec01 .fl .txt dl dt strong { font-size:22px;}
    .finally .sec01 .fl .txt dl dd { margin-bottom:20px; padding-left:1px; font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    .finally .sec01 .fl .txt .txt03 p { font-size:22px;}
    .finally .sec01 .fl .txt .txt03 strong { font-size:22px;}
    .finally .sec01 .fr { padding:80px 0; text-align:center;}
    .finally .sec01 .fr .txt { padding:50px 5% 70px;}
    .finally .sec01 .fr .txt p { margin-bottom:20px; font-size:35px; letter-spacing:-2px;}
    .finally .sec01 .fr .txt strong { font-size:60px; color:#fff; font-weight:500; letter-spacing:-5px; line-height:100px;}
    .finally .sec01 .fr .txtbox { margin:0 auto; max-width:280px; width:95%; border:5px solid #fff; background:rgba(0,0,0,0.25);}
    .finally .sec01 .fr .under span:before { height:5px;}

    /* SEC 02*/
    .finally .sec02 { padding:80px 3%; }
    .finally .sec02 .img { display:none;}
	.finally .sec02 .m_img { padding-top:40px; display:block; }

    .finally .sec03 { padding:80px 3%; }
    .finally .sec04 { padding:80px 3%; }
    .finally .sec05 .left { position:static; width:100%; height:250px;}
    .finally .sec05 .fr { float:none !important; padding:80px 3%; width:100%;}
    .finally .sec05 .fr .boxarea { width:100%; text-align: center;}
    .finally .sec05 .fr .res_txt { width:100%; text-align: center;}
    .finally .sec06 .fl { float:none !important; padding:80px 3%; width:100%;}
    .finally .sec06 .fl .boxarea { width:100%; text-align: center;}
    .finally .sec06 .fl .res_txt { width:100%; text-align: center;}
    .finally .sec06 .right { position:static; width:100%; height:280px;}
    .finally .sec07 { padding:80px 3%; }
    .finally .sec08 { padding:80px 3%; }
    .finally .sec08 .res_txt strong strong { padding:15px 0 0; font-size:38px;}

    /* NUMBERING */
    .finally .f_section:before,
	.finally .f_section.sec05 .fr:before,
	.finally .f_section.sec06 .fl:before  { top:0 !important; left:0 !important; right:auto !important; width:100% !important; text-align:center !important;}
	.finally .f_section.sec02:before { top:0; font-size: 585px; line-height:585px;}
	.finally .f_section.sec03:before { top:0; font-size: 430px; line-height:430px;}
	.finally .f_section.sec04:before { top:0; font-size: 410px; line-height:410px;}
	.finally .f_section.sec05 .fr:before { top:0; font-size: 400px; line-height:400px;}
	.finally .f_section.sec06 .fl:before { top:0; font-size: 422px; line-height:422px;}
	.finally .f_section.sec07:before { top:0; font-size: 452px; line-height:452px;}
	.finally .f_section.sec08:before { top:0; font-size: 553px; line-height:553px;}


    /*--- PROFESSIONAL TEAM ---*/

    /* SEC 01 */
    .team .sec01 .tb_wrap { min-height:auto !important;}
    .team .sec01 .inner { padding:50px 3%;width:auto;}
    .team .sec01 .inner .txt01 { padding-top:0;}
    .team .sec01 .inner .txt01 > h3 { font-size:20px; letter-spacing:-2.5px;}
    .team .sec01 .inner .txt01 > h3 strong{ font-size:30px;}
    .team .sec01 .inner .txt01 > p { font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    .team .sec01 .inner .txt01 > p span.block { letter-spacing:-0.75px;}
    .team .sec01 .inner .txt02 { padding-top:15px;}
    .team .sec01 .inner .txt02 > strong { display:block; font-size:20px; letter-spacing:-2px;}
    .team .sec01 .inner .txt02 > p { font-size:15px; letter-spacing:-1px;}
    .team .sec01 .inner .txt03 { padding-top:25px;}
    .team .sec01 .inner .txt03 > strong { font-size:20px; letter-spacing:-1.5px;}
    .team .sec01 .inner .txt03 > p { padding-top:10px; font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    .team .sec01 .inner .btnarea { padding-top:20px;}
    .btn_type01_sm { padding:0 70px 0 24px; font-size:15px; line-height:40px;}

    /* SEC 02 */
    .team .sec02 .tb_wrap { min-height:auto !important;}
    .team .sec02 .left { position:static; width:100%; height:280px;}
    .team .sec02 .right { float:none; padding:50px 3%; width:100%;}
    .team .sec02 .txtbox { margin:0;}
    .team .sec02 .txtbox dl { padding-bottom:25px;}
    .team .sec02 .txtbox dt { font-size:25px; letter-spacing:-3px;}
    .team .sec02 .txtbox dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    .team .btnarea .btn_type01 { padding:0 70px 0 24px; font-size:15px; line-height:40px;}

    /* SEC 03 */
    .team .sec03 { padding:50px 3%;}
    .team .sec03 .tb_wrap { min-height:auto !important;}
    .team .sec03 .tit .img img { margin:0 10px; max-width:120px;}
    .team .sec03 .tit p { padding-top:30px; font-size:28px; letter-spacing:-2px; line-height:1.2;}
    .team .sec03 .txt01 { padding-top:30px; font-size:15px; font-weight:300; color:rgba(34, 34, 34, 0.8); letter-spacing:-1px; line-height:1.2;}
    .team .sec03 .txt02 { padding-top:20px; font-size:20px; font-weight:300; color:#dd6a01; letter-spacing:-2.5px; line-height:1.2;}
    .team .sec03 .txt02 > strong { font-size:22px;}
    .team .sec03 .btnarea { padding-top:20px;}
    .team .sec03 .btnarea .btn_type01 { padding:0 70px 0 24px; background-position:85% center;}


    /*--- LOCATION ---*/
    .location .inner { padding:50px 3%; width:auto; }

    /* TAB */
    .location .loc_tab { margin-top:0;}
    .location .loc_tab > li { float:left; width:20%; text-align:center;}
    .location .loc_tab > li > a { font-size:13px; color:#222; line-height:45px;}

    /* MAP */
    .location .maparea { height:320px;}

    /* MAP DETAIL */
    .location .loc_area h3 { padding-bottom:10px; font-size: 20px; letter-spacing:-0.75px;}
    .location .loc_area .detail { padding:20px 0;}
    .location .loc_area .detail ul > li { float:none; position:relative; padding-left:90px; margin-bottom:10px;font-size:14px; line-height:30px; letter-spacing: -0.75px;}
    .location .loc_area .detail ul > li span { position:absolute; left:0; top:0; min-width:80px; margin-right:0; font-size:14px; line-height:30px;}
	.location .loc_area .detail ul > li:nth-child(odd),.location .loc_area .detail ul > li:nth-child(even) {width:100%;}
    .location .loc_area .detail ul > li.time { color:#e06b12;}

    .location .loc_area .transport { padding:20px 0; margin-bottom:0;}
    .location .loc_area .transport .left { float:none; padding-bottom:10px; width:100%;}
    .location .loc_area .transport .right { float:none; width:100%;}
    .location .loc_area .transport .tit { padding-left:50px; font-size:18px; color:#333; font-weight:400; line-height:45px; letter-spacing:-1px;}
    .location .loc_area .transport .tit > strong { font-size:25px;}
    .location .loc_area .transport .tit > .ico { width:40px; height:40px; border-radius:40px; background-size:20px !important;}
    .location .loc_area .transport .txt { padding-left:50px;}
    .location .loc_area .transport .bus ul { padding-top:4px; }
    .location .loc_area .transport .bus ul li { padding:5px 0 5px 50px; font-size:14px; line-height:20px;}
    .location .loc_area .transport .bus .txt2 ul li { padding:5px 0 5px 65px; }
    .location .loc_area .transport .bus .txt2 ul li:after { left:50px; }
    .location .loc_area .transport .bus ul li > span.ico_bus { top:5px; padding:0 10px; margin-right:10px; font-size:14px; line-height:20px;}
    .location .loc_area .transport .bus p { font-size:14px; line-height:20px;}
    .location .loc_area .transport .subway p { font-size:14px; line-height:30px;}
    .location .loc_area .transport .subway .ico_line {width:21px; height:21px; border-radius:21px; color:#fff; line-height:21px;}


    /*--- INTRODUCE LAWYER ---*/
    .introduce .inner { padding:50px 0; width:auto; }
    .introduce h3.tit_type02 { padding-left:3%; padding-right:3%; }

    /* MAIN LAWYER */
    .introduce .main_lawyer .slick-list { padding:0 10% !important; }
    .introduce .main_lawyer li > div { margin:0 2% 15px !important; min-height:300px; background-size:cover !important;}
    .introduce .main_lawyer .img { position:absolute; right:0; bottom:0; z-index:40;}
    .introduce .main_lawyer .img img { max-width:190px;}
    .introduce .main_lawyer .name { position:absolute; left:5%; bottom:65px; z-index:100;}
    .introduce .main_lawyer .name h4 { font-size:14px; letter-spacing:-0.75px; line-height:20px;}
    .introduce .main_lawyer .name p { margin-bottom:10px; font-size:20px; letter-spacing:-1px; line-height:30px;}
    .introduce .main_lawyer .comment { opacity: 0; visibility: hidden; position:absolute; left:5%; top:45px; z-index:100;}
    .introduce .main_lawyer .comment p { margin-bottom:10px; font-size:16px; line-height:22px; letter-spacing:-1.5px;}
    .introduce .main_lawyer .comment p span { display:block; text-indent:7px;}
    .introduce .main_lawyer .comment img { max-width:110px;}
    .introduce .main_lawyer .btn_type01 { padding:0 70px 0 24px; font-size:15px; line-height:40px;}
    .introduce .main_lawyer .btn_type01:hover { border-color:#ea650d; background-color:#ea650d;}
    .introduce .main_lawyer .btnarea { position:absolute; left:5%; bottom:25px; z-index:100;}
    .introduce .main_lawyer li:hover > div:before { border-width:5px; }

	/* SLIDE ARROW */
	.introduce .main_lawyer .slick-arrow {position:absolute;top: 34%;z-index:100;margin-top: 23.5px;width:29px;height: 40px;outline:none !important;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;box-shadow: 2px 2px 10px rgba(0,0,0,.4);}
	.introduce .main_lawyer .slick-prev {left: 10px;background: #fff url(/img/bu/bu_left_lawsuit.png) no-repeat center;}
	.introduce .main_lawyer .slick-next {right: 10px;background: #fff url(/img/bu/bu_right_lawsuit.png) no-repeat center;}
	.introduce .main_lawyer .slick-arrow {width: 35px !important;background-size: 14px !important;}

    .introduce_detail .navigation .slick-list { margin:0 !important;}
    .introduce_detail .slick-dots { margin-top:10px; text-align:center;}
    .introduce_detail .slick-dots li { display:inline-block; margin:0 5px; outline:none !important;}
    .introduce_detail .slick-dots button { display:block; width:12px; height:12px; border-radius:12px; background:#ddd; font-size:0; line-height:0; }
    .introduce_detail .slick-dots li.slick-active button { background:#ea650d;}

    /* SUB LAWYER */
    .introduce .sub_lawyer > ul { padding:0 3%; margin-left:-3%;}
    .introduce .sub_lawyer > ul > li { margin:0 0 10px 3%; width:47%;}
    .introduce .sub_lawyer > ul > li > a { margin-left:0; min-height:200px;}
    .introduce .sub_lawyer > ul > li > a > h4 { padding:10px 0 0 10px; font-size:18px;}
    .introduce .sub_lawyer .img.img_width img { max-width:123px; }
    .introduce .sub_lawyer .img img { max-width:100px;}


     /*--- DETAIL LAWYER ---*/

     /* PROFILE DATA*/
    .introduce_detail .profile {  text-align:center;}
    .introduce_detail .profile .inner { position:relative; padding:50px 3% 0; width:auto; min-height:auto;}
    .introduce_detail .profile .inner .fl { float:none !important; width:100%;}
    .introduce_detail .profile .inner .fr { position: static; width:100%; text-align:center;}
    .introduce_detail .profile .inner .fr img { margin-left:-10%; max-width:250px; width:100%;}
    .introduce_detail .profile .inner .fl > h3 { margin-bottom:15px; font-size:15px; line-height:20px; letter-spacing:-1px;}
    .introduce_detail .profile .inner .fl > h3 span { font-size:30px; line-height:35px; letter-spacing:-1px;}
    .introduce_detail .profile .inner .fl > strong {font-size:18px; line-height:24px;}
    .introduce_detail .profile .inner .fl > p { margin-top:10px; font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    .introduce_detail .profile .inner .fl .certificate { margin-top:30px;}
    .introduce_detail .profile .inner .fl .certificate > li { display:inline-block; margin-right:5px;}
    .introduce_detail .profile .inner .fl .certificate > li img { max-width:100px;}

    /* DETAIL DATA*/
    .introduce_detail .detail { padding:50px 3%; }
    .introduce_detail .detail .inner { display:block; margin:0 auto; width:auto;}
    .introduce_detail .detail .inner .fl { display:block; padding-bottom:40px; width:100%;}
    .introduce_detail .detail .inner .fr { display:block; width:100%;}
    .introduce_detail .detail .inner > .fl h3 { padding-top:0; text-align:center;}
    .introduce_detail .detail .inner > .fl h3 img { max-width:280px; width:100%;}
    .introduce_detail .detail .inner > .fl div { max-width:none !important; width:100%; margin-top:10px; }
    .introduce_detail .detail .inner > .fl div span { font-size:14px; line-height:35px;}
    .introduce_detail .detail .inner > .fr h4 { font-size:20px; line-height:25px;}
    .introduce_detail .detail .inner > .fr h4 span { display:inline-block; padding-bottom:3px; }
    .introduce_detail .detail .inner > .fr ul { margin-top:10px;}
    .introduce_detail .detail .inner > .fr ul > li { float:none; width:100%; font-size:15px; line-height:25px; letter-spacing:-0.75px;}

    /* EXAMPLE DATA*/
    .introduce_detail .example { padding:50px 3%;}
    .introduce_detail .example .inner { width:auto;}
    .introduce_detail .example .inner h3 { margin-bottom:20px; font-size:22px; letter-spacing:-1px; line-height:30px;}
    .introduce_detail .example .inner h3 strong.orange { display:inline-block; font-size:22px; letter-spacing:-1px; line-height:30px;}
    .introduce_detail .example ul { margin-left:0;}
    .introduce_detail .example ul > li { float:none; position:relative; margin-left:0; margin-bottom:10px; width:100%;}
    .introduce_detail .example ul > li > dl { padding:15px; min-height:auto;}
    .introduce_detail .example ul > li > dl dt { font-size:17px; line-height:17px;}
    .introduce_detail .example ul > li > dl dd.result { padding-top:20px; font-size:15px;}
    .introduce_detail .example ul > li > dl dd.name { padding-top:10px; font-size:14px;}

    /* HOVER BOX */
    .introduce_detail .hover_type01 h3,
    .introduce_detail .hover_type01 .tit { padding:0 5%; font-size:18px; line-height:22px;}


    /*--- DIVORCE LITIGATION INFORMATION ---*/
    .divorce .inner { padding:50px 3%; width:auto;}
    .divorce .depth01 { margin-left:25px !important;}
    .divorce .depth02 { margin-left:15px !important;}
    .divorce .txt_sec { padding-top:30px;}
    .divorce .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .divorce .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .agreement .inner { padding:50px 3%; width:auto;}
    .agreement .depth01 { margin-left:25px !important;}
    .agreement .depth02 { margin-left:15px !important;}
    .agreement .txt_sec { padding-top:30px;}
    .agreement .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .agreement .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .trial .inner { padding:50px 3%; width:auto;}
    .trial .depth01 { margin-left:25px !important;}
    .trial .depth02 { margin-left:15px !important;}
    .trial .txt_sec { padding-top:30px;}
    .trial .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .trial .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .spouse .inner { padding:50px 3%; width:auto;}
    .spouse .depth01 { margin-left:25px !important;}
    .spouse .depth02 { margin-left:15px !important;}
    .spouse .txt_sec { padding-top:30px;}
    .spouse .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .spouse .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .division .inner { padding:50px 3%; width:auto;}
    .division .depth01 { margin-left:25px !important;}
    .division .depth02 { margin-left:15px !important;}
    .division .txt_sec { padding-top:30px;}
    .division .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .division .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .alimony .inner { padding:50px 3%; width:auto;}
    .alimony .depth01 { margin-left:25px !important;}
    .alimony .depth02 { margin-left:15px !important;}
    .alimony .txt_sec { padding-top:30px;}
    .alimony .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .alimony .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .custody .inner { padding:50px 3%; width:auto;}
    .custody .depth01 { margin-left:25px !important;}
    .custody .depth02 { margin-left:15px !important;}
    .custody .txt_sec { padding-top:30px;}
    .custody .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .custody .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .disposition .inner { padding:50px 3%; width:auto;}
    .disposition .depth01 { margin-left:25px !important;}
    .disposition .depth02 { margin-left:15px !important;}
    .disposition .txt_sec { padding-top:30px;}
    .disposition .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .disposition .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .adulterer .inner { padding:50px 3%; width:auto;}
    .adulterer .depth01 { margin-left:25px !important;}
    .adulterer .depth02 { margin-left:15px !important;}
    .adulterer .txt_sec { padding-top:30px;}
    .adulterer .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .adulterer .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .adulterer2 .inner { padding:50px 3%; width:auto;}
    .adulterer2 .depth01 { margin-left:25px !important;}
    .adulterer2 .depth02 { margin-left:15px !important;}
    .adulterer2 .txt_sec { padding-top:30px;}
    .adulterer2 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .adulterer2 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .adulterer3 .inner { padding:50px 3%; width:auto;}
    .adulterer3 .depth01 { margin-left:25px !important;}
    .adulterer3 .depth02 { margin-left:15px !important;}
    .adulterer3 .txt_sec { padding-top:30px;}
    .adulterer3 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .adulterer3 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .adulterer4 .inner { padding:50px 3%; width:auto;}
    .adulterer4 .depth01 { margin-left:25px !important;}
    .adulterer4 .depth02 { margin-left:15px !important;}
    .adulterer4 .txt_sec { padding-top:30px;}
    .adulterer4 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .adulterer4 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .adulterer5 .inner { padding:50px 3%; width:auto;}
    .adulterer5 .depth01 { margin-left:25px !important;}
    .adulterer5 .depth02 { margin-left:15px !important;}
    .adulterer5 .txt_sec { padding-top:30px;}
    .adulterer5 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .adulterer5 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .inheritance .inner { padding:50px 3%; width:auto;}
    .inheritance .depth01 { margin-left:25px !important;}
    .inheritance .depth02 { margin-left:15px !important;}
    .inheritance .txt_sec { padding-top:30px;}
    .inheritance .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .inheritance .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .inheritance2 .inner { padding:50px 3%; width:auto;}
    .inheritance2 .depth01 { margin-left:25px !important;}
    .inheritance2 .depth02 { margin-left:15px !important;}
    .inheritance2 .txt_sec { padding-top:30px;}
    .inheritance2 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .inheritance2 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .inheritance3 .inner { padding:50px 3%; width:auto;}
    .inheritance3 .depth01 { margin-left:25px !important;}
    .inheritance3 .depth02 { margin-left:15px !important;}
    .inheritance3 .txt_sec { padding-top:30px;}
    .inheritance3 .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .inheritance3 .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .child_support .inner { padding:50px 3%; width:auto;}
    .child_support .depth01 { margin-left:25px !important;}
    .child_support .depth02 { margin-left:15px !important;}
    .child_support .txt_sec { padding-top:30px;}
    .child_support .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .child_support .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}

    .legal .inner { padding:50px 3%; width:auto;}
    .legal .depth01 { margin-left:25px !important;}
    .legal .depth02 { margin-left:15px !important;}
    .legal .txt_sec { padding-top:30px;}
    .legal .txt_sec > dt { padding-bottom:20px; font-size:20px; letter-spacing:-1px;}
    .legal .txt_sec > dd { font-size:14px; line-height:20px; letter-spacing:-0.75px;}
    
    /*--- JUDICIAL ---*/
    .judicial .jd_part.sec { padding-bottom:40px; margin-bottom:10px; border-bottom:1px solid #000;}

    /* TAB */
    .judicial .tab_judicial { padding-top:15px; border-bottom:1px solid #888; font-size:0;}
    .judicial .tab_judicial li {float:none;}
    .judicial .tab_judicial li > a { display:block; margin:0; min-width:auto !important; border-bottom:none; font-size:12px; line-height:35px;}
    .judicial .tab_judicial li.on > a { border-color:#ed6706; background:#ed6706; color:#fff; font-weight:400;}

    .judicial .tab_judicial.fixed { top:50px;}
    .judicial .tab_judicial.fixed li { float:left; width:20%; text-align:center;}
    .judicial .tab_judicial.fixed li > a { border-left:none !important; border-right:none !important;}

	.judicial .step_btnlist li { margin:3px 0; width:25%; }
	.judicial .step_btnlist.wd5 li { margin:3px 0; width:33.3333%; }
	.judicial .step_btnlist li > span { font-size:14px; line-height:40px; text-indent:0; text-align:center; letter-spacing: -2px;}


    /* STEP */
    .judicial .step_judicial { padding:20px 0; margin-top:0; border:none;}
    .judicial .step_judicial > ol { margin:0; padding:0;}
    .judicial .step_judicial > ol > li { float:left; position:relative; margin:0 1% 10px; padding:10px 0; width:48%; border:1px solid #ddd;}
    .judicial .step_judicial > ol > li > span { font-size:14px; font-weight:bold;}
    .judicial .step_judicial > ol > li > p { padding-top:70px; margin-top:10px; font-size:14px; letter-spacing:-0.75px;}
    .judicial .step_judicial > ol > li > span.ico { display:none;}


    /*--- INHERITANCE ---*/
    .inheritance .ranking_list li { float:none; position:relative; padding:5px 0 5px 70px; width:100%;}
    .inheritance .ranking_list li strong { position:absolute; left:0; top:5px; min-width:60px; font-size:14px; line-height:20px;}
    .inheritance .box_type01 .bul_st01 li { font-size: 14px; line-height: 20px;}
    .inheritance .box_type01 .bul_st01>li:before { top:11px; }

    .inheritance2 .ranking_list li { float:none; position:relative; padding:5px 0 5px 70px; width:100%;}
    .inheritance2 .ranking_list li strong { position:absolute; left:0; top:5px; min-width:60px; font-size:14px; line-height:20px;}
    .inheritance2 .box_type01 .bul_st01 li { font-size: 14px; line-height: 20px;}
    .inheritance2 .box_type01 .bul_st01>li:before { top:11px; }

    .inheritance3 .ranking_list li { float:none; position:relative; padding:5px 0 5px 70px; width:100%;}
    .inheritance3 .ranking_list li strong { position:absolute; left:0; top:5px; min-width:60px; font-size:14px; line-height:20px;}
    .inheritance3 .box_type01 .bul_st01 li { font-size: 14px; line-height: 20px;}
    .inheritance3 .box_type01 .bul_st01>li:before { top:11px; }


    /*--- WIN EXAMPLE ---*/
    .win { padding:50px 0; background-size:cover;}
    .win .tit_type04 { padding:0 3%; }
    .win .inner { width:auto;}
    .win .win_list { padding-top:15px; margin-left:-1%;}
    .win .win_list .slick-list { padding:0 10% !important;}
    .win .win_list .detail .ico { position:absolute; right:5px; top:-5px;}
    .win .win_list .detail .top { padding:40px 15px 20px; }
    .win .win_list .detail .top h4 { font-size:17px; color:#393939; letter-spacing:-0.75px;}
    .win .win_list .detail .top p { overflow:hidden; height:60px; font-size:15px; color:#666; line-height:20px; letter-spacing:-0.75px; -webkit-line-clamp:3;}
    .win .win_list .detail .btm { position:relative; padding:20px 15px; background:#f2f2f2;}
    .win .win_list .detail .btm > span { margin-left:-40px; width:80px; font-size:14px; line-height:30px;}
    .win .win_list .detail .btm > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size:15px; letter-spacing:-0.75px;;}
    .win .win_list .detail .btm .thumb { padding-top:10px;}
    .win .win_list .detail .btm .thumb > li > span { display:block; font-size:14px; letter-spacing:-0.75px;}

    /* SLIDE ARROW */
    .win .win_list .slick-arrow {position:absolute; top:38%; z-index:100; margin-top:25.5px; width:35px;height:40px;background-size:14px!important;outline:none !important;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;box-shadow: 2px 2px 10px rgba(0,0,0,.4);}
    .win .win_list .slick-prev {left: 10px;background: #fff url(/img/bu/bu_left_lawsuit.png) no-repeat center;}
    .win .win_list .slick-next {right: 10px;background: #fff url(/img/bu/bu_right_lawsuit.png) no-repeat center;}

    /*--- ONLINE ---*/
    .online01 .inner { padding-left:3% !important; padding-right:3% !important; width:auto;}
    .online01 .sec01 { padding:30px 0;}
    .online01 .sec02 { padding:0 0 50px;}
    .online01 .step_online01 { padding:30px 3% 15px;}
    .online01 .step_online01 dl { margin:0 3%; width:44%;}
    .online01 .step_online01 dl dt span { font-size: 16px;}
    .online01 .step_online01 dl dt p { font-size: 16px;}
    .online01 .step_online01 dl dd { font-size:14px; letter-spacing:-0.75px; text-align: left;}

    .online01 .point_box { margin-bottom:20px; font-size:18px; text-align: left;}
    .online01 .privacy_wrap h3 {font-size:16px;}
    .online01 .privacy_wrap .agree label { font-size:15px;}
    .online01 .btnarea .btnset { padding:0 20px; max-width:250px;font-size:16px; line-height:40px;}

    .online01 .tbstyle01 th { font-size:14px;}
    .online01 .tbstyle01 th,
    .online01 .tbstyle01 td { display:block !important; width:100%; border-left:none !important; border-right:none !important;}


    /*--- BOARD COMMON ---*/

     /* COMMON */
    .sel_st01 { max-width:none !important; width:100%; font-size:14px;}
    .pg_page { padding:0 5px;height:25px;min-width:25px;font-size:14px;line-height:25px;}
    .pg_current {padding:0;min-width:25px;height:25px;font-size:14px;line-height:25px;}
    .frm_input { max-width:none !important; width:100% !important;}
    .gall_row li { margin:0 !important; width:100% !important;}

    /* CATEGORY */
    #bo_cate li { padding:1px; width:50%;}
    #bo_cate li a { font-size:14px; line-height:35px;}
    #bo_cate #bo_cate_on { font-size:14px;}

    /* BOARD LIST */
    #bo_list { margin-top:0;}
    #bo_list .tbl_head01 thead th.th_num,
    #bo_list .tbl_head01 thead th.th_name,
    #bo_list .tbl_head01 tbody td.td_num,
    #bo_list .tbl_head01 tbody td.td_lawyer,
    #bo_list .tbl_head01 thead th.th_datetime,
    #bo_list .tbl_head01 tbody td.td_datetime,
    #bo_list .tbl_head01 thead th.th_answer,
    #bo_list .tbl_head01 tbody td.td_answer,
    #bo_list .tbl_head01 tbody td.td_name { display:none !important;}
    #bo_list .tbl_head01 thead th.th_num2 { min-width:40px !important;}
    #bo_list .tbl_head01 thead th.th_cate { min-width:80px !important;}
    #bo_list .tbl_head01 thead th.th_result {width:25% !important;}
    #bo_list .tbl_head01 th,
    #bo_list .tbl_head01 td { font-size:14px !important; line-height:20px !important;}
	#bo_list .td_subject,
	#bo_list .td_subject .bo_tit a { font-size:14px !important;}
    #bo_list .btn_b02 { padding:0; width:100px;}

    #bo_list .more_button,
    #bo_gall .more_button{display: block}



    /* BOARD VIEW */
    #bo_v { padding-top:0 !important;}
    #bo_v_con { padding:20px 5% !important;}
	#bo_v_con .txt { font-size:15px; line-height:22px; letter-spacing: -0.75px;}

    /* BOARD SEARCH */
    #bo_sch select{ width: 80px; height: 30px; font-size:14px;}
    #bo_sch .sch_input{ width:150px; height: 30px; font-size:14px; line-height:30px;}
    #bo_sch .sch_btn{ width:60px; height: 30px; font-size: 14px; letter-spacing:1px;}

    /* BOARD BUTTON */
    a.btn, .btn { height:35px; font-size:14px; line-height:35px;}
    a.btn_b05, .btn_b05 { padding:0 20px !important; }
    #bo_v_top .btnarea .fl { float:none !important; width:100% !important; text-align:center;}
    #bo_v_top .btnarea .fr { float:none !important; padding-top:10px; width:100% !important; text-align:center;}
    #bo_w .btn_submit { height:40px !important; font-size:16px;}

    /* BOARD WRAP */
    .board_wrap { margin:0 auto; padding:50px 3% !important; width:auto !important;}
    .board_wrap .bo_v_tit { display:block; font-size:14px !important; text-align: left !important;}
    .board_wrap .list_btm { position: relative; margin-top:15px; min-height:43px; text-align: right;}
    .board_wrap .list_btm .pg_wrap { position:static; display: none}
    .board_wrap .utilmenu_wrap .chkbox_all { font-size:14px; line-height:30px;}

    /* TABLE */
    .bd_tbstyle01 th { padding:7px 15px; height:57px; background:#f9f9f9; border-bottom:1px solid #a3a3a3; font-size:17px; color:#333; font-weight: 500; letter-spacing: -0.5px;}
    .bd_tbstyle01 th label { font-size:14px; letter-spacing: -0.5px;}
    .bd_tbstyle01 td { padding:7px 15px; border-bottom:1px solid #a3a3a3; background:transparent; font-size:17px; color:#393939; letter-spacing: -0.5px;}
    .bd_tbstyle01 td.news_name { text-align: left !important; }
    .bd_tbstyle01 textarea { width:100%; height:120px}
    .bd_tbstyle01 a {text-decoration:none}
    .bd_tbstyle01 th,
    .bd_tbstyle01 td { display:block !important; height:auto !important; font-size:14px !important; line-height:20px !important; text-align:center !important;}
    .bd_tbstyle01 tbody th { height:40px !important; line-height:25px !important;}

    /* SUMMARY BOX */
    .summary_box { padding:20px 3%; margin-top:0;}
    .summary_box h4 { margin-bottom:20px; font-size:20px;}
    .summary_box .txt { font-size:14px; line-height:20px; letter-spacing: -0.75px;}

    /* CHARGE LAWYER*/
    .charge_lawyer { margin:50px 0 30px;}
    .charge_lawyer h4 { padding:0 15px; margin-bottom:20px; font-size:20px; line-height:35px;}
    .charge_lawyer ul li strong { display:block; padding-top:10px; font-size:16px; color:#333; text-align:center; font-weight:500; letter-spacing:-1px;}
    .charge_lawyer ul li img { max-width:80px !important;}

    /* VIEW PAGING */
    .otherpage .fl { width:20%; height:40px; font-size:14px; line-height:40px; letter-spacing: -0.75px;}
    .otherpage .fr { position:relative; width:75%;}
    .otherpage .fr p { width:70%; font-size:14px; line-height:40px; letter-spacing: -0.75px;}
    .otherpage .fr span.date { right:3%; font-size:14px; line-height:40px;}


    /*--- CONSULTATION REVIEW ---*/
    .review_list > ul { margin-left:0;}
    .review_list > ul > li { float:none; margin-left:0; margin-bottom:15px; width:100%;}
    .review_list > ul > li > div { padding:20px 3%;}
    .review_list > ul > li .chkbox { position:absolute; right:5px; top:5px;}

    .review_list .top .cate { font-size:14px;}
    .review_list .top .date { font-size:14px;}
    .review_list .top .txt h4 { font-size:17px;}
    .review_list .top .txt p { font-size:14px;}
    .review_list .top .txt span { font-size:15px; color:#444; letter-spacing:-1px;}

    .review_list .btm { padding-top:10px;}
    .review_list .btm .tit strong { font-size:15px;}
    .review_list .btm .thumb li { margin: 0 3px;}
    .review_list .btm .thumb li span { font-size:14px;}
    .review_list .advice_cate { font-size:14px; }


    /*--- POPUP ---*/
    .util_pop_wrap .util_pop { left:5%; top:18%; margin-left:0; width:90%;}
    .util_pop_wrap .util_pop .pop_con .txt { font-size:13px; }
    .util_pop_wrap .util_pop h2 { font-size:20px; }
	.util_pop_wrap .util_pop .pop_con { overflow-y:scroll !important; padding:20px 3%; height:220px !important; }
    .util_pop_wrap .util_pop .pop_con_wrap { padding:15px; }

	.board_agree label { font-size:14px; vertical-align: middle;}
	.board_agree .view_privacy { font-size:13px; }

    .bd_view .bdv_area .bdv_list .left { padding:0 10px; font-size:14px; height:auto; min-height:40px; line-height:40px;}
    .bd_view .bdv_area .bdv_list .right { padding:10px; font-size:14px; height:auto; min-height:40px; line-height:25px;}
    .bd_view .bdv_area .bdv_list .right span.date { float:none !important; }

    .bd_view .bdv_area.bdv_block .bdv_list > div { display:block; text-align:center;}
    .bd_view .bdv_area.bdv_block .bdv_list > div > div { display:block; width:100%;}
    .bd_view .bdv_area.wd02 .bdv_list > div,.bd_view .bdv_area.wd03 .bdv_list > div { display:block; width:100%; text-align:center;}
    .bd_view .bdv_area.wd02 .bdv_list > div > div,.bd_view .bdv_area.wd03 .bdv_list > div > div { display:block; width:100%;}
    .bd_view .bdv_area.wd02 .bdv_list .left,.bd_view .bdv_area.wd03 .bdv_list .left { border-left:1px solid #ddd; line-height:40px;}
    .bd_view .bdv_area.wd02 .bdv_list .right,.bd_view .bdv_area.wd03 .bdv_list .right { padding:0 10px; border-left:1px solid #ddd; line-height:40px;}
	

    .bd_write .bdw_area .bdw_list .left { padding:0 10px; width:90px; font-size:14px; height:auto; min-height:40px; line-height:40px;}
    .bd_write .bdw_area .bdw_list .right { padding:10px; font-size:14px; height:auto; min-height:40px; line-height:25px;}
    .bd_write .bdw_area .bdw_list .right span.f_15 { font-size:13px !important; }
    .bd_write .bdw_area.wd02 .bdw_list { float:none; width:100%;}
    .bd_write .bdw_area.wd03 .bdw_list { float:none; width:100%;}
    .bd_write .bdw_area.bdw_block .bdw_list > div { display:block; text-align:center;}
    .bd_write .bdw_area.bdw_block .bdw_list > div > div { display:block; width:100%;}
	.bd_write .bdw_area .ollist { display:block; margin-top:5px; }
	.bd_write .bdw_area .ollist select { width:100%; }
	.bd_write .bdw_area .ollist span { display:block; margin-top:5px; line-height:1.4;}

	#bo_v_con .wr_area .con_tit img { max-width:150px !important; }
	.bd_view .bdv_area .bdv_list.wdleft .left { text-align: left !important; }

    .cal_wrap { left:5%; top:18%; margin-left:0; width:90%;}
    .cal_wrap h2 { font-size:20px; }
    .cal_wrap .box { overflow-y:scroll; padding:15px; max-height:400px;}
    .cal_wrap .box dl dt { font-size:18px;}
    .cal_wrap .box dl dd > ul li { font-size:15px;}
	.cal_wrap .btnarea { padding-top:15px; text-align:center;}
	.cal_wrap .btnarea .btn_result { padding:0; width:145px; font-size:17px; line-height:40px;}

	.cal_wrap .result > div { padding:70px 0 20px; margin-bottom:20px; background-size:80px;}
	.cal_wrap .result > div strong { font-size:28px; font-weight:500;}
	.cal_wrap .result > div p { font-size:16px; color:#333; line-height: 1.2;}
	.cal_wrap .result > p { padding-bottom:10px; font-size:14px; color:#555;}

	/*상간자위자료 계산기*/
	.calc01 { border-top:none;}
	.calc01 .inner{width:auto !important; padding:70px 3%; }
	.calc01 .tit { overflow:hidden; padding:70px 0 50px; font-size: 30px; letter-spacing:-2px;}
	.calc01 .step_wrap .step dl dt .num{ font-size: 20px;}
	.calc01 .step_wrap .step dl dt .num span { font-size:50px;}
	.calc01 .step_wrap .step dl dd{padding-top: 20px;}
	.calc01 .step_wrap .step dl dd ul li p {font-size: 14px;}
	.calc01 .step_wrap .result .tit2 { font-size: 20px;}
	.calc01 .step_wrap .result .price { font-size: 20px;}
	.calc01 .step_wrap .result .price strong { padding:0;}
	.calc01 .step_wrap .result .comment { margin:20px 0; font-size:16px;}
	.calc01 .step_wrap .btnarea .btn_type01 { font-size:14px; text-indent:-25px; line-height:35px !important;}
	.calc01 .step_wrap .btnarea a.btn_type01 { background-size:15px !important;}
	.calc01 .step_wrap .btnarea input.btn_type01 { background-size:18px !important;}
	.calc01 .step_wrap .result .price strong:after,
	.calc01 .step_wrap .result .price strong:before { display:none;}
	.calc01 .step_wrap .result .price span.min,
	.calc01 .step_wrap .result .price span.max { font-size:25px;}
	.calc01 .step_wrap .step dl dd .block strong{font-size: 17px;}
	.calc01 .step_wrap .step dl dd .block span {font-size: 17px;}
	.calc01 .step_wrap .step dl dd .block span input{font-size: 25px;}
	.calc01 .step_wrap .step .total_box{font-size: 25px;}
	.calc01 .step_wrap .step .total_box .total{font-size: 30px;}
	.calc01 .step_wrap .step dl dt .num p { font-size:18px; }
    
    /*재판이혼 이미지 */
    .mwid-80 {
        max-width:100%;
      }
  
      .table_under_txt {
        font-size: 10px;
        margin-right: 0px;
      }
  
}

@media all and (max-width:600px) {

    /*--- WIN EXAMPLE ---*/
    .win .win_list { padding-top:15px; margin-left:0;}
    .online01 .step_online01 dl { float:none !important; margin:0 0 15px; width:100%; min-height:auto;}
    .introduce .main_lawyer .img { width:160px; }

	.cal_wrap { top:12%; }
	.cal_wrap .box dl { padding:20px 0 20px; background:none !important;}
	.cal_wrap .box dl dd > ul li { margin:2px 0 2px; width:50%; min-width:auto !important; font-size:14px;}

	.divorce .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.divorce .txt_sec.leftsec > dt:after { display:none;}
	.divorce .txt_sec.leftsec > dd { float:none; width:100%;}
    .divorce .step_btnlist {padding-top:0 !important;}
    .divorce .step_btnlist li {width:50% !important;}

    .agreement .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.agreement .txt_sec.leftsec > dt:after { display:none;}
	.agreement .txt_sec.leftsec > dd { float:none; width:100%;}
    .agreement .step_btnlist {padding-top:0 !important;}
    .agreement .step_btnlist > li {width:50% !important;}

    .trial .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.trial .txt_sec.leftsec > dt:after { display:none;}
	.trial .txt_sec.leftsec > dd { float:none; width:100%;}
    .trial .step_btnlist {padding-top:0 !important;}
    .trial .step_btnlist > li {width:50% !important;}

    .spouse .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.spouse .txt_sec.leftsec > dt:after { display:none;}
	.spouse .txt_sec.leftsec > dd { float:none; width:100%;}
    .spouse .step_btnlist {padding-top:0 !important;}
    .spouse .step_btnlist > li {width:50% !important;}

    .custody .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.custody .txt_sec.leftsec > dt:after { display:none;}
	.custody .txt_sec.leftsec > dd { float:none; width:100%;}
    .custody .step_btnlist {padding-top:0 !important;}
    .custody .step_btnlist > li {width:50% !important;}

    .disposition .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.disposition .txt_sec.leftsec > dt:after { display:none;}
	.disposition .txt_sec.leftsec > dd { float:none; width:100%;}
    .disposition .step_btnlist {padding-top:0 !important;}
    .disposition .step_btnlist > li {width:50% !important;}
    .disposition .step_btnlist2 > li {width:50% !important;}

    .division .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.division .txt_sec.leftsec > dt:after { display:none;}
	.division .txt_sec.leftsec > dd { float:none; width:100%;}
    .division .step_btnlist {padding-top:0 !important;}
    .division .step_btnlist > li {width:50% !important;}

    .alimony .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.alimony .txt_sec.leftsec > dt:after { display:none;}
	.alimony .txt_sec.leftsec > dd { float:none; width:100%;}
    .alimony .step_btnlist {padding-top:0 !important;}
    .alimony .step_btnlist > li {width:50% !important;}
    
    .inheritance .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.inheritance .txt_sec.leftsec > dt:after { display:none;}
	.inheritance .txt_sec.leftsec > dd { float:none; width:100%;}
    .inheritance .step_btnlist {padding-top:0 !important;}
    .inheritance .step_btnlist > li {width:50% !important;}

    .inheritance2 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.inheritance2 .txt_sec.leftsec > dt:after { display:none;}
	.inheritance2 .txt_sec.leftsec > dd { float:none; width:100%;}
    .inheritance2 .step_btnlist {padding-top:0 !important;}
    .inheritance2 .step_btnlist > li {width:50% !important;}

    .inheritance3 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.inheritance3 .txt_sec.leftsec > dt:after { display:none;}
	.inheritance3 .txt_sec.leftsec > dd { float:none; width:100%;}
    .inheritance3 .step_btnlist {padding-top:0 !important;}
    .inheritance3 .step_btnlist > li {width:50% !important;}

    .adulterer .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.adulterer .txt_sec.leftsec > dt:after { display:none;}
	.adulterer .txt_sec.leftsec > dd { float:none; width:100%;}
    .adulterer .step_btnlist {padding-top:0 !important;}
    .adulterer .step_btnlist > li {width:50% !important;}

    .adulterer2 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.adulterer2 .txt_sec.leftsec > dt:after { display:none;}
	.adulterer2 .txt_sec.leftsec > dd { float:none; width:100%;}
    .adulterer2 .step_btnlist {padding-top:0 !important;}
    .adulterer2 .step_btnlist > li {width:50% !important;}

    .adulterer3 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.adulterer3 .txt_sec.leftsec > dt:after { display:none;}
	.adulterer3 .txt_sec.leftsec > dd { float:none; width:100%;}
    .adulterer3 .step_btnlist {padding-top:0 !important;}
    .adulterer3 .step_btnlist > li {width:50% !important;}

    .adulterer4 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.adulterer4 .txt_sec.leftsec > dt:after { display:none;}
	.adulterer4 .txt_sec.leftsec > dd { float:none; width:100%;}
    .adulterer4 .step_btnlist {padding-top:0 !important;}
    .adulterer4 .step_btnlist > li {width:50% !important;}

    .adulterer5 .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.adulterer5 .txt_sec.leftsec > dt:after { display:none;}
	.adulterer5 .txt_sec.leftsec > dd { float:none; width:100%;}
    .adulterer5 .step_btnlist {padding-top:0 !important;}
    .adulterer5 .step_btnlist > li {width:50% !important;}

    .child_support .txt_sec.leftsec > dt { float:none; padding-bottom:10px; width:100%;}
	.child_support .txt_sec.leftsec > dt:after { display:none;}
	.child_support .txt_sec.leftsec > dd { float:none; width:100%;}
    .child_support .step_btnlist {padding-top:0 !important;}
    .child_support .step_btnlist > li {width:50% !important;}


    .legal .step_btnlist {padding-top:0 !important;}
    .legal .step_btnlist > li {width:50% !important;}
    
}

@media all and (max-width:479px) {

    /*--- TITLE TYPE ---*/
    .tit_type03 { font-size:25px; letter-spacing:-2px; line-height:1.2;}


    /*--- GREETING ---*/
    .greeting .right dl > dt { font-size:17px; }
	.greeting .right dl > dd.sign img { max-width:110px; }
	.greeting .right dl > dd.btnarea .btn_type01 { padding:0 50px 0 20px; background-position: 90% center;}


    /*--- FINALLY ---*/
    .finally .res_txt strong { font-size:18px; }
    .finally .sec08 .res_txt strong strong { padding:15px 0 0; font-size:30px;}
    .finally .sec01 .fl .bg { float:none; padding:0 3%; width:100%; }
	.finally .sec01 .fl .txt { float:none; margin-top:20px; width:100%; }
    .finally .sec01 .fl .bg img { max-width:140px; }


}






  /* 협의이혼 table 디자인*/
  table.table1 {
    width: 100% !important;
    max-width: 800px !important;
}

table.table1 th,
table.table1 td {
    padding: 12px 15px;
    font-size: 15px;
    line-height: 1.6;
}

table.table1 th {
    border-width: 1px 2px 1px 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(146, 146, 146) rgb(191, 191, 191) rgb(255, 255, 255);
    background: rgb(244, 246, 247);
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: bold;
    padding-left: 50px;
    width: 50%;
}

table.table1 th>span {
    font-weight: 300;
}

table.table1 td {
    width: 45%;
    padding: 15px;
    font-size: 17px;
    vertical-align: top;
    border-right: none;
    border-bottom: 1px solid rgb(191, 191, 191);
    font-weight: 300;
    text-align: center;
}

table.table1 .right,
table.table1 .down,
table.table1 .left {
    position: relative;
}

table.table1 .right::after {
    position: absolute;
    content: '';
    top: 40%;
    left: 90%;
    width: 20%;
    height: 10%;
    background: url(/img/arrow_right.png) no-repeat center;
}

table.table1 .down::after {
    position: absolute;
    content: '';
    top: 65%;
    left: 63%;
    width: 20%;
    height: 55%;
    background: url(/img/arrow_down.png) no-repeat center;
}

table.table1 .left::after {
    position: absolute;
    content: '';
    top: 40%;
    left: -11%;
    width: 20%;
    height: 20%;
    background: url(/img/arrow_left.png) no-repeat center;
}


@media (max-width: 800px) {

    table.table1 th,
    table.table1 td {
        font-size: 14px !important;
        padding: 10px;
    }

}


/* 협의이혼 table2 디자인*/
table.table2 {
  width: 100% !important;
  max-width: 800px !important;
  text-align: center;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 2px solid rgb(146, 146, 146);
  border-bottom: 2px solid rgb(146, 146, 146);
  border-left: none;
  font-size: medium;
}

table.table2 th,
table.table2 td {
  padding: 8px 10px;
  font-size: 19px;
  line-height: 1.6;
}

table.table2 th {
  border-width: 1px 2px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255) rgb(146, 146, 146) rgb(191, 191, 191) rgb(255, 255, 255);
  background: rgb(244, 246, 247);
  letter-spacing: -0.5px;
  width: 30%;
  font-weight: 300;
}

table.table2 td {
  width: 70%;
  vertical-align: top;
  border-right: none;
  border-bottom: 1px solid rgb(191, 191, 191);
  font-weight: 300;
  text-align: center;
}

/* 상속소송 table3 디자인 */
table.table3 {
    width: 100% !important;
    max-width: 800px !important;
    border-spacing: 0px;
    border-top: 2px solid rgb(146, 146, 146);
    border-bottom: 2px solid rgb(146, 146, 146);
    border-left: none;
    font-size: medium;
    text-align: left;
}

table.table3 th,
table.table3 td {
    padding: 12px 15px;
    font-size: 15px;
    line-height: 1.6;
}

table.table3 th {
    border-width: 1px 2px 1px 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(146, 146, 146) rgb(191, 191, 191) rgb(255, 255, 255);
    background: rgb(244, 246, 247);
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: bold;
    padding-left: 50px;
    width: 20%;
}

table.table3 th > span {
    font-weight: 300;
}

table.table3 td {
    width: 45%;
    padding: 15px;
    font-size: 17px;
    vertical-align: top;
    border-right: none;
    border-bottom: 1px solid rgb(191, 191, 191);
    font-weight: 300;
}


/* 상속소송 table4 디자인 */
table.table4 {
    width: 100% !important;
    max-width: 800px !important;
    border-spacing: 0px;
    border-top: 2px solid rgb(146, 146, 146);
    border-bottom: 2px solid rgb(146, 146, 146);
    border-left: none;
    font-size: medium;
    text-align: left;
}

table.table4 th,
table.table4 td {
    padding: 12px 15px;
    font-size: 15px;
    line-height: 1.6;
}

table.table4 th {
    border-width: 1px 2px 1px 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(191, 191, 191) rgb(255, 255, 255);
    background: rgb(244, 246, 247);
    font-size: 17px;
    letter-spacing: -0.5px;
    font-weight: bold;
    width: 20%;
}

table.table4 th > span {
    font-weight: 300;
}

table.table4 td {
    width: 45%;
    padding: 15px;
    font-size: 17px;
    vertical-align: top;
    border-right: none;
    border-bottom: 1px solid rgb(191, 191, 191);
    font-weight: 300;
}

@media (max-width: 800px) {

table.table2 th,
table.table2 td {
    font-size: 14px !important;
}

}