.caseViewCont #bo_v_con .caseCont{width:100%;padding-bottom:30px;margin-bottom: 31px; margin: 30px 0px 37px 0px;} .pageCon.caseViewCon{max-width:1140px;} /**************************** index case *****************************/ .caseHeadCon{background-color:#f2f2f1;} .caseSwiper{position:relative;width:100%;padding:30px 0px 20px 0px;background-color:#f2f2f1;} .caseSwiper .swiper-container{padding-bottom:35px;position:relative;width:100%;max-width:1140px;margin:0px auto;} .caseSwiper .swiper-slide{height:250px;overflow:hidden;border:2px solid #ddd;} .caseSwiper .swiper-slide:hover{border:4px solid #44596b;} .caseSwiper .swiper-slide > div{box-sizing:border-box;width:100%;height:250px;overflow:hidden;position:relative;background-color:white;transition: all .3s;} .caseSwiper .swiper-slide > div{box-sizing: border-box;} .caseSwiper .swiper-slide > div > a{display:block;padding:30px 20px;text-decoration:none;} .caseSwiper .swiper-slide > div .head{padding:0px 0px 10px 0px;display:flex;align-items:center;justify-content:space-between;} .caseSwiper .swiper-slide > div .head .subject{padding:0px 10px;height:28px;line-height:28px;font-size:16px; color: white;background-color:#313e47;} .caseSwiper .swiper-slide > div .cate2{height:35px;line-height:35px;font-size:24px;color: #3d3d3d;letter-spacing:-0.05em;font-weight: 500; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; } .caseSwiper .swiper-slide > div .hline{width:100%;height:1px;margin:15px 0px;background-color:#ddd} .caseSwiper .swiper-slide > div .text{margin-bottom:30px;padding:0px 0px;color:#525252;font-size:16px;line-height:28px; height:84px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 400; } .caseSwiper .swiper-slide > div .lawyer{display:flex;align-items:center;justify-content:flex-end;} .caseSwiper .swiper-slide > div .lawyer_info{margin-right:8px;text-align:right;font-size:14px;color:#777777;font-weight: 500;} .caseSwiper .swiper-slide > div .lawyer a{margin-right:20px;display:block;width:60px;height:60px;border-radius:30px;background:no-repeat center center;background-size:100% 100%;} .caseSwiper .swiper-slide > div .more{padding:0px 20px 0px 0px;position:absolute;bottom:25px;left:-20px;display:flex;align-items:center;justify-content:flex-end;width:200px;height:55px;background-color:#294152;color:white:;font-size:16px;transition: all .3s;opacity:0} .caseSwiper .swiper-slide > div:hover .more{opacity:1;} .caseSwiper .swiper-slide > div .more .more_text{display:inline-block;color:white;font-size:21px;margin-right:5px;} .caseSwiper .swiper-slide > div .more .icon{color:white;font-size:20px;} #pageSearch {padding-top:30px;margin-bottom:20px;} #csSearch {width:100%;max-width:1180px;margin:0px auto;} #csSearch .csHead{margin-bottom:45px;display:flex;justify-content:space-between;} #csSearch .csHead .csMText{width:350px;padding-left:20px;color:#9f9d9e;font-size:38px;line-height:55px;letter-spacing:-0.04em;font-weight:300;} #csSearch .csHead .csMText .notice{font-size:43px;color:#313e47;font-weight:400;letter-spacing:-0.05em;} #csSearch .csQuick{width:calc(100% - 370px);display:flex;flex-wrap:wrap;align-items:center;} #csSearch .csQuick a{display:flex;align-items:center;justify-content:center;width:calc(25% - 15px);margin-right:20px;height:45px;line-height:45px;border-radius:22.5px;background-color:#f2f2f1;color:#606060;font-size:16px;} #csSearch .csQuick a.on{background-color:#f2f2f1;color:#606060;} #csSearch .csQuick a:hover{background-color:#313e47;color:white;} #csSearch .csQuick a.on{background-color:#313e47;color:white;} #csSearch .csQuick a:nth-child(4n){margin-right:0px;} .csForm{width:100%;display:flex;} .csForm .search{margin-left:auto;display:flex;align-items:center;} .csForm .search input{width:220px;height:35px;margin-right:5px;padding-left:20px;border:1px solid #787878;font-size:15px;} .csForm .search input{color:#b6b6b6;} .csForm .search input::placeholder {color: #b6b6b6;} .csForm .search input:focus{color:#333;} .csForm .search button{border:1px solid #313e47;background-color:#313e47;color:white;height:35px;padding:0px 20px;font-size:14px;} .bbsCon{width:100%;max-width:1180px;margin:0px auto;} #bbs{font-family: 'Noto Sans KR';} #bbs #blist{margin:10px 0px; padding:0; overflow:hidden;} #blist table{position:relative; width:100%; height:100%; float:left; border-top:#bbbdc0 2px solid; color:#53728b; font-size:11px;} /*등록된 게시물이 없을때*/ #blist table .bbsno{} #blist table .bbsno td{padding:10px 0;} /*등록된 게시물이 없을때(갤러리형)*/ #blist .gallery .bbsno{} #blist .gallery .bbsno p{padding:10px 0; text-align:center;} #blist .beafphoto .bbsno{} #blist .beafphoto .bbsno p{padding:10px 0; text-align:center;} /*table*/ #blist table {table-layout:fixed;} /*thead*/ #blist table thead{width:100%; color:#222;} #blist table thead th{ height:70px; border-bottom:1px solid #ddd; font-size:15px; color:#333; background-color:#f2f2f1;text-align:center;} #blist table thead th:first-child{width:70px;} #blist table thead th:nth-child(2){width:150px;} #blist table thead th:nth-child(3){width:calc(100% - 400px);} #blist table thead th:nth-child(4){width:100px;} #blist table thead th:nth-child(5){width:70px;} #bbs .w1{width:1% !important; min-width:10px;} #bbs .w2{width:2% !important; min-width:20px;} #bbs .w3{width:3% !important; min-width:30px;} #bbs .w4{width:4% !important;} #bbs .w5{width:5% !important; min-width:50px;} #bbs .w6{width:6% !important; min-width:60px;} #bbs .w7{width:7% !important; min-width:70px;} #bbs .w8{width:8% !important; min-width:80px;} #bbs .w9{width:9% !important;} #bbs .w10{width:10% !important; min-width:100px;} #bbs .w12{width:12% !important; min-width:120px;} #bbs .w15{width:15% !important;} #bbs .w20{width:20% !important;} #bbs .w30{width:30% !important;} #bbs .w40{width:40% !important;} #bbs .w50{width:50% !important;} #bbs .w60{width:60% !important;} #bbs .w70{width:70% !important;} #bbs .w80{width:80% !important;} #bbs .w90{width:90% !important;} #bbs .w100{width:100% !important;} /*tbody*/ #blist table tbody{text-align:center; color:#565c7b; vertical-align:middle;} #blist table tbody td{padding:7px 2px; border-bottom:1px solid #dcdcdc; color:#808080; /*font-family:Tahoma;*/ line-height:14px; vertical-align:middle; font-size:16px;} #blist table tbody td.title{padding:10px;font-size:18px; letter-spacing:-1px; text-align:left; color:#2e2e2e; vertical-align:middle; line-height:34px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;} #blist table tbody td.title .titleSpan{margin-bottom:5px;font-weight:400;font-size: 19px; overflow: hidden; text-overflow: ellipsis;} #blist table tbody td.title .titleSub{} #blist table tbody td.title .titleSub span{display:inline-block;padding:0px 10px;background-color:#313e47;font-size:16px;color:white;line-height:30px;height:32px;} #blist table tbody td img{line-height:18px; vertical-align:middle;} #blist table tbody td.title img{line-height:18px; vertical-align:middle;} #blist .reNum{font-size:11px; color:#f60029; padding:0 0 0 5px; margin:0;} #blist .newico{padding:0 0 0 5px; margin:0; vertical-align:middle;} #blist table tbody td{height:114px; border-bottom:1px solid #ddd; color:#808080; /*font-family:Tahoma;*/ line-height:16px; vertical-align:middle; font-size:16px;} #blist table tbody td.datetime{min-width:130px;font-size:16px;padding:20px 5px;} #blist table.line tbody{text-align:center; color:#565c7b; vertical-align:middle;} #blist table.line thead th{border-right:1px solid #d0d1d2; background:url(/img/table_th_bg.gif) repeat-x bottom;} #blist table.line tbody td{padding:7px 2px; border-bottom:1px solid #dcdcdc; color:#888888; font-family:Tahoma; border-right:1px solid #dcdcdc; line-height:18px; vertical-align:middle;} #blist table.line tbody td.title{font-size:12px; text-align:left; color:#2e2e2e; vertical-align:middle;} #blist table tbody td img{line-height:18px; vertical-align:middle;} #blist table.line tbody td.title img{vertical-align:middle;} #blist table.line tbody td.lineno{border-right:none;} #blist table.line thead th.lineno{border-right:none;} /*아이콘(답변,대기)*/ #blist .answerImg{margin:0 5px 0 15px;} #blist .closedImg{margin:3px 0 0 5px;} #blist span.re_ing{position:relative; color:#fff; font-family:'돋움',dotum; font-size:11px; background:#cacaca; padding:3px; vertical-align:middle;}/*답변*/ #blist span.re_ok{position:relative; color:#fff; font-family:'돋움',dotum; font-size:11px; background:#ff7439; padding:3px; vertical-align:middle;}/*대기*/ /*공지*/ #blist .point{ background:#f6f6f6;} #blist .point td{ background:#f6f6f6; border-bottom:1px solid #dcdcdc;} #blist .point .title{font-size:12px; font-weight:bold;} /*page*/ #bbs .page{position:relative; width:100%; display:block; margin:0 0 0 0px; padding:20px 0 0 0; text-align:center; clear:both; color:#a5a5a5; font-size:12px;} #bbs .page a{position:relative; display:inline-block; padding:5px 6px; text-decoration: none; color:#a5a5a5;} #bbs .page strong{position:relative; display:inline-block; padding:5px 6px; text-decoration:underline; color:#f60029;} #bbs .page .next{position:relative; display:inline-block; padding:7px 3px; margin:0 10px; vertical-align:top; color:#797979; font-size:11px;} #bbs .page .next img{padding:3px 6px; padding:4px 6px; margin:0; vertical-align: top;} #bbs .page a:hover{color:#2e2e2e; text-decoration:underline;} /*성공사례*/ #bbs #bread{border: 1px solid #e7e7e7;padding:0px;} body #bread .rtop{position:relative;width:100%;padding:0px 0px;display:flex;align-items:center;height:140px;background-color:#f7f7f7;} body #bread .rtop .cate{margin:15px 20px 15px 0px;padding:0px 20px; display:flex;align-items:center;height:90px;margin-right:20px;border-right:1px solid #aaa;width:auto;font-size:18px;letter-spacing: -0.04em;color: #006699;font-weight:500} body #bread .rtop .title{width:auto;display:flex;align-items:center;} body #bread .rtop .title > div{} body #bread .rtop .title .subject{margin-bottom:10px;font-size: 24px;letter-spacing: -0.04em;text-align: left;color: #2e2e2e;line-height: 38px;font-family: 'Noto Sans KR';} body #bread .rtop .title .type{display:inline-block;width:auto;padding:2px 15px;font-size: 18px;letter-spacing: -0.04em;color: #ffffff;font-weight:500;background-color: #337198;} body #bread .rtop .date{margin-left:auto;margin-right:20px;width:auto;font-size:16px;color:#808080} .caseViewCon #bo_v_con .caseCont{width:100%;padding-bottom:30px;margin-bottom: 31px; margin:30px 0px 37px 0px;} #bo_v_con .caseCont .caseHead{display:flex;align-items:center;border-left:3px solid #25397a;margin:5px 0px 20px 0px;padding-left:13px;color: #25397a;height: 30px;line-height: 30px;letter-spacing: -0.04em;font-size: 21px; font-family:'Noto Sans KR' !important;font-weight: 500;} #bo_v_con .caseCont .caseBody{padding-left:15px;padding-bottom:20px;margin-bottom:30px;font-size: 17px;line-height: 32px;font-family: 'Noto Sans KR';font-weight: normal;color: #454545;border-bottom:1px solid rgba(0,0,0,0.2);} #bo_v_con .caseCont .caseBody:last-child{border:0px;} /*success case*/ .caseViewHead{margin-top:20px;margin-bottom:30px;width:100%;padding:20px 0px;display:flex;align-items:center;font-size:18px; background-color: #f2f2f1; border-top: 3px solid #262222; border-bottom: 2px solid #aaa;} .caseViewHead .cate{width:300px;text-align:center;} .caseViewHead .subject{width:950px;padding-left:20px;border-left:1px solid #ccc;} .caseViewHead .subject .subject01{margin-bottom:10px;font-size:21px;font-weight:bold;} .caseViewHead .subject .subject02{display:inline-block;padding:3px 10px;background-color:#313e47;color:white;} .caseViewHead .date{width:150px;text-align:center;font-size:15px;padding-right: 20px;} .caseViewCont{width:100%;padding:0px 30px;} .caseViewNav{text-align:right;padding:30px 0px;} /* .caseViewNav a{padding:10px 30px;border:1px solid #ccc;font-size:16px;} */ .caseViewCont .bo_v_con{background-color:#f2f2f2;}