/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-top-tt{margin-bottom:55px;line-height:1.25em;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);color: #242424;font-weight:500;text-align:center;}
.about .img{margin-bottom:50px;}
.about .con .row{margin-bottom:45px;}
.about .con .row:last-child{margin-bottom:0;}
.about .con .row .num{margin-bottom:-35px;font-size: clamp(2.25rem, 0.8684rem + 5.5263vw, 7.5rem);line-height:1em;color: #04346b;opacity:.07;font-weight:700;}
.about .con .row .tit{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.4em;color: #242424;font-weight:500;}

.loc .maps{position:relative;}
.loc .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .map_border{display:none;}
.loc .maps .roughmap_lebel_text:after {content:"홍대 법무법인"; font-size:12px; line-height:15px;}
.loc .maps .info{position: absolute;left:0;bottom:0;width:100%;padding:25px 60px;background-color:rgba(0,0,0,.6);z-index:1;}
.loc .maps .info ul{display:flex;flex-wrap:wrap;margin:0 -30px -15px;}
.loc .maps .info ul li{padding:0 30px;margin-bottom:15px;}
.loc .maps .info ul li p{position:relative;padding-left:34px;color: #fff;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.4em;}
.loc .maps .info ul li p:before{content:'';width:24px;height:24px;background:url('../image/ic-loc.png')no-repeat 0 50%/contain;position: absolute;left:0;top:1px;}
.loc .maps .info ul li.type2 p:before{background-image:url('../image/ic-tel.png');}
.loc .maps .info ul li.type3 p:before{background-image:url('../image/ic-fax.png');}
.loc .maps .info ul li.type4 p:before{background-image:url('../image/ic-mail.png');}
.loc .maps .info ul li.type1{width:100%;}
.loc .way .row{display:flex;align-items:center;padding:40px 0;border-bottom:1px solid #ddd;}
.loc .way .row .ic{display:flex;justify-content:center;align-items:center;width:75px;height:75px;margin-right:20px;border-radius:50%;background-color: #04346b;}
.loc .way .row .wrap{min-width:0;width:1%;flex:1 1 auto;}
.loc .way .row .wrap .tit{margin-bottom:5px;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);color: #242424;line-height:1.4em;font-weight:600;}
.loc .way .row .wrap p{line-height:1.4em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);}

.doc-pg .content{padding:100px 0;}
.doc-pg .content:first-child{padding-top:0;}
.doc-pg .content:nth-child(even){background-color: #f8f8f8;}

.branch .cont1 .img{margin-bottom:55px;}
.dt{/* font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem); */line-height:1.67em;letter-spacing:-.045em;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);}
.dt strong{font-weight:600;}
.branch .cont1 .wrap .dt{margin-bottom:25px;}
.branch .cont1 .wrap .dt:last-child{margin-bottom:0;}

.doc-con{margin-bottom:90px;}
.doc-con:last-child{margin-bottom:0;}
.doc-tit{position:relative;padding-left:30px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;font-size: clamp(1rem, 0.9013rem + 0.3947vw, 1.375rem);line-height:1.4em;color: #242424;font-weight:600;}
.doc-tit:before{content:'';width:20px;height:20px;background:url('../image/ic-tit.png')no-repeat 0 50%/contain;position: absolute;left:0;top:5px;}
.doc-con .cnt{padding-left:30px;}

.branch .cont2 .pp-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -30px;}
.branch .cont2 .pp-list ul li{max-width:120px;width:100%;padding:0 10px;margin-bottom:30px;text-align:center;}
.branch .cont2 .pp-list ul li .pp{margin-bottom:15px;}
.branch .cont2 .pp-list ul li .pp .pic{position:relative; padding-bottom:100%; overflow:hidden;}
.branch .cont2 .pp-list ul li .pp .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.branch .cont2 .pp-list ul li .name{font-size: clamp(0.75rem, 0.6842rem + 0.2632vw, 1rem);line-height:1.6em;}
.branch .cont2 .pp-list ul li .name strong{display:block;color: #242424;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);font-weight:600;}

.flex-con{display:flex;align-items:center;margin-bottom:95px;}
.flex-con .img{width:580px;margin-right:60px;}
.flex-con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.flex-con .tt-wrap .tit{margin-bottom:25px;font-size: clamp(0.9375rem, 0.6908rem + 0.9868vw, 1.875rem);line-height:1.3em;color: #242424;font-weight:600;}
.flex-con .tt-wrap .wrap .dt{margin-bottom:25px;}
.flex-con .tt-wrap .wrap .dt strong{font-weight:700;}
.flex-con .tt-wrap .wrap .dt:last-child{margin-bottom:0;}

.flex-con.type2 .img{width:560px;}
.flex-con.type2 .tt-wrap .wrap .dt{font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.75em;}
.flex-con.type2 .tt-wrap .wrap .dt strong{font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);}

.inq-info ul{display:flex;}
.inq-info ul li{display:flex;align-items:center;margin-right:50px;}
.inq-info ul li:last-child{margin-bottom:0;}
.inq-info ul li .ic{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;border-radius:50%;background-color:#04346b;}
.inq-info ul li p{font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.4em;font-weight:600;}

.title35{;margin-bottom:55px;color: #242424;font-weight:600;line-height:1.2em;font-size: clamp(1.5rem, 1.3191rem + 0.7237vw, 2.1875rem);text-align:center;}

.doc-con .cnt .row{margin-bottom:25px;}
.doc-con .cnt .row:last-child{margin-bottom:0;}
.doc-con .cnt .row .row-tit{margin-bottom:10px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);color: #242424;font-weight:500;line-height:1.4em;}
.doc-con .cnt .row .tt{line-height:1.63em;}
.doc-con .cnt .row .tt .block{display:block;}
.dot-list>li{position:relative;padding-left:13px;line-height:1.63em;}
.dot-list>li:before{content:'';width:4px;height:4px;background-color: #04346b;border-radius:50%;position: absolute;left:0;top:10px;}
.dot-list>li .hypen-list{padding-left:10px;}
.hypen-list>li{position:relative;padding-left:10px;line-height:1.63em;}
.hypen-list>li:before{content:'';width:5px;height:1px;background-color: #454545;position: absolute;left:0;top:11px;}

.member-list{max-width:1080px;width:100%;margin:0 auto;}
.member-list ul{display:flex;flex-wrap:wrap;margin:0 -25px -60px;}
.member-list ul li{width:33.3333%;padding:0 25px;margin-bottom:60px;}
.member-list ul li a{display:block;position:relative;height:100%;transition:.3s;background-color: #f8f8f8;}
.member-list ul li a:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.member-list ul li a:before{content:'';width:100%;height:100%;border:2px solid #04346b;position: absolute;left:0;top:0;transition:.3s;opacity:0;z-index:1;}
.member-list ul li a .pic {position:relative; height:0; padding-bottom: 104.086%;/* padding-bottom:135.923%; */ overflow:hidden;background-color: #fff;}
.member-list ul li a .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; /* object-fit:cover; */ transition:0.3s;object-fit:contain;}
.member-list ul li a .info{padding:25px 20px;border-top:1px solid #ddd;text-align:center;transition:.3s;}
.member-list ul li a .info .name{margin-bottom:10px;color: #242424;font-weight:500;transition:.3s;}
.member-list ul li a .info .name strong{margin-right:10px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);}
.member-list ul li a .info .wrap p{font-size: clamp(0.875rem, 0.8586rem + 0.0658vw, 0.9375rem);line-height: 1.33em;transition:.3s;}
.member-list ul li a:hover{box-shadow:0 0 20px rgba(0,0,0,.15);background-color: #04346b;}
.member-list ul li a:hover:before{opacity:1;}
.member-list ul li a:hover .info{border-color: #04346b;}
.member-list ul li a:hover .info .name{color: #fff;}
.member-list ul li a:hover .info .wrap p{color: #fff;}

.mem-detail .top-con{display:flex;margin-bottom:100px;align-items:flex-start;}
.mem-detail .top-con .img{position:relative;width:470px;margin-right:70px;}
.mem-detail .top-con .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.mem-detail .top-con .img .pic{position:relative; height:0; padding-bottom:141.49%; overflow:hidden;background-color: #fff;}
.mem-detail .top-con .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); 
width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.mem-detail .top-con .tt-wrap{display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;padding-top:7px;}
.mem-detail .top-con .tt-wrap .wrap{margin-bottom:40px;}
.mem-detail .top-con .tt-wrap .name-wrap{margin-bottom:55px;}
.mem-detail .top-con .tt-wrap .name-wrap .comp{margin-bottom:15px;font-weight:500;letter-spacing:0;}
.mem-detail .top-con .tt-wrap .name-wrap .name{line-height:1.3em;color: #242424;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);}
.mem-detail .top-con .tt-wrap .name-wrap .name strong{margin-right:10px;font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem);}
.mem-detail .top-con .tt-wrap .contact{margin-bottom:55px;}
.mem-detail .top-con .tt-wrap .contact ul{display:flex;}
.mem-detail .top-con .tt-wrap .contact ul li{width:33.3333%;padding:0 5px;}
.mem-detail .top-con .tt-wrap .contact ul li .box{position:relative;border-radius:10px;overflow:hidden;}
.mem-detail .top-con .tt-wrap .contact ul li .box:after{content:'';width:100%;height:100%;border:1px solid #04346b;position: absolute;left:0;top:0;opacity:.4;border-radius:10px;;}
.mem-detail .top-con .tt-wrap .contact ul li .box .tit{display:flex;align-items:center;justify-content:center;height:40px;background-color: #04346b;color: #fff;}
.mem-detail .top-con .tt-wrap .contact ul li .box .tit span{position:relative;padding-left:34px;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.2em;font-weight:500;}
.mem-detail .top-con .tt-wrap .contact ul li .box .tit span:before{content:'';width:24px;height:24px;background:url('../image/mem-mail.png')no-repeat 0 50%/contain;position: absolute;left:0;top:0px;}
.mem-detail .top-con .tt-wrap .contact ul li .box p{display:flex;justify-content:center;align-items:center;height:40px;color: #04346b;}
.mem-detail .top-con .tt-wrap .doc-tit{padding-bottom:0;border-bottom:none;}
.mem-detail .top-con .tt-wrap .dot-list{padding-left:32px;}
.mem-detail .dot-list>li{margin-bottom:10px;}
.mem-detail .dot-list>li:last-child{margin-bottom:0;}
.mem-detail .top-con .tt-wrap .btn-back{display:flex;justify-content:center;align-items:center;width:174px;height:56px;border:1px solid #454545;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);font-weight:500;}

.rec .top-wrap{position:relative;text-align:center;padding-bottom:220px;}
.rec .top-wrap:after{content:'';width:1px;height:100px;background-color: #8199b5;position: absolute;left:50%;bottom:55px;}
.rec .top-wrap .doc-top-tt{margin-bottom:25px;}
.rec .top-wrap .tt{line-height:1.76em;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);}
.rec .con ul{display:flex;margin:0 -15px;}
.rec .con ul li{width:50%;padding:0 15px;}
.rec .con ul li .box{position:relative;padding:35px 40px;border-radius:20px;border:1px solid #0d3b70;}
.rec .con ul li .box .tit-wrap{margin-bottom:40px;display:flex;align-items:center;}
.rec .con ul li .box .tit-wrap .tit{position:relative;padding-right:20px;margin-right:20px;font-size: clamp(1rem, 0.8026rem + 0.7895vw, 1.75rem);color: #242424;font-weight:600;line-height:1.2em;}
.rec .con ul li .box .tit-wrap .tit:after{content:'';width:1px;height:20px;background-color: #ddd;position: absolute;right:0;top:7px;}
.rec .con ul li .box .tit-wrap .name{padding-top:2px;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);font-weight:600;line-height:1.3em;}
.rec .con ul li .box .info dl{display:flex;margin-bottom:15px;line-height:1.4em;}
.rec .con ul li .box .info dl:last-child{margin-bottom:0;}
.rec .con ul li .box .info dl dt{position:relative;width:55px;margin-right:15px;color: #242424;font-weight:600;}
.rec .con ul li .box .info dl dt:after{content:'';width:1px;height:10px;background-color: #ddd;position: absolute;right:0;top:5px;}
.rec .con ul li .box .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.rec .con ul li .box:after{content:'';width:64px;height:64px;background:url('../image/rec-ic1.png')no-repeat 50% 50%/contain;position: absolute;right:40px;bottom:40px;}
.rec .con ul li.type2 .box:after{background-image:url('../image/rec-ic2.png');}

.news-list2{padding-top:30px;margin-bottom:60px;border-top:2px solid #242424;}
.news-list2 ul{display:flex;flex-wrap:wrap;margin:0 -15px -60px;}
.news-list2 ul li{width:33.3333%;padding:0 15px;margin-bottom:60px;}
.news-list2 ul li a{display:block;position:relative;padding:35px 40px;height:100%;}
.news-list2 ul li a:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.news-list2 ul li a:before{content:'';width:100%;height:100%;border:2px solid #04346b;position: absolute;left:0;top:0;opacity:0;transition:.3s;z-index:2;}
.news-list2 ul li a .first{margin-bottom:10px;font-weight:600;line-height:1.3em;}
.news-list2 ul li a .tit{margin-bottom:15px;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);line-height:1.30em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #242424;font-weight:600;}
.news-list2 ul li a .wrap{padding-top:15px;border-top:1px solid #ddd;}
.news-list2 ul li a .wrap .tt{font-size:14px;margin-bottom:20px;line-height:1.86em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #686868;}
.news-list2 ul li a .wrap .date{line-height:1.2em;color: #a8a8a8;font-size: clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem);}
.news-list2 ul li a:hover{box-shadow:0 0 15px rgba(4,52,107,.1);}
.news-list2 ul li a:hover:before{opacity:1;}

.btn-file{display:block;width:21px;height:26px;margin:0 auto;background:url('../image/ic-file.png')no-repeat 50% 50%/contain;transition:.3s;font-size:0;}
.btn-file:hover{background-image:url('../image/ic-file-on.png');}

.board-list-m .info{display:flex;align-items:center;}
.board-list-m .info .file{display:flex;}
.board-list-m .btn-file{display:inline-block;width:12px;height:15px;}

.form-agree.type2 .hidden-box{display:none;margin-top:10px;padding:15px 10px;border:1px solid #ddd;background-color: #fafafa;line-height:1.36em;font-size:14px;color: #767676;letter-spacing:0;}

.inq-btns ul{display:flex;justify-content:center;}
.inq-btns ul li{padding:0 10px;}
.inq-btns ul li .btn{display:flex;justify-content:center;align-items:center;width:130px;height:50px;background-color: #04346b;border:none;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);font-weight:500;color: #fff;line-height:1.2em;cursor:pointer;}
.inq-btns ul li .btn.type2{background-color: #555555;}

.inq-intro{margin-top:100px;padding:115px 100px 100px;background:url('../image/inq-bg.jpg');border-radius:32px;}
.inq-intro .title{margin-bottom:90px;text-align:center;color: #fff;}
.inq-intro .title .top-tt{margin-bottom:15px;font-size: clamp(1rem, 0.7368rem + 1.0526vw, 2rem);line-height:1.3em;font-weight:700;}
.inq-intro .title .top-tt span{position:relative;}
.inq-intro .title .top-tt span:before{content:'';width:10px;height:10px;border-radius:50%;background-color: #fff;position: absolute;left:50%;top:-15px;transform:translateX(-50%);}
.inq-intro .title .tit{line-height:1.2em;font-size: clamp(1.5rem, 0.9079rem + 2.3684vw, 3.75rem);font-weight:700;text-shadow: 0px 0px 8px rgba(0,0,0,.32);}
.inq-intro .list{margin-bottom:85px;}
.inq-intro .list ul{display:flex;margin:0 -25px;}
.inq-intro .list ul li{width:25%;padding:0 25px;text-align:center;}
.inq-intro .tt-wrap{margin-bottom:55px;text-align:center;color: #fff;}
.inq-intro .tt-wrap p{margin-bottom:30px;font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);line-height:1.5em;}
.inq-intro .tt-wrap p:last-child{margin-bottom:0;}
.inq-intro .btns ul{display:flex;justify-content:center;margin:0 -10px;}
.inq-intro .btns ul li{padding:0 10px;}
.inq-intro .btn{display:flex;justify-content:center;align-items:center;width:240px;height:54px;margin:0 auto;background-color: #fff;color: #0c386e;font-weight:600;line-height:1.2em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);}