@charset "utf-8";

.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
    
/* 인사말 */
#p33{padding:255px 50px 0;background:url('/sh_page/img/p33_bg.jpg') no-repeat top center}
#p33 .g_area{background:#fff}
#p33 .g_box{padding:54px 50px}
#p33 .g_box .eng_tit{font-size:13px;font-weight:600;letter-spacing:2px;color:#d49f48;font-family:'Poppins', sans-serif}
#p33 .g_box .big_txt{margin:16px 0 38px;font-size:30px;color:#222;font-family:'notokr-light'}
#p33 .g_box .big_txt span{font-family:'notokr-bold'}
#p33 .g_box .s_txt{white-space:pre-line}
#p33 .lang_box{margin-bottom:50px;padding:54px 50px;background:#f5f5f5}
#p33 .lang_box dl{display:flex}
#p33 .lang_box dl+dl{margin-top:35px;padding-top:35px;border-top:1px solid #e1e1e1}
#p33 .lang_box dl dt span{display:inline-block;width:60px;border-radius:50px;text-align:center;line-height:30px;letter-spacing:0;font-weight:500;color:#fff;background:#d49f48;font-family:'Poppins', sans-serif}
#p33 .lang_box dl dd{width:calc(100% - 60px);padding-left:30px;white-space:pre-line}
#p33 .img_box img{width:100%}

