@charset "utf-8";

/* 페이지 포인트 컬러 */
#pageCm .pg_color{color:#0e6eb8}
#pageCm .pg_bdcolor:before{border-color:#0e6eb8}
#pageCm .pg_bgcolor{background-color:#0e6eb8}

/* 공통 */
#pageCm{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
#pageCm .tit_area>span{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-family:'notokr-bold'}
#pageCm .tit_area.t_center>span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#pageCm .tit_area>p{font-size:29px;line-height:1.4}
#pageCm .t_center{text-align:center}
#pageCm .c_black{color:#333}
#pageCm strong{font-weight:normal;font-family:'notokr-bold'}
#pageCm .stit_area{font-size:17px;line-height:1.6}
#pageCm .stit_area h4{padding-bottom:15px;font-size:29px;font-weight:normal;line-height:1.4;font-family:'notokr-regular'}
#pageCm .blue{color:#0e6eb8}

/* 대표 인사말 */
.p6{text-align:center}
.p6 .cont_area{padding-top:250px;background:url(/sh_page/img/p6_img.jpg) top center no-repeat}
.p6 .cont{padding-top:50px;width:90%;margin:0 auto;background-color:#fff}
.p6 .cont .st{padding-bottom:10px;font-size:22px;letter-spacing:-.8px;color:#333;font-family:'notokr-medium'}
.p6 .cont .sign{color:#333;font-family:'notokr-bold'}
.p6 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Nanum Pen Script'}

/*변호사소개 공통*/
#intro{padding-top:30px;font-size:14px;line-height:25px;color:#777;letter-spacing:-.3px;font-family:notokr-regular}
#intro .img_area{position:relative;height:614px;border-radius:0 50px 0 0}
#intro .img_area .img{position:absolute;left: 11%;bottom:0;}
#intro .img_area .img img{width:97%;}
#intro .img_area .txt{position: absolute;left:52%;bottom:0;width:426px;padding:77px 50px;border:solid 11px #0e6eb8;background:#fff}
#intro .img_area .txt .lo{padding-top:10px;font-size: 15px;color:#0e6eb8;font-family:notokr-medium;}
#intro .img_area .txt .name{padding-top: 10px;font-size:19px;color:#333;}
#intro .img_area .txt .name span{font-size:48px;font-family:notokr-light}
#intro .img_area .txt .name .year{font-size:19px;font-family:'notokr-light'}
#intro .img_area .txt ul{margin-top:30px}
#intro .img_area .txt ul li:before{display:inline-block;width:2px;height:2px;margin:0 8px 5px 0;border-radius:30px;content:'';background-color: #aaa}
#intro .profile {overflow:hidden}
#intro .profile dl{float:left;width:48%;margin-top:60px}
#intro .profile dl:nth-child(odd){margin-right:4%}
#intro .profile dl dt{padding-bottom:10px;margin-bottom:15px;border-bottom:solid 1px #444;font-size:17px;color:#333;font-family:notokr-bold}
#intro .profile dl dd{position:relative;padding-left:10px;font-size:14px;color:#666;font-family:'notokr-regular'}
#intro .profile dl dd:before{display:inline-block;position:absolute;left:0;top:12px;width:3px;height:3px;margin:0 8px 5px 0;border-radius:30px;content:'';background-color:#0e6eb8;}
#intro .profile dl dt:before{display: inline-block;width:8px;height:8px;margin:0 6px 2px 0;border-radius:180px;content:'';border: solid 2px #0e6eb8}
#intro .profile dl p{margin-bottom:10px;color:#333;font-family:notokr-medium}

/*유화가하는일,이혼소송 공통*/
.page_area .page_area_tit{position:relative;width:100%;height:255px}
.page_area .page_area_tit .tit_box{position:absolute;top:70px;left:50%;width:323px;height:116px;margin-left:-161px;text-align:center;background:rgba(2,44,77,.7)}
.page_area .page_area_tit .tit_box .tit{margin-top:25px;font-size:30px;color:#fff;font-family:'notokr-bold'}
.page_area .page_area_tit .tit_box .s_tit{font-size:13px;color:rgba(255,255,255,.6);font-family: 'Montserrat'}
.page_area .cont_box{padding:50px 25px}
.page_area .cont_tit{margin-bottom:20px;height:45px;line-height:45px;font-size:16px;color:#333;background:#f7f7f7;font-family:'notokr-bold'}
.page_area .cont_tit span{display:inline-block;width:45px;height:45px;margin-right:20px;text-align:center;color:#fff;background:#022c4d;font-family:'notokr-bold'}
.page_area .cont_tit span.gray{background:#848484}
.page_area .txt_box{margin-bottom:60px;padding:40px 70px;border:1px solid #ddd;font-size:15px;line-height:26px;color:#666;background:#fff;font-family:'notokr-regular'}
.page_area .txt_box .txt_box_tit{margin-bottom:10px;font-size:16px;color:#0e6eb8;font-family:'notokr-bold'}
.page_area .txt_box .box_tit02{margin-top:30px}
.page_area .box_list{font-size:15px;line-height:26px;color:#666;font-family:'notokr-regular'}
.page_area .box_list li{position:relative;padding-left:10px}
.page_area .box_list li:before{position:absolute;left:0;top:10px;content:'';width: 3px;height:3px;border-radius:100px;background:#0e6eb8}
.page_area .cont_tit02{height:45px;padding-left:30px;margin-bottom:20px;border-left:2px solid #022c4d;line-height:45px;font-size:16px;color:#333;background:#f7f7f7;font-family: 'notokr-bold'}


.mb_tab_img{overflow:hidden;padding-bottom:30px;margin-bottom:20px;text-align:center;border-bottom:1px dotted #ddd}
.mb_tab_img > div{display:inline-block;width:130px;height:130px;margin:0 10px;border:1px solid #ddd;transition:all .3s}
.mb_tab_img > div .tit{padding:10px 0 0 10px;text-align:left;font-size:18px;color:#333;font-family:'notokr-bold'}
.mb_tab_img > div a{display:block;height:100%}

.mb_tab_img > div:nth-child(1){background:url(/sh_page/img/mb_mini01_off.png) no-repeat}
.mb_tab_img > div.on:nth-child(1){background:url(/sh_page/img/mb_mini01_on.png) no-repeat}

.mb_tab_img > div:nth-child(2){background:url(/sh_page/img/mb_mini02_off.png) no-repeat}
.mb_tab_img > div.on:nth-child(2){background:url(/sh_page/img/mb_mini02_on.png) no-repeat}

.mb_tab_img > div:nth-child(4){background:url(/sh_page/img/mb_mini05_off.png) no-repeat}
.mb_tab_img > div.on:nth-child(4){background:url(/sh_page/img/mb_mini05_on.png) no-repeat}

.mb_tab_img > div:nth-child(3){background:url(/sh_page/img/mb_mini06_off_250812.png) no-repeat}
.mb_tab_img > div.on:nth-child(3){background:url(/sh_page/img/mb_mini06_on_250812.png) no-repeat}

.mb_tab_img > div:nth-child(5){background:url(/sh_page/img/mb_mini_07.off.png) no-repeat}
.mb_tab_img > div.on:nth-child(5){background:url(/sh_page/img/mb_mini_07.on.png) no-repeat}


/*개별배경*/
.p30 .page_area_tit{background:url(/sh_page/img/p30_tit_bg.jpg) no-repeat}
.p31 .page_area_tit{background:url(/sh_page/img/p31_tit_bg.jpg) no-repeat}
.p32 .page_area_tit{background:url(/sh_page/img/p32_tit_bg.jpg) no-repeat}
.p33 .page_area_tit{background:url(/sh_page/img/p33_tit_bg.jpg) no-repeat}
.p34 .page_area_tit{background:url(/sh_page/img/p34_tit_bg.jpg) no-repeat}
.p36 .page_area_tit{background:url(/sh_page/img/p36_tit_bg.jpg) no-repeat}
.p37 .page_area_tit{background:url(/sh_page/img/p37_tit_bg.jpg) no-repeat}
.p38 .page_area_tit{background:url(/sh_page/img/p38_tit_bg.jpg) no-repeat}
.p93 .page_area_tit{background:url(/sh_page/img/p93_tit_bg.jpg) no-repeat}