/*main*/
.main-container {position:relative; width:100%; top:0px;}

/*visual*/
.visual {width:100% !important; height:970px;}
.visual .vwrap {height:1000px;}
.visual .visual01 {background: url(../images/visual01.png) no-repeat center center; background-size: cover; } 
.visual .visual02 {background: url(../images/visual02.png) no-repeat center center; background-size: cover; }
.visual .visual03 {background: url(../images/visual03.png) no-repeat center center; background-size: cover; }
.visual .visual04 {background: url(../images/visual04.png) no-repeat center center; background-size: cover; }
.visual .visual05 {background: url(../images/visual05.png) no-repeat center center; background-size: cover; }
.visual .visual06 {background: url(../images/visual06.png) no-repeat center center; background-size: cover; }

.mySwiper.m01{height: 975px;}
.mySwiper .swiper-button-next {display:none !important; position:absolute !important; content:"" !important; top:50% !important; right:0 !important; width:64px !important; height:64px !important; filter:drop-shadow(0 -4px 5px rgba(0,0,0,0.3)); background:url(../images/arrow-next.png) no-repeat center ; background-size: contain; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important; transform:scale(-1); transform: rotate(3deg) !important;}
.mySwiper .swiper-button-prev {display:none !important; position:absolute !important; content:"" !important; top:50% !important; left: 0px !important; width:64px !important; height:64px !important; filter:drop-shadow(0 4px 5px rgba(0,0,0,0.3)); background:url(../images/arrow-prev.png) no-repeat center; background-size: contain; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important; }
.mySwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.mySwiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none; }

/* sub swiper */
.mySwiper .swiper-button-n {display:block !important; position:absolute !important; content:"" !important; top:93% !important; right:46.1% !important; width:60px !important; height:60px !important;  background:url(../images/arrow-next.png) no-repeat center ; background-size: contain; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important; transform:scale(-1); transform: rotate(0deg) !important;}
.mySwiper .swiper-button-p {display:block !important; position:absolute !important; content:"" !important; top:93% !important; left:44.4% !important; width:60px !important; height:60px !important; background:url(../images/arrow-prev.png) no-repeat center; background-size: contain; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important; }

