@charset "utf-8";

@font-face {
    font-family: 'ONE-Mobile-Bold';
    src: url('../fonts/ONEMobileBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'KoPubWorldBatangMedium';
  src: url('../fonts/KoPubWorldBatangMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

html, body {
  font-size: 10px;
  overflow-x:hidden;
}

body {
  position: relative;
  font-family: 'NanumSquare', sans-serif;
  color:#000;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{
  margin:0;
  padding:0
}

h1, h2, h3, h4, h5, h6{
  font-size:inherit;
  font-weight:normal;
  font-family:inherit;
}

ul{
  list-style:none;
}

a{
  text-decoration:none;
}

a:link, a:visited, a:hover, a:active{
  color:inherit;
  text-decoration:none;
}

button{
  border:0px;
  background:none;
  cursor:pointer;
  font-family:inherit;
  font-size: inherit;
}

img{
  border:0px;
  vertical-align:top;
}

address{
  font-style:normal;
}

header, nav, section, article, footer{
  display:block;
}

legend {
  position:absolute;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;
  text-indent:-9999em;
  overflow:hidden;
}

label, input, button, select{
  vertical-align:middle;
}

input, textarea{
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

hr {
  display:none;
}

pre {
  overflow-x:scroll;
  font-size:1.1em;
}

table{
  border-spacing:0px;
  border-collapse:collapse;
}

em{
  font-style:normal;
}

fieldset{
  border:0;
}

select::-ms-expand {
  display:none;
}

input:focus {
  outline:none;
}

input[type="date"]{
  position:relative;
  padding-right:20px;
  background:url("../images/cal_arrow.png") no-repeat right 10px center;
  padding-left:0;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{
  display:none;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:transparent;
  color:transparent;
  cursor:pointer;
}

input[type="date"]::before{
  content:attr(data-placeholder);
  width:100%;
}

input[type="date"]:valid::before{
  display:none;
}

input[data-placeholder]::before{
  color:#999;
  font-size:13px;
}

.one {font-family: 'ONE-Mobile-Bold';}
.kop {font-family: 'KoPubWorldBatangMedium';}

.pcView {display: block;}
.moView {display: none}

.img > img {display: block; width: 100%;}

@media all and (max-width: 960px){
    .pcView {display: none;}
    .moView {display: block}
}

.clear:after{
  display:block;
  content:"";
  clear:both;
}

.area {
    width: 1500px;
    margin: 0 auto;
}


.z1 {
    position: relative;
    z-index: 1;
}


.pin-spacer {
    margin: 0 auto !important;
}

.mo-only {
    display: none;
}

#quickMenu {
    position: fixed;
    bottom: 5rem;
    right: 8.8rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
}

#quickMenu .menu-wrap {
    display: none;
    position: relative;
    top: 200px;
    opacity: 0;
    width: 10.4rem;
    background-color: #41BEB2;
    padding: 4.8rem 0;
    border-radius: 10rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#quickMenu .menu-wrap ul li {
    padding-top: 3.8rem;
}

#quickMenu .menu-wrap ul li:first-child {
    padding-top: 0;
}

#quickMenu .menu-wrap ul li a {
    text-align: center;
}

#quickMenu .menu-wrap ul li a img {
    display: block;
    width: 3.2rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#quickMenu .menu-wrap ul li a p {
    font-size: 1.4rem;
    color: #fff;
    padding-top: 0.8rem;
}

#quickMenu .quick-btn {
    position: relative;
    width: 10.4rem;
    height: 10.4rem;
    background-color: #41BEB2;
    border-radius: 10rem;
    margin-top: 1.6rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#quickMenu .quick-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 4.2rem;
    height: auto;
}

#quickMenu .top-btn {
    position: relative;
    width: 10.4rem;
    height: 10.4rem;
    background-color: #fff;
    border-radius: 10rem;
    margin-top: 1.6rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#quickMenu .top-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 3.033rem;
    height: auto;
}




#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-color: #fff;
    z-index: 999;
}

#header .hd-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 21rem 0 13rem;
}

#header .hd-area .hd-logo {
    display: flex;
    align-items: center;
}

#header .hd-area .hd-logo a {

}

#header .hd-area .hd-logo a img {
    height: auto;
}

#header .hd-area .hd-logo a .hd-logo-1 {
    width: 21.8rem;
    margin-right: 1.8rem;
}

#header .hd-area .hd-logo a .hd-logo-2 {
    width: 17.4rem;
    margin-right: 1.8rem;
}

#header .hd-area .hd-logo a .hd-logo-3 {
    width: 18.2rem;
}

#header .hd-area .gnb-wrap ul {
    display: flex;
    align-items: center;
    gap: 7.8rem;
}

#header .hd-area .gnb-wrap ul li a {
    font-family: 'ONE-Mobile-Bold';
    font-size: 1.8rem;
}

#header .hd-area .mo-menu-btn {
    display: none;
    width: 5rem;
}

#header .hd-area .mo-menu-btn img {
    width: 100%;
    height: auto;
}



#main .video-con {
    position: relative;
    height: 100vh;
}

#main .video-con .video {
    height: 100%;
}

#main .video-con .video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .video-con .video video.mo-only {
    display: none;
}

#main .video-con .txt-wrap {
    position: absolute;
    bottom: 10.6rem;
    left: 50%;
    z-index: 10;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

#main .video-con .txt-wrap > * {
    text-shadow: 0 0 6px rgba(0,0,0,0.24);
}

#main .video-con .txt-wrap h2 {
    font-family: 'KoPubWorldBatangMedium';
    font-size: 5.2rem;
}

#main .video-con .txt-wrap h2 span {
    color: #80FFE5;
}

#main .video-con .txt-wrap p {
    font-size: 2.4rem;
    padding-top: 1.6rem;
}



#main .intro-con {
    padding-top: 12.1rem;
    padding-bottom: 21.6rem;
    background-image: url("../images/main/intro_con_btm_bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

#main .intro-con .tit-wrap {
    width: 100%;
    height: 100rem;
    background-image: url("../images/main/intro_con_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100rem auto;
    text-align: center;
}

#main .intro-con .tit-wrap .ci {
    display: block;
    padding-top: 32.4rem;
}

#main .intro-con .tit-wrap .ci img {
    width: 10.2rem;
    height: auto;
}

#main .intro-con .tit-wrap h3 {
    font-family: 'KoPubWorldBatangMedium';
    font-size: 4.8rem;
    line-height: 7rem;
    padding-top: 3.7rem;
}

#main .intro-con .tit-wrap h3 span {
    color: #41BEB2;
}

#main .intro-con .tit-wrap p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
    padding-top: 2.6rem;
}

#main .intro-con .txt-wrap .sub-tit {
    font-family: 'ONE-Mobile-Bold';
    font-size: 2.4rem;
    text-align: center;
    line-height: 3.8rem;
}

#main .intro-con .txt-wrap .list-group {
    margin-top: 5rem;
    overflow: hidden;
}

#main .intro-con .txt-wrap .list-group ul {
    display: flex;
}

#main .intro-con .txt-wrap .list-group ul li {
    position: relative;
    width: 70.8rem;
    height: 63.9rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#main .intro-con .txt-wrap .list-group ul li.list-1 {
    background-image: url("../images/main/intro_con_list_img1.jpg");
}

#main .intro-con .txt-wrap .list-group ul li.list-2 {
    background-image: url("../images/main/intro_con_list_img2.jpg");
}

#main .intro-con .txt-wrap .list-group ul li.list-3 {
    background-image: url("../images/main/intro_con_list_img3.jpg");
}

#main .intro-con .txt-wrap .list-group ul li .num {
    position: absolute;
    top: 0;
    right: 0;
}

#main .intro-con .txt-wrap .list-group ul li .num img {
    width: 24.4rem;
    height: auto;
    opacity: 0.5;
}

#main .intro-con .txt-wrap .list-group ul li h3 {
    position: relative;
    z-index: 1;
    font-family: 'ONE-Mobile-Bold';
    font-size: 3.4rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding-top: 47.7rem;
}

#main .intro-con .txt-wrap .list-group ul li p {
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.8rem;
    color: #fff;
    padding-top: 2.5rem;
}

#main .intro-con .txt-wrap .list-group ul li .black {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    mix-blend-mode: multiply ;
}

#main .intro-con .txt-wrap .list-group ul li .black img {
    width: 100%;
    height: auto;
}

#main .intro-con .txt-wrap .list-group .swiper-wrapper .swiper-slide {
    margin-top: 12rem;
    transition: margin-top 0.5s;
}

#main .intro-con .txt-wrap .list-group .swiper-wrapper .swiper-slide-active {
    margin-top: 0;
}



#main .clinic-con {
    background-color: #F9F6F3;
    padding-top: 23.8rem;
}

#main .clinic-con .tit-wrap {
    text-align: center;
}

#main .clinic-con .tit-wrap h4 {
    font-size: 1.6rem;
    color: #41BEB2;
    font-weight: 700;
}

#main .clinic-con .tit-wrap h4 span {
    letter-spacing: 0.8rem;
}

#main .clinic-con .tit-wrap h3 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 6rem;
    padding-top: 4rem;
}

#main .clinic-con .tit-wrap p {
    font-size: 2rem;
    color: #33383C;
    padding-top: 1.8rem;
}

#main .clinic-con .txt-wrap {
    margin-top: 6.8rem;
}

#main .clinic-con .txt-wrap ul {
    display: flex;
}

#main .clinic-con .txt-wrap ul li {
    width: 25%;
    height: 94rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#main .clinic-con .txt-wrap ul li.list-1 {
    background-image: url("../images/main/clinic_con_bg1.jpg");
}

#main .clinic-con .txt-wrap ul li.list-2 {
    background-image: url("../images/main/clinic_con_bg2.jpg");
}

#main .clinic-con .txt-wrap ul li.list-3 {
    background-image: url("../images/main/clinic_con_bg3.jpg");
}

#main .clinic-con .txt-wrap ul li.list-4 {
    background-image: url("../images/main/clinic_con_bg4.jpg");
}

#main .clinic-con .txt-wrap ul li.list-5 {
    background-image: url("../images/main/clinic_con_bg5.jpg");
}

#main .clinic-con .txt-wrap ul li.list-6 {
    background-image: url("../images/main/clinic_con_bg6.jpg");
}

#main .clinic-con .txt-wrap ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

#main .clinic-con .txt-wrap ul li a .over-img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#main .clinic-con .txt-wrap ul li a .over-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .clinic-con .txt-wrap ul li a .icon {
    display: block;
    width: 8.8rem;
    width: 8.8rem;
    margin: 0 auto;
    padding-top: 22.8rem;
}

#main .clinic-con .txt-wrap ul li a .icon img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
}

#main .clinic-con .txt-wrap ul li a .icon img.on {
    display: none;
}

#main .clinic-con .txt-wrap ul li a h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 3.6rem;
    color: #C2BFB9;
    padding-top: 3rem;
}

#main .clinic-con .txt-wrap ul li a p {
    font-size: 1.8rem;
    color: #C2BFB9;
}

#main .clinic-con .txt-wrap ul li a p.sub-txt {
    line-height: 2.8rem;
    padding-top: 3rem;
}

#main .clinic-con .txt-wrap ul li a p.link-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.4rem;
}

#main .clinic-con .txt-wrap ul li a p.link-txt img {
    width: 1.2rem;
    height: auto;
    margin-left: 0.8rem;
}

#main .clinic-con .txt-wrap ul li a p.link-txt img.on {
    display: none;
}

#main .clinic-con .txt-wrap ul li:hover a h4 {
    color: #41BEB2;
}

#main .clinic-con .txt-wrap ul li:hover a p {
    color: #33383C;
}

#main .clinic-con .txt-wrap ul li:hover a p.link-txt {
    color: #41BEB2;
}

#main .clinic-con .txt-wrap ul li:hover a p.link-txt img.off {
    display: none;
}

#main .clinic-con .txt-wrap ul li:hover a p.link-txt img.on {
    display: block;
}



#main .doctor-con {
    padding-top: 30.9rem;
    background-image: url("../images/main/doctor_con_bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

#main .doctor-con .inner {
    display: flex;
    justify-content: right;
    max-width: 1920px;
    margin: 0 auto;
}

#main .doctor-con .inner .img img {
    width: 76.2rem;
    height: auto;
}

