/*mainStyle.css*/

body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; font-family: 'Noto Sans KR', sans-serif;}
.bannerWrap{width: 100%; height: 950px; position: relative;}
.bannerWrap > img{filter: brightness(0.5);height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div{width: 768px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div img{margin: 30px auto;}
.bannerWrap > div h2, .bannerWrap > div p{text-align: center; color: #fff;}
.bannerWrap > div h2{font-size: 48px; letter-spacing: -1px; line-height: 1.2; margin-bottom: 40px;}
.bannerWrap > div p{font-size: 28px; line-height: 1.5;}
.bannerWrap > div p span{display: block;}
.bannerWrap > div > div{width: 37px; height: 192px; position: absolute; font-size: 100px; color: #fff; z-index: 10; top: 30px; background: url(../img/main/square_bracket1.png); background-size: 100% 100%;}
.bannerWrap > div > div.square_bracket1{left: 100px;}
.bannerWrap > div > div.square_bracket2{background-image: url(../img/main/square_bracket2.png); right: 100px;}
.inner.box{padding: 0 20px 120px;} 
.main_title{padding: 100px 0;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}
.main_title h2 span{color: #e8a67c; font-weight: 600; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}
.coreComWrap{width: 100%; background: url(../img/main/bg_img1.png); background-size: cover; background-repeat: no-repeat;}
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 10px;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{  }
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #0092c8;}

.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.hot_icon .latest_wr > div.ing_projects{ }
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#0092c8; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/bg_img2.png); background-size: cover; background-position: center;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px;}
.contactWrap .root_daum_roughmap{height: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){
    .bannerWrap > div img{width:110px;}   
    .bannerWrap > div h2{font-size: 30px;}
    .bannerWrap > div p{width: 90%; margin: 0 auto; font-size: 18px;}
    .bannerWrap > div > div{top: 20px;}
    .bannerWrap > div > div.square_bracket1{left: 160px;}
    .bannerWrap > div > div.square_bracket2{right: 160px;}
    .inner{width: 100%; padding: 0 20px 60px;} 
    .main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
    .main_title h2 span{margin-right: 15px;}
    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap{background-size: auto 100%;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}  
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;}
    .contactWrap .inner{padding-bottom: 100px;}
    .contactWrap .main_title{padding-bottom: 50px;}  
}
@media screen and (min-width:481px){
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%;  padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s;}
}
@media screen and (min-width:481px) and (max-width: 1199px){
    .bannerWrap{height: 800px;}
}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}

@media screen and (max-width:767px){
    .bannerWrap > div{width: 480px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
}
@media screen and (max-width:600px){
    .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}
@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}
}
@media screen and (max-width: 480px){
    .bannerWrap{height: 700px;}
    .bannerWrap > div{width: 320px;}
    .bannerWrap > div img{width: 63px; height: 42px; margin: 30px auto 20px;}   
    .bannerWrap > div h2{font-size: 20px;}
    .bannerWrap > div p{font-size: 12px;}
    .bannerWrap > div > div{width: 20px; height: 104px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
    .main_title h2 span{margin-right: 10px;}
    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
    .detail > ul{width: 100%;}
    .detail > ul li{width: 100%; height: 100px; overflow: hidden;}
    .detail > ul li img{width: 56px; margin: 0px auto 30px;} 
    .detail > ul li p{font-size: 16px;}
    .detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;} 
    .detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;} 
    .detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 40px 0; height: 100%;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:20px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
    .consertWrap .inner{padding-bottom: 60px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    .contactWrap .inner{padding-bottom: 50px;}
    .contactWrap .main_title{padding-bottom: 30px;}
    .contactWrap .detail{height: 220px; overflow: hidden;}  
    .portfolioWrap .pic_lt li .lt_img {height: 220px;}
}
@media screen and (max-width:350px){
    .portfolioWrap .port_go a{font-size: 12px;}
}



:root{
	--header-height: 100px;
	--header-sub-height:100px;
	--main-color: #e8a77d;
	--transition-custom: all 0.4s ease-in-out;
	--header-top: 40px;
}

.Msection0, .Msection1, .Msection2, .Msection3, .Msection4, .Msection5, .Msection7, footer {position:relative; z-index:200;}
/* 메인배너 */
.main_home{ width: 100%; height: 100vh; z-index: 1;position:relative;}
.main_home .main_slider {width:100%; height:100%;}
.main_home .main_bg_slider{position:absolute;top:0px;left:0px; height:100%; width:100%; z-index:3;}
.main_home .text_slider_wrap{position:relative;width: 100%;height: 100%; z-index:3; display:flex; align-items:center; }
.main_home .text_slider_wrap .inner {max-width:1280px; width:100%; margin:0 auto; display:flex;flex-direction: column; }
.main_home .main_text_slider{margin-bottom:0;}
.main_home .slick-list,.main_home .slick-track{width: 100%;height: 100%;outline:0;overflow:hidden;}
.main_home .main_slider .item,.main_home .main_slider .img{width: 100%;height: 100%;filter: brightness(0.9);}
.main_home .main_slider .img{position:absolute;top: 0;left: 0;}
.main_home .main_slider .text_wrap{position: relative;display: flex;flex-wrap: wrap;flex-direction: column;color: #fff;overflow:hidden;}
.main_home .main_slider .text_wrap .title1{opacity:0; padding-top:2vw;position:relative;letter-spacing:-0.08em;font-size: 45px;font-weight:350;line-height: 1.35;font-family: 'Noto Serif KR', serif;}
.main_home .main_slider .text_wrap .title1:before {content:''; display:block; width:20px; height:17px; background:url("/img/main_home_ico.png")no-repeat center; position:absolute; top:0; left:0;}
.main_home .main_slider .text_wrap .txt1{opacity:0; font-size: 18px; line-height:1.7;margin-top: 2vw;}

.main_home .scrollDown {position:absolute; top:50%; transform:translateY(-50%);left:20px; z-index:4; width:40px; height:109px; background:url("/img/main_home_scroll.png")no-repeat center; background-size:cover; text-indent:-9999px; overflow:hidden;} 

.main_home .indicator {position:relative; display:flex; align-items:center; margin-top:2vw; gap: 3%;}
.main_home .indicator .dot {height:169px;}
.main_home .indicator .dot ul{position:relative; display:flex; align-items:center;height:100%; display: none;}
.main_home .indicator .dot li{position:relative; }
.main_home .indicator .dot li + li{	margin-left: 15px;}
.main_home .indicator .dot li button{cursor:pointer; position:relative;width: 100px; height: 100px; box-sizing:border-box; box-shadow:0 0 10px rgba(0 0 0 / 20%); border-radius:50%;}
.main_home .indicator .dot li button.img1{content-visibility: auto;background:url("/img/main_slide_indicator_01.png");}
.main_home .indicator .dot li button.img2{content-visibility: auto;background:url("/img/main_slide_indicator_02.png");}
.main_home .indicator .dot li button.img3{content-visibility: auto;background:url("/img/main_slide_indicator_03.png");}
.main_home .indicator .dot li button.img4{content-visibility: auto;background:url("/img/main_slide_indicator_04.png");}
.main_home .indicator .dot li button.active {width:100px; border-radius:50%;}
.main_home .indicator .dot li button.img1.active{content-visibility: auto;background:url("/img/main_slide_indicator_01_active.png");}
.main_home .indicator .dot li button.img2.active{content-visibility: auto;background:url("/img/main_slide_indicator_02_active.png");}
.main_home .indicator .dot li button.img3.active{content-visibility: auto;background:url("/img/main_slide_indicator_03_active.png");}
.main_home .indicator .dot li button.img4.active{content-visibility: auto;background:url("/img/main_slide_indicator_04_active.png");}

.main_home .slick-dots li button:before {display:none;}
.main_home .indicator .btn {width:12px; height:17px; cursor:pointer;}
.main_home .indicator .prev {content-visibility: auto;background:url("/img/main_slide_prev.png")no-repeat center;margin-right:10px;}
.main_home .indicator .next {content-visibility: auto;background:url("/img/main_slide_next.png")no-repeat center;margin-left:10px;}
.main_home .slick-dotted.slick-slider {margin-bottom:0;}

.main_home .main_slider .img{transform:scale(1.13);}
.main_home .main_slider .item.on .img{transform:scale(1); transition:3s;}
.main_home .main_slider .item.on .title1 {animation:txtUp 1.3s;animation-fill-mode:forwards;}
.main_home .main_slider .item.on .txt1 {animation:txtUp 1.3s 0.5s;animation-fill-mode:forwards;}

/* 메인배너 */

/* 1번 섹션 */
.main_title_wrap strong {font-family:'Noto Sans KR', sans-serif;display:block;    font-weight: bold; font-size:14px; line-height:1; padding-bottom:10px; color:#e8a77d;}
.main_title_wrap h2 {
    font-family: 'Noto Sans KR', sans-serif, serif;
    font-weight: 200;
    font-size: 40px;
    line-height: 1.4;
    
}
.main_title_wrap h2 em {
    font-family: 'Noto Sans KR', sans-serif, serif;
    font-weight: 600;
    font-style: normal;
  
    line-height: 1.4;
}
.btn_link {
    width: 46px;
    height: 46px;
    background: url(/img/main_btn_link.png) no-repeat center;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    margin-left: 20px;
}
.btn_link.strYellow {
    background-image: url(/img/main_btn_link_yellow.png);
}

#Msection1 {position:relative; margin-bottom:140px; height:650px;}
#Msection1 .section { max-width:1280px; margin:0 auto; display:flex;}
#Msection1 .sect-title { position: absolute;max-width: 580px; padding-top:50px; display: flex; flex-direction: column;justify-content: space-between; z-index:10;}

#Msection1 .Msection1--row {display:flex; flex-wrap:wrap; justify-content:flex-end;align-items:center; width:100%; height:650px;}
#Msection1 .Msection1--swiper {flex:0 0 50%; max-width:900px; position:relative; overflow:hidden;}
#Msection1 .swiper .swiper-slide:not(.swiper-slide-active) * { animation: none}
#Msection1 .swiper {width:100%; height:100%;}
#Msection1 .Msection1--swiper .swiper {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	max-width:90%;
	margin-left: auto;
	margin-right: 0;
	background-color: transparent !important;

}
#Msection1 .Msection1--swiper .swiper-wrapper {height: auto;}
#Msection1 .Msection1--swiper .swiper-slide {width:505px !important}
#Msection1 .Msection1--swiper .swiper-slide .img-area {transition: 1s; text-align:left;}
#Msection1 .Msection1--swiper .swiper-slide .img-area img {width: 100%;border-radius:10px;}
#Msection1 .Msection1--swiper .swiper-slide > .title {position: absolute; opacity: 0; pointer-events: none}
#Msection1 .Msection1--swiper .title {font-size: 40px; font-weight: 300; line-height: 1.2}
#Msection1 .swiper-pagination-num {position: absolute; bottom: 60px; z-index: 5;}
#Msection1 .swiper-pagination-num .page-num {font-size:24px; font-weight:600;}
#Msection1 .swiper-pagination-num .page-num span {
	font-family: 'Noto Sans KR', sans-serif, serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    z-index: 10;

}

#Msection1 .swiper-pagination-num .page-num span:last-of-type {font-size: 24px; font-weight: 600; color:#aaa;}
#Msection1 .swiper-pagination-num .title { font-family: 'Noto Sans KR', sans-serif, serif; padding-top:30px;font-size:40px; line-height:1.2; font-weight:300;} 
#Msection1 .swiper-pagination-num .title strong { font-family: 'Noto Sans KR', sans-serif, serif;font-weight:700; display:block; }
#Msection1  .nest-button {
    position: absolute;
    z-index: 5;
    width: 55px;
    padding-top: 30px;
}

