@charset "utf-8";
.wrap_controllers{display:none;}

/* sub_lnb */
.sub_lnb_wrap{width:100%; height:53px; line-height:53px; background:#fafbfc; border-bottom:1px solid #d9dee2;}
.sub_lnb{width:1200px; margin:0 auto; position:relative;}
.sub_lnb .depths_home{width:120px;}
.sub_lnb .depths_home a{display:block; text-align:center; font-size:14px; color:#363636; background:url("/img/sub_lnb_home.png") no-repeat 10px 50%;}
.sub_lnb .depths_01{width:220px;}
.sub_lnb .depths_02{width:220px;}
.sub_lnb .depths_02 .txt{font-weight:bold;}
.sub_lnb > div{height:100%; float:left; position:relative; border-right:1px solid #d9dee2;}
.sub_lnb > div p.title{position:relative; width:100%; height:100%;}
.sub_lnb > div p.title > .txt{display:block; width:100%; font-size:14px; color:#363636; text-indent:20px;}
.sub_lnb > div p.title > .arrow{position:absolute; top:17px; right:15px;}
.sub_lnb > ul{width:222px; height:0; max-height:500px; position:absolute; top:54px; overflow-y:hidden; overflow-x:hidden;}
.sub_lnb > ul.lnb_ul li{width:100%; background:#eee; border-bottom:1px solid #d9dee2;}
.sub_lnb > ul.lnb_ul li.on{background:#656565;}
.sub_lnb > ul.lnb_ul li.on > a{color:#fff;}
.sub_lnb > ul.lnb_ul li > a{font-size:12px; width:100%; height:42px; line-height:42px; display:block; text-indent:20px; color:#363636;}
.sub_lnb > ul.lnb_ul li > a:active{background:#656565; color:#fff;}
.sub_lnb > ul.ul_01{left:120px;}
.sub_lnb > ul.ul_02{left:341px; width:222px;}
.sub_lnb > ul.ul_02 > li{width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li > ul > li:last-of-type{border-bottom:0;}
.sub_lnb .utility{float:right; border-right:0;}
.sub_lnb .utility .zoom{height:53px; overflow:hidden;}
.sub_lnb .utility .zoom > a{display:block; float:left; margin-right:4px;}
.sub_lnb .utility .zoom > a img{margin-top:17px; vertical-align:inherit; line-height:1;}
.sub_lnb .utility .zoom > a:last-of-type{margin-right:14px;}
.sub_lnb .utility .zoom > span{display:block; width:50px; float:left; font-size:14px; color:#363636; margin-right:20px;}
.sub_lnb .utility .zoom .print{float:left;}

/* content - intro */
.info01{background:url("/img/intro_info02_bg.jpg") no-repeat center;}
.info02{background:url("/img/intro_info03_bg.jpg") no-repeat center;}
.story01{background:url("/img/intro_story01_bg.jpg") no-repeat center;}

/* content - suspect */
.investigate01{background:url("/img/suspect_investigate01_bg.jpg") no-repeat center bottom;}
.investigate02{background:#fbfbfb;}
.trial01{background:url("/img/suspect_investigate01_bg.jpg") no-repeat center bottom;}
.trial02{background:#fbfbfb;}



/* 컨텐츠*/
/* 공통 */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px;}
.mt15 {margin-top:15px !important;}
.mt19 {margin-top:19px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt37 {margin-top:37px;}
.mt39 {margin-top:39px !important;}
.mt46 {margin-top:46px;}
.mt51 {margin-top:51px !important;}
.mt80 {margin-top:80px;}
.mt159 {margin-top:159px !important;}
.ml96 {margin-left:96px;}
.mt6 {margin-top:6px;}
.pt40 {padding-top:40px !important;}
.pt67 {padding-top:67px;}
.pt50 {padding-top:50px !Important;}
.pt135 {padding-top:135px !Important;}
.bg_fbfbfb {background:#e8f2fa;}
.blue_txt {color:#007ed7;}
.fl {float:left;}
.ta_l{text-align:left !important;}
.con1200{width:1200px; margin:0 auto;}
.white_txt{color:#fff !important;}

/* content */
.content {width:1200px; margin:68px auto 80px; font-family: 'Noto Sans KR', sans-serif;min-height:900px;position:relative;}
.content_max2000 {width:100%; max-width:1920px; min-width:1200px; text-align:center; margin:68px auto 0px; font-family: 'Noto Sans KR', sans-serif;}

/* sub tit */
.sub_tit {text-align:center; font-size:40px; letter-spacing:-3.6px; word-spacing:-2px; font-weight:500;}
.sub_tit_bar {background:url("/img/bar_01.jpg") center no-repeat; width:1px; height:27px; display:block; margin:0 auto 4px; padding:27px 0 18px 0;}
.sub_blue_tit {text-align:center; font-size:30px; letter-spacing:-3px; color:#007ed7;line-height: 45px;}
.sub_blue_tit .line {border-top:1px solid #007ed7; width:29px; margin:11px auto; display:block;}
.sub_tit_txt {text-align:center; font-size:17px; color:#1d1d1d; margin-top:6px; letter-spacing:0px; line-height:27px;}
.sub_tit_txt02 {text-align:center; font-size:17px; color:#1d1d1d; font-weight:300; margin:25px 0; letter-spacing:-1.3px; line-height:27px;}

.sub_tit2 {text-align:center; font-size:30px; letter-spacing:-3.6px; word-spacing:-2px; font-weight:300; color:#666; line-height:32px; }
.sub_tit3 {text-align:center; font-size:51px; letter-spacing:-3.6px; word-spacing:-2px; font-weight:500; color:#336699; line-height:50px; }
.sub_txt {text-align:center; font-size:18px; letter-spacing:-1.3px; line-height:27px; color:#000000; margin-top:38px; }
.sub_txt span {color:#0066cc; }
.sub_tit_bar2 {background:#007ed7; width:29px; height:1px; margin:0 auto; display:block; }
.sub_tit_bar3 {background:#fff; width:29px; height:1px; margin:0 auto; display:block; }


/* sub_visual */
.sub_visual {width:100%; height:277px; background:url("/img/sub_visual.jpg") no-repeat center;}

/* 로엘법률사무소 > 사무소 소개 */
.intro_con_01 {width:1200px; margin:0 auto; overflow:hidden;}
.intro_con_01 .intro_con_01_left {float:left; width:600px; text-align:left; margin-top:48px;}
.intro_con_01 .intro_con_01_left .txt_01 {font-size:20px; color:#444444; font-weight:lighter; letter-spacing:-2px;}
.intro_con_01 .intro_con_01_left .txt_02 {font-size:30px; color:#111b1e; letter-spacing:-3px;}
.intro_con_01 .intro_con_01_left .txt_03 {font-size:20px; color:#444444; font-weight:lighter; letter-spacing:-2.1px; margin-top:45px; line-height:36px;}
.intro_con_01 .intro_con_01_right {float:left; margin-top:8px;}
.intro_con_02 {background:url("/img/intro_img02.jpg") center center #fbfbfb no-repeat; height:572px; margin-top:100px; overflow:hidden;}
.intro_con_02 ul {width:940px; margin:0 auto;}
.intro_con_02 ul li {float:left; width:279px; font-size:17px; margin:141px 51px 0 0; letter-spacing:-1.7px; color:#fff; font-weight:lighter;}
.intro_con_02 ul li:last-child {margin-right:0;}
.intro_con_03 {background:url("/img/intro_img03.jpg") center center no-repeat; height:1080px; position:relative;}
.intro_con_03 .txt_01 {font-size:20px; color:#444444; font-weight:lighter; letter-spacing:-2px; margin-top:9px;}
.intro_con_03 .txt_02 {font-size:30px; color:#111b1e; letter-spacing:-3px; margin-top:2px; line-height:43px;}
.intro_con_03 .intro_con_03_ul_wrap {width:1200px; position:relative; margin:0 auto;}
.intro_con_03 .intro_con_03_ul_wrap ul {}
.intro_con_03 .intro_con_03_ul_wrap ul li {position:absolute; font-size:17px; font-weight:lighter; letter-spacing:-1.7px; color:#fff;}
.intro_con_03 .intro_con_03_ul_wrap ul .li_01 {top:327px; left:525px;}
.intro_con_03 .intro_con_03_ul_wrap ul .li_02 {top:544px; left:411px;}
.intro_con_03 .intro_con_03_ul_wrap ul .li_03 {top:544px; left:667px; color:#435672;}

/* 로엘법률사무소 > 변호사 선임시 유의사항 */
.notice_con_01 {width:1200px; margin:88px auto 0; overflow:hidden;}
.notice_con_01 .txt_01 {margin-bottom:11px; }
.notice_con_01 .txt_02 {font-size:30px; color:#111b1e; letter-spacing:-3px; margin:20px 0;}
.notice_con_01 .txt_03 {text-align:center; font-size:18px; letter-spacing:-1.3px; line-height:27px; margin-top:38px; color:#1d1d1d; font-weight:lighter; }
.notice_con_02 {background:url("/img/notice_img01.png") center center #fbfbfb no-repeat; height:453px; margin-top:100px; overflow:hidden;}
.notice_con_02 .txt_01 {margin-bottom:11px; margin-top:20px; }
.notice_con_02 .txt_02 {font-size:30px; color:#fff; letter-spacing:-3px; margin:20px 0; line-height:37px; }
.notice_con_02 .txt_03 {text-align:center; font-size:18px; letter-spacing:-1.3px; line-height:27px; color:#fff; margin-top:38px; font-weight:lighter; }
.notice_con_03 {position:relative; margin-top:88px; }
.notice_con_03 .txt_01 {margin-bottom:11px; }
.notice_con_03 .txt_02 {font-size:30px; color:#111b1e; letter-spacing:-3px; margin:20px 0;}
.notice_con_03 .txt_03 {text-align:center; font-size:18px; letter-spacing:-1.3px; line-height:27px; margin-top:38px; color:#1d1d1d; font-weight:lighter; }


/* 로엘법률사무소 > 오시는 길 */
.location_con .con {visibility:hidden;height:0;}
.location_con .con.on{visibility:visible;}
.location_tab {overflow:hidden; margin-bottom:10px;}
.location_tab ul li {margin-right:2.2px;}

.location_tab ul li:last-child {margin-right:0;}
.addr_txt {position:relative;}
.addr_txt .addr {font-weight:lighter; font-size:17px; color:#fff; text-align:center; position:absolute; top:20px; left:50%; transform:translateX(-50%);}

/* 로엘법률사무소 > 오시는 길 > 사무실 전경 */
.div_preview { position:relative; width:1200px; margin:20px auto 0;}
.div_preview .img_slide {width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.div_preview .img_slide .big_img {width:100%; height:697px; position:relative;}
.div_preview .img_slide .big_img img {width:100%; display:block; position:absolute; top:0; left:0;}
.div_preview .img_slide .big_img .prev {z-index:100;}
.div_preview .img_slide .big_img .current {z-index:101;}
.div_preview .img_slide .big_img .bn {position:absolute; top:50%; width:63px; height:63px; z-index:110;}
.div_preview .img_slide .big_img .bn a {display:block; text-align:center; width:100%; height:100%;}
.div_preview .img_slide .big_img .bn a img {display:inline-block;}
.div_preview .img_slide .big_img .bn_left {left:20px;}
.div_preview .img_slide .big_img .bn_right {right:20px;}
.div_preview .img_slide .bns_area {width:100%; position:relative;}
.div_preview .img_slide .bns_area .imgs {position:relative; width:100%;}
.div_preview .img_slide .bns_area .imgs li {width:200px; height:123px; float:left; margin:0;  padding-top:18px;}
.div_preview .img_slide .bns_area .imgs li.selected {width:200px; height:123px; background:url('/img/nd_slider_selected_bg.jpg') left top repeat-x; padding-top:18px;}
.div_preview .img_slide .bns_area .imgs li a { display:block; width:100%; height:100%; display:block;}
.div_preview .img_slide .bns_area .imgs li.selected a {}
.div_preview .img_slide .bns_area .imgs li a img {width:100%;}
.div_interior { width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.div_interior > p.p_interior { text-align:center;}
.div_interior .div_movie { overflow:hidden;}

/* 로엘법률사무소 > 로엘법률사무소 이야기 */
.story_con_wrap {}
.story_con_wrap .top_tit {font-size:30px; text-align:left; padding-top:5px; letter-spacing:-3px;}
.story_con_wrap .story_con_01 {position:relative; background:url("/img/story_img01.png") 0 11px no-repeat; height:401px; width:1200px; margin:0 auto;}
.story_con_wrap .story_com .tit {font-size:36px; color:#111b1e; text-align:left; margin-bottom:21px; letter-spacing:-3.8px; line-height:43px; padding:94px 0 0 51px;}
.story_con_wrap .story_com .txt {font-size:20px; color:#444444; font-weight:lighter; text-align:left; letter-spacing:-1.9px; line-height:35px; padding-left:50px;}
.story_con_wrap .story_con_02 {background:url("/img/story_img02.png") center #fafafa no-repeat; height:680px; margin-top:-100px; width:100%;}
.story_con_wrap .story_con_02 .story_con_02_txt_wrap {width:1200px; margin:0 auto;}
.story_con_wrap .story_con_02 .story_con_02_txt_wrap .tit {padding:304px 0 0 571px;}
.story_con_wrap .story_con_02 .story_con_02_txt_wrap .txt {padding:0 0 0 571px;}
.story_con_wrap .story_con_03 {position:relative; background:url("/img/story_img03.png") 0 0 no-repeat; height:390px; width:1200px; margin:-50px auto 0;}

/* 변호사 소개 */
.lawyer_menu {height:140px; margin-bottom:30px;}
.lawyer_menu li {float:left; margin:2.5px;}
.lawyer_01 {background:url("/img/lawyer_img01.jpg") 0 11px no-repeat; height:813px;}
.lawyer_02 {background:url("/img/lawyer_img02.jpg") 0 11px no-repeat; height:793px;}
.lawyer_03 {background:url("/img/lawyer_img03.jpg") 0 11px no-repeat; height:733px;}
.lawyer_04 {background:url("/img/lawyer_img04.jpg") 0 11px no-repeat; height:733px;}
.lawyer_05 {background:url("/img/lawyer_img05.jpg") 0 11px no-repeat; height:733px;}
.lawyer_06 {background:url("/img/lawyer_img06.jpg") 0 11px no-repeat; height:733px;}
.lawyer_07 {background:url("/img/lawyer_img07.jpg") 0 11px no-repeat; height:733px;}
.lawyer_08 {background:url("/img/lawyer_img08.jpg") 0 11px no-repeat; height:733px;}
.lawyer_09 {background:url("/img/lawyer_img09.jpg") 0 11px no-repeat; height:733px;}
.lawyer_10 {background:url("/img/lawyer_img10.jpg") 0 11px no-repeat; height:733px;}

.lawyer_01n {background:url("/img/lawyer_img01n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_02n {background:url("/img/lawyer_img02n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_03n {background:url("/img/lawyer_img03n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_04n {background:url("/img/lawyer_img04n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_05n {background:url("/img/lawyer_img05n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_06n {background:url("/img/lawyer_img06n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_07n {background:url("/img/lawyer_img07n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_08n {background:url("/img/lawyer_img08n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_09n {background:url("/img/lawyer_img09n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_10n {background:url("/img/lawyer_img10n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_12n {background:url("/img/lawyer_img12n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_13n {background:url("/img/lawyer_img13n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_14n {background:url("/img/lawyer_img14n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_15n {background:url("/img/lawyer_img15n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_16n {background:url("/img/lawyer_img16n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_17n {background:url("/img/lawyer_img17n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_18n {background:url("/img/lawyer_img18n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_19n {background:url("/img/lawyer_img19n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_20n {background:url("/img/lawyer_img20n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_22n {background:url("/img/lawyer_img22n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_24n {background:url("/img/lawyer_img24n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_25n {background:url("/img/lawyer_img25n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_26n {background:url("/img/lawyer_img26n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_30n {background:url("/img/lawyer_img30n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_31n {background:url("/img/lawyer_img31n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_32n {background:url("/img/lawyer_img32n.jpg") 0 11px no-repeat; height:813px;}
.lawyer_box {position:relative; margin-bottom:1px;}
.lawyer_box .name {font-size:55px; color:#fff; width:255px; text-align:center; padding:70px 0 0 66px; line-height:66px; letter-spacing:-3px;}
.lawyer_box .name_02 {position:absolute; top:126px; left:331px; font-size:20px; color:#014870; letter-spacing:-1.4px; border-bottom:1px solid #cbcbcb; padding-bottom:3px;}
.lawyer_box ul {margin:102px 0 0 123px;}
.lawyer_box ul li {font-size:17px; color:#585858; font-weight:lighte; letter-spacing:0.2px; line-height:26px; background:url("/img/lawyer_dot.jpg") 0 12px no-repeat; padding-left:7px;}
.lawyer_box .media {font-size:15px; color:#585858; font-weight:lighte; letter-spacing:-1.7px; line-height:26px; margin:35px 0 0 123px;}


/* 변호사 소개 NEW */
.bold{font-weight:600;}
.lawyer_text{position:absolute;top:-55px;left:171px;font-size:29px;font-weight:300;}
.lawyer_box1 div, .lawyer_box2 div{float:left;}
.lawyer_box1 a, .lawyer_box2 a{width:100%;height:100%;display:inline-block;}
.lawyer_box1 div{width:296px;height:601px;margin-right:5px;}
.lawyer_box1_5 div{width:236px;height:500px;margin-right:5px;}


.lawyer_box1 div:last-child{margin-right:0}
.lawyer_box2 div{width:598px;height:226px;margin-top:5px;}
.lawyer_box2 div:nth-child(odd){margin-right:4px}

.lawyer1_01{background:url("/img/lawyer1_01_over.jpg") no-repeat;}
.lawyer1_02{background:url("/img/lawyer1_02_over.jpg") no-repeat;}
.lawyer1_03{background:url("/img/lawyer1_03_over.jpg") no-repeat;}
.lawyer1_04{background:url("/img/lawyer1_04_over.jpg") no-repeat;}
.lawyer2_01{background:url("/img/lawyer2_01.jpg") no-repeat;}
.lawyer2_02{background:url("/img/lawyer2_02.jpg") no-repeat;}
.lawyer2_03{background:url("/img/lawyer2_03.jpg") no-repeat;}
.lawyer2_04{background:url("/img/lawyer2_04.jpg") no-repeat;}
.lawyer2_05{background:url("/img/lawyer2_05.jpg") no-repeat;}
.lawyer2_06{background:url("/img/lawyer2_06.jpg") no-repeat;}
.lawyer2_07{background:url("/img/lawyer2_07.jpg") no-repeat;}
.lawyer2_08{background:url("/img/lawyer2_08.jpg") no-repeat;}
.lawyer2_09{background:url("/img/lawyer2_09.jpg") no-repeat;}
.lawyer2_10{background:url("/img/lawyer2_10.jpg") no-repeat;}
.lawyer2_11{background:url("/img/lawyer2_11.jpg") no-repeat;}
.lawyer2_12{background:url("/img/lawyer2_12.jpg") no-repeat;}
.lawyer2_13{background:url("/img/lawyer2_13.jpg") no-repeat;}
.lawyer2_18{background:url("/img/lawyer2_18.jpg") no-repeat;}
.lawyer2_19{background:url("/img/lawyer2_19.jpg") no-repeat;}
.lawyer2_20{background:url("/img/lawyer2_20.jpg") no-repeat;}
.lawyer2_21{background:url("/img/lawyer2_21.jpg") no-repeat;}
.lawyer2_22{background:url("/img/lawyer2_22.jpg") no-repeat;}
.lawyer2_23{background:url("/img/lawyer2_23.jpg") no-repeat;}
.lawyer2_24{background:url("/img/lawyer2_24.jpg") no-repeat;}
.lawyer2_25{background:url("/img/lawyer2_25.jpg") no-repeat;}
.lawyer2_26{background:url("/img/lawyer2_26.jpg") no-repeat;}
.lawyer1_01:hover{background:url("/img/lawyer1_01_over.jpg") no-repeat;}
.lawyer1_02:hover{background:url("/img/lawyer1_02_over.jpg") no-repeat;}
.lawyer1_03:hover{background:url("/img/lawyer1_03_over.jpg") no-repeat;}
.lawyer1_04:hover{background:url("/img/lawyer1_04_over.jpg") no-repeat;}
.lawyer2_01:hover{background:url("/img/lawyer2_01_over.jpg") no-repeat;}
.lawyer2_02:hover{background:url("/img/lawyer2_02_over.jpg") no-repeat;}
.lawyer2_03:hover{background:url("/img/lawyer2_03_over.jpg") no-repeat;}
.lawyer2_04:hover{background:url("/img/lawyer2_04_over.jpg") no-repeat;}
.lawyer2_05:hover{background:url("/img/lawyer2_05_over.jpg") no-repeat;}
.lawyer2_06:hover{background:url("/img/lawyer2_06_over.jpg") no-repeat;}
.lawyer2_07:hover{background:url("/img/lawyer2_07_over.jpg") no-repeat;}
.lawyer2_08:hover{background:url("/img/lawyer2_08_over.jpg") no-repeat;}
.lawyer2_09:hover{background:url("/img/lawyer2_09_over.jpg") no-repeat;}
.lawyer2_10:hover{background:url("/img/lawyer2_10_over.jpg") no-repeat;}
.lawyer2_11:hover{background:url("/img/lawyer2_11_over.jpg") no-repeat;}
.lawyer2_12:hover{background:url("/img/lawyer2_12_over.jpg") no-repeat;}
.lawyer2_13:hover{background:url("/img/lawyer2_13_over.jpg") no-repeat;}
.lawyer2_18:hover{background:url("/img/lawyer2_18_over.jpg") no-repeat;}
.lawyer2_19:hover{background:url("/img/lawyer2_19_over.jpg") no-repeat;}
.lawyer2_20:hover{background:url("/img/lawyer2_20_over.jpg") no-repeat;}
.lawyer2_21:hover{background:url("/img/lawyer2_21_over.jpg") no-repeat;}
.lawyer2_22:hover{background:url("/img/lawyer2_22_over.jpg") no-repeat;}
.lawyer2_23:hover{background:url("/img/lawyer2_23_over.jpg") no-repeat;}
.lawyer2_24:hover{background:url("/img/lawyer2_24_over.jpg") no-repeat;}
.lawyer2_25:hover{background:url("/img/lawyer2_25_over.jpg") no-repeat;}
.lawyer2_26:hover{background:url("/img/lawyer2_26_over.jpg") no-repeat;}
/* 성범죄 센터 > 로엘의 프로세스 */
.crime_con {background:url("/img/crime_img.jpg") center 11px no-repeat; height:1013px; position:relative;}
.crime_con .tit {font-size:20px; color:#111b1e; letter-spacing:-2px;}
.crime_con .txt {font-size:15px; color:#444444; font-weight:normal; margin-top:3px; letter-spacing:-1.5px; line-height:24px;}
.crime_con .crime_con_01 {position:absolute; left:750px; top:81px;}
.crime_con .crime_con_02 {position:absolute; left:117px; top:337px;}
.crime_con .crime_con_03 {position:absolute; left:750px; top:592px;}
.crime_con .crime_con_04 {position:absolute; left:117px; top:850px;}

/* 성범죄 센터 공통 서브 비주얼 */
.con_sub_visual {position:relative;}
.con_sub_visual .con_sub_visual_txt_wrap {position:absolute; top:0; left:69px;}
.con_sub_visual .con_sub_visual_txt_wrap .sub_visual_tit {font-size:39px; color:#fff; letter-spacing:-3.2px;}
.con_sub_visual .con_sub_visual_txt_wrap .sub_visual_tit_line {width:541px; border-top:1px solid #7e7e7e; margin:14px 0 16px 0;}
.con_sub_visual .con_sub_visual_txt_wrap .sub_visual_txt {font-size:18px; color:#fff; line-height:33px; letter-spacing:-1.2px; font-weight:lighter;}
.con_sub_visual .con_sub_visual_txt_wrap .sub_visual_txt_ex {font-size:12px; color:#a1a1a1; line-height:21px; margin-top:7px; letter-spacing:-1px;}
.con_sub_visual .sub_img_sh {background:url("/img/sh_sub_visual.jpg") center no-repeat; width:1200px; height:330px;}
.con_sub_visual .sub_img_sm {background:url("/img/sm_sub_visual.jpg") center no-repeat; width:1200px; height:330px;}
.con_sub_visual .sub_img_sa {background:url("/img/sa_sub_visual.jpg") center no-repeat; width:1200px; height:330px;}
.con_sub_visual .sub_img_sp {background:url("/img/sp_sub_visual.jpg") center no-repeat; width:1200px; height:330px;}

/* 성범죄 센터 공통 타이틀 */
.crime_tit {background:url("/img/icon_01.png") left top 5px no-repeat; padding-left:29px; margin-bottom:16px; font-size:20px; color:#171717; letter-spacing:-2.1px;}

/* 성범죄센터 공통 박스 디자인 */
.con_gray_box {background:#efefef; border:1px solid #d6d6d6; padding:25px 0 47px 69px;}
.con_gray_box > .tit {font-size:18px; color:#181818; margin:26px 0 8px 0; letter-spacing:-0.7px;}
.con_gray_box > .tit > span {font-weight:lighter; border-top:1px solid #000;}
.con_gray_box > .txt {font-size:14px; color:#727272; font-weight:lighte; line-height:28px; letter-spacing:-0.7px;}
.con_white_box {border:1px solid #d6d6d6; padding:20px 0 24px 30px;}
.con_white_box > .txt {font-size:14px; font-weight:lighte; color:#727272; line-height:25px; letter-spacing:-0.7px;}
.con_white_box > .txt .bar_02 {vertical-align:middle; margin:0 6px 0 -6px;}
.con_white_box .b_tit {font-size:14px; font-weight:lighte; color:#232323; margin:31px 0 7px 0; letter-spacing:-0.7px;}
.con_white_box .b_tit:first-child {margin:0 0 7px 0;}

/* 피의자,피고인을 위한 변호 (공통) */
.suspect_box_01 {background:url("/img/suspect_img01.jpg") no-repeat; width:1022px; height:199px; margin:27px auto 0; position:relative;}
.suspect_box_01 p {font-size:15px; color:#435672; font-weight:lighte; text-align:center; position:absolute; top:110px; left:50%; transform:translateX(-50%); width:100%; letter-spacing:0px; line-height:25px;}
.suspect_box_02 {background:url("/img/suspect_img02.jpg") center no-repeat; height:480px; margin:80px auto 0; position:relative;}
.suspect_box_02 ul {width:1022px; margin:0 auto; overflow:hidden;}
.suspect_box_02 ul li {float:left; font-size:18px; color:#1e1e1e; width:310px; text-align:center; margin:278px 46px 0 0; letter-spacing:-1.5px;}
.suspect_box_02 ul li:last-of-type {margin-right:0;}
.suspect_box_txt {padding:50px 0;}
.suspect_box_txt .txt_01, .suspect_box_txt .txt_02 {font-size:17px;} 
.suspect_box_txt .txt_01 {font-weight:lighter; margin-top:26px; letter-spacing:-1.3px; line-height:28px;}
.suspect_box_txt .txt_02 {margin-top:29px; letter-spacing:0px; line-height:26px;}

/* 피의자,피고인을 위한 변호 > 공판단계 (이미지 변경)*/
.trial_con .suspect_box_01 {background:url("/img/trial_img01.jpg") no-repeat; width:1022px; height:199px; margin:27px auto 0; position:relative;}
.trial_con .suspect_box_02 {background:url("/img/trial_img02.jpg") center no-repeat; height:480px; margin:80px auto 0; position:relative;}

/* 피해자를 위한 조력 */
.victim_con {overflow:hidden; width:1000px; margin:51px auto 0;}
.victim_con .victim_left {float:left; width:470px; margin-right:60px;}
.victim_con .victim_right {float:left; width:470px;}
.victim_con .tit {font-size:24px; color:#1d1d1d; margin-top:22px; letter-spacing:-2px;}
.victim_con .txt_01 {font-size:17px; color:#696868; font-weight:lighter; margin-top:21px; letter-spacing:-1.3px; line-height:27px;}
.victim_con .txt_02 {font-size:17px; color:#1d1d1d; margin-top:30px; letter-spacing:-1.3px; line-height:28px;}

/* 전화상담 */
.call_con {width:796px; height:370px; margin:107px auto 0; overflow:hidden; position:relative; letter-spacing:-0.5px; font-family: 'Nanum Gothic', sans-serif;}
.call_con .left_con {float:left; width:484px; height:336px; padding:34px 0 0 40px;background:#aeb2bd;}
.call_con .tit {font-size:17px; color:#fff;}
.call_con .tit_line {border-bottom:1px solid #fff; width:15px; margin:11px 0 12px 0;}
.call_con  label {font-size:16px; color:#101722; /*width:96px;*/ display:inline-block; vertical-align:top;}
.call_con .call_label, .call_con .inq_label {font-size:16px; color:#101722; width:96px; display:inline-block; vertical-align:top; margin-top:10px;}
.call_con .phone {width:328px; height:34px; border:1px solid #788497;}
.call_con textarea {width:330px; height:100px; border:1px solid #788497; resize:none; margin-top:13px; overflow-y:scroll;}
.call_con .checkbox_label {font-size:13px; color:#282b30; width:150px; vertical-align:bottom;}
.call_con .call_view {width:64px; height:26px; border:1px solid #bec4ce; background:#9ea4b3; text-align:center; position:absolute; top:244px; left:300px;}
.call_con .call_view a {color:#fff; font-size:12px; line-height:26px; display:block;}
.call_con .call_btn {width:155px; height:40px; background:#313b4b; border:1px solid #161c26; text-align:center; margin:23px 0 0 97px;}
.call_con .call_btn a {font-size:13px; color:#fff; line-height:40px; display:block;}
.call_con .check_list {width:333px; margin-top:10px;}
.call_con .check_list label {margin:0 5px 5px 0; margin-left:10px;}
.call_con .check_list input[type="radio"] {margin-bottom:5px; vertical-align:bottom; width:16px; height:16px;}
.call_con .right_con {float:left; width:232px; height:336px; padding:34px 0 0 40px; background:#094374;}
.call_con .right_con .number_txt {color:#498dc7; font-size:13px;}
.call_con .right_con .number_01 {color:#60c3fb; font-size:32px; font-weight:900; margin-top:8px; letter-spacing:-2px; word-spacing:-2px;}
.call_con .right_con .number_02 {color:#8ec5f0; font-size:17px; margin-top:5px;}
.call_con .right_con .call_img {margin:23px 0 30px 38px;}

/* 회원 */
.top_tab {width:1200px; margin:20px auto 0; overflow:hidden;}
.top_tab ul li {float:left;}



.community07_img_wrap{overflow:hidden; width:960px; margin:0 auto;}
.community07_img_wrap ul li{float:left; text-align:center; margin-right:30px; margin-bottom:50px;height:300px;width:300px}
.community07_img_wrap ul li:nth-of-type(3n){margin-right:0;}
.community07_img_wrap ul li p{margin-top:15px;}

.magazine #bbs #blist{ margin:0px;}
.magazine .community07_img_wrap{ border:none; width:1200px; margin:0 auto; padding:0px;}
.magazine .community07_img_wrap ul{ float:left;}
.magazine .community07_img_wrap ul li{ float:left; margin:0px;margin:0 0 27px 27px;}
.magazine .community07_img_wrap ul li.fl{ margin-left:0;}
.magazine .community07_img_wrap li{ width:382px; height:383px; float:left;}
.magazine .community07_img_wrap li a.pimg{ background:#bbb; float:left; width:382px; height:237px;}
.magazine .community07_img_wrap li a.pimg img{ float:left; width:380px; height:236px; position:relative; margin:1px 0 0 1px;}
.magazine .community07_img_wrap li .text{position:relative; width:100%; height:146px; float:left; background:#bbb; }
.magazine .community07_img_wrap li .text .wbox{ width:380px; height:145px; margin:0 0 1px 1px; background:#fff;}
.magazine .community07_img_wrap ul li p{margin:0px;}
.magazine .community07_img_wrap ul li p.bold{padding:30px 0 0 0; margin:0px; font-size:14px; width: 300px;margin: 0 auto;}
.magazine .community07_img_wrap ul li p.more{position:absolute; bottom:10px; left:50%; margin-left:-37.5px;}


/* 성공사례 */
.suc_best .bx-wrapper{max-width:1200px !important; padding-bottom:50px; position:relative;}
.suc_best ul{overflow:hidden;}
.suc_best ul > li{float:left; width:280px; border:1px solid #e0e0e0; box-sizing:border-box;}
.suc_best ul > li.bx-clone{display:none;}
.suc_best ul > li .best_head{padding:25px 0 15px 25px; overflow:hidden;}
.suc_best ul > li .best_head .bh_img{float:left;}
.suc_best ul > li .best_head .bh_img img{width:61px; height:62px;}
.suc_best ul > li .best_head .bh_txt{float:left; margin-left:10px;}
.suc_best ul > li .best_head .bh_txt p.bh_tit1{color:#15294e; font-size:16px; line-height:1; margin:5px 0; width:170px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.suc_best ul > li .best_head .bh_txt p.bh_tit2{color:#495164; font-size:25px; line-height:1; width:170px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.suc_best ul > li .best_body{position:relative; padding:20px 30px; background:#b8becb; letter-spacing:-0.5px; max-height:210px; min-height:210px;}
.suc_best ul > li .best_body div,.suc_best ul > li .best_body span{color:#fff !important; font-size:16px !important; line-height:1.5 !important; font-family:'Noto Sans KR' !important; font-weight:normal !important;}

.suc_best ul > li .best_body div.bb_txt{ height:150px;overflow:hidden;}

.suc_best ul > li .best_body .bb_btn{position:absolute; bottom:35px; left:50%; margin-left:-73px;}
.suc_best .bx-wrapper .bx-pager{width:100%; position:absolute; bottom:13px; left:0; text-align:center;}
.suc_best .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; margin-right:8px;}
.suc_best .bx-wrapper .bx-pager .bx-pager-item:last-of-type{margin-right:0;}
.suc_best .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:8px; height:8px; background:url("/img/suc_pager_off.png") no-repeat; text-indent:-9999px;}
.suc_best .bx-wrapper .bx-pager.bx-default-pager a.active{background:url("/img/suc_pager_on.png") no-repeat;}


.drug01{text-align:left;}

.drug_sh01_wrap{height:591px; background:url("/img/drug_sh01_bg.jpg") center top no-repeat; box-sizing:border-box;}
.drug_sh_txt{padding-left:29px; font-size:17px; color:#fff; font-weight:200; line-height:28px; letter-spacing:-0.075em;}

.drug_sh02{margin-top:30px; background:#e9eef8; padding:35px 0; border-top:2px solid #007ed7;}
.drug_sh02 p{font-size:15px; color:#435672; font-weight:300; line-height:26p;}


.drug_sh04_wrap{height:480px; background:url("/img/drug_sh04_bg.jpg") center top no-repeat; box-sizing:border-box;}

/* 로엘법률사무소 > 로엘 법무법인 부산분사무소 */
.intro_tab {margin-top:23px;margin-bottom:58px;}
.intro_tab02_con_01 {width:1200px; margin:0 auto; overflow:hidden;}
.intro_tab02_con_01 .intro_con_01_left {float:left; width:600px; text-align:left; margin-top:48px;}
.intro_tab02_con_01 .intro_con_01_left .txt_01 {font-size:52px; color:#3b3b3b; font-weight:lighter; letter-spacing:-2px;}
.intro_tab02_con_01 .intro_con_01_left .txt_02 {font-size:33px; color:#111b1e; letter-spacing:-3px;}
.intro_tab02_con_01 .intro_con_01_left .txt_03 {font-size:18px; color:#aab2b4; font-weight:lighter; letter-spacing:-2.1px; margin-top:45px; line-height:36px;}
.intro_tab02_con_01 .intro_con_01_right {float:left; margin-top:8px;}

.intro_tab02_con_02 {background:url("/img/intro_tab02_img02.jpg") center center #ffffff no-repeat; height:406px; margin-top:100px; overflow:hidden;}
.intro_tab02_con_02 .intro_tab02_wrap {width:300px; position:relative; margin:0 auto;}
.intro_tab02_con_02 .intro_tab02_wrap .intro_con_02_left {width:700px; text-align:left;margin-bottom:38px;margin-left:40px;}
.intro_tab02_con_02 .intro_tab02_wrap .intro_con_02_left .txt_01 {font-size:52px; color:#ffffff; font-weight:lighter; letter-spacing:-2px;margin-top:23px;}
.intro_tab02_con_02 .intro_tab02_wrap .intro_con_02_left .txt_02 {font-size:33px; color:#ffffff; letter-spacing:-3px;}
.intro_tab02_con_02 .intro_tab02_wrap .intro_con_02_left .txt_03 {font-size:18px; color:#ffffff; font-weight:lighter; letter-spacing:-2.1px; margin-top:30px; line-height:28px;}
.intro_tab02_con_02 ul {width:800px; margin:0 auto; border:0px #fff solid;}
.intro_tab02_con_02 ul li {float:left; width:220px; font-size:17px; margin:0px 0px 0 0; letter-spacing:-1.7px; color:#fff; font-weight:lighter;}
.intro_tab02_con_02 ul li:last-child {margin-right:0;}
.intro_tab02_con_02 ul li .txt_01 {font-size:11px;margin-top:31px;}
.intro_tab02_con_02 ul li .txt_02 {font-size:11px;margin-top:18px;}
.intro_tab02_con_02 ul li .txt_03 {font-size:11px;margin-top:19px;}

.intro_tab02_con_03 {margin:0 auto; background:url("/img/intro_tab02_img03.jpg") center center #ffffff no-repeat; height:735px; margin-top:100px; }
.intro_tab02_con_03 .intro_con_03_left { margin:0 auto; width:1200px; text-align:left; margin-top:74px;}
.intro_tab02_con_03 .intro_con_03_left .txt_01 {font-size:52px; color:#3b3b3b; font-weight:lighter; letter-spacing:-2px;}
.intro_tab02_con_03 .intro_con_03_left .txt_02 {font-size:33px; color:#111b1e; letter-spacing:-3px;}
.intro_tab02_con_03 .intro_con_03_left .txt_03 {font-size:19px; color:#aab2b4; font-weight:lighter; letter-spacing:-2.1px; margin-top:45px; line-height:36px;}