#main .doctor-con .inner .doctor-info-wrap {
    display: flex;
    align-items: center;
    width: 82.6rem;
    height: 82rem;
    background-color: #41BEB2;
    color: #fff;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner {
    padding-left: 9.8rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .quot img {
    width: 4.8rem;
    height: auto;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner > h4 {
    font-family: 'KoPubWorldBatangMedium';
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #fff;
    padding-top: 1rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner > h4 .sub-wrap {
    position: relative;
    text-decoration: underline;
    text-underline-offset: 0.6rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner > h4 .sub-wrap .bar {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group {
    display: flex;
    margin-top: 3.97rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .sign {
    margin-right: 2.56rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .sign img {
    width: 10.6rem;
    height: auto;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .name-txt p {
    font-family: 'ONE-Mobile-Bold';
    font-size: 1.8rem;
    font-weight: bold;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .name-txt p strong {
    display: block;
    font-size: 2.2rem;
    padding-top: 0.8rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group {
    margin-top: 5.8rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li {
    margin-top: 3.4rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li:first-child {
    margin-top: 0;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li p {
    font-size: 2rem;
    line-height: 3.2rem;
}

#main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li p strong {
    font-size: 2.6rem;
    line-height: 3.8rem;
}


#main .staff-con {
    position: relative;
    overflow: hidden;
    padding-top: 6.2rem;
}

#main .staff-con .tit-wrap {
    position: absolute;
    top: 18rem;
    left: 0;
    width: 56rem;
    margin-left: 12rem;
}

#main .staff-con .tit-wrap .num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 56.6rem;
    font-weight: 900;
    color: #C9CDD2;
    opacity: 0.23;
    z-index: -1;
}

#main .staff-con .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.4rem;
    line-height: 6.6rem;
    padding-top: 17.5rem;
    padding-left: 15rem;
}

#main .staff-con .tit-wrap h4 span {
    color: #41BEB2;
}

#main .staff-con .tit-wrap p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
    padding-top: 8.2rem;
    padding-left: 15rem;
}

#main .staff-con .horizontal-section {
    position: relative;
    max-width: 1920px;
    margin: 0 auto !important;
}

#main .staff-con .horizontal-inner {
    width: 357rem;
    height: 100%;
    position: relative;
    padding-top: 20rem;
    z-index: 10;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 3rem;
    background-color: #fff;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li {
    position: relative;
    width: 42rem;
    height: 57.6rem;
    border-radius: 3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-1 {
    background-image: url("../images/main/staff_con_bg1.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-1-2 {
    background-image: url("../images/main/staff_con_bg1_2.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-2 {
    background-image: url("../images/main/staff_con_bg2.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-3 {
    background-image: url("../images/main/staff_con_bg3.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-4 {
    background-image: url("../images/main/staff_con_bg4.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-5 {
    background-image: url("../images/main/staff_con_bg5.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-6 {
    background-image: url("../images/main/staff_con_bg6.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-10 {
    background-image: url("../images/main/staff_con_bg10.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-11 {
    background-image: url("../images/main/staff_con_bg11.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-12 {
    background-image: url("../images/main/staff_con_bg12.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-13 {
    background-image: url("../images/main/staff_con_bg13.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-14 {
    background-image: url("../images/main/staff_con_bg14.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-15 {
    background-image: url("../images/main/staff_con_bg15.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-16 {
    background-image: url("../images/main/staff_con_bg16.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li.list-17 {
    background-image: url("../images/main/staff_con_bg17.png");
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap {
    position: absolute;
    bottom: 4.3rem;
    left: 3.6rem;
    color: #fff;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-name {
    font-size: 2rem;
    font-weight: 900;
    padding-bottom: 1.6rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-name span {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.4rem;
    margin-right: 1rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-history {
    display: flex;
    align-items: center;
    margin-top: 0.8rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-history p {
    font-size: 1.6rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .more-btn {
    position: relative;
    display: block;
    width: 6.2rem;
    height: 6.2rem;
    margin-top: 2.6rem;
    z-index: 11;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .more-btn img {
    width: 100%;
    height: auto;
    transition: 0.5s;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap.on .more-btn img {
    transform: rotate(45deg);
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #C2BFB9;
    border-radius: 3rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap .staff-name {
    font-size: 2rem;
    font-weight: 900;
    color: #41BEB2;
    margin-bottom: 3.2rem;
    padding-left: 3.6rem;
    padding-top: 6.9rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap .staff-name span {
    font-family: 'ONE-Mobile-Bold';
    font-size: 44px;
    font-weight: bold;
    color: #33383C;
    margin-right: 1rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap .staff-history {
    display: flex;
    margin-top: 0.8rem;
    padding-left: 3.6rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap .staff-history .dot {
    margin-top: 0.7rem;
}

#main .staff-con .horizontal-inner ul.horizontal-gallery li .list-hover-wrap .staff-history p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding-right: 4.5rem;
    word-break: keep-all;
}

#main .staff-con .last-wrap {
    position: absolute;
    bottom: 12.4rem;
    right: 10%;
}

#main .staff-con .last-wrap .icon {
    display: block;
    width: 16.1rem;
    height: 16.1rem;
    margin: 0 auto;
}

#main .staff-con .last-wrap .icon img {
    width: 100%;
    height: auto;
}

#main .staff-con .last-wrap p {
    font-family: 'KoPubWorldBatangMedium';
    font-size: 3.6rem;
    line-height: 5.6rem;
    text-align: center;
    color: #33383C;
    padding-top: 1.2rem;
}

#main .staff-con .last-wrap p span {
    color: #41BEB2;
}



#main .youtube-con {
    background-color: rgba(238,240,243,0.49);
    padding-top: 22.9rem;
    padding-bottom: 4.4rem;
    margin-top: 14.6rem;
}

#main .youtube-con .area .tit-wrap .p-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90.2rem;
    margin: 0 auto;
}

#main .youtube-con .area .tit-wrap .p-group .bar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 0.1rem;
    background-color: #707070;
}

#main .youtube-con .area .tit-wrap .p-group p {
    position: relative;
    font-family: 'KoPubWorldBatangMedium';
    font-size: 3rem;
    text-align: center;
    color: #33383C;
    background-color: #F7F8F9;
    z-index: 1;
    padding: 0 2.3rem;
}

#main .youtube-con .area .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 6rem;
    text-align: center;
    padding-top: 3.1rem;
}

#main .youtube-con .area .tit-wrap h4 span {
    color: #41BEB2;
}

#main .youtube-con .area .txt-wrap {
    margin-top: 8rem;
}

#main .youtube-con .area .txt-wrap .youtube-group {
    width: 132rem;
    background-color: #fff;
    border-radius: 3rem;
    box-shadow: 0 3px 10px rgba(0,0,0,0.11);
    margin: 0 auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header {
    display: flex;
    align-items: center;
    height: 10.8rem;
    border-bottom: 1px solid #C9CDD2;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .menu-img {
    margin-left: 3.38rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .menu-img img {
    width: 2.25rem;
    height: auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .logo-img {
    margin-left: 3.67rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .logo-img img {
    width: 13.7rem;
    height: auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 69.2rem;
    height: 3.6rem;
    background-color: #F6F7F9;
    border-radius: 2rem;
    margin-left: 5.5rem;
    margin-right: 5.86rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box p {
    font-family: "SpoqaHanSansNeo";
    font-size: 1.2rem;
    color: #A4AAB1;
    padding-left: 2.26rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box img {
    width: 1.8rem;
    height: auto;
    margin-right: 1.9rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img {
    display: flex;
    align-items: center;
    gap: 3.8rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img {
    height: auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-1 {
    width: 2.7rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-2 {
    width: 2.3rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-3 {
    width: 2.35rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap {
    display: flex;
    justify-content: space-between;
    padding: 8.9rem 0 10rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group {
    padding-left: 9rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .pnu-logo {
    width: 14.8rem;
    height: auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.1rem;
    height: 4rem;
    background-color: #FF0023;
    border-radius: 2rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 3rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn.mo-only {
    display: none;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn img {
    width: 1.6rem;
    height: auto;
    margin-left: 0.7rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-info {
    display: block;
    font-size: 1.5rem;
    color: #A4AAB1;
    padding-top: 2rem;
    padding-left: 0.7rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group > p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
    padding-top: 2rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group {
    position: relative;
    width: 68.9rem;
    margin-right: 8.1rem;
    padding-bottom: 5rem;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group ul li a {
    display: block;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group ul li a img {
    width: 100%;
    height: auto;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group .paging-bar-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #EBEBEC;
    overflow: hidden;
    border-radius: 2px;
}

#main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group .progress-bar-2 {
    height: 100%;
    background: #A4AAB1;
    width: 0;
    transition: width 0.3s ease;
    border-radius: 6px;
}

#main .youtube-con .area .sub-tit {
    font-family: "Cormorant Garamond";
    font-size: 8.9rem;
    text-align: center;
    color: #C9CDD2;
    opacity: 0.31;
    padding-top: 6.1rem;
}



#main .special-con {
    position: relative;
    padding-top: 26.6rem;
}

#main .special-con .area .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.4rem;
    line-height: 7.8rem;
    text-align: center;
}

#main .special-con .area .tit-wrap h4 span {
    color: #41BEB2;
}

#main .special-con .area .list-wrap {
    margin-top: 9.1rem;
    padding-bottom: 11rem;
}

#main .special-con .area .list-wrap .depth-1 > li {
    position: relative;
    padding-bottom: 6.2rem;
}

#main .special-con .area .list-wrap .depth-1 > li .img {
    margin-left: 3rem;
}

#main .special-con .area .list-wrap .depth-1 > li .img img {
    width: 107.4rem;
    height: auto;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group {
    position: absolute;
    bottom: 0;
    right: 3rem;
    width: 75.6rem;
    height: 47.6rem;
    background-color: #f5f5f5;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit,
#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list {
    padding-left: 6rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit h6 {
    font-size: 1.8rem;
    color: #41BEB2;
    padding-top: 6.7rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit h5 {
    font-size: 4.6rem;
    font-weight: 700;
    padding-top: 1.1rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit p {
    font-size: 1.8rem;
    color: #72787F;
    padding-top: 1.5rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list {
    width: 41rem;
    margin-top: 3.4rem;
}

#main .special-con .area .list-wrap .depth-1 > li.list-3 .info-group .info-group-list {
    width: 54rem;
}

#main .special-con .area .list-wrap .depth-1 > li.list-4 .info-group .info-group-list {
    width: 61rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 {
    display: flex;
    flex-wrap: wrap;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li {
    display: flex;
    align-items: center;
    width: 50%;
    height: 6.2rem;
    border-left: 1px solid #C9CDD2;
    box-sizing: border-box;
    margin-top: 5.5rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(1),
#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(3) {
    border-left: 0;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(1),
#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(2) {
    margin-top: 0;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(2),
#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(4) {
    padding-left: 5rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li .icon {
    width: 5.4rem;
    height: 5.4rem;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li .icon img {
    width: 100%;
    height: auto;
}

#main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li p {
    font-size: 1.8rem;
    font-weight: 700;
    color: #33383C;
    padding-left: 2rem;
}

#main .special-con .bg-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 39.3rem;
    background-color: #E2D3C1;
}

#main .special-con .swiper-arrow {
    width: 5.4rem;
    height: 5.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 4rem;
    left: auto;
    right: auto;
    margin: 0;
}

#main .special-con .swiper-button-prev {
    background-image: url("../images/main/spc_con_prev_icon.png");
    right: 10.2rem;
}

#main .special-con .swiper-button-next {
    background-image: url("../images/main/spc_con_next_icon.png");
    right: 4rem;
}


#main .special-con .swiper-button-next:after,
#main .special-con .swiper-button-prev:after {
    content: '';
}







#main .adhd-chk-con {
    padding-top: 26.55rem;
}

#main .adhd-chk-con .area h4 {
    text-align: right;
}

#main .adhd-chk-con .area h4 img {
    width: 52.7rem;
    height: auto;
}

#main .adhd-chk-con .area .txt-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 4.5rem;
}

#main .adhd-chk-con .area .txt-wrap .img {
    width: 60.6rem;
    margin-left: 5.5rem;
    background: url("../images/main/adhd_chk_con_img.png") no-repeat center;
    background-size: cover;
    border-radius: 4rem;
    overflow: hidden;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group {
    width: 72.9rem;
    background-color: #F6F7F9;
    border-radius: 4rem;
    margin-right: 5.4rem;
    padding-bottom: 7rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-tit h6 {
    font-size: 2.4rem;
    font-weight: 900;
    color: #41BEB2;
    padding-top: 5.8rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-tit h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 3.2rem;
    line-height: 4.6rem;
    padding-top: 2.6rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-tit,
#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt {
    margin-left: 4.7rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt {
    margin-top: 3.4rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul {
    margin-right: 5.9rem;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    padding: 2.5rem 0 2.1rem;
    border-top: 1px solid #C9CDD2;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li:first-child {
    border-top: 0;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li .num {
    color: #41BEB2;
    font-weight: 900;
}

#main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li p {
    color: #33383C;
    padding-left: 2.6rem;
}



#main .autism-con-1 {
    position: relative;
    background-color: rgba(255,247,235,0.69);
    padding: 17.3rem 0 18rem;;
    margin-top: 29.1rem;
}

#main .autism-con-1  .tit-wrap {
    text-align: center;
}

#main .autism-con-1 .tit-wrap h5 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #8DE5E5;
}

#main .autism-con-1 .tit-wrap h5 span {
    letter-spacing: 0.8rem;
}

#main .autism-con-1 .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.4rem;
    line-height: 7.8rem;
    padding-top: 3.5rem;
}

#main .autism-con-1 .tit-wrap h4 span {
    color: #41BEB2;
}

#main .autism-con-1 .img {
    width: calc(100% - 10.4rem);
    height: 40.3rem;
    margin:  6rem auto 0;
    background: url("../images/main/autism_con_1_img.jpg") no-repeat center;
    background-size: cover;
}

#main .autism-con-1 .img img {height: 100%; object-fit: cover;}

#main .autism-con-1 .sub-txt {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center;
    color: #33383C;
    padding-top: 5.8rem;
}



#main .autism-con-2 {
    position: relative;
    padding-top: 24.6rem;
    overflow: hidden;
    background-color: rgba(255,247,235,0.69);
}

#main .autism-con-2 .area .scroll-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20rem
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap {
    margin-left: 3rem;
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap .icon {
    display: block;
    width: 8.9rem;
    height: 8.9rem;
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap .icon img {
    width: 100%;
    height: auto;
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.8rem;
    line-height: 6.6rem;
    padding-top: 3.2rem;
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap h5 span {
    color: #41BEB2;
}

#main .autism-con-2 .area .scroll-wrapper .tit-wrap p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
    padding-top: 5.8rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap {
    position: relative;
    width: 83rem;
    height: 92.5rem;
    overflow: hidden;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.2rem 0;
    padding-top: 16rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li {
    width: 40rem;
    height: 65.3rem;
    border-radius: 3rem;
    background-color: #fff;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li:nth-child(odd) {
    margin-top: -16rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .img img {
    width: 100%;
    height: auto;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap {
    position: relative;
    padding: 4rem 3.2rem 0 3.2rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h6 {
    font-size: 2.4rem;
    color: #C9CDD2;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4rem;
    color: #33383C;
    padding-top: 2rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap p {
    font-size: 2rem;
    letter-spacing: -0.2rem;
    line-height: 3.2rem;
    color: #72787F;
    padding-top: 3.8rem;
    word-break: keep-all;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap .icon {
    position: absolute;
    top: 7.8rem;
    right: 3.2rem;
    width: 5.2rem;
    height: 5.2rem;
}

#main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap .icon img {
    width: 100%;
    height: auto;
}



#main .center-con {
    position: relative;
    width: 100%;
    background-color: #222527;
    padding-top: 30.3rem;
    padding-bottom: 22.5rem;
}

#main .center-con .deco-img {
    position: absolute;
    top: 25rem;
    left: 0;
    width: 52.8rem;
}

#main .center-con .deco-img img {
    width: 100%;
    height: auto;
}

#main .center-con .tit-wrap {
    position: relative;
    text-align: center;
    z-index: 1;
}

#main .center-con .tit-wrap h5 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #41BEB2;
}

#main .center-con .tit-wrap h5 span {
    letter-spacing: 0.8rem;
}

#main .center-con .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5rem;
    line-height: 7.4rem;
    color: #fff;
    padding-top: 3.6rem;
}

#main .center-con .tit-wrap h4 span {
    color: #8DE5E5;
}

#main .center-con .tit-wrap p {
    display: inline-block;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    background-color: #41BEB2;
    padding: 1.74rem 5.9rem;
    border-radius: 3rem;
    margin-top: 9.97rem;
}

#main .center-con .txt-wrap {
    /* margin-left: 24rem; */
    margin-top: 7.13rem;
}

#main .center-con .txt-wrap .swiper ul li img {
    width: 100%;
    height: auto;
}

#main .center-con .control-group {
    position: relative;
    padding: 3.2rem 0;
    margin: 5.2rem auto 0;
}

#main .center-con .control-group .arrows {
    display: flex;
    justify-content: space-between;
}

#main .center-con .control-group .arrows .swiper-arrow {
    position: static;
    margin: 0;
    cursor: pointer;
}

#main .center-con .control-group .arrows .swiper-arrow img {
    width: 8.4rem;
    height: auto;
}

#main .center-con .control-group .arrows .swiper-button-next3:after,
#main .center-con .control-group .arrows .swiper-button-prev3:after {
    content: '';
}

#main .center-con .control-group .paging-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #EEF0F3;
    overflow: hidden;
    border-radius: 6px;
}

#main .center-con .control-group .progress-bar {
    height: 100%;
    background: #41BEB2;
    width: 20%;
    transition: width 0.3s ease;
    border-radius: 6px;
}

#main .center-con .spc-wrap {
    position: relative;
    margin-top: 31rem;
}

#main .center-con .spc-wrap .bar {
    position: absolute;
    top: 50%;
    width: 32rem;
    height: 1px;
    background-color: #fff;
}

#main .center-con .spc-wrap .bar-1 {
    left: 0;
}

#main .center-con .spc-wrap .bar-2 {
    right: 0;
}

#main .center-con .spc-wrap .area ul {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

#main .center-con .spc-wrap .area ul li {
    width: 44.7rem;
    height: 44.7rem;
    border: 1px solid #fff;
    border-radius: 25rem;
    text-align: center;
    margin-left: -2.9rem;
    background-color: #222527;
}

#main .center-con .spc-wrap .area ul li:nth-child(2) {
    position: relative;
    background: none;
    z-index: 1;
}

#main .center-con .spc-wrap .area ul li:first-child {
    margin-left: 0;
}

#main .center-con .spc-wrap .area ul li p {
    font-size: 1.8rem;
    color: #8DE5E5;
    padding-top: 15.2rem;
}

#main .center-con .spc-wrap .area ul li h5 {
    font-size: 2.8rem;
    line-height: 3.8rem;
    font-weight: 800;
    padding-top: 1.6rem;
    color: #fff;
}

#main .center-con .spc-wrap .area ul li strong {
    display: block;
    font-family: "Cormorant Garamond";
    font-size: 5.6rem;
    font-weight: 500;
    color: #454C53;
    padding-top: 2.6rem;
}





#main .brain-con {
    padding-top: 31.1rem;
}

#main .brain-con .brain-con-1 {
    display: flex;
    align-items: center;
    gap: 8rem;
}

#main .brain-con .brain-con-1 .left-img {
    width: 77rem;
}

#main .brain-con .brain-con-1 .left-img img {
    width: 100%;
    height: auto;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group .quot {
    display: block;
    width: 4.8rem;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group .quot img {
    width: 100%;
    height: auto;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group h6 {
    font-size: 2.4rem;
    color: #33383C;
    padding-top: 4rem;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.7rem;
    padding-top: 2.2rem;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #33383C;
    padding-top: 4rem;
}

#main .brain-con .brain-con-1 .cont-wrap .tit-group p span {
    color: #41BEB2;
}


#main .brain-con .brain-con-2 {
    padding-top: 29.3rem;
}

#main .brain-con .brain-con-2 .area {
    display: flex;
    gap: 11.8rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap {
    width: 64rem;
    margin-left: 3rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .tit-group .quest {
    display: block;
    width: 5.1rem;
    height: 5.1rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .tit-group .quest img {
    width: 100%;
    height: auto;
}

#main .brain-con .brain-con-2 .area .cont-wrap .tit-group h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.8rem;
    line-height: 6.6rem;
    padding-top: 2rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .tit-group h5 span {
    color: #41BEB2;
}

#main .brain-con .brain-con-2 .area .cont-wrap .tit-group p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #33383C;
    padding-top: 3.4rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .txt-group {
    margin-top: 5.4rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 1.1rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18.8rem;
    height: 5rem;
    background-color: #F6F7F9;
    border-radius: 3rem;
}

#main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul li p {
    font-size: 2rem;
    color: #33383C;
}

#main .brain-con .brain-con-2 .area .right-img {
    width: 65.4rem;
}

#main .brain-con .brain-con-2 .area .right-img img {
    width: 100%;
    height: auto;
}



#main .banner-con {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6.8rem;
    width: 144rem;
    height: 24.7rem;
    border-radius: 2rem;
    background: url("../images/main/banner_con_bg.png") no-repeat center;
    background-position: center;
    margin: 22.8rem auto 0;
}

#main .banner-con .logo-wrap {
    display: flex;
    gap: 2.1rem;
}

#main .banner-con .logo-wrap img {
    height: auto;
}

#main .banner-con .logo-wrap .banner-logo-1 {
    width: 29rem;
}

#main .banner-con .logo-wrap .banner-logo-x {
    width: 3.15rem;
    height: 3.15rem;
}

#main .banner-con .logo-wrap .banner-logo-2 {
    width: 24.45rem;
}

#main .banner-con .txt-wrap > p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
}

#main .banner-con .txt-wrap > p span {
    color: #FEF1AF;
}

#main .banner-con .txt-wrap .link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.6rem;
    height: 4.8rem;
    border-radius: 0.8rem;
    background-color: #fff;
    margin-top: 2.2rem;
}

#main .banner-con .txt-wrap .link-btn.mo-only {
    display: none;
}

#main .banner-con .txt-wrap .link-btn img {
    height: auto;
}

#main .banner-con .txt-wrap .link-btn .ytb-ci {
    width: 2.9rem;
}

#main .banner-con .txt-wrap .link-btn p {
    font-size: 1.6rem;
    font-weight: 900;
    color: #33383C;
    text-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    padding: 0 1.2rem 0 1rem;
}

#main .banner-con .txt-wrap .link-btn .arrow {
    width: 3.5rem;
}



#main .neuro-con {
    padding-top: 29.4rem;
}

#main .neuro-con .area {
    display: flex;
    justify-content: space-between;
}

#main .neuro-con .area .tit-wrap {
    padding-left: 3rem;
    padding-top: 2.2rem;
}

#main .neuro-con .area .tit-wrap h5 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.2rem;
    line-height: 7rem;
}

#main .neuro-con .area .tit-wrap h5 span {
    color: #41BEB2;
}

#main .neuro-con .area .tit-wrap h6 {
    padding-top: 1.29rem;
}

#main .neuro-con .area .tit-wrap h6 img {
    width: 58.6rem;
    height: auto;
}

#main .neuro-con .area .tit-wrap p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
    padding-top: 5rem;
}

#main .neuro-con .area .tit-wrap p strong {
    font-family: 'NanumSquareExtraBold';
    font-weight: normal;
}

#main .neuro-con .area .list-wrap {
    width: 73rem;
    margin-right: 3rem;
}

#main .neuro-con .area .list-wrap ul li {
    display: flex;
    align-items: center;
    padding: 3rem 0;
    border-top: 1px solid #C9CDD2;
}

#main .neuro-con .area .list-wrap ul li:first-child {
    border-top: 0;
    padding-top: 0;
}

#main .neuro-con .area .list-wrap ul li .icon {
    width: 6.8rem;
    height: 6.8rem;
    margin-left: 1.1rem;
}

#main .neuro-con .area .list-wrap ul li .icon img {
    width: 100%;
    height: auto;
}

#main .neuro-con .area .list-wrap ul li p {
    font-size: 2.4rem ;
    font-family: 'NanumSquareBold';
    padding-left: 2.4rem;
}



#main .psypro-con {
    background-color: #F0FAF9;
    padding-top: 23.8rem;
    margin-top: 26rem;
    position: relative;
}

#main .psypro-con .tit-wrap {
    text-align: center;
}

#main .psypro-con .tit-wrap h4 {
    font-size: 1.6rem;
    color: #41BEB2;
    font-weight: 700;
}

#main .psypro-con .tit-wrap h4 span {
    letter-spacing: 0.8rem;
}

#main .psypro-con .tit-wrap h3 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 6rem;
    padding-top: 4rem;
}

#main .psypro-con .tit-wrap p {
    font-size: 2rem;
    color: #33383C;
    padding-top: 1.8rem;
}

#main .psypro-con .txt-wrap {
    margin-top: 6.8rem;
}

#main .psypro-con .txt-wrap ul {
    display: flex;
}

#main .psypro-con .txt-wrap ul li {
    width: 25%;
    height: 94rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#main .psypro-con .txt-wrap ul li.list-1 {
    background-image: url("../images/main/psypro_con_bg1.jpg");
}

#main .psypro-con .txt-wrap ul li.list-2 {
    background-image: url("../images/main/psypro_con_bg2.jpg");
}

#main .psypro-con .txt-wrap ul li.list-3 {
    background-image: url("../images/main/psypro_con_bg3.jpg");
}

