@charset "utf-8";

/* mn02 Sub Css 25-11-18 */
:root{
  --line-color:#e0e0e0;
  --main-color:#F36523;
  --main2-color:#FA9D1C;
}

main{overflow: hidden; font-size: 1.125rem;}
.section1{width: 100%; height: 100%; margin: 0 auto; padding: 100px 0; }

/* 페이지 로케이션 서식 */
.page_location{width: 1400px;margin: 0 auto;padding-top: 30px;display: flex;align-items: center;position: relative; font-size: 1rem;}
.page_location .fa-house{color: #333;padding-right: 10px;font-size: 0.875rem;}
.page_location > a{color: #c6c6c6 !important; cursor: default;}
.menu-container {position: relative;display: inline-block;}
.toggle-btn {background: none;border: none;cursor: pointer;font-size: inherit;color: inherit;padding: 0;margin-left: 5px;
display: flex;align-items: center;}
.toggle-btn .fa-angle-down {margin-left: 5px;display: inline-block;transition: transform 0.3s ease; font-size: 0.75rem;}
.fa-angle-down.rotate-180 {transform: rotate(180deg);}
.submenu-content {position: absolute;top: 100%;left: 0;z-index: 10;overflow: hidden;min-width: 150px;background: #fff;border: 1px solid #ddd;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 5px 0; }
.submenu-content a {display: block;padding: 8px 15px;text-decoration: none;color: #333;}
.submenu-content a:hover {background-color: #f0f0f0;}

/* 섹션 제목 서식 */
.sec_h2{margin: 0 auto; width: 500px; padding: 50px 0px;}
.sec_h2 h2{font-size: 2.5rem; font-weight: bold; text-align: center;}
.sec_h2 h2 span{font-size: 2rem;}

/* 메인텍스트 bg */
.main_adult{background: url(/mn02/images/main.png) no-repeat; background-size: cover;  background-position: center center;}
.main_youth{background: url(/mn02/images/main2.png)no-repeat; background-size: cover;  background-position: center center;}
.main_couple{background: url(/mn02/images/main3.png)no-repeat; background-size: cover;  background-position: center center;}
.main_group{background: url(/mn03/images/main4.png)no-repeat; background-size: cover;  background-position: center center;}
.mind_check{background: url(/mn04/images/main5.png)no-repeat;
background-size: cover;  background-position: center center;}
.center{background: url(/mn05/images/main6.png)no-repeat;
background-size: cover;  background-position: center center;}
.story{background: url(/mn01/images/main.png)no-repeat; background-size: cover;  background-position: center center;}

/* 메인텍스트 서식 */
.main_txt{width: 100%; height: 490px; position: relative;}
.main_txt::after { content: "";  position: absolute; top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,0,0,0.3); pointer-events: none;}
.main_txt_inner{width: 1400px; margin: 0 auto; position: absolute; z-index: 1; left: 13%; top: 10%;}
.main_txt_inner h3{color: #fff; font-size: 2.5rem; font-weight: bold; left: 0%; line-height: 1.38; letter-spacing:0.1rem; }
.sub_txt{padding-top: 20px; color: #fff; line-height: 1.6; font-weight: 300;}
.detail_txt{text-align: center; padding-top:50px; font-size:1.3rem; letter-spacing:0.2rem; line-height: 1.5; font-weight: 500; width: 1400px; margin:  0 auto;}
.detail_txt ul{display: flex; justify-content: center; align-items: center; width: 1400px; margin: 0 auto;}
.detail_txt ul li{font-style: italic;}
.detail_txt ul li:nth-child(2){padding: 0px 20px;}

/* 형광펜 박스 */
.main_txt_inner h3 p{padding-left: 10px;}
.main_txt_inner h3 .adult_h3:first-child{width: 265px;}
.main_txt_inner h3 .adult_h3:last-child{width: 475px;}
.main_txt_inner h3 .youth_h3:first-child{width: 390px;}
.main_txt_inner h3 .youth_h3:last-child{width: 220px;}
.main_txt_inner h3 .couples_h3{width: 450px;}
.main_txt_inner h3 .group_h3{width: 510px;}
.main_txt_inner h3 .mind_h3:first-child{width: 460px;}
.main_txt_inner h3 .mind_h3:last-child{width: 130px;}
.main_txt_inner h3 .center_h3:first-child{width: 640px;}
.main_txt_inner h3 .center_h3:last-child{width: 360px;}
.main_txt_inner h3 .story_h3:first-child{width: 230px;}
.main_txt_inner h3 .story_h3:last-child{width: 570px;}
.highlight-title {position: relative; display:block; opacity: 0; transform: translateX(-40px); transition: opacity 0.9s ease-out, transform 0.9s ease-out;}
.highlight-title.show{opacity: 1; transform: translateX(0);}
.highlight-title::after {content: ""; position: absolute; left: 0; bottom: 0;  width: 0%;  height: 40%; z-index: -1;  transition: width 0.7s ease-out; transition-delay: 3s; background: linear-gradient(to right, var(--main2-color), var(--main2-color) 70%, rgba(250, 157, 28, 0) 100%);}
.highlight-title.show::after {width: 100%;}

/* arti01 */
.arti01{width: 1400px; margin: 0 auto; padding: 150px 0px;}
.arti01 h3{font-size: 2rem; font-weight: bold;}
.arti01 ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); gap: 20px; margin-top: 50px;}
.arti01 ul li{display: flex; align-items: flex-start; padding:20px ; border: 1px solid  var(--line-color); border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.05); vertical-align: middle; line-height: 1.3;}

/* arti02 */
.arti02{width: 1400px; margin:  0 auto;}
.arti02 h3{font-size: 2rem; font-weight: bold;}
.arti02 .change{display: flex; justify-content: space-between; margin-top: 50px; gap: 10px; text-align: center; align-items: center;}
.arti02 .change li{width: 202px; height: 200px; text-align: center; align-items: center; border: 1px solid var(--line-color); padding: 30px 30px 0px 30px; border-radius: 10px; line-height: 1.5; letter-spacing:-0.05rem; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.arti02 .change .logo_img{border: none; box-shadow: none;}
.arti02 .change .logo_img img{background: none; border-radius: 0;}
.arti02 .change li .img_wrap{padding: 5px; border-radius: 50%;  overflow: hidden; background: #f5f5f5; width: 55px; height: 55px; margin: 0 auto 30px auto; }
.arti02 .change li .img_wrap img{transform: translateY(3px);}
.quote{text-align:center; margin-top: 50px; font-size: 1.5rem;}

/* 심리검사 */
.arti01 table{margin-top: 50px; width: 1400px;}
.arti01 table th{background: #fff6e2; padding: 20px 30px; border:1px solid var(--line-color);}
.arti01 table tr, .arti01 table td{border-collapse: collapse; border: 1px solid var(--line-color);}
.arti01 table td:first-child{text-align: center;}
.arti01 table td{padding: 20px 30px;}
.arti01 table th:first-child{width: 20%;}
.arti01 table th:nth-child(2){width: 40%;}
.arti01 table th:nth-child(3){width: 40%;}

.arti02 .step{display: flex; justify-content: space-between; margin-top: 50px; gap: 10px; text-align: center; align-items: center;}
.arti02 .step li{width: 300px; height: 200px; border: 1px solid var(--line-color); display: flex; flex-direction: column;
  justify-content: center; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.arti02 .step li .step_num{font-size: 1rem;}
.arti02 .step li .step_h{font-size: 1.25rem; padding:5px 0 10px 0;}
.arti02 .step li .step_p{line-height: 1.5;}

.arti03{width: 1400px; margin: 0 auto; padding-top: 100px;}
.arti03 h3{font-size: 2rem; font-weight: bold;}
.arti03 .feature{display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(3, auto); counter-reset: feature-counter; gap: 10px;}
.arti03 .feature li{display: flex; margin-top: 50px; width: 600px;}
.arti03 .feature li div:first-child{text-align: center; }
.arti03 .feature li div:last-child{padding-left: 50px;}
.arti03 .feature li .feature_img { width: 195px; height: 160px;  display: flex; align-items: center; background: url(/mn04/images/hexagon_bg.png) no-repeat; justify-content: center;}
.arti03 .feature li:last-child .feature_img img{transform: translateX(-10px);}
.arti03 .feature li:nth-child(4) .feature_img img{transform: translateX(-5px);}
.arti03 .feature li .feature_h{font-weight: bold; padding-bottom: 10px; font-size: 1.1rem; position: relative; padding-left: 30px;}
.arti03 .feature li .feature_h::before { counter-increment: feature-counter;  content: counter(feature-counter);     position: absolute;  left: 0; top:35%; transform: translateY(-55%); width: 15px; height: 15px;    border: 1px solid #333; text-align: center; border-radius: 50%; font-size: 0.875rem; font-weight: bold;}
.arti03 .feature li .feature_p{line-height: 1.5; padding-left: 20px;}

/* 다산애 스토리 */
#story01{width: 1400px; margin: 0 auto; padding-top: 150px;}
#story01 h3{font-size: 2rem; font-weight: bold;}
#story01 ul{display: flex; margin-top: 50px; justify-content: center}
#story01 ul li{text-align: center; width: 340px; height: 340px; align-items: center; border-radius: 50%; background: #fff;   display: flex;  flex-direction: column;   justify-content: center; align-items: center; margin-left: -25px;}
#story01 ul li:first-child, #story01 ul li:nth-child(3){border: 1px solid var(--main2-color);}
#story01 ul li:nth-child(2), #story01 ul li:last-child{border: 1px solid var(--main-color);}
#story01 ul li h4{font-weight: bold; font-size: 1.5rem; line-height: 1.3;}
#story01 ul li .inner_txt{padding-top: 10px;}
#story01 ul li .inner_txt p{line-height: 2rem;}
.story01_detail{text-align: center; font-size: 1.25rem; padding-top:50px; line-height: 2;}

#story02{width: 100%; height: auto; padding-top: 150px; overflow: hidden;}
#story02 .story02_inner{width: 1400px; height: 700px; margin:  0 auto; display: flex; justify-content: space-between;  border-bottom: 1px solid var(--line-color);  box-sizing: border-box;}
#story02 .about_l{position: relative; width: 40%;}
#story02 .about_l .back{position: absolute; z-index: -1; right: -15%; bottom: 40%;}
#story02 .about_l div{position: absolute; bottom: 15%; right: -15%; text-align: right;  width: 210px; font-size: 1.5rem; }
#story02 .about_l div span{font-size: 2rem;}
#story02 .about_r{width: 50%;}
#story02 .about_r h2{font-weight: bold; font-size: 2.5rem; line-height: 1.3; padding-bottom: 10px;}
#story02 .about_r > p{font-size: 1.5rem; line-height: 2rem; white-space: nowrap;}
#story02 .about_r .resume{display: flex; justify-content: left; margin-top: 50px;}
#story02 .about_r .resume h3{width: 100px; padding: 5px 10px; color: var(--main2-color); border: 2px solid var(--main2-color); font-weight: bold; height: 20px; text-align: center; font-size: 1rem;}
#story02 .about_r .resume li{list-style:disc; line-height:2; margin-left:60px ;}
/* 상담사 소개 추가페이지 */
.counselor{width: 100%; margin-bottom: 50px;}
.counselor_inner{width: 1400px; margin: 0 auto; padding-top: 150px;}
.couns_img p{text-align: center; padding-top: 20px;}
.couns_img p span{font-size: 1.5rem; padding-right: 5px;}
.counselor_inner h3{width: 120px; height: 20px;  border: 2px solid var(--main2-color); padding: 5px 10px; text-align: center; color: var(--main2-color); font-weight: bold; font-size: 1rem; background: #fff;}

.counselor_inner .couns{display: flex; justify-content: left; padding: 50px 30px; width: 100%; border: 1px solid var(--line-color); border-radius: 20px; margin-bottom: 50px;}
.counselor_inner .disc li{list-style: inside; margin-left: 20px;}
.counselor_inner .couns .couns_record .resume{display: flex; justify-content: flex-start; margin-left: 50px;}
.counselor_inner .couns .couns_record .resume ul{margin:0 0 50px 50px;}
.counselor_inner .couns .couns_record .resume ul li{line-height: 1.5; width: 800px;}

/* 김에스더 상담사 */

/* 김현복 상담사 */

/* 1025px 이상 해상도 데스크탑  */
@media screen and (max-width: 1499px) {
article{width: 100%;}
.arti01, .arti02, .arti03, #story01, #story02{width: 95%;}
.counselor_inner .couns .couns_record .resume ul li{line-height: 1.5; width: 600px;}
}

/* Desktop */
@media (max-width: 1279px) {
/* 다산애 스토리 */
#story01{width: 100%;}
#story01 h3{padding-left: 30px;}
#story01 ul li{width: 300px; height: 300px; font-size: 1rem;}
#story01 ul li h4{font-weight: bold; font-size: 1.25rem; line-height: 1.3;}
#story02{width: 100%;}

/* 심리검사 */
.arti01{width: 100%;}
.arti01 h3{padding-left: 30px;}
.arti01 table{width: 95%; margin: 50px auto 0 auto;}
.arti01 table th:first-child{width: 20%;}
.arti01 table th:nth-child(2){width: 40%;}
.arti01 table th:nth-child(3){width: 40%;}

.arti02{width: 100%;}
.arti02 h3{padding-left: 30px;}
.arti02 .step{width: 95%; margin: 50px auto 0 auto;}

.arti03{width: 95%;}
.arti03 .feature{display: grid; grid-template-columns: repeat(1, auto); grid-template-rows: repeat(5, auto); counter-reset: feature-counter;}
.arti03 .feature li{width: auto;}
.arti03 .feature li div:last-child{padding-left: 0;}
.arti03 .feature li .feature_img {padding:0 25px;background-position: center center;}
.arti03 .feature li:last-child .feature_img img{transform: translateX(0px);}
.arti03 .feature li:nth-child(4) .feature_img img{transform: translateX(0px);}
.arti03 .feature li .feature_p{padding-left: 0px;}

.counselor_inner .couns .couns_record .resume ul li{line-height: 1.5; width: 400px;}
}

/* Tablet */
@media (max-width:1024px){
.arti01 h3, .arti02 h3, arti03 h3, #story01 h3, #story02 h3{padding:0px;}
/* 메인텍스트 bg */
.main_adult{background: url(/mn02/images/main_768.png) no-repeat; background-size: cover;  background-position: center center;}
.main_youth{background: url(/mn02/images/main2_768.png)no-repeat; background-size: cover;  background-position: center center;}
.main_couple{background: url(/mn02/images/main3_768.png)no-repeat; background-size: cover;  background-position: center center;}
.main_group{background: url(/mn03/images/main4_768.png)no-repeat; background-size: cover;  background-position: center center;}
.mind_check{background: url(/mn04/images/main5_768.png)no-repeat;
background-size: cover;  background-position: center center;}
.center{background: url(/mn05/images/main6_768.png)no-repeat;
background-size: cover;  background-position: center center;}
.story{background: url(/mn01/images/main_768.png)no-repeat; background-size: cover;  background-position: center center;}
.sub_txt p{width: 650px;}
.detail_txt{width: 100%;}
.detail_txt ul{width: 100%;}
/* 다산애 스토리 */
#story01{width: 100%; margin: 0 auto; padding-top: 100px;}
#story01 h3{text-align: center;}
#story01 ul{display: block; width: 100%; margin: 100px auto 0;}
#story01 ul li{text-align: center; width: 340px; height: 340px; margin: -50px auto 0 auto;}

#story02{width: 100%; height: auto; padding-top: 100px; overflow: hidden;}
#story02 .story02_inner{width: 100%; height: auto; margin:  0 auto; display: flex; justify-content: space-between;  border-bottom: 1px solid var(--line-color);  box-sizing: border-box; flex-direction: column; }
#story02 .about_l{position: relative; order:2; padding-top: 30px; width: 50%; margin-left:100px;}
#story02 .about_l .lee{width: 100%; margin-bottom: -70px;}
#story02 .about_l .back{left:50%; bottom: 20%;}
#story02 .about_l div{left: 100%; bottom: 10%; width: 170px; font-size: 1.125rem; }
#story02 .about_l div span{font-size: 1.5rem;}

#story02 .about_r{width: 100%; order:1}
#story02 .about_r h2{font-size: 1.75rem; line-height: 1.3; text-align: center;}
#story02 .about_r > p{font-size: 1.125rem; line-height: 1.5rem; text-align: center;}
#story02 .about_r .resume{display: block; width: 565px; margin: 50px auto;}
#story02 .about_r .resume h3{width: 100px; height: 20px; text-align: center; font-size: 1rem; margin: 0 auto; margin-bottom: 20px;}
#story02 .about_r .resume li{margin-left:50px;}
/* 상담사 소개 추가페이지 */
.counselor_inner{width: 100%; margin: 0 auto; padding-top: 100px;}
.couns_img p{padding: 20px 0;}
.couns_img p span{font-size: 1.5rem; padding-right: 5px;}
.couns_img img{display: block; margin: 0 auto;}
.counselor_inner h3{margin: 0 auto 30px auto;}

.counselor_inner .couns{display: block;padding: 0px 0px; width: 95%; margin: 0 auto; padding: 30px 0; margin-bottom: 50px;}
.counselor_inner .disc li{list-style: disc; margin-left: 20px;}
.counselor_inner .couns .couns_record .resume{display: block; justify-content: flex-start; margin-left: 0px; white-space: normal;}
.counselor_inner .couns .couns_record .resume ul{ margin:0 0 50px 20px;}
.counselor_inner .couns .couns_record .resume ul li{font-size: 1.125rem; width: 90%; margin: 0 auto;}

/* arti01 */
.arti01{width: 100%; padding: 100px 0px;}
.arti01 h3{text-align: center;}
.arti01 ul{ display: block; margin:50px auto 0 auto; width: 600px;}
.arti01 ul li{margin-bottom: 20px;}

/* arti02 */
.arti02{width: 100%;}
.arti02 h3{text-align: center;}
.arti02 .change{display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); width: 530px; margin: 50px auto 0 auto; justify-content: center; justify-items: center;}
.arti02 .change > *:only-child,.arti02 .change > *:nth-last-child(1):nth-child(odd) { grid-column: 1 / -1; justify-self: center;}
/* 심리검사 */
.arti01 table{margin: 50px auto 0 auto; width: 95%;}
.arti01 table th{ padding: 20px 20px;  vertical-align: middle;}
.arti01 table th:first-child{width: 70px;}
.arti01 table td{padding: 20px 10px; font-size: 1rem; line-height: 1.3;  vertical-align: middle;}


.arti02 .step{width: 95%; margin: 50px auto 0 auto;}
.arti02 .step li .step_h {font-size: 1rem;}
.arti02 .step li .step_p{font-size: 0.938rem; }
.arti02 .step li:nth-of-type(2) .step_p{font-size: 0.938rem;}

.arti03{width: 95%;}
.arti03 h3{text-align: center;}
.arti03 .feature{display: grid; grid-template-columns: repeat(1, auto); grid-template-rows: repeat(5, auto); counter-reset: feature-counter; gap: 10px;}
.arti03 .feature li{width: auto;}
.arti03 .feature li div:last-child{padding-left: 0;}
.arti03 .feature li .feature_img { width: 195px; height: 160px;  padding:0 25px; background-position: center center;}
.arti03 .feature li:last-child .feature_img img{transform: translateX(0px);}
.arti03 .feature li:nth-child(4) .feature_img img{transform: translateX(0px);}
.arti03 .feature li .feature_h{padding-left:30px;}
.arti03 .feature li .feature_p{padding-left: 0px;}
}

/* Mobile Large */
@media (max-width:767px){
.page_location{display: none !important;}
.section1{width: 100%; height: 100%; margin: 0 auto; padding: 50px 0px; }


/* 메인텍스트 bg */
.main_adult,.main_youth,.main_couple,.main_group,.mind_check,.center,.story{background:none;}
.main_txt::after{display: none;}
.main_txt_inner h3{width: 100%; padding: 100px 30px; }

.main_adult .main_txt_inner h3{background: url(/mn02/images/main_768.png)no-repeat;background-position: center center; }
.main_youth .main_txt_inner h3{background: url(/mn02/images/main2_768.png)no-repeat; background-position: center center;}
.main_couple .main_txt_inner h3{background: url(/mn02/images/main3_768.png)no-repeat; background-position: center center;}
.main_group .main_txt_inner h3{background: url(/mn03/images/main4_768.png)no-repeat; background-position: center center;}
.center .main_txt_inner h3{background: url(/mn05/images/main6_768.png)no-repeat; background-position: center center;}
.mind_check .main_txt_inner h3{background: url(/mn04/images/main5_768.png)no-repeat; background-position: center center;}
.story .main_txt_inner h3{background: url(/mn01/images/main_768.png)no-repeat;background-position: center center;}

.main_txt_inner h3::after{ content: "";  position: absolute; top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,0,0,0.3); pointer-events: none; z-index: -1;}

/* 형광펜 서식 */
.main_txt_inner h3 .adult_h3:first-child{width: 170px;}
.main_txt_inner h3 .adult_h3:last-child{width: 300px;}
.main_txt_inner h3 .youth_h3:first-child{width: 240px;}
.main_txt_inner h3 .youth_h3:last-child{width: 140px;}
.main_txt_inner h3 .couples_h3{width: 290px;}
.main_txt_inner h3 .group_h3{width: 320px;}
.main_txt_inner h3 .mind_h3:first-child{width: 290px;}
.main_txt_inner h3 .mind_h3:last-child{width: 90px;}
.main_txt_inner h3 .center_h3:first-child{width: 400px;}
.main_txt_inner h3 .center_h3:last-child{width: 230px;}
.main_txt_inner h3 .story_h3:first-child{width: 150px;}
.main_txt_inner h3 .story_h3:last-child{width: 370px;}

/* 섹션 제목 서식 */
.sec_h2{width: 100%; padding:0;}
.sec_h2 h2{font-size: 2rem;}
.sec_h2 h2 span{font-size: 1.5rem;}

.main_txt_inner{width: 95%; margin: 0 auto;left: 0%; top: 10%;}
.main_txt_inner h3{font-size: 1.5rem;}
.sub_txt{ font-size: 1rem; padding-left: 20px; color: #333; font-weight: normal;}
.sub_txt p{display: inline;}

.detail_txt{font-size:1rem; letter-spacing:0rem; width: 100%; margin-top: 50px;}
.detail_txt ul{width:auto;}

/* 다산애 스토리 */
#story01{width: 100%; margin: 0 auto; padding-top: 100px;}
#story01 h3{font-size: 1.5rem;text-align: center; margin-bottom: 100px;}
#story01 ul{width: 90%; display: block; margin: 0 auto;}
#story01 ul li{text-align: center; width: 340px; height: 340px; margin-top: -50px;}
#story01 ul li h4{font-size: 1.25rem;}
#story01 ul li .inner_txt p{line-height: 1.5rem; font-size: 1rem;}
.story01_detail{font-size: 1rem; margin: 0 auto; font-weight: bold;}
.quote{font-size: 1.25rem;}

#story02{width: 100%; height: auto; padding-top: 150px; overflow: hidden;}
#story02 .story02_inner{width: 100%; height: auto; margin:  0 auto; display: flex; justify-content: space-between;  border-bottom: 1px solid var(--line-color);  box-sizing: border-box; flex-direction: column; }
#story02 .about_l{position: relative; order:2; padding-top: 30px; margin-left: 0;}
#story02 .about_l .lee{width: 130%;}
#story02 .about_l .back{right: -150%;}
#story02 .about_l div{left: 120%; width: auto; width: 160px; font-size: 1.125rem; bottom: 20%;}
#story02 .about_l div span{font-size: 1.5rem;}

#story02 .about_r{width: 100%; order:1}
#story02 .about_r h2{font-size: 1.75rem; line-height: 1.3; text-align: center;}
#story02 .about_r > p{font-size: 1.125rem; line-height: 1.5rem; text-align: center;}
#story02 .about_r .resume{display: block; width: 100%;}
#story02 .about_r .resume h3{width: 100px; height: 20px; text-align: center; font-size: 1rem; margin: 0 auto; margin-bottom: 20px;}
#story02 .about_r .resume li{margin-left:50px; font-size: 1rem;}

/* 상담사 소개 추가페이지 */
.counselor_inner{width: 100%; margin: 0 auto; padding-top: 100px;}
.couns_img p{padding: 20px 0;}
.couns_img p span{font-size: 1.5rem; padding-right: 5px;}
.couns_img img{display: block; margin: 0 auto; width: 50%;}
.counselor_inner h3{margin: 0 auto 30px auto;}

.counselor_inner .couns{display: block;padding: 0px 0px; width: 95%; margin: 0 auto; padding: 30px 0; margin-bottom: 50px;}
.counselor_inner .disc li{list-style: disc;}
.counselor_inner .couns .couns_record .resume{display: block; justify-content: flex-start; margin-left: 0px; word-break: keep-all;}
.counselor_inner .couns .couns_record .resume ul{margin:0 0 50px 20px;}
.counselor_inner .couns .couns_record .resume ul li{font-size: 1rem;}

/* 심리상담 */
/* arti01 */
.arti01{width: 100%; padding: 100px 0px;}
.arti01 h3{text-align: center;}
.arti01 ul{ display: block; margin:50px auto 0 auto; width: 95%;}
.arti01 ul li{margin-bottom: 15px; font-size: 1rem; }

/* arti02 */
.arti02 .change{display:block; width: 100%; margin: 50px auto 0 auto;} 
.arti02 .change li{margin:0 auto 30px auto;}

/* 심리검사 */
.arti02 .step{display: block; margin: 50px auto 0 auto; width: 300px;}
.arti02 .step .double_arrow{display: block; transform: rotate(90deg); margin:0 auto 30px auto;}
.arti02 .step li{margin-bottom: 30px;}

.arti03{width: 95%;}
.arti03 h3{text-align: center;}
.arti03 .feature{display: grid; grid-template-columns: repeat(1, auto); grid-template-rows: repeat(5, auto); counter-reset: feature-counter; gap: 10px;}
.arti03 .feature li{width: auto;}
.arti03 .feature li div:last-child{padding-left: 0;}
.arti03 .feature li .feature_img { width: 195px; height: 160px;  padding:0 25px; background-position: center center;}
.arti03 .feature li:last-child .feature_img img{transform: translateX(0px);}
.arti03 .feature li:nth-child(4) .feature_img img{transform: translateX(0px);}
.arti03 .feature li .feature_h{padding-left:20px; font-size: 1rem;}
.arti03 .feature li .feature_p{font-size: 1rem;}
}

/* Mobile Small */
@media (max-width:460px){ 
.detail_txt{font-size:0.875rem; letter-spacing:0rem; width: 100%;}
.detail_txt ul li:nth-child(2){padding: 0px 10px;}
.quote img{width: 30px;}
.story01_detail p{font-size: 0.938;}
.quote{font-size: 1.125rem;}
.center .main_txt_inner h3 p{font-size: 1.25rem;}
.main_txt{height: 520px;}
#story02 .about_l .lee{width: 150%;}
#story02 .about_l div{left: 110%;}
.main_adult .main_txt_inner h3{background: url(/mn02/images/main_340.png)no-repeat center center; }
.main_youth .main_txt_inner h3{background: url(/mn02/images/main2_340.png)no-repeat center center;}
.main_couple .main_txt_inner h3{background: url(/mn02/images/main3_340.png)no-repeat center center;}
.main_group .main_txt_inner h3{background: url(/mn03/images/main4_340.png)no-repeat center center;}
.center .main_txt_inner h3{background: url(/mn05/images/main6_340.png)no-repeat center center;}
.mind_check .main_txt_inner h3{background: url(/mn04/images/main5_340.png)no-repeat center center;}
.story .main_txt_inner h3{background: url(/mn01/images/main_340.png)no-repeat center center;}
 .main_txt_inner h3{padding: 80px 12px;}

  /* 형광펜 서식 */
.main_txt_inner h3 .adult_h3:first-child{width: 170px;}
.main_txt_inner h3 .adult_h3:last-child{width: 300px;}
.main_txt_inner h3 .youth_h3:first-child{width: 240px;}
.main_txt_inner h3 .youth_h3:last-child{width: 140px;}
.main_txt_inner h3 .couples_h3{width: 290px;}
.main_txt_inner h3 .group_h3{width: 320px;}
.main_txt_inner h3 .mind_h3:first-child{width: 290px;}
.main_txt_inner h3 .mind_h3:last-child{width: 90px;}
.main_txt_inner h3 .center_h3:first-child{width: 340px;}
.main_txt_inner h3 .center_h3:last-child{width: 190px;}
.main_txt_inner h3 .story_h3:first-child{width: 150px;}
.main_txt_inner h3 .story_h3:last-child{width: 370px;}

.counselor_inner .couns .couns_record .resume.disc{margin-left: 10px;}
.counselor_inner .couns .couns_record .resume ul li{font-size: 0.938rem;}

}


/* Mobile Small */
@media (max-width:390px){ 
  /* 형광펜 서식 */
.main_txt_inner h3 .adult_h3:first-child{width: 150px;}
.main_txt_inner h3 .adult_h3:last-child{width: 250px;}
.main_txt_inner h3 .youth_h3:first-child{width: 230px;}
.main_txt_inner h3 .youth_h3:last-child{width: 130px;}
.main_txt_inner h3 .couples_h3{width: 250px;}
.main_txt_inner h3 .group_h3{width: 280px;}
.main_txt_inner h3 .mind_h3:first-child{width: 250px;}
.main_txt_inner h3 .mind_h3:last-child{width: 80px;}
.main_txt_inner h3 .center_h3:first-child{width: 310px; font-size: 1.125rem;}
.main_txt_inner h3 .center_h3:last-child{width: 180px; font-size: 1.125rem;}
.main_txt_inner h3 .story_h3:first-child{width: 130px;}
.main_txt_inner h3 .story_h3:last-child{width: 310px;}
.main_txt_inner h3{font-size: 1.25rem; padding: 60px 10px;}
.sub_txt{padding-left: 10px;} 

  /* 다산애 스토리 */
#story01 ul li{ width: 300px; height: 300px;}
#story01 h3{font-size: 1.25rem;}
.story01_detail{width: 100%; font-size: 0.8rem;}
/* .story01_detail p{display: inline;} */
.quote{font-size: 0.9rem;}
.quote img{width: 30px;}

#story02{padding-top: 100px; }
#story02 .about_r > p{font-size: 0.938rem;}
#story02 .about_l .lee{width: 175%;}
#story02 .about_l .back{right: -150%;}
#story02 .about_l div{left: 105%; width: 160px; font-size: 1rem;bottom: 8%; }
#story02 .about_l div span{font-size: 1.25rem;}

.counselor_inner .couns .couns_record .resume ul{margin:0 0 50px 10px; font-size: 0.9rem;}
.counselor_inner .couns .couns_record .resume ul li{ margin: 0 0 0 10px;}
.counselor_inner .couns .couns_record .resume br{display: none;}

/* 서브페이지 */
.sec_h2 .youth_h2, .sec_h2 .group_h2{font-size: 1.5rem;}
.sec_h2 .youth_h2 span, .sec_h2 .group_h2 span{font-size: 1.25rem;}
.arti01 h3{font-size: 1.5rem;} 
.main_group{height: 550px;}
.arti01 table th {font-size: 0.8rem;}
.arti03 h3{font-size: 1.5rem;}

/* 심리상담 */
.sec_h2 h2{font-size: 1.75rem;}
/* arti01 */
.arti01 ul {display: flex; flex-direction: column; gap: 16px; padding: 0;}
.arti01 ul li {display: flex; align-items: flex-start; gap: 12px;  padding: 18px 16px; background: #fff; border-radius: 12px; font-size: 1rem; line-height: 1.45;word-break: keep-all; margin-bottom: 0px;}
.arti01 ul li img {width: 22px; height: auto; flex-shrink: 0;}
.arti03 .feature li .feature_img{background-size: 120px 150px;}
/* arti02 */
.arti02 h3{font-size: 1.5rem;}
.arti02 .change{display:block; width: 100%; margin: 50px auto 0 auto;} 
.arti02 .change li{margin:0 auto 15px auto;}

/* 심리상담사 교육센터 */
.mn05.detail_txt{margin-top: 100px;}
}

@media (max-width:360px){ 
	.detail_txt {margin-top:100px;}
}