@charset "utf-8";


@font-face {
    font-family:'Pretendard';
    src:url('../font/Pretendard-Light.woff2') format('woff2');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('../font/Pretendard-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('../font/Pretendard-Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('../font/Pretendard-SemiBold.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
}

@font-face {
    font-family:'Pretendard';
    src:url('../font/Pretendard-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
}


/* 초기화 */
html{scroll-behavior: smooth;}
body {margin:0;padding:0;font-size:0.75em; font-family:'Pretendard', dotum, sans-serif; background:#fff; overflow-x:hidden; overflow:auto; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
select{appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

textarea {box-sizing: border-box; width: 100%;resize: none;}
select{background-image: url("../images/down_arrow_ico.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;}


input[type=text],input[type=password], textarea {
-webkit-transition:all 0.05s ease-in-out;
-moz-transition:all 0.05s ease-in-out;
-ms-transition:all 0.05s ease-in-out;
-o-transition:all 0.05s ease-in-out;
outline:none;
all: unset;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}


.hide{display:none !important;}
.hidden1024 {}
.visible1024 {display:none;}
.hidden768 {}
.visible768 {display:none;}
.hidden600 {}
.visible600 {display:none;}
.hidden570 {}
.visible570 {display:none;}
.hidden480 {}
.visible480 {display:none;}

@media screen and (max-width:1024px){
	.hidden1024 {display:none;}
	.visible1024 {display:block;}
}/*1024*/
@media screen and (max-width:800px){
}/*800*/
@media screen and (max-width:768px){
	.hidden768 {display:none;}
	.visible768 {display:block;}
}/*768*/
@media screen and (max-width:600px){
	.hidden600 {display:none;}
	.visible600 {display:block;}
}/*600*/
@media screen and (max-width:570px){
	.hidden570 {display:none;}
	.visible570 {display:block;}
}/*570*/
@media screen and (max-width:480px){
	.hidden480 {display:none;}
	.visible480 {display:block;}
}/*480*/




/* 
	center box style 
*/
.inner__box{position:relative; width:100%; margin: 0 auto;}
.inner__full{position:relative; width:100%; margin: 0 auto;}

.inner__cen320{position:relative; width:90%; max-width:320px; margin: 0 auto; }
.inner__cen780{position:relative; width:90%; max-width:780px; margin: 0 auto;}
.inner__cen860{position:relative; width:90%; max-width:860px; margin: 0 auto;}
.inner__cen980{position:relative; width:90%; max-width:980px; margin: 0 auto;}
.inner__cen1020{position:relative; width:90%; max-width:1020px; margin: 0 auto;}
.inner__cen1120{position:relative; width:90%; max-width:1120px; margin: 0 auto;}
.inner__cen1200{position:relative; width:90%; max-width:1200px; margin: 0 auto;}
.inner__cen1280{position:relative; width:90%; max-width:1280px; margin: 0 auto;}
.inner__cen1400{position:relative; width:90%; max-width:1400px; margin: 0 auto;}
.inner__cen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}

@media screen and (max-width:1800px){
.inner__cen1800{width:90%;}
}/* 1024px */

@media screen and (max-width:1024px){
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
}/* 768px */



:root {
	--line01:#E5E5EC;
	--main-color01:#1A0A0B;
	--main-color02:#52555C;
	--main-color03:#7A7F8A;
	--main-color04:#8F929A;
	--btn-color01:#1A0A0B;
}


.talign__center{text-align: center;}
.talign__left{text-align: left;}
.talign__right{text-align: right;}
.img__wr > img{width:100%;}
.bg__color{background:#FAFAFA; border-radius:4px;}
p.bg__color{padding:4px 6px; display:inline-block;}


.w100{width:100%;}
.h100{height:100%;}

.g04{gap:4px;}
.g08{gap:8px;}
.g16{gap:16px;}

.mt02{margin-top: 2px;}
.mt04{margin-top: 4px;}
.mt08{margin-top: 8px;}
.mt12{margin-top: 12px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt24{margin-top: 24px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}

.mb04{margin-bottom: 4px;}
.mb08{margin-bottom: 8px;}
.mb12{margin-bottom: 12px;}
.mb16{margin-bottom: 16px;}
.mb20{margin-bottom: 20px;}
.mb24{margin-bottom: 24px;}
.mb40{margin-bottom: 40px;}

.pd20{padding:20px 0;}
.pd12{padding:12px;}

.br06{border-radius: 6px;}
.br12{border-radius: 12px;}




.flex__style{display:flex; align-items:center; }
.flex__style.style01{justify-content: center;}
.flex__style.style02{justify-content:space-between;}
.flex__style.style03{align-items:flex-start;}
.flex__style.style04{ justify-content: flex-end;}
.flex__style.style05{align-items:flex-end;}

.flex__column{display: flex; flex-direction: column;}
.flex__wrap{flex-wrap:wrap;}

.flex__style.w50 > div{width:50%;}
.flex__style.w33 > div{width:33.33%;}
/******************************************************************************
******************************************************************************* 공통 {
*******************************************************************************/

#wrap{width:100%;}
.container{width:100%; max-width:360px; margin:0 auto;}
.hauto{height:auto !important;}

body{letter-spacing:-0.5px;}
.common__contents__wr{position:relative; height:auto; padding:20px 0 120px;}
.main__color01{color:#7765EB !important;}
.main__color02{color:#767676 !important;}
.main__color03{color:#999 !important;}
.main__color04{color:#FF0000 !important;}
.main__color05{color:#F86F6F !important;}
.main__color06{color:#505050 !important;}

.bg__color01{background:#fff !important;}
.bg__color02{background:rgba(124, 101, 235, 0.04) !important;}
.bg__color03{background:rgba(124, 101, 235, 0.1) !important;}

.w__color{color:#fff !important;}


.text01{color:#202020; font-size:12px; font-weight: 500; line-height: 1.5;}
.text02{color:#202020; font-size:14px; font-weight: 700; line-height: 1.5;}
.text03{color:#202020; font-size:16px; font-weight: 600; line-height: 1.5;}
.text04{color:#202020; font-size:18px; font-weight: 600; line-height: 1.5;}
.text05{color:#202020; font-size:11px; font-weight: 500; line-height: 1.5;}

p.f500{font-weight: 500;}
p.f600{font-weight: 600;}

p.pd12{padding:12px;}

/* header */
.header{position:relative; height:52px; width:100%; max-width:360px; margin:0 auto; z-index:999;}
.header .inner__cen320{max-width:320px;}
.header .toggle__mnav__wr{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/* 로그인 화면 */
.login__title__wr{position:absolute; bottom:56px; left:50%; transform:translateX(-50%); width:90%; margin:0 auto;}
.login__title__wr .title{font-size:26px; font-weight: 700; color:#fff; line-height: 1.5;}
.login__title__wr .title strong{font-size:28px;}
.sns__btn{border:1px solid #E5E5EC; font-size:14px; font-weight: 600; display:flex; align-items:center; gap:8px; justify-content: center; height:48px; line-height: 48px; border-radius:6px; width:100%; text-align: center; background:#fff; color:#202020; text-align:center;}
.sns__btn.kakao{background:#FAE100; border:1px solid #FAE100;}
.login__contents__wr .img__wr{position:relative;}

/* 역할선택 */

.title__wr .title{font-size:20px; font-weight: 700; line-height: 1.4; color:#202020;}
.title__wr .text{font-size:14px; font-weight: 500; line-height: 1.4; color:#767676;}


.roleselect__contents__box ul > li > a{display:block; border-radius:8px; background:#eee; padding:12px; position:relative;}
.roleselect__contents__box ul > li > a.on{background:#8E83D3;}
.roleselect__contents__box ul > li > a.on > p{color:#fff;}

.roleselect__contents__box ul > li > a > p{color:#999;}
.arrow__icon{position:absolute; top:50%; right:12px; transform:translateY(-50%);}

/* 메인페이지 */
.tab__btn__wr li a{display:block; height:33px; line-height: 32px; border-radius:36px; padding:0 12px; font-size:14px; color:#999; text-align: center; background:#eee;}
.tab__btn__wr li a.on{background:#7765EB; color:#fff;}
.main__contents__box02 .main__con02__box .list__box{padding:12px; width:calc(50% - 4px); height:140px; display:block; border-radius:6px; background:#FAFAFA; overflow:hidden;}
.main__contents__box02 .list__box .flex__style.style03{position:relative; width:100%; height:80px;}
.main__contents__box02 .list__box .flex__style.style03 > img:first-child{width:100%; height:80px; object-fit:cover; border-radius:4px;}
.main__contents__box02 .list__box .flex__style.style03 > img:last-child{position:absolute; top:4px; right:4px; width:20px; height:20px;}
.toggle-container { position: relative; display: flex; width: 108px; height: 37px; background-color: #f0f0f0; border-radius: 25px; padding: 4px; }
.toggle-container input { display: none; }
.toggle-label { flex: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; font-weight: bold; color: #999; transition: color 0.3s; }
.toggle-slider { position: absolute; top: 5px; left: 5px; width: calc(50% - 5px); height: calc(100% - 10px); background-color: #fff; border-radius: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
#personal:checked ~ .toggle-slider { transform: translateX(0); }
#expert:checked ~ .toggle-slider { transform: translateX(100%); }
#personal:checked ~ label[for="personal"] { color: #7765EB; }
#expert:checked ~ label[for="expert"] { color: #7765EB; }

.main__contents__wr{padding:0; margin-bottom: 40px;}
.main__contents__wr .title__wr{position:relative;}
.main__contents__wr .title__wr .bubble__wr{position:absolute; top:30px; left:30px; width:100%; max-width:125px; height:26px; line-height: 26px;}
.main__contents__wr .title__wr .bubble__wr .bubble__box{position:relative; width:100%; height:100%; text-align: center;}
.main__contents__wr .title__wr .bubble__wr .bubble__box .bg__wr{background:#fff; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08); border-radius:36px; width:100%; height:100%;}
.main__contents__wr .title__wr .bubble__wr .bubble__box .text01{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.bubble__box .bg__wr::before { content: ""; position: absolute; top: -6px; left: 20px; border-left:6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; z-index: 2; }
.tab__btn__sw .swiper-slide{width:auto; margin-right: 4px;}
.tab__btn__sw .swiper-slide:last-child{margin-right: 0;}

.main__contents__wr01{margin-top: 20px;}
.main__contents__box01 .expert__box{background:#FF90B0;}
.main__contents__box01 .enterprise__box{background:#7BB8FA;}
.main__contents__box01 .main__con01__box > ul{}
.main__contents__box01 .main__con01__box > ul > li{border-radius:6px; width:calc(50% - 4px);}
.main__contents__box01 .main__con01__box > ul > li a{height:140px; width:100%; display:block; padding:8px 12px; position:relative; box-shadow: 0px 4px 8px 0px rgba(119, 101, 235, 0.2); }
.main__contents__box01 .con01__bg{position:absolute; bottom:0; right:0;}
.main__con01__banner{padding:20px; border-radius:6px; width:100%; background:#353A50; margin-top: 12px;}


.main__faq__box li a{background:#FAFAFA; padding:12px; display:block; width:100%; border-radius:6px;}
.main__contents__wr04{background:#FAF9FE; padding:20px 20px 30px; position:relative; overflow:hidden; margin:0;}
.main__contents__box04 .main__faq__box li > a{background:#fff;}
.main__contents__box04 .main__faq__box li:last-child > a{margin-bottom: 0;}


.nav-bar { position: fixed; bottom: 0; left:50%; transform:translateX(-50%); width: 100%; max-width:360px; margin:0 auto; height: 70px; background: #fff; display: flex; justify-content: space-around; align-items: flex-end; padding:12px 0 20px; border-radius: 30px 30px 0 0; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1); z-index:99;}
.nav-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; font-size: 10px; color: #767676; cursor: pointer; height: 100%; }
.nav-item.active { color: #7765EB; }
.nav-center { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; z-index: 10; }
.center-button { position:relative; width: 66px; height: 66px; background: #7765EB; border-radius: 50%; border: 5px solid #fff;
display: flex; align-items: center; justify-content: center; margin-top: -33px; cursor: pointer; }
.center-button img { width: 28px; height: 28px; }
.center-button:after{content:''; box-shadow: 0px 4px 6px 0px rgba(119, 101, 235, 0.4); width:56px; height:56px; display:block; top:50%; left:50%;
transform:translate(-50%,-50%); position:absolute; border-radius:50%;}

.center-label { font-size: 10px; color: #767676; margin-top: 2px; }
[class^="icon-"] { width: 24px; height: 24px; margin-bottom: 4px; border: 2px solid currentColor; border-radius: 4px; }
.icon-check { border-color: #fff; transform: rotate(45deg); width: 10px; height: 20px; border-top: 0; border-left: 0; margin-top: -5px; }
.nav-bar .nav-item .img__wr > img{filter: brightness(0.7) invert(0.5);}

.nav-bar .nav-item.active .img__wr > img{filter:initial;}
.nav-bar .nav-item > span{display:block; margin-top: 4px;}

.footer {background:#505050; padding:20px 0 80px;}
.footer .ft__info__wr .tit{width:70px;}
.footer .ft__info__wr .tx{width:calc(100% - 70px);}
.footer .ft__info__wr p, .footer .ft__info__wr span{color:#999;}
.footer .ft__info__wr span{display:block; margin-right: 4px; margin-top: 2px;}

/* 상세보기 */
.hd__center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.detail__contents__wr{padding:0 0 40px; }
.reversal{transform: rotate(180deg);}
.detail__contents__wr01 .inner__full{height:160px;}
.detail__contents__wr01 .inner__full > .img__wr{width:100%; height:100%; overflow:hidden;}
.detail__contents__wr01 .inner__full > .img__wr img{width:100%; height:100%; object-fit:cover; display:block;}
.company__profile__logo{position:absolute; bottom:0; left:20px; transform: translateY(50%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); width:56px; height:56px; border-radius:12px; overflow:hidden; background:#fff;}
.company__profile__logo img{width:100%; height:100%; object-fit:cover; display:block;}
.tag__list__wr{flex-wrap:wrap;}
.tag__list__wr li{height:30px; line-height: 29px; display:inline-block; padding:0 12px; text-align: center; font-size:11px; color:#202020; border-radius:36px; background:#FAFAFA; font-weight: 500;}
.detail__contents__box03 .info__box{padding:12px; background:#FAFAFA; border-radius:6px;}

.expertfind__contents__box01{height:auto;}

.main__btn{height:40px; line-height: 40px; border-radius:6px; background:rgba(119, 101, 235, 0.1); text-align: center; display:inline-block; font-size:16px; font-weight: 600; color:#7765EB; padding: 0 16px;}
.next__btn{height:48px; line-height: 48px; border-radius:6px; background:#eee; text-align: center; display:inline-block; font-size:16px; font-weight: 600; 
color:#999; width:100%;}
.next__btn.active{background:#7765EB; color:#fff;}
.sub__btn{height:48px; line-height: 48px; border-radius:6px; background:#eee; text-align: center; display:inline-block; font-size:16px; font-weight: 600; 
color:#999; width:100%;}
.sub__btn.active{background:rgba(119, 101, 235, 0.1); color:rgba(119, 101, 235, 1);}
.next__btn.style01{height:40px; line-height: 40px; font-size:14px;}

.s__btn{height:30px; line-height: 30px; border-radius:6px; background:rgba(119, 101, 235, 0.1); text-align: center; display:inline-block; font-size:12px; font-weight: 500; 
color:#7765EB; padding: 0 8px;}


input[type="text"]{font-size:14px; box-sizing: border-box; width:100%; border:1px solid #ddd; border-radius:8px; background-color:#fff; height:48px; line-height: 48px; padding:0 12px;}
.input__info__wr li{margin-bottom: 16px;}
.input__info__wr li:last-child{margin-bottom: 0;}
.selection-container { display: flex; gap: 4px; width: 100%; max-width: 320px; }
.select-item { flex: 1; height: 48px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; border: 1px solid transparent; 
border-radius: 6px; color: #767676; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; }
.select-item.active { background-color: rgba(119, 101, 235, 0.04); border: 1px solid rgba(119, 101, 235, 0.5); color: #7765EB;}
.input__info__wr li textarea{ box-sizing: border-box; display:block; width: 100%; height:120px; border:1px solid #ddd; border-radius:6px; padding:12px; font-size:14px;}
.expertinfo__contents__box01 .box{background:#FAF9FE; padding:12px; border-radius:6px;}

.select-btn { flex: 1; height: 48px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; border: 1px solid transparent; 
border-radius: 6px; color: #767676; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; }
.select-btn.active { background-color: rgba(119, 101, 235, 0.04); border: 1px solid rgba(119, 101, 235, 0.5); color: #7765EB;}


.expertfindold__contents__box01{height:auto; overflow:visible;}



.expertfindold__contents__box01 .box{padding:12px; border-radius:6px; background:#FAFAFA; position:relative; border:1px solid #FAFAFA;}
.expertfindold__contents__box01 .box.active{border:1px solid rgba(119, 101, 235, 0.5); background:rgba(119, 101, 235, 0.04);}
.noact__box{padding:12px; border-radius:6px; background:#FAFAFA; position:relative; border:1px solid #FAFAFA;}


.delete__btn{position:absolute; top:12px; right:12px;}
.delete__btn span{background:#ddd; width:1px; height:10px;}
.delete__btn p{color:#999; font-size:11px; font-weight: 500; line-height: 1.5; cursor: pointer;}

.expertfindold__contents__wr01 .tx__wr p{color:#999;}
.expertfindold__contents__wr01 .tx__wr p.text05{color:#ddd;}
.expertfindold__contents__box01 .box .cheacked__icon{display:none;}

.expertfindold__contents__box01 .box.active .tx__wr p{color:#202020;}
.expertfindold__contents__box01 .box.active .tx__wr p.text05{color:#767676;}
.expertfindold__contents__box01 .box.active .cheacked__icon{display:block;}
.expertfindold__contents__box01 .box.active .cheack__icon{display:none;}

/* 공통 텍스트 박스 */
.text__list__box{border-radius:6px; padding:12px; background:#FAFAFA;}

.line{color:#ddd;}
.map__view.list{display:none;}
.common__contents__wr div.s__btn__on .map__view.map{display:none;}
.common__contents__wr div.s__btn__on .map__view.list{display:block;}

/* 신청목록 탭메뉴 */

.tab-menu-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
}

.tab-menu-container .tab-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd; 
}

.tab-menu-container .tab-item {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  color: #767676;
  cursor: pointer;
  position: relative;
}

.tab-menu-container .tab-item.active {
  color: #202020; /* 글자색 진하게 */
  font-weight: 700;
}

.tab-menu-container .tab-item.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #7765EB; 
}

.hd__call{position:relative; cursor: pointer;}
.call__mnav__wr{display:none; position:absolute; top:20px; right:10px; width:62px; background:#fff; border-radius:6px; padding:12px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);}
.call__mnav__wr > a{display:block; font-size:11px; font-weight: 400; color:#020202; margin-bottom: 6px; padding-bottom: 6px;border-bottom: 1px solid #ddd;}
.call__mnav__wr > a:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}