#main .psypro-con .txt-wrap ul li.list-4 {
    background-image: url("../images/main/psypro_con_bg4.jpg");
}

#main .psypro-con .txt-wrap ul li.list-5 {
    background-image: url("../images/main/psypro_con_bg5.jpg");
}

#main .psypro-con .txt-wrap ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: default;
}

#main .psypro-con .txt-wrap ul li a .over-img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#main .psypro-con .txt-wrap ul li a .over-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#main .psypro-con .txt-wrap ul li a .icon {
    display: block;
    width: 8.8rem;
    height: 8.8rem;
    margin: 0 auto;
    padding-top: 22.8rem;
}

#main .psypro-con .txt-wrap ul li a .icon img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
}

#main .psypro-con .txt-wrap ul li a .icon img.on {
    display: none;
}

#main .psypro-con .txt-wrap ul li a h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 3.6rem;
    color: #ACCBC8 ;
    padding-top: 3rem;
}

#main .psypro-con .txt-wrap ul li a p {
    font-size: 1.8rem;
    color: #ACCBC8 ;
}

#main .psypro-con .txt-wrap ul li a p.sub-txt {
    line-height: 2.8rem;
    padding-top: 3rem;
}

#main .psypro-con .txt-wrap ul li a p.link-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.4rem;
}

#main .psypro-con .txt-wrap ul li a p.link-txt img {
    width: 1.2rem;
    height: auto;
    margin-left: 0.8rem;
}

#main .psypro-con .txt-wrap ul li a p.link-txt img.on {
    display: none;
}

#main .psypro-con .txt-wrap ul li:hover a h4 {
    color: #41BEB2;
}

#main .psypro-con .txt-wrap ul li:hover a p {
    color: #33383C;
}

#main .psypro-con .txt-wrap ul li:hover a p.link-txt {
    color: #41BEB2;
}

#main .psypro-con .txt-wrap ul li:hover a p.link-txt img.off {
    display: none;
}

#main .psypro-con .txt-wrap ul li:hover a p.link-txt img.on {
    display: block;
}



#main .pedi-con {
    margin-top: 34.55rem;
}

#main .pedi-con .area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main .pedi-con .area .tit-wrap h4 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #C9CDD2;
}

#main .pedi-con .area .tit-wrap h4 span {
    letter-spacing: 1rem;
}

#main .pedi-con .area .tit-wrap h3 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.4rem;
    line-height: 7.8rem;
    padding-top: 3.5rem;
}

#main .pedi-con .area .tit-wrap h3 strong {
    font-weight: normal;
    color: #41BEB2;
}

#main .pedi-con .area .tit-wrap p {
    font-size: 2rem;
    line-height: 3.2rem;
    padding-top: 3.6rem;
}

#main .pedi-con .area .img {
    width: 68.4rem;
}

#main .pedi-con .area .img img {
    width: 100%;
    height: auto;
}



#main .adhd-con {
    padding-top: 38rem;
}

#main .adhd-con .tit-wrap {
    text-align: center;
}

#main .adhd-con .tit-wrap h5 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #8DE5E5;
}

#main .adhd-con .tit-wrap h5 span {
    letter-spacing: 0.8rem;
}

#main .adhd-con .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.4rem;
    line-height: 7.8rem;
    padding-top: 3.5rem;
}

#main .adhd-con .tit-wrap h4 span {
    color: #41BEB2;
}

#main .adhd-con .img {
    width: calc(100% - 10.4rem);
    height: 40.3rem;
    margin:  6rem auto 0;
    background: url("../images/main/adhd_con_img.jpg") no-repeat center;
    background-size: cover;
}

#main .adhd-con .txt-wrap {
    margin-top: 7.2rem;
}

#main .adhd-con .txt-wrap .area > div {
    display: flex;
    margin: 0 3rem;
}

#main .adhd-con .txt-wrap .area > div h5 {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 5.2rem;
}

#main .adhd-con .txt-wrap .area > div p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #33383C;
}

#main .adhd-con .txt-wrap .area .top-group {
    align-items: center;
    border-bottom: 1px solid #C9CDD2;
    padding-bottom: 4.2rem;
    margin-bottom: 4.2rem;
}

#main .adhd-con .txt-wrap .area .top-group h5 {
    width: 47rem;
    margin-right: 11rem;
}

#main .adhd-con .txt-wrap .area .top-group p {
    width: calc(100% - 58rem);
}

#main .adhd-con .txt-wrap .area .btm-group {
    justify-content: space-between;
}

#main .adhd-con .txt-wrap .area .btm-group h5 {
    width: 47rem;
    padding-right: 2.3rem;
}

#main .adhd-con .txt-wrap .area .btm-group p {
    width: calc(100% - 54.8rem);
    padding-right: 5rem;
}



#main .easyb-con {
    max-width: 1920px;
    margin: 40rem auto 0;
}

#main .easyb-con .tit-wrap {
    font-family: 'ONE-Mobile-Bold';
    text-align: center;
}

#main .easyb-con .tit-wrap h4 {
    font-size: 6.4rem;
    color: #41BEB2;
}

#main .easyb-con .tit-wrap p {
    font-size: 2.6rem;
    padding-top: 3rem;
}

#main .easyb-con .txt-wrap {
    position: relative;
    margin-top: 16.6rem;
}

#main .easyb-con .txt-wrap .box {
    width: 69%; /* 133.8 */
    height: 64rem;
    background-color: #41BEB2;
}

#main .easyb-con .txt-wrap .box h6 {
    padding-top: 4rem;
    padding-left: 5.2rem;
}

#main .easyb-con .txt-wrap .box h6 img {
    width: 24.7rem;
    height: auto;
}

#main .easyb-con .txt-wrap .box p {
    display: none;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #fff;
    padding-top: 3.4rem;
}

#main .easyb-con .txt-wrap .img-group {
    position: absolute;
    top: -11.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 107.4rem;
    z-index: 1;
}

#main .easyb-con .txt-wrap .img-group img {
    width: 100%;
    height: auto;
}

#main .easyb-con .txt-wrap .img-group p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #fff;
    padding-top: 3.4rem;
    padding-left: 3.3rem;
}

#main .easyb-con .txt-wrap .deco-img {
    position: absolute;
    z-index: -1;
}

#main .easyb-con .txt-wrap .deco-img img {
    width: 38.9rem;
    height: auto;
}

#main .easyb-con .txt-wrap .deco-1 {
    top: -11.6rem;
    right: 13.9rem;
}

#main .easyb-con .txt-wrap .deco-2 {
    bottom: -3rem;
    right: 0;
}



#main .adult-con > div {
    background-color: #F6F7F9;
}

#main .adult-con .adult-con-1 {
    position: relative;
    padding-top: 17.6rem;
    margin-top: 31.6rem;
}

#main .adult-con .adult-con-1 .area  .tit-wrap {
    text-align: center;
}

#main .adult-con .adult-con-1 .area .tit-wrap h5 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #8DE5E5;
}

#main .adult-con .adult-con-1 .area .tit-wrap h5 span {
    letter-spacing: 0.8rem;
}

#main .adult-con .adult-con-1 .area .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 5.4rem;
    line-height: 7.8rem;
    padding-top: 3.5rem;
}

#main .adult-con .adult-con-1 .area .tit-wrap h4 span {
    color: #41BEB2;
}

#main .adult-con .adult-con-1 .area .img {
    width: 100%;
    height: 40.3rem;
    margin:  6rem auto 0;
    background: url("../images/main/adult_con_1_img.jpg") no-repeat center;
    background-size: cover;
}

#main .adult-con .adult-con-1 .area .img img {height: 100%; object-fit: cover}

#main .adult-con .adult-con-1 .area .sub-txt {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center;
    color: #33383C;
    padding-top: 5.8rem;
}

#main .adult-con .adult-con-2 {
    padding-top: 30rem;
    padding-bottom: 34.2rem;
}

#main .adult-con .adult-con-2 .inner {
    max-width: 1920px;
    margin: 0 auto;
}

#main .adult-con .adult-con-2 .inner .tit-wrap h4 {
    font-family: 'ONE-Mobile-Bold';
    font-size: 4.8rem;
    text-align: center;
}

#main .adult-con .adult-con-2 .inner .tit-wrap h4 span {
    color: #41BEB2;
}

#main .adult-con .adult-con-2 .inner .cont-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 9.3rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .img {
    width: 96rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .img img {
    width: 100%;
    height: auto;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group {
    margin-left: 11rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 {
    display: flex;
    align-items: center;
    font-family: 'KoPubWorldBatangMedium';
    font-size: 3.1rem;
    font-weight: 500;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 img {
    width: 5.8rem;
    height: auto;
    margin-right: 0.6rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #33383C;
    padding-top: 1.6rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit p strong {
    font-family: 'NanumSquareExtraBold';
    font-weight: normal;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .bar {
    position: absolute;
    right: 21rem;
    width: 45%;
    height: 1px;
    background-color: #41BEB2;
    margin-top: 4rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .bar .dot {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #F6F7F9;
    border: 1px solid #41BEB2;
    box-sizing: border-box;
    margin-top: -0.46rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list {
    width: 47.4rem;
    padding-top: 8rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list h6 {
    font-family: 'NanumSquareExtraBold';
    font-size: 2.2rem;
    color: #33383C;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.3rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4.6rem;
    background-color: #fff;
    border-radius: 3rem;
    margin-bottom: 1.2rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li.long {
    width: 31.2rem;
}

#main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li p {
    font-size: 1.8rem;
    color: #33383C;
}



#main .point-con {
    position: relative;
    width: 100%;
    /* height: 100vh; */
    background: url("../images/main/point_con_bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

#main .point-con .area .tit-wrap {
    text-align: center;
    padding-top: 20.9rem;
}

#main .point-con .area .tit-wrap h4 img {
    width: 41.5rem;
    height: auto;
}

#main .point-con .area .tit-wrap h5 {
    font-family: 'KoPubWorldBatangMedium';
    color: #fff;
    font-size: 6rem;
    font-weight: 500;
    line-height: 9rem;
    padding-top: 3.2rem;
}

#main .point-con .area .tit-wrap h5 span {
    color: #FEF1AF;
}

#main .point-con .area .list-wrap {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 119.6rem;
}

#main .point-con .area .list-wrap ul li {
    display: flex;
    margin-top: 15rem;
}

#main .point-con .area .list-wrap ul li:first-child {
    margin-top: 0;
}

#main .point-con .area .list-wrap ul li .point-li-img {
    width: 46.4rem;
    height: 45.1rem;
    border-radius: 0 6rem 0 6rem;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

#main .point-con .area .list-wrap ul li .point-li-img img {
    width: 100%;
    height: auto;
}

#main .point-con .area .list-wrap ul li .txt-group {
    margin-left: 3.8rem;
    margin-top: 12.6rem;
}

#main .point-con .area .list-wrap ul li .txt-group h6 img {
    width: 12.6rem;
    height: auto;
}

#main .point-con .area .list-wrap ul li .txt-group .plus-icon {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    margin-top: 2rem;
}

#main .point-con .area .list-wrap ul li .txt-group .plus-icon img {
    width: 100%;
    height: auto;
}

#main .point-con .area .list-wrap ul li .txt-group h5 {
    font-family: 'NanumSquareExtraBold';
    font-size: 2.6rem;
    color: #33383C;
    padding-top: 1.6rem;
}

#main .point-con .area .list-wrap ul li .txt-group p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #33383C;
    padding-top: 2rem;
}

#main .point-con .area .list-wrap ul li.list-2 {
    justify-content: right;
}

#main .point-con .area .list-wrap ul li.list-2 .txt-group {
    margin-left: 0;
    margin-right: 3.8rem;
}



#main .photo-con {
    padding-top: 20.2rem;
}

#main .photo-con .tit-wrap .icon {
    display: block;
    width: 10.6rem;
    height: 10.6rem;
    margin: 0 auto;
}

#main .photo-con .tit-wrap .icon img {
    width: 100%;
    height: auto;
}

#main .photo-con .tit-wrap .h4-group {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 3.2rem;
}

#main .photo-con .tit-wrap .h4-group h4 {
    font-family: 'KoPubWorldBatangMedium';
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 5.6rem;
    text-align: center;
    background-color: #fff;
    padding: 0 1.85rem;
}

#main .photo-con .tit-wrap .h4-group .bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #41BEB2;
    transform: translate(-50%,-50%);
    z-index: -1;
}

#main .photo-con .tit-wrap .h4-group h4 span {
    color: #41BEB2;
}

#main .photo-con .tit-wrap p {
    font-size: 2rem;
    text-align: center;
    color: #33383C;
    padding-top: 3.2rem;
}

#main .photo-con .txt-wrap {
    margin-top: 9rem;
}

#main .photo-con .txt-wrap .tab-split .tab-btn ul {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
}

#main .photo-con .txt-wrap .tab-split .tab-btn ul li button {
    font-family: 'NanumSquareExtraBold';
    width: 22rem;
    height: 5.2rem;
    border: 1px solid #C9CDD2;
    border-radius: 3rem;
    font-size: 2rem;
    color: #C9CDD2;
}

#main .photo-con .txt-wrap .tab-split .tab-btn ul li.on button {
    border: 1px solid #41BEB2;
    color: #41BEB2;
}

#main .photo-con .txt-wrap .tab-split .tab-cnt {
    margin-left: 24rem;
    margin-top: 6.8rem;
}

#main .photo-con .txt-wrap .tab-split .tab-cnt > div {
    position: relative;
    display: none;
    border-radius: 10rem 0 0 0;
    overflow: hidden;
}

#main .photo-con .txt-wrap .tab-split .tab-cnt > div.on {
    display: block;
}

#main .photo-con .txt-wrap .tab-split .tab-cnt > div ul li img {
    width: 100%;
    height: auto;
}

#main .photo-con .control-group {
    position: relative;
    padding: 3.2rem 0;
}

#main .photo-con .control-group .arrows {
    display: flex;
    justify-content: space-between;
}

#main .photo-con .control-group .arrows .swiper-arrow {
    position: static;
    margin: 0;
    cursor: pointer;
}

#main .photo-con .control-group .arrows .swiper-arrow img {
    width: 8.4rem;
    height: auto;
}

#main .photo-con .control-group .arrows .swiper-button-next3:after,
#main .photo-con .control-group .arrows .swiper-button-prev3:after {
    content: '';
}

#main .photo-con .control-group .paging-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #EEF0F3;
    overflow: hidden;
    border-radius: 6px;
}

#main .photo-con .control-group .progress-bar {
    height: 100%;
    background: #41BEB2;
    width: 20%;
    transition: width 0.3s ease;
    border-radius: 6px;
}



#main .contact-con {
    background-color: #FFF8EB;
    margin-top: 18rem;
    padding-bottom: 11rem;
}

#main .contact-con .area {
    display: flex;
    justify-content: space-between;
}

#main .contact-con .area .info-wrap > * {
    margin-left: 6.8rem;
}

#main .contact-con .area .info-wrap .depth-1 {
    padding-top: 14.7rem;
}

#main .contact-con .area .info-wrap .depth-1 > li {
    display: flex;
    align-items: start;
    margin-top: 6rem;
}

#main .contact-con .area .info-wrap .depth-1 > li h5 {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-family: 'NanumSquareExtraBold';
    color: #33383C;
    width: 10rem;
    margin-right: 6.5rem;
}

#main .contact-con .area .info-wrap .depth-1 > li h5 img {
    width: 2.4rem;
    height: auto;
    margin-right: 0.4rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-1 {
    align-items: center;
    margin-top: 0;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-1 .text-group p {
    font-family: 'NanumSquareExtraBold';
    font-size: 3.6rem;
    color: #41BEB2;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 {
    margin-top: 4.4rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 h5 {
    margin-top: 0.5rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group {
    font-family: 'NanumSquareBold';
    font-size: 1.8rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group .kakao {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21.1rem;
    height: 3.2rem;
    background-color: #fff;
    border-radius: 2rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group .kakao p {
    padding-top: 0.3rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group .kakao img  {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.7rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group > p {
    line-height: 2.8rem;
    padding-top: 1.5rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group > p span {
    color: #41BEB2;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li {
    display: flex;
    font-size: 1.8rem;
    color: #33383C;
    margin-top: 1.2rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li:first-child {
    margin-top: 0;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li h6 {
    font-family: 'NanumSquareBold';
    width: 7.8rem;
    margin-right: 2rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-1 h6 span {
    letter-spacing: 4.5rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-2 h6 span {
    letter-spacing: 1.43rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-3 {
    color: #A4AAB1;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-3 h6 span {
    letter-spacing: 0.4rem;
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-4 span {
    display: block;
    font-family: 'NanumSquareBold';
}

#main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-5 strong {
    display: block;
    width: 26.2rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #41BEB2;
    border-radius: 1.5rem;
    color: #fff;
    text-align: center;
    font-family: 'NanumSquareBold';
    font-weight: normal;
}

#main .contact-con .area .info-wrap .link-group {
    display: flex;
    gap: 1.2rem;
    margin-top: 17.9rem;
}

#main .contact-con .area .info-wrap .link-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32.4rem;
    height: 6.4rem;
    background-color: #33383C;
    font-size: 1.8rem;
    font-family: 'NanumSquareBold';
    color: #fff;
}

#main .contact-con .area .info-wrap .link-group a img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.4rem;
}

#main .contact-con .area .map-wrap .inner {
    width: 64.2rem;
    margin-right: 3rem;
    padding-top: 10.1rem;
}

#main .contact-con .area .map-wrap .inner .map-img img {
    width: 100%;
    height: auto;
}

#main .contact-con .area .map-wrap .inner ul {
    margin-top: 3.4rem;
}

#main .contact-con .area .map-wrap .inner ul li {
    display: flex;
    align-items: center;
    font-family: 'NanumSquareBold';
    font-size: 1.8rem;
    margin-top: 1.7rem;
}

#main .contact-con .area .map-wrap .inner ul li:first-child {
    margin-top: 0;
}

#main .contact-con .area .map-wrap .inner ul li h6 {
    display: flex;
    align-items: center;
    margin-right: 4rem;
    font-family: 'NanumSquareExtraBold';
}

#main .contact-con .area .map-wrap .inner ul li h6 img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.4rem;
    margin-top: -0.2rem;
}

#main .contact-con .area .map-wrap .inner ul li.adrs-2 {
    color: #41BEB2;
}

#main .contact-con .area .map-wrap .nvmap-btn {
    display: block;
    width: 100%;
    height: 6.4rem;
    line-height: 6.4rem;
    background-color: #41BEB2;
    font-family: 'NanumSquareExtraBold';
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    margin-top: 4.7rem;
}



#footer {
    width: 100%;
    height: 17.9rem;
    background-color: #33383C;
    color: #A4AAB1;
}

#footer .area .ft-logo {
    font-family: "SpoqaHanSansNeo";
    font-size: 2rem;
    font-weight: 700;
    padding-top: 4rem;
}

#footer .area p {
    font-size: 1.4rem;
    padding-top: 1.6rem;
}

