/* #board {padding:110px 0 0 0;}
#board .container {width:90%; margin:0 auto;}*/
#board .container.wd90  {width:90%; margin:0 auto;}
#board.interview  {width:90%; margin:0 auto;}
#board.company  {width:90%; margin:0 auto;}
#board .svisual { /*display:none;*/ }
#board .tabs ul { display:flex; justify-content:space-between; margin:0 0 20px 0; text-align: center; border: solid 1px #ccc;}

.pagination ol {margin:30px 0 0 0 ; display:flex; justify-content:center; align-items:center; gap:3px;}
.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;}

.pagination button.active {background:#000; color:#fff;}
.pagination {display:flex; justify-content:center; align-items:center; gap:3px;}
.pagination button {display:flex; justify-content:center; align-items:center;
 width:30px; height:30px; background:#fff; border:1px solid #ccc; color:#000; font-weight:500;}
.pagination ol li a.on {background:#000; color:#fff;}

.pagination {margin-top:15px; display:flex; justify-content:center; align-items:center;}
.pagination button {width:25px; height:25px; background:#fff; border:1px solid #ccc; color:#000; font-weight:500; font-size:12px;}
.pagination button.active {background:#000; color:#fff;}


#board .total {font-size:16px; font-weight:600; letter-spacing:-1px; color:#1a1a1a; margin-top:20px;}
#board.review .tit-flex {display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
#board.review .total{margin:0; color:#999;}
#board.review .btn a {margin-left:12px; display:flex; align-items:center; gap:3px; padding:8px 10px 8px 12px; border-radius:7px; font-size:14px; font-weight:700; letter-spacing:-0.5px;}
#board.review .btn a span {font-size:16px; position:relative; top:-2px;}
#board.review .btn a.customer { border:1px solid #e4f1ff; background:#e4f1ff; color:#F8C302;}
#board.review .btn a.employ {border:1px solid #dbdbdb; }

/*event*/
.event-con .tabs ul li{display:flex; flex-basis:50%; align-item:center;}
.event-con .tabs ul li a {display:block; padding:15px 0; width:100%; font-size:14px;}
.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:40px;}
.event-con .tab-con .event-list {display:flex; flex-basis:100%;}
.event-con .tab-con .event-list a {display:block; width:100%; }
.event-con .tab-con .event-list a .img {width:100%; height:350px; margin: 0 0 15px 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: 20px; letter-spacing:-1px; }
.event-con .tab-con .event-list a p{margin:5px 0; font-size: 14px; 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: 26px;font-weight: 700; border-radius:5px;}

.event-con .tab-con .event-list.eventEnd a .img {position:relative;}
.event-con .tab-con .event-list.eventEnd a .img:after {position:absolute; display: flex; justify-content: center; align-items: center;
content:'이벤트 종료'; width:100%; height:100%; color: #fff; background:rgba(0 0 0 / 80%);  font-size: 22px;font-weight: 600; border-radius:5px;}


/*이용후기*/
.cstab {display:none;}
.cstab ul {margin:20px 0; display:flex;}
.cstab ul li{display:flex; flex-basis:25%; align-items:center; }
.cstab ul li a {display:block; padding:15px 0; width:100%; font-size:14px; 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:100%; box-shadow:5px 5px 5px rgb(0 0 0 / 10%); border-radius:10px; overflow:hidden; border:1px solid #ececec;}
.review-con .review-list a {display:block;}
.review-con .review-list a:hover {opacity:0.7;  transition:all 1s;}
.review-con .review-list .img { width:100%; height:185px; }
.review-con .review-list  h3 {margin:20px 0; font-size:20px; font-weight:600;}
.review-con .review-list  p {height:40px; margin:5px 0 10px 0; font-size:14px; line-height:20px; font-weight:400; overflow:hidden;}
.review-con .review-list  h5 {font-size:13px; color:#bababa; display:flex; justify-content:space-between;}
.review-con .review-list .txt {padding:20px; position:relative;}
.review-con .review-list .txt .txtwrap {display:flex; justify-content:space-between; align-items:end;}
.review-con .review-list .txt .txtwrap h2 {font-size:18px; line-height:1.3; width:170px;}
.review-con .review-list .txt .txtwrap .date { font-size:13px; color:#8c8c8c;}
.review-con .review-list .txt .ab {width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.review-con .review-list .txt .bMark {width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; border-radius:3px; background:#D40022; color:#fff;}
.review-con .review-list .txt .customer {display:inline-block; padding:5px 7px; border-radius:5px; border:1px solid #d2d6d9; background:#f9f9f9; color:#666; font-size:13px;}
.review-con .review-list .txt .bMark {position:inherit; width:27px; height:27px; line-height:27px;}
.review-con .review-list .eva {display:flex; align-items:center; justify-content:space-between;}
.review-con .review-list .eva .mark {display:inline-block; padding:5px 10px 6px 10px; font-size:12px; font-weight:500; color:#D40022; border:1px solid #D40022; border-radius:4px;}
.review-con .review-list .eva .star {position:relative; top:-1px; display:flex; align-items:center; gap:2px; }
.review-con .review-list .eva .star img {width:12px;}



.nextbtn {width:100%; margin:30px 0 0 0; text-align:center;}
.nextbtn a {display:inline-block; padding:12px 25px; font-size:14px; line-height:16px; color:#8c8c8c; border:1px solid #e6e6e6; border-radius:7px; }
.nextbtn a .plus {margin-left:5px; font-size:16px;}

.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:100%;  box-shadow:5px 5px 5px rgb(0 0 0 / 10%); border-radius:10px; overflow:hidden;}
.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:15px; width:100%; height:185px; }
.interview-con .interview-list  h2 {margin-bottom:5px; font-size:17px; font-weight:600; letter-spacing:-1px; word-break:keep-all;}
.interview-con .interview-list  h5 {font-size:14px; color:#bababa; text-align:left;}
.interview-con .interview-list .txt {padding:0 20px 20px 20px;}

/*board view*/
.layerPopup#boardviewPop .layerBody {overflow-y:scroll;}
#bbview h2 {padding:16px 0; font-size:20px; font-weight:bold; color:#1a1a1a; letter-spacing:-1px; text-align:center;}
#bbview  .title {margin:10px 0 30px 0; padding:10px 0; border-top:1px solid #e6e6e6; display:flex; justify-content:space-between; align-items:center;}
#bbview  .title .tit {font-size:14px; font-weight:600; color:#1a1a1a; letter-spacing:-1px;}
#bbview  .title .detail {font-size:14px; font-weight:500; color:#8c8c8c;}
#bbview .contents p {font-size:14px; line-height:20px;}

/*eventView*/

.svCarBoard {/*width:90%; margin:0 auto;*/ background:#f4f4f4;}
.svCarBoard ul.wd90 {width:90%; margin:0 auto; padding:20px 0;}
.svCarBoard .list {position:relative;  padding:15px; margin-bottom:20px; background:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0 0 0 / 10%);}
.svCarBoard .list:last-child {margin-bottom:0;}
.svCarBoard .list .markWrap {position:absolute; top:17px; right:20px; justify-content:end;}
.svCarBoard .list .markWrap span {width:auto; padding:5px 10px; border-radius:20px;}
.svCarBoard .list .name .brand {display:block; width:50px;}
.svCarBoard .list .name h3 {padding:5px 0 0 5px ; font-size:15px; line-height:18px; font-weight:500; margin-bottom:15px; }
.svCarBoard .list .name h3 .tit {font-size:18px; font-weight:bold;}
.svCarBoard .list .flex-space {display:flex; align-items:end; justify-content:space-between;}
.svCarBoard .list .flex-space-column {}
.svCarBoard .list .carImg {width:150px;}
.svCarBoard .list .price li {font-size:17px; display:flex; align-items:center; gap:5px; }
.svCarBoard .list .price li:first-child {margin-bottom:5px;}
.svCarBoard .list .price li .won {color:#F8C302; font-weight:bold;}
/* .svCarBoard .list .price li .won:before {content:'|'; margin:0 10px 0 5px; font-size:20px;}*/
.svCarBoard .list .opwrap {margin:20px 0; width:100%;}
.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:#F8C302;}
.svCarBoard .list .btn {display:flex; align-items:center; gap:7px;}
.svCarBoard .list .btn button {padding:15px 5px; font-size:16px; line-height:16px; font-weight:bold; letter-spacing:-0.5px; text-align:center; border-radius:3px; width:50%;}
.svCarBoard .list .btn button.bt1 {background:#f4f4f4; color:#000;}
.svCarBoard .list .btn button.bt2 {background:#F8C302;  color:#fff;}

.evCarBoard  {width:90%; margin:60px auto; }
.evCarBoard .flex-list  {display:flex; flex-wrap:wrap; gap:80px; }
.evCarBoard .flex-list .list {position:relative; width:100%; border-radius:15px; box-shadow:3px 3px 10px rgba(0 0 0 / 10%);}
.evCarBoard .flex-list .list .mark {position:absolute; z-index:99; top:20px; right:20px; width:80px; }
.evCarBoard .flex-list .list .ab-icon {margin-bottom:12px; display:flex; align-items:center; gap:4px;}
.evCarBoard .flex-list .list .ab-icon span {padding:9px 11px; color:#fff; font-size:12px; line-height:12px; font-weight:700;  border-radius:8px; letter-spacing:-0.5px;}
.evCarBoard .flex-list .list .ab-icon span.ss {background:#1e1e1e;}
.evCarBoard .flex-list .list .ab-icon span.fs {background: #fcc232; color:#000;}
.evCarBoard .flex-list .list .ab-icon span.bt {background:#292D32;}


.evCarBoard .flex-center {display:flex; justify-content:space-between; align-items:center; flex-direction:column; gap:5px;}
.evCarBoard .flex-center .carImg {width:100%; padding:40px 15px; background:#F9F9F9; text-align:center;}
.evCarBoard .flex-center .carImg img { position:relative; top:15px; max-width:280px;}
.evCarBoard .txt {width:100%; padding:25px 20px 30px 20px; }
.evCarBoard .txt h3 { font-size:18px;}
.evCarBoard .txt .trim { margin:8px 0 12px 0; font-size:14px; line-height:1.4;  color:#686868; }
.evCarBoard .emph {margin-bottom:15px; display:flex; justify-content:center; gap:3px;}
.evCarBoard .emph span {display: block; width: 35px; height: 35px; line-height:35px; border-radius: 100%; color: #fff; font-size: 16px; 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  {font-size:14px; line-height:24px; color:#676767; font-weight:500; gap:7px;}
.evCarBoard .price li .won {font-weight:bold; font-size:130%;}
.evCarBoard .price li .won .woncon {display:inline-block; width:77px; text-align:right;}
.evCarBoard .price li .del {text-decoration:line-through; color:#bebebe;}
.evCarBoard .btn{padding:0 20px 30px 20px; text-align:center; display:flex; align-items:center; justify-content:center; }
/*.evCarBoard .btn button {width:50%; padding:10px 5px; font-size:15px; line-height:15px; font-weight:bold; letter-spacing:-0.5px;
 width:100%; border:1px solid #d1d1d1; border-radius:5px;}
.evCarBoard .btn button.bt1 {background:#fff; color:#000;}*/
.evCarBoard .btn button.bt2 {display:inline-block; padding:15px 55px; background:#D40022; color:#fff;   border-radius:3px; font-size:16px; font-weight:600; width:100%;}

.cmCarBoard {width:90%; margin:20px auto; }
.cmCarBoard .list  {margin-bottom:20px; width:100%; padding:20px 15px ; background:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0 0 0 / 10%);}
.cmCarBoard .list:last-child  {margin-bottom:0;}
.cmCarBoard .list .img {max-width:300px; margin:0 auto;}
.cmCarBoard .list .tit h3 {margin:0 0 12px 0 ; font-size:18px; display:flex; gap:3px; align-items:center;}
.cmCarBoard .list .tit .brand {max-width:40px; }
.cmCarBoard .list .tit p {font-size:14px; color:#686868; font-weight:500; letter-spacing:-0.5px;}
.cmCarBoard .list .price {margin-top:12px;}
.cmCarBoard .list .price li {display:flex; gap:5px;}
.cmCarBoard .list .price li  {font-size:14px; line-height:24px; color:#676767; font-weight:500; gap:7px;}
.cmCarBoard .list .price li .won {font-weight:bold; font-size:130%;}
.cmCarBoard .list .price li .won .woncon {display:inline-block; width:77px; text-align:right;}
.cmCarBoard .list .price li .del {text-decoration:line-through; color:#bebebe;}
.cmCarBoard .list .btn {margin-top:25px; display:flex; align-items:center; gap:7px;}
.cmCarBoard .list .btn button {padding:15px 5px; font-size:16px; line-height:16px; font-weight:bold; letter-spacing:-0.5px; text-align:center; border-radius:3px; width:50%;}
.cmCarBoard .list .btn button.bt1 {background:#f4f4f4; color:#000;}
.cmCarBoard .list .btn button.bt2 {background:#D40022;  color:#fff;}

.svCarBoard .listNew {position:relative;  margin-bottom:20px; background:#fff; border-radius:15px; box-shadow:3px 3px 10px rgba(0 0 0 / 10%); overflow:hidden; letter-spacing:-0.5px;}
.svCarBoard .listNew.instantList {border-radius:5px 5px 15px 15px;}
.svCarBoard .listNew.instantList  .carBg {padding:42px 25px 16px 26px; }
.svCarBoard .listNew .upLine {position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg, #F8C302 , #f88d02 100%); z-index:1; border-radius:5px 0 0 0;}
.svCarBoard .listNew .upMark {position:absolute; top:0; left:0; display:inline-block; padding:6px 13px;  font-size:14px; font-weight:500; color:#fff; border-radius:5px;
background:#D40022; z-index:2;}
.svCarBoard .listNew:last-child {margin-bottom:0;}
.svCarBoard .listNew .carBg {padding:22px 25px 16px 26px; background:url('/_img/board_event_bg.png') no-repeat center; background-size:cover; color:#464646; }
.svCarBoard .listNew .carBg .tit {margin-bottom:2px; font-size:22px; font-weight:700; }
.svCarBoard .listNew .carBg p {font-size:14px;  line-height:1.6; font-weight:500;}
.svCarBoard .listNew .carBg .total {text-align:right; font-size:14px; font-weight:500; color:#464646;}
.svCarBoard .listNew .carBg .total .won {font-weight:600;}
.svCarBoard .listNew .carTxt {padding:17px 25px 22px 25px;}
.svCarBoard .listNew .carTxt .price li {display:flex; align-items:center; gap:7px; font-size:16px; font-weight:500; color:#070707;}
.svCarBoard .listNew .carTxt .price li .subject {padding:0 5px 0 0;}
.svCarBoard .listNew .carTxt .price li .won {font-size:23px; font-weight:800;}
.svCarBoard .listNew .carTxt .price li del {font-size:15px; color:#BEBEBE;}
.svCarBoard .listNew .option {margin:20px 0; width:100%;}
.svCarBoard .listNew .option li {font-size:14px; line-height:1.5; display:flex;}
.svCarBoard .listNew .option li .subject {font-weight:bold;}
.svCarBoard .listNew .option li .subject:after {content:'|'; margin:0 7px; font-size:13px; color:#F8C302;}
.svCarBoard .listNew .btn button {padding:15px 0; width:100%; background:#F8C302; border-radius:3px; font-size:18px; font-weight:600; color:#fff; text-align:center;}


.boardCounsel {max-width:900px; margin: 0 auto; background:#0475ee; padding:0 0 40px 0;}
.boardCounsel .tit {color:#fff; font-size:20px; font-weight:bold; text-align:center;}
.boardCounsel .consultform {width:90%; margin:0 auto;}
.boardCounsel .consultform .flex {margin:10px 0 15px 0 ; justify-content:center; align-items:center; gap:5px; flex-direction:column;}
.boardCounsel .consultform .flex ul {display:flex; gap:5px; flex-direction:column; width:100%;}
.boardCounsel .consultform .flex ul input {padding:15px; border-radius:3px; width:100%;}
.boardCounsel .consultform .flex button {padding:15px 20px; width:100%; font-size:15px; font-weight:bold; color:#fff; border-radius:3px; background:#00254e;}
.boardCounsel .consultform .agree {display:flex; gap:3px; text-align:center; color:#fff; font-size:12px; justify-content:center;}
.boardCounsel .consultform .agree a {color:#fff;}

.boardKcm {padding:45px 16px; margin:40px auto 0 auto; background:#A9172A; }
.boardKcm .boardKcmCon {position:relative;  max-width:420px; margin:0 auto;}
.boardKcm .boardimg {position:absolute; width: 120px; height: 90px; top: 50px; /* background:rgba(255 255 255 / 70%); border-radius:10px; */ right:0; display:flex; align-items:center; justify-content:center;
/*box-shadow:2px 5px 5px rgba(0 0 0 / 15%);*/}
.boardKcm .boardimg img {width:90px;}
.boardKcm .tit {position:relative; z-index:1; padding:0 0 0 10px; text-align:left;}
.boardKcm .tit h3 {font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#fff;}
.boardKcm .tit .tith2 {margin:10px 0 32px 0; font-size:24px; line-height:1.3; font-weight:400; letter-spacing:-0.5px; color:#fff; }
.boardKcm .formlist {position:relative; z-index:2; }
.boardKcm .formlist ul {width:100%;}
.boardKcm .formlist ul li {margin-bottom:9px;}
.boardKcm .formlist ul li input {padding:17px 22px; width:100%; background:#fff; border-radius:7px; font-size:15px;}
.boardKcm .formlist ul li input:placeholder {color:#8c8c8c;}
.boardKcm .formlist ul li button {margin-top:9px; width:100%; padding:20px 10px; background:#000; border-radius:7px; font-size:18px; letter-spacing:-1px;  font-weight:700; color:#fff;}
.boardKcm .gnaAgree {margin-top:16px; display:flex; align-items:center; gap:7px; color:#fff; font-size:14px; font-weight:400; letter-spacing:-0.5px;}
.boardKcm .gnaAgree li {margin-bottom:5px;}
.boardKcm .gnaAgree li:last-child {margin-bottom:0;}
.boardKcm .gnaAgree a {color:#fff; font-size:14px; opacity:0.6;}
.boardKcm .gnaAgree li.all {padding: 0 0 7px 0; margin-bottom:7px; border-bottom:1px solid #c04455; }
.boardKcm .gnaAgree li.all .flexCenter {width:100%;}
.boardKcm .gnaAgree li.all input + label {width:100%;}
.boardKcm .gnaAgree .fc-gray {color:#fff; opacity:0.8;}
.boardKcm .gnaAgree input[type="checkbox"]:checked + label:after {border:none; background:url('/_img/ico_check_white.png') no-repeat 60% 60% #000; background-size:13px; border-radius:3px;}
.boardKcm .gnaAgree input[type="checkbox"] + label:before {border:none; border-radius:3px;}


/*
#bbview .contents .img
,#bbview .contents img {max-width:90%; margin:0 auto; }
*/

#board #boardView  {background:#fafafa; border-top:2px solid 4d4d4d;}
#board #boardView .contents { position:relative; padding:40px;}
#board #boardView .contents .img
,#board #boardView .contents img {max-width:800px; margin:0 auto; }
#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;}

/*지점안내*/
#board.location .tabs ul {display:flex; justify-content:center; margin-bottom: 0; border:none; background:#f4f4f4; padding:15px 0; margin:0;}
#board.location .tabs ul li a {display:block; padding:0 30px; font-size:15px; 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:35px 0;  background:url('../_img/location_bg.png') no-repeat center; background-size:cover; color:#fff; text-align:center;}
.location .loc-tit h2 {margin-bottom:5px; font-size:26px; font-weight:800; letter-spacing:-1px;}
.location .loc-tit p {font-size:16px; font-weight:300;}

.loc-manager.bg {background:#fafafa;}
.loc-manager .container {padding:20px 0; display:flex; justify-content:center; align-items:center; gap:25px;}
.loc-manager a{padding:40px 0; display:flex; justify-content:center; align-items:center; gap:20px;}
.loc-manager .img {max-width:120px; position:relative; border-radius:7px; overflow:hidden;}
.loc-manager .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; line-height:0;}
.loc-manager .img .img-cover img {width:50px; }
.loc-manager .text h3  {font-size:22px; font-weight:bold; letter-spacing:-0.5px;}
.loc-manager .text h4 {font-size:15px; font-weight:300;}
.loc-manager .text h5 {margin:2px 0 10px 0 ; font-size:13px; color:#8c8c8c; font-weight:500;}

.loc-team {padding: 40px 20px;}
.loc-team .teamtit {position:relative; margin-bottom:30px; padding:0 0 15px 0; font-size:22px; font-weight:bold; letter-spacing:-1px; text-align:center;}
.loc-team .teamtit:after {position:absolute; content:''; width:40px; height:1px; bottom:0; left:50%;  background:#b3b3b3; transform: translate(-50%, 0);}
.loc-team .locteam-wrap {width:85%; display:flex; flex-wrap:wrap; gap:20px;}
.loc-team .locteam-wrap .list .img {position:relative; border-radius:7px; overflow:hidden;}
.loc-team .locteam-wrap .list .img .img-cover {position:absolute; padding:5px 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; line-height:0;}
.loc-team .locteam-wrap .list .img .img-cover img {width:40px; }

.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:10px; text-align:center; font-size:14px; flex-basis:28%;}

.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 0; display:flex; justify-content:end;}
.qna .searchBar .inputsearch { display:flex; justify-content:space-between; padding:12px 15px; width:100%; background:#fff; border:1px solid #e6e6e6; box-sizing:border-box; border-radius:5px;}
.qna .searchBar .inputsearch button {background:none;}
.qna .qnacon .que {display:flex; align-items:center; padding:20px; border-top:1px solid #b3b3b3; background:#fafafa;}
.qna .qnacon .que .ctg {display:none; width:200px; font-size:16px; color:#8c8c8c; letter-spacing:-1px;}
.qna .qnacon .anw {padding:20px; }
.qna .qnacon .anw .text {font-weight:400; color:#4d4d4d;}
.qna .qnacon .text {display:flex; gap:10px; font-size:14px; line-height:26px; 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 .faq-tit h2{font-size: 32px; font-weight: 800;}
#board.qna .faq-top .faq-tit p{margin-top: 10px; font-size: 16px; line-height: 1.6;}
#board.qna .faq-top .searchBar{display: flex; justify-content: end; margin: 20px auto; padding: 0 15px;}
#board.qna .faq-top .searchBar .inputsearch{display: flex; justify-content: space-between; max-width: 480px; padding: 12px 15px; border: 1px solid #eee; background: #fff;}
#board.qna .faq-top .searchBar .inputsearch input{font-size: 14px;}
#board.qna .faq-top .searchBar .inputsearch input::placeholder{font-size: 14px;}
#board.qna .faq-top .searchBar .inputsearch button{background: none;}

#board.qna .faq-view .faqct{width: 100%; margin: 20px 0; padding-left: 15px;}
#board.qna .faq-view .faqct ul{display: flex; align-items: flex-end; width: 100%; overflow-x: scroll;}
#board.qna .faq-view .faqct ul::-webkit-scrollbar{display: none;}
#board.qna .faq-view .faqct ul li{width: auto !important; margin-right: 20px;}
#board.qna .faq-view .faqct ul li:last-child{margin-right: 0; padding-right: 15px;}

#board.qna .faq-view .faqct ul li a {color: #666; font-size: 15px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: all 0.3s;}
#board.qna .faq-view .faqct ul li a.active {color: #D40022; font-weight: 700;}



#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{color: #666; font-size: 15px; 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: #D40022; font-weight: 700;}
/* #board.qna .faq-view .faqct ul li:first-child input[type="radio"] + label{font-size: 16px; font-weight: 700;} */
#board.qna .faq-view .faqct ul li input[type="radio"] + label:hover{color: #D40022; 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: block; position: relative; padding: 15px 35px 15px 40px; border-top: 0; border-bottom: 1px solid #ccc; background: #fff; cursor: pointer;}
#board.qna .faq-view .faqcon .que.on{border-bottom: 0;}
#board.qna .faq-view .faqcon .que .text{display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight: 700; line-height: 21px;}
#board.qna .faq-view .faqcon .que .text:before{position: absolute; top : 50%; left: 15px; transform: translate(0, -50%); content: "+"; margin-top: -1px; color: #D40022; font-size: 24px; font-weight: 600; transition: all 0.4s;}
#board.qna .faq-view .faqcon .que.on .text:before{position: absolute; top : 50%; left: 16px; transform: translate(0, -50%); content: "-"; margin-top: -1px; color: #D40022; font-size: 30px; font-weight: 600; transition: all 0.4s;}
#board.qna .faq-view .faqcon .que .ctg{display: block; width: auto; padding: 0px 6px; border-radius: 50px; border: 1px solid #999; background: #f9f9f9; color: #666; font-size: 10px; font-weight: 400; letter-spacing: -1px; text-align: center; white-space: nowrap;}
#board.qna .faq-view .faqcon .que .btn{position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); width: 8px; height: 8px; 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: 5px 35px 10px 40px; background: #fff;}
#board.qna .faq-view .faqcon .anw .text{padding-left: 20px; border-left: 2px solid #D40022; font-size: 14px; line-height: 22px;}

#bbview .contents img {width:100%;}
#bbview .listbtn {width:90%; text-align:center; margin:20px auto; }
#bbview .listbtn a {display:block; width:100%; padding:10px 15px; border-radius:5px; border:1px solid #ccc;}




/*userview*/

.userview .svisual p {opacity:0.7;}

#uvcontent .uvtit {padding:30px 15px 30px 30px; justify-content:space-between; box-shadow:0px 10px 20px rgb(0 0 0 / 10%); width:90%; margin:0 auto; align-items:stretch;}
#uvcontent  .uvtit .txt {width:70%;}
#uvcontent  .uvtit .txt h2 {margin-bottom:15px; font-size:20px; line-height:1.3; font-weight:600; letter-spacing:-1px;}
#uvcontent  .uvtit .txt p {font-size:15px; color:#000;}
#uvcontent  .uvtit .img {position:relative; width:120px;}
#uvcontent  .uvtit .img img.employ {border-radius:5px; overflow:hidden;}
#uvcontent  .uvtit .img .img-cover {position:absolute; padding:7px 0; width:100%; bottom:22px; 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; line-height:0;}
#uvcontent  .uvtit .img .img-cover img {width:50px; }
#uvcontent  .uvtit .img p {margin-top:7px; text-align:center; font-size:13px; position:absolute; bottom:0; left:50%;  transform:translate(-50%,0);}

#uvcontent  .keyword {padding:40px 30px; flex-direction:column;}
#uvcontent  .keyword .txt {width:100%;}
#uvcontent  .keyword .txt p {margin-top:15px; font-size:14px; line-height:1.4;}
#uvcontent  .keyword .tit {gap:10px; align-items:end;}
#uvcontent  .keyword .tit img {width:25px;}
#uvcontent  .keyword .tit h3{width:100%; font-size:16px; line-height:1.4; letter-spacing:-0.5px;}
#uvcontent  .keyword .keyview {}
#uvcontent  .keyword .keyview ul {margin:20px -25px 0 -25px; display:flex; flex-wrap:wrap; align-items:center;}
#uvcontent  .keyword .keyview ul li {width:25%; padding:7px 0;}
#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:20px; font-weight:600; letter-spacing:-1px; color:#ECEDF1; text-align:center;  pointer-events:none;}
#uvcontent  .keyword .keyview input[type="checkbox"]:checked + label {font-weight:600; color:#F8C302; font-weight:800;}

#uvcontent  .mnreview {padding:0 20px;}
#uvcontent  .mnreview .txt {margin:20px 0 60px 0; padding:30px; background:#F5F5F5; border-radius:20px; box-sizing:border-box;}
#uvcontent  .mnreview .txt p {margin-top:15px; font-size:14px; line-height:1.9;}
#uvcontent  .mnreview .txt p.date {margin-top:0; font-weight:500; opacity:0.5; font-size:13px; text-align:right;}
#uvcontent  .mnreview .tit {gap:10px;}
#uvcontent  .mnreview .tit img {width:25px;}
#uvcontent  .mnreview .tit h3{font-size:22px; line-height:1.4; letter-spacing:-1px;}
#uvcontent  .mnreview .txt-bottom {margin-top:5px; display:flex; justify-content:space-between; align-items:center; }
#uvcontent  .mnreview .star {margin-top:3px; font-size:20px; color:#8C8C8C;}
#uvcontent  .mnreview .star .on {color:#F7C700;}
#uvcontent  .mnreview .mnimg {width:100%; height:300px; border-radius:20px; overflow:hidden;}
#uvcontent  .mnreview .mnimg .swiper-slide { height:300px; }
.mnimg .swiper-button-next:after,
.mnimg .swiper-button-prev:after {font-size:18px; color:#000;}

.mnacr-tit {position:relative; text-align:center; margin-bottom:20px; font-size:22px; font-weight:600;}
/*
.mnacr-tit .inline-gg {position:relative; display:inline-block;  font-size:18px; font-weight:600; }
.mnacr-tit .inline-gg:before {content:''; position:absolute; top:-15px; left:50%; transform:translate(-50%,0);  width:110%; height:5px; background:#F8C302; }
*/
.userview #viewCon .sameclass,
.userview #viewCon .sameprice,
.userview #viewCon .subreview  {margin-top:55px;}
.userview #viewCon .simple-tit {width:100%; margin:0 auto 15px auto; justify-content:center; }
.userview #viewCon .allBtn a {position:absolute; top:0; right:15px; z-index:9; display:inline-flex; align-items:center; gap:3px; padding:3px 5px 3px 10px; border-radius:5px; border:1px solid #cfcfcf; font-size:13px; color:#646464; }



#uvcontent  .mnreview .mncar {padding:30px; width:100%; 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:10px 5px; width:100%; font-size:15px; 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-bottom:15px;}
#uvcontent  .mnreview .mncar .price-capital li {margin-bottom:3px; justify-content:space-between;}
#uvcontent  .mnreview .mncar .price-capital li .subject {font-size:15px; gap:10px;}
#uvcontent  .mnreview .mncar .price-capital li .subject img {width:95px; margin-top:-2px;}
#uvcontent  .mnreview .mncar .price-capital li .won {font-size:22px; font-weight:700;}

/*userview_write*/
#uvwrite {padding:40px 20px;}
#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:12px; color:#8c8c8c; font-weight:400;}
#uvwrite label {display:block; margin-bottom:10px; width:100%; font-size:18px; line-height:18px; font-weight:700; }
#uvwrite select {margin-bottom:7px; padding:12px; width:100%; font-size:14px; letter-spacing:-0.5px; border:1px solid #c4c4c4;  border-radius:5px; 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:12px; width:100%; font-size:14px; letter-spacing:-0.5px; border:1px solid #c4c4c4;  border-radius:7px;}
#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:none; }
#uvwrite .keyview input[type="checkbox"] + label {margin:0; display:block; width:auto; padding:6px 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:43%; right:8px; transform:translate(0,-50%);  padding:4px 8px; font-size:13px; letter-spacing:-0.5px;
border:1px solid #e6e6e6;  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: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 #F8C302; }




#uvwrite .emresult .img {position:relative; width:120px;}
#uvwrite .emresult .img img.employ {border-radius:5px; overflow:hidden;}
#uvwrite .emresult .img .img-cover {position:absolute; padding:5px 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; line-height:0;}
#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; gap:5px; align-items:center;}
#uvwrite .satisform span.flex {gap:7px;}
#uvwrite .satisform .num {font-size:18px; color:#8c8c8c8c; font-weight:500; margin:0 5px;}
#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:12px; display:flex; align-items:center; justify-content:center; gap:5px; border:1px solid #c4c4c4; color:#8c8c8c;  border-radius:12px;
font-size:15px; 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:88px; 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:20px auto; font-size:14px; color:#787878; line-height:1.5; width:220px;}

#uvwrite .formAgree {gap:5px;}
#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;}


#eventEndPop {position:absolute; top:0; left:0; width:100%; height:100vh;}
#eventEndPop .cover {position:fixed; width:100%; height:100vh; background:rgba(0 0 0 / 63%); z-index:999; }
#eventEndPop .popcon {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:360px; height:190px;  background:#fff; border-radius:20px; padding:45px 20px 35px 20px; overflow:hidden; z-index:1000; text-align:center;}
#eventEndPop .popcon h3 {font-size:20px; font-weight:700; letter-spacing:-0.5px; text-align:center; color:#303030;}
#eventEndPop .popcon button.close {margin:30px auto 0 auto; padding:15px 0; width:80%; font-size:20px;
font-weight:700; letter-spacing:-0.5px; color:#fff; text-align:center; background:#D40022; border-radius:12px; }




@media (min-width: 420px) {
.event-con .tab-con .event-list a .img {height:420px; }
}