#Msection1 .nest-button .nest-button-next, #Msection1 .nest-button .nest-button-prev {
    position: absolute;
    transition: 0.2s;
    width: 12px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
	cursor:pointer;
}

#Msection1 .nest-button-next {
    right: 0;
	background-image: url(/img/Msection1--swiper--next.png);
}


#Msection1 .nest-button-prev {
    left: 0;
    background-image:url(/img/Msection1--swiper--prev.png);
}
@media (min-width:1920px){
	#Msection1 .Msection1--swiper .swiper {width:100%;}
	#Msection1 .Msection1--swiper {max-width:1160px;}
}
.Msection7 {background:#161819;}
.Msection7 .flex-box {display:flex;}
.Msection7 .main_title_wrap {width:280px; flex:0 0 280px;padding-top:140px;}
.Msection7 .list_wrap {display:flex; flex:1;border-right:1px solid rgba(227 224 212 / 10%);}
.Msection7 .list {color:#fff; width:33.3%; border-left:1px solid rgba(227 224 212 / 10%); transition:all 0.3s;}
.Msection7 .list a {padding:140px 0; display:block; padding-left:40px;}
.Msection7 .txt_wrap {position:relative;}
.Msection7 .txt_wrap p {font-size:18px; line-height:30px; color:#fff; padding:30px 0 10px;}
.Msection7 .txt_wrap h2 {font-weight:200; font-size:35px; line-height:50px; font-family: 'Noto Sans KR', sans-serif, serif;color:#fff;}
.Msection7 .btn_link {margin:0; display:none; transition:all 0.3s; position:absolute; left:0; bottom:-90px;}
.Msection7 .list:hover {background:#101519; transition:all 0.3s;}
.Msection7 .list:hover .btn_link {display:block; transition:all 0.3s;}
.Minner {
    max-width: 1280px;
    margin: 0 auto;
    
}
.main_title_wrap.whiteH h2, .main_title_wrap.whiteH h1, .main_title_wrap.whiteH p {
    color: #fff;
}
@media (max-width:768px){
    #Msection1 .sect-title {
        position: absolute;
        max-width: 580px;
        padding-top: 29px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10;
        padding-left: 20px;
    }
    #Msection1 .swiper-pagination-num {
        position: absolute;
        bottom: 0px;
        z-index: 5;
        padding: 10px 0 0 20px;
    }
    #Msection1 .swiper-pagination-num .page-num{
        padding-top: 33px;
    }
    #Msection1 .Msection1--row {
        display: flex;
        /* flex-wrap: wrap; */
        justify-content: flex-end;
        width: 100%;
        height: 649px;
        padding: 0 20px;
        align-items: center;
    }
    #Msection1 .Msection1--swiper {
        flex: 0 0 100%;
        max-width: 900px;
        padding: 19px 0;
        position: relative;
        overflow: hidden;
    }
    .main_title_wrap h2{
        font-size: 28px;
    }
    #Msection1 .swiper-pagination-num .title{
        font-size: 25px;
    }
}
/* 1번섹션 */