#footer .area address {
    display: block;
    font-family: "SpoqaHanSansNeo";
    font-size: 1.4rem;
    padding-top: 0.8rem;
}



@media all and (max-width:1700px) {
    #header .hd-area {
        padding: 0;
        width: 94%;
        margin: 0 auto;
    }

    #header .hd-area .gnb-wrap ul {
        gap: 3rem;
    }

    #main .doctor-con .inner {
        width: 100%;
        justify-content: center;
    }

    #main .doctor-con .inner .img {
        width: 50%;
    }

    #main .doctor-con .inner .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #main .doctor-con .inner .doctor-info-wrap {
        width: 50%;
        height: auto;
    }

    #main .staff-con .tit-wrap {
        margin-left: 0;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group {
        margin-left: 6rem;
        margin-right: 5rem;
    }
}



@media all and (max-width:1500px) {
    .area {
        width: 94%;
    }

    #main .youtube-con .area .txt-wrap .youtube-group {
        width: 90%;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap {
        gap: 6rem;
        align-items: center;
    }

    #main .adhd-chk-con .area .txt-wrap .img {
        width: 45%;
        margin-left: 0;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group {
        width: 53%;
        margin-right: 0;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap {
        margin-left: 2rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap .icon {
        width: 7.9rem;
        height: 7.9rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap h5 {
        font-size: 3.8rem;
        line-height: 5.6rem;
        padding-top: 2.2rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap p {
        font-size: 1.5rem;
        line-height: 2.2rem;
        padding-top: 4.8rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap {
        width: 73.2rem;
        height: 82.5rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li {
        width: 35rem;
        height: 52rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h6 {
        font-size: 1.8rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h5 {
        font-size: 3rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap p {
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-top: 2.8rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap .icon {
        width: 4.2rem;
        height: 4.2rem;
    }

    #main .banner-con {
        width: calc(100% - 8rem);
    }

    #main .easyb-con .txt-wrap .box {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 20rem 0 6rem;
        margin-top: -15rem;
    }

    #main .easyb-con .txt-wrap .box h6 {
        padding-top: 0;
        padding-left: 0;
    }

    #main .easyb-con .txt-wrap .box p {
        display: block;
    }

    #main .easyb-con .txt-wrap .img-group {
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0);
        width: calc(100% - 8rem);
        margin: 0 auto;
    }

    #main .easyb-con .txt-wrap .img-group p {
        display: none;
    }

    #main .contact-con .area {
        position: relative;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 7.6rem;
    }

    #main .contact-con .area > div {
        width: 100%;
    }

    #main .contact-con .area .info-wrap > *,
    #main .contact-con .area .map-wrap .inner {
        width: 64.2rem;
        margin: 0 auto;
    }

    #main .contact-con .area .info-wrap {
        order: 2;
    }

    #main .contact-con .area .info-wrap .depth-1 {
        padding-top: 8rem;
    }

    #main .contact-con .area .info-wrap .link-group {
        margin-top: 5rem;
    }

    #main .contact-con .area .map-wrap {
        order: 1;
    }

    #main .contact-con .area .map-wrap .nvmap-btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 64.2rem;
    }
}



@media all and (max-width:1280px) {
    html, body {
        font-size: 8px;
    }

    #main .adhd-con .txt-wrap .area > div p {
        word-break: keep-all;
    }

    #main .adhd-con .txt-wrap .area > div p br {
        display: none;
    }

    #main .brain-con .brain-con-1-2 .area .box {
        height: auto;
        padding: 8.5rem 0 10rem;
    }

    #main .brain-con .brain-con-1-2 .area .box .box-cont {
        display: block;
    }

    #main .brain-con .brain-con-1-2 .area .box .box-cont .img {
        margin-bottom: 2rem;
    }

    #main .banner-con {
        flex-wrap: wrap;
        height: auto;
        padding: 5rem 0;
    }

    #main .banner-con .logo-wrap {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    #main .banner-con .txt-wrap > p {
        text-align: center;
    }

    #main .banner-con .txt-wrap .link-btn {
        margin: 2.2rem auto 0;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .img {
        width: 60rem;
    }
}



