#board {padding:55px 0 0 0;} #board .tabs ul {display:flex; justify-content:space-between; margin-bottom: 50px; text-align: center; border: solid 1px #ccc;} #board .pagination ol {margin:60px 0 0 0 ; display:flex; justify-content:center; align-items:center; gap:3px;} #board .pagination ol li a {display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#fff; border:1px solid #ccc; color:#000; font-weight:500;} #board .pagination ol li a.on {background:#000; color:#fff;} #board .pagination {margin-top:40px; display:flex; justify-content:center; align-items:center; gap:3px;} #board .pagination button {width:30px; height:30px; background:#fff; border:1px solid #ccc; color:#000; font-weight:500;} #board .pagination button.active {background:#000; color:#fff;} #board .total {font-size:18px; font-weight:600; letter-spacing:-1px; color:#999; margin-bottom:20px;} /*event*/ .event-con .tabs ul li{display:flex; flex-basis:50%; align-item:center;} .event-con .tabs ul li a {display:block; padding:20px 0; width:100%; font-size:20px;} .event-con .tabs ul li.active a {color:#fff; background-color: #000; font-weight:bold;} .event-con .tab-con {display:flex; flex-wrap:wrap; gap:45px;} .event-con .tab-con .event-list {display:flex; flex-basis:48%;} .event-con .tab-con .event-list a {display:block; width:100%; } .event-con .tab-con .event-list a .img {width:100%; height:300px; margin: 0 0 30px 0; border-radius:5px; transition: all 0.5s ease; } .event-con .tab-con .event-list a:hover .img {filter: brightness(1.1);} .event-con .tab-con .event-list a h2{font-size: 26px; letter-spacing:-1px; } .event-con .tab-con .event-list a p{margin:10px 0 15px 0; font-size: 16px; font-weight: 500;} .event-con .tab-con .event-list a h5{color: #8C8C8C; font-size: 14px; font-weight: 400;} .event-con .event-end .event-list .img {position:relative; } .event-con .event-end .event-list .img:after {position:absolute; display: flex; justify-content: center; align-items: center; content:'종료'; width:100%; height:100%; color: #fff; background:rgba(0,0,0,0.5); font-size: 40px;font-weight: 700; border-radius:5px;} /*이용후기*/ .cstab ul {margin-bottom:40px; display:flex; justify-content: space-between; } .cstab ul li{ /*display:flex; align-items:center; */flex-grow: 1; } .cstab ul li a {display:block; padding:20px 0; width:100%; font-size:20px; border:solid 1px #ccc; box-sizing:border-box; text-align:center;} .cstab ul li.active a {color:#fff; background-color: #000; font-weight:bold;} .review-con {margin:20px 0; display:flex; gap:40px; justify-content:flex-start; flex-wrap:wrap;} .review-con .review-list {display:flex; flex-direction:column; flex-basis:31%;} .review-con .review-list a {display:block;} .review-con .review-list a:hover {opacity:0.7; transition:all 1s;} .review-con .review-list .img {margin-bottom:25px; width:100%; height:220px; border-radius:10px; overflow:hidden;} .review-con .review-list h3 {font-size:20px; font-weight:600;} .review-con .review-list p {height:64px; margin:5px 0 15px 0; font-size:14px; line-height:20px; font-weight:400; overflow:hidden;} .review-con .review-list h5 {font-size:14px; color:#bababa; text-align:right;} .interview-con {margin:20px 0; display:flex; gap:40px; justify-content:flex-start; flex-wrap:wrap;} .interview-con .interview-list {display:flex; flex-direction:column; flex-basis:48.3%;} .interview-con .interview-list a {display:block;} .interview-con .interview-list a:hover {opacity:0.7; transition:all 1s;} .interview-con .interview-list .img {margin-bottom:25px; width:100%; height:350px; border-radius:10px; overflow:hidden;} .interview-con .interview-list h2 {margin-bottom:5px; font-size:20px; font-weight:600; letter-spacing:-1px;} .interview-con .interview-list h5 {font-size:14px; color:#bababa; text-align:left;} #board.review .swiper-wrapper {flex-wrap:wrap; gap:30px;} #board.review .swiper-slide {width:23.3%;} #board.review h2.tit {font-size:32px; font-weight:bold; letter-spacing:-0.5px;} #board.review #news {margin:100px 0 60px 0;} #board.review .tit-flex { display:flex; justify-content:space-between; align-items:center; margin-bottom:60px; } #board.review .tit-flex .total {margin:0 !important;} #board.review .tit-name {gap:25px;} #board.review .btn a {margin-left:12px; display:flex; align-items:center; gap:5px; padding:17px 22px; border-radius:12px; font-size:17px; font-weight:700; letter-spacing:-0.5px;} #board.review .btn a span {font-size:20px; position:relative; top:-2px;} #board.review .btn a.customer { border:1px solid #e4f1ff; background:#e4f1ff; color:#3651E0;} #board.review .btn a.employ {border:1px solid #dbdbdb; } /*board view*/ #board #boardView {/*background:#fafafa; border-top:2px solid #4d4d4d;*/} #board #boardView .title {padding:25px; border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; display:flex; justify-content:space-between; align-items:center;} #board #boardView .title .tit {font-size:20px; font-weight:600; color:#1a1a1a; letter-spacing:-1px;} #board #boardView .title .detail {font-size:14px; font-weight:500; color:#8c8c8c;} #board #boardView .contents {padding-top:40px;padding-bottom:40px;} #board #boardView .contents .img ,#board #boardView .contents img { display: block; width:100%; margin:0 auto; text-align:center; } #board #boardView .contents p {font-size:18px; line-height:30px; text-align:center;} #board .listbtn {text-align:center;} #board .listbtn a {margin-top:50px; display:inline-block; padding:15px 22px; font-size:16px; border:1px solid #b3b3b3; border-radius:5px; text-align:center;} #board .listbtn a:hover {background:#ebebeb; transition:all 1s;} /* keyframe */ @keyframes neon-shadow { 0% { box-shadow: 0 0 2px #352c94, 0 0 4px #352c94, 0 0 12px #352c94, 0 0 36px #352c94; } 100% { box-shadow: 0 0 1px #352c94, 0 0 2px #352c94, 0 0 6px #352c94, 0 0 18px #352c94; } } /*지점안내*/ #board.location .tabs ul {display:flex; justify-content:center; margin-bottom: 0; border:none; background:#f4f4f4; padding:25px 0; } #board.location .tabs ul li a {display:block; padding:0 30px; font-size:18px; border-right: 2px solid #ccc;} #board.location .tabs ul li:last-child a {border-right:none;} #board.location .tabs ul li.active a {font-weight:bold;} .location .loc-tit {padding:75px 0; background:url('../_img/location_bg.png') no-repeat center; background-size:cover; color:#fff; text-align:center;} .location .loc-tit h2 {margin-bottom:10px; font-size:34px; font-weight:800; letter-spacing:-1px;} .location .loc-tit p {font-size:18px; font-weight:300;} .loc-manager.bg {background:#fafafa;} .loc-manager a{padding:60px 0; display:flex; justify-content:center; align-items:center; gap:45px;} .loc-manager .img {max-width:260px; position:relative; border-radius:7px; overflow:hidden;} .loc-manager .img::after{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 60px; z-index: 999; cursor: pointer; opacity: 0;} .loc-manager .img .img-cover {position:absolute; padding:10px 0; width:100%; bottom:0; left:50%; transform:translate(-50%,0); background:rgb(65,115,238,0.95); text-align:center; z-index:9; border-bottom-left-radius:7px; border-bottom-right-radius:7px;} .loc-manager .img .img-cover img {width:90px; } .incheon .loc-manager .img::after{background: url('../_img/location_icon.png') center no-repeat rgb(65,115,238,0.5);} .seoul .loc-manager .img::after{background: url('../_img/location_icon.png') center no-repeat rgb(0,0,0,0.5);} .loc-manager .img:hover::after{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 60px; z-index: 10; cursor: pointer; opacity: 1; transition: all 0.5s;} .loc-manager .text h3 {font-size:30px; font-weight:bold; letter-spacing:-0.5px;} .loc-manager .text h4 {font-size:24px; font-weight:300;} .loc-manager .text h5 {margin:10px 0 ; font-size:18px; color:#8c8c8c; font-weight:500;} .loc-team {padding: 80px;} .loc-team .teamtit {position:relative; margin-bottom:50px; padding:0 0 20px 0; font-size:30px; font-weight:bold; letter-spacing:-1px; text-align:center;} .loc-team .teamtit:after {position:absolute; content:''; width:60px; height:1px; bottom:0; left:50%; background:#b3b3b3; transform: translate(-50%, 0);} .loc-team .locteam-wrap {width:860px; display:flex; flex-wrap:wrap; gap:60px;} .loc-team .lo-right {display:flex; justify-content:end;} .loc-team .lo-left {display:flex; justify-content:start;} .loc-team .locteam-wrap .list {display:flex; flex-direction:column; justify-content:center; gap:15px; text-align:center; font-size:16px; flex-basis:19.7%;} .loc-team .locteam-wrap .list h3 {font-weight:500;} .loc-team .locteam-wrap .list .img {position: relative; border-radius: 7px; overflow: hidden; cursor: pointer;} .loc-team .locteam-wrap .list .img::after{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 50px; z-index: 999; cursor: pointer; opacity: 0;} .incheon .loc-team .locteam-wrap .list .img::after{background: url('../_img/location_icon.png') center no-repeat rgb(65,115,238,0.5);} .seoul .loc-team .locteam-wrap .list .img::after{background: url('../_img/location_icon.png') center no-repeat rgb(0,0,0,0.5);} .loc-team .locteam-wrap .list .img:hover::after{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 50px; z-index: 10; cursor: pointer; opacity: 1; transition: all 0.5s;} .loc-team .locteam-wrap .list .img .img-cover {position:absolute; padding:7px 0; width:100%; bottom:0; left:50%; transform:translate(-50%,0); background:rgb(65,115,238,0.95); text-align:center; z-index:9;border-bottom-left-radius:7px; border-bottom-right-radius:7px;} .loc-team .locteam-wrap .list .img .img-cover img {width:70px; } .loc-team.bg-1 {background:url('../_img/location_bg_1.png') 96% 100% no-repeat #fafafa; background-size:130px;} .loc-team.bg-2 {background:url('../_img/location_bg_2.png') 96% 100% no-repeat #fff; background-size:130px;} .loc-team.bg-3 {background:url('../_img/location_bg_3.png') 96% 100% no-repeat #fafafa; background-size:130px;} .loc-team.bg-4 {background:url('../_img/location_bg_4.png') 96% 100% no-repeat #fff; background-size:130px;} .loc-team.bg-5 {background:url('../_img/location_bg_11.png') 4% 100% no-repeat #fff; background-size:130px;} .loc-team.bg-6 {background:url('../_img/location_bg_22.png') 4% 100% no-repeat #fafafa; background-size:130px;} .loc-team.bg-7 {background:url('../_img/location_bg_33.png') 4% 100% no-repeat #fff; background-size:130px;} .loc-team.bg-8 {background:url('../_img/location_bg_44.png') 4% 100% no-repeat #fafafa; background-size:130px;} /*qna*/ .qna .searchBar {padding:20px; display:flex; justify-content:end; background:#e6e6e6;} .qna .searchBar .inputsearch { display:flex; justify-content:space-between; padding:12px 15px; width:480px; background:#fff; } .qna .searchBar .inputsearch button {background:none;} .qna .qnacon .que {display:flex; align-items:center; padding:25px 30px; border-top:2px solid #b3b3b3; cursor:pointer;} .qna .qnacon .que .ctg {width:200px; font-size:16px; color:#8c8c8c; letter-spacing:-1px;} .qna .qnacon .anw {padding:25px 30px 25px 230px; background:#fafafa;} .qna .qnacon .anw .text {font-weight:400; color:#4d4d4d;} .qna .qnacon .text {display:flex; gap:10px; font-size:17px; line-height:30px; color:#333; font-weight:500;} .qnanone {padding:150px 0 80px 0; text-align:center;} .qnanone h3 {font-size:26px; margin-bottom:15px;} .qnanone p {font-size:15px; line-height:24px; color:#8c8c8c;} #board.qna .faq-top{padding-top: 60px; } #board.qna .faq-top .container {display: flex; justify-content: space-between; align-items: center;} #board.qna .faq-top .faq-tit h2{font-size: 40px; font-weight: 800;} #board.qna .faq-top .faq-tit p{margin-top: 10px; font-size: 17px; line-height: 1.6;} #board.qna .faq-top .searchBar{padding: 0; border: 1px solid #eee; background: none;} #board.qna .faq-top .searchBar .inputsearch{padding: 15px 25px;} #board.qna .faq-view{margin-top: 60px;} #board.qna .faq-view .container {display: flex; justify-content: space-between; align-items: flex-start; gap: 120px;} #board.qna .faq-view .faqct{width: auto;} #board.qna .faq-view .faqct ul li{margin-bottom: 20px;} #board.qna .faq-view .faqct ul li:first-child{margin-bottom: 40px;} #board.qna .faq-view .faqct ul li:last-child{margin-bottom: 0;} #board.qna .faq-view .faqct ul li input[type="radio"]{display: none; appearance: none;} #board.qna .faq-view .faqct ul li input[type="radio"] + label{font-size: 16px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: all 0.3s;} #board.qna .faq-view .faqct ul li input[type="radio"]:checked + label{color: #3651E0; font-weight: 700;} #board.qna .faq-view .faqct ul li:first-child input[type="radio"] + label{font-size: 24px; font-weight: 700;} #board.qna .faq-view .faqct ul li input[type="radio"] + label:hover{color: #3651E0; font-weight: 700; transition: all 0.3s;} #board.qna .faq-view .faqcon{width: 100%; border-top: 2px solid #111;} #board.qna .faq-view .faqcon .que{display: flex; justify-content: space-between; align-items: center; position: relative; padding: 25px 35px; border-top: 0; border-bottom: 1px solid #ccc;} #board.qna .faq-view .faqcon .que.on{border-bottom: 0;} #board.qna .faq-view .faqcon .que .text{font-size: 18px; font-weight: 700;} #board.qna .faq-view .faqcon .que .text:before{position: absolute; top : 50%; left: 0; transform: translate(0, -50%); content: "+"; margin-top: -1px; color: #3651E0; font-size: 30px; font-weight: 600; transition: all 0.4s;} #board.qna .faq-view .faqcon .que.on .text:before{position: absolute; top : 50%; left: 2px; transform: translate(0, -50%); content: "-"; margin-top: -1px; color: #3651E0; font-size: 36px; font-weight: 600; transition: all 0.4s;} #board.qna .faq-view .faqcon .que .ctg{width: auto; padding: 5px 10px; border-radius: 50px; border: 1px solid #999; background: #f9f9f9; color: #666; font-size: 14px; text-align: center;} #board.qna .faq-view .faqcon .que .btn{position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 10px; height: 10px; margin-top: -8px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(135deg); transition: all 0.4s;} #board.qna .faq-view .faqcon .que.on .btn{margin-top: -4px; transform: rotate(-45deg); transition: all 0.4s;} #board.qna .faq-view .faqcon .anw{padding: 10px 35px 20px 35px; background: #fff;} #board.qna .faq-view .faqcon .anw .text{padding-left: 20px; border-left: 2px solid #3651E0; font-size: 15px; line-height: 24px;} /*eventView*/ .svCarBoard {max-width:900px; margin:0 auto; } .svCarBoard .list {position:relative; margin-bottom:20px; padding:20px 30px 30px 30px; background:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0 0 0 / 10%);} .svCarBoard .list .markWrap {position:absolute; top:23px; right:30px; justify-content:end;} .svCarBoard .list .name .brand {display:block; width:50px;} .svCarBoard .list .name h3 {padding:5px 0 0 5px ; font-size:18px; line-height:18px; font-weight:500; } .svCarBoard .list .name h3 .tit {font-size:24px; font-weight:bold;} .svCarBoard .list .flex-space {display:flex; align-items:end; justify-content:space-between;} .svCarBoard .list .carImg {width:300px;} .svCarBoard .list .price li {font-size:22px; } .svCarBoard .list .price li:first-child {margin-bottom:5px;} .svCarBoard .list .price li .won {color:#01abce; font-weight:bold;} .svCarBoard .list .price li .won:before {content:'|'; margin:0 10px 0 5px; font-size:20px;} .svCarBoard .list .opwrap {margin-top:30px; width:60%;} .svCarBoard .list .opwrap .color {display:flex; gap:15px;} .svCarBoard .list .opwrap li {font-size:14px; line-height:1.5; display:flex;} .svCarBoard .list .opwrap li .subject {font-weight:bold;} .svCarBoard .list .opwrap li .subject:after {content:'|'; margin:0 7px; font-size:13px; color:#01abce;} .svCarBoard .list .btn button {display:inline-block; padding:8px 18px; font-size:14px; line-height:13px; font-weight:bold; letter-spacing:-0.5px; border:1px solid #d1d1d1; border-radius:4px;} .svCarBoard .list .btn button.bt1 {background:#fff; color:#000;} .svCarBoard .list .btn button.bt2 {background:#1a1a1a; color:#fff;} .fc-b {color:#3651E0;} .evCarBoard {max-width:1280px; margin:0 auto; } .evCarBoard .flex-list {display:flex; flex-wrap:wrap; gap:25px; } .evCarBoard .flex-list .list {margin-bottom:25px; width:49%; padding:22px 10px 10px 10px; background:#f9f9f9; border-radius:20px; /*box-shadow:3px 3px 10px rgba(0 0 0 / 10%); */} .evCarBoard .flex-center {display:flex; justify-content:space-between; align-items:end; gap:20px;} .evCarBoard .flex-center .carImg {width:280px;} .evCarBoard .txt {width:293px;} .evCarBoard .txt h3 {font-size:20px;} .evCarBoard .txt .trim {margin:18px 0; font-size:13px; color:#686868; font-weight:500; line-height:1.4; height:36px; display:flex; align-items:center; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .evCarBoard .emph {margin-bottom:20px; display:flex; gap:3px;} .evCarBoard .emph span {display: block; width: 42px; height: 42px; line-height:42px; border-radius: 100%; color: #fff; font-size: 18px; font-weight: 600; text-align: center;} .evCarBoard .emph span:nth-child(odd){background: #00abce;} .evCarBoard .emph span:nth-child(even){background: #1e53f2;} .evCarBoard .price {margin-top:12px;} .evCarBoard .price li {display:flex; gap:5px;} .evCarBoard .price li {margin-bottom:6px; font-size:16px; line-height:24px; color:#4d4d4d; font-weight:500;} .evCarBoard .price li:last-child {margin-bottom:0;} .evCarBoard .price li .won {font-weight:bold; font-size:130%; width:134px; text-align:right;} .evCarBoard .price li .del {text-decoration:line-through; color:#bebebe;} .evCarBoard .btn{margin-top:25px; display:flex; align-items:center; gap:8px; text-align:center; width:266px;} .evCarBoard .btn button {display:block; padding:13px 0 12px 0; font-size:16px; line-height:16px; font-weight:bold; letter-spacing:-0.5px; border-radius:4px; border:1px solid #d1d1d1; } .evCarBoard .btn button.bt1 {display:none; width:50%; background:#fff; color:#000;} .evCarBoard .btn button.bt2 {width:100%; background:#000; color:#fff;} .cmCarBoard {max-width:1280px; margin:0 auto; } .cmCarBoard .cmwarp {display:flex; flex-wrap:wrap; align-items:center; gap:25px; } .cmCarBoard .cmwarp li.list {position:relative; display:flex; align-items:center; margin-bottom:25px; width:49%; padding:20px 35px 10px 10px; background:#f9f9f9; border-radius:20px;} .cmCarBoard .cmwarp li.list .img {width:280px !important;} .cmCarBoard .cmwarp .ab-icon {position:absolute; top:20px; left:13px;} .cmCarBoard .cmwarp .ab-icon span {margin-right:2px; padding:5px 12px; font-size:15px; color:#fff; border-radius:500px; font-weight:500;} .cmCarBoard .cmwarp .ab-icon span.mm {background:#00ABCE;} .cmCarBoard .cmwarp .ab-icon span.pm {background:#007cce;} .cmCarBoard .cmwarp .tit-wrap {display:flex; justify-content:space-between; width:266px;} .cmCarBoard .cmwarp .tit h3 { width:155px; display:flex; align-items:center; font-size:18px;} .cmCarBoard .cmwarp .tit .brand {width:40px;} .cmCarBoard .cmwarp .tit p {font-size:14px !important; text-align:left !important; line-height:20px !important; font-weight:500; color:#535353;} .cmCarBoard .cmwarp .dv-eng {margin:4px 0; display:flex; align-items:center; font-weight:600; gap:7px;} .cmCarBoard .cmwarp .dv-eng .engine {display:flex; gap:2px; } .cmCarBoard .cmwarp .dv-eng .engine span {display:flex; align-items:center; justify-content:center; width:16px; height:16px; border:1px solid #0465ED; font-size:10px; line-height:1px;} .cmCarBoard .cmwarp .dv p {font-size:14px !important; text-align:left !important; line-height:20px !important; font-weight:500; color:#535353;} .cmCarBoard .cmwarp .info {margin:15px 0;} .cmCarBoard .cmwarp .info p {font-size:14px !important; text-align:left !important; line-height:20px !important; font-weight:500; color:#535353;} .cmCarBoard .cmwarp .price li {margin-bottom:5px; display:flex; align-items:center; justify-content:space-between; font-size:15px; } .cmCarBoard .cmwarp .price li .subject {display:flex; align-items:center; gap:7px;} .cmCarBoard .cmwarp .price li .subject .capital_img { margin-top:-2px; width:75px;} .cmCarBoard .cmwarp .price li .won {font-size:130%; font-weight:bold;} .cmCarBoard .btn{margin-top:25px; display:flex; align-items:center; gap:8px; text-align:center; } .cmCarBoard .btn button {display:block; padding:13px 0 12px 0; font-size:16px; line-height:16px; font-weight:bold; letter-spacing:-0.5px; border-radius:4px; border:1px solid #d1d1d1; } .cmCarBoard .btn button.bt1 {width:50%; background:#fff; color:#000;} .cmCarBoard .btn button.bt2 {width:50%; background:#000; color:#fff;} .boardCounsel {max-width:900px; margin:120px auto 0 auto; background:#0475ee; padding:0 0 40px 0;} .boardCounsel .tit {padding:10px; color:#fff; font-size:20px; font-weight:bold; text-align:center;} .boardCounsel .consultform {width:535px; margin:0 auto;} .boardCounsel .consultform .flex {margin:10px 0 15px 0 ; justify-content:center; align-items:center; gap:10px;} .boardCounsel .consultform .flex ul {display:flex; gap:10px;} .boardCounsel .consultform .flex ul input {padding:15px; border-radius:3px;} .boardCounsel .consultform .flex button {padding:15px 20px; font-size:15px; font-weight:bold; color:#fff; border-radius:3px; background:#00254e;} .boardCounsel .consultform .agree {display:flex; gap:3px; text-align:right; color:#fff; font-size:12px; justify-content:end;} .boardCounsel .consultform .agree a {color:#fff;} /*userview*/ #board.userview .container {width:1300px;} #uvcontent .uvtit {margin-top:40px; padding:50px 80px; justify-content:space-between; border-radius:26px; box-shadow:3px 3px 10px rgba(0 0 0 / 15%);} #uvcontent .uvtit .txt h2 {margin-bottom:25px; font-size:36px; line-height:1.3; font-weight:600; letter-spacing:-1px;} #uvcontent .uvtit .txt p {font-size:18px; color:#000;} #uvcontent .uvtit .img {position:relative; width:180px;} #uvcontent .uvtit .img img.employ {border-radius:5px; overflow:hidden;} #uvcontent .uvtit .img .img-cover {position:absolute; padding:6px 0 8px 0; width:100%; bottom:28px; left:50%; transform:translate(-50%,0); background:rgb(65,115,238,0.95); text-align:center; z-index:9; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #uvcontent .uvtit .img .img-cover img {width:55px; } #uvcontent .uvtit .img p {margin-top:12px; text-align:center; font-size:15px;} #uvcontent .keyword {margin:110px 0; justify-content:space-between; align-items:flex-start;} #uvcontent .keyword .txt {padding:0 0 0 60px;} #uvcontent .keyword .txt p {margin-top:25px; font-size:16px; line-height:1.6;} #uvcontent .keyword .tit {gap:20px;} #uvcontent .keyword .tit img {width:50px;} #uvcontent .keyword .tit h3{font-size:30px; line-height:1.4; letter-spacing:-0.5px;} #uvcontent .keyword .keyview {width:785px;} #uvcontent .keyword .keyview ul {display:flex; flex-wrap:wrap; align-items:center;} #uvcontent .keyword .keyview ul li {width:33.33%; padding:0 25px 25px 25px;} #uvcontent .keyword .keyview input[type="checkbox"] {display:none; appearance:none; display:none; } #uvcontent .keyword .keyview input[type="checkbox"] + label {display:block; width:100%; font-size:48px; font-weight:600; letter-spacing:-1px; color:#F1F1F4; text-align:center; pointer-events:none;} #uvcontent .keyword .keyview input[type="checkbox"]:checked + label {font-weight:600; color:#4173EE;} #uvcontent .mnreview {margin:110px 0; justify-content:space-between; align-items:flex-start; gap:24px;} #uvcontent .mnreview .txt {width:500px; padding:60px; background:#fafafa; border-radius:25px; box-sizing:border-box;} #uvcontent .mnreview .txt p {margin-top:25px; font-size:15px; line-height:1.9;} #uvcontent .mnreview .txt p.date {margin-top:0; font-weight:500; opacity:0.5;} #uvcontent .mnreview .tit {gap:20px;} #uvcontent .mnreview .tit img {width:50px;} #uvcontent .mnreview .tit h3{font-size:30px; line-height:1.4; letter-spacing:-1px;} #uvcontent .mnreview .txt-bottom {margin-top:20px; display:flex; justify-content:space-between; align-items:center; } #uvcontent .mnreview .star {font-size:20px; color:#8C8C8C;} #uvcontent .mnreview .star .on {color:#F7C700;} #uvcontent .mnreview .mnimg {width:390px; height:445px; border-radius:25px;} #uvcontent .mnreview .mnimg .swiper .swiper-slide {width:390px; height:445px; border-radius:25px;} #uvcontent .mnreview .mncar {padding:40px 30px; width:345px; height:445px; border-radius:25px; background:#fafafa; } #uvcontent .mnreview .mncar .name {display:flex; align-items:center; justify-content:center; font-size:26px; line-height:22px; font-weight:600;} #uvcontent .mnreview .mncar .name .brand {width:45px;} #uvcontent .mnreview .mncar .trim {margin:15px 0; font-size:14px; line-height:1.5; text-align:center;} #uvcontent .mnreview .mncar .price {margin:15px 0; font-weight:700; font-size:21px; letter-spacing:-0.5px;} #uvcontent .mnreview .mncar .btn {display:flex; align-items:center; justify-content:space-between; gap:5px;} #uvcontent .mnreview .mncar .btn a {display:block; padding:12px 5px; width:100%; font-size:16px; text-align:center; border-radius:5px; border:1px solid #d1d1d1; background:#fff; font-weight:600;} #uvcontent .mnreview .mncar .btn a.bg {background:#000; color:#fff; border:1px solid #000;} #uvcontent .mnreview .mncar .price-capital {margin:5px 0 25px 0;} #uvcontent .mnreview .mncar .price-capital li {margin-bottom:7px; justify-content:space-between;} #uvcontent .mnreview .mncar .price-capital li .subject {font-size: 14px; gap:11px; } #uvcontent .mnreview .mncar .price-capital li .subject img {width:90px;} #uvcontent .mnreview .mncar .price-capital li .won {font-size:20px; font-weight:700; letter-spacing:-0.5px;} .mnimg .swiper-button-next:after, .mnimg .swiper-button-prev:after {font-size:18px; color:#fff;} /*userview_write*/ #board.userview.write .container {width:640px;} #uvwrite {padding:40px; border-radius:30px; box-shadow:3px 3px 10px rgba(0 0 0 /15%);} #uvwrite .required { color:red; font-size:12px; font-weight:bold; } #uvwrite li.flist {margin-top:40px;} #uvwrite li.flist:first-child {margin-top:0;} #uvwrite li.flist:last-child {margin-top:12px;} #uvwrite li.flist .sm {font-size:13px; color:#8c8c8c; font-weight:400;} #uvwrite label {display:block; margin:5px 0 10px 0; width:100%; font-size:20px; line-height:20px; font-weight:700; } #uvwrite select {margin-bottom:7px; padding:15px; width:100%; font-size:15px; letter-spacing:-0.5px; border:1px solid #c4c4c4; border-radius:10px; cursor:pointer; background:url('/_img/select_down.png') no-repeat ; background-position:top 50% right 15px; background-size:15px;} #uvwrite select:focus {outline: 1px solid #1E53F2;} #uvwrite select option[value=""][disabled] {display: none;} #uvwrite input[type="text"] {margin-bottom:7px; padding:15px; width:100%; font-size:15px; letter-spacing:-0.5px; border:1px solid #c4c4c4; border-radius:10px;} #uvwrite input[type="text"]:focus {outline: 1px solid #1E53F2;} #uvwrite textarea {padding:15px; width:100%; font-size:15px; letter-spacing:-0.5px; border:1px solid #c4c4c4; border-radius:10px; height:130px; overflow-y:scroll;} #uvwrite textarea:focus {outline: 1px solid #1E53F2;} #uvwrite .keyview ul {display:flex; flex-wrap:wrap; gap:4px;} #uvwrite .keyview input[type="checkbox"] { /*display:none;*/ appearance:none; display: inline; } #uvwrite .keyview input[type="checkbox"] + label {margin:0; display:block; width:auto; padding:7px 12px; border:1px solid #c4c4c4; color:#8c8c8c; text-align:center; border-radius:5px; font-size:15px; font-weight:600; letter-spacing:-1px; cursor:pointer; } #uvwrite .keyview input[type="checkbox"]:checked + label {font-weight:600; color:#4173EE;} #uvwrite .star ul {display:flex; gap:2px;} #uvwrite .star input[type="checkbox"] {display:none; appearance:none; display:none; } #uvwrite .star input[type="checkbox"] + label {margin:0; display:block; width:auto; color:#8c8c8c; font-size:18px; font-weight:800; letter-spacing:-1px; cursor:pointer; } #uvwrite .star input[type="checkbox"]:checked + label {color:#F7C700;} #uvwrite .fserach {position:relative; display:block;} #uvwrite .fserach button {position:absolute; top:45%; right:11px; transform:translate(0,-50%); padding:5px 10px; font-size:14px; letter-spacing:-0.5px; border:1px solid #c4c4c4; background:#fff; border-radius:5px; color:#8c8c8c; } #uvwrite .managerIndexWrap .manager { position:relative; display:inline-block; text-align:center; } #uvwrite .managerIndexWrap .manager label { border:2px solid white; border-radius:5px; overflow:hidden; } #uvwrite .managerIndexWrap .manager label .imgProfile { width:140px; height:140px; } #uvwrite .managerIndexWrap .manager label .pointWrap { position:absolute; padding:3px 0 7px 0; width:100%; bottom:26px; left:50%; transform:translate(-50%,0); background:rgb(65,115,238,0.95); text-align:center; z-index:9; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #uvwrite .managerIndexWrap .manager label .pointWrap .imgLogo { width:50px; } #uvwrite .managerIndexWrap .manager input[type="radio"]:checked + label { border:2px solid #3651e0; } #uvwrite .emresult .img {position:relative; width:140px;} #uvwrite .emresult .img img.employ {border-radius:5px; overflow:hidden;} #uvwrite .emresult .img .img-cover {position:absolute; padding:7px 0; width:100%; bottom:26px; left:50%; transform:translate(-50%,0); background:rgb(65,115,238,0.95); text-align:center; z-index:9; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #uvwrite .emresult .img .img-cover img {width:50px; } #uvwrite .emresult .img p {margin-top:10px; text-align:center; font-size:14px;} #uvwrite .satisform {display:flex; align-items:center; gap:12px;} #uvwrite .satisform .num {font-size:18px; color:#8c8c8c8c; font-weight:500;} #uvwrite .satisform label {margin-bottom:0; width:auto;} #uvwrite .uploadOneMultiBtn input[type="file"] {display:none; appearance:none; display:none; } #uvwrite .uploadOneMultiBtn input[type="file"] + label {padding:15px; display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid #c4c4c4; color:#8c8c8c; border-radius:12px; font-size:16px; font-weight:500; letter-spacing:-0.5px; cursor:pointer;} #uvwrite .uploadOneMultiBtn input + label:hover {background:#f9f9f9; transition:all 0.5s;} #uvwrite .uploadOneCont input[type="file"] {display:none; appearance:none; display:none; } #uvwrite .fileList {margin-top:15px; display:flex; align-items:center; justify-content:space-between; gap:10px;} #uvwrite .fileList li {width:100%;} #uvwrite .fileList .uploadOneBox {position:relative; } #uvwrite .fileList .uploadOneThumb {background:#f4f4f4; width:100%; height:130px; border-radius:10px; overflow:hidden;} #uvwrite .fileList .uploadOneText {position:absolute; top:8px; right:8px; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:100%; background:#7d7d7d; color:#fff; font-weight:bold; z-index:99; cursor:pointer;} #uvwrite .fileList .uploadOneText span {font-size:15px; line-height:25px;} #uvwrite .caution {margin:10px; font-size:14px; color:#787878; line-height:1.5; width:220px;} #uvwrite .formAgree label {font-size:15px; font-weight:400; margin-bottom:0; width:auto; margin-right:5px; letter-spacing:-0.5px;} #uvwrite .writeBtn button {margin-top:20px; width:100%; padding:20px 5px; background:#00abce; color:#fff; font-size:18px; font-weight:bold; color:#fff; text-align:center; border-radius:10px;}