.about_wrap *{margin:0; padding:0;}
.about_wrap{ /* 회사소개 워랩 */
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding-bottom:0px;
}
/* ///////////////////////////////////////// 회사소개 */
.about_tabmenu{ /*회사소개 탭*/
  margin:0 auto;
  width:100%;
  overflow:hidden;
  text-align:center;
}
.about_tab{
  display:block;
  margin:0 auto;
  width:95%;
  height:58px;
}
.about_tab>li{ /*회사소개 박스*/
  float: left;
  width:50%;
}
.about_tab>li>a{
  display:block;
  padding:15px 0px;
  font-size:18px;
  font-weight:500;
  cursor:pointer;
  color:#666;
  border-bottom:2px solid #6E3EFA;
  box-sizing:border-box;
}
.about_selected{ /* 탭 선택했을때 */
  color:#fff !important;
  background:#6E3EFA;
  border-radius:15px 15px 0 0;
  border-style: none;
}
/* ________________________________________ 회사소개 */
.mong_about{
  width:95%;
  margin:0 auto;
  /* padding-bottom:20%;
  position:relative; */
}
.mong_about_img{ /* 소개 배너 */
  width:100%;
}
.mong_about_img>img{ /* 소개 배너 */
  width:100%;
}
.mong_about_box{
  position: relative;
  min-height: 240px;
}
.mong_about_b{ /* 텍스트 박스 */
  position:absolute;
  left: 50%;
  /* bottom:5%; */
  top:-300px;
  transform: translateX(-50%);
  padding:6% 10%;
  width:75%;
  text-align: left;
  background:#fff ;
  box-shadow: 0px 10px 30px #00000029;
  border-radius: 50px 50px 0px 0px;
  letter-spacing: -1px;
}
.mong_about_b>h4{ /* 건강한뷰티를 꿈꾸는곳 */
  font-size: 18px;
  color:#6E3EFA;
}
.mong_about_b>h3{ /* 메디몽입니다 */
  padding:20px 0;
  font-size: 32px;
}
.mong_about_b>h3>img{ /* 달이미지 */
  width:40px;
}
.mong_about_b>p{
  padding:10px 0;
  font-size: 18px;
}
.moon2>img{ /* 달 이미지 */
  margin-top:4px;
  width:20px;
}
/* ________________________________________ 시험참여가이드 */
/* ///////////////////////////////////////// 타이틀 */
.about_title{ /* 타이틀영어 */
  padding-top:60px;
  color:#6E3EFA;
  font-size:22px;
  font-weight:900;
  letter-spacing:-1px;
}
.about_sub{ /* 타이틀 한글*/
  display:inline-block;
  margin:10px 0 50px 0;
  font-size:30px;
  font-weight:600;
}
.moon>img{ /* 달 이미지 */
  margin-top:15px;
  width:18px;
}
/* ///////////////////////////////////////// 메디몽이란 */
.about{
  display: inline-block;
  width:100%;
  height:513px;
  background-image:url(../img/about_b2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:center top;
}
.about .text_box{ /* 텍스트박스 */
  padding:40px 50px;
  margin:0 auto;
  width:70%;
  border-radius:30px;
  background-color: rgb(249, 246, 255, 0.5);
  box-shadow: 0px 20px 30px #00000029;
}
.about .text_box>p{
  padding:10px 0;
  font-size: 18px;
}
/* ///////////////////////////////////////// 시험참여절차 */
.howto{
  margin:0 auto;
  width:95%;
}
.step_b>ul{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.step_b>ul>li{
  margin:2%;
  padding:2%;
  position:relative;
  width:25%;
  box-shadow:0px 3px 6px #00000029;
  border-radius:0px 34px;
  word-break: keep-all;
}
.step_b .step_num{ /* 숫자 */
  position:absolute;
  top:0;
  left:0;
  padding:10px;
  width: 24px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  background: transparent linear-gradient(309deg, #8743FF 0%, #4136F1 100%) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 14px 0px;
}
.step_b .step_img{ /* 이미지 */
  padding:20px 0;
}
.step_b .step_img>img{
  width:auto;
  height:80px;
}
.step_b .step_txt{ /* 메인텍스트 */
  color:#333;
  font-weight:bold;
  font-size:20px;
  padding-bottom:10px;
}
.step_b .step_sub{ /* 서브텍스트 */
  color:#666;
  font-size:16px;
  height:80px;
}
.logo_b{
  background: transparent linear-gradient(90deg, #8743FF 0%, #4136F1 100%) 0% 0% no-repeat padding-box;
}
.logo_b_in{
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* height: 239px;
  background-image: url(../img/logo_w.png);
  -o-background-size:85%; 
  -moz-background-size:85%; 
  -webkit-background-size:85%;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center; */
}
.logo_b_in>img{
  width:80%;
}
/* ///////////////////////////////////////// 자주묻는질문 */
.faq{
  margin:0 auto;
  width:85%;
}
ul.FreFaq{
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000029;
}
ul.FreFaq li{
  font-size: 16px; 
}
ul.FreFaq>li{
  font-weight: 500;
  color: #333;
}
ul.FreFaq li span{ /* 질문 */
  margin: 0px 15px;
  color:#6E3EFA; 
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}
ul.FreFaq li.aw span{ /* 답변 */
  color:#8743FF;
  opacity: 0.8;
}
li.q label{
  display: flex;
  padding: 15px 0px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px  solid #6E3EFA;
  cursor:pointer;
}
li.q label>div{
  display: flex;
  align-items: center;
  font-size: 18px;
}
li.q label>div+div{
  margin:0 10px;
}
li.q label>div+div>img{ /* 화살표 아이콘 */
  width:30px;
}
li.aw{ /* 답변 박스 */
  display: flex; 
  padding:20px;
  align-items: baseline;
  background-color: #FAF8FF;
  font-weight: normal;
  text-align: left;
}
li.aw p{
  font-size: 16px;
  word-break: keep-all;
  padding-bottom: 10px;
}
/* ///////////////////////////////////////// 필독 */
.about_check{
  margin-top:70px;
  padding:20px 0px;
  text-align: left;
}
.about_check_in{ /* 텍스트박스 */
  margin:0 auto;
  width:90%;
}
.about_check_in>img{ /* 경고아이콘 */
  width:30px;
}
.about_check_in>h5{ /* 필독해주세요 */
  display: inline-block;
  padding-bottom:15px;
  font-size: 20px;
  color:#6E3EFA; 
}
/*_______________________________________________모바일 기준으로*/
@media screen and (min-width:501px) and (max-width:768px){
  .about_wrap{ /* 인덱스 워랩 */
    width:100%;
    margin:0 auto;
  }
  /* ///////////////////////////////////////// 회사소개 */
  .about_tab{
    width:90%;
    height:42px;
  }
  .about_tab>li>a{
    padding:8px 0px;
    font-size:16px;
  }
  /* ________________________________________ 회사소개 */
  .mong_about{
    width:90%;
    margin:0 auto;
  }
  .mong_about_box{
    min-height:160px;
  }
  .mong_about_b{ /* 텍스트 박스 */
    /* bottom:3%; */
    top:-210px;
    padding:5%;
    width:85%;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 30px 30px 0px 0px;
  }
  .mong_about_b>h4{ /* 건강한뷰티를 꿈꾸는곳 */
    font-size: 14px;
    color:#6E3EFA;
  }
  .mong_about_b>h3{ /* 메디몽입니다 */
    display: inline-block;
    padding-bottom:20px;
    font-size: 18px;
  }
  .mong_about_b>h3>img{ /* 달이미지 */
    width:20px;
  }
  .mong_about_b>p{
    font-size: 14px;
  }
  .mong_about_b>p>br{
    display: none;
  }
  .moon2>img{ /* 달 이미지 */
    margin-top:4px;
    width:16px;
  }
  /* ________________________________________ 시험참여가이드 */
  /* ///////////////////////////////////////// 타이틀 */
  .about_title{ /* 타이틀영어 */
    padding-top:20px;
    font-size:16px;
  }
  .about_sub{ /* 타이틀 한글*/
    margin:5px 0 20px 0;
    font-size:22px;
  }
  .moon>img{ /* 달 이미지 */
    margin-top:10px;
    width:15px;
  }
  /* ///////////////////////////////////////// 메디몽이란 */
  .about{
    height:auto;
    background-image:none;
  }
  .about .text_box{ /* 텍스트박스 */
    padding:20px 10px;
    margin:0 auto;
    width:84%;
    border-radius:30px;
    box-shadow: 0px 5px 10px #00000029;
    font-size: 14px;
  }
  .about .text_box>p{
    padding:5px 0;
    font-size: 14px;
  }
  /* ///////////////////////////////////////// 시험참여절차 */
  .howto{
    width:90%;
  }
  .step_b>ul>li{
    margin:2%;
    width:42%;
    border-radius:0px 24px;
  }
  .step_b .step_num{ /* 숫자 */
    padding:5px;
    width: 20px;
    font-size:14px;
    border-radius: 0px 0px 10px 0px;
  }
  .step_b .step_img{ /* 이미지 */
    padding:15px 0 3px 0;
  }
  .step_b .step_img>img{
    height:55px;
  }
  .step_b .step_txt{ /* 메인텍스트 */
    font-size:16px;
    padding-bottom:5px;
  }
  .step_b .step_sub{ /* 서브텍스트 */
    letter-spacing: -1px;
    font-size:14px;
    height:80px;
  }
  /* ///////////////////////////////////////// 자주묻는질문 */
  .faq{
    width:90%;
  }
  ul.FreFaq li span{ /* 질문 */
    margin: 0px 7px;
    font-size: 14px;
  }
  li.q label{
    padding: 7px 0px;
    cursor:pointer;
  }
  li.q label>div{
    font-size: 14px;
  }
  li.q label>div+div{
    margin:0 5px;
  }
  li.q label>div+div>img{ /* 화살표 아이콘 */
    width:23px;
  }
  li.aw{ /* 답변 박스 */
    padding:7px;
  }
  li.aw p{
    font-size: 14px;
    padding:0 7px 5px 0;
  }
  /* ///////////////////////////////////////// 필독 */
  .about_check{
    margin-top:20px;
    padding:15px 5%;
    font-size:14px;
  }
  .about_check_in{ /* 텍스트박스 */
    width:100%;
  }
  .about_check_in>img{ /* 경고아이콘 */
    width:23px;
  }
  .about_check_in>h5{ /* 필독해주세요 */
    padding-bottom:10px;
    font-size: 16px;
  }
}
/*_______________________________________________모바일 기준으로*/
@media screen and (max-width:500px){
  .layout_center {padding: 70px 0 0 0;}
  .about_wrap{ /* 인덱스 워랩 */
    width:100%;
    margin:0 auto;
  }
  /* ///////////////////////////////////////// 회사소개 */
  .about_tab{
    width:90%;
    height:42px;
  }
  .about_tab>li>a{
    padding:8px 0px;
    font-size:16px;
  }
  /* ________________________________________ 회사소개 */
  .mong_about{
    width:90%;
    margin:0 auto;
  }
  .mong_about_box{
    min-height:230px;
  }
  .mong_about_b{ /* 텍스트 박스 */
    /* bottom:3%; */
    top:-120px;
    padding:3%;
    width:90%;
    box-shadow: 0px 5px 10px #00000029;
    border-radius: 10px 10px 0px 0px;
  }
  .mong_about_b>h4{ /* 건강한뷰티를 꿈꾸는곳 */
    font-size: 14px;
    color:#6E3EFA;
  }
  .mong_about_b>h3{ /* 메디몽입니다 */
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
  }
  .mong_about_b>h3>img{ /* 달이미지 */
    width:20px;
  }
  .mong_about_b>p{
    padding: 5px 0;
    font-size: 14px;
  }
  .mong_about_b>p>br{
    display: none;
  }
 .moon2>img{ /* 달 이미지 */
    margin-top:4px;
    width:16px;
  }
  /* ________________________________________ 시험참여가이드 */
  /* ///////////////////////////////////////// 타이틀 */
  .about_title{ /* 타이틀영어 */
    padding-top:20px;
    font-size:16px;
  }
  .about_sub{ /* 타이틀 한글*/
    margin:5px 0 20px 0;
    font-size:22px;
  }
  .moon>img{ /* 달 이미지 */
    margin-top:10px;
    width:15px;
  }
  /* ///////////////////////////////////////// 메디몽이란 */
  .about{
    height:auto;
    background-image:none;
  }
  .about .text_box{ /* 텍스트박스 */
    padding:20px 10px;
    margin:0 auto;
    width:84%;
    border-radius:30px;
    box-shadow: 0px 5px 10px #00000029;
    font-size: 14px;
    letter-spacing: -1px;
  }
  .about .text_box>p{
    padding:5px 0;
    font-size: 14px;
  }
  /* ///////////////////////////////////////// 시험참여절차 */
  .howto{
    width:90%;
  }
  .step_b>ul>li{
    margin:2%;
    width:42%;
    border-radius:0px 24px;
  }
  .step_b .step_num{ /* 숫자 */
    padding:5px;
    width: 20px;
    font-size:14px;
    border-radius: 0px 0px 10px 0px;
  }
  .step_b .step_img{ /* 이미지 */
    padding:15px 0 3px 0;
  }
  .step_b .step_img>img{
    height:55px;
  }
  .step_b .step_txt{ /* 메인텍스트 */
    font-size:16px;
    padding-bottom:5px;
  }
  .step_b .step_sub{ /* 서브텍스트 */
    letter-spacing: -1px;
    font-size:14px;
    height:80px;
  }
  /* ///////////////////////////////////////// 자주묻는질문 */
  .faq{
    width:90%;
  }
  ul.FreFaq li span{ /* 질문 */
    margin: 0px 7px;
    font-size: 14px;
  }
  li.q label{
    padding: 7px 0px;
    cursor:pointer;
  }
  li.q label>div{
    font-size: 14px;
  }
  li.q label>div+div{
    margin:0 5px;
  }
  li.q label>div+div>img{ /* 화살표 아이콘 */
    width:23px;
  }
  li.aw{ /* 답변 박스 */
    padding:7px;
  }
  li.aw p{
    font-size: 14px;
    padding:0 7px 5px 0;
  }
  /* ///////////////////////////////////////// 필독 */
  .about_check{
    margin-top:20px;
    padding:15px 5%;
    font-size:14px;
  }
  .about_check_in{ /* 텍스트박스 */
    width:100%;
  }
  .about_check_in>img{ /* 경고아이콘 */
    width:23px;
  }
  .about_check_in>h5{ /* 필독해주세요 */
    padding-bottom:10px;
    font-size: 16px;
  }

}