@media all and (max-width:960px) {
    html, body {
        font-size: 6px;
    }

    #quickMenu {
        right: 0;
    }

    #quickMenu .menu-wrap {
        display: block;
        opacity: 1;
        top: auto;
        width: 10.667rem;
        border-radius: 3.333rem 0 0 3.333rem;
    }

    #quickMenu .menu-wrap ul li {
        padding-top: 2.667rem;
    }

    #quickMenu .menu-wrap ul li a img {
        width: 5.333rem;
    }

    #quickMenu .menu-wrap ul li a p,
    #quickMenu .top-btn {
        display: none;
    }

    #quickMenu .quick-btn {
        display: none;
    }

    #main .staff-con .tit-wrap {
        position: static;
        width: auto;
        margin-left: 4rem;
    }

    #main .staff-con .tit-wrap .num {
        font-size: 71rem;
    }

    #main .staff-con .tit-wrap h4 {
        font-size: 5.667rem;
        line-height: 8rem;
        padding-top: 8rem;
        padding-left: 0;
    }

    #main .staff-con .tit-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 6rem;
        padding-left: 0;
    }

    #main .staff-con .horizontal-inner {
        width: auto;
        padding-top: 10.333rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery {
        gap: 0;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li {
        width: 55.833rem;
        height: 76.667rem;
        border-radius: 5rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap {
        bottom: 5.667rem;
        left: 4.833rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-name {
        font-size: 2.667rem;
        padding-bottom: 2.5rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-name span {
        font-size: 5.667rem;
        margin-right: 1.667rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .staff-history p {
        font-size: 2rem;
    }

    #main .staff-con .horizontal-inner ul.horizontal-gallery li .list-txt-wrap .more-btn {
        width: 8.167rem;
        height: 8.167rem;
        margin-top: 4.667rem;
    }

    #main .staff-con .last-wrap {
        display: none;
    }

    #main .autism-con-2 .area {
        width: 100%;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap {
        margin-left: 3rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap .icon {
        width: 8.9rem;
        height: 8.9rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap h5 {
        font-size: 4.8rem;
        line-height: 6.6rem;
        padding-top: 3.2rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap p {
        font-size: 2rem;
        line-height: 3.2rem;
        padding-top: 5.8rem;
    }

    #main .autism-con-2 .area .scroll-wrapper {
        display: block;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap {
        width: 100%;
        height: auto;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul {
        flex-wrap: nowrap;
        padding-top: 4.5rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li {
        width: 40rem;
        height: 75.3rem;
        border-radius: 6rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .img .pc-only {
        display: none;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .img .mo-only {
        display: block;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li:nth-child(odd) {
        margin-top: 0;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h6 {
        font-size: 2.4rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h5 {
        font-size: 4rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap p {
        font-size: 2rem;
        line-height: 3.2rem;
        padding-top: 3.8rem;
    }

    #main .brain-con .brain-con-1 {
        display: block;
    }

    #main .brain-con .brain-con-1 .left-img {
        width: 100rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap {
        margin-top: 10rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group p {
        font-size: 2.8rem;
        line-height: 4.8rem;
        word-break: keep-all;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group p br {
        display: none;
    }

    #main .brain-con .brain-con-2 .area {
        display: block;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap {
        width: 100%;
        margin: 0
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .tit-group p {
        font-size: 2.8rem;
        line-height: 4.8rem;
    }

    #main .brain-con .brain-con-2 .area .right-img {
        width: 100rem;
        margin-top: 10rem;
    }

    #main .neuro-con .area {
        display: block;
    }

    #main .neuro-con .area .tit-wrap p {
        font-size: 3rem;
        line-height: 4.2rem;
    }

    #main .neuro-con .area .list-wrap {
        width: 100%;
        margin-right: 0;
        margin-top: 10rem;
    }

    #main .adult-con .adult-con-2 {
        padding-bottom: 15rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap {
        display: block;
        margin-top: 9.3rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .img {
        width: 90%;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group {
        margin-top: 10rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 {
        font-size: 5rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 img {
        width: 7rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit p {
        font-size: 2.8rem;
        line-height: 4.8rem;
        padding-top: 2.6rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .bar {
        display: none;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list {
        width: 62rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list h6 {
        font-size: 3.2rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li {
        width: 20rem;
        height: 6rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li.long {
        width: 41rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul li p {
        font-size: 2.4rem;
    }

    #main .point-con {
        height: auto;
        padding-bottom: 10rem;
    }

    #main .point-con .area .list-wrap {
        position: static;
        transform: translateX(0);
        width: calc(100% - 8rem);
        padding-top: 10rem;
    }
}



@media all and (max-width:760px) {
    .area {
        width: calc(100% - 8rem);
    }

    .pc-only {
        display: none;
    }

    .mo-only {
        display: block;
    }

    #header {
        height: 11.667rem;
    }

    #header .hd-area .hd-logo {
        width: 100%;
        gap: 1rem;
    }

    #header .hd-area .hd-logo a:nth-child(1) {flex:1}
    #header .hd-area .hd-logo a:nth-child(2) {flex:0.8;}
    #header .hd-area .hd-logo a:nth-child(3) {flex:0.9}

    #header .hd-area .hd-logo a .hd-logo-1 {
        width: 100%;
        flex: 1;
        margin-right: 0;
    }

    #header .hd-area .hd-logo a .hd-logo-2 {
        width: 100%;
        flex: 0.8;
        margin-right: 0;
    }

    #header .hd-area .hd-logo a .hd-logo-3 {
        width: 100%;
        flex: 0.9;
    }

    #header .hd-area .gnb-wrap {
        display: none;
    }

    #main .video-con .video video.pc-only {
        display: none;
    }

    #main .video-con .video video.mo-only {
        display: block;
    }

    #main .video-con .txt-wrap {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    #main .video-con .txt-wrap h2 {
        font-size: 7.667rem;
    }

    #main .video-con .txt-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 2.667rem;
    }

    #main .intro-con {
        padding-top: 0;
        padding-bottom: 34rem;
        background-image: url("../images/main/mo_intro_con_btm_bg.png");
    }

    #main .intro-con .tit-wrap {
        height: 143.333rem;
        background-position: center -8rem;
        background-size: 143.333rem auto;
    }

    #main .intro-con .tit-wrap .ci {
        padding-top: 33.333rem;
    }

    #main .intro-con .tit-wrap .ci img {
        width: 7.667rem;
    }

    #main .intro-con .tit-wrap h3 {
        font-size: 5.333rem;
        padding-top: 4rem;
    }

    #main .intro-con .tit-wrap p {
        font-size: 2.667rem;
        line-height: 4.667rem;
        padding-top: 4rem;
    }

    #main .intro-con .txt-wrap {
        margin-top: -20rem;
    }

    #main .intro-con .txt-wrap .sub-tit {
        font-size: 3.333rem;
        line-height: 5.333rem;
    }

    #main .intro-con .txt-wrap .list-group {
        margin-top: 4.667rem;
    }

    #main .intro-con .txt-wrap .list-group ul li {
        width: 50.333rem;
        height: 72.167rem;
    }

    #main .intro-con .txt-wrap .list-group ul li .num img {
        width: 24rem;
    }

    #main .intro-con .txt-wrap .list-group ul li h3 {
        font-size: 3.333rem;
        text-align: left;
        padding-top: 50.667rem;
        padding-left: 4.167rem;
    }

    #main .intro-con .txt-wrap .list-group ul li p {
        font-size: 2.667rem;
        text-align: left;
        line-height: 4rem;
        padding: 2.167rem 5rem 0 4.167rem;
        word-break: keep-all;
    }

    #main .intro-con .txt-wrap .list-group ul li p br {
        display: none;
    }

    #main .intro-con .txt-wrap .list-group .swiper-wrapper .swiper-slide {
        margin-top: 0;
    }

    #main .clinic-con {
        padding-top: 23.333rem;
    }

    #main .clinic-con .tit-wrap h4 {
        font-size: 2rem;
    }

    #main .clinic-con .tit-wrap h3 {
        font-size: 5.667rem;
        line-height: 7.667rem;
        padding-top: 4.667rem;
    }

    #main .clinic-con .tit-wrap p {
        font-size: 2.667rem;
        padding-top: 4rem;
    }

    #main .clinic-con .txt-wrap ul {
        flex-wrap: wrap;
    }

    #main .clinic-con .txt-wrap ul li {
        width: 100%;
        height: 41rem;
    }

    #main .clinic-con .txt-wrap ul li.list-1 {
        background-image: url("../images/main/mo_clinic_con_bg1.jpg");
    }

    #main .clinic-con .txt-wrap ul li.list-2 {
        background-image: url("../images/main/mo_clinic_con_bg2.jpg");
    }

    #main .clinic-con .txt-wrap ul li.list-3 {
        background-image: url("../images/main/mo_clinic_con_bg3.jpg");
    }

    #main .clinic-con .txt-wrap ul li.list-4 {
        background-image: url("../images/main/mo_clinic_con_bg4.jpg");
    }

    #main .clinic-con .txt-wrap ul li.list-5 {
        background-image: url("../images/main/mo_clinic_con_bg5.jpg");
    }

    #main .clinic-con .txt-wrap ul li a .icon {
        width: 6.5rem;
        height: 6.5rem;
        padding-top: 5.667rem;
    }

    #main .clinic-con .txt-wrap ul li a h4 {
        font-size: 5.333rem;
        padding-top: 1rem;
    }

    #main .clinic-con .txt-wrap ul li a p {
        font-size: 2.667rem;
    }

    #main .clinic-con .txt-wrap ul li a p.sub-txt {
        line-height: 4rem;
        padding-top: 1rem;
    }

    #main .clinic-con .txt-wrap ul li a p.link-txt img {
        width: 2.5rem;
        margin-left: 1rem;
    }

    #main .clinic-con .txt-wrap ul li a .over-img {
        display: block !important;
        opacity: 1 !important
    }

    #main .clinic-con .txt-wrap ul li a .icon img.on {
        display: block !important
    }

    #main .clinic-con .txt-wrap ul li a h4 {
        color: #41BEB2 !important;
    }

    #main .clinic-con .txt-wrap ul li a p {
        color: #33383C !important;
    }

    #main .clinic-con .txt-wrap ul li a p.link-txt {
        color: #41BEB2 !important;
    }

    #main .clinic-con .txt-wrap ul li a p.link-txt img.off {
        display: none !important;
    }

    #main .clinic-con .txt-wrap ul li a p.link-txt img.on {
        display: block !important;
    }


    #main .doctor-con {
        padding-top: 22rem;
    }

    #main .doctor-con .inner {
        display: block;
    }

    #main .doctor-con .inner .img,
    #main .doctor-con .inner .doctor-info-wrap {
        width: 100%;
    }

    #main .doctor-con .inner .doctor-info-wrap {
        padding: 6rem 0 10.333rem;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner {
        padding: 0;
        max-width: 88.84%;
        margin: 0 auto;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .quot img {
        width: 5rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner > h4 {
        font-size: 3rem;
        line-height: 4.8rem;
        padding-top: 1.333rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group {
        margin-top: 4.333rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .sign {
        margin-right: 2.167rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .sign img {
        width: 15.167rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .name-txt p {
        font-size: 2.333rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .name-group .name-txt p strong {
        font-size: 3rem;
        padding-top: 1rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group {
        margin-top: 4.333rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li {
        margin-top: 3.333rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li p {
        font-size: 2.333rem;
        line-height: 3.667rem;
    }

    #main .doctor-con .inner .doctor-info-wrap .sub-inner .history-group ul li p strong {
        font-size: 3rem;
        line-height: 4.8rem;
    }

    #main .youtube-con {
        padding-top: 20rem;
        padding-bottom: 6.167rem;
        margin-top: 10.5rem;
    }

    #main .youtube-con .area .tit-wrap .p-group {
        width: 100%;
        max-width: 100%;
    }

    #main .youtube-con .area .tit-wrap .p-group p {
        font-size: 3.333rem;
        padding: 0 2rem;
    }

    #main .youtube-con .area .tit-wrap h4 {
        line-height: 8.667rem;
        padding-top: 4.667rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group {
        width: 100%;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header {
        position: relative;
        justify-content: space-between;
        align-items: start;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header {
        height: 18.667rem;
        border-bottom: 0;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .menu-img {
        margin-top: 4.333rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .menu-img img {
        width: 4.582rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .logo-img  {
        margin-top: 4rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .logo-img img {
        width: 15.957rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 8.333rem);
        height: 6rem;
        margin-left: 0;
        margin-right: 0;
        border-radius: 3rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box p {
        font-size: 2.333rem;
        padding-left: 3.75rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .sch-box img {
        width: 2.333rem;
        margin-right: 3.167rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img {
        gap: 0 2.117rem;
        margin-right: 4.283rem;
        margin-top: 4.967rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-1 {
        width: 2.687rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-2 {
        width: 2.27rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .youtube-header .util-img img.util-img-3 {
        width: 2.33rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap {
        display: block;
        padding: 0;
        padding-top: 6.333rem;
        padding-bottom: 10.833rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group {
        padding-left: 0;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .pnu-logo {
        display: block;
        width: 20rem;
        height: 20rem;
        margin: 0 auto;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16);
        border-radius: 10rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group h5 {
        font-family: 'NanumSquareExtraBold';
        font-size: 3rem;
        text-align: center;
        color: #33383C;
        padding-top: 3.333rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn {
        width: 30.667rem;
        height: 5.833rem;
        border-radius: 3rem;
        font-size: 3rem;
        font-weight: 400;
        margin: 1.5rem auto 0;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn.pc-only {
        display: none;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn.mo-only {
        display: flex;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-btn img {
        width: 2.288rem;
        margin-left: 1.683rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group .youtube-info {
        font-size: 2.2rem;
        line-height: 3.4rem;
        padding-top: 3.333rem;
        padding-left: 0;
        text-align: center;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .txt-group > p {
        line-height: 3rem;
        text-align: center;
        font-size: 3rem;
        line-height: 4.2rem;
    }

    #main .youtube-con .area .txt-wrap .youtube-group .cont-wrap .vdo-group {
        width: 86%;
        margin: 10rem auto 0;
    }

    #main .youtube-con .area .sub-tit {
        font-size: 4.667rem;
        padding-top: 5.5rem;
    }



    #main .center-con {
        padding-top: 36.667rem;
        padding-bottom: 21.667rem;
    }

    #main .center-con .tit-wrap h5 {
        font-size: 2rem;
    }

    #main .center-con .tit-wrap h4 {
        font-size: 6rem;
        line-height: 8rem;
        padding-top: 7.667rem;
    }

    #main .center-con .tit-wrap p {
        font-size: 2.667rem;
        padding: 3.167rem 0;
        border-radius: 5rem;
        margin-top: 6.667rem;
        width: calc(100% - 8rem);
        max-width: 382px;
    }

    #main .center-con .txt-wrap {
        width: calc(100% - 8rem);
        margin: 4.667rem auto 0;
    }

    #main .center-con .txt-wrap .swiper ul li img {
        border-radius: 5rem;
    }

    #main .center-con .control-group {
        padding-top: 0;
        margin-top: 4.5rem;
    }

    #main .center-con .control-group .arrows {
        display: none;
    }


    #main .center-con .spc-wrap {
        margin-top: 36.417rem;
    }

    #main .center-con .spc-wrap .bar {
        display: none;
    }

    #main .center-con .spc-wrap .area ul {
        display: block;
    }

    #main .center-con .spc-wrap .area ul li {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        border: 0;
        border-top: 1px solid #fff;
        border-radius: 0;
        margin-left: 0;
        padding: 8.5rem 0;
    }

    #main .center-con .spc-wrap .area ul li:first-child {
        border-top: 0;
        padding-top: 0;
    }

    #main .center-con .spc-wrap .area ul li > * {
        width: 100%;
    }

    #main .center-con .spc-wrap .area ul li p {
        order: 2;
        font-size: 3rem;
        padding-top: 4.233rem;
    }

    #main .center-con .spc-wrap .area ul li h5 {
        order: 3;
        font-size: 4rem;
        padding-top: 2.333rem;
    }

    #main .center-con .spc-wrap .area ul li h5 br {
        display: none;
    }

    #main .center-con .spc-wrap .area ul li strong {
        order: 1;
        font-size: 3.333rem;
        padding-top: 0;
        color: #fff;
    }



    #main .brain-con {
        padding-top: 13.667rem;
    }

    #main .brain-con .brain-con-1 .left-img {
        width: calc(100% - 4rem);
    }

    #main .brain-con .brain-con-1 .cont-wrap {
        width: calc(100% - 8rem);
        margin:  8.333rem 4rem 0 4rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group .quot {
        width: 5.667rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group h6 {
        font-size: 3.333rem;
        padding-top: 4.667rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group h5 {
        font-size: 5rem;
        line-height: 7.333rem;
        padding-top: 2.667rem;
    }

    #main .brain-con .brain-con-1 .cont-wrap .tit-group p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 5.333rem;
        padding-right: 7.333rem;
    }


    #main .brain-con .brain-con-2 {
        padding-top: 21.667rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .tit-group .quest {
        width: 8.5rem;
        height: 8.5rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .tit-group h5 {
        font-size: 5rem;
        line-height: 7rem;
        padding-top: 5.333rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .tit-group p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 4rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .txt-group {
        margin-top: 5.333rem;
        width: 63.667rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul {
        gap: 2rem 1.333rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul li {
        width: 20.333rem;
        height: 5.667rem;
    }

    #main .brain-con .brain-con-2 .area .cont-wrap .txt-group ul li p {
        font-size: 3rem;
    }

    #main .brain-con .brain-con-2 .area .right-img {
        width: 100%;
        margin-top: 9.333rem;
    }

    #main .banner-con {
        background: url("../images/main/mo_banner_con_bg.png") no-repeat center;
        margin: 25.333rem auto 0;
        padding: 8rem 0;
        gap: 0;
    }

    #main .banner-con .logo-wrap {
        display: block;
    }

    #main .banner-con .logo-wrap img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #main .banner-con .logo-wrap .banner-logo-1 {
        width: 40.5rem;
    }

    #main .banner-con .logo-wrap .banner-logo-x {
        width: 3.653rem;
        height: 3.653rem;
        margin: 2.75rem auto;
    }

    #main .banner-con .logo-wrap .banner-logo-2 {
        width: 34.152rem;
    }

    #main .banner-con .txt-wrap > p {
        font-size: 2.667rem;
        line-height: 4.333rem;
        padding-top: 7rem;
    }

    #main .banner-con .txt-wrap .link-btn {
        width: 37.667rem;
        height: 8rem;
        border-radius: 1.333rem;
        margin-top: 6.667rem;
    }

    #main .banner-con .txt-wrap .link-btn.pc-only {
        display: none;
    }

    #main .banner-con .txt-wrap .link-btn.mo-only {
        display: flex;
    }

    #main .banner-con .txt-wrap .link-btn .ytb-ci {
        width: 4.833rem;
    }

    #main .banner-con .txt-wrap .link-btn p {
        font-size: 2.667rem;
        padding: 0 2rem 0 1.667rem;
    }

    #main .banner-con .txt-wrap .link-btn .arrow {
        width: 5.5rem;
    }

    #main .neuro-con {
        padding-top: 28.667rem;
    }

    #main .neuro-con .area .tit-wrap {
        padding-left: 0;
        padding-top: 0;
    }

    #main .neuro-con .area .tit-wrap h5 {
        font-size: 6rem;
        line-height: 8.333rem;
    }

    #main .neuro-con .area .tit-wrap h6 {
        padding-top: 2.667rem;
    }

    #main .neuro-con .area .tit-wrap h6 img {
        width: 66rem;
    }

    #main .neuro-con .area .tit-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 5.333rem;
    }

    #main .neuro-con .area .list-wrap {
        margin-top: 9.667rem;
    }

    #main .neuro-con .area .list-wrap ul li {
        padding: 4rem 0;
    }

    #main .neuro-con .area .list-wrap ul li .icon {
        width: 5.333rem;
        height: 5.333rem;
        margin-left: 0;
    }

    #main .neuro-con .area .list-wrap ul li p {
        font-size: 2.667rem ;
        padding-left: 2rem;
        line-height: 4rem;
        word-break: keep-all;
    }






    #main .psypro-con {
        padding-top: 23.333rem;
        margin-top: 20rem;
    }

    #main .psypro-con .tit-wrap h4 {
        font-size: 2rem;
    }

    #main .psypro-con .tit-wrap h3 {
        font-size: 5.667rem;
        line-height: 7.667rem;
        padding-top: 4.667rem;
    }

    #main .psypro-con .tit-wrap p {
        font-size: 2.667rem;
        padding-top: 4rem;
    }

    #main .psypro-con .txt-wrap ul {
        flex-wrap: wrap;
    }

    #main .psypro-con .txt-wrap ul li {
        width: 100%;
        height: 41rem;
    }

    #main .psypro-con .txt-wrap ul li.list-1 {
        background-image: url("../images/main/mo_clinic_con_bg1.jpg");
    }

    #main .psypro-con .txt-wrap ul li.list-2 {
        background-image: url("../images/main/mo_clinic_con_bg2.jpg");
    }

    #main .psypro-con .txt-wrap ul li.list-3 {
        background-image: url("../images/main/mo_clinic_con_bg3.jpg");
    }

    #main .psypro-con .txt-wrap ul li.list-4 {
        background-image: url("../images/main/mo_clinic_con_bg4.jpg");
    }

    #main .psypro-con .txt-wrap ul li.list-5 {
        background-image: url("../images/main/mo_clinic_con_bg5.jpg");
    }

    #main .psypro-con .txt-wrap ul li a .icon {
        width: 6.5rem;
        height: 6.5rem;
        padding-top: 5.667rem;
    }

    #main .psypro-con .txt-wrap ul li a h4 {
        font-size: 5.333rem;
        padding-top: 1rem;
    }

    #main .psypro-con .txt-wrap ul li a p {
        font-size: 2.667rem;
    }

    #main .psypro-con .txt-wrap ul li a p.sub-txt {
        line-height: 4rem;
        padding-top: 1rem;
    }

    #main .psypro-con .txt-wrap ul li a p.link-txt img {
        width: 2.5rem;
        margin-left: 1rem;
    }

    #main .psypro-con .txt-wrap ul li a .over-img {
        display: block !important;
        opacity: 1 !important
    }

    #main .psypro-con .txt-wrap ul li a .icon img.on {
        display: block !important
    }

    #main .psypro-con .txt-wrap ul li a h4 {
        color: #41BEB2 !important;
    }

    #main .psypro-con .txt-wrap ul li a p {
        color: #33383C !important;
    }

    #main .psypro-con .txt-wrap ul li a p.link-txt {
        color: #41BEB2 !important;
    }

    #main .psypro-con .txt-wrap ul li a p.link-txt img.off {
        display: none !important;
    }

    #main .psypro-con .txt-wrap ul li a p.link-txt img.on {
        display: block !important;
    }



    #main .pedi-con {
        margin-top: 12.75rem;
    }

    #main .pedi-con .area {
        display: block;
    }

    #main .pedi-con .area .tit-wrap h4 {
        font-size: 2rem;
    }

    #main .pedi-con .area .tit-wrap h3 {
        font-size: 6rem;
        line-height: 8.333rem;
        padding-top: 6rem;
    }

    #main .pedi-con .area .tit-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 4.333rem;
    }

    #main .pedi-con .area .img {
        width: 100%;
        margin-top: 10rem;
    }



    #main .special-con {
        padding-top: 23.333rem;
    }

    #main .special-con .area {
        width: 100%;
    }

    #main .special-con .area .list-wrap {
        margin-top: 5.333rem;
        padding-bottom: 11.5rem;
        background-color: #E2D3C1;
    }

    #main .special-con .area .list-wrap .depth-1 > li {
        padding-bottom: 0;
    }

    #main .special-con .area .list-wrap .depth-1 > li .img {
        margin-left: 0;
    }

    #main .special-con .area .list-wrap .depth-1 > li .img img {
        width: 100%;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group {
        position: relative;
        bottom: auto;
        right: auto;
        width: calc(100% - 8rem);
        height: 60rem;
        margin: -8.333rem auto 0;
        z-index: 10;
        background-color: #fff;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit,
    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list {
        padding-left: 3.333rem;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit h6 {
        font-size: 2.333rem;
        padding-top: 5rem;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit h5 {
        font-family: 'NanumSquareExtraBold';
        font-size: 5.333rem;
        padding-top: 1.333rem;
        font-weight: normal;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-tit p {
        font-size: 2.333rem;
        line-height: 3.667rem;
        padding-top: 1.333rem;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list {
        width: 100% !important;
        margin-top: 3.4rem;
        padding-left: 0;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li {
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
        margin-top: 3.333rem;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(2),
    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li:nth-child(4) {
        padding-left: 0;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li .icon {
        width: 7.5rem;
        height: 7.5rem;
    }

    #main .special-con .area .list-wrap .depth-1 > li .info-group .info-group-list .depth-2 li p {
        width: 100%;
        font-size: 3rem;
        padding-left: 0;
        padding-top: 1.833rem;
        text-align: center;
    }

    #main .special-con .swiper-arrow {
        width: 6.667rem;
        height: 6.667rem;
        top: 50%;
        transform: translateY(-50%);
    }

    #main .special-con .swiper-button-prev {
        background-image: url("../images/main/mo_spc_con_prev_icon.png");
        right: auto;
        left: -3.2rem;
    }

    #main .special-con .swiper-button-next {
        background-image: url("../images/main/mo_spc_con_next_icon.png");
        right: -3.2rem;
    }

    #main .special-con .bg-box {
        display: none;
    }

    #main .adhd-con {
        padding-top: 24rem;
    }

    #main .adhd-con .tit-wrap h5 {
        font-size: 2rem;
    }

    #main .adhd-con .tit-wrap h4 {
        font-size: 5.667rem;
        line-height: 8rem;
        padding-top: 4.667rem;
    }

    #main .adhd-con .img {
        width: 100%;
        height: 40.3rem;
        margin:  9.333rem auto 0;
        background: url("../images/main/mo_adhd_con_img.jpg") no-repeat center;
    }

    #main .adhd-con .txt-wrap {
        margin-top: 9.333rem;
    }

    #main .adhd-con .txt-wrap .area {
        width: calc(100% - 8rem);
    }

    #main .adhd-con .txt-wrap .area > div {
        display: block;
        margin: 0;
    }

    #main .adhd-con .txt-wrap .area > div h5 {
        font-size: 4.667rem;
        line-height: 6rem;
    }

    #main .adhd-con .txt-wrap .area > div p {
        width: 100% !important;
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 4rem;
    }

    #main .adhd-con .txt-wrap .area .top-group {
        padding-bottom: 8rem;
        margin-bottom: 8rem;
    }

    #main .adhd-con .txt-wrap .area .top-group h5 {
        width: 100%;
        margin-right: 0;
    }

    #main .adhd-con .txt-wrap .area .btm-group {
        display: flex;
        flex-wrap: wrap;
    }

    #main .adhd-con .txt-wrap .area .btm-group h5 {
        order: 1;
        width: 100%;
        padding-right: 0;
    }

    #main .adhd-con .txt-wrap .area .btm-group p {
        order: 2;
        padding-right: 0;
    }

    #main .adhd-chk-con {
        padding-top: 28.667rem;
    }

    #main .adhd-chk-con .area {
        width: 100%;
    }

    #main .adhd-chk-con .area h4 {
        padding-right: 4rem;
    }

    #main .adhd-chk-con .area h4 img {
        width: 47rem;
    }

    #main .adhd-chk-con .area .txt-wrap {
        display: block;
        margin-top: 6rem;
    }

    #main .adhd-chk-con .area .txt-wrap .img {
        width: 100%;
        border-radius: 0;
    }

    #main .adhd-chk-con .area .txt-wrap .img img {
        width: 100%;
        height: auto;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group {
        width: 100%;
        padding-bottom: 17.333rem;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-tit h6 {
        font-size: 3.333rem;
        padding-top: 8.667rem;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-tit h5 {
        font-size: 5rem;
        line-height: 7rem;
        padding-top: 4rem;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt {
        margin-top: 8.333rem;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li {
        font-size: 3rem;
        padding: 4rem 0;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li:first-child {
        padding-top: 0;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li:last-child {
        padding-bottom: 0;
    }

    #main .adhd-chk-con .area .txt-wrap .chk-list-group .chk-list-txt ul li p {
        padding-left: 4.333rem;
    }

    #main .autism-con-1 {
        padding-top: 20rem;
        margin-top: 30rem;
    }

    #main .autism-con-1 .tit-wrap h5 {
        font-size: 2rem;
    }

    #main .autism-con-1 .tit-wrap h4 {
        font-size: 6.333rem;
        line-height: 8.667rem;
        padding-top: 4.667rem;
    }

    #main .autism-con-1 .img {
        width: 100%;
        height: auto;
        margin: 7rem auto 0;
        background: none;
    }

    #main .autism-con-1 .img img {
        width: 100%;
        height: auto;
    }

    #main .autism-con-1 .sub-txt {
        font-size: 2.667rem;
        line-height: 4.667rem;
        padding-top: 7rem;
    }

    #main .autism-con-2 {
        padding-top: 26.667rem;
        padding-bottom: 17.167rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap .icon {
        width: 9.333rem;
        height: 9.333rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap h5 {
        font-size: 6rem;
        line-height: 8.333rem;
        padding-top: 3.333rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .tit-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 5.333rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul {
        gap: 2.5rem 0;
        padding-top: 12rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li {
        width: 53rem;
        height: 102.667rem;
        border-radius: 5rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap {
        padding: 8.667rem 3.2rem 0 3.2rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h6 {
        font-size: 3rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap h5 {
        font-size: 6.667rem;
        padding-top: 2.667rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 11.333rem;
    }

    #main .autism-con-2 .area .scroll-wrapper .list-wrap ul li .list-txt-wrap .icon {
        top: 20.833rem;
        right: 4rem;
        width: 8.667rem;
        height: 8.667rem;
    }

    #main .easyb-con {
        position: relative;
        margin-top: 0;
        padding-top: 29rem;
    }

    #main .easyb-con .tit-wrap h4 {
        line-height: 8.667rem;
    }

    #main .easyb-con .tit-wrap p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 5.333rem;
    }

    #main .easyb-con .txt-wrap {
        position: static;
        margin-top: 8rem;
    }

    #main .easyb-con .txt-wrap .box {
        padding-top: 23rem;
    }

    #main .easyb-con .txt-wrap .box h6 img {
        width: 41.167rem;
    }

    #main .easyb-con .txt-wrap .box p {
        font-size: 3.333rem;
        line-height: 5.667rem;
        padding-top: 6.667rem;
    }

    #main .easyb-con .txt-wrap .deco-img img {
        width: 28.667rem;
    }

    #main .easyb-con .txt-wrap .deco-1 {
        top: 12rem;
        right: 9.333rem;
    }

    #main .easyb-con .txt-wrap .deco-2 {
        bottom: auto;
        top: 38rem;
        right: 0;
    }

    #main .adult-con .adult-con-1 {
        padding-top: 22rem;
        margin-top: 0;
    }

    #main .adult-con .adult-con-1 .area {
        width: calc(100% - 8rem);
    }

    #main .adult-con .adult-con-1 .area .tit-wrap h5 {
        font-size: 2rem;
    }

    #main .adult-con .adult-con-1 .area .tit-wrap h4 {
        font-size: 6rem;
        line-height: 8.333rem;
        padding-top: 5.333rem;
    }

    #main .adult-con .adult-con-1 .area .img {
        height: auto;
        margin-top: 8rem;
        background: none;
    }

    #main .adult-con .adult-con-1 .area .img img {
        width: 100%;
        height: auto;
    }

    #main .adult-con .adult-con-1 .area .sub-txt {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 6.667rem;
    }

    #main .adult-con .adult-con-2 {
        padding-top: 26rem;
        padding-bottom: 18.333rem;
    }

    #main .adult-con .adult-con-2 .inner .tit-wrap h4 {
        font-size: 6rem;
        line-height: 8.333rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap {
        margin-top: 8rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .img {
        width: calc(100% - 4rem);
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group {
        margin-left: 7.333rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 {
        font-size: 5.333rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit h5 img {
        width: 6.667rem;
        margin-right: 2rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .sub-tit p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 4rem;
        padding-right: 4rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list {
        margin: 0 auto;
        padding-top: 12rem;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list h6 {
        font-size: 3.667rem;
        text-align: center;
    }

    #main .adult-con .adult-con-2 .inner .cont-wrap .txt-group .subject-list ul {
        margin-top: 3.333rem;
    }

    #main .point-con {
        padding-bottom: 17rem;
        background-image: url("../images/main/mo_point_con_bg.jpg");
    }

    #main .point-con .area {
        width: calc(100% - 8rem);
    }

    #main .point-con .area .tit-wrap {
        padding-top: 25.333rem;
    }

    #main .point-con .area .tit-wrap h4 img {
        width: 43rem;
    }

    #main .point-con .area .tit-wrap h5 {
        line-height: 9.333rem;
        padding-top: 6rem;
    }

    #main .point-con .area .list-wrap {
        width: 100%;
        padding-top: 10.667rem;
        transform: translate(0) !important;
    }

    #main .point-con .area .list-wrap ul li {
        flex-wrap: wrap;
        margin-top: 12.667rem;
    }

    #main .point-con .area .list-wrap ul li .point-li-img {
        width: 100%;
        height: auto;
        border-radius: 0 10rem 0 10rem;
        order: 1;
    }

    #main .point-con .area .list-wrap ul li .txt-group {
        display: flex;
        flex-wrap: wrap;
        align-items: end;
        margin-left: 0;
        margin-top: 1.333rem;
        order: 2;
    }

    #main .point-con .area .list-wrap ul li .txt-group h6 img {
        width: 13.333rem;
    }

    #main .point-con .area .list-wrap ul li .txt-group .plus-icon {
        width: 5.333rem;
        height: 5.333rem;
        margin-top: 0;
        margin-left: 0.667rem;
    }

    #main .point-con .area .list-wrap ul li .txt-group h5 {
        width: 100%;
        font-size: 4rem;
        line-height: 5rem;
        padding-top: 3.333rem;
        word-break: keep-all;
    }

    #main .point-con .area .list-wrap ul li .txt-group p {
        font-size: 3rem;
        line-height: 4.667rem;
        padding-top: 4rem;
        word-break: keep-all;
    }

    #main .point-con .area .list-wrap ul li .txt-group p br {
        display: none;
    }

    #main .photo-con {
        padding-top: 24.667rem;
    }

    #main .photo-con .tit-wrap .icon {
        width: 7.667rem;
        height: 7.667rem;
    }

    #main .photo-con .tit-wrap .h4-group {
        margin-top: 5.333rem;
    }

    #main .photo-con .tit-wrap .h4-group h4 {
        font-size: 5.333rem;
        line-height: 8rem;
        padding: 0;
    }

    #main .photo-con .tit-wrap .h4-group .bar {
        display: none;
    }

    #main .photo-con .tit-wrap p {
        font-size: 2.667rem;
        line-height: 4rem;
        padding-top: 4rem;
    }

    #main .photo-con .txt-wrap {
        width: calc(100% - 8rem);
        margin: 4.667rem auto 0;
    }

    #main .photo-con .txt-wrap .tab-split .tab-btn ul li button {
        width: auto;
        height: 6rem;
        font-size: 2.667rem;
        padding: 0 2.667rem;
    }

    #main .photo-con .txt-wrap .tab-split .tab-cnt {
        margin-left: 0;
    }

    #main .photo-con .txt-wrap .tab-split .tab-cnt > div {
        border-radius: 0;
    }

    #main .photo-con .txt-wrap .tab-split .tab-cnt > div ul li img {
        border-radius: 5rem;
    }

    #main .photo-con .control-group,
    #main .photo-con .control-group .arrows,
    #main .photo-con .control-group .paging-bar {
        display: none;
    }

    #main .contact-con {
        padding-bottom: 10.667rem;
    }

    #main .contact-con .area {
        width: calc(100% - 6.333rem);
        padding-bottom: 12rem;
    }

    #main .contact-con .area .info-wrap > *,
    #main .contact-con .area .map-wrap .inner {
        width: 100%;
    }

    #main .contact-con .area .info-wrap .depth-1 > li {
        flex-wrap: wrap;
    }

    #main .contact-con .area .info-wrap .depth-1 > li h5 {
        font-size: 3rem;
        width: 100%;
        margin-right: 0;
    }

    #main .contact-con .area .info-wrap .depth-1 > li .text-group {
        margin-top: 2.667rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li h5 img {
        width: 4rem;
        margin-right: 1rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-1 .text-group p {
        font-size: 6rem;
        padding-left: 5.833rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group {
        font-size: 3rem;
        padding-left: 5.833rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group .kakao {
        width: 35.167rem;
        height: 5.333rem;
        border-radius: 3rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group .kakao img  {
        width: 2.667rem;
        height: 2.667rem;
        margin-left: 1.5rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-2 .text-group > p {
        line-height: 4.667rem;
        padding-top: 2.667rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group {
        padding-left: 5.833rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li {
        font-size: 3rem;
        margin-top: 2rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li h6 {
        width: 12.667rem;
        margin-right: 3.333rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-1 h6 span {
        letter-spacing: 6.7rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-2 h6 span {
        letter-spacing: 2rem;
    }

    #main .contact-con .area .info-wrap .depth-1 > li.info-3 .text-group .depth-2 li.time-5 {
        display: none;
    }

    #main .contact-con .area .info-wrap .link-group {
        display: block;
        margin-top: 8.333rem;
    }

    #main .contact-con .area .info-wrap .link-group a {
        width: 45.333rem;
        height: 10.667rem;
        font-size: 3rem;
        margin: 1.333rem auto 0;
    }

    #main .contact-con .area .info-wrap .link-group a.blog-btn {
        margin-top: 0;
    }

    #main .contact-con .area .info-wrap .link-group a img {
        width: 4rem;
        height: 4rem;
        margin-right: 0.667rem;
    }

    #main .contact-con .area .map-wrap .inner ul {
        margin-top: 8rem;
    }

    #main .contact-con .area .map-wrap .inner ul li {
        flex-wrap: wrap;
        font-size: 3rem;
    }

    #main .contact-con .area .map-wrap .inner ul li.adrs-2 {
        display: none;
    }

    #main .contact-con .area .map-wrap .inner ul li h6 {
        margin-right: 0;
        width: 100%;;
    }

    #main .contact-con .area .map-wrap .inner ul li h6 img {
        width: 4rem;
        height: 4rem;
        margin-right: 1rem;
        margin-top: -0.4rem;
    }

    #main .contact-con .area .map-wrap .inner ul li p {
        padding-top: 2.667rem;
        padding-left: 1.167rem;
        line-height: 4rem;
    }

    #main .contact-con .area .map-wrap .inner ul li p span {
        font-size: 2.333rem;
    }

    #main .contact-con .area .map-wrap .nvmap-btn {
        width: 45.333rem;
        height: 10.667rem;
        line-height: 10.667rem;
        font-size: 3rem;
        margin: 0 auto;
    }

    #footer {
        height: auto;
        padding-bottom: 6.667rem;
    }

    #footer .area {
        width: calc(100% - 8rem);
    }

    #footer .area .ft-logo {
        font-size: 3.333rem;
        padding-top: 6.667rem;
    }

    #footer .area p {
        font-size: 2rem;
        line-height: 3.667rem;
        padding-top: 2.667rem;
    }

    #footer .area address {
        font-size: 2rem;
        padding-top: 2.667rem;
    }
}


