@charset "UTF-8";
/* -------------- 공통 컴포넌트 ------------ */
body { letter-spacing: -0.7px; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-half > div { width: 50%; }

.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }


.weight-300 { font-weight: 300; }

.shadow_box { border-radius: 20px; -webkit-box-shadow: 4px 6px 20px rgba(210, 210, 210, 0.33), -4px -4px 15px rgba(237, 237, 237, 0.65); box-shadow: 4px 6px 20px rgba(210, 210, 210, 0.33), -4px -4px 15px rgba(237, 237, 237, 0.65); }

.shadow_box2 { border-radius: 20px; -webkit-box-shadow: 8px 9px 15px rgba(143, 143, 143, 0.25), -6px -5px 15px rgba(255, 255, 255, 0.65); box-shadow: 8px 9px 15px rgba(143, 143, 143, 0.25), -6px -5px 15px rgba(255, 255, 255, 0.65); }

.border_box { position: relative; }

.border_box:before { content: ""; display: block; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; -webkit-box-shadow: 0px -2px 2px #e0e0e0; box-shadow: 0px -2px 2px #e0e0e0; padding: 10px; border-radius: 20px; }

.color-black {color:#000;}
.color1 { color: #978671; }
.color2 { color: #604f3b; }
.color3 { color: #ff7200; }
.color4 { color: #854141; }
.color5 { color: #e26fa4; }
.color5-2 { color: #fff4f9; }
.color5-3 { color: #f8dce9; }
.color6-1 { color: #cee7f0; }
.color6 { color: #00739c; }
.color7 { color: #978674; }
.color7-2 { color: #cebba2; }
.grey { color: #888; }
.bg3 { background-color: #ff7200; }
.bg4 { background-color: #F3F4F0; }
.bg5 { background-color: rgba(226,111,164,0.15); }
.bg7 { background-color: #F6F2EF; }

.highlight1 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(183, 139, 85, 0.5); box-shadow: inset 0 -18px 0 rgba(183, 139, 85, 0.5); }
.highlight1_1 { display: initial; -webkit-box-shadow: inset 0 -18px 0 rgba(183, 139, 85, 0.5); box-shadow: inset 0 -18px 0 rgba(183, 139, 85, 0.5); }

.highlight2 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(96, 79, 59, 0.5); box-shadow: inset 0 -18px 0 rgba(96, 79, 59, 0.5); }

.highlight3 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(255, 114, 0, 0.5); box-shadow: inset 0 -18px 0 rgba(255, 114, 0, 0.5); }

.highlight4 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(255, 114, 0, 0.5); box-shadow: inset 0 -18px 0 rgba(231, 156, 156, 0.5); }

.highlight5 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(226, 111, 164, 0.3); box-shadow: inset 0 -18px 0 rgba(226, 111, 164, 0.3); }

.highlight7 { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(165, 114, 66, 0.5); box-shadow: inset 0 -18px 0 rgba(165, 114, 66, 0.5); }

.highlight-w { display: inline-block; -webkit-box-shadow: inset 0 -18px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -18px 0 rgba(255, 255, 255, 0.3); }



.underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; }

.bold100 { font-weight: 100; }

.bold300 { font-weight: 300; }

.bold500 { font-weight: 500; }

.bold700 { font-weight: 700; }

.font18 { font-size: 18px; line-height: 1.75; }

.font20 { font-size: 20px; line-height: 1.75; }

.font22 { font-size: 22px; line-height: 1.75; }

.font24 { font-size: 24px; line-height: 1.75; }

.font26 { font-size: 26px; line-height: 1.75; }

.font30 { font-size: 30px; line-height: 1.75; }

.font40 { font-size: 40px; line-height: 1.75; }

.font45 { font-size: 45px; line-height: 1.75; }

/* -------------- 공통 레이아웃 ------------ */
.tab-content { display: none; }

.top_container img { display: none;}

.tab-content.current { display: block; }

.mainSlide_title { position: absolute; top: 36%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #FFF; text-align: left; }

.mainSlide_title01 { font-size: 22px; margin-bottom: 40px; font-weight: 300; }

.mainSlide_title02 { font-size: 58px; line-height: 80px; font-weight: 300; }

.mainSlide img { width: 100%; }

.sub_section { padding-top: 100px; padding-bottom: 100px; }

.sub_section_wrapper { max-width: 1330px; margin: 0 auto; }

.sub_section.sub01 { padding: 0; margin-top: 92px; height: 60vh; background: url(/img/sub_n/mainSlide.jpg) no-repeat center/cover; }
.sub_section.sub01_1{padding:0!important;position:relative;}
.new_shadow_box { -webkit-box-shadow: 10px 10px 5px #e0e0e0, -1px -1px 5px #e0e0e0; box-shadow: 10px 10px 5px #e0e0e0, -1px -1px 5px #e0e0e0; border-radius: 40px; }

.new_border_box { position: relative; }

.new_border_box:before { content: ""; display: block; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; -webkit-box-shadow: 0px -2px 2px #e0e0e0; box-shadow: 0px -2px 2px #e0e0e0; padding: 10px; border-radius: 40px; }

.leftline_text { padding-left: 20px; }

.pinkline { border-left: 5px solid #e26fa4; padding-left: 10px; line-height:100%;}

.brownline { border-left: 5px solid #604F3B; padding-left:20px; }

.underline { text-decoration: underline; }

.picture_section { background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; position: relative; }

.picture_section .text_wrapper { width: auto; padding: 100px 0; text-align: center; position: relative; left: 68%; display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.picture_section .text_wrapper .text01 { font-size: 40px; line-height: 50px; font-weight:700; }

.picture_section .text_wrapper .text02 { font-size: 20px; margin-top: 25px; font-weight: 200; }

.picture_section .text_wrapper .text03 { font-size: 20px; margin-top: 40px; letter-spacing: 1px; }

.picture_section .text_wrapper .text03 span { font-weight: 300; }

.picture_section:before { display: block; content: ""; position: absolute; top: 0; left: 68%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 25%; background: #fff; }

.picture_section:after { display: block; content: ""; position: absolute; bottom: 0; left: 68%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 25%; background: #fff; }

.icon_wrapper { position: relative; }

.icon_wrapper .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.icon_wrapper .icon_box { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10; }

.icon_wrapper .icon_box .right_box { margin-left: 20px; }

.icon_wrapper .icon_box .right_box .number { font-size: 24px; color: #e26fa4; margin-bottom: 10px; text-decoration: underline; }

.icon_wrapper .icon_box .right_box h1 { font-size: 20px; line-height: 1.5; }

.icon_wrapper .bg_logo { position: absolute; }

.step_container_title { padding: 60px 0; text-align: left; }

.step_container_title .sub_section_wrapper { position: relative; }

.step_container_title .bg_logo { position: absolute; top: 50%; bottom: auto !important; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 140px; }

.step_container_title .bg_logo img { width: 100%; }

.flex_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex_wrapper .left_box { width: 48%; }

.flex_wrapper .right_box { width: 48%; }

.flex_wrapper.w4 .box { width: 24%; }
.flex_wrapper.w4 .box.after_line_box .shadow_box.text_box{border: 3px solid #e26fa4;}
.flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.text_indent { padding-left: 20px; text-indent: -30px; }

.what_container { position: relative; padding-bottom: 140px; }

.what_container .left_container { width: 50%; }

.what_container .sub_section_wrapper { position: relative; z-index: 5; }

.what_container .left_container_wrapper img { width: 100%; }

.what_container .right_container { width: 45%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; }

.what_container .what_text { position: relative; display: inline-block; font-weight:700; }

.what_container .what_text:before { content: ""; display: block; position: absolute; top: 50%; left: 110%; width: 200%; height: 2px; }

.what_container .bottom_color { width: 100%; height: 45%; position: absolute; bottom: 0; }

.program_section .program_title { color: #fff; text-align: center; }

.program_section .w4 .box { border: 1px solid #fff; width: 25%; padding: 100px 0 120px; text-align: center; color: #fff; cursor: pointer; -webkit-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; }

.program_section .w4 .box:hover { background-color: #e26fa4; }

.program_section .w4 .box.current { background-color: #e26fa4; }

.program_section .w4 .plus_btn { background: #fff; width: 20px; height: 1px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.program_section .w4 .plus_btn:after { background: #fff; content: ""; height: 20px; left: 10px; position: absolute; top: -10px; width: 1px; }

.program_section .bottom_tab { background-color: #fff; padding: 50px; min-height: 250px; }

.program_section .bottom_tab .tab { display: none; }

.program_section .bottom_tab .tab.current { display: block; }

.program_section .bottom_tab .flex_wrapper .left_box { width: 20%; }

.program_section .bottom_tab .flex_wrapper .right_box { width: 80%; }

.right_bg_text { position: absolute; top: -60px; right: 170px; pointer-events: none; }

.right_bg_text p { font-size: 170px; line-height: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center right; transform-origin: center right; }

/*index_section*/
.index_section { position: relative; overflow: hidden; }

.index_section .sub_section_title { font-size: 60px; margin-bottom: 60px;margin-top:30px; }
.index_section .left_container .Mont{font-weight: 800;opacity:0.35;letter-spacing: 2px;color:#868686;}

.index_section .right_container { width: 70%; }
.index_section .right_container_wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: flex-start;}
.index_section .right_box { width: 30%;margin-right:5%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 240px; background-color: #FFF; border-radius: 30px; overflow: hidden; margin-top: 30px; border: 5px solid #F5F2EE; }
.index_section .right_box:nth-child(3n) {margin-right: 0;}
.index_section .right_box .img_box { height: 60%; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-filter: grayscale(1); filter: grayscale(1); }
.index_section .right_box .text_box { height: 40%; text-align: center; background: rgba(255, 255, 255, 0.5); }
.index_section .right_box .text_box h1 { margin-bottom: 15px; }
.index_section .right_box .text_box a { border-radius: 10px; -webkit-box-shadow: 3px 3px 10px rgba(180, 180, 180, 0.33), -1px -1px 5px rgba(180, 180, 180, 0.65); box-shadow: 3px 3px 10px rgba(180, 180, 180, 0.33), -1px -1px 5px rgba(180, 180, 180, 0.65); padding: 5px 15px; color: #898989; position: relative; z-index: 10; }
.index_section .right_box .text_box a:hover { background: #CEBBA2; color: #FFF; }
.index_section .right_box:hover { border-color: #CEBBA2; }
.index_section .right_box:hover .img_box { -webkit-filter: grayscale(0); filter: grayscale(0); }
.index_section .right_box:nth-child(-n+3) { margin-top: 0; }

.index_section .shadow_box { -webkit-box-shadow: 11px 12px 14px rgba(140, 140, 140, 0.3), -4px -4px 15px rgba(237, 237, 237, 0.6); box-shadow: 11px 12px 14px rgba(140, 140, 140, 0.3), -4px -4px 15px rgba(237, 237, 237, 0.6); }
.index_section .bg_logo { position: absolute; top: 55%; left: 0; }

/*피부질환*/
.diseases .index_section{background:#f5f2ee}
.diseases .index_section .right_box:hover {border-color: #c7baab;}
.diseases .index_section .right_box .text_box a:hover{ background: #cebba2; }
.diseases .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.diseases .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox24.png); }
.diseases .index_section .right_box.box03 .img_box { background-image: url(/img/sub_n/clickbox25.png); }
.diseases .index_section .right_box.box04 .img_box { background-image: url(/img/sub_n/clickbox26.png); }
.diseases .index_section .right_box.box05 .img_box { background-image: url(/img/sub_n/clickbox27.png); }
.diseases .index_section .right_box.box06 .img_box { background-image: url(/img/sub_n/clickbox28.png); }
.diseases .index_section .right_box.box07 .img_box { background-image: url(/img/sub_n/clickbox29.png); }
.diseases .index_section .right_box.box08 .img_box { background-image: url(/img/sub_n/clickbox30.png); }
.diseases .index_section .right_box.box09 .img_box { background-image: url(/img/sub_n/clickbox31.png); }

/*색소*/
.dermal .index_section{background:#f5f2ee}
.dermal .index_section .right_box:hover { border-color: #CEBBA2; }
.dermal .index_section .right_box .text_box a:hover{ background: #CEBBA2;}
.dermal .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.dermal .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox02.png); }
.dermal .index_section .right_box.box03 .img_box { background-image: url(/img/sub_n/clickbox03.png); }
.dermal .index_section .right_box.box04 .img_box { background-image: url(/img/sub_n/clickbox04.png); }
.dermal .index_section .right_box.box05 .img_box { background-image: url(/img/sub_n/clickbox05.png); }
.dermal .index_section .right_box.box06 .img_box { background-image: url(/img/sub_n/clickbox06.png); }


/*여드름*/
.acne .index_section{background:#f3f4ef}
.acne .index_section .right_box:hover {border-color: #516f5e;}
.acne .index_section .right_box .text_box a:hover{ background: #3d614a; }
.acne .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.acne .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox07.png); }
.acne .index_section .right_box.box03 .img_box { background-image: url(/img/sub_n/clickbox08.png); }
.acne .index_section .right_box.box04 .img_box { background-image: url(/img/sub_n/clickbox09.png); }

/*홍조*/
.flushes .index_section{background:#f9f0f1}
.flushes .index_section .right_box:hover {border-color: #a16063;}
.flushes .index_section .right_box .text_box a:hover{ background: #993f3f; }
.flushes .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.flushes .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox10.png); }


/*리프팅/쁘띠성형/항노화*/
.antiaging .index_section{background:#fff4f9}
.antiaging .index_section .right_box:hover {border-color: #e26fa4;}
.antiaging .index_section .right_box .text_box a:hover{ background: #d683ac; }
.antiaging .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.antiaging .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox11.png); }
.antiaging .index_section .right_box.box03 .img_box { background-image: url(/img/sub_n/clickbox12.png); }
.antiaging .index_section .right_box.box04 .img_box { background-image: url(/img/sub_n/clickbox13.png); }
.antiaging .index_section .right_box.box05 .img_box { background-image: url(/img/sub_n/clickbox14.png); }
.antiaging .index_section .right_box.box06 .img_box { background-image: url(/img/sub_n/clickbox15.png); }
.antiaging .index_section .right_box.box07 .img_box { background-image: url(/img/sub_n/clickbox32.png); }


/*기타 피부미용*/
.skincare .index_section{background:#fafdff}
.skincare .index_section .right_box:hover {border-color: #09779e;}
.skincare .index_section .right_box .text_box a:hover{ background: #00739c; }
.skincare .index_section .right_box.box01 .img_box { background-image: url(/img/sub_n/clickbox01.png); }
.skincare .index_section .right_box.box02 .img_box { background-image: url(/img/sub_n/clickbox16.png); }
.skincare .index_section .right_box.box03 .img_box { background-image: url(/img/sub_n/clickbox17.png); }
.skincare .index_section .right_box.box04 .img_box { background-image: url(/img/sub_n/clickbox18.png); }
.skincare .index_section .right_box.box05 .img_box { background-image: url(/img/sub_n/clickbox19.png); }
.skincare .index_section .right_box.box06 .img_box { background-image: url(/img/sub_n/clickbox20.png); }
.skincare .index_section .right_box.box07 .img_box { background-image: url(/img/sub_n/clickbox21.png); }
.skincare .index_section .right_box.box08 .img_box { background-image: url(/img/sub_n/clickbox22.png); }
.skincare .index_section .right_box.box09 .img_box { background-image: url(/img/sub_n/clickbox23.png); }


/*슬로건*/
.slogan_box {display: flex;height:800px;margin:auto;position: relative;top: 0;left: 0;overflow:hidden}
.slogan_box .slbox{position: relative;top: 0;left: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background-size: auto 130%;background-position: center;cursor: pointer;}


.slogan_box .slbox:nth-child(1){background-image:url(/img/sub_n/slogan01.jpg)}
.slogan_box .slbox:nth-child(2){background-image:url(/img/sub_n/slogan02.jpg)}
.slogan_box .slbox:nth-child(3){background-image:url(/img/sub_n/slogan03.jpg)}
.slogan_box .slbox:nth-child(4){background-image:url(/img/sub_n/slogan04.jpg)}

.slogan_box.box04 > .slbox {width: 14%;}
.slogan_box.box04 > .slbox.active {width: 58%;}


.slogan_box.box03 > .slbox {width: 17%;}
.slogan_box.box03 > .slbox.active {width: 66%;}

.slogan_box .slbox .slcont{opacity:0;}
.slogan_box .slbox.active .slcont{opacity:1;transition-delay: 0.2s;}
.slogan_box .slbox .slcont .desc{font-weight:300;margin-top:15px;font-size:1rem;line-height:1.7rem}

.slogan_box .slbox .txt{position:absolute;  top:15%;left:10%;color:#fff;}
.slogan_box .slbox .sltit {font-family: 'Montserrat', sans-serif;font-size: 2rem;font-weight: 600;transform: rotate(90deg);position: absolute;top: 90px;left:-50px;text-align: left;width: 300px;}
.slogan_box .slbox.active .sltit {transform: rotate(0);position: relative;top: 0;font-size:4rem;position: relative;top:0;left:0}


/*상단부 슬로건*/
.slide_top_box .top_tit_min{font-weight: 200;font-size: 1.8rem;line-height: 2.8rem;margin-bottom:15px;}
.slide_top_box .top_tit_lg {font-size: 3.2rem;line-height: 4.5rem;}

.slide_top_box{background-size: cover;background-position: center;background-repeat:no-repeat;background-image:url(/img/sub_n/slide_top1.jpg);color:#fff;}
.slide_top_box .num{font-family: 'Montserrat', sans-serif;font-weight:800;letter-spacing:2px;font-size:4rem;line-height: 1em;}
.slide_top_box .swiper-slide{display:flex;padding:0 10%;align-items: start;}
.slide_top_box .txt{padding-left:2%;text-align:left;}
.slide_top_box .txt_desc{font-size:2.1rem;line-height:2.8rem;margin-top:15px}
.slide_top_box .txt_desc > span{font-weight:200;}
.slide_top_box .txt_box{font-size:2rem;line-height:2.8rem;font-weight:500;padding:2px 5px; letter-spacing:-1px;background: linear-gradient(to top, rgba(186, 89, 23, .8) 50%, transparent 50%);display:initial; margin-top:5px;}

.slide_top_box .swiper-button-prev, .slide_top_box .swiper-button-next {width:13px;height:23px;background-repeat: no-repeat;background-size: 100%;background-position: center;top: 55%;bottom: auto;}
.slide_top_box .swiper-button-next{background-image: url(/img/sub_n/slide_top_next.png);right:0;left:auto}
.slide_top_box .swiper-button-prev{background-image: url(/img/sub_n/slide_top_prev.png);left: 0;right:auto}
.slide_top_box .swiper-pagination{position:relative;top:0;left:0}
.slide_top_box .swiper-pagination-bullet:after {}
.slide_top_box .swiper-pagination-bullet {width: 13px; height: 13px; background: transparent; border: 1px solid #fff; opacity: 1; border-radius: 50%; margin-right:5px; -webkit-box-shadow: 2px 2px 6px #e0e0e0;box-shadow: 2px 2px 6px #e0e0e0;}
.slide_top_box .swiper-pagination-bullet-active{width: 30px; transition: width .5s; border-radius: 8px; background: #fff; border: 1px solid transparent;}


.neumor {
border-radius: 20px;
-webkit-box-shadow: 4px 6px 20px rgb(210 210 210 / 33%), -4px -4px 15px rgb(237 237 237 / 65%);
box-shadow: 4px 6px 20px rgb(210 210 210 / 33%), -4px -4px 15px rgb(237 237 237 / 65%);
padding:70px;
margin:20px;
}

@media (max-width: 1024px) {  
	.index_section {padding-bottom: 10px;}
	.index_section .bg_logo { top: -5%; left: auto; right: -20%; }
	.index_section .sub_section_wrapper { position: relative; z-index: 10; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.index_section .sub_section_title { font-size: 34px; margin-bottom: 30px;}
	.index_section .right_container { width: 100%; }
	.index_section .right_box { height: 220px; }
	.index_section .sub_section_text { font-size: 13px; line-height: 20px; margin-bottom: 40px; }
	.index_section .left_container .Mont { font-size: 14px; }

  .new_border_box:before { border-radius: 20px; }
  .new_shadow_box { border-radius: 20px; }
  .leftline_text { padding-left: 10px; }
  .leftline { padding-left: 10px; }
  .picture_section .text_wrapper { padding: 50px 0; left: 50%; }
  .picture_section .text_wrapper .text01 { font-size: 30px; }
  .picture_section .text_wrapper .text02 { font-size: 14px; }
  .picture_section .text_wrapper .text03 { font-size: 16px; }
  .picture_section:before { left: 50%; height: 15%; }
  .picture_section:after { left: 50%; height: 15%; }
  .icon_wrapper .icon_box { width: 100%; }
  .icon_wrapper .icon_box .left_box img { width: 140px; }
  .icon_wrapper .icon_box .right_box { margin-left: 10px; }
  .icon_wrapper .icon_box .right_box h1 { font-size: 14px; }
  .icon_wrapper .icon_box .right_box .number { font-size: 18px; }
  .what_container .sub_section_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .what_container .left_container { width: 100%;}
  .what_container .right_container { width: 100%; }
  .flex_wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flex_wrapper .left_box { width: 100%; }
  .flex_wrapper .right_box { width: 100%; }
  .program_section .w4 .box { padding: 60px 0; }
  .program_section .bottom_tab { padding: 30px; min-height: auto; }
  .program_section .bottom_tab .flex_wrapper .left_box { width: 100%; text-align: center; margin-bottom: 10px; }
  .program_section .bottom_tab .flex_wrapper .right_box { width: 100%; }
  .right_bg_text { top: 0px; right: 120px; }
  .right_bg_text p { font-size: 90px; } 

  .neumor{padding:30px;}
 }


@media (max-width: 600px) { .step_container_title { padding: 0; }
  .step_container_title { padding: 60px 0; }
  .step_container_title .bg_logo { width: 90px; }
  .picture_section { padding-top: 40px; padding-bottom: 40px; }
  .icon_wrapper .icon_box .left_box img { width: 100px; }
  .what_container .left_container { margin-bottom: 30px; }
  .what_container .top_container.mb-60 { margin-bottom: 30px; }
  .what_container .what_text:before { width: 100%; }
  .program_section .flex_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .program_section .w4 .box { width: 100%; padding: 10px 0 20px; }
  .program_section .w4 .box .font26 { font-size: 14px; }
  .program_section .mb-10 { margin-bottom: 15px; }
  .right_bg_text { top: 0px; right: 80px; }
  .right_bg_text p { font-size: 80px; } 
  
	.index_section .right_box { width: calc(33% - 10px); height: 120px; border-radius: 15px; margin-right: 10px;margin-top:15px; }
	.index_section .right_box .img_box { background-size: cover; height: 50%; }
	.index_section .right_box .text_box { height: 50%; }
	.index_section .right_box .text_box a { padding: 3px 10px; }
	.index_section .bg_logo { width: 80%; }
}

@media (max-width: 1320px) { 
  .sub_section_wrapper { max-width: 100%; margin-left: 40px; margin-right: 40px; }
  .sub_section.sub01 { height: 60vh; position: relative; }
  .mainSlide_title01 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
  .mainSlide_title02 { font-size: 50px; line-height: 60px; }
  
}

@media (max-width: 1024px) {
  .font18 { font-size: 14px; line-height: 1.5; }
  .font20 { font-size: 15px; line-height: 1.5; }
  .font24 { font-size: 18px; line-height: 1.5; }
  .font26 { font-size: 20px; line-height: 1.5; }
  .font30 { font-size: 22px; line-height: 1.5; }
  .font38 { font-size: 23px; line-height: 1.5; }
  .font40 { font-size: 24px; line-height: 1.5; }
  .font45 { font-size: 26px; line-height: 1.5; }
  .sub_section_wrapper {margin-left: 30px;margin-right: 30px;}
  .sub_section.sub01 { height: 46vw; position: relative; margin-top: 70px; }
  /*.sub_section.sub01_1{ margin-top: 91px;}*/

  .mainSlide_title01 { font-size: 15px; line-height: 25px; margin-bottom: 30px; margin-top: -20px;}
  .mainSlide_title02 { font-size: 30px; line-height: 45px; }
  .sub_section { padding-top: 40px; padding-bottom: 40px; }
  .sub_section.sub02 { padding-top: 80px; padding-bottom: 80px; }
  .three{ width:100%}
  .flex-pc{ display:block}
  .pd_t { padding-top: 20px;}
}

@media (max-width: 990px) { 
.slogan_box {height:300px;}
.slogan_box .slbox .sltit { top:140px; left:-120px;}
  /*.hidden_text { display: none !important; }*/
/*.slogan_box .slbox {width: 100%!important;background-size: cover;background-position: center top 30%;}
.slogan_box {display: block;height: auto;}
.slogan_box .slbox .txt {position: relative;top: 0;left: 0;padding: 5%;}
.slogan_box .slbox .sltit {transform: rotate(0);position: relative;top: 0;left: 0;font-size: 2.2rem!important;}
.slogan_box .slbox .slcont {opacity: 1;}*/
}

@media (max-width: 600px) {
	.font18 { font-size: 13px; line-height: 1.5; }
	.font20 { font-size: 13px; line-height: 1.5; font-weight: 400; }
	.font24 { font-size: 16px; line-height: 1.5; }
	.font26 { font-size: 18px; line-height: 1.5; font-weight: 400; }
	.font26_b { font-size: 18px; line-height: 1.5; font-weight: 400; }
	.font30 { font-size: 20px; line-height: 1.5; }
	.font38 { font-size: 18px; line-height: 2; }
	.font40 { font-size: 22px; line-height: 1.5; }
	.font45 { font-size: 21.5px; line-height: 1.5; }
	.border_box:before { border-radius: 15px; }
	.sub_section.sub01 { height: 50vw; }
	.mainSlide_title {top:51%;}
	.mainSlide_title02 { font-size:25px; line-height:1.2; }
	.sub_section.sub02 { padding-top: 40px; padding-bottom: 40px; }
	.what_container .bottom_color{height:100%!important}
	.what_container .left_container { width: 30%; position:absolute; right:0;}
	.what_container .what_text {font-size: 24px;margin-bottom: 8px;font-weight: 700;}
	.what_container .what_text:before {width: 70%;}
	.what_container .top_container.st1{width:70%;}

	.index_section .sub_section_title{margin-top:15px;}
	.picture_section .text_wrapper .text01 { line-height:40px;}

	.img60 {width: 60%!important;margin: auto!important;}
	.img80 {width: 80%!important;margin: auto!important;}
	.imghalf{width:47.5%!important}
	.m-space-between{justify-content: space-between;}

	
}

@media (max-width: 768px) {
  .sub_section_wrapper.flex { flex-direction: column; }
  .sub_section_wrapper.flex.flex-half > div { width: 100%; }
  .bottom_container_wrapper.flex { flex-direction: column; }
  .bottom_container_wrapper.flex > div { width: 100%; }
  .index_section .right_box .text_box h1{font-size:10px; text-size-adjust : none;-webkit-text-size-adjust: none;}

  .slide_top_box .top_tit_lg {font-size: 2.5rem;line-height: 4rem;}
  .slide_top_box .top_tit_min {font-size: 1.8rem;margin-bottom:5px;}
  .slide_top_box .swiper-slide {padding: 0 5%;}
   /*.sub_section.sub01_1{ margin-top: 67px;}*/

}

@media (max-width: 600px) {
	.section.slide_top_box {padding:10px 0;}

	.slide_top_wrap.cont_box {margin-top:7px;}

	.slide_top_box .swiper-slide {padding: 0 8%;}
	.slide_top_box .swiper-slide{text-align:left;}


	.slide_top_box .num{font-size: 1.5rem; margin-top:4px;}
	.slide_top_box .txt_desc{margin-top:4px;}

	.slide_top_box .top_tit_lg {font-size:1.3rem;line-height: 1.5rem; letter-spacing:normal;}
	.slide_top_box .top_tit_min {font-size: 0.8rem;line-height: 1rem;}
	.slide_top_box .txt_box {font-size: 1.1rem; line-height:1.3rem; margin-top:0;}
	.slide_top_box .txt_desc {font-size: 0.9rem;line-height: 1.1rem; letter-spacing:normal;}
	.slide_top_box .swiper-pagination-bullet {width:10px; height:10px;}
	.slide_top_box .swiper-pagination-bullet-active{width: 20px; }
	.slide_top_box .swiper-pagination{margin-top:0px;}


	.slogan_box .slbox .slcont .tit {font-size: 1.8rem;line-height: 1.4;}
	.slogan_box .slbox .sltit{font-size:1.2rem!important;font-weight:400}
	.slogan_box .slbox .slcont .desc{margin-top:10px;}

	.slogan_box .slbox.active .slcont {width:60%;}
	.slogan_box { height:260px;}
}
@media(max-width:480px){
	.neumor{padding:15px;}
}

@media (max-width: 390px) {
.slide_top_box .top_tit_lg {font-size:1.1rem;line-height: 1.4rem; letter-spacing:normal;}
.slide_top_box .top_tit_min {font-size: 0.7rem;line-height: 1rem;}
.slide_top_box .num{font-size: 1.3rem; margin-top:4px;}
.slide_top_box .txt_box {font-size: 1rem; line-height:1.3rem; margin-top:0;}
.slide_top_box .txt_desc {font-size: 0.7rem;line-height: 1.1rem; letter-spacing:normal;}

.index_section .right_box { width:calc(33% - 7px); }
.index_section .right_box .text_box a { padding: 2px 6px; }
.index_section .right_box .text_box span { font-size: 11px;}

}

.flex-wrap {flex-wrap: wrap;}
.justify-center {justify-content: center;}