/* #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:20px 0; text-align: center; }

.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:20px; 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;}
.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:10px;}
#board.review .total{margin:0; padding:12px 15px; background:#ededed; font-size:14px; font-weight:600; color:#515151; border-radius:7px; width:100%;}
#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:#3651E0;}
#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:15px; font-weight:500;  color:#9B9B9B; border-bottom:2px solid #9B9B9B; }
.event-con .tabs ul li.active a {color:#1A1A1A; border-bottom:2px solid #1A1A1A;}

.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:180px; 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;}

/*이용후기*/
.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:25px; justify-content:flex-start; flex-wrap:wrap;}
.review-con .review-list {display:flex; flex-direction:column; flex-basis:100%; box-shadow:3px 3px 5px rgb(0 0 0 / 5%); 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 .txtwrap {padding:25px 20px;}
.review-con .review-list .txtwrap h2 {font-size:18px; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review-con .review-list .txtwrap p {margin:12px 0; font-size:13px; line-height:1.4; font-weight:500; height:37px;}
.review-con .review-list .info {display:flex; align-items:center; justify-content:space-between;}
.review-con .review-list .info .user {font-size:12px; font-weight:500; color:#7E7E7E; letter-spacing:-0.5px;}
.review-con .review-list .info .star {display:flex; align-items:center; gap:3px;}
.review-con .review-list .info .star li {width:15px;}
.review-con .review-list .info .star li.on img {filter:none;}
.review-con .review-list .info .star li img {filter:grayscale(1);}

.review-con .review-list  h3 {font-size:20px; font-weight:600;}
.review-con .review-list  p {height:50px; 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 20px 35px 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 .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;}
.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; font-size:20px; font-weight:bold; color:#1a1a1a; letter-spacing:-1px; text-align:center; border-top:1px solid #eee;}
#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:#3970DF; 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:#3970DF;}
.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:#3970DF;  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; top:-13px; right:13px; width:110px; z-index:99;}
.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; 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:#3970DF; color:#fff;}
.evCarBoard .flex-list .list .ab-icon span.fs {background:#CBDCFF; color:#3970DF;}
.evCarBoard .flex-list .list .ab-icon span.bt {background:#1d4da5; color:#fff;}
 
.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 { 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:#0AB777; color:#fff;   border-radius:3px; font-size:16px; font-weight:600;}

.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:#3970DF;  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: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:10px; font-size:22px; font-weight:700; }
.svCarBoard .listNew .carBg p {font-size:15px;  line-height:1.6; font-weight:500;}
.svCarBoard .listNew .carTxt {padding:17px 25px 22px 25px;}
.svCarBoard .listNew .carTxt .price li {display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:500; color:#070707;}
.svCarBoard .listNew .carTxt .price li .won {font-size:22px; font-weight:800;}
.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:#3970DF;}
.svCarBoard .listNew .btn button {padding:15px 0; width:100%; background:#3970DF; 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:#0AB777; }
.boardKcm .boardKcmCon {position:relative;  max-width:420px; margin:0 auto;}
.boardKcm .kcm {display:none; position:absolute; width:170px; top:-17px; right:9px;}
.boardKcm .tit {padding:0 0 0 10px; text-align:center; }
.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 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 .agree {margin-top:16px; display:flex; align-items:center; gap:7px; color:#fff; font-size:14px; letter-spacing:-0.5px;}
.boardKcm .agree input { accent-color: #fff; zoom:1.1;}
.boardKcm .agree input + label {cusor:pointer;}
.boardKcm .agree a {color:#fff; font-size:14px;}

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

#board #boardView  {background:#fafafa; border-top:1px 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:14px; line-height:1.6; text-align:center;}
#board #boardView .contents .text {margin:20px 0;}
#board #boardView .contents .manager {font-size:14px; text-align:center; }
#board .listbtn {text-align:center; padding:0 20px;}
#board .listbtn a {margin-top:30px; display:block; padding:12px 30px; font-size:15px;  border:1px solid #b3b3b3; border-radius:5px; text-align:center; width:100%;}
#board .listbtn a:hover {background:#ebebeb; transition:all 1s;}

.siteReview .title {padding:20px; border-bottom:1px solid #b3b3b3; letter-spacing:-0.5px;}
.siteReview .title .tit {font-size:16px; font-weight:600; color:#1a1a1a; }
.siteReview .title .detail {margin-top:7px; font-size:13px; color:#8c8c8c; }

/*지점안내*/
#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;}

.faqNone {display:flex; flex-direction:column; justify-content:center;  align-items:center;min-height:400px; text-align:center; letter-spacing:-0.5px; }
.faqNone h2 {font-size:20px; font-weight:700;}
.faqNone p {margin-top:10px; font-size:13px; font-weight:400; 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; padding: 15px; background:#e6e6e6;}
#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:15px 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: #3970DF; 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: #3970DF; 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: #3970DF; 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; flex-direction:column; align-items:flex-start; gap:5px; font-size: 15px; font-weight: 700; line-height: 21px;}
#board.qna .faq-view .faqcon .que .text:before{position: absolute; top : 15px; left: 15px;content: "+"; margin-top: -1px; color: #3651E0; font-size: 24px; font-weight: 600; transition: all 0.4s;}
#board.qna .faq-view .faqcon .que.on .text:before{position: absolute; top : 25px; left: 15px; 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 .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:30px; right: 15px; 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 #3651E0; 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*/
#uvcontent .uvtit {padding:30px; justify-content:space-between; box-shadow:0px 10px 20px rgb(0 0 0 / 10%);}
#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;}

#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:#4173EE; font-weight:800;}

#uvcontent  .mnreview {padding:0 25px;}
#uvcontent  .mnreview .txt {margin:40px 0; padding:30px; background:#fafafa; border-radius:25px; 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;}
#uvcontent  .mnreview .tit {gap:10px;}
#uvcontent  .mnreview .tit img {width:25px;}
#uvcontent  .mnreview .tit h3{font-size:18px; 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 {font-size:17px; color:#8C8C8C;}
#uvcontent  .mnreview .star .on {color:#F7C700;}
#uvcontent  .mnreview .mnimg {width:100%; height:300px; border-radius:25px;}
#uvcontent  .mnreview .mnimg .swiper-slide { height:300px; }
.mnimg .swiper-button-next:after,
.mnimg .swiper-button-prev:after {font-size:18px; color:#000;}
#uvcontent  .mnreview .mnacr-tit {margin-bottom:10px; font-size:18px; font-weight:600; }
#uvcontent  .mnreview .mncar {padding:30px; width:345px; height:414.5px; 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 #3651e0; }




#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;}

.siteYoutube #mYoutube {margin:0 auto 40px 0;}

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