@charset "utf-8";

/***************************************************************************/
/*                                             레이아웃 설정					 	  		             /
/***************************************************************************/

/* 애니효과 */
.sa {opacity: 0;transition: all 1.0s ease;}
.sa-up {transform: translate(0, 50px);}
.sa.show {opacity: 1;transform: none;}

/* 전체공통 */
#wrap {position: relative;width: 100%;height: 100%;}

/* header */
header {position: fixed;top: 0;left: 0;z-index:100;width:100%;height:80px;background:rgba(255,255,255,0);}
.hidden {display: block;height: 80px; /*haeder 높이*/margin-top: -80px; /*haeder 높이*/ visibility: hidden;}

/* menu */
nav {position: relative;width:1280px;margin:0 auto;height:80px;display: flex;justify-content: space-between;} 
nav .top-logo {width:183px;margin:26px auto 0;}
nav .top-logo a {width:183px;height:25px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:183px 25px;cursor: pointer;color: transparent;text-indent: -9999px;}
nav > ul {height:80px;}
nav > ul > li {float:left;padding:30px 35px 0 35px;font-size:1.2em;line-height:1;text-align: center;font-weight:500;}
nav > ul > li:last-child {padding:30px 0 0 35px;}
nav > ul > li a {color: #222;}
nav > ul > li a:hover {color:#ff016b;}

/* 스크롤 다운시 고정메뉴영역 */
header.drop {position: fixed;top:0;left: 0;animation: dropHeader 0.4s;background-color: rgba( 255, 255, 255, 1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
header.drop nav {position: relative;width:1280px;margin:0 auto;height:80px;display: flex;justify-content: space-between;}
header.drop nav.top-logo {width:183px;margin:26px 0 0 0;}
header.drop nav .top-logo a {width:183px;height:25px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:183px 25px;cursor: pointer;color: transparent;text-indent: -9999px;text-shadow:none}
header.drop nav > ul {height:80px;}
header.drop nav > ul > li {float:left;padding:30px 35px 0 35px;font-size:1.2em;line-height:1;text-align: center;font-weight:500;}
header.drop nav > ul > li:last-child {padding:30px 0 0 35px;}
header.drop nav > ul > li a {color: #333;}
header.drop nav > ul > li a:hover {color:#ff016b;}
@keyframes dropHeader {
	0% {top: 0;opacity:0;}
   100% {top: 0;opacity:1;}
}

/* 위로가기 버튼 */
.topBtn {display:scroll;position:fixed;bottom:15px;right:20px;z-index:200;}
.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
.topBtn > img {width:60px;height:60px;}

/* 플로팅배너 */
.floBan1 {position: fixed;top:510px;right:0;z-index: 99;}
.floBan1 img {width:128px;height:128px;}
.floBan2 {position: fixed;top:638px;right:0;z-index: 99;}
.floBan2 img {width:128px;height:128px;}

/* footer */
#footer-area {width:100%;background:#272525;}
.footer-inner {position:relative;width:1080px;margin:0 auto;padding:120px 0 100px 0;text-align:center;}
.footer-inner > .fmenu {width:100%;display: flex;justify-content: space-between;}
.footer-inner > .fmenu > .leftlogo {width:28%;text-align:left;padding:2px 0 0 0;}
.footer-inner > .fmenu > .leftlogo img {width:150px;height:20px;opacity:0.9;}
.footer-inner > .fmenu > .menucell {width:18%;}
.footer-inner > .fmenu > .menucell > h5 {color:rgba(255,255,255,0.8);font-size:0.8em;line-height:1.2;font-weight:400;}
.footer-inner > .fmenu > .menucell > p {padding:5px 0 0 0;color:rgba(255,255,255,0.4);font-size:0.8em;line-height:1.3;font-weight:300;font-family: 'Inter', sans-serif;}
.footer-inner > .fmenu > .menucell > .fbtn1 {margin:7px 0 0 0;border-radius:2px;background:#fff;padding:0 20px;height:28px;line-height:25px;text-align:center;color:#222;font-size:0.8em;font-weight:500;letter-spacing:-1px;}
.footer-inner > .fmenu > .menucell > .fbtn2 {margin:7px 0 0 0;border-radius:2px;background:rgba(255,255,255,0.4);padding:0 20px;height:28px;line-height:25px;text-align:center;color:#fff;font-size:0.8em;font-weight:300;letter-spacing:-0.5px;}
.footer-inner > .cominfo {width: 60%;margin: 0 auto;padding: 60px 0 0 0;text-align: center;}
.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
.footer-inner > .cominfo ul {padding: 0 0 20px 0;list-style: none;margin: 0;}
.footer-inner > .cominfo ul li {display: inline-block; /* float을 inline-block으로 변경 */padding-right: 30px;color: rgba(255, 255, 255, 0.4);font-size: 0.8em;line-height: 1.6;font-weight: 300;font-family: 'Inter', sans-serif;}
.footer-inner > .cominfo .copy {padding:20px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
.footer-inner > .cominfo .wws {width:100%;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
.footer-inner > .cominfo .wws img {width:24px;height:8px;margin:7px 0 0 3px;opacity:0.4;}

 /* 상단이미지 */
.topimg_wrap {position:relative;width:100%;height:700px;overflow:hidden;background:url('../img/imgTop.jpg') no-repeat center top;background-size:cover;display: flex;justify-content: center;}
.topimg_inner {position:absolute;width:1280px;height:700px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
.topimg_inner > .toptit {padding:30px 0;color:#111;font-size:4.2em;line-height:1.25;font-weight:600;letter-spacing:-2.5px;font-family: 'GmarketSansMedium', sans-serif;}
.topimg_inner > .toptit > span {color:#ec4b01;}
.topimg_inner > .topstxt1 {font-size:1.5em;line-height:1;font-weight:500;letter-spacing:-1px;color:#222;}
.topimg_inner > .topstxt2 {font-size:1.2em;line-height:1.4;}
.topimg_inner > .topstxt2 > strong {font-weight:500 !important;letter-spacing:-0.5px;color:#222;}
.topimg_inner > button {margin:30px 0 0 0;border-radius:5px;background-color:#f40e6e;padding:0 50px;height:58px;line-height:58px;text-align:center;color:#fff;font-size:1.2em;}

/* 공통적용 */
h3 {color:#222;font-size:2.8em;line-height:1.25;font-weight:600;letter-spacing:-2px;text-align:center;font-family: 'GmarketSansMedium', sans-serif;}
.subcopy {padding:20px 0 0 0;font-size:1.3em;text-align:center;letter-spacing:-0.5px;}

/* 섹션1 */
.secwrap1 {width:100%;padding:180px 0;/* background-color:#f9f7f4; */text-align:center;}
.secwrap1 > img {margin-top:80px;width:800px;height:700px;}
.secwrap1 > h3 > img {width:348px;height:45px;margin:3px 0 0 0;}

/* 섹션2 */
.secwrap2 {width:100%;padding:180px 0;text-align:center;border-top:1px solid #efefef;}
.secwrap2 > .inner2 {margin:120px auto 0;width:1280px;display: flex;justify-content: space-between;}
.secwrap2 > .inner2 > .benefit {width:31%;}
.secwrap2 > .inner2 > .benefit > .iconbox {width:100%;}
.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner {margin:0 auto;width:190px;height:190px;background-color:rgba(255, 245, 240, 0.8);border-radius:10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner > img {width:80px;height:80px;}
.secwrap2 > .inner2 > .benefit > .btxtbox {width:100%;}
.secwrap2 > .inner2 > .benefit > .btxtbox > h4 {padding:40px 0 0 0;font-size:1.7em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
.secwrap2 > .inner2 > .benefit > .btxtbox > p {padding:30px 10px 0 10px;font-size:1.3em;line-height:1.4;}
.secwrap2 > .inner2 > .benefit > .btxtbox > button {margin:30px auto 0;width:60%;color:#fff;font-size:1.3em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#ff5000;height:60px;line-height:55px;text-align:center;}
.secwrap2 > .inner2 > .benefit > .btxtbox > button > img {width:26px;height:26px;margin: 15px 0 0 8px;}

/* 섹션3 */
.secwrap3 {width:100%;padding:180px 0;background:url('../img/bg_s3.jpg') no-repeat center top;background-size:cover;}
.secwrap3 > .inner3 {margin:110px auto 0;width:1280px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.secwrap3 > .inner3 > .price {width:49%;margin:10px 0;background:rgba(255,255,255,0.9);padding:60px 90px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;}
.secwrap3 > .inner3 > .price > .numbox {width:20%;font-size:2em;line-height:1.4;font-weight:700;font-family: 'Inter', sans-serif;color:#ff5000;}
.secwrap3 > .inner3 > .price > .txtbox {width:80%;display: flex;flex-direction: column;align-items: flex-start;}
.secwrap3 > .inner3 > .price > .txtbox > h4 {font-size:1.7em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
.secwrap3 > .inner3 > .price > .txtbox > h4 span {background:url('../img/bg_txt.png') repeat-x left bottom;}
.secwrap3 > .inner3 > .price > .txtbox > p {padding:10px 0 0 0;font-size:1.3em;line-height:1.4;}

/* 섹션4 */
.secwrap4 {width:100%;padding:180px 0;text-align:center;}
.secwrap4 > .inner4 {margin:120px auto 0;width:100%;padding:0 40px;display: flex;justify-content:space-between;}
.secwrap4 > .inner4 > .service {width:24%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.secwrap4 > .inner4 > .service > .imgbox {width:100%;}
.secwrap4 > .inner4 > .service > .imgbox > img {width:100%;}
.secwrap4 > .inner4 > .service > h4 {padding:40px 0 0 0;font-size:1.7em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
.secwrap4 > .inner4 > .service > p {padding:30px 20px 0 20px;font-size:1.3em;line-height:1.4;}
.secwrap4 > button {margin:100px 0 0 0;color:#3c1d1e;font-size:1.6em;letter-spacing:-1.5px;font-weight:600;border-radius:10px;background-color:#fae100;padding:0 60px;height:90px;line-height:88px;text-align:center;}
.secwrap4 > button > img {width:50px;height:50px;margin:20px 2px 0 0;}

/* 섹션5 */
.secwrap5 {width:100%;padding:180px 0;text-align:center;border-top:1px solid #efefef;}
.secwrap5 > .inner5 {margin:40px auto 0;width:1024px;}
.secwrap5 > .inner5 > .gbox1 {padding:100px 0 0 0;width:100%;display: flex;justify-content:space-between;}
.secwrap5 > .inner5 > .gbox1 > .leftimg {width:35%;}
.secwrap5 > .inner5 > .gbox1 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
.secwrap5 > .inner5 > .gbox1 > .righttxt {width:65%;padding:0 0 0 50px;text-align:left;display: flex;flex-direction: column;justify-content: center;}
.secwrap5 > .inner5 > .gbox1 > .righttxt > h4 {font-size:1.7em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
.secwrap5 > .inner5 > .gbox1 > .righttxt > p {padding:20px 0 0 0;font-size:1.35em;line-height:1.4;}
.secwrap5 > .inner5 > .gbox2 {padding:100px 0 0 0;width:100%;display: flex;justify-content:space-between;}
.secwrap5 > .inner5 > .gbox2 > .rightimg {width:35%;}
.secwrap5 > .inner5 > .gbox2 > .rightimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
.secwrap5 > .inner5 > .gbox2 > .lefttxt {width:65%;padding:0 50px 0 0;text-align:left;display: flex;flex-direction: column;justify-content: center;}
.secwrap5 > .inner5 > .gbox2 > .lefttxt > h4 {font-size:1.7em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
.secwrap5 > .inner5 > .gbox2 > .lefttxt > p {padding:20px 0 0 0;font-size:1.35em;line-height:1.4;}
.secwrap5 > .inner5 > .gbox3 {display:none;}

/* 섹션6 */
.secwrap6 {width:100%;padding:180px 0;background-color:#f9f9f9;}
.secwrap6 > .inner6 {margin:120px auto 0;width:1280px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.secwrap6 > .inner6 > .step {width:25%;}
.secwrap6 > .inner6 > .step > .stepbox1 {width:100%;height:80px;background:url('../img/line.png') repeat-x center center;display: flex;flex-direction: column;align-items: center;}
.secwrap6 > .inner6 > .step > .stepbox2 {width:100%;height:80px;background-image: url('../img/line.png');background-size: auto 100%; background-position: right center;background-repeat: no-repeat;display: flex;flex-direction: column;align-items: center;}
.secwrap6 > .inner6 > .step > .stepbox3 {width:100%;height:80px;background-image: url('../img/line.png');background-size: auto 100%; background-position: left center;background-repeat: no-repeat;display: flex;flex-direction: column;align-items: center;}
.secwrap6 > .inner6 > .step > h4 {padding:50px 30px 0 30px;font-size:1.3em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:500;}
.secwrap6 > .jointxt {padding:100px 0 0 0;font-size:1.3em;text-align:center;letter-spacing:-0.5px;}
.secwrap6 > .jointxt > b {font-weight:500;color:#ec4b01;}
.c1 {width:80px;height:80px;background-color:#bababf;border-radius:50%;text-align:center;line-height:80px;font-size:1.1em;font-weight:500;color:#fff;font-family: 'Inter', sans-serif;}
.c2 {width:80px;height:80px;background-color:#ff5000;border-radius:50%;text-align:center;line-height:80px;font-size:1.3em;letter-spacing:-1px;font-weight:500;color:#fff;}

/* 섹션7 좌로이동 */
	.secwrap7 {width:100%;padding:180px 0 0 0;}
	.secwrap7 > .inner7 {margin:120px auto 0;width:100%;}
	 #slider .slick-track {display: flex;animation: scroll-left 26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-left {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

/* 섹션7 우로이동 */
	.secwrap777 {width:100%;padding:180px 0 0 0;}
	.secwrap777 > .inner777 {margin:120px auto 0;width:100%;}
	 #slider777 .slick-track {display: flex;animation: scroll-right  26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-right {
			  100% {
					transform: translateX(0%);
				}
			 0% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

	.ehbox {height:180px;}


/* 섹션8 */
.secwrap8 {width:100%;padding:180px 0;background-color:#f9f9f9;}
.secwrap8 > .inner8 {margin:120px auto 0;width:1280px;}
.faq-item {border-bottom:1px solid #efefef;}
.faq-question {width: 100%;padding: 20px 30px;background-color: #fff;color:#222;cursor: pointer;font-size:1.4em;font-weight:500;display: block;transition: background-color 0.3s ease;}
.faq-question:hover {background-color: #efeff0;}
.faq-toggle {display: none;}
.faq-answer {padding:40px 60px;background-color:#fff;font-size:1.1em;border-bottom: 1px solid #efefef;display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;}
.faq-toggle:checked + .faq-question + .faq-answer {display: block;max-height:800px; /* 충분히 큰 max-height 설정 */}


/***************************************************************************/
/*                                    모바일  Layout 설정                                            /
/***************************************************************************/
@media all and (max-width:479px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:14px;}

	/* header */
	header {position: fixed;top: 0;left: 0;z-index:100;width: 100%;height:70px;background-color:rgba(255, 255, 255, 0);}
	.hidden {display: block;height: 70px; /*haeder 높이*/margin-top: -70px; /*haeder 높이*/ visibility: hidden;}

	/* menu */
	nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;} 
	nav .top-logo {width:120px;margin:26px auto 0;}
	nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul {width:100%;height:46px;}
	nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	nav > ul > li:last-child {padding:0 !important;}
	nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul > li a:hover {color:#5f361f;}
	nav > ul > li + li {background:none;}

	/* 스크롤 다운시 고정메뉴영역 */
	header.drop {position: fixed;top:0;left: 0;animation: dropHeader 0.4s;background-color: rgba( 255, 255, 255, 1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
	header.drop nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;}
	header.drop nav .top-logo {width:120px;margin:26px auto 0;}
	header.drop nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;text-shadow:none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul {width:100%;height:46px;}
	header.drop nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	header.drop nav > ul > li:last-child {padding:0 !important;}
	header.drop nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul > li a:hover {color:#5f361f;}
	header.drop nav > ul > li + li {background:none;}

	/* footer */
	#footer-area {width:100%;background:#272525;}
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:50px 5px;text-align:center;line-height:1.3;}
	.footer-inner > .fmenu {width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.footer-inner > .fmenu > .leftlogo {width:100%;text-align:center;padding:0 0 30px 0;}
	.footer-inner > .fmenu > .leftlogo img {width:120px;height:17px;opacity:0.9;}
	.footer-inner > .fmenu > .menucell {width:50%;padding:20px 0 0 0;}
	.footer-inner > .fmenu > .menucell > h5 {color:rgba(255,255,255,0.8);font-size:0.9em;line-height:1.2;font-weight:400;}
	.footer-inner > .fmenu > .menucell > p {padding:5px 0 0 0;color:rgba(255,255,255,0.4);font-size:0.9em;line-height:1.3;font-weight:300;font-family: 'Inter', sans-serif;}
	.footer-inner > .fmenu > .menucell > .fbtn1 {margin:7px 0 0 0;border-radius:2px;background:#fff;padding:0 20px;height:28px;line-height:25px;text-align:center;color:#222;font-size:0.8em;font-weight:500;letter-spacing:-1px;}
	.footer-inner > .fmenu > .menucell > .fbtn2 {margin:7px 0 0 0;border-radius:2px;background:rgba(255,255,255,0.4);padding:0 20px;height:28px;line-height:25px;text-align:center;color:#fff;font-size:0.8em;font-weight:300;letter-spacing:-0.5px;}
	.footer-inner > .cominfo {width:100%;margin: 0 auto;padding: 50px 10px 0 10px;text-align: center;}
	.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner > .cominfo ul {padding: 0 0 20px 0;list-style: none;margin: 0;}
	.footer-inner > .cominfo ul li {display: inline-block; /* float을 inline-block으로 변경 */padding-right:16px;color: rgba(255, 255, 255, 0.4);font-size: 0.9em;line-height: 1.7;letter-spacing:-0.5px;font-weight: 300;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .copy {padding:5px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws {width:100%;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws img {width:24px;height:8px;margin:3px 0 0 3px;opacity:0.3;}

	/* 위로가기 버튼 */
	.topBtn {display:scroll;position:fixed;bottom:10px;right:10px;z-index:200;}
	.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
	.topBtn > img {width:40px;height:40px;}

	/* 플로팅배너 */
	.floBan1 {position: fixed;top:372px;right:0;z-index: 99;}
	.floBan1 img {width:70px;height:70px;}
	.floBan2 {position: fixed;top:442px;right:0;z-index: 99;}
	.floBan2 img {width:70px;height:70px;}

	 /* 상단이미지 */
	.topimg_wrap {position:relative;width:100%;height:400px;overflow:hidden;background:url('../img/imgTop_m.jpg') no-repeat center bottom;background-size:cover;display: flex;justify-content: center;}
	.topimg_inner {position:absolute;width:100%;height:400px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
	.topimg_inner > .toptit {padding:20px 0 30px 0;color:#111;font-size:2.6em;line-height:1.25;font-weight:600;letter-spacing:-1px;font-family: 'GmarketSansMedium', sans-serif;}
	.topimg_inner > .toptit > span {color:#ec4b01;}
	.topimg_inner > .topstxt1 {font-size:1.3em;line-height:1;font-weight:500;letter-spacing:-1px;color:#222;}
	.topimg_inner > .topstxt2 {font-size:0.9em;line-height:1.3;padding:0 50px;}
	.topimg_inner > .topstxt2 > strong {font-weight:400;letter-spacing:-0.5px;color:#222;}
	.topimg_inner > button {margin:30px 0 0 0;border-radius:5px;background-color:#f40e6e;padding:0 50px;height:58px;line-height:58px;text-align:center;color:#fff;font-size:1.2em;}

	/* 공통적용 */
	h3 {padding:0 60px;color:#222;font-size:1.8em;line-height:1.25;font-weight:600;letter-spacing:-1px;text-align:center;font-family: 'GmarketSansMedium', sans-serif;}
	.subcopy {padding:10px 20px 0 20px;font-size:1em;text-align:center;line-height:1.3;letter-spacing:-0.5px;}

	/* 섹션1 */
	.secwrap1 {width:100%;padding:60px 0;/* background-color:#f9f7f4; */text-align:center;}
	.secwrap1 > img {margin-top:30px;width:100%;height:100%;}
	.secwrap1 > h3 > img {width:170px;height:22px;margin:3px 0 0 0;}

	/* 섹션2 */
	.secwrap2 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap2 > .inner2 {margin:30px auto 0;width:100%;padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap2 > .inner2 > .benefit {width:100%;margin:10px 0 0 0;display: flex;justify-content: space-between;}
	.secwrap2 > .inner2 > .benefit > .iconbox {width:30%;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner {margin:0;width:100%;height:80px;background-color:rgba(255, 245, 240, 0.8);border-radius:5px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner > img {width:40px;height:40px;}
	.secwrap2 > .inner2 > .benefit > .btxtbox {width:70%;text-align:left;padding:10px 0 10px 15px;;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > h4 {padding:0;font-size:1.2em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > p {padding:5px 0 0 0;font-size:1em;line-height:1.3;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button {margin:20px auto 0;width:70%;color:#fff;font-size:1.2em;letter-spacing:-0.5px;font-weight:500;border-radius:5px;background-color:#ff5000;height:40px;line-height:38px;text-align:center;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button > img {width:20px;height:20px;margin: 8px 0 0 8px;}

	.secwrap2 > button {margin:40px 0 0 0;color:#fff;font-size:1.2em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#ff5000;padding:0 40px;height:58px;line-height:56px;text-align:center;}
	.secwrap2 > button > img {width:20px;height:20px;margin: 17px 0 0 10px;}


	/* 섹션3 */
	.secwrap3 {width:100%;padding:60px 0;background:url('../img/bg_s3.jpg') no-repeat left top;background-size:cover;}
	.secwrap3 > .inner3 {margin:30px auto 0;width:100%; padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price {width:49%;margin:5px 0;background:rgba(255,255,255,0.9);padding:18px 15px 20px 18px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price > .numbox {width:100%;font-size:1.5em;line-height:1.4;font-weight:700;font-family: 'Inter', sans-serif;color:#ff5000;}
	.secwrap3 > .inner3 > .price > .txtbox {width:100%;margin:0;padding:0;display: flex;flex-direction: column;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 {font-size:1.15em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 span {background:url('../img/bg_txt.png') repeat-x left bottom;}
	.secwrap3 > .inner3 > .price > .txtbox > p {padding:10px 0 0 0;font-size:1em;line-height:1.2;}

	/* 섹션4 */
	.secwrap4 {width:100%;padding:60px 0;text-align:center;}
	.secwrap4 > .inner4 {margin:30px auto 0;width:100%;padding:0 20px;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap4 > .inner4 > .service {width:49%;margin:15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap4 > .inner4 > .service > .imgbox {width:100%;}
	.secwrap4 > .inner4 > .service > .imgbox > img {width:100%;}
	.secwrap4 > .inner4 > .service > h4 {padding:20px 0 0 0;font-size:1.2em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap4 > .inner4 > .service > p {padding:10px 5px 0 5px;font-size:1em;line-height:1.2;}
	.secwrap4 > button {margin:30px 0 0 0;color:#3c1d1e;font-size:1.2em;letter-spacing:-0.5px;font-weight:600;border-radius:5px;background-color:#fae100;padding:0 30px;height:58px;line-height:56px;text-align:center;}
	.secwrap4 > button > img {width:20px;height:20px;margin:18px 2px 0 0;}

	/* 섹션5 */
	.secwrap5 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap5 > .inner5 {margin:0 auto;width:100%;padding:0 20px;}
	.secwrap5 > .inner5 > .gbox1 {padding:50px 0 0 0;width:100%;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg {width:100%;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt {width:100%;padding:0;text-align:center;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > h4 {padding:20px 0 0 0;font-size:1.3em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > p {padding:10px 0 0 0;font-size:1.05em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox2 {display:none;}
	.secwrap5 > .inner5 > .gbox3 {padding:50px 0 0 0;width:100%;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap5 > .inner5 > .gbox3 > .leftimg {width:100%;}
	.secwrap5 > .inner5 > .gbox3 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt {width:100%;padding:0;text-align:center;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt > h4 {padding:20px 0 0 0;font-size:1.3em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt > p {padding:10px 0 0 0;font-size:1.05em;line-height:1.4;}



	/* 섹션6 */
	.secwrap6 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap6 > .inner6 {margin:40px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap6 > .inner6 > .step {width:25%;}
	.secwrap6 > .inner6 > .step > .stepbox1 {width:100%;height:50px;background:url('../img/line2.png') repeat-x center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox2 {width:100%;height:50px;background:url('../img/line2_right.png') no-repeat center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox3 {width:100%;height:50px;background:url('../img/line2_left.png') no-repeat  center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > h4 {padding:20px 0 0 12px;font-size:0.9em;line-height:1.2;letter-spacing:-0.5px;color:#222;font-weight:400;text-align:left;}
	.secwrap6 > .jointxt {padding:40px 0 0 0;font-size:0.9em;text-align:center;letter-spacing:-0.5px;}
	.secwrap6 > .jointxt > b {font-weight:500;color:#ec4b01;}
	.c1 {width:50px;height:50px;background-color:#bababf;border-radius:50%;text-align:center;line-height:50px;font-size:1em;font-weight:500;color:#fff;font-family: 'Inter', sans-serif;}
	.c2 {width:50px;height:50px;background-color:#ff5000;border-radius:50%;text-align:center;line-height:50px;font-size:1em;letter-spacing:-1px;font-weight:500;color:#fff;}

	/* 섹션7 */
	.secwrap7 {width:100%;padding:60px 0 0 0;}
	.secwrap7 > .inner7 {margin:40px auto 0;width:100%;}
	 #slider .slick-track {display: flex;animation: scroll 26s linear infinite;}
	@keyframes scroll {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 5px;}
	.slide img {width:100%;border-radius:15px;}

	/* 섹션7 우로이동 */
	.secwrap777 {width:100%;padding:60px 0 0 0;}
	.secwrap777 > .inner777 {margin:40px auto 0;width:100%;}
	 #slider777 .slick-track {display: flex;animation: scroll-right  26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-right {
			  100% {
					transform: translateX(0%);
				}
			 0% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 5px;}
	.slide img {width:100%;border-radius:15px;}

	.ehbox {height:60px;}

	/* 섹션8 */
	.secwrap8 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap8 > .inner8 {margin:40px auto 0;width:100%;padding:0 20px;}
	.faq-item {border-bottom:1px solid #efefef;}
	.faq-question {width: 100%;padding: 10px 20px;background-color: #fff;color:#222;cursor: pointer;font-size:1.1em;font-weight:500;display: block;transition: background-color 0.3s ease;}
	.faq-question:hover {background-color: #efeff0;}
	.faq-toggle {display: none;}
	.faq-answer {padding:20px 30px;background-color:#fff;font-size:1em;line-height:1.4;border-bottom: 1px solid #efefef;display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;}
	.faq-toggle:checked + .faq-question + .faq-answer {display: block;max-height:800px; /* 충분히 큰 max-height 설정 */}

	
	
}

/***************************************************************************/
/*          모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)	   		             /
/***************************************************************************/
@media all and (min-width:480px) and (max-width:767px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:14px;}

	/* header */
	header {position: fixed;top: 0;left: 0;z-index:100;width: 100%;height:70px;background-color:rgba(255, 255, 255, 0);}
	.hidden {display: block;height: 70px; /*haeder 높이*/margin-top: -70px; /*haeder 높이*/ visibility: hidden;}

	/* menu */
	nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;} 
	nav .top-logo {width:120px;margin:26px auto 0;}
	nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul {width:100%;height:46px;}
	nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	nav > ul > li:last-child {padding:0 !important;}
	nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul > li a:hover {color:#5f361f;}
	nav > ul > li + li {background:none;}

	/* 스크롤 다운시 고정메뉴영역 */
	header.drop {position: fixed;top:0;left: 0;animation: dropHeader 0.4s;background-color: rgba( 255, 255, 255, 1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
	header.drop nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;}
	header.drop nav .top-logo {width:120px;margin:26px auto 0;}
	header.drop nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;text-shadow:none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul {width:100%;height:46px;}
	header.drop nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	header.drop nav > ul > li:last-child {padding:0 !important;}
	header.drop nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul > li a:hover {color:#5f361f;}
	header.drop nav > ul > li + li {background:none;}

	/* footer */
	#footer-area {width:100%;background:#272525;}
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:50px 5px;text-align:center;line-height:1.3;}
	.footer-inner > .blogobox {width:120px;margin:0 auto;}
	.footer-inner > .blogobox img {width:120px;height:17px;opacity:0.7;}
	.footer-inner > .cominfo {width:100%;margin:0 auto;padding:20px 15px 0 15px;text-align:center;}
	.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner > .cominfo span {padding-right:14px;color:rgba(255,255,255,0.4);font-size:0.8em;line-height:1.3 !imporant;font-weight:300;}
	.footer-inner > .copy {padding:20px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;}
	.footer-inner > .wws {width:100%;padding-top:5px;color:rgba(255,255,255,0.3);font-size:0.7em;}
	.footer-inner > .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.4;}

	.footer-inner > .fmenu {width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.footer-inner > .fmenu > .leftlogo {width:100%;text-align:center;padding:0 0 30px 0;}
	.footer-inner > .fmenu > .leftlogo img {width:120px;height:17px;opacity:0.9;}
	.footer-inner > .fmenu > .menucell {width:50%;padding:20px 0 0 0;}
	.footer-inner > .fmenu > .menucell > h5 {color:rgba(255,255,255,0.8);font-size:0.9em;line-height:1.2;font-weight:400;}
	.footer-inner > .fmenu > .menucell > p {padding:5px 0 0 0;color:rgba(255,255,255,0.4);font-size:0.9em;line-height:1.3;font-weight:300;font-family: 'Inter', sans-serif;}
	.footer-inner > .fmenu > .menucell > .fbtn1 {margin:7px 0 0 0;border-radius:2px;background:#fff;padding:0 20px;height:28px;line-height:25px;text-align:center;color:#222;font-size:0.8em;font-weight:500;letter-spacing:-1px;}
	.footer-inner > .fmenu > .menucell > .fbtn2 {margin:7px 0 0 0;border-radius:2px;background:rgba(255,255,255,0.4);padding:0 20px;height:28px;line-height:25px;text-align:center;color:#fff;font-size:0.8em;font-weight:300;letter-spacing:-0.5px;}
	.footer-inner > .cominfo {width:100%;margin: 0 auto;padding: 50px 10px 0 10px;text-align: center;}
	.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner > .cominfo ul {padding: 0 0 20px 0;list-style: none;margin: 0;}
	.footer-inner > .cominfo ul li {display: inline-block; /* float을 inline-block으로 변경 */padding-right:16px;color: rgba(255, 255, 255, 0.4);font-size: 0.9em;line-height: 1.7;letter-spacing:-0.5px;font-weight: 300;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .copy {padding:5px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws {width:100%;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws img {width:24px;height:8px;margin:3px 0 0 3px;opacity:0.3;}

	/* 위로가기 버튼 */
	.topBtn {display:scroll;position:fixed;bottom:10px;right:10px;z-index:200;}
	.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
	.topBtn > img {width:40px;height:40px;}

	/* 플로팅배너 */
	.floBan1 {position: fixed;top:372px;right:0;z-index: 99;}
	.floBan1 img {width:70px;height:70px;}
	.floBan2 {position: fixed;top:442px;right:0;z-index: 99;}
	.floBan2 img {width:70px;height:70px;}

	 /* 상단이미지 */
	.topimg_wrap {position:relative;width:100%;height:400px;overflow:hidden;background:url('../img/imgTop_m.jpg') no-repeat center bottom;background-size:cover;display: flex;justify-content: center;}
	.topimg_inner {position:absolute;width:100%;height:400px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
	.topimg_inner > .toptit {padding:20px 0 30px 0;color:#111;font-size:2.6em;line-height:1.25;font-weight:600;letter-spacing:-1px;font-family: 'GmarketSansMedium', sans-serif;}
	.topimg_inner > .toptit > span {color:#ec4b01;}
	.topimg_inner > .topstxt1 {font-size:1.3em;line-height:1;font-weight:500;letter-spacing:-1px;color:#222;}
	.topimg_inner > .topstxt2 {font-size:0.9em;line-height:1.3;padding:0 50px;}
	.topimg_inner > .topstxt2 > strong {font-weight:400;letter-spacing:-0.5px;color:#222;}
	.topimg_inner > button {margin:30px 0 0 0;border-radius:5px;background-color:#f40e6e;padding:0 50px;height:58px;line-height:58px;text-align:center;color:#fff;font-size:1.2em;}

	/* 공통적용 */
	h3 {padding:0 60px;color:#222;font-size:1.8em;line-height:1.25;font-weight:600;letter-spacing:-1px;text-align:center;font-family: 'GmarketSansMedium', sans-serif;}
	.subcopy {padding:10px 20px 0 20px;font-size:1em;text-align:center;line-height:1.3;letter-spacing:-0.5px;}

	/* 섹션1 */
	.secwrap1 {width:100%;padding:60px 0;/* background-color:#f9f7f4; */text-align:center;}
	.secwrap1 > img {margin-top:30px;width:100%;height:100%;}
	.secwrap1 > h3 > img {width:170px;height:22px;margin:3px 0 0 0;}

	/* 섹션2 */
	.secwrap2 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap2 > .inner2 {margin:30px auto 0;width:100%;padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap2 > .inner2 > .benefit {width:100%;margin:10px 0 0 0;display: flex;justify-content: space-between;}
	.secwrap2 > .inner2 > .benefit > .iconbox {width:30%;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner {margin:0;width:100%;height:80px;background-color:rgba(255, 245, 240, 0.8);border-radius:5px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner > img {width:40px;height:40px;}
	.secwrap2 > .inner2 > .benefit > .btxtbox {width:70%;text-align:left;padding:10px 0 10px 15px;;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > h4 {padding:0;font-size:1.2em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > p {padding:5px 0 0 0;font-size:1em;line-height:1.3;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button {margin:20px auto 0;width:70%;color:#fff;font-size:1.2em;letter-spacing:-0.5px;font-weight:500;border-radius:5px;background-color:#ff5000;height:40px;line-height:38px;text-align:center;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button > img {width:20px;height:20px;margin: 8px 0 0 8px;}

	.secwrap2 > button {margin:40px 0 0 0;color:#fff;font-size:1.2em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#ff5000;padding:0 40px;height:58px;line-height:56px;text-align:center;}
	.secwrap2 > button > img {width:20px;height:20px;margin: 17px 0 0 10px;}


	/* 섹션3 */
	.secwrap3 {width:100%;padding:60px 0;background:url('../img/bg_s3.jpg') no-repeat left top;background-size:cover;}
	.secwrap3 > .inner3 {margin:30px auto 0;width:100%; padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price {width:49%;margin:5px 0;background:rgba(255,255,255,0.9);padding:18px 15px 20px 18px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price > .numbox {width:100%;font-size:1.5em;line-height:1.4;font-weight:700;font-family: 'Inter', sans-serif;color:#ff5000;}
	.secwrap3 > .inner3 > .price > .txtbox {width:100%;margin:0;padding:0;display: flex;flex-direction: column;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 {font-size:1.15em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 span {background:url('../img/bg_txt.png') repeat-x left bottom;}
	.secwrap3 > .inner3 > .price > .txtbox > p {padding:10px 0 0 0;font-size:1em;line-height:1.2;}

	/* 섹션4 */
	.secwrap4 {width:100%;padding:60px 0;text-align:center;}
	.secwrap4 > .inner4 {margin:30px auto 0;width:100%;padding:0 20px;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap4 > .inner4 > .service {width:49%;margin:15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap4 > .inner4 > .service > .imgbox {width:100%;}
	.secwrap4 > .inner4 > .service > .imgbox > img {width:100%;}
	.secwrap4 > .inner4 > .service > h4 {padding:20px 0 0 0;font-size:1.2em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap4 > .inner4 > .service > p {padding:10px 5px 0 5px;font-size:1em;line-height:1.2;}
	.secwrap4 > button {margin:30px 0 0 0;color:#3c1d1e;font-size:1.2em;letter-spacing:-0.5px;font-weight:600;border-radius:5px;background-color:#fae100;padding:0 30px;height:58px;line-height:56px;text-align:center;}
	.secwrap4 > button > img {width:20px;height:20px;margin:18px 2px 0 0;}

	/* 섹션5 */
	.secwrap5 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap5 > .inner5 {margin:0 auto;width:100%;padding:0 20px;}
	.secwrap5 > .inner5 > .gbox1 {padding:50px 0 0 0;width:100%;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg {width:100%;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt {width:100%;padding:0;text-align:center;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > h4 {padding:20px 0 0 0;font-size:1.3em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > p {padding:10px 0 0 0;font-size:1.05em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox2 {display:none;}
	.secwrap5 > .inner5 > .gbox3 {padding:50px 0 0 0;width:100%;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap5 > .inner5 > .gbox3 > .leftimg {width:100%;}
	.secwrap5 > .inner5 > .gbox3 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt {width:100%;padding:0;text-align:center;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt > h4 {padding:20px 0 0 0;font-size:1.3em;line-height:1.3;letter-spacing:-0.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox3 > .righttxt > p {padding:10px 0 0 0;font-size:1.05em;line-height:1.4;}



	/* 섹션6 */
	.secwrap6 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap6 > .inner6 {margin:40px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap6 > .inner6 > .step {width:25%;}
	.secwrap6 > .inner6 > .step > .stepbox1 {width:100%;height:50px;background:url('../img/line2.png') repeat-x center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox2 {width:100%;height:50px;background:url('../img/line2_right.png') no-repeat center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox3 {width:100%;height:50px;background:url('../img/line2_left.png') no-repeat  center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > h4 {padding:20px 0 0 12px;font-size:0.9em;line-height:1.2;letter-spacing:-0.5px;color:#222;font-weight:400;text-align:left;}
	.secwrap6 > .jointxt {padding:40px 0 0 0;font-size:0.9em;text-align:center;letter-spacing:-0.5px;}
	.secwrap6 > .jointxt > b {font-weight:500;color:#ec4b01;}
	.c1 {width:50px;height:50px;background-color:#bababf;border-radius:50%;text-align:center;line-height:50px;font-size:1em;font-weight:500;color:#fff;font-family: 'Inter', sans-serif;}
	.c2 {width:50px;height:50px;background-color:#ff5000;border-radius:50%;text-align:center;line-height:50px;font-size:1em;letter-spacing:-1px;font-weight:500;color:#fff;}

	/* 섹션7 */
	.secwrap7 {width:100%;padding:60px 0 0 0;}
	.secwrap7 > .inner7 {margin:40px auto 0;width:100%;}
	 #slider .slick-track {display: flex;animation: scroll 26s linear infinite;}
	@keyframes scroll {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 5px;}
	.slide img {width:100%;border-radius:15px;}

	/* 섹션7 우로이동 */
	.secwrap777 {width:100%;padding:60px 0 0 0;}
	.secwrap777 > .inner777 {margin:40px auto 0;width:100%;}
	 #slider777 .slick-track {display: flex;animation: scroll-right  26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-right {
			  100% {
					transform: translateX(0%);
				}
			 0% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 5px;}
	.slide img {width:100%;border-radius:15px;}

	.ehbox {height:60px;}

	/* 섹션8 */
	.secwrap8 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap8 > .inner8 {margin:40px auto 0;width:100%;padding:0 20px;}
	.faq-item {border-bottom:1px solid #efefef;}
	.faq-question {width: 100%;padding: 10px 20px;background-color: #fff;color:#222;cursor: pointer;font-size:1.1em;font-weight:500;display: block;transition: background-color 0.3s ease;}
	.faq-question:hover {background-color: #efeff0;}
	.faq-toggle {display: none;}
	.faq-answer {padding:20px 30px;background-color:#fff;font-size:1em;line-height:1.4;border-bottom: 1px solid #efefef;display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;}
	.faq-toggle:checked + .faq-question + .faq-answer {display: block;max-height:800px; /* 충분히 큰 max-height 설정 */}

	
	
}

/***************************************************************************/
/*					       테블릿 세로 (해상도 768px ~ 1023px)			                 /
/***************************************************************************/
@media all and (min-width:768px) and (max-width:1023px) { 

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:15px;}

	/* header */
	header {position: fixed;top: 0;left: 0;z-index:100;width: 100%;height:70px;background-color:rgba(255, 255, 255, 0);}
	.hidden {display: block;height: 70px; /*haeder 높이*/margin-top: -70px; /*haeder 높이*/ visibility: hidden;}

	/* menu */
	nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;} 
	nav .top-logo {width:120px;margin:26px auto 0;}
	nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul {width:100%;height:46px;}
	nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	nav > ul > li:last-child {padding:0 !important;}
	nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul > li a:hover {color:#5f361f;}
	nav > ul > li + li {background:none;}

	/* 스크롤 다운시 고정메뉴영역 */
	header.drop {position: fixed;top:0;left: 0;animation: dropHeader 0.4s;background-color: rgba( 255, 255, 255, 1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
	header.drop nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;}
	header.drop nav .top-logo {width:120px;margin:26px auto 0;}
	header.drop nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;text-shadow:none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul {width:100%;height:46px;}
	header.drop nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	header.drop nav > ul > li:last-child {padding:0 !important;}
	header.drop nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul > li a:hover {color:#5f361f;}
	header.drop nav > ul > li + li {background:none;}

	/* footer */
	#footer-area {width:100%;background:#272525;}
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:50px 30px;text-align:center;line-height:1.3;}
	.footer-inner > .fmenu {width:100%;display: flex;justify-content: space-between;}
	.footer-inner > .fmenu > .leftlogo {width:28%;text-align:left;padding:2px 0 0 0;}
	.footer-inner > .fmenu > .leftlogo img {width:150px;height:20px;opacity:0.9;}
	.footer-inner > .fmenu > .menucell {width:18%;}
	.footer-inner > .fmenu > .menucell > h5 {color:rgba(255,255,255,0.8);font-size:0.8em;line-height:1.2;font-weight:400;}
	.footer-inner > .fmenu > .menucell > p {padding:5px 0 0 0;color:rgba(255,255,255,0.4);font-size:0.8em;line-height:1.3;font-weight:300;font-family: 'Inter', sans-serif;}
	.footer-inner > .fmenu > .menucell > .fbtn1 {margin:7px 0 0 0;border-radius:2px;background:#fff;padding:0 20px;height:28px;line-height:25px;text-align:center;color:#222;font-size:0.8em;font-weight:500;letter-spacing:-1px;}
	.footer-inner > .fmenu > .menucell > .fbtn2 {margin:7px 0 0 0;border-radius:2px;background:rgba(255,255,255,0.4);padding:0 20px;height:28px;line-height:25px;text-align:center;color:#fff;font-size:0.8em;font-weight:300;letter-spacing:-0.5px;}
	.footer-inner > .cominfo {width: 60%;margin: 0 auto;padding: 40px 0 0 0;text-align: center;}
	.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner > .cominfo ul {padding: 0 0 20px 0;list-style: none;margin: 0;}
	.footer-inner > .cominfo ul li {display: inline-block; /* float을 inline-block으로 변경 */padding-right: 30px;color: rgba(255, 255, 255, 0.4);font-size: 0.8em;line-height: 1.6;font-weight: 300;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .copy {padding:20px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws {width:100%;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.4;}

	/* 위로가기 버튼 */
	.topBtn {display:scroll;position:fixed;bottom:10px;right:10px;z-index:200;}
	.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
	.topBtn > img {width:40px;height:40px;}

	/* 플로팅배너 */
	.floBan1 {position: fixed;top:380px;right:0;z-index: 99;}
	.floBan1 img {width:100px;height:100px;}
	.floBan2 {position: fixed;top:480px;right:0;z-index: 99;}
	.floBan2 img {width:100px;height:100px;}

	 /* 상단이미지 */
	.topimg_wrap {position:relative;width:100%;height:400px;overflow:hidden;background:url('../img/imgTop.jpg') no-repeat center bottom;background-size:cover;display: flex;justify-content: center;}
	.topimg_inner {position:absolute;width:100%;height:400px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
	.topimg_inner > .toptit {padding:20px 0;color:#111;font-size:2.9em;line-height:1.25;font-weight:600;letter-spacing:-1.5px;font-family: 'GmarketSansMedium', sans-serif;}
	.topimg_inner > .toptit > span {color:#ec4b01;}
	.topimg_inner > .topstxt1 {font-size:1.3em;line-height:1;font-weight:500;letter-spacing:-1px;color:#222;}
	.topimg_inner > .topstxt2 {font-size:1em;line-height:1.3;padding:0 50px;}
	.topimg_inner > .topstxt2 > strong {font-weight:400;letter-spacing:-0.5px;color:#222;}
	.topimg_inner > button {margin:30px 0 0 0;border-radius:5px;background-color:#f40e6e;padding:0 50px;height:58px;line-height:58px;text-align:center;color:#fff;font-size:1.2em;}

	/* 공통적용 */
	h3 {padding:0 20px;color:#222;font-size:2.2em;line-height:1.25;font-weight:600;letter-spacing:-1px;text-align:center;font-family: 'GmarketSansMedium', sans-serif;}
	.subcopy {padding:10px 20px 0 20px;font-size:1.1em;text-align:center;line-height:1.3;letter-spacing:-0.5px;}

	/* 섹션1 */
	.secwrap1 {width:100%;padding:60px 0;/* background-color:#f9f7f4; */text-align:center;}
	.secwrap1 > img {margin-top:40px;width:400px;height:350px;}
	.secwrap1 > h3 > img {width:230px;height:30px;margin:2px 0 0 0;}

	/* 섹션2 */
	.secwrap2 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap2 > .inner2 {margin:60px auto 0;width:100%;display: flex;justify-content: space-between;}
	.secwrap2 > .inner2 > .benefit {width:33%;display: flex;flex-direction: column;align-items: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox {width:100%;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner {margin:0 auto;width:100px;height:100px;background-color:rgba(255, 245, 240, 0.8);border-radius:10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner > img {width:60px;height:60px;}
	.secwrap2 > .inner2 > .benefit > .btxtbox {width:100%;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > h4 {padding:20px 0 0 0;font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > p {padding:10px 10px 0 10px;font-size:1em;line-height:1.4;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button {margin:20px auto 0;width:60%;color:#fff;font-size:1.1em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#ff5000;height:40px;line-height:35px;text-align:center;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button > img {width:21px;height:21px;margin: 7px 0 0 6px;}

	/* 섹션3 */
	.secwrap3 {width:100%;padding:60px 0;background:url('../img/bg_s3.jpg') no-repeat center top;background-size:cover;}
	.secwrap3 > .inner3 {margin:40px auto 0;width:100%; padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price {width:49%;margin:10px 0;background:rgba(255,255,255,0.9);padding:30px 20px 35px 20px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price > .numbox {width:100%;font-size:1.6em;line-height:1.4;font-weight:700;font-family: 'Inter', sans-serif;color:#ff5000;}
	.secwrap3 > .inner3 > .price > .txtbox {width:100%;display: flex;flex-direction: column;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 {font-size:1.4em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 span {background:url('../img/bg_txt.png') repeat-x left bottom;}
	.secwrap3 > .inner3 > .price > .txtbox > p {padding:10px 0 0 0;font-size:1em;line-height:1.2;}

	/* 섹션4 */
	.secwrap4 {width:100%;padding:60px 0;text-align:center;}
	.secwrap4 > .inner4 {margin:40px auto 0;width:100%;padding:0 20px;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap4 > .inner4 > .service {width:49%;margin:15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap4 > .inner4 > .service > .imgbox {width:100%;}
	.secwrap4 > .inner4 > .service > .imgbox > img {width:100%;height:200px;object-fit:cover;}
	.secwrap4 > .inner4 > .service > h4 {padding:20px 0 0 0;font-size:1.4em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap4 > .inner4 > .service > p {padding:10px 5px 0 5px;font-size:1em;line-height:1.2;}
	.secwrap4 > button {margin:40px 0 0 0;color:#3c1d1e;font-size:1.2em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#fae100;padding:0 40px;height:58px;line-height:56px;text-align:center;}
	.secwrap4 > button > img {width:20px;height:20px;margin:20px 2px 0 0;}

	/* 섹션5 */
	.secwrap5 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap5 > .inner5 {margin:30px auto 0;width:100%;padding:0 20px;}
	.secwrap5 > .inner5 > .gbox1 {padding:40px 0 0 0;width:100%;display: flex;justify-content:space-between;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg {width:40%;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt {width:60%;padding:0 0 0 30px;text-align:left;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > h4 {font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > p {padding:20px 0 0 0;font-size:1em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox2 {padding:40px 0 0 0;width:100%;display: flex;justify-content:space-between;}
	.secwrap5 > .inner5 > .gbox2 > .rightimg {width:40%;}
	.secwrap5 > .inner5 > .gbox2 > .rightimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt {width:60%;padding:0 30px 0 0;text-align:left;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt > h4 {font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt > p {padding:20px 0 0 0;font-size:1em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox3 {display:none;}

	/* 섹션6 */
	.secwrap6 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap6 > .inner6 {margin:40px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap6 > .inner6 > .step {width:25%;}
	.secwrap6 > .inner6 > .step > .stepbox1 {width:100%;height:50px;background:url('../img/line2.png') repeat-x center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox2 {width:100%;height:50px;background:url('../img/line2_right.png') no-repeat center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox3 {width:100%;height:50px;background:url('../img/line2_left.png') no-repeat  center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > h4 {padding:20px 30px 0 30px;font-size:1em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:500;text-align:center;}
	.secwrap6 > .jointxt {padding:50px 0 0 0;font-size:0.9em;text-align:center;letter-spacing:-0.5px;}
	.secwrap6 > .jointxt > b {font-weight:500;color:#ec4b01;}
	.c1 {width:50px;height:50px;background-color:#bababf;border-radius:50%;text-align:center;line-height:50px;font-size:1.1em;font-weight:500;color:#fff;font-family: 'Inter', sans-serif;}
	.c2 {width:50px;height:50px;background-color:#ff5000;border-radius:50%;text-align:center;line-height:50px;font-size:1.1em;letter-spacing:-1px;font-weight:500;color:#fff;}

	/* 섹션7 좌로이동 */
	.secwrap7 {width:100%;padding:60px 0 0 0;}
	.secwrap7 > .inner7 {margin:60px auto 0;width:100%;}
	 #slider .slick-track {display: flex;animation: scroll-left 26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-left {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

/* 섹션7 우로이동 */
	.secwrap777 {width:100%;padding:60px 0 0 0;}
	.secwrap777 > .inner777 {margin:60px auto 0;width:100%;}
	 #slider777 .slick-track {display: flex;animation: scroll-right  26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-right {
			  100% {
					transform: translateX(0%);
				}
			 0% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

	.ehbox {height:60px;}

	/* 섹션8 */
	.secwrap8 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap8 > .inner8 {margin:40px auto 0;width:100%;padding:0 20px;}
	.faq-item {border-bottom:1px solid #efefef;}
	.faq-question {width: 100%;padding: 10px 20px;background-color: #fff;color:#222;cursor: pointer;font-size:1.1em;font-weight:500;display: block;transition: background-color 0.3s ease;}
	.faq-question:hover {background-color: #efeff0;}
	.faq-toggle {display: none;}
	.faq-answer {padding:20px 30px;background-color:#fff;font-size:1em;line-height:1.4;border-bottom: 1px solid #efefef;display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;}
	.faq-toggle:checked + .faq-question + .faq-answer {display: block;max-height:800px; /* 충분히 큰 max-height 설정 */}

	 		
}

/***************************************************************************/
/*                                           아이패드 프로									             /
/***************************************************************************/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:15px;}

	/* header */
	header {position: fixed;top: 0;left: 0;z-index:100;width: 100%;height:70px;background-color:rgba(255, 255, 255, 0);}
	.hidden {display: block;height: 70px; /*haeder 높이*/margin-top: -70px; /*haeder 높이*/ visibility: hidden;}

	/* menu */
	nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;} 
	nav .top-logo {width:120px;margin:26px auto 0;}
	nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul {width:100%;height:46px;}
	nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	nav > ul > li:last-child {padding:0 !important;}
	nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	nav > ul > li a:hover {color:#5f361f;}
	nav > ul > li + li {background:none;}

	/* 스크롤 다운시 고정메뉴영역 */
	header.drop {position: fixed;top:0;left: 0;animation: dropHeader 0.4s;background-color: rgba( 255, 255, 255, 1);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
	header.drop nav {position: relative;width:100%;margin:0 auto;height:70px;display: flex;flex-direction: column;}
	header.drop nav .top-logo {width:120px;margin:26px auto 0;}
	header.drop nav .top-logo a {width:120px;height:17px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:120px 17px;cursor: pointer;color: transparent;text-indent: -9999px;text-shadow:none;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul {width:100%;height:46px;}
	header.drop nav > ul > li {float:left;width:50%;padding:0 !important;font-size:1.1em;line-height:1;text-align:center;font-weight:400;}
	header.drop nav > ul > li:last-child {padding:0 !important;}
	header.drop nav > ul > li a {color: #222;line-height:40px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	header.drop nav > ul > li a:hover {color:#5f361f;}
	header.drop nav > ul > li + li {background:none;}

	/* footer */
	#footer-area {width:100%;background:#272525;}
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:50px 30px;text-align:center;line-height:1.3;}
	.footer-inner > .fmenu {width:100%;display: flex;justify-content: space-between;}
	.footer-inner > .fmenu > .leftlogo {width:28%;text-align:left;padding:2px 0 0 0;}
	.footer-inner > .fmenu > .leftlogo img {width:150px;height:20px;opacity:0.9;}
	.footer-inner > .fmenu > .menucell {width:18%;}
	.footer-inner > .fmenu > .menucell > h5 {color:rgba(255,255,255,0.8);font-size:0.8em;line-height:1.2;font-weight:400;}
	.footer-inner > .fmenu > .menucell > p {padding:5px 0 0 0;color:rgba(255,255,255,0.4);font-size:0.8em;line-height:1.3;font-weight:300;font-family: 'Inter', sans-serif;}
	.footer-inner > .fmenu > .menucell > .fbtn1 {margin:7px 0 0 0;border-radius:2px;background:#fff;padding:0 20px;height:28px;line-height:25px;text-align:center;color:#222;font-size:0.8em;font-weight:500;letter-spacing:-1px;}
	.footer-inner > .fmenu > .menucell > .fbtn2 {margin:7px 0 0 0;border-radius:2px;background:rgba(255,255,255,0.4);padding:0 20px;height:28px;line-height:25px;text-align:center;color:#fff;font-size:0.8em;font-weight:300;letter-spacing:-0.5px;}
	.footer-inner > .cominfo {width: 60%;margin: 0 auto;padding: 40px 0 0 0;text-align: center;}
	.footer-inner > .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner > .cominfo ul {padding: 0 0 20px 0;list-style: none;margin: 0;}
	.footer-inner > .cominfo ul li {display: inline-block; /* float을 inline-block으로 변경 */padding-right: 30px;color: rgba(255, 255, 255, 0.4);font-size: 0.8em;line-height: 1.6;font-weight: 300;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .copy {padding:20px 0 0 0;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws {width:100%;color:rgba(255,255,255,0.3);font-size:0.7em;font-family: 'Inter', sans-serif;}
	.footer-inner > .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.4;}

	/* 위로가기 버튼 */
	.topBtn {display:scroll;position:fixed;bottom:10px;right:10px;z-index:200;}
	.topBtn:hover {opacity: 0.7;  /* 마우스를 올렸을 때 버튼의 투명도를 살짝 줄여서 효과를 줌 */}
	.topBtn > img {width:40px;height:40px;}

	/* 플로팅배너 */
	.floBan1 {position: fixed;top:380px;right:0;z-index: 99;}
	.floBan1 img {width:100px;height:100px;}
	.floBan2 {position: fixed;top:480px;right:0;z-index: 99;}
	.floBan2 img {width:100px;height:100px;}

	 /* 상단이미지 */
	.topimg_wrap {position:relative;width:100%;height:400px;overflow:hidden;background:url('../img/imgTop.jpg') no-repeat center bottom;background-size:cover;display: flex;justify-content: center;}
	.topimg_inner {position:absolute;width:100%;height:400px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center;}
	.topimg_inner > .toptit {padding:20px 0;color:#111;font-size:2.9em;line-height:1.25;font-weight:600;letter-spacing:-1.5px;font-family: 'GmarketSansMedium', sans-serif;}
	.topimg_inner > .toptit > span {color:#ec4b01;}
	.topimg_inner > .topstxt1 {font-size:1.3em;line-height:1;font-weight:500;letter-spacing:-1px;color:#222;}
	.topimg_inner > .topstxt2 {font-size:1em;line-height:1.3;padding:0 50px;}
	.topimg_inner > .topstxt2 > strong {font-weight:400;letter-spacing:-0.5px;color:#222;}
	.topimg_inner > button {margin:30px 0 0 0;border-radius:5px;background-color:#f40e6e;padding:0 50px;height:58px;line-height:58px;text-align:center;color:#fff;font-size:1.2em;}

	/* 공통적용 */
	h3 {padding:0 20px;color:#222;font-size:2.2em;line-height:1.25;font-weight:600;letter-spacing:-1px;text-align:center;font-family: 'GmarketSansMedium', sans-serif;}
	.subcopy {padding:10px 20px 0 20px;font-size:1.1em;text-align:center;line-height:1.3;letter-spacing:-0.5px;}

	/* 섹션1 */
	.secwrap1 {width:100%;padding:60px 0;/* background-color:#f9f7f4; */text-align:center;}
	.secwrap1 > img {margin-top:40px;width:400px;height:350px;}
	.secwrap1 > h3 > img {width:230px;height:30px;margin:2px 0 0 0;}

	/* 섹션2 */
	.secwrap2 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap2 > .inner2 {margin:60px auto 0;width:100%;display: flex;justify-content: space-between;}
	.secwrap2 > .inner2 > .benefit {width:33%;display: flex;flex-direction: column;align-items: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox {width:100%;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner {margin:0 auto;width:100px;height:100px;background-color:rgba(255, 245, 240, 0.8);border-radius:10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap2 > .inner2 > .benefit > .iconbox > .iconbox-inner > img {width:60px;height:60px;}
	.secwrap2 > .inner2 > .benefit > .btxtbox {width:100%;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > h4 {padding:20px 0 0 0;font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > p {padding:10px 10px 0 10px;font-size:1em;line-height:1.4;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button {margin:20px auto 0;width:60%;color:#fff;font-size:1.1em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#ff5000;height:40px;line-height:35px;text-align:center;}
	.secwrap2 > .inner2 > .benefit > .btxtbox > button > img {width:21px;height:21px;margin: 7px 0 0 6px;}

	/* 섹션3 */
	.secwrap3 {width:100%;padding:60px 0;background:url('../img/bg_s3.jpg') no-repeat center top;background-size:cover;}
	.secwrap3 > .inner3 {margin:40px auto 0;width:100%; padding:0 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price {width:49%;margin:10px 0;background:rgba(255,255,255,0.9);padding:30px 20px 35px 20px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap3 > .inner3 > .price > .numbox {width:100%;font-size:1.6em;line-height:1.4;font-weight:700;font-family: 'Inter', sans-serif;color:#ff5000;}
	.secwrap3 > .inner3 > .price > .txtbox {width:100%;display: flex;flex-direction: column;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 {font-size:1.4em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap3 > .inner3 > .price > .txtbox > h4 span {background:url('../img/bg_txt.png') repeat-x left bottom;}
	.secwrap3 > .inner3 > .price > .txtbox > p {padding:10px 0 0 0;font-size:1em;line-height:1.2;}

	/* 섹션4 */
	.secwrap4 {width:100%;padding:60px 0;text-align:center;}
	.secwrap4 > .inner4 {margin:40px auto 0;width:100%;padding:0 20px;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.secwrap4 > .inner4 > .service {width:49%;margin:15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.secwrap4 > .inner4 > .service > .imgbox {width:100%;}
	.secwrap4 > .inner4 > .service > .imgbox > img {width:100%;height:200px;object-fit:cover;}
	.secwrap4 > .inner4 > .service > h4 {padding:20px 0 0 0;font-size:1.4em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:600;}
	.secwrap4 > .inner4 > .service > p {padding:10px 5px 0 5px;font-size:1em;line-height:1.2;}
	.secwrap4 > button {margin:40px 0 0 0;color:#3c1d1e;font-size:1.2em;letter-spacing:-1px;font-weight:500;border-radius:5px;background-color:#fae100;padding:0 40px;height:58px;line-height:56px;text-align:center;}
	.secwrap4 > button > img {width:20px;height:20px;margin:20px 2px 0 0;}

	/* 섹션5 */
	.secwrap5 {width:100%;padding:60px 0;text-align:center;border-top:1px solid #efefef;}
	.secwrap5 > .inner5 {margin:30px auto 0;width:100%;padding:0 20px;}
	.secwrap5 > .inner5 > .gbox1 {padding:40px 0 0 0;width:100%;display: flex;justify-content:space-between;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg {width:40%;}
	.secwrap5 > .inner5 > .gbox1 > .leftimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt {width:60%;padding:0 0 0 30px;text-align:left;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > h4 {font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox1 > .righttxt > p {padding:20px 0 0 0;font-size:1em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox2 {padding:40px 0 0 0;width:100%;display: flex;justify-content:space-between;}
	.secwrap5 > .inner5 > .gbox2 > .rightimg {width:40%;}
	.secwrap5 > .inner5 > .gbox2 > .rightimg > img {width:100%;border-radius:20px;border:3px solid #ff5001;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt {width:60%;padding:0 30px 0 0;text-align:left;display: flex;flex-direction: column;justify-content: center;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt > h4 {font-size:1.4em;line-height:1.4;letter-spacing:-1.5px;color:#222;font-weight:600;}
	.secwrap5 > .inner5 > .gbox2 > .lefttxt > p {padding:20px 0 0 0;font-size:1em;line-height:1.4;}
	.secwrap5 > .inner5 > .gbox3 {display:none;}

	/* 섹션6 */
	.secwrap6 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap6 > .inner6 {margin:40px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.secwrap6 > .inner6 > .step {width:25%;}
	.secwrap6 > .inner6 > .step > .stepbox1 {width:100%;height:50px;background:url('../img/line2.png') repeat-x center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox2 {width:100%;height:50px;background:url('../img/line2_right.png') no-repeat center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > .stepbox3 {width:100%;height:50px;background:url('../img/line2_left.png') no-repeat  center center;display: flex;flex-direction: column;align-items: center;}
	.secwrap6 > .inner6 > .step > h4 {padding:20px 30px 0 30px;font-size:1em;line-height:1.3;letter-spacing:-1px;color:#222;font-weight:500;text-align:center;}
	.secwrap6 > .jointxt {padding:50px 0 0 0;font-size:0.9em;text-align:center;letter-spacing:-0.5px;}
	.secwrap6 > .jointxt > b {font-weight:500;color:#ec4b01;}
	.c1 {width:50px;height:50px;background-color:#bababf;border-radius:50%;text-align:center;line-height:50px;font-size:1.1em;font-weight:500;color:#fff;font-family: 'Inter', sans-serif;}
	.c2 {width:50px;height:50px;background-color:#ff5000;border-radius:50%;text-align:center;line-height:50px;font-size:1.1em;letter-spacing:-1px;font-weight:500;color:#fff;}

	/* 섹션7 좌로이동 */
	.secwrap7 {width:100%;padding:60px 0 0 0;}
	.secwrap7 > .inner7 {margin:60px auto 0;width:100%;}
	 #slider .slick-track {display: flex;animation: scroll-left 26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-left {
				0% {
					transform: translateX(0);
				}
				100% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

	/* 섹션7 우로이동 */
	.secwrap777 {width:100%;padding:60px 0 0 0;}
	.secwrap777 > .inner777 {margin:60px auto 0;width:100%;}
	 #slider777 .slick-track {display: flex;animation: scroll-right  26s linear infinite;}	/* 슬라이드 이동 속도 */
	@keyframes scroll-right {
			  100% {
					transform: translateX(0%);
				}
			 0% {
					transform: translateX(-50%);
				}
			}
	.slider-container {width: 100%;overflow: hidden;}
	.slick-track {display: flex;}
	.slide {flex: 0 0 auto;padding:0 20px;}
	.slide img {width:100%;border-radius:15px;}

	.ehbox {height:60px;}

	/* 섹션8 */
	.secwrap8 {width:100%;padding:60px 0;background-color:#f9f9f9;}
	.secwrap8 > .inner8 {margin:40px auto 0;width:100%;padding:0 20px;}
	.faq-item {border-bottom:1px solid #efefef;}
	.faq-question {width: 100%;padding: 10px 20px;background-color: #fff;color:#222;cursor: pointer;font-size:1.1em;font-weight:500;display: block;transition: background-color 0.3s ease;}
	.faq-question:hover {background-color: #efeff0;}
	.faq-toggle {display: none;}
	.faq-answer {padding:20px 30px;background-color:#fff;font-size:1em;line-height:1.4;border-bottom: 1px solid #efefef;display: none;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;}
	.faq-toggle:checked + .faq-question + .faq-answer {display: block;max-height:800px; /* 충분히 큰 max-height 설정 */}
	 
	

}