/* 2번섹션_1 */
.Msection2 {overflow:hidden;}
.Msection2 .flex-box {display:flex; height:100vh;}

.Msection2 .right {position:relative;}
.Msection2 .right .ani_back {width:100%; height:50%; background:#fff; position:absolute; z-index:2;}
/*
.Msection2 .right.active .ani_back.up {animation:whiteAniUp 1s cubic-bezier(.215,.61,.355,1) 0.3s forwards;}
.Msection2 .right.active .ani_back.down {animation:whiteAniDown 1s cubic-bezier(.215,.61,.355,1) 0.3s forwards;}
*/
.txt_wrap .main_title_wrap strong {color:#fff !important;}
.Msection2 .btn_link .strYellowP{filter: grayscale(100%) brightness(200%); }
.Msection2 .left {background:#e8a77d; width:50%; }
.Msection2 .left .ani_white {transform: translateY(0%);width:100%; height:100%; background:#fff; position:absolute; z-index:2;}
.Msection2 .left.active .ani_white {animation:whiteAniUp 2s cubic-bezier(.215,.61,.355,1) 0.3s forwards;}
.Msection2 .right {width:50%;}
.Msection2 .left {display:flex; justify-content:flex-end; align-items:center;}
.Msection2 .txt_wrap {width:640px; padding:130px 0 135px; padding-right:40px;}
.Msection2 .click_wrap {margin-top:50px;}
.Msection2 .click_wrap ul {display:flex; border-top:1px solid #fff;}
.Msection2 .click_wrap ul + ul {border-bottom:1px solid #fff;}
.Msection2 .click_wrap li {width:50%; padding:0 15px; margin:20px 0;cursor:pointer;}
.Msection2 .click_wrap li + li {border-left:1px solid #fff;}
.Msection2 .click_wrap li .eng {color:#fff;font-family: 'Noto Serif KR', serif; font-size:20px; letter-spacing:-0.02em; font-weight:200;} 
.Msection2 .click_wrap li .kor {display:none;color:#fcdfc4; font-size:20px; font-weight:350;} 
.Msection2 .click_wrap li.on .eng {display:none;}
.Msection2 .click_wrap li.on .kor {display:block;}
.Msection2 .img_wrap {width:100%; height:100%;}
.Msection2 .img_wrap.default {background:url("/img/main02.jpg")no-repeat center;background-size:cover;}
.Msection2 .img_wrap.img1 {background:url("/img/Msection2_img1.jpg")no-repeat center;background-size:cover;}
.Msection2 .img_wrap.img2 {background:url("/img/Msection2_img2.jpg")no-repeat center;background-size:cover;}
.Msection2 .img_wrap.img3 {background:url("/img/Msection2_img3.jpg")no-repeat center;background-size:cover;}
.Msection2 .img_wrap.img4 {background:url("/img/Msection2_img4.jpg")no-repeat center;background-size:cover;}

.Msection2 .click_wrap li .icon_wrap {width:280px; height:101px; background-repeat:no-repeat; background-position:center;background-size:cover;}
.Msection2 .click_wrap li.li1 .icon_wrap {background-image:url("/img/Msection2_icon01.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li1.on .icon_wrap {background-image:url("/img/Msection2_icon01_on.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li2 .icon_wrap {background-image:url("/img/Msection2_icon02.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li2.on .icon_wrap {background-image:url("/img/Msection2_icon02_on.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li3 .icon_wrap {background-image:url("/img/Msection2_icon03.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li3.on .icon_wrap {background-image:url("/img/Msection2_icon03_on.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li4 .icon_wrap {background-image:url("/img/Msection2_icon04.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .click_wrap li.li4.on .icon_wrap {background-image:url("/img/Msection2_icon04_on.png"); transition:all 0.2s linear;filter: grayscale(100%) brightness(200%);}
.Msection2 .icon_wrap {margin-bottom:20px;}

@keyframes maintxtani {
  form { transform: translateY(100px); opacity: 0;}
  to { transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes maintxtani {
  form { transform: translateY(100px); opacity: 0;}
  to { transform: translateY(0); opacity: 1;}
}

@keyframes whiteAniUp {
	0%{transform: translateY(0%);}
	100%{transform: translateX(-100%);}
}

@media (max-width:768px){
    .Msection2 {padding:13.5vw 0;background:#81719b;}
    .Msection2 .click_wrap .img_on {display:none;}
    .Msection2 .click_wrap {margin-top:6.7vw; border-top:1px solid #9f8bbf;}
    .Msection2 .click_wrap ul {display:flex; padding-top:3.8vw;}
    .Msection2 .click_wrap li {cursor:pointer; width:25%; text-align:center; height:10.7vw;}
    .Msection2 .click_wrap li + li {border-left:1px solid #9f8bbf;}
    .Msection2 .click_wrap li.on .img {display:none;}
    .Msection2 .click_wrap li.on .img_on {display:block;}
    .Msection2 .click_wrap li .img {max-width:9.4vw;}
    .Msection2 .click_wrap li .img_on {max-width:20vw;}
    .Msection2 .click_wrap .icon_wrap {height:100%;display:flex; align-items:center; justify-content:center;}
    .Msection2 .img_wrap {padding-top:4vw;}
    .Msection2 .img_wrap img {width:100%;}
    .Msection2 .txtImg  {position:relative;}
    .Msection2 .img_wrap span {position:absolute; top:50%; transform:translateY(-50%); font-size:6.7vw;font-family: 'Noto Serif KR', serif;letter-spacing:-0.02em; color:#353535;width:100%; text-align:center;}
    .Msection2 .img_wrap span.white {color:#fff;}
    .Msection2 .img_wrap .txtImg {display:none;}
    .Msection2 .img_wrap.default .txtImg.default {display:block;}
    .Msection2 .img_wrap.img1 .txtImg.img1 {display:block;}
    .Msection2 .img_wrap.img2 .txtImg.img2 {display:block;}
    .Msection2 .img_wrap.img3 .txtImg.img3 {display:block;}
    .Msection2 .img_wrap.img4 .txtImg.img4 {display:block;}
}
/* 2번섹션_1 */

/* 2번섹션 */

#best {position:relative; z-index:2; padding-bottom:166px; background:#f5f5f5;}
#best .container {display:flex; justify-content:space-evenly;}
#best .title {width:290px; padding-top:85px; text-align:center; line-height:1;}
#best .title h2 {font-family:'Noto Sans KR', sans-serif, serif;}
#best .title h2 span {display:block; font-weight:400; color:#e8a77d; font-size:40px; }
#best .title h2 strong {display:block; margin-top:8px; font-weight:400; color:#444444; font-size:90px; }
#best .title .stit {font-size:24px; color:#444444; font-weight:300;}
#best .title .stit::before {display:block; width:1px; height:80px; margin:30px auto; background:#444444; content:'';}
#best .cont {width:840px; margin-right:-17px; padding-top:42px;}
#best .best_list {display:flex; flex-wrap:wrap; margin:-7px; text-align:center;}
#best .best_list li {width:25%; padding:7px;}
#best .best_list .inbox {width:200px; height:200px; padding-top:33px; border-radius:30px; transition:all 0.4s;}
#best .best_list .inbox::before {display:block; width:80px; height:80px; margin:0 auto 17px; background:url('/img/icon_best.png') no-repeat; content:'';}
#best .best_list li:nth-child(1) .inbox::before {background-position:0 0;}
#best .best_list li:nth-child(2) .inbox::before {background-position:0 10%;}
#best .best_list li:nth-child(3) .inbox::before {background-position:0 20%;}
#best .best_list li:nth-child(4) .inbox::before {background-position:0 30%;}
#best .best_list li:nth-child(5) .inbox::before {background-position:0 40%;}
#best .best_list li:nth-child(6) .inbox::before {background-position:0 50%;}
#best .best_list li:nth-child(7) .inbox::before {background-position:0 60%;}
#best .best_list li:nth-child(8) .inbox::before {background-position:0 70%;}
#best .best_list strong {display:block; font-size:24px; color:#444444; font-weight:500;}
#best .best_list a:hover .inbox {background:#fff; box-shadow:0 0 70px rgba(143,143,143,0.2);}

@media (max-width:768px){
#best {position:relative; z-index:2; margin-top:-22rem; padding:30rem 0 15rem; background:#f5f5f5;}
#best .container {}
#best .title {text-align:center;}
#best .title h2 {font-family:'Noto Sans KR', sans-serif, serif; font-size:6rem;}
#best .title h2 span {font-weight:400; color:#e8a77d;}
#best .title h2 strong {font-weight:400; color:#444444;}
#best .title .stit {margin-top:0.8rem; font-size:2.8rem; color:#444444; font-weight:300;}
#best .cont {margin-top:7.5rem;}
#best .best_list {display:flex; flex-wrap:wrap; margin:0 -1.4rem -5.5rem; text-align:center;}
#best .best_list li {width:25%; padding:0 1.4rem 5.5rem;}
#best .best_list i {display:block; position:relative; padding-bottom:100%; margin:0 auto 2.5rem; border-radius:3rem; background:#fff;}
#best .best_list i::before {position:absolute; top:50%; left:50%; width:8rem; height:8rem; margin:-4rem; background:url('/img/icon_best.png') #fff no-repeat; background-size:100% auto; content:'';}
#best .best_list li:nth-child(1) i::before {background-position:0 0;}
#best .best_list li:nth-child(2) i::before {background-position:0 10%;}
#best .best_list li:nth-child(3) i::before {background-position:0 20%;}
#best .best_list li:nth-child(4) i::before {background-position:0 30%;}
#best .best_list li:nth-child(5) i::before {background-position:0 40%;}
#best .best_list li:nth-child(6) i::before {background-position:0 50%;}
#best .best_list li:nth-child(7) i::before {background-position:0 60%;}
#best .best_list li:nth-child(8) i::before {background-position:0 70%;}
#best .best_list strong {display:block; margin:0 -1rem; font-size:2.4rem; color:#444444; font-weight:500; white-space:nowrap;}
}

/* 2번섹션 */

/* 3번섹션 */

.Msection4 {position:relative; width:100%; height:100%;}
.Msection4 .list_wrap {position:relative;background:#101519; z-index:0;}
.Msection4 .coverBg {width:100%; height:100%;position:absolute; top:50%;left:50%;transform:translate(-50%,-50%); z-index:-1;}

.Msection4 .coverBg.default {background:url("/img/Msection4_default.jpg")no-repeat center; background-size:cover;}
.Msection4 .coverBg.bg1 {background:url("/img/Msection4_bg4.jpg")no-repeat center; background-size:cover;}
.Msection4 .coverBg.bg2 {background:url("/img/Msection4_bg4.jpg")no-repeat center; background-size:cover;}
.Msection4 .coverBg.bg3 {background:url("/img/Msection4_bg4.jpg")no-repeat center; background-size:cover;}
.Msection4 .coverBg.bg4 {background:url("/img/Msection4_bg4.jpg")no-repeat center; background-size:cover;}
.Msection4 .list_wrap .coverBg {transition:all 0.6s ease; opacity:0;}
.Msection4 .list_wrap .coverBg.on {transition:all 0.6s ease; opacity:1;}
.Msection4 .list_wrap .box:nth-child(1):hover ~ .coverBg.bg1 {transition:all 0.6s ease; opacity:1;}
.Msection4 {position:relative; padding:0;}
.Msection4 .main_title_wrap {position:absolute; top:140px; left:50%; transform:translateX(-50%); width:800px; z-index:2;}
.Msection4 .list_wrap .box { border-left:1px solid #101519; width:25%; padding:380px 0 205px; text-align:center;}
.Msection4 .list_wrap .box h1 {color:rgba(255 255 255 / 50%);font-family: 'Noto Serif KR', serif; font-weight:600; font-size:60px; line-height:1; padding:40px 0 30px;}
.Msection4 .list_wrap .box p {color:rgba(255 255 255 / 50%); font-size:18px; letter-spacing:-0.06em; line-height:1; padding-bottom:40px;}
.Msection4 .flex-box {display:flex; border-right:1px solid #101519;}
.Msection4 .box .icon {width:48px; height:51px; margin:0 auto; text-align:center; margin-top:30px;background:no-repeat center; background-size:cover;}
.Msection4 .box .icon1 {background-image:url("/img/Msection4_icon1.png");}
.Msection4 .box .icon2 {background-image:url("/img/Msection4_icon2.png");}
.Msection4 .box .icon3 {background-image:url("/img/Msection4_icon3.png");}
.Msection4 .box .icon4 {background-image:url("/img/Msection4_icon4.png");}
.Msection4 .box {position:relative;}
.Msection4 .box.on:after {content:''; display:block; width:304px; height:306px; 
background:url("/img/Msection4_hover2.png")no-repeat center;
position:absolute; top:380px; left:0; z-index:2;}
.Msection4 .box.on .icon1 {background-image:url("/img/Msection4_icon1_on.png");}
.Msection4 .box.on .icon2 {background-image:url("/img/Msection4_icon2_on.png");}
.Msection4 .box.on .icon3 {background-image:url("/img/Msection4_icon3_on.png");}
.Msection4 .box.on .icon4 {background-image:url("/img/Msection4_icon4_on.png");}
.Msection4 .box.on h1 {color:#fff;}
.Msection4 .list_wrap.on .box,.Msection4 .list_wrap.on .flex-box {border-color:#2f2d30;}
.Msection4 .txt_wrap {position:relative; z-index:3;}

@media (max-width:768px){

    .Msection4 {padding:13.5vw 0 18vw;background:#81719b;position:relative;}
    .Msection4:after {content:''; display:block; width:100%; height:74vw; background:#fff; position:absolute; bottom:0; left:0;}
    .Msection4 .imgTxt img {width:100%;}
    .Msection4 .imgTxt {position:relative;}
    .Msection4 .imgTxt .icon {display:flex; align-items:center;position:absolute; bottom:5.4vw; left:5.4vw;}
    .Msection4 .imgTxt .icon img {max-width:10vw;}
    .Msection4 .imgTxt .icon h2 {font-size:7.4vw; color:#fff; font-family: 'Noto Serif KR', serif;letter-spacing:0; margin-left:0.7vw;}
    .Msection4 .imgTxt .icon p {color:rgba(255 255 255 / 50%); font-size:3.4vw; letter-spacing:-0.06em; padding-bottom:1.3vw;margin-left:2.1vw;}
    .Msection4 .imgTxt .txt {display:flex; align-items:flex-end;}
    .Msection4 .swiper-button-prev:after,.Msection4 .swiper-button-next:after {display:none;}
    .Msection4 .swiper-button-prev,.Msection4 .swiper-button-next {width:6.7vw; height:3vw; top:auto; bottom:40%;}
    .Msection4 .swiper-button-prev {background:url("/new/mo/images/main/Msection4_arrow_prev.png")no-repeat center; background-size:cover; left:0;}
    .Msection4 .swiper-button-next {background:url("/new/mo/images/main/Msection4_arrow_next.png")no-repeat center; background-size:cover; right:0;}
    .Msection4 .sweiper---btn {position:absolute; bottom:3.5vw; right:4vw; width:16vw; height:10vw;}
    .Msection4 .slide_wrap {padding-top:8vw; overflow:hidden;}
    
}
/* 3번섹션 */

 /*시술소개 공통*/
 #sh_content{position:relative;z-index:4;width:1200px;min-height:580px;margin:0 auto;padding:90px 95px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

 .pdt_area .cont_box {
    position: relative;
    width: 100%;
    height: 377px;
    padding-left: 50px;
}

.pdt_area .cont_box .tit_box_area {
    position: relative;
    width: 100%;
    height: 333px;
    background: #f7f7f7
}

.pdt_area .cont_box .tit_box_area .tit_box {
    position: absolute;
    width: 508px;
    right: 0;
    top: 112px
}

.pdt_area .cont_box .tit_box_area .tit_box .tit {
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 500;
    color: #333;
    font-family: 'Noto Serif KR', serif;
}

.pdt_area .cont_box .tit_box_area .tit_box .tit span {
    font-weight: 500;
    font-size: 14px;
    color: rgba(0,0,0,.7);
    font-style: italic;
    font-family: 'Playfair Display', serif;
}

.pdt_area .cont_box .tit_box_area .tit_box .txt {
    font-size: 15px;
    color: #666;
    font-family: 'notokr-regular'
}

.pdt_area .cont_box .tit_box_area .tit_box .txt span {
    color: #3c6ea0
}

.pdt_area .cont_box .box_info {
    position: absolute;
    display: flex;
    padding-left: 20px;
    color: #fff;
    align-items: center;
    bottom: 0;
    left: 0;
    width: calc(100% - 50px);
    height: 86px;
    background: rgba(226,149,135,1);
    background: linear-gradient(to right, rgba(70, 130, 180, 1) 0%, rgba(60, 110, 160, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e29587', endColorstr='#4890d6', GradientType=1 )
}

.pdt_area .cont_box .box_info li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
    color: rgba(255,255,255,.6);
    font-family: 'notokr-medium'
}

.pdt_area .cont_box .box_info li span {
    display: block;
    padding: 22px 0 3px;
    color: #fff
}

.pdt_area .cont_box .box_info .info_tit {
    font-size: 16px;
    line-height: 86px;
    color: #fff;
    background: #4890d6;
    font-family: 'notokr-medium'
}

.pdt_area .cont_info {
    padding: 80px 0 100px;
    margin-bottom: 100px;
    border-bottom: 1px dotted #ddd;
    text-align: center
}

.pdt_area .cont_info .cont_tit {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
    font-family: 'notokr-bold'
}

.pdt_area .cont_info .cont_txt {
    font-size: 15px;
    line-height: 26px;
    color: #666;
    font-family: 'notokr-regular'
}

.pdt_area .cont_info.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.product_banner1 {
    background: url('	https://codingcrew.mycafe24.com/sh_page/img/bg2.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}
.product_banner2 {
    background: url('https://codingcrew.mycafe24.com/sh_page/img/bg2.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}
.product_banner3 {
    background: url('https://codingcrew.mycafe24.com/sh_page/img/bg2.jpg');
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}

/* 반응형 [s] */
@media (max-width:1400px){
#sh_hd,#sh_wrapper,#sh_container,#sh_ft{min-width:100%}
#sh_aside_wrapper{width:100%}
#sh_content{width:90%;padding:90px 5%}
#sh_ft .ft_area{width:100%;padding:0 5%}
#sh_ft .ft_area .ft_info{width:65%;padding-right:50px}
#sh_ft .ft_area .ft_info .info_txt{word-break:keep-all}
#sh_ft .ft_area .copy .adm_link{right:0}
#sh_ft .ft_area .ft_time{width:35%}

}
@media (max-width:1024px){
#sh_aside{display:none}
#sh_content{width:100%;padding:90px 15px 0;border:0}
#sh_ft .ft_area{padding:0 15px}
}
@media (max-width:850px){
#sh_content{padding-top:50px}
}
@media (max-width:820px){
#sh_ft .ft_area{position:relative;padding-top:250px}
#sh_ft .ft_area .ft_info{width:100%;padding-right:0;text-align:center}
#sh_ft .ft_area .ft_info .ft_menu{display:flex;justify-content:center}
#sh_ft .ft_area .ft_info .ft_menu li{float:none}
#sh_ft .ft_area .ft_time{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:auto;padding:30px 0}
#sh_ft .ft_area .ft_time .ft_tit{margin-bottom:5px}
}
@media (max-width:768px){
/* 반응형 스타일 필수 [s] */
#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:15px;margin:15px auto;border:none}
#sh_login input[type=submit], #sh_agree .btn_wrap input[type=submit], #sh_register .btn_wrap input[type=submit],#sh_find_info input[type=submit], #sh_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#sh_login .bnr .txt p a{color:#0054a6}
#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
#sh_agree .inner{padding:15px}
#sh_agree .cont{padding:10px}
#sh_ft .ft_area .ft_info h1{
    margin-top: 8%;
}
/* 반응형 스타일 필수 [e] */
}
@media (max-width:480px){
#fix_tel{display:block}
#sh_ft_btns{display:block}
}
@media (max-width:364px){
#sh_ft .ft_area .ft_info .ft_menu{display:none}
}
/* 반응형 [e] */

/* 반응형 [s] */
@media (max-width:1200px){
#sh_section .grid{width:100%}
#sh_section .grid span:nth-child(1), #sh_section .grid span:nth-child(5){display:none}
}
@media (max-width:1024px){
#sh_hd_wrapper{position:relative}
#sh_sub_banner{height:260px}
#sh_content_tit{padding-top:90px}
#sh_content{margin:0 auto}
#sh_aside{display:none}
#sh_section{padding-top:90px}
}
@media (max-width:768px){
#sh_ft{padding-top:60px}
#sh_ft .info{margin-bottom:40px}
#sh_ft .info span{font-size:16px}
#sh_ft .copy{height:auto}
#sh_ft .copy .copy_wrap{padding:15px;line-height:1;text-align:center}
#sh_ft .copy .icon{position:relative;right:auto;top:auto;margin-top:10px}
/* 공통 */
#PageCommon{width:95%;margin:30px auto;font-size:14px;line-height:23px}
#PageCommon .top_area h3 {font-size:20px}

/*클리닉소개*/
.p6{padding:0}
.p6 .top_img_area{height:auto}
.p6 .top_img_area .p6_top_img{position:relative;width:100%;height:auto}
.p6 .top_img_area .p6_top_img img{width:100%}
.p6 .top_img_area .txt_box{position:relative;left:0;bottom:0;width:100%;height:auto;padding:30px;text-align:center}
.p6 .top_img_area .txt_box .page_tit{margin:0 0 10px 0;font-size:27px}

.p6 .p6_cont{padding:30px 10px}

.p6 .list_tit_box{position:relative;width:100%;padding:0;text-align:center}
.p6 .list_tit_box:before{position:absolute;z-index:0;content:'';bottom:0;left:0;width:100%;height:100%;background: rgba(217,120,122,0);
background: linear-gradient(to bottom, rgba(217,120,122,0) 0%, rgba(217,120,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6ea0', endColorstr='#3c6ea0', GradientType=0 );}
.p6 .list_tit_box .list_s_tit{position:relative;z-index:1}
.p6 .list_tit_box .list_tit{position:relative;z-index:1}

.p6 .cont_list{padding:30px 10px}
.p6 .cont_list li{padding:0 0 30px 0}
.p6 .cont_list li:before{display:none}

/*시술 공통*/
.pdt_area .cont_box{height:auto;}
.pdt_area .cont_box .tit_box_area{height:auto}
.pdt_area .cont_box{padding:0}
.pdt_area .cont_box .box_info{position:relative;width:100%}
.pdt_area .cont_box .tit_box_area{width:100%}
.pdt_area .cont_box .tit_box_area img{width:100%}
.pdt_area .cont_box .tit_box_area .tit_box{position:relative;top:0;width:100%;padding:30px 10px;text-align:center}

.pdt_area .cont_box .box_info{overflow:hidden;height:auto}
.pdt_area .cont_box .box_info li{width:50%;padding:10px 0}
.pdt_area .cont_box .box_info .info_tit{width:100%;line-height:50px;padding:0}
.pdt_area .cont_box .box_info li span{padding:0}

.pdt_area .cont_info{padding:30px 10px 50px;margin-bottom:50px}
.pdt_area .cont_info.last{padding-bottom:50px}
}
@media (max-width:480px){
#sh_content{min-height:350px}
#sh_sub_banner{height:auto;background:none}
#sh_content_tit{padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#222}
#sh_content_tit h3{margin:0;font-size:16px;font-weight:500}
#sh_content_tit p{display:none}
#fix_tel{display:block}
#sh_ft_btns{display:block}
#sh_section{padding-top:60px}
}
/* === Msection7 모바일 반응형 (≤768px) === */
@media screen and (max-width: 768px) {
    /* 1) 전체 레이아웃을 세로로 쌓이게 */
    .Msection7 .flex-box {
      flex-direction: column;
      align-items: center;
      padding: 60px 0;
    }
  
    /* 2) 제목 부분 중앙 정렬 및 여백 조정 */
    .Msection7 .main_title_wrap {
      width: 100%;
      flex: none;
      padding-top: 20px;
      text-align: center;
    }
  
    /* 3) 카드 그룹도 세로/2열로 배치 */
    .Msection7 .list_wrap {
      display: flex;
      justify-content: space-between;
      border: none;
      width: 100%;
      margin-top: 20px;
    }
    .Msection7 .list {
      width: calc(50% - 10px); /* 두 칸으로 나눈 뒤 gap 감안 */
      margin-bottom: 20px;
      border-left: none;
      border-right: none;
      text-align: center;
      padding: 20px 10px;
    }
  
    /* 4) 이미지/텍스트/버튼 크기 조정 */
    .Msection7 .list .img img {
      max-width: 100%;
      margin: 0 auto 10px;
    }
    .Msection7 .txt_wrap{
        position: relative;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .Msection7 .txt_wrap p {
      font-size: 14px;
      line-height: 1.4;
    }
    .Msection7 .txt_wrap h2 {
      font-size: 14px;
      line-height: 1.2;
    }
    .Msection7 .btn_link {
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 12px;
        text-align: center;
        position: static;
    }
    .Msection7 .list a{
        padding:0;

    }
  }
  
  /* === 초소형(≤480px)에서 한 열로 === */
  @media screen and (max-width: 480px) {
    .Msection7 .list {
      width: 100%;
    }
  }