.v-txt {position:absolute; top:195px; left:50%; width:850px; text-align:left; padding-left:30px; margin-left:-450px;}
.v-txt h2 {font-family:'GmarketSans', sans-serif; font-size:4.1rem; font-weight:500; line-height:5rem; color:#222; margin-bottom:20px;}
.v-txt h1 {font-family:'GmarketSans', sans-serif; font-size:6.1rem; font-weight:500; line-height:7.3rem; color:#222; }
.v-txt h1 span {font-family:'GmarketSans', sans-serif; font-weight:700;}
.v-txt p {font-family:'GmarketSans', sans-serif; font-size:2.1rem; font-weight:300; line-height:2.7rem; color:#000; margin-top:5px; }
.v-txt p:last-child {opacity:1 !important; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:1.8rem; font-weight:400; color:#000; border:1px solid #d1d1d2; padding:7px 25px; margin-top:45px;}
.v-txt p:last-child img {display:inline-block; width:auto; margin-left:5px;}

.swiper-slide-active .v-txt img {opacity:0; animation: slide-right 1s forwards;}
.swiper-slide-active .v-txt .txt.b img {opacity:0; animation: fade-in 1s 1s forwards;}
.swiper-slide-active .v-txt p {opacity:0; animation: fade-in 1s 1s forwards;} 

.v-txt .txt.t img {width: 600px; height: 110px; padding-left: 120px;}
.v-txt .txt.t span {display: inline-block; font-size: 3.6rem; color: #fff; font-weight: 400; letter-spacing: -1px; padding-left: 325px; font-family:'GmarketSans', sans-serif;}
.v-txt .txt.m img {width: 810px; height: 85px; padding-top: 20px;}
.v-txt .txt.b img {width: 834px; height: 254px; padding-top: 55px;}

.v-txt.right .txt.t img {width: 670px; height: 420px; padding-left: 380px;}
.v-txt.right.r3 .txt.t img {width: 460px; padding-left: 500px;}
.v-txt.right.r4 .txt.t img {width: 370px; height: 400px; padding-left: 550px;}
.v-txt.right.r5 .txt.t img {width: 616px; height: 356px; padding-left: 430px;}
.v-txt.right.r6 .txt.t img {width: 568px; height: 356px; padding-left: 455px;}
.v-txt.right .txt.b img {width: 674px; height: 194px; padding-left: 410px; padding-top: 35px;}

/*main-contaents*/
.main-contents {position:relative; width:100%; min-width:1280px; margin:auto;}
.main-contents h1 {font-size:5.2rem; font-weight:700; line-height:37px; color:#1f1f1f;}
.main-contents h1 span {color:#1499e6;}

/*main01*/
.main01 {position:relative; top: 0; left: 0; width: 100%; background: url(../images/bg1.png) no-repeat; background-size: cover; height: 610px;}
.main01 .m01-deco {position:absolute; bottom: 0; right:7%; width: 50%; height: 130px; font-family:'Gmarket Sank', sans-serif; font-size:13rem; font-weight:bold; line-height:1; color:#084e6c63; padding:0;  z-index:0; letter-spacing: -0.5px;}
.main01 .m01-detail {background: url(../images/bg-detail.png) no-repeat center; width: 316px; height: 434px; position: absolute; top: 35%; left: 50%; transform: translateX(-283%);}
.main01 .l-logo {width: 75px; height: 100px; padding-top: 10px;}
.main01 .l-online {display: flex;}

.main01 .r-online {width: 328px; height: 37px; padding-top: 45px; display: flex;}
.main01 .r-online .l-call {margin-right: 10px; margin-top: 15px;}
.main01 .meet {display: flex; gap: 5px; margin-top: 40px;}

.main01 .m01-cont {position: relative; top: 0; left: 0; width: 100%; height: 610px;}
.main01 .cont-bottom {display: flex; justify-content: flex-start; position: absolute; left: 50%; transform: translateX(-40%); width: 1604px; height: 490px; gap: 140px;  margin-top: -1px; background: #fff; border-bottom-left-radius: 120px; box-shadow: -15px 0px 5px -2px rgba(0,0,0,0.1); }
.main01 .cont-bottom .pain.txt {margin-left: 60px;}
.main01 .cont-bottom .pain.txt p {display: block; color: #2b2b2be6; line-height: 1.5; font-size: 1.8rem; font-weight:400; margin-top: 25px; text-align: left; letter-spacing: 0;}
.main01 .cont-bottom .pain.txt p.top {font-size: 5rem; line-height: 1.2; font-weight: 600; margin-top: 80px; line-height: -0.5px;}
.main01 .cont-bottom .pain.txt p.top strong {font-weight: 900;}
.main01 .cont-bottom .pain.txt img {width: 15px; height: 17px; position: absolute; top: 13.5%; left: 9%;}
.main01 .cont-bottom .pain.txt .pain {margin-top: 50px; height: 100px;}
.main01 .cont-bottom .pain.txt .m1-left hr {width: 60px; /*background: #3a97ff; color: #3a97ff; height: 1px;*/ border:1px solid #3a97ff; margin-top: 40px;}

.main01 .cont-top {height:130px; background:#f9fafc; border-left: 2px solid #f9fafc; border-right: 2px solid #f9fafc; display: flex; justify-content: center; gap: 100px;}
.main01 .cont-top h1 {font-size:1.8rem; font-weight:500; line-height:1.45; color:#3e3e3e; padding-top: 35px; margin-left: 15px; letter-spacing: 0.5px;}
.main01 .cont-top h1 span {color:#1955de; font-size: 2.1rem; font-weight: 700;}
.main01 .cont-top p {width: 150px; height: 40px; font-size:1.8rem; font-weight:500; line-height:2.2; border: 1px solid #cfd8f2; border-radius: 100px; overflow: hidden;}
.main01 .cont-top p:nth-child(1) {background: #10b5fa; border: none;}
.main01 .cont-top p a{color:#5b5ab4; height: 100%; width: 100%; transition: 0.3s; animation-name: twinkle; animation-iteration-count: infinite; animation-duration: 2s;}
.main01 .cont-top p:nth-child(1) a {color: #fff;}

@keyframes twinkle {
    0% {opacity:0;}
    100% {opacity:1;}
}

.main01 .m01-cont ul {display:flex; flex-direction: column; width: 100%;}
.main01 .m01-cont ul li {transition:all 0.3s ease; width: 180px; margin-right: 0;}
.main01 .m01-cont ul li:nth-child(4),
.main01 .m01-cont ul li:nth-child(8) {margin-right: 0;}

.main01 .m01-tbox {position:relative; width:100%; height:100%; cursor:pointer; transition:all 0.3s ease;}
.main01 .m01-tbox .inline { display: flex; flex-direction: column; justify-content: center; width: 180px; height: 180px; border: 0.5px solid #e4e4e4; border-radius: 50%; box-sizing: border-box; } 
.main01 .m01-tbox .inline:hover {border: 3px solid #3a97ff;}

/* 호버시 글씨 내려가는 부분 조정 */
.main01 .m01-tbox .inline:hover .m01-txt h3 {color: #3a97ff; margin-top: 1px;}

.main01 .m01-tbox .m01-icon {width: 50%; height: 52%; margin: 0 auto;}
.main01 .m01-tbox .m01-icon.m1 {background: url(../images/m01-01.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m2 {background: url(../images/m01-02.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m3 {background: url(../images/m01-03.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m4 {background: url(../images/m01-04.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m5 {background: url(../images/m01-05.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m6 {background: url(../images/m01-06.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m7 {background: url(../images/m01-07.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m8 {background: url(../images/m01-08.png) no-repeat center;}

.main01 .m01-tbox .inline:hover .m01-icon.m1 {background: url(../images/m01-01-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m2 {background: url(../images/m01-02-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m3 {background: url(../images/m01-03-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m4 {background: url(../images/m01-04-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m5 {background: url(../images/m01-05-hover.png) no-repeat center; margin-top: 1px;}
.main01 .m01-tbox .inline:hover .m01-icon.m6 {background: url(../images/m01-06-hover.png) no-repeat center; margin-top: 1px;}
.main01 .m01-tbox .inline:hover .m01-icon.m7 {background: url(../images/m01-07-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m8 {background: url(../images/m01-08-hover.png) no-repeat center;}

.main01 .m01-tbox .m01-txt {text-align:center;}
.main01 .m01-tbox .m01-txt h3 {font-size:1.6rem; font-weight:500; line-height:40px; color:#000; } 
.main01 .m01-tbox .m01-txt ul {padding:10px 0 0 5px;}
.main01 .m01-tbox .m01-txt ul li p {font-size:1.6rem; font-weight:400; line-height:25px; color:#989898;}

.main01 .m1-right {width: 820px; height: 350px; margin-top: 40px; }
.main01 .m1-right .li-top {display: flex; gap: 25px;}
.main01 .m1-right .li-bottom {display: flex; margin-top: 30px; gap: 25px;}



/*main02*/
.main02 {width: 100%; height: 350px; position: relative;}
.main02 ul {display: flex; width: 100%;}
.main02 ul li {width: 50%; height: 350px; cursor: pointer; position: relative; top: 0; left: 0;}
.main02 ul li:nth-child(1) {background: #2f3239 url(../images/left.png) no-repeat right;}
.main02 ul li:nth-child(2) {background-color: #f9f9f9;}
.main02 ul li .main-banner{width:  100%;height: 100%;}
.main02 .left {width: 310px; height: 260px; position: absolute; top: 19px; right: 165px;}
.main02 .left img {width: 170px; height: 140px; object-fit: contain;}
.main02 .left span {display: block; font-size: 2.8rem; color: #ffd821; font-weight: 600; margin-top: 15px;  white-space: nowrap;}
.main02 .left p {color: #fff; font-weight: 300; margin-top: 15px; font-size: 1.7rem;}
/* 두번째 사진 미세하게 짧아 아래 여백 보이는 부분 조절 */
.main02 .right { background: url(../images/right.png) no-repeat ; height: 353px;}
.main02 .right .top img {width: 520px; height: 55px; position: absolute; top: 20px; left: 50px;}
.main02 .right img:nth-child(2) {width: 170px; height: 180px; position: absolute; top: 170px; left: 10px;}
.main02 .right .bottom {width: 250px; height: 170px; position: absolute; top: 120px; left: 370px;}
.main02 .right .bottom img {width: 110px; height: 70px; padding-bottom: 20px;}
.main02 .right .bottom p {font-size: 1.8rem; color: #492a0d; white-space: nowrap; font-weight: 400; letter-spacing:-0.03em;}
.main02 .right .bottom span {display: block; color: #be321b; font-size: 2.8rem; font-weight: 700; padding-top: 10px;  white-space: nowrap; letter-spacing:-0.02em;}
.main02 ul li img {object-fit: cover;}

/*main03*/
.main03 {position:relative; height:480px; padding-top: 85px;}
.main03 .txtes {display: flex; width: 100%; gap: 40px;}
.main03 .box {width: 320px; height: 260px;}
.main03 .box span {display: block; position: absolute; top: 5px; width: 12px; height: 2px; background: #333;}
.main03 .main p {font-size: 4.3rem; font-weight: 700; width: 500px; height: 60px; margin: 20px auto; color: #ff1281; line-height: 35px;}
.main03 .main p span {font-weight: 700; color: #000;}
.main03 .sub h5 {font-size: 1.5rem; font-family:'Noto Serif KR', serif; color: #4a4a4a; font-weight: 700; letter-spacing: 5px; padding-bottom: 5px; text-transform: uppercase;}
.main03 ul {padding-top: 20px;}
.main03 ul li {padding-bottom: 15px;}
.main03 ul li a {display: flex; gap: 10px;}
.main03 ul li:nth-child(1) img,
.main03 ul li:nth-child(2) img,
.main03 ul li:nth-child(3) img,
.main03 ul li:nth-child(4) img,
.main03 ul li:nth-child(5) img {width: 40px; height: 20px;}
.main03 .m03-txt {display:flex; width: 1280px; margin: auto;}
.main03 .m03-txt p {font-size:1.2rem; font-weight:100; line-height:20px; color:#373737; font-weight: 400; text-align: right; border-bottom: 0.5px solid #222222; width: 320px;}
.main03 .m03-txt p span {font-weight:700;}
.main03 .m03-txt p.question {border-bottom: none; text-align: left; font-size: 1.8rem; color: #444444; font-weight: 400; letter-spacing:-0.01em;}
.main03 .m03-txt p.view {font-size: 1.5rem; line-height: 25px;}
.main03 .m03-txt h2 {font-size: 2.5rem; font-weight: 600; text-align: left; padding-top: 15px;}
.main03 .m03-txt h4 {text-align: left; font-size: 1.6rem; padding: 15px 0; font-weight: 400; color: #373737;}
.main03 .m4 {width: 200px; height: 240px;}
.main03 .m4 ul li {width: 200px; height: 60px; padding-bottom: 0; border: 1px solid #e5e5e5; padding: 13px 10px 0 20px; box-sizing: border-box;}
.main03 .m4 ul li:nth-child(1), .main03 .m4 ul li:nth-child(2), .main03 .m4 ul li:nth-child(3) {border-bottom: none;}
.main03 .m4 ul li img {width: 35px; height: 35px;}
.main03 .box.m4 p.question {font-size: 1.8rem; color: #2d2d2d; font-weight: 500; line-height: 1.6;}
.main03 .bottom {background: url(../images/m03-01.png) no-repeat center; width: 320px; height: 140px;}
.main03 .box.m2 .bottom {background: url(../images/m03-02.png) no-repeat center;} 
.main03 .boxes {display: flex; gap: 40px;}

/*main04*/
.main04 {position:relative; padding-bottom : 100px;}
.main04.t2{padding-bottom : 30px;}
.main04 .main p {font-size: 4.3rem; font-weight: 700; width: 500px; height: 60px; margin: 20px auto; color: #ff1281; line-height: 35px;}
.main04 .main p span {font-weight: 700; color: #000;}
.main04 .inwrap {display:flex; flex-direction: row-reverse; justify-content: center;}
.main04 .m04-map {width:740px; background: url(../images/m04-map.png)no-repeat center; }
.main04 .m04-map #map {width:100%; height:470px;}
.main04 .m04-txt {width:520px; height:445px; background:#fff; z-index:1; }
.main04 .m04-txt .inline {padding:0px 0 20px 50px;}
.main04 .m04-txt .inline h2 {font-size: 2.3rem; font-weight: 500; text-align:left; line-height:160%;}
.main04 .m04-txt .inline p {text-align: left;}
.main04 .m04-txt .inline p.place {margin-top: 10px; font-weight: 500; font-size:1.7rem;}
.main04 .time-icon {display: none; position:absolute; width:60px; height:60px; top:60px; background:#222222; line-height:60px; left:530px;}
.main04 .m04-txt .m04-time {text-align:left; margin-bottom:20px;}
.main04 .m04-txt .m04-time dl {display:flex; flex-wrap:wrap; }
.main04 .m04-txt .m04-time dt {width:110px;}
.main04 .m04-txt .m04-time dd {width:330px;}
.main04 .m04-txt .m04-time p {font-size:1.7rem; font-weight:500; line-height:35px; color:#222222; /*letter-spacing: 0.5px;*/}
.main04 .m04-txt .m04-time dt.mon p {word-spacing: 4.7rem; color: #666666;}
.main04 .m04-txt .m04-time dt.sat p {letter-spacing:0.4em; color: #666666;}
.main04 .m04-txt .m04-time dt.lun p {letter-spacing:0.07em; color: #666666;}
.main04 .m04-txt .m04-time dt.sun p {word-spacing:4.83rem; color: #666666; white-space: nowrap;}
.main04 .m04-txt .m04-tel {margin-top: 30px; border-top: 0.7px solid #f1f1f1; padding:10px 0;}
.main04 .m04-txt .m04-tel img {object-position:bottom;} 
.main04 .m04-txt .m04-tel p {font-size:4rem; font-weight:800; line-height:65px; color:#212121; letter-spacing: -1px; }
.main04 .m04-txt .m04-place {font-size:1.8rem; font-weight:400; line-height:3rem; color:#191919; padding:10px 0; border-top: 0.7px solid #f1f1f1;}
.main04 button {display: inline-block; width: 170px; height: 45px; background: #ff2581; border: none; border-radius: 10px; cursor: pointer;}
.main04 button.blog{background: #33a706; margin-left : 10px;}
.main04 button a {color: #fff; font-size: 1.9rem; letter-spacing: 0.7px;}

.main05{padding: 75px 0;}
.main05 .mainwrap{width: 1280px; margin: 0 auto;}
.main05 h2{font-size: 4rem; line-height: 55px;}
.main05 h2 span{font-size: 4.5rem; font-weight: 700;}
.main05 .txt-box-hover img{width: unset; height: unset;}
.main05 .txt-box-hover{visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main05 .mn05-imgbox{height: 545px; margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.main05 .mn05-imgbox .box{display: flex; flex-direction: column; justify-content: space-between; width: 32.03125%;}
.main05 .mn05-imgbox .box li{height: 260px;}
.main05 .mn05-imgbox li{position: relative; cursor: pointer;}
.main05 .mn05-imgbox .box.mid{position: relative; height: 545px; cursor: pointer;}
.main05 .mn05-imgbox .li01{background: url(../images/main05-li-01.png) no-repeat center / cover;}
.main05 .mn05-imgbox .li02{background: url(../images/main05-li-02.png) no-repeat center / cover;}
.main05 .mn05-imgbox .li03{background: url(../images/main05-li-03.png) no-repeat center / cover;}
.main05 .mn05-imgbox .li04{background: url(../images/main05-li-04.png) no-repeat center / cover;}
.main05 .mn05-imgbox .li05{background: url(../images/main05-li-05.png) no-repeat center / cover;}
.main05 .mn05-imgbox .txt-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
.main05 .mn05-imgbox .txt-box p{width: 350px; font-size: 2.4rem; font-weight: 700; color: #fff; line-height: 32px;}
.main05 .mn05-imgbox .txt-box a{font-size: 1.2rem; font-weight: 500; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0 12px; line-height: 26px; background: rgba(125, 125, 125, 0.3); margin-top: 14px;}

.main05 .mn05-imgbox li:after,
.main05 .mn05-imgbox .box.mid:after{width: 100%; height: 100%; display: block; content: ''; background: rgba(0, 0, 0, 0.4); transition: all 0.3s ease;}

.main05 .mn05-imgbox li:hover:after,
.main05 .mn05-imgbox .box.mid:hover:after{opacity: 0;}

.main05 .mn05-imgbox li:hover .txt-box ,
.main05 .mn05-imgbox .box.mid:hover .txt-box{visibility: hidden;}

.main05 .mn05-imgbox li:hover .txt-box-hover,
.main05 .mn05-imgbox .box.mid:hover .txt-box-hover{visibility: visible;}

@media (max-width: 1279px){
/*main*/
.main-container {top:60px;}

/*visual*/
.visual {min-width:768px; max-width:1280px; height: 542px !important;}
.mySwiper.m01{height:542px;}
.visual .vwrap {height:542px;}

.visual .visual01 {background: url(../images/visual01-768.png) no-repeat center;}
.visual .visual02 {background: url(../images/visual02-768.png) no-repeat center;}
.visual .visual03 {background: url(../images/visual03-768.png) no-repeat center;}
.visual .visual04 {background: url(../images/visual04-768.png) no-repeat center;}
.visual .visual05 {background: url(../images/visual05-768.png) no-repeat 30% 50%;}
.visual .visual06 {background: url(../images/visual06-768.png) no-repeat 25% 50%;}

.v-txt {width:384px; left:50%; margin-left:-390px !important; padding-left:0px; top: 60px !important;}
.v-txt h1 span {font-weight: 600;}
.v-txt h2 {font-size: 2.7rem; font-weight: 400; margin-bottom: 0;}
.v-txt h1 {font-size: 3.8rem; font-weight: 500; line-height: 5rem; white-space: nowrap;}
.v-txt p:last-child {margin-top: 20px; font-size: 1.7rem; font-weight: 600;}
.v-txt::before {height: 150px; width: 5px;}
.v-txt p:last-child img {margin-left: 0;}
.v-txt .txt.t span {white-space: nowrap; padding-left: 250px; font-size: 3rem;}
.v-txt .txt img {object-fit: contain !important;}
.v-txt .txt.b img {width: 600px; height: 240px; padding-top: 0; padding-left: 90px;}
.v-txt.right.r3 .txt.b img{padding-left: 344px;}
.v-txt.right.r5 .txt.b img{padding-left: 310px;}
.v-txt.right.r6 .txt.b img{padding-left: 315px;}
.v-txt .txt.t img {width: 95%; height: 95%;}
.v-txt.right .txt.t img {width: 370px; height: 280px;  padding-left: 360px;}
.v-txt.right .txt.b img  {width: 460px; height: 150px; padding-left: 300px; padding-top: 0; }
.v-txt.right.r3 .txt.t img {width: 260px; padding-left: 440px;}
.v-txt.right.r4 .txt.t img {width: 200px; height: 280px; padding-left: 530px;}
.v-txt.right.r5 .txt.t img{width: 385px; height: 270px;  padding-left: 342px;}
.v-txt.right.r6 .txt.t img{width: 355px; height: 275px;  padding-left: 360px;}

/*main-contaents*/
.main-contents {width:100%; min-width:768px; max-width:1279px;}
.main-contents h1 {padding-top:70px;}
.main-contents .cont-top {height: auto; background: url(/2023/images/m01-deco.png) no-repeat top 20px center;}

/* main01 */
.main01 {height: 500px;}

.main01 .inwrap {width: 100%;}
.main-contents .cont-top {gap: 15px; height: 130px; background: #f9fafc;} 
.main01 .m01-cont {height: 500px;}
.main01 .cont-top h1 span {font-size: 1.8rem; white-space: nowrap;}
.main01 .cont-top h1 {margin-left: 5px;}
.main01 .cont-top p {width: 130px;}
.main01 .cont-bottom {width: 1270px; height: 380px; gap: 20px; left: 50%; transform: translateX(-41%); margin-left: 0px;}
.main01 .cont-bottom .pain.txt img {top: 9%; left: 10%;}
.main01 .m01-deco {top: 385px; right: 11%; font-size: 10rem;}
.main01 .m1-right {width: 690px; margin-top: 30px; margin-left: 40px;}
.main01 .m1-right .li-top, .main01 .m1-right .li-bottom {gap: 40px;}
.main01 .cont-bottom .pain.txt p.top {margin-top: 40px;}
.main01 .m01-tbox .inline {width: 140px; height: 140px;}
.main01 .m01-tbox .inline:hover {margin-top: 0.3px;}
.main01 .cont-bottom .pain.txt {margin-left: 40px;}
.main01 .m01-tbox .m01-txt h3 {font-weight: 600;}
.main01 .m01-detail {top: 35%; left: 50%; transform: translateX(-290%); background-size: contain; width: 246px; height: 364px; }

.main01 .m01-tbox .m01-icon.m1 {background: url(../images/m01-01-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m2 {background: url(../images/m01-02-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m3 {background: url(../images/m01-03-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m4 {background: url(../images/m01-04-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m5 {background: url(../images/m01-05-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m6 {background: url(../images/m01-06-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m7 {background: url(../images/m01-07-1024.png) no-repeat center;}
.main01 .m01-tbox .m01-icon.m8 {background: url(../images/m01-08-1024.png) no-repeat center;}

.main01 .m01-tbox .inline:hover .m01-icon.m1 {background: url(../images/m01-01-1024-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m2 {background: url(../images/m01-02-1024-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m3 {background: url(../images/m01-03-1024-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m4 {background: url(../images/m01-04-1024-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m5 {background: url(../images/m01-05-1024-hover.png) no-repeat center; margin-top: 1px;}
.main01 .m01-tbox .inline:hover .m01-icon.m6 {background: url(../images/m01-06-1024-hover.png) no-repeat center; margin-top: 1px;}
.main01 .m01-tbox .inline:hover .m01-icon.m7 {background: url(../images/m01-07-1024-hover.png) no-repeat center;}
.main01 .m01-tbox .inline:hover .m01-icon.m8 {background: url(../images/m01-08-1024-hover.png) no-repeat center;}


/* main02 */
.main02 {height: 280px;}
.main02 .inwrap {width: 100%;}
.main02 ul{width: 100%;}
.main02 ul li {width: 50%; height: 280px; }
.main02 ul li:nth-child(1) {background: url(../images/left-1024.png) no-repeat right center; width: 50%; height: 280px;}
.main02 .left {top: 13px; right: 85px; width: 170px; height: 230px;}
.main02 .left p {display: none;}
.main02 .left span , .main02 .right .bottom span {white-space: wrap; font-size: 2.7rem; font-weight: 700; line-height: 35px;}
.main02 .right .bottom span {padding-top: 20px;}
.main02 .right {background: url(../images/right-1024.png) no-repeat center; width: 512px; height: 280px;}
.main02 .right .bottom {width: 120px; top: 90px; left: 340px;}
.main02 .right .bottom p {display: none;}
.main02 .right .bottom img {padding-bottom: 0;}
.main02 .right img:nth-child(2) {width: 150px; height: 150px; top: 133px; left: 10px; object-fit: contain;}
.main02 .right .top img {top: 30px; width: 420px; height: 45px;}

/* main03 */
.main03 {height: 450px; padding-top: 30px;}
.main03 .inwrap {width: 1024px;}
.main03 .m03-txt {padding: 0 40px; box-sizing: border-box; width: 1024px; }
.main03 .txtes {justify-content: center; gap: 20px;}
.main03 .m4 {display: none;}
.main03 .boxes {gap: 20px;}

/* main04 */
.main04{padding-bottom : 80px;}
.main04 .inwrap {display:flex; flex-direction: column-reverse; width:768px; margin:auto;}
.main04 .m04-map {margin:0; width: 100%;}
.main04 .m04-map #map {width:768px; height:370px; margin:auto;}
.main04 .m04-map .map {width:768px; height:370px; margin:auto; background:url("../images/map-768.png") no-repeat center;}
.main04 .m04-txt {width:630px; height:unset; margin:-70px auto 0; position: relative; z-index: 999;}
.main04 .m04-txt .inline {padding:30px 40px 0px;}
/* .main04 .m04-txt .m04-time {margin:20px 0;} */
.main04 .m04-txt .m04-time dl {width:100%; padding-left:0; justify-content: space-between; flex-wrap: wrap; row-gap: 5px;}
.main04 .m04-txt .m04-time dt {width: 100px;}
.main04 .m04-txt .m04-time dd {width:445px;}
.main04 .m04-txt .m04-time p {white-space: nowrap; font-weight: 500; letter-spacing: -0.3px; font-size: 1.6rem; line-height: 30px;}
.main04 .m04-txt .m04-time p span {font-size:1.6rem;}
.main04 .m04-txt .m04-tel p{font-size: 3.8rem;}
.main04.t2{padding-bottom : 0;}
.sub-tit.middot.t2.mn01.smn02{padding-bottom : 0;}

.main04 button {width: 160px; height: 40px;}
.main04 button.blog{background: #33a706; margin-left : 10px;}
.main04 button a {font-size: 1.8rem;}


.main05 .mainwrap{width:1024px;}

}



@media (max-width:1023px){

/* main01 */
.main01 {height: 610px;}
.main01 .m01-deco {top: 520px; right: 15%; font-size: 8rem;}
.main01 .m01-detail {top: 40%; transform: translateX(-244%);}
.main01 .cont-bottom {width: 960px; height: 520px; flex-wrap: wrap; gap:0;}
.main01 .cont-bottom .pain.txt {margin-left: 60px;}
.main01 .cont-bottom .pain.txt p {display: none;}
.main01 .cont-bottom .pain.txt p.top {display: block; font-size: 4.5rem; margin-top: 20px;}
.main01 .cont-bottom .pain.txt .pain {margin-top: 0px;}
.main01 .cont-bottom .pain.txt img {top: 1.5%; left: 14.3%;}
.main01 .cont-bottom .pain.txt .m1-left hr {margin-top: 30px;}
.main01 .m1-right .li-bottom {margin-top: 20px;}

/* main02 */
.main02 {height: 230px;}
.main02 .inwrap {width: 100%;}
.main02 ul li {height: 230px; width: 50%;}
.main02 ul li:nth-child(1) {background: url(../images/left-768.png) no-repeat right center; height: 230px;}
.main02 .right {background: url(../images/right-768.png) no-repeat left center; width: 100%; height: 230px;}
.main02 .left {top: 29px; right: 26px; width: 240px; display: flex;}
.main02 .left img {width: 100px; height: 80px;}
.main02 .left.txt {background: url(../images/left-01-340.png) no-repeat center; width: 178px; height: 81px; position: absolute; top: 33px; right: 86px;}
.main02 .left.txt img , .main02 .left span {display: none;}
.main02 .right .bottom span {font-size: 2.2rem; line-height: 28px; text-align: left;}
.main02 .right.txt::after {content: ''; background: url(../images/right-02-340.png); width: 107px; height: 104px; position: absolute; top: 10px; left: 270px;}
.main02 .right .bottom span {color: #ffd821; background: #000000a5; padding-top: 0; }
.main02 .right .top img ,.main02 .right .bottom img , .main02 .right .bottom span {display: none;}
.main02 .right .top {background: url(../images/right-01-340.png) no-repeat center; width: 86px; height: 57px; position: absolute; top: 75px; left: 160px;}
.main02 .right img:nth-child(2) {width: 90px; height: 95px;}
.main02 .right .bottom {width: 80px; height: 80px; top: 70px; left: 160px;}

/* main03 */
.main03 {height: 400px;}
.main03 .main p {font-size: 3.7rem; margin: 10px auto; }
.main03 .sub h5 {font-size: 1.3rem;}
.main03 .box {width: 350px; height: 115px;}
.main03 .m03-txt {width: 768px; padding: 0;}
.main03 .txtes {justify-content: space-between; gap: 70px;}
.main03 .m03-txt h4 {display: none;}
.main03 .m03-txt p.view {display: none;}
.main03 .box.m3 p.view {display: block; position: absolute; top: 89%; right: 32%; border: 1px solid #635df5; width: 100px; height: 28px; font-size: 1.6rem; text-align: center; line-height: 29px;}
.main03 .box.m3 p.view a{color: #635df5; font-weight: 500;}
.main03 .inwrap {width: 768px;}
.main03 .bottom {background: url(../images/m03-01-768.png) no-repeat center; width: 350px; height: 115px;}
.main03 .box.m2 .bottom {background: url(../images/m03-02-768.png) no-repeat center; }
.main03 .m03-txt h2 {font-size: 2.4rem; padding-top: 0;}
.main03 .m03-txt h2.text {padding-top: 0; text-align: center; font-weight: 500;}
.main03 .m03-txt h2.text.t1 {position: absolute; top: 19%; left: 16%; background: #6e5247ce; width: 110px; height: 30px;}
.main03 .m03-txt h2.text.t2 {position: absolute; top: 70%; left: 15%; background: #593fb9d7; width: 130px; height: 30px;}
.main03 .m03-txt h2.text a {color: #fff;}
.main03 .boxes {flex-direction: column; gap: 10px;}
.main03 ul {padding-top: 15px;}

/* main04 */
.main04{padding-bottom :50px;}
.main04 .main p {font-size: 3.7rem; margin: 10px auto;}
.main04.t2{padding-bottom : 0;}

.main05{padding: 60px 0;}
.main05 .mainwrap{width: 768px;}
.main05 h2{font-size: 3.2rem; line-height: 45px}
.main05 h2 span{font-size: 3.7rem;}
.main05 .mn05-imgbox{height: 450px;}
.main05 .mn05-imgbox .box.mid{height: 450px;}
.main05 .mn05-imgbox .box li{height: 215px;}
.main05 .mn05-imgbox .txt-box p{width: 240px; font-size: 1.8rem; line-height: 25px;}
.main05 .mn05-imgbox .txt-box a{margin-top: 10px; padding: 0 8px;}
.main05 .txt-box-hover img{width: 60px; height: 60px;}

.sub-tit.middot.act.t2.mn01.smn02{padding-bottom : 0;}



}


@media (max-width:767px){
/*main*/
.main-container {top:60px;}

/*visual*/
.visual {min-width:340px; max-width:768px; height:310px !important;}
.visual .vwrap {height:310px;}
.mySwiper.m01{height:310px !important;}

.visual .visual01 {background: url(../images/visual01-340.png) no-repeat center;}
.visual .visual02 {background: url(../images/visual02-340.png) no-repeat 45%;}
.visual .visual03 {background: url(../images/visual03-340.png) no-repeat center;}
.visual .visual04 {background: url(../images/visual04-340.png) no-repeat center;}
.visual .visual05 {background: url(../images/visual05-340.png) no-repeat 35%;}
.visual .visual06 {background: url(../images/visual06-340.png) no-repeat 22%;}

.visual02 .v-txt br {display: none;}
.v-txt {width:340px; top: 70px !important; left:50% !important; margin-left: -20px;}
.visual01 .v-txt {top: 45px !important;}
.v-txt.right .txt.b img {display: none;}
.v-txt .txt.t img {width: 60%; height: 60%; padding-left: 68%;}
.v-txt .txt.m img {width: 300px; height: 40px; padding-top: 10px; padding-left: 72%;} 
.v-txt .txt.b img{width: 310px; height: 120px; padding-left: 236px;}
.v-txt .txt.t span {font-size: 2rem; padding-left: 298px; padding-top: 10px; }
.v-txt.right .txt.t img {width: 220px; height: 120px; padding-left: 330px;}
.v-txt.right.r3 .txt.t img {padding-left: 340px;}
.v-txt.right.r4 .txt.t img {width: 120px; height: 120px;}
.v-txt.right.r5 .txt.t img {width: 200px; height: 150px;}
.v-txt.right.r6 .txt.t img {width: 180px; height: 150px;}

/*main-contents*/
.main-contents {min-width:340px; max-width:767px;}
.main-contents h1 {padding-top:5px; font-size:2.7rem; line-height:27px;}

/* main01 */
.main01 {height: 750px; width: 100%; margin: 0 auto;}
.main01 .inwrap {width: 340px;}
.main01 .cont-top , .main01 .m01-deco  , .main01 .cont-bottom .pain.txt p, .main01 .cont-bottom .pain.txt .m1-left hr {display: none;}
.main01 .m01-detail {top: 46%; transform: translateX(-154%);}
.main01 .cont-bottom .pain.txt p.top {display: block; font-size: 2.45rem; margin-top: 40px;}
.main01 .cont-bottom { width: 340px; height: 710px; margin-left: 0; transform: translateX(-50%); border-bottom-left-radius: 50px; box-shadow: none;}
.main01 .m01-cont {width: 340px;}
.main01 .m1-right {width: 340px; margin-top: -250px; margin-left: 0;}
.main01 .m1-right .li-top, .main01 .m1-right .li-bottom {width: 340px; flex-wrap: wrap; gap: 40px; justify-content: center;}
.main01 .cont-bottom .pain.txt .pain{height: 90px    ;}
.main01 .cont-bottom .pain.txt {margin-left: 20px;}
.main01 .cont-bottom .pain.txt img {top: 4.5%; left: 17.5%; width: 10px; height: 10px;}
.main01 .m01-cont ul li{width: 105px;}
.main01 .m01-tbox .inline {width: 105px; height: 105px;}
.main01 .m1-right .li-bottom{margin-top: 40px;}
.main01 .m01-cont ul {padding: 0; box-sizing: border-box; width: 340px;}
.main01 .m01-tbox .m01-txt h3 {white-space: nowrap; letter-spacing: -0.5px; position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%);}
.main01 .m01-tbox .inline:hover .m01-txt h3{margin-top: 1px; margin-left:  0px;}
.main01 .m01-tbox .m01-icon {padding-top: 90px;  margin-top: 0; background-size: contain;}

.main01 .m01-tbox .m01-icon.m1 {background: url(../images/m01-01-340.png) no-repeat center; width: 50px; height: 105px;}
.main01 .m01-tbox .m01-icon.m2 {background: url(../images/m01-02-340.png) no-repeat center; width: 49px; height: 105px;}
.main01 .m01-tbox .m01-icon.m3 {background: url(../images/m01-03-340.png) no-repeat center; width: 42px; height: 105px;}
.main01 .m01-tbox .m01-icon.m4 {background: url(../images/m01-04-340.png) no-repeat center; width: 43px; height: 105px;  margin-top: 1.8px;}
.main01 .m01-tbox .m01-icon.m5 {background: url(../images/m01-05-340.png) no-repeat center; width: 59px; height: 105px;  margin-top: 1.5px;}
.main01 .m01-tbox .m01-icon.m6 {background: url(../images/m01-06-340.png) no-repeat center; width: 58px; height: 105px;}
.main01 .m01-tbox .m01-icon.m7 {background: url(../images/m01-07-340.png) no-repeat center; width: 56px; height: 105px;}
.main01 .m01-tbox .m01-icon.m8 {background: url(../images/m01-08-340.png) no-repeat center; width: 40px; height: 105px;}

.main01 .m01-tbox .inline:hover .m01-icon.m1 {background: url(../images/m01-01-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m2 {background: url(../images/m01-02-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m3 {background: url(../images/m01-03-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m4 {background: url(../images/m01-04-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m5 {background: url(../images/m01-05-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m6 {background: url(../images/m01-06-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m7 {background: url(../images/m01-07-340-hover.png) no-repeat center; }
.main01 .m01-tbox .inline:hover .m01-icon.m8 {background: url(../images/m01-08-340-hover.png) no-repeat center; }


/* main02 */
.main02 {height: 350px; margin-top: 30px;}
.main02 .inwrap {width: 320px;}
.main02 ul {flex-wrap: wrap; gap: 5px;}
.main02 ul li{width: 320px; height: 170px; border-radius: 10px;}
.main02 ul li:nth-child(1) {background: url(../images/left-340.png) no-repeat center; width: 320px; height: 170px;}
.main02 .right {background: url(../images/right-340.png) no-repeat center; width: 320px; height: 170px; border-radius: 10px;}
.main02 .left span {display: none;}
.main02 .left {width: 180px; height: 80px; top: 20px; right: 75px;}
.main02 .left.txt {top: 28px; right: 29px;}
.main02 .right img:nth-child(2) {top: 76px; left: 3px; width: 90px; height: 90px;}
.main02 .right .bottom {background: url(../images/right-02-340.png) no-repeat center; width: 101px; height: 99px; position: absolute; top: 5px; left: 220px;}
.main02 .right.txt::after {display: none;}
.main02 .right .top {top: 65px; left: 135px;}

/* main03 */
.main03 {height: 530px; padding-top: 20px;}
.main03 .inwrap {width: 320px;}
.main03 .m03-txt {width: 320px; padding: 0;}
.main03 .main p {width: 340px; font-size: 2.5rem; margin: 0 auto; line-height: 25px; height: 50px;}
.main03 .sub h5 {font-size: 1rem; letter-spacing: 1px;}
.main03 .txtes {flex-wrap: wrap; gap: 20px;}
.main03 .m03-txt h2.text.t1 {top: 11%; left: 31%;}
.main03 .m03-txt h2.text.t2 {top: 44%; left: 29%;}
.main03 .box.m3 p.view {top: 98%; right: 69%;}
.main03 ul li {display: none;}
.main03 ul li:nth-child(1) , .main03 ul li:nth-child(2) {display: block;}
.main03 .bottom {background: url(../images/m03-01-340.png) no-repeat center; width: 320px; height: 115px;}
.main03 .box.m2 .bottom {background: url(../images/m03-02-340.png) no-repeat center;}

/* main04 */
.main04 {padding-top: 0; margin-top: 0;}
.main04.t2{padding-bottom : 0;}
.main04 .inwrap {width:320px;}
.main04 .main p {width: 320px; line-height: 40px; margin: 50px auto; font-size: 2.5rem; margin: 0 auto; line-height: 25px; height: 50px;}
.main04 .m04-map #map {width:320px; height:210px;}
.main04 .m04-map .map {width:320px; height:210px; background:url("../images/map-340.png") no-repeat center;}
.main04 .m04-txt {width:320px; height:unset; margin:auto;}
.main04 .m04-txt .inline{padding: 30px 10px 0;}
.main04 .m04-txt .m04-time {margin:10px 0;}
.main04 .m04-txt .m04-time dl {width:300px; margin:auto;}
.main04 .m04-txt .m04-time dt {width:70px;}
.main04 .m04-txt .m04-time dd {width:223px;}
.main04 .m04-txt .m04-time dt.mon p {word-spacing: 12px;}
.main04 .m04-txt .m04-time dt.mon p,
.main04 .m04-txt .m04-time dt.lun p {letter-spacing:-0.06em;}
.main04 .m04-txt .m04-time dt.thu p,
.main04 .m04-txt .m04-time dt.sat p {letter-spacing:0.2em;}
.main04 .m04-txt .m04-time dt.sun p {letter-spacing: 1.01em; word-spacing: 0;}
.main04 .m04-txt .m04-time p {font-size:1.4rem; line-height:30px;}
.main04 .m04-txt .m04-time p span {letter-spacing:-0.1em; font-size: 1.4rem;}
.main04 .m04-txt .m04-tel img {display:none;}
.main04 .m04-txt .m04-tel p {font-size:3.5rem; line-height:35px; margin:10px auto 0;}
.main04 .m04-txt .m04-place {margin:auto; line-height:25px; font-size: 1.7rem;}
.main04 .m04-txt .m04-subway {width:290px;}
.main04 .m04-txt .m04-subway .place-txt {margin:-10px 30px 0;}

.main04 button {display: inline-block; width: 120px; height: 35px;border-radius: 8px;}
.main04 button.blog{background: #33a706; margin-left : 8px;}
.main04 button a {font-size: 1.6rem;}

.main05{padding: 50px 0;}
.main05 .mainwrap{width: 340px;}
.main05 h2{font-size: 2rem; line-height: 29px;}
.main05 h2 span{font-size: 2.5rem;}
.main05 .mn05-imgbox{flex-direction: column; row-gap: 10px; height: unset; margin-top: 20px;}
.main05 .mn05-imgbox .box{width: 320px; margin: 0 auto;}
.main05 .mn05-imgbox .box{row-gap: 10px;}

.main05 .mn05-imgbox .box.mid{height: 215px;}




}