@media (max-width: 389px) {
  .mainPic {
    overflow: hidden;
  }

  .mainPic .LearnMore {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mainPic .autism {
    position: absolute !important;
    left: 10% !important;
    top: 18% !important;
    width: 80% !important;
    height: auto !important;
    z-index: 2 !important;
  }

  .mainPic .autismcontent {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    height: auto !important;
    padding-top: 0 !important;
  }

  .mainPic .autismText1 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 14px 0 !important;
    white-space: nowrap !important;
    font-style: italic;
    font-weight: 300 !important;
    color: #fff !important;
  }

  .mainPic .slideTextInPic1 {
    font-size: 8.6vw !important;
    line-height: 1.05 !important;
    max-width: 290px !important;
    margin: 0 !important;
    word-break: keep-all !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  .mainPic .slideTextInPic2 {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-top: 18px !important;
    max-width: 250px !important;
    word-break: keep-all !important;
    font-weight: 300 !important;
    color: #fff !important;
  }
}
/* 6.1인치 계열 */
@media (min-width: 390px) and (max-width: 430px) {
  .mainPic {
    overflow: hidden;
  }

  .mainPic .LearnMore {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mainPic .autism {
    position: absolute !important;
    left: 10% !important;
    top: 26% !important;
    width: 80% !important;
    height: auto !important;
    z-index: 2 !important;
  }

  .mainPic .autismcontent {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    height: auto !important;
    padding-top: 0 !important;
  }

  .mainPic .autismText1 {
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    white-space: nowrap !important;
    font-style: italic;
    font-weight: 300 !important;
    color: #fff !important;
  }

  .mainPic .slideTextInPic1 {
    font-size: 8.1vw !important;
    line-height: 1.06 !important;
    max-width: 300px !important;
    margin: 0 !important;
    word-break: keep-all !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  .mainPic .slideTextInPic2 {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 18px !important;
    max-width: 260px !important;
    word-break: keep-all !important;
    font-weight: 300 !important;
    color: #fff !important;
  }
}

.sleepWakeCycleArea {
    width:90%;
    max-width:1100px;
    display:flex;
    margin:auto;
    justify-content:flex-start;
    gap:60px;
    align-content:flex-start;
    border:0px solid;
}

.sleepBrainFunction {
    line-height: 1.3em !important;
    font-weight: 400 !important;
}

.sleepBrainFunctionArea {
    font-size: 1.5rem !important;
}

.sleepBrainFunctionArea .rlText3
{
  font-size:0.9em !important;
}

.sleepBrainFunctionArea ul {
    font-size:0.9em !important;
    margin:15px 0 !important;
}

.sleepBrainFunctionArea ul li {
    margin-top: 15px !important;
}

.sleepWakeCycle {
    display:flex;
    flex:1;
    box-sizing:border-box;
    border:0px solid;
    width:100%;
    max-width:600px;
}

.symptoms-list {
  text-align: left;
}

.symptoms-list ul {
  display: block;
  margin: 10px 0 0;
  padding-left: 0;
  text-align: left;
  list-style: none;
}

.symptoms-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.35em;
  list-style: none;
  margin: 4px 0;
  padding-left: 0;
  text-indent: 0;
  text-align: left;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.symptoms-list .list-marker {
  grid-column: 1;
  justify-self: start;
  text-align: left;
}

.symptoms-list .list-text {
  grid-column: 2;
  min-width: 0;
  justify-self: stretch;
  text-align: left !important;
}

.mertForInsomnia {
    display:flex;
    justify-content:center;
    width:80%;
    margin:0 auto 40px auto;
    margin-top:0px !important;
}

.mertForInsomniaContent {
    display:flex;
    justify-content:center;
    width:100%;
    max-width:1100px;
    text-align:left;
    font-size:20px;
    font-weight:300;
    border:0px solid;
}

/* 모든 본문 텍스트 왼쪽 정렬 강제 적용 */
.brainfourtext2,
.brainfourtext2 h2,
.brainfourtext2 h3,
.brainfourtext3,
.brainfourtext3 p,
.brainfourtext3 div,
.mertForInsomniaContent,
.mertForInsomniaContent p {
    text-align: left !important;
}

/* MeRT Approach 섹션 - 블록은 페이지 중앙, 텍스트는 왼쪽 정렬 */
.barinoneText {
    display: block !important;
    max-width: 1100px !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
.barinoneText p,
.barinoneText h2 {
    text-align: left !important;
}

/* div 제목 블록 왼쪽 정렬 (섹션 타이틀용) */
div.brainfourtext2 {
    justify-content: flex-start !important;
    width: 90% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* p.brainfourtext2 (굵은 대형 본문)은 부모 너비를 꽉 채워 왼쪽 정렬 */
p.brainfourtext2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.brainfourtext3,
.mertForInsomniaContent {
    justify-content: flex-start !important;
}

.brainfourtext3 > div,
.mertForInsomniaContent > div {
    width: 100%;
}

.mertForInsomnia {
    width: 90% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.insomniaLIRT {
    display:flex;
    max-width:400px;
    box-sizing:border-box;
    border:0px solid;
    margin-left:auto;
    margin-right:70px;
}

.insomniaLIRTContent{
    display:flex;
    box-sizing:border-box;
    border:0px solid;
    margin-left:70px;
}

.insomniaLIRTStory {
    font-size:23px;
    font-weight:300;
    line-height:1.5em;
    max-width:600px;
    margin-right:auto;
}

.sleepWakeCycleText
{
  width:100% !important;
  max-width:600px !important;
  flex:1;
}

.insomnia-step {
  margin:30px 0 !important;
  line-height:1.4em !important;
}

@media (min-width:1000px) {
	
	.rlInsomniaText2{
		font-size:30px !important;
	}
}

@media (max-width:1700px) {
  .sleepWakeCycleArea{
    width: 90%;
  }
}

@media (max-width:1350px) {
  .sleepWakeCycleArea{
    width: 90%;
  }
}

@media (max-width:1250px)
{
  	.sleepWakeCycleArea
	{
		flex-direction:column;
		align-items:center;
	}
    .sleepWakeCycle{
        margin-bottom:50px;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .mertForInsomniaContent {
        width:95%;
    }

    .sleepWakeCycleArea {
      gap:0px;
    }
}

@media(max-width:950px)
{
    .insomniaLIRT {
        margin-right:30px;
    }

    .insomniaLIRTContent{
        margin-left:30px;
    }
}

.nBR {
    display:none;
}

@media (max-width:650px)
{
    .insomniaLIRT {
        margin:auto;
        margin-bottom:30px;
        width:100%;
    }

  	.sleepWakeCycleArea
	{
		width:90%;
	}
}

/* Insomnia & Brain Stability 섹션 너비 및 간격 조정 */
.treatmentArea {
    max-width: 1100px !important;
    justify-content: center !important;
    gap: 60px !important;
}

.treatmentImg {
    max-width: 462px !important;
    flex-shrink: 1 !important;
}

.treatmentText {
    flex: 1 !important;
    max-width: 600px !important;
}

/* Brain Stability 큰 글씨 크기 80% 조정 */
@media (min-width:1000px) {
    .rlText2.insomnia-step {
        font-size: 38px !important;
    }
}
@media (max-width:1000px) {
    .rlText2.insomnia-step {
        font-size: 22px !important;
    }
}