@charset "utf-8";


#wrap {padding-top:84px;}

@media screen and (max-width:1024px){
	#wrap {padding-top:50px;}
}


.dolphin_btn1 {display:flex; align-items:center; width:232px; height:82px; border:4px solid #55cd7d; border-radius:41px; font-size:1.25em; color:#55cd7d; font-weight:700; padding:0 30px; position:relative; overflow:hidden; transition:color 0.4s;}
.dolphin_btn1:before {content:''; display:block; width:100%; height:0; background:#55cd7d; position:absolute; left:0; top:0; transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.dolphin_btn1 span {display:block; width:100%; position:relative; z-index:5;}
.dolphin_btn1 span:after {content:'\e09f'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.dolphin_btn1:hover {color:#fff;}
.dolphin_btn1:hover:before {bottom:0; top:auto; height:100%;}
.dolphin_btn1.white {color:#fff; border-color:#fff;}
.dolphin_btn1.white:before {background:#fff;}
.dolphin_btn1.white:hover {color:#55cd7d;}
.dolphin_btn1.black {color:#231815; border-color:#231815;}
.dolphin_btn1.black:before {background:#231815;}
.dolphin_btn1.black:hover {color:#fff;}
.dolphin_btn1.case2 {color:#f49da6; border-color:#f49da6;}
.dolphin_btn1.case2:before {background:#f49da6;}
.dolphin_btn1.case2:hover {color:#fff;}

.dolphin_btn2 {display:flex; justify-content:center; align-items:center; width:250px; height:250px; background:#22b24e; border-radius:50%; box-shadow:5px 5px 20px rgba(25,25,25,0.15); text-align:center; position:relative;}
.dolphin_btn2 span {font-size:1.5em; color:#fff; line-height:1.4em; font-weight:700; position:relative; z-index:5;}
.dolphin_btn2 span i {display:block; font-size:1.66em; margin-bottom:20px;}
.dolphin_btn2:hover::after {content:''; display:block; width:100%; height:100%; border-radius:50%; animation:dolphinBtn2 1.2s infinite; background:#22b24e; position:absolute; opacity:0.5;}

.btn_wrap1 {display:flex; justify-content:center;}
.btn_wrap1 a {margin-right:10px;}
.btn_wrap1 a:last-child {margin-right:0;}

@keyframes dolphinBtn2 {
    0% {transform:scale(1.1); opacity:0.5}
    100% {transform:scale(1.25); opacity:0}
}

@media screen and (max-width:1024px){
    .dolphin_btn1 {width:185px; height:60px; border-width:3px; font-size:1.125em; padding:0 15px;}

    .dolphin_btn2 {width:180px; height:180px;}
    .dolphin_btn2 span {font-size:1.3em;}
    .dolphin_btn2 span i {font-size:1.4em; margin-bottom:10px;}
	
	.btn_wrap1 a {margin-right:5px;}
}

@media screen and (max-width:767px){
    .dolphin_btn1 {width:140px; height:42px; border-width:2px; font-size:1em;}

    .dolphin_btn2 {width:110px; height:110px;}
    .dolphin_btn2 span {font-size:1.125em;}
    .dolphin_btn2 span i {font-size:1.2em; margin-bottom:5px;}
}


/* header */
#theme0305_header {width:100%; height:84px; background:#fff; position:fixed; left:0; top:0; z-index:300;}
#theme0305_header > div {display:flex; justify-content:space-between; align-items:center; height:100%;}
#theme0305_header .tour_btn {float:right; display:flex; justify-content:center; align-items:center; width:165px; height:50px; background:#22b24e; border-radius:25px; font-size:1.125em; color:#fff; text-align:center; margin:17px 0 0 20px; position:relative; z-index:5;}

#theme0305_logo {width:215px; height:40px; background:url(../images/logo.png) no-repeat center center; background-size:contain; position:relative; z-index:15;}
#theme0305_logo a {display:block; width:100%; height:100%;}

#theme0305_gnb {float:left; position:relative; z-index:5;}
#theme0305_gnb > ul > li {float:left;}
#theme0305_gnb > ul > li > a {display:block; font-size:1.25em; line-height:84px; padding:0 30px; transition:color 0.4s;}
#theme0305_gnb > ul > li:hover > a {color:#22b24e;}

#menuOpen {display:none; width:23px; height:9px; position:relative;}
#menuOpen:before, #menuOpen:after {content:''; display:block; width:100%; height:2px; background:#191919; position:absolute; left:0;}
#menuOpen:before {top:0;}
#menuOpen:after {bottom:0;}

#menuClose {display:none; width:20px; height:20px; position:absolute; right:6%; top:15px; z-index:5;}
#menuClose:before, #menuClose:after {content:''; display:block; width:100%; height:2px; background:#191919; position:absolute; left:0; top:50%;}
#menuClose:before {transform:rotate(45deg)}
#menuClose:after {transform:rotate(-45deg)}

@media screen and (max-width:1520px){
    #theme0305_header .tour_btn {width:145px; font-size:1em; margin-left:10px;}

    #theme0305_gnb > ul > li > a {font-size:1.125em; padding:0 20px;}
}

@media screen and (max-width:1220px){
    #theme0305_header .tour_btn {width:130px; height:40px; font-size:0.9375em; margin-top:22px;}

    #theme0305_logo {width:220px; height:41px;}

    #theme0305_gnb > ul > li > a {font-size:1em; padding:0 10px;}
}

@media screen and (max-width:1024px){
    #theme0305_header {height:50px; box-shadow:0 0 15px rgba(25,25,25,0.15)}
    #theme0305_header:after {content:''; width:100%; height:100vh; position:absolute; left:0; right:0; top:0; bottom:0; background:#000; clip-path:polygon(0 0,100% 0,100% 100%,100% 0); transition:clip-path .25s cubic-bezier(.645,.045,.355,1),bottom .15s ease-out,-webkit-clip-path .25s cubic-bezier(.645,.045,.355,1)}
    #theme0305_header .tour_btn {float:none; width:90px; height:32px; position:absolute; right:6%; top:9px; margin:0 45px 0 0;}

    #theme0305_logo {width:160px; height:30px;}

    #all_gnb {width:100%; height:100vh; position:fixed; left:0; right:0; top:0; bottom:0; padding:80px 6% 0; opacity:0; visibility:hidden; transition:all 0s; transition-property:opacity, visibility; transition-delay:0s; z-index:10;}

    #theme0305_gnb {float:none;}
    #theme0305_gnb > ul > li {float:none;}
    #theme0305_gnb > ul > li > a {font-size:1.25em; line-height:1.5em; padding:10px 15px;}

    #menuOpen {display:block;}
    
    #menuClose {display:block;}

    #theme0305_header.on:after {background:#fff; clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
    #theme0305_header.on #all_gnb {opacity:1; visibility:visible; transition-delay:0.2s;}
}


/* footer */
#theme0305_footer {position:relative;}
#theme0305_footer > div {background:#55cd7d; padding:70px 0;}
#theme0305_footer .inner {position:relative; padding-right:370px;}
#theme0305_footer .f_logo {width:212px; height:40px; background:url(../images/logo_w.png) no-repeat center center; background-size:contain; margin-bottom:20px;}
#theme0305_footer .f_info {overflow:hidden;}
#theme0305_footer .f_info li {float:left; font-size:1em; color:#fff; line-height:1.2em; margin-right:20px; margin-top:10px;}
#theme0305_footer .f_info li strong {font-weight:500; margin-right:10px;}
#theme0305_footer .copy {font-size:1em; color:#fff; position:absolute; right:0; bottom:0;}
#theme0305_footer .go_top {display:block; width:80px; height:80px; background:rgba(255,255,255,0.8); border-radius:50%; font-size:1em; color:#191919; font-weight:600; font-family:'Pretendard'; text-transform:uppercase; box-shadow:5px 5px 20px rgba(0,0,0,0.16); position:fixed; right:50px; bottom:50px; opacity:0; transform:translateY(20px); transition:background 0.5s, opacity 0.5s, transform 0.5s;}
#theme0305_footer .go_top:hover {background:#fff;}
#theme0305_footer .go_top.scroll_on {opacity:1; transform:translateY(0);}
#theme0305_footer .go_top.end {position:absolute; top:-20px; bottom:auto; opacity:1; transform:translateY(0);}
#theme0305_footer .f_member_wrap {position:absolute; right:0; bottom:30px;}
#theme0305_footer .f_member {display:inline-block; font-size:0.75em; color:rgba(255,255,255,0.6); font-weight:500; line-height:23px; border:1px solid rgba(255,255,255,0.6); padding:0 7px; vertical-align:middle; margin-top:10px;}

@media screen and (max-width:1220px){
    #theme0305_footer .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #theme0305_footer > div {padding:4% 0;}
    #theme0305_footer .inner {padding-right:0;}
    #theme0305_footer .f_logo {width:186px; height:35px; margin-bottom:10px;}
    #theme0305_footer .f_info li {margin-right:15px; margin-top:5px;}
    #theme0305_footer .f_info li strong {margin-right:5px;}
    #theme0305_footer .copy {margin-top:10px; position:relative;}
    #theme0305_footer .go_top {width:60px; height:60px;}
	#theme0305_footer .f_member_wrap {bottom:0;}
}

@media screen and (max-width:767px){
    #theme0305_footer .f_logo {width:159px; height:30px;}
    #theme0305_footer .go_top {width:40px; height:40px; font-size:0.875em; top:-10px;}
    #theme0305_footer .go_top.end {top:-10px;}
	#theme0305_footer .f_member_wrap {position:relative;}
}


/* main */
#mVisu {width:100%; position:relative; overflow:hidden;}
#mVisu .video_box {width:100%; height:0; padding-bottom:56.25%; position:relative;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
#mVisu .video_box iframe {width:calc(100% + 150px); height:calc(100% + 150px); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#mVisu .txt_box {position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:5; text-align:center; padding-top:5%;}
#mVisu .txt_box .tit {font-size:4.375em; color:#077524; line-height:1.2em; font-weight:600;}
#mVisu .txt_box .tit img {height:70px;}
#mVisu .txt_box .txt {font-size:2.18em; color:#077524; line-height:1.4em; margin-top:30px;}

@media screen and (max-width:1024px){
    #mVisu .txt_box {}
    #mVisu .txt_box .tit {font-size:3em;}
	#mVisu .txt_box .tit img {height:40px;}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:15px;}
}

@media screen and (max-width:767px){
	#mVisu .video_box {height:350px; padding-bottom:0;}
	#mVisu .video_box iframe {width:800px; height:400px;}
    #mVisu .txt_box .tit {font-size:2em;}
	#mVisu .txt_box .tit img {height:24px;}
    #mVisu .txt_box .txt {font-size:1em; margin-top:10px;}
}


.main_title {text-align:center; position:relative; z-index:5;}
.main_title .tit {font-size:4.375em; color:#55cd7d; line-height:1.2em; font-weight:600;}
.main_title .txt {font-size:2em; color:#55cd7d; line-height:1.5em; margin-top:10px;}

@media screen and (max-width:1024px){
    .main_title .tit {font-size:3em;}
    .main_title .txt {font-size:1.5em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .main_title .tit {font-size:2.5em;}
    .main_title .txt {font-size:1.25em;}
}


#mCompany {background:#fff5cf url(../images/mCompany_img1.png) no-repeat right bottom; border-radius:50px; margin:100px auto; padding:50px 300px 50px 50px;}
#mCompany .tit {font-size:2.5em; color:#55cd7d; line-height:1.2em;}
#mCompany .tit .en {display:block; font-size:0.7em; line-height:1.3em; margin-top:10px;}
#mCompany .txt {font-size:1.5em; line-height:1.5em; margin:20px 0;}
#mCompany .txt2 {font-size:1.125em; line-height:1.5em; font-weight:300}
#mCompany .propose_btn {width:200px; height:200px; position:absolute; right:50px; top:-50px;}

@media screen and (max-width:1220px){
    #mCompany {padding:50px; background-size:65% auto}
	#mCompany .tit {padding-right:200px;}
	#mCompany .txt2 {padding-right:200px;}
}

@media screen and (max-width:1024px){
    #mCompany {padding:5%; margin:10% auto; border-radius:30px;}
    #mCompany .tit {font-size:2em; padding-right:150px;}
    #mCompany .txt {font-size:1.3em; margin:15px 0;;}
	#mCompany .txt2 {font-size:1em;}
    #mCompany .propose_btn {width:150px; right:30px; top:-30px;}
	#mCompany .propose_btn img {width:100%;}
}

@media screen and (max-width:767px){
    #mCompany {border-radius:20px; background-size:75% auto; padding:5% 5% 70px;}
    #mCompany .tit {font-size:1.7em; padding-right:0;}
    #mCompany .txt {font-size:1.125em;}
	#mCompany .txt2 {padding:0;}
    #mCompany .propose_btn {width:90px; right:10px; top:-15px;}
}



#mBenefit {background:#55cd7d;}
#mBenefit > div {padding:70px 0 100px;}
#mBenefit .img_box {text-align:center; position:relative;}
#mBenefit .img_box img {max-width:100%;}

.mBenefit_slide {width:1500px; margin:90px auto;}
.mBenefit_slide .swiper-wrapper {align-items:start;}
.mBenefit_slide .swiper-slide {width:350px; height:440px; background:#fff; border-radius:20px; box-shadow:0 0 20px rgba(25,25,25,0.3); padding:22px; transition:transform 0.6s;}
.mBenefit_slide .img {width:100%; border-radius:20px; overflow:hidden; margin-bottom:20px;}
.mBenefit_slide .img img {width:100%;}
.mBenefit_slide dl {text-align:center;}
.mBenefit_slide dl dt {font-size:1.25em; font-weight:500;}
.mBenefit_slide dl dd {font-size:1em; font-weight:300; line-height:1.5em; margin-top:10px;}

.mBenefit_slide .swiper-slide:nth-child(1) {margin-top:70px;}
.mBenefit_slide .swiper-slide:nth-child(2) {margin-left:-113px; margin-top:120px; transform:rotate(-15deg)}
.mBenefit_slide .swiper-slide:nth-child(3) {margin-left:-60px; transform:rotate(15deg)}
.mBenefit_slide .swiper-slide:nth-child(4) {margin-left:-65px; margin-top:120px; transform:rotate(-15deg)}
.mBenefit_slide .swiper-slide:nth-child(5) {margin-left:-63px; margin-top:70px; transform:rotate(15deg)}

.mBenefit_slide .swiper-slide:hover {transform:scale(1.1) rotate(0); z-index:10;}

@media screen and (max-width:1520px){
    .mBenefit_slide {width:88%;}
    .mBenefit_slide .swiper-slide {width:25%; height:auto; padding-bottom:30px;}
    
    .mBenefit_slide .swiper-slide:nth-child(2) {margin-left:-8.5%;}
    .mBenefit_slide .swiper-slide:nth-child(3) {margin-left:-6%;}
    .mBenefit_slide .swiper-slide:nth-child(4) {margin-left:-7%;}
    .mBenefit_slide .swiper-slide:nth-child(5) {margin-left:-7%;}
}

@media screen and (max-width:1220px){
    .mBenefit_slide .swiper-slide {padding:15px 15px 25px;}
}

@media screen and (max-width:1024px){
    #mBenefit > div {padding:8% 0;}
    #mBenefit .img_box {}

    .mBenefit_slide {width:350px; margin:5% auto 8%;}
    .mBenefit_slide .swiper-slide {border-radius:15px; padding:15px;}
    .mBenefit_slide .img {border-radius:15px; margin-bottom:10px;}
    .mBenefit_slide dl dt {font-size:1.125em;}
    .mBenefit_slide dl dd {margin-top:5px;}

    .mBenefit_slide .swiper-slide:nth-child(1) {margin:0;}
    .mBenefit_slide .swiper-slide:nth-child(2) {margin:0; transform:rotate(0)}
    .mBenefit_slide .swiper-slide:nth-child(3) {margin:0; transform:rotate(0)}
    .mBenefit_slide .swiper-slide:nth-child(4) {margin:0; transform:rotate(0)}
    .mBenefit_slide .swiper-slide:nth-child(5) {margin:0; transform:rotate(0)}

    .mBenefit_slide .swiper-slide:hover {transform:scale(1) rotate(0);}
}

@media screen and (max-width:767px){
    #mBenefit:before, #mBenefit:after {height:40px;}
    #mBenefit .img_box {}
	#mBenefit .btn_wrap1 {flex-wrap:wrap; width:300px; margin-left:auto; margin-right:auto;}
	#mBenefit .btn_wrap1 a {margin:4px 2.5px !important;}
    .mBenefit_slide {width:240px;}
    .mBenefit_slide .swiper-slide {padding:10px;}
}


#mReview {padding:100px 0 150px;}
#mReview .img_box {text-align:center;}
#mReview .img_box img {max-width:100%;}
.mReview_slide_wrap {width:100%; margin:70px 0 80px; position:relative;}
.mReview_slide {}
.mReview_slide .img {width:100%; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.mReview_slide .img img {width:100%;}
.mReview_slide p {font-size:1.125em; color:#666; line-height:1.83em; margin-top:25px;}
.mReview_slide .swiper-button-prev, .mReview_slide .swiper-button-next {width:60px; height:60px; background:#55cd7d; border-radius:50%; font-size:1.25em; color:#fff;}
.mReview_slide .swiper-button-prev {left:-160px;}
.mReview_slide .swiper-button-next {right:-160px;}
.mReview_slide .swiper-button-prev:after, .mReview_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mReview_slide .swiper-button-prev:after {content:'\f060'}
.mReview_slide .swiper-button-next:after {content:'\f061'}

@media screen and (max-width:1560px){
    .mReview_slide .swiper-button-prev, .mReview_slide .swiper-button-next {opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
    .mReview_slide .swiper-button-prev {left:10px;}
    .mReview_slide .swiper-button-next {right:10px;}
    .mReview_slide:hover .swiper-button-prev, .mReview_slide:hover .swiper-button-next {opacity:1; visibility:visible;}
}

@media screen and (max-width:1024px){
    #mReview {padding:10% 0 15%;}
    .mReview_slide_wrap {margin:7% 0;}
    .mReview_slide p {font-size:1em; margin-top:15px;}
    .mReview_slide .swiper-button-prev, .mReview_slide .swiper-button-next {width:45px; height:45px; font-size:1.125em; display:none;}
}

@media screen and (max-width:767px){
}


#mCommunity {padding-bottom:100px;}
#mCommunity > div {display:flex; justify-content:space-between; flex-wrap:wrap;}
#mCommunity > div > div {width:calc(50% - 15px); padding:70px; border-radius:30px; position:relative; text-align:center;}
#mCommunity > div > div:nth-child(1) {background:#55cd7d}
#mCommunity > div > div:nth-child(2) {background:#f4991e;}
#mCommunity p {position:relative; z-index:5;}
#mCommunity .tit {font-size:2.5em; color:#231815; line-height:1.25em; font-weight:500; font-family:'TangsBudaeJjigae'}
#mCommunity .tit img {height:50px;}
#mCommunity .txt {font-size:3.125em; color:#fff; font-weight:500; margin-top:20px;}
#mCommunity .img {margin-bottom:30px;}
#mCommunity .img img {height:100px;}

@media screen and (max-width:1220px){
    #mCommunity > div > div {padding:50px 40px;}
}

@media screen and (max-width:1024px){
    #mCommunity {padding-bottom:10%;}
    #mCommunity > div > div {width:calc(50% - 5px); padding:30px; border-radius:20px;}
    #mCommunity .tit {font-size:2em;}
	#mCommunity .tit img {height:40px;}
    #mCommunity .txt {font-size:2.2em; margin-top:10px;}
    #mCommunity .img {margin-bottom:20px;}
	#mCommunity .img img {height:70px;}
}

@media screen and (max-width:767px){
    #mCommunity > div > div {width:100%; border-radius:15px; margin-bottom:10px; padding:7% 5%;}
    #mCommunity > div > div:last-child {margin-bottom:0;}
    #mCommunity .tit {font-size:1.7em;}
	#mCommunity .tit img {height:30px;}
    #mCommunity .txt {font-size:1.5em;}
	#mCommunity .img {margin-bottom:15px;}
	#mCommunity .img img {height:50px;}
}


/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:100%; height:450px; background:#e4ffe3; position:relative; overflow:hidden;}
#sVisu:before {content:''; width:500px; height:500px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; right:50%; top:50%; transform:translateY(-50%); margin-right:-600px;}
#sVisu h2 {font-size:5em; color:#22b24e; line-height:1.2em; font-weight:600;}
#sVisu p {font-size:3em; color:#22b24e; line-height:1.2em;}
#sVisu p.case2 {font-size:1.25em; color:#191919; margin-top:15px;}

.sVisu1:before {background-image:url(../images/sVisu_img1.png);}
#sVisu.sVisu3 {background-color:#fff5cf}
.sVisu3:before {background-image:url(../images/sVisu_img3.png);}
#sVisu.sVisu4 {background-color:#ffe6e8}
.sVisu4:before {background-image:url(../images/sVisu_img4.png);}
#sVisu.sVisu5 {background-color:#dcf7ff}
.sVisu5:before {background-image:url(../images/sVisu_img5.png);}


@media screen and (max-width:1220px){
	#sVisu:before {right:3%; margin-right:0;}
}

@media screen and (max-width:1024px){
    #sVisu {height:320px;}
	#sVisu:before {width:400px; height:400px;}
    #sVisu h2 {font-size:3.5em;}
	#sVisu p {font-size:2.2em;}
	#sVisu p.case2 {font-size:1.125em;}
}

@media screen and (max-width:767px){
    #sVisu {height:180px;}
	#sVisu:before {width:220px; height:220px; right:0;}
    #sVisu h2 {font-size:2.5em;}
	#sVisu p {font-size:1.5em;}
	#sVisu p.case2 {font-size:1em;}
}


.sub_section {padding:100px 0;}
.sub_section.bg1 {background-color:#efefef;}

.s_tit1 {font-size:3.125em; color:#0395bc; line-height:1.2em; font-weight:500; margin-bottom:50px;}

.sub_title {display:flex; justify-content:space-between; align-items:center;}

@media screen and (max-width:1024px){
    .sub_section {padding:13% 0;}

    .s_tit1 {font-size:2.5em; margin-bottom:5%;}
}

@media screen and (max-width:767px){
    .s_tit1 {font-size:2.2em;}
}


.sAbout_case1 > div {display:flex; align-items:center; flex-wrap:wrap;}
.sAbout_case1 .img_box {width:50%;}
.sAbout_case1 .img_box img {width:100%;}
.sAbout_case1 .txt_box {width:50%; padding-left:50px;}
.sAbout_case1 .txt_box dl dt {font-size:2.5em; color:#55cd7d;}
.sAbout_case1 .txt_box dl dd {font-size:1.125em; line-height:1.5em; font-weight:300; margin-top:15px;}

.sAbout_case2 .tit_box {text-align:center; margin-bottom:50px;}
.sAbout_case2 .tit_box img {height:150px;}
.sAbout_case2 .box {width:100%; background:#fff5cf; padding:50px 0;}
.sAbout_case2 .box > div {display:flex; align-items:center;}
.sAbout_case2 .box .txt_box {width:calc(100% - 500px);}
.sAbout_case2 .box .txt_box .t1 {font-size:2.5em; color:#55cd7d; font-weight:600; line-height:1.3em;}
.sAbout_case2 .box .txt_box .t1 span {display:block; font-size:0.7em; font-weight:300; line-height:1.3em;}
.sAbout_case2 .box .txt_box .t2 {font-size:2em; line-height:1.5em; font-weight:500; margin-top:30px;}
.sAbout_case2 .box .txt_box .t3 {font-size:1.25em; line-height:1.5em; font-weight:300; margin-top:10px;}
.sAbout_case2 .box .txt_box .t4 {font-size:1.125em; font-weight:300; margin-top:25px;}
.sAbout_case2 .box .img_box {width:500px;}
.sAbout_case2 .box .img_box img {width:100%;}

.sAbout_case3 .title {font-size:3.75em; color:#55cd7d; font-weight:500; text-align:center;}

.sAbout_case4 .tit_box {text-align:center; margin-bottom:50px;}
.sAbout_case4 .tit_box img {height:150px;}
.sAbout_case4 .box {width:100%; background:#c8c8c8; padding:50px 0;}
.sAbout_case4 .box > div {display:flex; align-items:center;}
.sAbout_case4 .box .txt_box {width:calc(100% - 500px);}
.sAbout_case4 .box .txt_box .t1 {font-size:2.5em; font-weight:600; line-height:1.3em;}
.sAbout_case4 .box .txt_box .t2 {font-size:2em; line-height:1.5em; font-weight:500; margin-top:30px;}
.sAbout_case4 .box .txt_box .t3 {font-size:1.25em; line-height:1.5em; font-weight:300; margin-top:10px;}
.sAbout_case4 .box .txt_box .t4 {font-size:1.125em; font-weight:300; margin-top:25px;}
.sAbout_case4 .box .img_box {width:500px;}
.sAbout_case4 .box .img_box img {width:100%;}
.sAbout_case4 .btn_wrap1 {margin-top:50px;}

.sAbout_case5 .tit_box {text-align:center; margin-bottom:50px;}
.sAbout_case5 .tit_box img {height:150px;}
.sAbout_case5 .box {width:100%; background:#fde8e9 url(../images/sAbout_img5_bg.jpg) no-repeat center bottom; background-size:cover; padding:50px 0;}
.sAbout_case5 .box > div {display:flex; align-items:center; flex-direction:row-reverse;}
.sAbout_case5 .box .txt_box {width:calc(100% - 500px); color:#603817;}
.sAbout_case5 .box .txt_box .t1 {font-size:2.5em; font-weight:600; line-height:1.3em;}
.sAbout_case5 .box .txt_box .t2 {font-size:2em; line-height:1.5em; font-weight:500; margin-top:30px;}
.sAbout_case5 .box .txt_box .t3 {font-size:1.25em; line-height:1.5em; font-weight:300; margin-top:10px;}
.sAbout_case5 .box .txt_box .t4 {font-size:1.125em; font-weight:300; margin-top:25px;}
.sAbout_case5 .box .img_box {width:500px;}
.sAbout_case5 .box .img_box img {width:100%;}
.sAbout_case5 .btn_wrap1 {margin-top:50px;}

.sAbout_slide {width:100%; margin:70px 0;}
.sAbout_slide .img img {width:100%;}
.sAbout_slide .swiper-button-prev, .sAbout_slide .swiper-button-next {width:60px; height:60px; background:#55cd7d; border-radius:50%; font-size:1.25em; color:#fff;}
.sAbout_slide .swiper-button-prev {left:-160px;}
.sAbout_slide .swiper-button-next {right:-160px;}
.sAbout_slide .swiper-button-prev:after, .sAbout_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sAbout_slide .swiper-button-prev:after {content:'\f060'}
.sAbout_slide .swiper-button-next:after {content:'\f061'}

@media screen and (max-width:1560px){
    .sAbout_slide .swiper-button-prev, .sAbout_slide .swiper-button-next {opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
    .sAbout_slide .swiper-button-prev {left:10px;}
    .sAbout_slide .swiper-button-next {right:10px;}
    .sAbout_slide:hover .swiper-button-prev, .sAbout_slide:hover .swiper-button-next {opacity:1; visibility:visible;}
}

@media screen and (max-width:1220px){
	.sAbout_case2 .box .txt_box {width:60%;}
	.sAbout_case2 .box .img_box {width:40%;}
	
	.sAbout_case4 .box .txt_box {width:60%;}
	.sAbout_case4 .box .img_box {width:40%;}
	
	.sAbout_case5 .box .txt_box {width:60%;}
	.sAbout_case5 .box .img_box {width:40%;}
}

@media screen and (max-width:1024px){
	.sAbout_case1 .txt_box {padding-left:25px;}
	.sAbout_case1 .txt_box dl dt {font-size:2em;}
	.sAbout_case1 .txt_box dl dd {font-size:1em; margin-top:10px}

	.sAbout_case2 .tit_box {margin-bottom:5%;}
	.sAbout_case2 .tit_box img {height:100px;}
	.sAbout_case2 .box .txt_box .t1 {font-size:2em;}
	.sAbout_case2 .box .txt_box .t2 {font-size:1.7em; margin-top:15px;}
	.sAbout_case2 .box .txt_box .t3 {font-size:1.125em; margin-top:5px;}
	.sAbout_case2 .box .txt_box .t3 br {display:none;}
	.sAbout_case2 .box .txt_box .t4 {font-size:1em;}

	.sAbout_case3 .title {font-size:3em;}
	
	.sAbout_case4 .tit_box {margin-bottom:5%;}
	.sAbout_case4 .tit_box img {height:100px;}
	.sAbout_case4 .box .txt_box .t1 {font-size:2em;}
	.sAbout_case4 .box .txt_box .t2 {font-size:1.7em; margin-top:15px;}
	.sAbout_case4 .box .txt_box .t3 {font-size:1.125em; margin-top:5px;}
	.sAbout_case4 .box .txt_box .t4 {font-size:1em;}
	.sAbout_case4 .btn_wrap1 {margin-top:5%;}
	
	.sAbout_case5 .tit_box {margin-bottom:5%;}
	.sAbout_case5 .tit_box img {height:100px;}
	.sAbout_case5 .box .txt_box .t1 {font-size:2em;}
	.sAbout_case5 .box .txt_box .t2 {font-size:1.7em; margin-top:15px;}
	.sAbout_case5 .box .txt_box .t3 {font-size:1.125em; margin-top:5px;}
	.sAbout_case5 .box .txt_box .t4 {font-size:1em;}
	.sAbout_case5 .btn_wrap1 {margin-top:5%;}

	.sAbout_slide {margin:7% 0;}
    .sAbout_slide .swiper-button-prev, .sAbout_slide .swiper-button-next {width:45px; height:45px; font-size:1.125em; display:none;}
}

@media screen and (max-width:767px){
	.sAbout_case1 .img_box {width:100%;}
	.sAbout_case1 .txt_box {width:100%; padding-left:0; margin-top:5%;}
	.sAbout_case1 .txt_box dl dt {font-size:1.8em;}
	
	.sAbout_case2 .tit_box img {height:70px;}
	.sAbout_case2 .box > div {display:block;}
	.sAbout_case2 .box .txt_box {width:100%; position:relative; z-index:5;}
	.sAbout_case2 .box .txt_box .t1 {font-size:1.7em;}
	.sAbout_case2 .box .txt_box .t2 {font-size:1.5em; margin-top:10px;}
	.sAbout_case2 .box .txt_box .t3 {font-size:1em;}
	.sAbout_case2 .box .txt_box .t4 {font-size:0.9375em; margin-top:15px;}
	.sAbout_case2 .box .img_box {display:flex; justify-content:center; align-items:center; width:100px; height:100px; position:absolute; right:-5%; top:-15%;}
	.sAbout_case2 .box .img_box img {max-width:80%;}

	.sAbout_case3 .title {font-size:2.3em;}
	
	.sAbout_case4 .tit_box img {height:70px;}
	.sAbout_case4 .box > div {display:block;}
	.sAbout_case4 .box .txt_box {width:100%; position:relative; z-index:5;}
	.sAbout_case4 .box .txt_box .t1 {font-size:1.7em;}
	.sAbout_case4 .box .txt_box .t2 {font-size:1.5em; margin-top:10px;}
	.sAbout_case4 .box .txt_box .t3 {font-size:1em;}
	.sAbout_case4 .box .txt_box .t4 {font-size:0.9375em; margin-top:15px;}
	.sAbout_case4 .box .img_box {display:flex; justify-content:center; align-items:center; width:100px; height:100px; position:absolute; right:-5%; top:-15%;}
	.sAbout_case4 .box .img_box img {max-width:80%;}
	
	.sAbout_case5 .tit_box img {height:70px;}
	.sAbout_case5 .box > div {display:block;}
	.sAbout_case5 .box .txt_box {width:100%; position:relative; z-index:5;}
	.sAbout_case5 .box .txt_box .t1 {font-size:1.7em;}
	.sAbout_case5 .box .txt_box .t2 {font-size:1.5em; margin-top:10px;}
	.sAbout_case5 .box .txt_box .t3 {font-size:1em;}
	.sAbout_case5 .box .txt_box .t4 {font-size:0.9375em; margin-top:15px;}
	.sAbout_case5 .box .img_box {display:flex; justify-content:center; align-items:center; width:140px; height:140px; position:absolute; right:-11%; top:-21%;}
	.sAbout_case5 .box .img_box img {max-width:80%;}
}


.sContact_case1  {display:flex; height:100%; position:relative; z-index:5;}
.sContact_case1 .tit_box {width:calc(100% - 600px);}
.sContact_case1 .tit_box .tit1 {font-size:3.125em; line-height:1.2em; font-weight:600; text-transform:uppercase;}
.sContact_case1 .tit_box .txt1 {font-size:1.125em; color:#666; line-height:1.5em; font-weight:500; margin-top:20px;}
.sContact_case1 .form_box {width:600px;}
.sContact_case1 .form_box:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box ul li {display:flex; width:100%; background:#fff; border-radius:10px; margin-bottom:10px; padding:25px; position:relative;}
.sContact_case1 .form_box ul li:before {content:''; display:block; width:100%; height:100%; border:1px solid #ccc; border-radius:10px; position:absolute; left:0; top:0; pointer-events:none}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; width:82px; font-size:1em; font-weight:600;}
.sContact_case1 .form_box ul li > label i {color:#0395bc; font-style:normal;}
.sContact_case1 .form_box ul li > div {width:calc(100% - 82px)}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:250px; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0; resize:none;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .select_box {width:100%; height:100%;}
.sContact_case1 .form_box ul li .select_box select {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
.sContact_case1 .form_box ul li .select_box select:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li.on:before {border:2px solid #0395bc; box-shadow:5px 5px 15px rgba(67,8,85,0.15)}
.sContact_case1 .form_box ul li .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box .chk_box {position:relative; margin-top:20px;}
.sContact_case1 .form_box .chk_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sContact_case1 .form_box .chk_box label {display:flex; width:100%;}
.sContact_case1 .form_box .chk_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sContact_case1 .form_box .chk_box label span {font-size:0.875em; font-weight:500; padding-left:10px; line-height:24px;}
.sContact_case1 .form_box .chk_box label span a {text-decoration:underline; position:relative; z-index:5;}
.sContact_case1 .form_box .chk_box input:checked + label:before {background:#0395bc}
.sContact_case1 .form_box .submit_btn {float:right; display:flex; justify-content:center; align-items:center; width:162px; height:59px; background:#0395bc; border-radius:30px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:all 0.4s; transition-property:background, color; font-family:'Pretendard'}
.sContact_case1 .form_box .submit_btn:hover {background:#191919; color:#fff}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:350px}
    .sContact_case1 .form_box {width:calc(100% - 350px)}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box {width:300px;}
	.sContact_case1 .tit_box .tit1 {font-size:2.5em;}
	.sContact_case1 .tit_box .txt1 {font-size:1em; margin-top:2%;}
    .sContact_case1 .form_box {width:calc(100% - 300px)}
    .sContact_case1 .form_box ul li {margin-bottom:5px; padding:18px 15px;}
    .sContact_case1 .form_box ul li > label {width:70px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 70px)}
	.sContact_case1 .form_box ul li .form_textarea {height:100px;}
    .sContact_case1 .form_box .chk_box {margin-top:10px;}
	.sContact_case1 .form_box .submit_btn {width:140px; height:50px;}
}

@media screen and (max-width:767px){
    .sContact_case1 {display:block;}
    .sContact_case1 .tit_box {width:100%;}
	.sContact_case1 .tit_box .tit1 {font-size:2.1em;}
    .sContact_case1 .form_box {width:100%; margin-top:5%;}
    .sContact_case1 .form_box ul li {padding:13px 10px; border-radius:5px;}
	.sContact_case1 .form_box ul li:before {border-radius:5px;}
    .sContact_case1 .form_box ul li > label {width:63px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 63px)}
    .sContact_case1 .form_box ul li .form_textarea {height:90px;}
    .sContact_case1 .form_box .chk_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box .chk_box label span {line-height:20px;}
	.sContact_case1 .form_box .submit_btn {width:120px; height:38px;}
}


.sContact_case2 > div {display:flex; flex-wrap:wrap; margin-bottom:100px;}
.sContact_case2 > div:last-child {margin-bottom:0;}
.sContact_case2 > div .tit {width:400px; font-size:2.5em; color:#22b24e;}
.sContact_case2 > div > div {display:flex; flex-wrap:wrap; width:calc(100% - 400px);}
.sContact_case2 > div > div dl {width:50%;}
.sContact_case2 > div > div dl dt {font-size:1.5em; font-weight:600; margin-bottom:10px;}
.sContact_case2 > div > div dl dd {font-size:1.25em; line-height:2em;}
.sContact_case2 > div > div ul li {font-size:1.25em; line-height:2em;}

@media screen and (max-width:1024px){
	.sContact_case2 > div {margin-bottom:10%;}
	.sContact_case2 > div .tit {width:270px; font-size:2.2em;}
	.sContact_case2 > div > div {width:calc(100% - 270px);}
	.sContact_case2 > div > div dl dt {font-size:1.3em;}
	.sContact_case2 > div > div dl dd {font-size:1.125em;}
	.sContact_case2 > div > div ul li {font-size:1.125em;}
}

@media screen and (max-width:767px){
	.sContact_case2 > div .tit {width:100%; font-size:1.7em; margin-bottom:3%;}
	.sContact_case2 > div > div {width:100%;}
	.sContact_case2 > div > div dl dt {font-size:1.2em;}
	.sContact_case2 > div > div dl dd {font-size:1em;}
	.sContact_case2 > div > div ul li {font-size:1em;}
}



/* modal popup */
.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.75); position:fixed; left:0; top:0; z-index:400;}
.modal_popup.on {display:flex;}
.modal_inner {width:700px; max-height:calc(100vh - 120px); background:#fff; border-radius:20px; padding:40px; position:relative;}
.modal_inner .close_btn {display:block; width:90px; height:90px; background:#191919; border-radius:10px; font-size:3em; color:#fff; position:absolute; left:100%; top:0; margin-left:10px; transition:background 0.4s;}
.modal_inner .close_btn:hover {background:#0395bc;}
.modal_inner .tit {font-size:1.5em; line-height:1.3em; font-weight:600; margin-bottom:15px;}
.modal_inner .cont {max-height:calc(100vh - 260px); overflow-y:auto;}
.modal_inner .cont p {font-size:0.875em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    .modal_inner {max-width:600px; padding:25px; border-radius:20px;}
    .modal_inner .close_btn {width:70px; height:70px; font-size:2em;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .modal_inner {max-width:88%; padding:15px; border-radius:10px;}
    .modal_inner .close_btn {background:#0395bc; width:32px; height:32px; border-radius:5px; font-size:1.5em; left:auto; right:10px; top:10px; margin-left:0;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
    .modal_inner .cont p {font-size:0.9375em;}
}