/* 주요서비스, 전문분야 */
.law_page .law_tit{position:relative;width:calc(100% - 100px);margin:0 auto;padding:0 50px 53px;background:#fff}
.law_page .law_tit .tit{display:inline-block;position:relative;z-index:1;margin-bottom:44px;padding:0 10px;font-size:30px;color:#222;font-family:'notokr-bold'}
.law_page .law_tit .tit:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:22px;background:#f6ecda}
.law_page .law_tit .txt{word-break:keep-all}
.law_page .law_list{margin-top:-60px}
.law_page .law_list .list_tit{position:relative;margin:42px 0 0 50px;padding-left:21px;font-size:18px;color:#222;font-family:'notokr-bold'}
.law_page .law_list .list_tit:before{position:absolute;left:0;top:13px;content:'';width:6px;height:6px;border:2px solid #d49f48;border-radius:100%;background:#fff}
.law_page .law_list ul{display:flex;flex-wrap:wrap;padding:0 50px}
.law_page .law_list ul li{width:calc(100%/3 - 10px);margin:15px 15px 0 0;padding:0 30px;border:1px solid #e1e1e1;line-height:65px;color:#333;font-family:'notokr-medium'}
.law_page .law_list ul li:nth-child(2n){background:#f5f5f5}
.law_page .law_list ul li:nth-child(3n){margin-right:0}
.law_page .law_list ul li span{margin-right:15px;font-weight:700;letter-spacing:0;color:#d49f48;font-family:'Poppins', sans-serif}
.law_page .law_list ul.w_50 li{width:calc(100%/2 - 7.5px)}
.law_page .law_list ul.w_50 li:nth-child(3n){margin-right:15px}
.law_page .law_list ul.w_50 li:nth-child(2n){margin-right:0;background:#fff}
.law_page .law_list ul.w_50 li.g_bg{background:#f5f5f5}
.law_page .law_list ul.w_100 li{width:100%;margin-right:0;padding:19px 20px;line-height:25px;word-break:keep-all}
.law_page .law_list ul.w_100 li:nth-child(2n){background:#f5f5f5 !important}

/* 변호사 소개 */
#p55 .tit_box{margin-bottom:50px;padding:0 10px;position:relative;display:inline-block;letter-spacing: -.3px;color:#222;font-size:30px;font-family:'notokr-bold'}
#p55 .tit_box:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:22px;background:#f6ecda}
#p55 .box_wrap {margin-bottom:100px;overflow:hidden}
#p55 .box_wrap .l_box{float:left;width:40%}
#p55 .box_wrap .l_box img{width:100%}
#p55 .box_wrap .r_box{float:right;width:55%}
#p55 .box_wrap .r_box .name_txt{ display:inline-block;margin-bottom:10px;padding:3px 20px;background:#d49f48;color:#fff;border-radius:50px;font-family:'notokr-medium'}
#p55 .box_wrap .r_box .name_tit{margin-bottom:20px;color:#222;font-size:26px;font-family:'notokr-regular'}
#p55 .box_wrap .r_box .name_tit span{font-family:'notokr-bold'}
#p55 .box_wrap .r_box .profile_box{padding: 23px;color:#fff;background:#34385b;word-break:keep-all}
#p55 .box_wrap .r_box .profile_box .profile{}
#p55 .box_wrap .r_box .profile_box .profile .p_tit{padding-bottom:10px;border-bottom:1px solid #fff;font-size: 18px;font-family:'notokr-medium';}
#p55 .box_wrap .r_box .profile_box .profile ul{padding:20px 0}
#p55 .box_wrap .r_box .profile_box .profile ul li{text-align:left}

.on_box{margin-top:30px; text-align:center;display:inline-flex;justify-content:center;width:100%;height: 50px;line-height:50px}
.on_box.mo{display:none}
.on_box a{background-color:#d6b278;color:#fff;padding:0 60px;border-radius:40px}
.on_box.pc{height:60px;line-height:60px}
.on_box.pc a:hover{background-color:#d49f48;transition:.3s;}
.on_box.pc a{padding:0 120px;}
/* 반응형 [s] */
@media (max-width:1200px){
#p33{padding:255px 30px 0}
#p33 .g_box{padding:54px 30px}
#p33 .lang_box{padding:54px 30px}
.law_page .law_tit{width:calc(100% - 60px);padding:0 30px 53px}
.law_page .law_list .list_tit{margin-left:30px}
.law_page .law_list ul{padding:0 30px}
#p40 .law_list ul li{padding:0 18px}

}
@media (max-width:1024px){
#p33 .g_box .s_txt{white-space:normal;word-break:keep-all}
.law_page .law_list ul li{padding:0 20px}
#p40 .law_list ul.w_50 li{width:100%;margin-right:0 !important} 
#p40 .law_list ul.w_50 li.g_bg{background:#fff !important}
#p40 .law_list ul.w_50 li:nth-child(2n){background:#f5f5f5 !important}
#p55 .box_wrap .l_box img{width:100%}
}
@media (max-width:900px){
.law_page .law_list ul.w_50 li{width:100%;margin-right:0 !important} 
.law_page .law_list ul.w_50 li.g_bg{background:#fff !important}
.law_page .law_list ul.w_50 li:nth-child(2n){background:#f5f5f5 !important}
}
@media (max-width:768px){
#p33{padding:20% 15px 0;background-size:contain}
#p33 .g_box{padding:45px 25px}
#p33 .g_box .big_txt{margin:10px 0 25px;font-size:25px;line-height:35px;word-break:keep-all}
#p33 .lang_box{padding:45px 25px}
#p33 .lang_box dl dd{white-space:normal}
.law_page .law_tit{width:calc(100% - 30px);padding:0 25px 33px}
.law_page .law_tit .tit{margin-bottom:30px;font-size:25px}
.law_page .law_list{margin-top:-40px}
.law_page .law_list .list_tit{margin-left:15px}
.law_page .law_list ul{padding:0 15px}
.law_page .law_list ul li{width:calc(100%/2 - 5px);margin:10px 10px 0 0}
.law_page .law_list ul li:nth-child(3n){margin-right:10px}
.law_page .law_list ul li:nth-child(2n){margin-right:0;background:#fff}
.law_page .law_list ul li.g_bg{background:#f5f5f5}
#p41 .law_list ul li span{display:block}
#p55 .tit_box{font-size:28px;margin-bottom:20px}
#p55 .box_wrap{padding:20px;margin-bottom:30px}
#p55 .tit_box{margin-left:10px}
#p55 .box_wrap .r_box{width:100%;text-align:center}
#p55 .box_wrap .l_box{width:100%}
#p55 .box_wrap .l_box img{width:100%;margin-bottom:30px}
.on_box.mo{display:inline-flex;}
#p55 .box_wrap + .box_wrap{padding-top:50px;border-top:1px solid #e1e1e1;}
.on_box.pc{display:none;}
}
@media (max-width:490px){
#p33{padding:20% 15px 30px}
#p33 .g_box .big_txt{font-size:23px;line-height:33px}
#p33 .lang_box dl{display:block}
#p33 .lang_box dl dd{width:100%;padding:20px 0 0}
.law_page{padding:30px 0}
.law_page .law_tit .tit{font-size:23px}
.law_page .law_list .list_tit{font-size:16px}
.law_page .law_list .list_tit:before{top:11px}
.law_page .law_list ul li{width:100%;margin-right:0 !important;padding:10px 20px !important;line-height:25px;word-break:keep-all}
.law_page .law_list ul li.g_bg{background:#fff}
.law_page .law_list ul li:nth-child(2n){background:#f5f5f5}
.law_page .law_list ul li span{display:block}
#p55 .box_wrap .r_box .name_tit{font-size:24px}
}
/* 반응형 [e] */