@media all and (max-width:400px) {
    html, body {
        font-size: 5px;
    }
}


.rell {position: relative;}

.trigger_top_off {bottom: -10rem; opacity: 0; transition: 1.4s}
.trigger_top_on {bottom: 0; opacity: 1; transition: 1.4s}

.trigger_left_off {right: -10rem; opacity: 0; transition: 1.4s;}
.trigger_left_on {right: 0; opacity: 1; transition: 1.4s;}

.trigger_right_off {left: -10rem; opacity: 0; transition: 1.4s;}
.trigger_right_on {left: 0; opacity: 1; transition: 1.4s;}

.trigger_bot_off {top: -10rem; opacity: 0; transition: 1.4s}
.trigger_bot_on {top: 0; opacity: 1; transition: 1.4s}

.trigger_opa_off {opacity: 0; transition: 1.4s}
.trigger_opa_on {opacity: 1; transition: 1.4s}

.trigger_fil_off {filter: blur(20px); opacity: 0; transition: 1.4s}
.trigger_fil_on {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_blur {filter: blur(20px); opacity: 0; transition: 1.4s}
.fillter_blur.fillter_off {filter: blur(0); opacity: 1; transition: 1.4s}

.fillter_left {right: -10rem; opacity: 0; transition: 1.4s;}
.fillter_left.fillter_off {right: 0; opacity: 1; transition: 1.4s;}

.fillter_top {bottom: -10rem; opacity: 0; transition: 1.4s;}
.fillter_top.fillter_off {bottom: 0; opacity: 1; transition: 1.4s;}

.tgLine {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
}

.tgBox {
    position: relative;
}


#main .doctor2-con {border-bottom: 1px solid #eee;}
#main .doctor2-con .inner {max-width: 1196px; margin: 0 auto; padding: 21.4rem 0 16.8rem; position: relative;}
#main .doctor2-con .title {margin-bottom: 4.6rem; position: relative;}
#main .doctor2-con .title .ico {width: 4.8rem;}
#main .doctor2-con .title .ico img {width: 100%; display: block;}
#main .doctor2-con .title .txt {color: #41BEB2; font-size: 3.6rem; font-weight: 500; font-family: 'KoPubWorldBatangMedium';}
#main .doctor2-con .title .txt span {display: inline-block; position: relative;}
#main .doctor2-con .title .txt span::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; bottom: 0.3rem; background: #41BEB2; left: 0;}
#main .doctor2-con .imgArea {width: 41.2rem; position: absolute; right: 5%; top: 15%;}
#main .doctor2-con .imgArea img {width: 100%; display: block;}
#main .doctor2-con .txtBox {padding: 4.5rem 5.4rem 6.6rem 5.4rem; background: #F6F7F9; border-radius: 4rem; width: 61rem; box-sizing: border-box;}
#main .doctor2-con .txtBox .name {font-family: 'ONE-Mobile-Bold'; font-weight: bold; display: flex; align-items: center; gap: 1.6rem;}
#main .doctor2-con .txtBox .name .tit {font-size: 4.4rem;}
#main .doctor2-con .txtBox .name .place {}
#main .doctor2-con .txtBox .name .p1 {font-size: 1.6rem;}
#main .doctor2-con .txtBox .name .p2 {font-size: 2rem; padding-top: 0.8rem;}
#main .doctor2-con .txtBox .name .ico {width: 7rem; margin-left: auto;}
#main .doctor2-con .txtBox .name .ico img {width: 100%; display: block;}
#main .doctor2-con .txtBox .history {padding-top: 3.3rem; margin-top: 2.1rem; border-top: 1px solid #C9CDD2; font-weight: 800; font-size: 1.6rem; line-height: 1.7;}

@media all and (max-width:960px) {
    #main .doctor2-con {border: 0}
    #main .doctor2-con .inner {max-width: 88.88%; padding: 8.8rem 0;}
    #main .doctor2-con .title {}
    #main .doctor2-con .title .ico {width: 5rem}
    #main .doctor2-con .title .txt {font-size: 4rem;}
    #main .doctor2-con .title .txt span {}
    #main .doctor2-con .imgArea {position: relative; right: auto; top: auto; width: 68.5%; margin: 0 auto;}
    #main .doctor2-con .txtBox {}
    #main .doctor2-con .txtBox .name {}
    #main .doctor2-con .txtBox .name .tit {font-size: 5.4rem;}
    #main .doctor2-con .txtBox .name .place {}
    #main .doctor2-con .txtBox .name .p1 {font-size: 2.2rem;}
    #main .doctor2-con .txtBox .name .p2 {font-size: 2.5rem;}
    #main .doctor2-con .txtBox .name .ico {width: 6.6rem;}
    #main .doctor2-con .txtBox .history {font-size: 2.2rem;}
}

#main .psy-con {}
#main .psy-con .inner {padding: 20rem 0; max-width: 181.6rem; margin: 0 auto;}
#main .psy-con .txtArea {text-align: center; margin-bottom: 6.6rem;}
#main .psy-con .txtArea .subt {color: #8DE5E5; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1rem;}
#main .psy-con .txtArea .tit {font-family: 'ONE-Mobile-Bold'; font-size: 5.4rem; font-weight: bold; line-height: 7.8rem; padding: 3.5rem 0 4.8rem;}
#main .psy-con .txtArea .tit span {color: #41BEB2;}
#main .psy-con .txtArea .prg {font-size: 2rem; color: #41BEB2; line-height: 3.2rem; font-weight: bold; margin-bottom: 4.2rem;}
#main .psy-con .txtArea .wrt {font-size: 2rem; color: #33383C; line-height: 3.2rem;}
#main .psy-con .imgArea {}
#main .psy-con .imgArea img {width: 100%; display: block;}
#main .psy-con .imgArea img.pc-only {display: block;}
#main .psy-con .imgArea img.mo-only {display: none}
#main .psy-con .boxArea {max-width: 109.4rem; margin: 0 auto; position: relative; top: -5rem;}
#main .psy-con .boxArea img {width: 100%; display: block; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));}
#main .psy-con .boxArea img.pc-only {display: block;}
#main .psy-con .boxArea img.mo-only {display: none;}

@media all and (max-width:960px) {
    #main .psy-con .txtArea .tit {line-height: 7rem;}
    #main .psy-con .txtArea .prg {font-size: 2.6rem; line-height: 4rem; margin-bottom: 6rem;}
    #main .psy-con .txtArea .wrt {font-size: 2.6rem; line-height: 4rem;}
    #main .psy-con .imgArea img.pc-only {display: none;}
    #main .psy-con .imgArea img.mo-only {display: block}
    #main .psy-con .boxArea {max-width: 79%;}
    #main .psy-con .boxArea img.pc-only {display: none;}
    #main .psy-con .boxArea img.mo-only {display: block;}
}

#main .tab-con {}
#main .tab-con .inner {max-width: 88%; margin-left: auto; padding-top: 20rem; display: flex; align-items: center; justify-content: space-between;}
#main .tab-con .txtArea {}
#main .tab-con .txtArea .tit {font-family: 'ONE-Mobile-Bold'; font-size: 5.8rem; font-weight: bold;}
#main .tab-con .txtArea .wrt {font-size: 2rem; line-height: 3.2rem; margin: 2.8rem 0 7rem;}
#main .tab-con .txtArea .wrt b {font-weight: 800;}
#main .tab-con .txtArea .lst {display: flex; flex-wrap: wrap; gap: 2rem 1.6rem; max-width: 54rem}
#main .tab-con .txtArea .lst li {border: 1px solid #C9CDD2; border-radius: 2.6rem; font-size: 2rem; color: #C9CDD2; font-weight: 800; cursor: pointer; transition: 0.2s;}
#main .tab-con .txtArea .lst li:nth-child(1) {padding: 1.5rem 2.2rem;}
#main .tab-con .txtArea .lst li:nth-child(2) {padding: 1.5rem 4.6rem;}
#main .tab-con .txtArea .lst li:nth-child(3) {padding: 1.5rem 8rem;}
#main .tab-con .txtArea .lst li:nth-child(4) {padding: 1.5rem 3.4rem;}
#main .tab-con .txtArea .lst li:nth-child(5) {padding: 1.5rem 4.6rem;}
#main .tab-con .txtArea .lst li:nth-child(6) {padding: 1.5rem 4.6rem;}
#main .tab-con .txtArea .lst li.on {background: #41BEB2; color: #fff; border: 1px solid #41BEB2;}
#main .tab-con .txtArea .lst li:hover {background: #41BEB2; color: #fff; border: 1px solid #41BEB2;}
#main .tab-con .txtArea .prg {color: #41BEB2; font-size: 1.6rem; font-weight: 800; line-height: 2.8rem; padding-top: 2.8rem; margin-top: 2.8rem; position: relative;}
#main .tab-con .txtArea .prg::before {content: ''; display: block; position: absolute; width: 10rem; background: #8DE5E5; height: 2px; top: 0; left: 0;}
#main .tab-con .tabArea {}
#main .tab-con .tabArea .tabCon {display: none; width: 107rem;}
#main .tab-con .tabArea .tabCon img {width: 100%; display: block;}
#main .tab-con .tabArea .tabCon img.pc-only {display: block;}
#main .tab-con .tabArea .tabCon img.mo-only {display: none;}
#main .tab-con .tabArea .tabCon1 {display: block;}

@media all and (max-width:960px) {
    #main .tab-con {}
    #main .tab-con .inner {flex-direction: column; max-width: 88.88%; margin: 0 auto; padding: 0 0 10rem; gap: 6rem;}
    #main .tab-con .txtArea {}
    #main .tab-con .txtArea .tit {}
    #main .tab-con .txtArea .wrt {font-size: 2.5rem; line-height: 4rem; margin: 2.5rem 0;}
    #main .tab-con .txtArea .wrt b {}
    #main .tab-con .txtArea .lst {max-width: 100%;}
    #main .tab-con .txtArea .lst li {font-size: 2.6rem;}
    #main .tab-con .txtArea .lst li:nth-child(1) {}
    #main .tab-con .txtArea .lst li:nth-child(2) {}
    #main .tab-con .txtArea .lst li:nth-child(3) {}
    #main .tab-con .txtArea .prg {font-size: 2.1rem; line-height: 3.4rem; margin: 0}
    #main .tab-con .txtArea .prg::before {display: none;}
    #main .tab-con .tabArea {}
    #main .tab-con .tabArea .tabCon {width: auto;}
    #main .tab-con .tabArea .tabCon img.pc-only {display: none;}
    #main .tab-con .tabArea .tabCon img.mo-only {display: block;}
}

#main .brain-con .brain-con-3 {display: flex; align-items: center; max-width: 150rem; margin: 0 auto; justify-content: space-between; padding: 23.5rem 0}
#main .brain-con .brain-con-3 .cont-wrap {padding-left: 3rem;}
#main .brain-con .brain-con-3 .tit-group {}
#main .brain-con .brain-con-3 .tit-group h6 {font-size: 1.6rem; color: #C9CDD2; font-weight: bold; text-transform: uppercase; letter-spacing: 0.6rem}
#main .brain-con .brain-con-3 .tit-group h5 {font-size: 5.4rem; font-weight: bold; padding: 3.5rem 0 3.6rem}
#main .brain-con .brain-con-3 .tit-group p {font-size: 2rem; line-height: 3.2rem; margin-bottom: 4.7rem;}
#main .brain-con .brain-con-3 .tit-group p b {font-weight: 800}
#main .brain-con .brain-con-3 .tit-group ul {color: #41BEB2; font-size: 1.8rem; line-height: 2.8rem; padding-left: 1rem; border-left: 2px solid}
#main .brain-con .brain-con-3 .tit-group ul li {}
#main .brain-con .brain-con-3 .tit-group ul b {font-weight: 800}
#main .brain-con .brain-con-3 .right-img {width: 68.4rem;}
#main .brain-con .brain-con-3 .right-img img {width: 100%; display: block;}

@media all and (max-width:960px) {
    #main .brain-con .brain-con-3 {padding: 12rem 0 10rem; flex-direction: column; width: calc(100% - 8rem); margin: 0 4rem; align-items: flex-start; gap: 7.2rem;}
    #main .brain-con .brain-con-3 .cont-wrap {padding: 0;}
    #main .brain-con .brain-con-3 .tit-group {}
    #main .brain-con .brain-con-3 .tit-group h6 {font-size: 2.3rem; letter-spacing: 1rem;}
    #main .brain-con .brain-con-3 .tit-group h5 {font-size: 6.5rem;}
    #main .brain-con .brain-con-3 .tit-group p {font-size: 3rem; line-height: 4.667rem;}
    #main .brain-con .brain-con-3 .tit-group p b {}
    #main .brain-con .brain-con-3 .tit-group ul {font-size: 2.4rem; line-height: 3.7rem;}
    #main .brain-con .brain-con-3 .tit-group ul li {display: flex;}
    #main .brain-con .brain-con-3 .tit-group ul b {width: 18%;}
    #main .brain-con .brain-con-3 .right-img {}
    #main .brain-con .brain-con-3 .right-img img {}
}

#main .brain-con .brain-con-4 {text-align: center; position: relative;}
#main .brain-con .brain-con-4 img {position: absolute; left: 20%; bottom: -6rem;}
#main .brain-con .brain-con-4 .txtArea {font-size: 2.6rem; color: #fff; font-weight: 800; padding: 7.4rem 10.4rem 7.4rem 21rem; background: #41BEB2; border-radius: 13rem; display: inline-block; text-align: left; line-height: 4rem;}

@media all and (max-width:960px) {
    #main .brain-con .brain-con-4 {}
    #main .brain-con .brain-con-4 img {position: relative; left: auto; max-width: 50%; bottom: -6rem;}
    #main .brain-con .brain-con-4 .txtArea {width: 100%; border-radius: 0; text-align: center; padding: 8rem 0; font-size: 3.33rem; line-height: 4.7rem;}
}

#main .waves-con {}
#main .waves-con .inner {padding: 25rem 0 0; max-width: 144rem; margin: 0 auto;}
#main .waves-con .lst {display: flex; justify-content: center; gap: 12rem;}
#main .waves-con .lst li {max-width: 61rem; height: 54.6rem; display: flex; flex-direction: column;}
#main .waves-con .lst li .subt {font-size: 1.8rem; color: #33383C;}
#main .waves-con .lst li .tit {font-size: 3.2rem; color: #41BEB2; font-weight: 800; padding: 5rem 0 3.4rem; border-bottom: 1px solid #C9CDD2; margin-bottom: 2.6rem;}
#main .waves-con .lst li .wrt {font-size: 1.8rem; color: #33383C; line-height: 2.8rem; margin-bottom: 9.5rem;}
#main .waves-con .lst li .img {margin-top: auto;}
#main .waves-con .lst li .img img {width: 100%;}
#main .waves-con .lst li .img img.pc-only {display: block}
#main .waves-con .lst li .img img.mo-only {display: none}
#main .waves-con .contImg {margin-top: 12rem;}
#main .waves-con .contImg img {width: 100%;}
#main .waves-con .contImg img.pc-only {display: block}
#main .waves-con .contImg img.mo-only {display: none}

@media all and (max-width:960px) {
    #main .waves-con {}
    #main .waves-con .inner {width: calc(100% - 8rem); padding-top: 30rem;}
    #main .waves-con .lst {flex-direction: column; gap: 18rem;}
    #main .waves-con .lst li {height: auto; max-width: 100%;}
    #main .waves-con .lst li .subt {font-size: 2.6rem;}
    #main .waves-con .lst li .tit {font-size: 4.5rem;}
    #main .waves-con .lst li .wrt {font-size: 3rem; line-height: 4.5rem;}
    #main .waves-con .lst li .img {}
    #main .waves-con .lst li .img img.pc-only {display: none}
    #main .waves-con .lst li .img img.mo-only {display: block}
    #main .waves-con .contImg {margin-top: 18rem;}
    #main .waves-con .contImg img.pc-only {display: none}
    #main .waves-con .contImg img.mo-only {display: block}
}

#main .enit-con {padding-top: 27rem;}
#main .enit-con .titArea {text-align: center; margin-bottom: 6rem;}
#main .enit-con .titArea .subt {font-size: 1.6rem; font-weight: bold; letter-spacing: 0.8rem; color: #8DE5E5; padding-bottom: 3.5rem; text-transform: uppercase;}
#main .enit-con .titArea .tit {font-family: 'ONE-Mobile-Bold'; font-size: 5.4rem; line-height: 7.8rem;}
#main .enit-con .titArea .tit span {color: #41BEB2;}
#main .enit-con .imgArea {width: 181.6rem; margin: 0 auto;}
#main .enit-con .imgArea img {display: block; width: 100%;}
#main .enit-con .txtArea {display: flex; align-items: flex-start; gap: 43.5rem; margin-top: 7.5rem; padding-left: 24rem;}
#main .enit-con .txtArea .tit {font-size: 3.8rem; font-weight: 800;}
#main .enit-con .txtArea .wrt {font-size: 2rem; line-height: 3.2rem;}
#main .enit-con .prosArea {margin-top: 28rem;}
#main .enit-con .prosArea .pTxt {text-align: center; margin-bottom: 6rem;}
#main .enit-con .prosArea .pTxt .subt {font-size: 1.6rem; font-weight: bold; color: #8DE5E5; text-transform: uppercase; margin-bottom: 2.4rem; letter-spacing: 0.8rem;}
#main .enit-con .prosArea .pTxt .tit {font-family: 'ONE-Mobile-Bold'; font-size: 4.8rem; font-weight: bold;}
#main .enit-con .prosArea .lst {display: flex; justify-content: center; gap: 2.8rem;}
#main .enit-con .prosArea .lst li {width: 38rem; height: 24rem; display: flex; flex-direction: column; border-radius: 3rem; background: #F0FAF9; justify-content: center; align-items: center; text-align: center;}
#main .enit-con .prosArea .lst li:nth-child(2) {background: #F6F7F9;}
#main .enit-con .prosArea .lst li .step {color: #41BEB2; font-size: 1.6rem; font-weight: 800; }
#main .enit-con .prosArea .lst li .tit {font-size: 2.4rem; font-weight: 800; padding: 1.6rem 0 2.4rem;}
#main .enit-con .prosArea .lst li .wrt {font-size: 1.6rem; line-height: 2.4rem;}

@media all and (max-width:960px) {
    #main .enit-con {padding-bottom: 17rem;}
    #main .enit-con .titArea {}
    #main .enit-con .titArea .subt {font-size: 2.2rem;}
    #main .enit-con .titArea .tit {font-size: 6rem; line-height: 9rem;}
    #main .enit-con .imgArea {width: 100%;}
    #main .enit-con .txtArea {padding-left: 4.2rem; gap: 4rem; flex-direction: column;}
    #main .enit-con .txtArea .tit {font-size: 4.4rem;}
    #main .enit-con .txtArea .wrt {font-size: 3rem; line-height: 5rem;}
    #main .enit-con .prosArea {}
    #main .enit-con .prosArea .pTxt {}
    #main .enit-con .prosArea .pTxt .subt {font-size: 2rem;}
    #main .enit-con .prosArea .pTxt .tit {font-size: 6rem;}
    #main .enit-con .prosArea .lst {flex-direction: column; max-width: calc(100% - 8rem); margin: 0 auto; gap: 4rem;}
    #main .enit-con .prosArea .lst li {width: 100%; height: 44rem;}
    #main .enit-con .prosArea .lst li .step {font-size: 3rem;}
    #main .enit-con .prosArea .lst li .tit {font-size: 4.2rem; padding: 2.8rem 0 4.4rem;}
    #main .enit-con .prosArea .lst li .wrt {font-size: 2.4rem; line-height: 4rem;}
}

/** 25.05.12 추가 **/
#main .intro-con {background-size: contain;}
#main .intro-con .lstArea {margin: 0 auto; max-width: 139.2rem; margin-top: 16.8rem;}
#main .intro-con .lstArea .slide {background: #F0FAF9; padding: 6rem 0; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0.2rem 0.2rem 0.8rem rgba(0,0,0,0.16);}
#main .intro-con .lstArea .slide .num {font-size: 5.2rem; font-weight: 500; color: #ACCBC8; opacity: 0.26; position: absolute; top: 1.6rem; left: 2.2rem;}
#main .intro-con .lstArea .slide .ico {width: 21rem;}
#main .intro-con .lstArea .slide .tit {font-size: 3.2rem; font-weight: bold; color: #41BEB2; padding: 3rem 0 2.8rem;}
#main .intro-con .lstArea .slide .wrt {font-size: 1.8rem; line-height: 2.8rem;}

@media all and (max-width:960px) {
    #main .intro-con .lstArea {max-width: 88.75%; overflow: hidden; margin-top: 13.5rem;}
    #main .intro-con .lstArea .slide {}
    #main .intro-con .lstArea .slide .num {font-size: 5.2rem;}
    #main .intro-con .lstArea .slide .ico {width: 24rem;}
    #main .intro-con .lstArea .slide .tit {font-size: 3.9rem;}
    #main .intro-con .lstArea .slide .wrt {font-size: 2.4rem; line-height: 3.8rem;}
}

#main .employee-con {padding-top: 24rem;}
#main .employee-con .titArea {display: flex; flex-direction: column; align-items: center; text-align: center}
#main .employee-con .titArea .ico {}
#main .employee-con .titArea .tit {font-size: 4.4rem; font-weight: bold; padding: 3.4rem 0 2.8rem; line-height: 6.6rem;}
#main .employee-con .titArea .tit span {color: #41BEB2;}
#main .employee-con .titArea .wrt {font-size: 2rem; color: #33383C; line-height: 3.2rem;}

#main .employee-con .tableArea {display: flex; flex-direction: column; align-items: center; max-width: 118.5rem; margin: 0 auto; width: 100%; margin-top: 7rem; position: relative;}
#main .employee-con .tableArea .tableTit {width: 20rem;}
#main .employee-con .lstArea {display: flex; justify-content: space-between; width: 100%;}
#main .employee-con .lstArea .lst {list-style: none; width: 34rem;}
#main .employee-con .lstArea .lst .tit {padding: 1.7rem 0; text-align: center; font-size: 2.4rem; font-weight: 800; color: #fff; background: #41BEB2; border-radius: 3rem;}
#main .employee-con .subLst {margin-top: 2rem;}
#main .employee-con .subLst li {position: relative;}
#main .employee-con .subLst li + li {margin-top: 1.4rem;}
#main .employee-con .subLst li .name {filter: drop-shadow(0 0 0.6rem rgba(65, 190, 178, 0.4));}
#main .employee-con .subLst li .pBtn {width: 4rem; height: 4rem; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem;}
#main .employee-con .subLst li .modal {position: absolute; top: 2rem; right: 50%; width: 120%; z-index: 99; display: none;}
#main .employee-con .subLst li .modal img {filter: drop-shadow(0 0 1rem rgba(0,0,0,0.12));}
#main .employee-con .subLst li .modal .closeBtn {cursor: pointer; display: block; width: 4rem; height: 4rem; position: absolute; top: 2rem; right: 2rem;}

#main .employee-con .txtArea {position: absolute; left: 0; bottom: 0;}
#main .employee-con .txtArea .box {padding: 3rem; background: #F6F7F9; border-radius: 1.8rem; display: flex; gap: 1.8rem; align-items: baseline;}
#main .employee-con .txtArea .box img {width: 2.6rem; top: 0.6rem; position: relative;}
#main .employee-con .txtArea .box .txt {font-size: 2.4rem; line-height: 3.6rem; font-weight: 500;}
#main .employee-con .txtArea .box .txt span {color: #41BEB2;}
#main .employee-con .txtArea .notTxt {font-size: 1.8rem; display: flex; align-items: center; gap: 1.2rem; margin-top: 3rem;}
#main .employee-con .txtArea .notTxt img {width: 3.4rem;}

@media all and (max-width:960px) {
    #main .employee-con {padding-top: 12rem;}
    #main .employee-con .titArea {}
    #main .employee-con .titArea .ico {width: 12rem;}
    #main .employee-con .titArea .tit {font-size: 3.9rem; line-height: 5.4rem; padding: 3.9rem 0 3.6rem;}
    #main .employee-con .titArea .wrt {font-size: 2.4rem; line-height: 3.6rem;}

    #main .employee-con .tableArea {margin-top: 7.5rem; max-width: 88.875%;}
    #main .employee-con .tableArea .tableTit {width: 30rem;}
    #main .employee-con .lstArea {flex-direction: column; gap: 12rem;}
    #main .employee-con .lstArea .lst {width: 100%;}
    #main .employee-con .lstArea .lst .tit {font-size: 3rem; padding: 3.2rem 0;}
    #main .employee-con .subLst {}
    #main .employee-con .subLst li {}
    #main .employee-con .subLst li + li {}
    #main .employee-con .subLst li .name {}
    #main .employee-con .subLst li .pBtn {width: 100%; height: 90%;}
    #main .employee-con .subLst li .modal {width: 90%; right: 10%;}
    #main .employee-con .subLst li .modal img {}
    #main .employee-con .subLst li .modal .closeBtn {width: 8rem; height: 8rem;}

    #main .employee-con .txtArea {position: relative; left: auto; bottom: auto; display: flex; flex-direction: column-reverse; align-items: center; width: 100%; gap: 2.1rem; margin-top: 5rem;}
    #main .employee-con .txtArea .box {width: 100%; box-sizing: border-box; justify-content: center; padding: 3.8rem 0;}
    #main .employee-con .txtArea .box img {display: none;}
    #main .employee-con .txtArea .box .txt {font-size: 3rem; line-height: 4.5rem; text-align: center;}
    #main .employee-con .txtArea .box .txt span {}
    #main .employee-con .txtArea .notTxt {font-size: 2.7rem; gap: 1.8rem; margin: 0;}
    #main .employee-con .txtArea .notTxt img {width: 5rem;}
}


#main .new01 {}
#main .new01 .inner {max-width: 134.2rem; margin: 0 auto; padding-top: 20rem;}
#main .new01 .titArea {display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 7.6rem;}
#main .new01 .titArea .subt {font-size: 1.6rem; color: #8DE5E5; text-transform: uppercase; letter-spacing: 9px;}
#main .new01 .titArea .tit {font-size: 4.8rem; font-weight: bold; line-height: 6.6rem; padding-top: 3.6rem;}
#main .new01 .titArea .tit span {color: #41BEB2;}
#main .new01 .contArea {display: flex; position: relative; justify-content: space-between;}
#main .new01 .contArea::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #41BEB2; top: 30%;}
#main .new01 .contArea::after {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #41BEB2; top: 68%;}
#main .new01 .contArea .mainImg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 35.5rem;}
#main .new01 .lstArea {}
#main .new01 .lstArea li {position: relative; padding-left: 4.5rem; min-width: 44rem;}
#main .new01 .lstArea li + li {margin-top: 7.6rem;}
#main .new01 .lstArea li .tit {font-size: 2.4rem; color: #41BEB2; padding-bottom: 1.4rem; font-weight: 800;}
#main .new01 .lstArea li .wrt {font-size: 1.6rem; line-height: 2.6rem;}
#main .new01 .lstArea li .ico {position: absolute; right: 0; bottom: -1rem;}

@media all and (max-width:960px) {
    #main .new01 {}
    #main .new01 .inner {padding-top: 15rem; max-width: 88.84%;}
    #main .new01 .titArea {margin-bottom: 8rem;}
    #main .new01 .titArea .subt {font-size: 1.8rem; letter-spacing: 4px;}
    #main .new01 .titArea .tit {font-size: 5.4rem; line-height: 7.5rem; padding-top: 4.7rem;}
    #main .new01 .contArea {flex-direction: column; gap: 5.3rem;}
    #main .new01 .contArea::before {display: none}
    #main .new01 .contArea::after {display: none}
    #main .new01 .contArea .mainImg {position: relative; top: auto; left: auto; transform: none; margin: 0 auto;}
    #main .new01 .lstArea {}
    #main .new01 .lstArea li {padding: 0; min-width: auto; width: 100%; padding-top: 2.7rem;}
    #main .new01 .lstArea li + li {border-top: 1px solid #41BEB2; margin-top: 2.7rem;}
    #main .new01 .lstArea li .tit {font-size: 3rem;}
    #main .new01 .lstArea li .wrt {font-size: 2.1rem; line-height: 3.6rem;}
    #main .new01 .lstArea li .ico {width: 4.8rem; bottom: auto; top: 1.2rem;;}
}

#main .new02 {}
#main .new02 .inner {max-width: 144rem; margin: 0 auto; padding-top: 30rem;}
#main .new02 .titArea {display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 4.7rem;}
#main .new02 .titArea .ico {width: 4.8rem; margin-bottom: 3.2rem;}
#main .new02 .titArea .subt {font-size: 2.6rem;}
#main .new02 .titArea .subt span {font-weight: 800}
#main .new02 .titArea .tit {font-size: 5.4rem; font-weight: bold; padding: 2.2rem 0 3.6rem;}
#main .new02 .titArea .wrt {font-size: 2rem; line-height: 3.2rem;}
#main .new02 .titArea .wrt b {font-weight: 800}
#main .new02 .imgArea {}
#main .new02 .imgArea .img {}
#main .new02 .icoArea {display: flex; justify-content: center; margin: 6rem 0 7rem;}
#main .new02 .icoArea li {font-size: 2.4rem; font-weight: 800; display: flex; flex-direction: column; gap: 1.9rem; width: 17.5rem; align-items: center; position: relative;}
#main .new02 .icoArea li + li::before {content: ''; display: block; position: absolute; width: 1px; height: 80%; background: #C9CDD2; left: 0; top: 50%; transform: translateY(-50%);}
#main .new02 .prgArea {text-align: center;}
#main .new02 .prgArea .txt {padding: 2rem 5.6rem; background: #41BEB2; border-radius: 4rem; color: #fff; font-size: 2.5rem; font-weight: 800; display: inline-block;}

@media all and (max-width:960px) {
    #main .new02 {}
    #main .new02 .inner {padding-top: 21rem; max-width: 88.84%;}
    #main .new02 .titArea {margin-bottom: 8rem;}
    #main .new02 .titArea .ico {width: 7.2rem; margin-bottom: 4.5rem;}
    #main .new02 .titArea .subt {font-size: 3.6rem;}
    #main .new02 .titArea .tit {font-size: 5.1rem; padding: 2.7rem 0 4.5rem; line-height: 6.8rem;}
    #main .new02 .titArea .wrt {font-size: 2.7rem; line-height: 4.2rem;}
    #main .new02 .imgArea {}
    #main .new02 .imgArea .img {}
    #main .new02 .icoArea {flex-wrap: wrap; gap: 4rem 0; margin: 7rem 0 7.5rem;}
    #main .new02 .icoArea li {width: calc(100% / 3);}
    #main .new02 .icoArea li:nth-child(4)::before {display: none;}
    #main .new02 .prgArea {}
    #main .new02 .prgArea .txt {font-size: 2.4rem; padding: 3.6rem 0; display: block; width: 100%; line-height: 3.9rem; border-radius: 16.5rem}
}

#main .new03 {margin-top: 23rem; background: #F6F7F9}
#main .new03 .inner {max-width: 124.4rem; margin: 0 auto; padding-top: 22.5rem;}
#main .new03 .title {font-size: 5.4rem; font-weight: bold; text-align: center; margin-bottom: 9rem;}
#main .new03 .title span {color: #41BEB2;}
#main .new03 .cont {display: flex; align-items: center;}
#main .new03 .cont .imgArea {width: 62.2rem; flex-shrink: 0;}
#main .new03 .cont .txtArea {padding-left: 9rem; position: relative;}
#main .new03 .cont .txtArea::before {content: ''; display: block; position: absolute; width: 66.6rem; height: 1px; background: #72787F; right: -5rem; bottom: 26%;}
#main .new03 .cont .txtArea .tit {font-size: 3.8rem; font-weight: 800; margin-bottom: 2.6rem;}
#main .new03 .cont .txtArea .subt {font-size: 1.8rem; color: #A4AAB1; line-height: 2.8rem; margin-bottom: 2.4rem;}
#main .new03 .cont .txtArea .wrt {font-size: 2rem; color: #41BEB2; line-height: 3.2rem; margin-bottom: 7.6rem; font-weight: 800}
#main .new03 .cont .txtArea .prg {font-size: 2rem; line-height: 3.2rem; color: #33383C;}
#main .new03 .cont .txtArea .prg b {font-weight: 800;}

@media all and (max-width:960px) {
    #main .new03 {margin-top: 18rem;}
    #main .new03 .inner {max-width: 88.85%; padding-top: 13.5rem;}
    #main .new03 .title {font-size: 5.1rem; line-height: 6.9rem; margin-bottom: 6rem;}
    #main .new03 .cont {flex-direction: column; gap: 4.5rem; align-items: baseline;}
    #main .new03 .cont .imgArea {width: 100%;}
    #main .new03 .cont .txtArea {padding: 0;}
    #main .new03 .cont .txtArea::before {right: auto; left: 0; width: 100%;}
    #main .new03 .cont .txtArea .tit {font-size: 5rem; margin-bottom: 3.6rem;}
    #main .new03 .cont .txtArea .subt {font-size: 2.8rem; line-height: 3.9rem; margin-bottom: 3.3rem;}
    #main .new03 .cont .txtArea .wrt {font-size: 3rem; line-height: 4.8rem; margin-bottom: 6rem;}
    #main .new03 .cont .txtArea .prg {font-size: 2.8rem; line-height: 4.4rem;}
}

#main .new04 {background: #F6F7F9}
#main .new04 .inner {max-width: 124.4rem; padding-top: 19rem; margin: 0 auto;}
#main .new04 .titArea {margin-bottom: 4.2rem; text-align: center;}
#main .new04 .titArea .subt {font-size: 1.6rem; color: #8DE5E5; font-weight: bold; letter-spacing: 9px; padding-bottom: 1.8rem;}
#main .new04 .titArea .tit {font-size: 4.6rem; font-weight: bold;}
#main .new04 .lstArea {display: flex; gap: 7.3rem;}
#main .new04 .lstArea .area {flex: 1;}
#main .new04 .lstArea .area .imgArea {border-radius: 3rem; overflow: hidden;}
#main .new04 .lstArea .area .txtArea {padding-top: 3rem;}
#main .new04 .lstArea .area .txtArea .subt {font-size: 1.8rem; color: #41BEB2; margin-bottom: 1.7rem;}
#main .new04 .lstArea .area .txtArea .tit {font-size: 2.8rem; font-weight: 800; margin-bottom: 2.4rem;}
#main .new04 .lstArea .area .txtArea .wrt {font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 3rem;}
#main .new04 .lstArea .area .txtArea .wrt b {font-weight: 800;}
#main .new04 .lstArea .area .txtArea .prg {font-size: 1.8rem; font-weight: 800; margin-bottom: 1.4rem;}
#main .new04 .lstArea .area .txtArea .lst {display: flex; justify-content: space-between;}
#main .new04 .lstArea .area .txtArea .lst li {padding-left: 2.8rem; background: url('../images/main/new04_ico.png') left center / 1.8rem 1.8rem no-repeat; font-size: 2rem; flex: auto;}

@media all and (max-width:960px) {
    #main .new04 {}
    #main .new04 .inner {max-width: 88.85%; padding-top: 15rem;}
    #main .new04 .titArea {margin-bottom: 7.5rem;}
    #main .new04 .titArea .subt {font-size: 2.1rem; letter-spacing: 5px; padding-bottom: 2.4rem;}
    #main .new04 .titArea .tit {font-size: 5.1rem;}
    #main .new04 .lstArea {flex-direction: column; gap: 7.05rem;}
    #main .new04 .lstArea .area {width: 100%; flex: auto;}
    #main .new04 .lstArea .area .imgArea {}
    #main .new04 .lstArea .area .txtArea {}
    #main .new04 .lstArea .area .txtArea .subt {font-size: 2.4rem; margin-bottom: 2.4rem;}
    #main .new04 .lstArea .area .txtArea .tit {font-size: 3.6rem; margin-bottom: 3.3rem;}
    #main .new04 .lstArea .area .txtArea .wrt {font-size: 2.4rem; line-height: 3.9rem; margin-bottom: 5.1rem;}
    #main .new04 .lstArea .area .txtArea .prg {font-size: 2.4rem; margin-bottom: 2.1rem;}
    #main .new04 .lstArea .area .txtArea .lst {}
    #main .new04 .lstArea .area .txtArea .lst li {font-size: 2.7rem; background: url('../images/main/new04_ico.png') left center / 2.7rem 2.7rem no-repeat; padding-left: 3.6rem;}
}

#main .new05 {background: #F6F7F9}
#main .new05 .inner {padding: 25rem 0 20rem; max-width: 124.4rem; margin: 0 auto;}
#main .new05 .box {display: flex; align-items: center; justify-content: space-between;}
#main .new05 .box + .box {margin-top: 10rem;}
#main .new05 .box .txtArea {width: 61rem;}
#main .new05 .box .txtArea .tit {font-size: 3.2rem; font-weight: 800; padding-bottom: 3.4rem; margin-bottom: 2.6rem; border-bottom: 1px solid #C9CDD2;}
#main .new05 .box .txtArea .tit span {color: #41BEB2;}
#main .new05 .box .txtArea .wrt {font-size: 1.8rem; line-height: 2.8rem;}
#main .new05 .box .txtArea .wrt b {font-size: w800;}
#main .new05 .box .imgArea {width: 48.8rem; flex-shrink: 0;}

@media all and (max-width:960px) {
    #main .new05 {}
    #main .new05 .inner {max-width: 88.85%; padding: 10rem 0 15rem;}
    #main .new05 .box {flex-direction: column; gap: 2.6rem;}
    #main .new05 .box + .box {}
    #main .new05 .box .txtArea {width: 100%;}
    #main .new05 .box .txtArea .tit {font-size: 3.9rem;}
    #main .new05 .box .txtArea .tit span {}
    #main .new05 .box .txtArea .wrt {font-size: 2.4rem; line-height: 3.9rem;}
    #main .new05 .box .txtArea .wrt b {}
    #main .new05 .box .imgArea {width: 100%}
}

#main .new06 {}
#main .new06 .inner {max-width: 124.4rem; margin: 0 auto; padding-top: 19rem;}
#main .new06 .title {font-size: 5.4rem; font-weight: bold; text-align: center; margin-bottom: 9rem;}
#main .new06 .title span {color: #41BEB2;}
#main .new06 .cont {display: flex; align-items: center;}
#main .new06 .cont .imgArea {width: 62.2rem; flex-shrink: 0;}
#main .new06 .cont .txtArea {padding-left: 9rem; position: relative;}
#main .new06 .cont .txtArea::before {content: ''; display: block; position: absolute; width: 66.6rem; height: 1px; background: #72787F; right: -5rem; bottom: 30%;}
#main .new06 .cont .txtArea .subt {font-size: 2rem; color: #A4AAB1; line-height: 2.8rem; margin-bottom: 1.8rem;}
#main .new06 .cont .txtArea .tit {font-size: 5.4rem; font-weight: 800; margin-bottom: 3.9rem;}
#main .new06 .cont .txtArea .wrt {font-size: 2.4rem; line-height: 3.7rem; margin-bottom: 6.8rem; font-weight: 800}
#main .new06 .cont .txtArea .wrt span {color: #41BEB2;}
#main .new06 .cont .txtArea .prg {font-size: 1.8rem; line-height: 2.8rem; color: #33383C;}
#main .new06 .cont .txtArea .prg b {font-weight: 800;}

@media all and (max-width:960px) {
    #main .new06 {}
    #main .new06 .inner {max-width: 88.85%; padding-top: 15rem;}
    #main .new06 .title {font-size: 5.1rem; line-height: 6.9rem; margin-bottom: 6rem;}
    #main .new06 .cont {flex-direction: column; gap: 4.5rem; align-items: baseline;}
    #main .new06 .cont .imgArea {width: 100%;}
    #main .new06 .cont .txtArea {padding: 0;}
    #main .new06 .cont .txtArea::before {right: auto; left: 0; width: 100%; bottom: 39%;}
    #main .new06 .cont .txtArea .subt {font-size: 2.4rem; line-height: 3.9rem; margin-bottom: 1.5rem;}
    #main .new06 .cont .txtArea .tit {font-size: 4.5rem; margin-bottom: 3.9rem;}
    #main .new06 .cont .txtArea .wrt {font-size: 2.7rem; line-height: 4.5rem; margin-bottom: 7.5rem;}
    #main .new06 .cont .txtArea .prg {font-size: 2.4rem; line-height: 3.9rem;}
}

#main .new07 {}
#main .new07 .inner {position: relative; max-width: 124.4rem; margin: 0 auto;}
#main .new07 .imgArea {}
#main .new07 .txtArea {font-size: 2.6rem; line-height: 4.6rem; color: #fff; left: 12.2rem; position: absolute; bottom: 6.8rem;}
#main .new07 .txtArea span {font-weight: 800; color: #FEF1AF;}

@media all and (max-width:960px) {
    #main .new07 {}
    #main .new07 .inner {max-width: 88.85%; padding-top: 15rem;}
    #main .new07 .imgArea {}
    #main .new07 .txtArea {font-size: 3rem; line-height: 4.8rem; left: 3.9rem; bottom: auto; top: 22.5rem;}
    #main .new07 .txtArea span {}
}

#main .new08 {}
#main .new08 .inner {max-width: 124.4rem; padding-top: 22rem; margin: 0 auto;}
#main .new08 .titArea {text-align: center; margin-bottom: 8rem;}
#main .new08 .titArea .tit {font-size: 4.4rem; font-weight: bold; line-height: 6.6rem; padding-bottom: 2.6rem}
#main .new08 .titArea .tit span {color: #41BEB2}
#main .new08 .titArea .wrt {font-size: 2rem; line-height: 3.2rem;}
#main .new08 .imgArea {}
#main .new08 .lstArea {margin-top: 4.2rem; display: flex;}
#main .new08 .lstArea li {display: flex; gap: 1rem; font-size: 1.8rem; line-height: 2.8rem; width: 50%;}
#main .new08 .lstArea li b {font-weight: 800;}
#main .new08 .lstArea li span {display: inline-block; width: 2.2rem; height: 2.2rem; border-radius: 50%; position: relative; top: 0.3rem;}
#main .new08 .lstArea li span.bl {background: #8CDBEE;}
#main .new08 .lstArea li span.yl {background: #FFC667;}

@media all and (max-width:960px) {
    #main .new08 {}
    #main .new08 .inner {max-width: 88.85%; padding-top: 20rem;}
    #main .new08 .titArea {margin-bottom: 7.2rem;}
    #main .new08 .titArea .tit {font-size: 3.9rem; line-height: 6rem; padding-bottom: 3.2rem;}
    #main .new08 .titArea .wrt {font-size: 2.7rem; line-height: 4.6rem;}
    #main .new08 .imgArea {}
    #main .new08 .lstArea {flex-direction: column; gap: 3.6rem;}
    #main .new08 .lstArea li {width: 100%; font-size: 2.4rem; line-height: 4.4rem;}
    #main .new08 .lstArea li span {width: 2.4rem; height: 2.4rem; top: 0.7rem;}
}

#main .new09 {}
#main .new09 .inner {max-width: 124.4rem; margin: 0 auto; padding-top: 16.8rem}
#main .new09 .cont {background: #F6F7F9; border-radius: 3rem; overflow: hidden; display: flex; justify-content: space-between;}
#main .new09 .cont .txt {display: flex; flex-direction: column; justify-content: center; padding-left: 12.2rem;}
#main .new09 .cont .tit {font-size: 3.2rem; font-weight: 800; display: flex; gap: 1.4rem; align-items: end; padding-bottom: 2.5rem; margin-bottom: 2.5rem; width: 51.2rem; border-bottom: 1px solid #C9CDD2;}
#main .new09 .cont .tit span {font-size: 2rem; font-weight: 800; color: #A4AAB1;}
#main .new09 .cont .wrt {font-size: 1.8rem; line-height: 2.8rem;}
#main .new09 .cont .wrt b {font-weight: 800}
#main .new09 .cont .img {width: 56.6rem; flex-shrink: 0;}

@media all and (max-width:960px) {
    #main .new09 {}
    #main .new09 .inner {max-width: 88.85%; padding-top: 12rem;}
    #main .new09 .cont {flex-direction: column-reverse; gap: 3.6rem;}
    #main .new09 .cont .txt {padding: 0 0 5.7rem 3.9rem;}
    #main .new09 .cont .tit {font-size: 3.9rem; gap: 1.5rem; padding-bottom: 2.7rem; margin-bottom: 2.7rem;}
    #main .new09 .cont .tit span {font-size: 2.7rem;}
    #main .new09 .cont .wrt {font-size: 2.4rem; line-height: 3.9rem;}
    #main .new09 .cont .img {width: 100%;}
}

#main .new10 {}
#main .new10 .inner {max-width: 124.4rem; margin: 0 auto; padding: 24rem 0 0; display: flex; align-items: flex-end; justify-content: space-between;}
#main .new10 .txtArea {}
#main .new10 .txtArea .subt {color: #41BEB2; font-size: 2.4rem; margin-bottom: 2.8rem;}
#main .new10 .txtArea .tit {font-size: 5.2rem; font-weight: bold;}
#main .new10 .txtArea .txtImg {margin: 2.8rem 0 2.4rem;}
#main .new10 .txtArea .wrt {font-size: 2rem; line-height: 3.2rem;}
#main .new10 .lstArea {display: flex; flex-wrap: wrap; width: 65.6rem;}
#main .new10 .lstArea li {display: flex; align-items: center; gap: 1.2rem; font-size: 2rem; font-weight: bold; width: 50%}
#main .new10 .lstArea li:nth-child(1) {}
#main .new10 .lstArea li:nth-child(2) {}
#main .new10 .lstArea li:nth-child(3) {padding: 3rem 0; margin: 3rem 0; border: 1px solid #C9CDD2; border-right: 0; border-left: 0;}
#main .new10 .lstArea li:nth-child(4) {padding: 3rem 0; margin: 3rem 0; border: 1px solid #C9CDD2; border-right: 0; border-left: 0;}
#main .new10 .lstArea li:nth-child(5) {width: 100%;}
#main .new10 .lstArea li img {width: 5.6rem;}

@media all and (max-width:960px) {
    #main .new10 {}
    #main .new10 .inner {max-width: 88.85%; padding-top: 15rem; flex-direction: column; align-items: baseline; gap: 7.5rem;}
    #main .new10 .txtArea {}
    #main .new10 .txtArea .subt {font-size: 2.7rem; margin-bottom: 3rem;}
    #main .new10 .txtArea .tit {font-size: 5.4rem; line-height: 7.5rem;}
    #main .new10 .txtArea .txtImg {width: 54rem;}
    #main .new10 .txtArea .wrt {font-size: 2.1rem; line-height: 3.6rem;}
    #main .new10 .lstArea {width: 100%;}
    #main .new10 .lstArea li {width: 100%; font-size: 2.8rem; line-height: 4.2rem; gap: 1.8rem;}
    #main .new10 .lstArea li img {width: 4.8rem;}
    #main .new10 .lstArea li:nth-child(1) {}
    #main .new10 .lstArea li:nth-child(2) {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #C9CDD2}
    #main .new10 .lstArea li:nth-child(3) {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #C9CDD2; border-bottom: 0; padding-bottom: 0; margin-bottom: 0}
    #main .new10 .lstArea li:nth-child(4) {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #C9CDD2; border-bottom: 0; padding-bottom: 0; margin-bottom: 0}
    #main .new10 .lstArea li:nth-child(5) {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid #C9CDD2;}
}

#main .new11 {position: relative; width: 100%; background: url("../images/main/point_con_bg.jpg") no-repeat center; background-size: cover; overflow: hidden;}
#main .new11 .inner {max-width: 124.4rem; margin: 0 auto; padding: 21rem 0 18rem;}
#main .new11 .inner .titArea {text-align: center; margin-bottom: 7.8rem;}
#main .new11 .inner .titArea h4 img {width: 41.5rem; height: auto;}
#main .new11 .inner .titArea h5 {font-family: 'KoPubWorldBatangMedium'; color: #fff; font-size: 6rem; font-weight: 500; line-height: 9rem; padding-top: 3.2rem;}
#main .new11 .inner .titArea h5 span {color: #FEF1AF;}
#main .new11 .lstArea {display: flex; gap: 7.3rem;}
#main .new11 .lstArea li {width: 100%;}
#main .new11 .lstArea li .imgArea {border-radius: 0 6rem 0 6rem; box-shadow: 0 0 0.8rem rgba(0,0,0,0.1); overflow: hidden;}
#main .new11 .lstArea li .txtArea {margin-top: 3.6rem;}
#main .new11 .lstArea li .txtArea .num {display: none;}
#main .new11 .lstArea li .txtArea .tit {font-size: 2.6rem; line-height: 3.8rem; font-weight: 800}
#main .new11 .lstArea li .txtArea .wrt {font-size: 1.6rem; line-height: 2.8rem; padding-top: 2.5rem; color: #33383C; font-weight: 600}

@media all and (max-width:960px) {
    #main .new11 {}
    #main .new11 .inner {padding: 22rem 0 15rem; max-width: 88.85%;}
    #main .new11 .inner .titArea {}
    #main .new11 .inner .titArea h4 img {width: 38.7rem;}
    #main .new11 .inner .titArea h5 {padding-top: 5.25rem; font-size: 5.4rem; line-height: 8.4rem;}
    #main .new11 .inner .titArea h5 span {}
    #main .new11 .lstArea {flex-direction: column; gap: 11.4rem;}
    #main .new11 .lstArea li {}
    #main .new11 .lstArea li .imgArea {}
    #main .new11 .lstArea li .txtArea {}
    #main .new11 .lstArea li .txtArea .num {display: block; font-size: 7.5rem; color: #fff; opacity: 0.3; font-style: italic; line-height: 1;}
    #main .new11 .lstArea li .txtArea .tit {font-size: 3.6rem; padding-top: 1.6rem;}
    #main .new11 .lstArea li .txtArea .wrt {font-size: 2.7rem; line-height: 4.2rem; padding-top: 3.6rem;}
}

#footer {}
#footer .area {position: relative;}
#footer .ftBtn {width: 15.7rem; position: absolute; top: 6rem; right: 0; cursor: pointer}

#ftPop {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none;}
#ftPop .popBg {height: 100%; background: rgba(0,0,0,0.6);}
#ftPop .popBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 70rem;}
#ftPop .popBox .img {max-height: 90vh; height: 100vh; overflow: hidden; overflow-y: auto;}
#ftPop .popBox .closeBtn {position: absolute; right: -5%; width: 2.5rem; cursor: pointer; top: 0}

@media all and (max-width:960px) {
    #footer .ftBtn {top: 28%; right: 22%;}

    #ftPop .popBox {width: 100%; max-width: 85%; max-height: 80vh;}
}