@charset "utf-8";

/* all */
.board {}
.board .board-util {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.board .board-util .board-total {}
.board .board-util .board-total p {}
.board .board-util .board-total p strong {}
.board .board-util .board-cate {}
.board .board-util .board-cate ul {display: flex;}
.board .board-util .board-cate ul li {margin-right: 10px;}
.board .board-util .board-cate ul li:last-child {margin-right: 0;}
.board .board-util .board-cate ul li a {display: flex; justify-content: center; align-items: center; font-size: 15px; height: 45px; padding: 0 15px; border-radius: 5px; border: 1px solid #eee; color: #aaa;}
.board .board-util .board-cate ul li.on a {background: #000; color: #fff; border: 1px solid #000;}
.board .board-util .board-search {display: flex; align-items: center; background: #f9f9f9; border: 1px solid #eee; max-width: 350px; width: 100%; border-radius: 5px;}
.board .board-util .board-search input[type="text"] {width: 100%; height: 45px; border: 0; background: none; padding: 0 10px; font-size: 15px;}
.board .board-util .board-search button[type="submit"] {background: none; border: none; width: 45px; height: 45px;}
.board .board-util .board-search button[type="submit"] i {font-size: 20px; color: #aaa;}
.board .board-page {margin-top: 40px;}
.board .board-page ul {display: flex; justify-content: center; align-items: center;}
.board .board-page ul li {margin: 0 5px;}
.board .board-page ul li a {position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #aaa;}
.board .board-page ul li a:hover {color: #222;}
.board .board-page ul li a::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #222; opacity: 0; transition: all 0.5s;}
.board .board-page ul li:first-child a::after {content: none;}
.board .board-page ul li:last-child a::after {content: none;}
.board .board-page ul li:nth-child(2) a::after {content: none;}
.board .board-page ul li:nth-last-child(2) a::after {content: none;}
.board .board-page ul li a:hover::after {width: 50%; opacity: 1;} 
.board .board-page ul li a.on {color: #222;}
.board .board-page ul li a.on::after {width: 50%; opacity: 1;} 
.board .board-page ul li a p {font-size: 18px; line-height: 1;}
.board .board-page ul li a i {font-size: 18px;}
.board .board-admin-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .board-admin-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px; background: #000; color: #fff;}
.board .board-pw {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 99;}
.board .board-pw .board-pw-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 768px; background: #fff; padding: 60px; border-radius: 10px;}
.board .board-pw .board-pw-box .board-pw-title {text-align: center; margin-bottom: 30px;}
.board .board-pw .board-pw-box .board-pw-title h2 {font-size: 2rem; margin-bottom: 10px;}
.board .board-pw .board-pw-box .board-pw-title p {font-size: 17px;}
.board .board-pw .board-pw-box .board-pw-form {text-align: center;}
.board .board-pw .board-pw-box .board-pw-form ul {}
.board .board-pw .board-pw-box .board-pw-form ul li {display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 5px 0;}
.board .board-pw .board-pw-box .board-pw-form ul li p {width: 100px; font-weight: 600; padding: 0 10px; text-align: left;}
.board .board-pw .board-pw-box .board-pw-form ul li input[type="text"] {width: calc(100% - 100px); height: 45px; border: 0; background: none; padding: 0 10px; font-size: 15px;}
.board .board-pw .board-pw-box .board-pw-form button[type="submit"] {width: 150px; height: 45px; border-radius: 30px; background: #000; color: #fff; margin-top: 30px; font-size: 15px; cursor: pointer;}
.board .board-pw .board-pw-box .board-pw-form button[type="submit"]:last-child {border: 1px solid #eee; background: #fff; color: #aaa; font-size: 15px; margin-left: 20px;}
.board .board-pw .board-pw-box .board-pw-form button.pw-close {width: 100px; height: 45px; border-radius: 30px;border: 1px solid #ccc; background: #fff; color: #aaa; margin-top: 30px; font-size: 14px; cursor: pointer;}

/* 리스트형 게시판 (list) */
.board .board-list {}
.board .board-list .board-list-cate {}
.board .board-list .board-list-cate ul {display: flex; border-top: 2px solid #000;}
.board .board-list .board-list-cate ul li {text-align: center; border-bottom: 1px solid #eee;}
.board .board-list .board-list-cate ul li.subject {width: calc(100% - 300px);}
.board .board-list .board-list-cate ul li.date {width: 150px;}
.board .board-list .board-list-cate ul li.view {width: 150px;}
.board .board-list .board-list-cate ul li p {font-size: 17px; font-weight: 600; padding: 30px 20px;}
.board .board-list .board-list-con {}
.board .board-list .board-list-con ul {}
.board .board-list .board-list-con ul li {text-align: center; border-bottom: 1px solid #eee;}
.board .board-list .board-list-con ul li a {display: flex;}
.board .board-list .board-list-con ul li a:hover {background: #f9f9f9;}
.board .board-list .board-list-con ul li a p {font-size: 17px; padding: 30px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board .board-list .board-list-con ul li a p.subject {width: calc(100% - 300px); text-align: left;}
.board .board-list .board-list-con ul li.ntc a p.subject {font-weight: 600;}
.board .board-list .board-list-con ul li a p.subject span {display: inline-block; font-size: 15px; border: 1px solid #000; padding: 5px 15px; border-radius: 15px; color: #000; margin-right: 15px;}
.board .board-list .board-list-con ul li a p.date {width: 150px;}
.board .board-list .board-list-con ul li a p.view {width: 150px;}

/* 리스트형 게시판 (list) - 온라인 상담 */
.board.iqr .board-list .board-list-cate ul li.subject {width: calc(100% - 450px);}
.board.iqr .board-list .board-list-cate ul li.name {width: 150px;}
.board.iqr .board-list .board-list-cate ul li.status {width: 150px;}
.board.iqr .board-list .board-list-cate ul li.date {width: 150px;}
.board.iqr .board-list .board-list-con ul li a p.subject {width: calc(100% - 450px);}
.board.iqr .board-list .board-list-con ul li a p.subject i {font-size: 18px; margin-right: 5px;}
.board.iqr .board-list .board-list-con ul li a p.name {width: 150px;}
.board.iqr .board-list .board-list-con ul li a p.status {width: 150px;}
.board.iqr .board-list .board-list-con ul li a p.date {width: 150px;}

/* 리스트형 게시판 (view) */
.board .board-view {}
.board .board-view .board-view-subject {}
.board .board-view .board-view-subject h2 {font-size: 30px; text-align: justify; word-break: keep-all;}
.board .board-view .board-view-info {margin: 60px 0 30px;}
.board .board-view .board-view-info ul {display: flex;}
.board .board-view .board-view-info ul li {display: flex; margin-right: 20px;}
.board .board-view .board-view-info ul li:last-child {margin-right: 0;}
.board .board-view .board-view-info ul li p {font-size: 18px; font-weight: 500; color: #999;}
.board .board-view .board-view-con {padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden;}
.board .board-view .board-view-con img {display: block; max-width: 100%; margin: 0 auto;}
.board .board-view .board-view-nav {border-bottom: 1px solid #eee;}
.board .board-view .board-view-nav ul {}
.board .board-view .board-view-nav ul li {}
.board .board-view .board-view-nav ul li a {display: flex; align-items: center; padding: 20px; color: #aaa;}
.board .board-view .board-view-nav ul li a:hover {color: #222;}
.board .board-view .board-view-nav ul li a span {width: 150px; color: #222;}
.board .board-view .board-view-nav ul li a span i {margin-right: 10px;}
.board .board-view .board-view-nav ul li a h2 {width: calc(100% - 200px); font-size: 16px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board .board-view .board-view-nav ul li a p {width: 150px; text-align: right;}
.board .board-view .board-view-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .board-view .board-view-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .board-view .board-view-bt a.back {background: #000; color: #fff; border: 1px solid #000;}
.board .board-view .board-view-bt a.edit {color: #aaa; border: 1px solid #eee;}

/* 리스트형 게시판 (view) - 온라인 상담 */
.board.iqr .board-view .board-view-subject {}
.board.iqr .board-view .board-view-info ul {display: flex; justify-content: flex-end;}
.board.iqr .board-view .board-view-info ul li {margin-right: 30px;}
.board.iqr .board-view .board-view-info ul li:last-child {margin-right: 0;}
.board.iqr .board-view .board-view-comment {display: flex; justify-content: space-between; align-items: center; padding: 40px 0; border-bottom: 1px solid #eee;}
.board.iqr .board-view .board-view-comment h2 {width: 100px; font-size: 20px;}
.board.iqr .board-view .board-view-comment p {width: calc(100% - 100px); font-size: 18px; padding: 30px; background: #f9f9f9; border-radius: 15px;}

.board.iqr .board-view .board-view-comment02 {display: flex;  align-items: center; padding: 40px 0; border-bottom: 1px solid #eee;width: 100%;}
.board.iqr .board-view .board-view-comment02 .comment_tit h2 {width: 100px; font-size: 20px;}
.board.iqr .board-view .board-view-comment02 .comment {width: calc(100% - 100px); font-size: 18px; padding: 30px;  border-radius: 15px;display: flex;flex-direction: column;}
.board.iqr .board-view .board-view-comment02 .comment p.data {width: 100%; font-size: 18px; padding: 30px;  border-radius: 15px;}
.board.iqr .board-view .board-view-comment02 .comment p.date {width: 100%;font-size: 14px; display:block; padding:20px 30px; color:#777;}
.board.iqr .board-view .board-view-comment02 .comment p.date a {font-weight: 700; color:#000;}

.board.iqr .board-view .board-view-comment03 {display: flex;  align-items: center; padding: 20px; border-bottom: 1px solid #eee;width: 100%;background: #f9f9f9;}
.board.iqr .board-view .board-view-comment03 .comment_tit h2 {width: 100px; font-size: 20px;}
.board.iqr .board-view .board-view-comment03 .comment {width: calc(100% - 200px); font-size: 18px; padding: 30px;  border-radius: 15px;display: flex;}
.board.iqr .board-view .board-view-comment03 .comment p.msg_write {width: 100%; font-size: 18px; padding: 0 0; border-radius: 15px;}
.board.iqr .board-view .board-view-comment03 .comment p.msg_write textarea {padding:20px; height:200px; font-size: 14px;}
.board.iqr .board-view .board-view-comment03 .comment_btn {width: 100px; font-size: 18px; padding: 30px 0;  border-radius: 15px; background: #ccc; text-align: center;}

.board.iqr .board-view .board-view-comment03 .comment_btn a {font-weight: 700; color:#000;}

/* 리스트형 게시판 (write) */
.board .board-write {}
.board .board-write .board-write-form {border-top: 2px solid #000;}
.board .board-write .board-write-form ul {}
.board .board-write .board-write-form ul li {display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 20px 0;}
.board .board-write .board-write-form ul li .board-write-cate {width: 150px; padding: 0 20px;}
.board .board-write .board-write-form ul li .board-write-cate p {font-size: 18px; font-weight: 600;}
.board .board-write .board-write-form ul li .board-write-input {width: calc(100% - 150px);}
.board .board-write .board-write-form ul li .board-write-input input[type="text"] {width: 100%; height: 45px; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 0 10px; font-size: 16px; line-height: 45px;}
.board .board-write .board-write-form ul li .board-write-input input[type="number"] {width: 100%; height: 45px; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 0 10px; font-size: 16px; line-height: 45px;}
.board .board-write .board-write-form ul li .board-write-input textarea {width: 100%; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 10px; font-size: 16px; resize: none;}
.board .board-write .board-write-form ul li .board-write-input textarea:focus {outline: none;}
.board .board-write .board-write-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .board-write .board-write-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .board-write .board-write-bt a.submit {background: #000; color: #fff; border: 1px solid #000;}
.board .board-write .board-write-bt a.cancel {color: #aaa; border: 1px solid #eee;}

/* 리스트형 게시판 (write) - 온라인 상담 */
.board.iqr .board-write .board-write-comment {margin-bottom: 20px; text-align: right;}
.board.iqr .board-write .board-write-comment p {font-size: 18px;}
.board.iqr .board-write .board-write-comment p strong {color: #cc3232;}
.board.iqr .board-write .board-write-form ul li .board-write-cate p strong {color: #cc3232;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy input[type="checkbox"] {position: relative; display: none;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label {display: flex; align-items: center;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label i {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ddd; color: #ddd; transition: all 0.3s; font-size: 16px; cursor: pointer;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label p {margin-left: 15px; font-size: 17px; cursor: pointer;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy input[type="checkbox"]:checked+label i {border: 1px solid #000; background: #000; color: #fff;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy span {text-decoration: underline; cursor: pointer; font-size: 16px;}

/* 승소사례 게시판 (list) */
.board .case-list {}
.board .case-list .case-list-con {}
.board .case-list .case-list-con ul {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.board .case-list .case-list-con ul li {position: relative; width: calc(100% / 2 - 20px); border: 1px solid #eee; margin: 40px 40px 0 0;}
.board .case-list .case-list-con ul li:nth-child(2n) {margin-right: 0;}
.board .case-list .case-list-con ul li a {position: relative; display: block; padding: 30px;}
.board .case-list .case-list-con ul li a::after,
.board .case-list .case-list-con ul li a::before {position: absolute; content: ''; width: 0%; height: 0%; visibility: hidden; box-sizing: border-box; z-index: 99;}
.board .case-list .case-list-con ul li a::after {bottom: 0px; right: 0px; border-left: 2px solid #4a3934; border-bottom: 2px solid #4a3934; transition: width .1s ease .1s, height .1s ease, visibility 0s .2s;}
.board .case-list .case-list-con ul li a::before {top: 0px; left: 0; border-top: 2px solid #4a3934; border-right: 2px solid #4a3934; transition: width .1s ease .3s, height .1s ease .2s, visibility 0s .4s;}
.board .case-list .case-list-con ul li a:hover::after,
.board .case-list .case-list-con ul li a:hover::before {width: 100%; height: 100%; visibility: visible; transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.board .case-list .case-list-con ul li a:hover::after {transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;}
.board .case-list .case-list-con ul li a:hover::before {transition: width .1s ease, height .1s ease .1s;}
.board .case-list .case-list-con ul li .case-list-cate {}
.board .case-list .case-list-con ul li .case-list-cate p {display: inline-block; font-size: 14px; padding: 8px 15px; color: #fff; border-radius: 5px;}
.board .case-list .case-list-con ul li .case-list-cate.ct1 p {background: #4a3934;}
.board .case-list .case-list-con ul li .case-list-cate.ct2 p {background: #1e5999;}
.board .case-list .case-list-con ul li .case-list-cate.ct3 p {background: #d9366b;}
.board .case-list .case-list-con ul li .case-list-cate.ct4 p {background: #f2542d;}
.board .case-list .case-list-con ul li .case-list-cate.ct5 p {background: #70ad5c;}
.board .case-list .case-list-con ul li .case-list-cate.ct6 p {background: #cc3232;}
.board .case-list .case-list-con ul li .case-list-cate.ct7 p {background: #13751A;}
.board .case-list .case-list-con ul li .case-list-cate.ct8 p {background: #5C4017;}
.board .case-list .case-list-con ul li .case-list-cate.ct9 p {background: #0F1D89;}
.board .case-list .case-list-con ul li .case-list-cate.ct10 p {background: #71198A;}
.board .case-list .case-list-con ul li .case-list-subject {margin: 15px 0 20px;}
.board .case-list .case-list-con ul li .case-list-subject p {font-size: 22px; font-weight: 600; max-height: 62px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board .case-list .case-list-con ul li .case-list-desc {/*text-align: justify;*/}
.board .case-list .case-list-con ul li .case-list-desc p {font-size: 17px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board .case-list .case-list-con ul li .case-list-info {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
.board .case-list .case-list-con ul li .case-list-info .case-list-date {}
.board .case-list .case-list-con ul li .case-list-info .case-list-date p {font-size: 15px; color: #aaa;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag {display: flex; flex-wrap: wrap;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag p {font-size: 13px; color: #aaa; background: #f9f9f9; padding: 5px 10px; margin-right: 10px; border-radius: 5px;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag p:last-child {margin-right: 0;}
.board .case-list .case-list-con ul li .case-list-people {display: flex; justify-content: space-between; align-items: center;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left {width: 100%; display: flex;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img {position: relative; width: 70px; height: 70px; border: 3px solid #ddd; background: #f9f9f9; overflow: hidden; border-radius: 50%; margin-right: 5px;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img:last-child {margin-right: 0;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right {width:40%;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right .case-list-people-txt {display: flex; justify-content: flex-end;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right .case-list-people-txt p {font-size: 20px; margin-right: 20px;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right .case-list-people-txt p:last-child {margin-right: 0;}

/* 승소사례 게시판 (view) */
.board .case-view {}
.board .case-view .case-view-box {display: flex; justify-content: space-between; min-height: 1000px;}
.board .case-view .case-view-box .case-view-left {width: calc(100% - 450px);}
.board .case-view .case-view-box .case-view-left .case-view-info {margin-bottom: 40px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul {}
.board .case-view .case-view-box .case-view-left .case-view-info ul li {display: flex; flex-wrap: wrap;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:first-child {margin-bottom: 15px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:nth-child(2) {margin-bottom: 40px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li h2 {font-size: 36px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span {font-size: 15px; padding: 5px 10px; border-radius: 5px; background: #f9f9f9; color: #aaa; margin-right: 15px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span:last-child {margin-right: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p {display: flex; align-items: center; width: calc(100% / 3); font-size: 18px; margin-top: 10px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p:nth-child(-n + 2) {margin-top: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p strong {width: 100px; font-weight: 600;}
.board .case-view .case-view-box .case-view-left .case-view-tb {border-top: 1px solid #000;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul {}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li {display: flex; align-items: flex-start; padding: 50px; border-bottom: 1px solid #eee;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li:nth-child(2n) {background: #f9f9f9;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li p {width: 200px; font-size: 22px; font-weight: 600;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li span {width: calc(100% -  200px); font-size: 18px; line-height: 1.6;}
.board .case-view .case-view-box .case-view-right {width: 350px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix {position: sticky; top: 120px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law {position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 15px; border: 1px solid #eee; padding: 20px; margin-bottom:10px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law img {width: 80px; border-radius: 10px; background: #e9ecf2; padding-top: 7px;}

.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p {width: calc(100% - 100px); font-size: 15px; color: #aaa;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p strong {display: block; font-size: 24px; color: #222; margin-top: 5px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img {width: 100%; overflow: hidden; margin-top: 30px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img img {width: 100%;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-sum {width: 100%; border: 1px solid #eee; border-radius: 15px; overflow:hidden; margin-bottom: 20px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-sum img {width: 100%;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt {width: 100%;display: flex; justify-content: center; padding:0 0 20px 0;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-prev i,
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-next i {cursor: pointer;display: flex; margin:0 5px; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 1px solid #ddd; font-size: 22px; cursor: pointer; color: #aaa; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-prev i:hover,
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-next i:hover {cursor: pointer;color: #4a3934; border: 1px solid #4a3934;}

.board .case-view .case-view-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .case-view .case-view-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .case-view .case-view-bt a.back {background: #000; color: #fff; border: 1px solid #000;}
.board .case-view .case-view-bt a.edit {color: #aaa; border: 1px solid #eee;}

/* 갤러리형 게시판 (list) */
.board .gallery-list {}
.board .gallery-list .gallery-list-con {}
.board .gallery-list .gallery-list-con ul {display: flex; flex-wrap: wrap; padding-bottom: 250px;}
.board .gallery-list .gallery-list-con ul li {position: relative; width: calc(100% / 3 - 20px); margin-right: 30px; margin-top: 250px;}
.board .gallery-list .gallery-list-con ul li:nth-child(-n + 3) {margin-top: 30px;}
.board .gallery-list .gallery-list-con ul li:nth-child(3n) {margin-right: 0;}
.board .gallery-list .gallery-list-con ul li .gallery-list-thumb {position: relative; padding-top: 65%; border-radius: 30px 0 30px 0; overflow: hidden;}
.board .gallery-list .gallery-list-con ul li .gallery-list-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.board .gallery-list .gallery-list-con ul li:hover .gallery-list-thumb img {width: 120%;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info {position: absolute; bottom: -60%; left: 50%; transform: translateX(-50%); width: 90%; padding: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background: #fff;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info h2 {font-size: 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info p {display: flex; align-items: center; color: #666; margin-bottom: 8px;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info p strong {width: 100px; font-weight: 600; color: #222;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info span {display: block; font-size: 15px; text-align: right; color: #aaa; padding-top: 10px;}

/* media Query */
@media screen and (max-width: 1200px) {
.board .board-util {display: flex;  flex-wrap: wrap; margin-bottom: 0px;}

.board .board-util .board-cate ul {display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.board .board-util .board-cate ul li {margin-right: 10px;}
.board .board-util .board-cate ul li:last-child {margin-right: 0;}
.board .board-util .board-cate ul li a {display: flex; justify-content: center; align-items: center; font-size: 15px; height: 45px; padding: 0 15px; border-radius: 5px; border: 1px solid #eee; color: #aaa;}
.board .board-util .board-cate ul li.on a {background: #000; color: #fff; border: 1px solid #000;}
.board .board-util .board-search {display: flex; align-items: center; background: #f9f9f9; border: 1px solid #eee; max-width: 350px; width: 100%; border-radius: 5px;margin-bottom: 0px;}
.board .board-util .board-search input[type="text"] {width: 100%; height: 45px; border: 0; background: none; padding: 0 10px; font-size: 15px;}
.board .board-util .board-search button[type="submit"] {background: none; border: none; width: 45px; height: 45px;}
.board .board-util .board-search button[type="submit"] i {font-size: 20px; color: #aaa;}


.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img {position: relative; width:50px; height: 50px; border: 1px solid #ddd; margin-right:2px;}

/* 승소사례 게시판 (view) */
.board .case-view {}
.board .case-view .case-view-box {display: flex; justify-content: space-between; min-height: 1000px;}
.board .case-view .case-view-box .case-view-left {width: calc(100% - 300px);}
.board .case-view .case-view-box .case-view-left .case-view-info {margin-bottom: 40px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul {}
.board .case-view .case-view-box .case-view-left .case-view-info ul li {display: flex; flex-wrap: wrap;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:first-child {margin-bottom: 15px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:nth-child(2) {margin-bottom: 40px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li h2 {font-size: 25px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span {font-size: 14px; padding: 5px 10px; border-radius: 5px; background: #f9f9f9; color: #aaa; margin-right: 15px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span:last-child {margin-right: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p {display: flex; align-items: center; width: calc(100% / 3); font-size: 18px; margin-top: 10px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p:nth-child(-n + 2) {margin-top: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p strong {width: 100px; font-weight: 600;}
.board .case-view .case-view-box .case-view-left .case-view-tb {border-top: 1px solid #000;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul {}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li {display: flex; flex-wrap: wrap; align-items: flex-start; padding: 50px; border-bottom: 1px solid #eee;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li:nth-child(2n) {background: #f9f9f9;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li p {width: 100%; font-size: 18px; font-weight: 600; margin-bottom: 40px;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li span {width: 100%; font-size: 14px; line-height: 1.6;}
.board .case-view .case-view-box .case-view-right {width: 250px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix {position: sticky; top: 120px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law {position: relative; display: flex; justify-content: space-between; align-items: center; border-radius: 15px; border: 1px solid #eee; padding: 20px; margin-bottom:10px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law img {width: 80px; border-radius: 10px; background: #e9ecf2; padding-top: 7px;}

.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p {width: calc(100% - 100px); font-size: 15px; color: #aaa;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p strong {display: block; font-size: 24px; color: #222; margin-top: 5px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img {width: 100%; overflow: hidden; margin-top: 30px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img img {width: 100%;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-sum {width: 100%; border: 1px solid #eee; border-radius: 15px; overflow:hidden; margin-bottom: 20px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-sum img {width: 100%;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt {width: 100%;display: flex; justify-content: center; padding:0 0 20px 0;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-prev i,
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-next i {cursor: pointer;display: flex; margin:0 5px; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #fff; border: 1px solid #ddd; font-size: 22px; cursor: pointer; color: #aaa; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-prev i:hover,
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img .case-view-img-bt .case-next i:hover {cursor: pointer;color: #4a3934; border: 1px solid #4a3934;}


}


/* 모바일 */
@media screen and (max-width:767px) {
/* all */
.board {}
.board .board-util {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom:10px;flex-direction: column;flex-wrap: wrap; font-size: 14px;}
.board .board-util .board-total {margin-bottom:7px;}
.board .board-util .board-cate ul {display: flex;flex-wrap: wrap}
.board .board-util .board-cate ul li {margin-right:7px;margin-bottom:7px;}
.board .board-util .board-cate ul li a {display: flex; justify-content: center; align-items: center; font-size: 14px; height: 35px; padding: 0 12px; }
.board .board-util .board-search {display: flex; align-items: center; background: #f9f9f9; border: 1px solid #eee; max-width:767px; width: 100%; border-radius: 5px;}
.board .board-util .board-search input[type="text"] {width: 100%; height:35px; border: 0; background: none; padding: 0 10px; font-size: 14px;}
.board .board-util .board-search button[type="submit"] {background: none; border: none; width: 45px; height: 45px;}
.board .board-util .board-search button[type="submit"] i {font-size: 20px; color: #aaa;}
.board .board-page {margin-top: 40px;}
.board .board-page ul {display: flex; justify-content: center; align-items: center;}
.board .board-page ul li {margin: 0 5px;}
.board .board-page ul li a {position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #aaa;}
.board .board-page ul li a:hover {color: #222;}
.board .board-page ul li a::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #222; opacity: 0; transition: all 0.5s;}
.board .board-page ul li:first-child a::after {content: none;}
.board .board-page ul li:last-child a::after {content: none;}
.board .board-page ul li:nth-child(2) a::after {content: none;}
.board .board-page ul li:nth-last-child(2) a::after {content: none;}
.board .board-page ul li a:hover::after {width: 50%; opacity: 1;} 
.board .board-page ul li a.on {color: #222;}
.board .board-page ul li a.on::after {width: 50%; opacity: 1;} 
.board .board-page ul li a p {font-size: 14px; line-height: 1;}
.board .board-page ul li a i {font-size: 14px;}
.board .board-admin-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .board-admin-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px; background: #000; color: #fff;}
.board .board-pw {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 99;}
.board .board-pw .board-pw-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin:0 auto;width: 90%; max-width: 767px; background: #fff; padding:50px 20px; border-radius: 10px;}
.board .board-pw .board-pw-box .board-pw-title {text-align: center; margin-bottom: 30px;}
.board .board-pw .board-pw-box .board-pw-title h2 {font-size: 1.5rem; margin-bottom: 10px;}
.board .board-pw .board-pw-box .board-pw-title p {font-size: 13px;}
.board .board-pw .board-pw-box .board-pw-form {text-align: center;}
.board .board-pw .board-pw-box .board-pw-form ul {}
.board .board-pw .board-pw-box .board-pw-form ul li {display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 5px 0;}
.board .board-pw .board-pw-box .board-pw-form ul li p {width:80px; font-weight: 600; padding: 0 10px; text-align: left;font-size: 14px;}
.board .board-pw .board-pw-box .board-pw-form ul li input[type="text"] {width: 90%; height: 45px; border: 0; background: none; padding: 0 10px; font-size: 14px;}
.board .board-pw .board-pw-box .board-pw-form ul li input[type="number"] {width: 90%; height: 45px; border: 0; background: none; padding: 0 10px; font-size: 14px;}
.board .board-pw .board-pw-box .board-pw-form button[type="submit"] {width: 100px; height: 45px; border-radius: 30px; background: #000; color: #fff; margin-top: 30px; font-size: 14px; cursor: pointer;}
.board .board-pw .board-pw-box .board-pw-form button[type="submit"]:last-child {border: 1px solid #eee; background: #fff; color: #aaa; font-size: 14px; margin-left: 20px;}
.board .board-pw .board-pw-box .board-pw-form button.pw-close {width: 100px; height: 45px; border-radius: 30px;border: 1px solid #ccc; background: #fff; color: #aaa; margin-top: 30px; font-size: 14px; cursor: pointer;}

/* 리스트형 게시판 (list) */
.board .board-list {}
.board .board-list .board-list-cate {}
.board .board-list .board-list-cate ul {display: flex; border-top: 2px solid #000;}
.board .board-list .board-list-cate ul li {text-align: center; border-bottom: 1px solid #eee;}
.board .board-list .board-list-cate ul li.subject {width: calc(100% - 50px);}
.board .board-list .board-list-cate ul li.date {width: 50px;}
.board .board-list .board-list-cate ul li.view {display:none;}
.board .board-list .board-list-cate ul li p {font-size: 14px; font-weight: 600; padding:20px 3px;}
.board .board-list .board-list-con {}
.board .board-list .board-list-con ul {}
.board .board-list .board-list-con ul li {text-align: center; border-bottom: 1px solid #eee;}
.board .board-list .board-list-con ul li a {display: flex;}
.board .board-list .board-list-con ul li a:hover {background: #f9f9f9;}
.board .board-list .board-list-con ul li a p {font-size: 14px; padding: 20px 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board .board-list .board-list-con ul li a p.subject {width: calc(100% - 50px); text-align: left;}
.board .board-list .board-list-con ul li.ntc a p.subject {font-weight: 600;}
.board .board-list .board-list-con ul li a p.subject span {display: inline-block; font-size: 15px; border: 1px solid #000; padding: 5px 15px; border-radius: 15px; color: #000; margin-right: 15px;}
.board .board-list .board-list-con ul li a p.date {width: 50px;display:none;}
.board .board-list .board-list-con ul li a p.view {width: 50px;}

/* 리스트형 게시판 (list) - 온라인 상담 */
.board.iqr .board-list .board-list-cate ul li.subject {width: calc(100% - 100px); }
.board.iqr .board-list .board-list-cate ul li.name {width: 50px;}
.board.iqr .board-list .board-list-cate ul li.status {width: 50px;}
.board.iqr .board-list .board-list-cate ul li.date {display:none;}
.board.iqr .board-list .board-list-con ul li a p.subject {width: calc(100% - 100px);}
.board.iqr .board-list .board-list-con ul li a p.subject i {font-size: 14px; margin-right: 5px;}
.board.iqr .board-list .board-list-con ul li a p.name {width: 50px;}
.board.iqr .board-list .board-list-con ul li a p.status {width: 50px;}
.board.iqr .board-list .board-list-con ul li a p.date {display:none;}

/* 리스트형 게시판 (view) */
.board .board-view {}
.board .board-view .board-view-subject {}
.board .board-view .board-view-subject h2 {font-size:20px; text-align: justify; word-break: keep-all;}
.board .board-view .board-view-info {margin: 20px 0 30px;}
.board .board-view .board-view-info ul {display: flex;flex-direction: column}
.board .board-view .board-view-info ul li {display: flex; margin-right: 20px;}
.board .board-view .board-view-info ul li:last-child {margin-right: 0;}
.board .board-view .board-view-info ul li p {font-size: 14px; font-weight: 500; color: #999;}
.board .board-view .board-view-con {padding: 20px 0; border-top: 1px solid #eee; font-size: 14px;border-bottom: 1px solid #eee; overflow: hidden;}
.board .board-view .board-view-con img {display: block; max-width: 100%; margin: 0 auto;}
.board .board-view .board-view-nav {border-bottom: 1px solid #eee;}
.board .board-view .board-view-nav ul {}
.board .board-view .board-view-nav ul li {}
.board .board-view .board-view-nav ul li a {display: flex; align-items: center; padding: 20px; color: #aaa;}
.board .board-view .board-view-nav ul li a:hover {color: #222;}
.board .board-view .board-view-nav ul li a span {width: 150px; color: #222;}
.board .board-view .board-view-nav ul li a span i {margin-right: 10px;}
.board .board-view .board-view-nav ul li a h2 {width: calc(100% - 200px); font-size: 16px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board .board-view .board-view-nav ul li a p {width: 150px; text-align: right;}
.board .board-view .board-view-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;font-size: 14px;}
.board .board-view .board-view-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .board-view .board-view-bt a.back {background: #000; color: #fff; border: 1px solid #000;}
.board .board-view .board-view-bt a.edit {color: #aaa; border: 1px solid #eee;}


/* 리스트형 게시판 (view) - 온라인 상담 */
.board.iqr .board-view .board-view-subject {}
.board.iqr .board-view .board-view-info ul {display: flex; }
.board.iqr .board-view .board-view-info ul li {margin-right: 0px;}
.board.iqr .board-view .board-view-info ul li:last-child {margin-right: 0;}
.board.iqr .board-view .board-view-comment {display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #eee;flex-direction: column}
.board.iqr .board-view .board-view-comment h2 {width: 100%; font-size: 20px;display:none;}
.board.iqr .board-view .board-view-comment p {width: 100%; font-size: 14px; padding:20px 0; background: #f9f9f9; border-radius: 15px;}
.board.iqr .board-view .board-view-comment p.date {font-size: 13px; color:#999;}
.board.iqr .board-view .board-view-comment .msg_write02 span.btn_msg {background: #000; color: #fff; border: 1px solid #000; width: 100%; display: block; border-radius: 15px;padding:10px 50px; font-size:14px;}

.board.iqr .board-view .board-view-comment02 {display: flex;  align-items: center; padding:30px 0; border-bottom: 1px solid #eee;width: 100%;}
.board.iqr .board-view .board-view-comment02 .comment_tit h2 {display:none;}
.board.iqr .board-view .board-view-comment02 .comment {width: 100%; font-size: 18px; padding:0px;  border-radius: 15px;display: flex;flex-direction: column;}
.board.iqr .board-view .board-view-comment02 .comment p.data {width: 100%; font-size: 14px; padding: 0 10px;  border-radius: 15px;}
.board.iqr .board-view .board-view-comment02 .comment p.date {width: 100%;font-size: 13px; display:block; padding:20px 10px; color:#777;}
.board.iqr .board-view .board-view-comment02 .comment p.date a {font-weight: 700; color:#000;}

.board.iqr .board-view .board-view-comment03 {display: flex;  align-items: center; padding: 20px; border-bottom: 1px solid #eee;width: 100%;background: #f9f9f9;flex-direction: column}
.board.iqr .board-view .board-view-comment03 .comment_tit h2 {display:none;}
.board.iqr .board-view .board-view-comment03 .comment {width: 100%; font-size: 18px; padding:10px 0;  border-radius: 15px;display: flex;}
.board.iqr .board-view .board-view-comment03 .comment p.msg_write {width: 100%; font-size: 18px; padding: 0 0; border-radius: 15px;}
.board.iqr .board-view .board-view-comment03 .comment p.msg_write textarea {padding:20px; height:200px; font-size: 14px;}
.board.iqr .board-view .board-view-comment03 .comment_btn {width:100%; font-size: 14px; padding:10px 0;  border-radius: 10px; background: #ccc; text-align: center;}

.board.iqr .board-view .board-view-comment03 .comment_btn a {font-weight: 700; color:#000;}



/* 리스트형 게시판 (write) */
.board .board-write {}
.board .board-write .board-write-form {border-top: 2px solid #000;font-size:14px;}
.board .board-write .board-write-form ul {}
.board .board-write .board-write-form ul li {display: flex; align-items: start; border-bottom: 1px solid #eee; padding: 20px 0;flex-direction: column}
.board .board-write .board-write-form ul li .board-write-cate {width:100%; padding: 0 0px 15px 0;}
.board .board-write .board-write-form ul li .board-write-cate p {font-size: 14px; font-weight: 600;}
.board .board-write .board-write-form ul li .board-write-input {width: 100%;}
.board .board-write .board-write-form ul li .board-write-input input[type="text"] {width: 100%; height: 45px; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 0 10px; font-size: 14px; line-height: 45px;}
.board .board-write .board-write-form ul li .board-write-input input[type="number"] {width: 100%; height: 45px; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 0 10px; font-size: 14px; line-height: 45px;}
.board .board-write .board-write-form ul li .board-write-input textarea {width: 100%; border: 1px solid #eee; background: #f9f9f9; border-radius: 5px; padding: 10px; font-size: 16px; resize: none;}
.board .board-write .board-write-form ul li .board-write-input textarea:focus {outline: none;}
.board .board-write .board-write-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .board-write .board-write-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .board-write .board-write-bt a.submit {background: #000; color: #fff; border: 1px solid #000;}
.board .board-write .board-write-bt a.cancel {color: #aaa; border: 1px solid #eee;}

/* 리스트형 게시판 (write) - 온라인 상담 */
.board.iqr .board-write .board-write-comment {margin-bottom: 20px; text-align: right;font-size: 14px;}
.board.iqr .board-write .board-write-comment p {font-size: 14px;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy input[type="checkbox"] {position: relative; display: none;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label {display: flex; align-items: center;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label i {display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; color: #ddd; transition: all 0.3s; font-size: 16px; cursor: pointer;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy label p {margin-left: 15px; font-size: 14px; cursor: pointer;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy input[type="checkbox"]:checked+label i {border: 1px solid #000; background: #000; color: #fff;}
.board.iqr .board-write .board-write-form ul li .board-write-privacy span {text-decoration: underline; cursor: pointer; font-size: 14px;}

/* 승소사례 게시판 (list) */
.board .case-list {}
.board .case-list .case-list-con {}
.board .case-list .case-list-con ul {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;flex-direction: column}
.board .case-list .case-list-con ul li {position: relative; width:100%; margin:20px 0px 0 0;}
.board .case-list .case-list-con ul li:nth-child(2n) {margin-right: 0;}
.board .case-list .case-list-con ul li a {padding:25px 20px;}
.board .case-list .case-list-con ul li .case-list-cate p {display: inline-block; font-size: 13px; padding: 7px 15px; color: #fff; border-radius: 5px;}

.board .case-list .case-list-con ul li .case-list-subject {margin: 10px 0 15px;}
.board .case-list .case-list-con ul li .case-list-subject p {font-size:18px; font-weight: 600; max-height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board .case-list .case-list-con ul li .case-list-desc p {font-size: 14px; height:60px; }
.board .case-list .case-list-con ul li .case-list-info {display: flex; justify-content: space-between; align-items: center; margin:15px 0;flex-direction: column;align-items: stretch}
.board .case-list .case-list-con ul li .case-list-info .case-list-date {text-align: left;}
.board .case-list .case-list-con ul li .case-list-info .case-list-date p {font-size: 13px; color: #aaa; text-align: left;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag {display: flex; flex-wrap: wrap;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag p {font-size: 13px; color: #aaa; background: #f9f9f9; padding: 5px 5px; margin-right: 5px; border-radius: 5px;}
.board .case-list .case-list-con ul li .case-list-info .case-list-tag p:last-child {margin-right: 0;}
.board .case-list .case-list-con ul li .case-list-people {display: flex; justify-content: space-between; align-items: center;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left {width: 100%; display: flex;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img {position: relative; width:50px; height: 50px; border: 1px solid #ddd; margin-right:2px;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img:last-child {margin-right: 0;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-left .case-list-people-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:50px;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right {width: 100%;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right .case-list-people-txt {display: flex; justify-content: flex-end;text-align:right;}
.board .case-list .case-list-con ul li .case-list-people .case-list-people-right .case-list-people-txt p {font-size:14px; margin-right:10px;text-align:right;}

/* 승소사례 게시판 (view) */
.board .case-view .case-view-box {display: flex; justify-content: space-between; height: auto;flex-wrap: wrap;flex-direction: column;}
.board .case-view .case-view-box .case-view-left {width:100%;}
.board .case-view .case-view-box .case-view-left .case-view-info {margin-bottom: 20px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul {}
.board .case-view .case-view-box .case-view-left .case-view-info ul li {display: flex; flex-wrap: wrap;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:first-child {margin-bottom: 15px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li:nth-child(2) {margin-bottom: 20px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li h2 {font-size:20px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span {font-size: 13px; padding: 5px 10px; border-radius: 5px; background: #f9f9f9; color: #aaa; margin-right: 10px;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li span:last-child {margin-right: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p {padding-top:20px; display: flex; align-items: flex-start; width: calc(100% / 3); font-size: 14px; margin-top: 0px;flex-direction: column; border-top:1px solid #eee;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p:nth-child(-n + 2) {margin-top: 0;}
.board .case-view .case-view-box .case-view-left .case-view-info ul li p strong {width: 100%; font-weight: 600; display:block;}
.board .case-view .case-view-box .case-view-left .case-view-tb {border-top: 1px solid #000;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul {}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li {display: flex; align-items: flex-start; flex-direction: column; padding:30px 0; border-bottom: 1px solid #eee;}

.board .case-view .case-view-box .case-view-left .case-view-tb ul li p {width:100%; font-size:18px; padding-bottom:10px;}
.board .case-view .case-view-box .case-view-left .case-view-tb ul li span {width:100%; font-size: 14px; line-height: 1.6;}
.board .case-view .case-view-box .case-view-right {width:100%;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix {position: relative; top:50px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law {position: relative;  border-radius: 10px; border: 1px solid #eee; padding: 20px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law img {width: 80px; border-radius: 10px; background: #e9ecf2; padding-top: 7px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p {width: calc(100% - 100px); font-size: 13px; color: #aaa;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-law p strong {display: block; font-size: 18px; color: #222; margin-top: 5px;}
.board .case-view .case-view-box .case-view-right .case-view-right-fix .case-view-img {display: block; width: 100%;border-radius: 15px; overflow: hidden; margin-top: 30px;}




.board .case-view .case-view-bt {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.board .case-view .case-view-bt a {display: flex; justify-content: center; align-items: center; width: 150px; height: 45px; border-radius: 30px; margin: 0 10px;}
.board .case-view .case-view-bt a.back {background: #000; color: #fff; border: 1px solid #000;}
.board .case-view .case-view-bt a.edit {color: #aaa; border: 1px solid #eee;}

/* 갤러리형 게시판 (list) */
.board .gallery-list {}
.board .gallery-list .gallery-list-con {flex-wrap: wrap;flex-direction: column;}
.board .gallery-list .gallery-list-con ul {display: flex; flex-wrap: wrap; padding-bottom: 250px;}
.board .gallery-list .gallery-list-con ul li {position: relative; width:100%; margin-right: 0px; margin-top: 20px;}
.board .gallery-list .gallery-list-con ul li:nth-child(-n + 3) {margin-top: 20px; }
.board .gallery-list .gallery-list-con ul li:nth-child(3n) {margin-right: 0;}
.board .gallery-list .gallery-list-con ul li .gallery-list-thumb {position: relative; padding-top: 65%; border-radius: 30px 0 30px 0; overflow: hidden;}
.board .gallery-list .gallery-list-con ul li .gallery-list-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.board .gallery-list .gallery-list-con ul li:hover .gallery-list-thumb img {width: 120%;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info {font-size: 14px;position: relative; bottom: 00%; left: 50%; transform: translateX(-50%); width: 100%; padding: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background: #fff;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info h2 {font-size: 18px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info p {display: flex; align-items: center; color: #666; margin-bottom: 8px;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info p strong {width: 100px; font-weight: 600; color: #222;}
.board .gallery-list .gallery-list-con ul li .gallery-list-info span {display: block; font-size: 14px; text-align: right; color: #aaa; padding-top: 10px;}
}