@keyframes tiltShake {
0% {
    transform: translateX(0) rotate(0deg); /* 원래 위치 */
  }
  25% {
    transform: translateX(-10px) rotate(-5deg); /* 왼쪽으로 살짝 이동 + 회전 */
  }
  50% {
    transform: translateX(10px) rotate(5deg); /* 오른쪽으로 살짝 이동 + 회전 */
  }
  75% {
    transform: translateX(-10px) rotate(-5deg); /* 다시 왼쪽으로 살짝 이동 + 회전 */
  }
  100% {
    transform: translateX(0) rotate(0deg); /* 원래 위치로 돌아옴 */
  }
}


@keyframes shineEffect {
  0%, 100% {
    color: #ff2318; /* 빨간색 */
    text-shadow: none;
  }
  50% {
    color: #ff9b00; /* 원래 색(예시로 황금빛) */
    text-shadow: 0 0 0px #ff9b00, 0 0 0px #ff9b00;
  }
}




@keyframes rotate {
	0%	{transform: rotate(0deg);}
	100%	{transform: rotate(360deg);}
}

@keyframes rotate2 {
	0%	{transform: rotate(0deg);}
	100%	{transform: rotate(-360deg);}
}

@keyframes bling {
	0%	{opacity:1;}
	25%	{opacity:1;}
	50% {opacity:0;}
	75%	{opacity:1;}
	100% {opacity:1;}
}

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes marquee2 {
	from { transform: translateX(0); }
	to { transform: translateX(50%); }
}
@keyframes marqueedown {
	from { transform: translateY(0); }
	to { transform: translateY(50%); }
}

@keyframes zoomcon {
	0%	{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
	50%	{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
	100% {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@keyframes zoomtext {
	0%	{-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:.5;}
	100%	{-webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); opacity:0;}
}

@keyframes reviewscroll {
	0%	{top:0;}
	50%	{top:-2800px;}
	100% {top:0;}
}

@keyframes reviewscrollm {
	0%	{top:0;}
	50%	{top:-1350px;}
	100% {top:0;}
}

@keyframes tong {
	0%	{margin-top:0;}
	50%	{margin-top:-5px;}
	100% {margin-top:0;}
}
@keyframes tongm {
	0%	{margin-top:0;}
	50%	{margin-top:-5px;}
	100% {margin-top:0;}
}
@keyframes tong2 {
	0%	{margin-top:0; opacity:1;}
	25%	{opacity:0;}
	50%	{margin-top:-20px; opacity:1;}
	75%	{opacity:0;}
	100% {margin-top:0; opacity:1;}
}

@keyframes impactdeg {
	0%	{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	50%	{transform:rotate(5deg); -webkit-transform:rotate(5deg);}
	100%	{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@keyframes impactdeg2 {
	0%	{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	50%	{transform:rotate(10deg); -webkit-transform:rotate(10deg);}
	100%	{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@keyframes smokemove1 {
	0%	{margin-top:0; opacity:0;}
	50%	{opacity:1;}
	100% {margin-top:-200px; opacity:0;}
}
@keyframes smokemove2 {
	0%	{margin-top:0; opacity:0;}
	50%	{opacity:1;}
	100% {margin-top:-100px; opacity:0;}
}
@keyframes smokemove1m {
	0%	{margin-top:0; opacity:0;}
	50%	{opacity:1;}
	100% {margin-top:-50px; opacity:0;}
}
@keyframes smokemove2m {
	0%	{margin-top:0; opacity:0;}
	50%	{opacity:1;}
	100% {margin-top:-70px; opacity:0;}
}

* {border-width:0; margin:0; word-break:keep-all; box-sizing:border-box;}
* {image-rendering: -moz-crisp-edges;
	image-rendering:   -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#fff;}
body::-webkit-scrollbar-track{
	 /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	 /*border-radius:100px;*/
	 background:#eee;
}
body::-webkit-scrollbar{
	 width: 7px;
	 background-color: transparent;
}
body::-webkit-scrollbar-thumb{
	 /*border-radius: 100px;*/
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	 background: #000;
}
strong {font-weight:normal;}
ul {padding:0; margin:0;}
li {list-style:none;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.video-container2 {position:relative; padding-bottom:178%; height:0; overflow:hidden;} 
.video-container2 iframe,.video-container2 object,.video-container2 embed {position:absolute; top:0; left:0; width:100%; height:100%;} 


.popupgroup {position:relative; top:0; left:0; width:100%; text-align:center; z-index:94; padding:0 200px;}

.wrap {top:0px; width:100%; min-width:1360px; max-width:2500px; margin:0 auto; overflow:hidden;}
	.centerdiv {width:100%; max-width:1460px; margin:0 auto; padding:0 50px;}
	.centerdiv2 {width:100%; margin:0 auto;}
	.relative {position:relative; left:0; top:0;}
	.bookmark {position:absolute; top:0; left:0;}
	.mo_noline {display:none;}

@media (max-width:750px){
.popupgroup {top:40px; padding:0;}
.wrap {min-width:100%; max-width:750px; overflow:hidden;}
	.centerdiv {width:100%; padding:0 10px;}
	.bookmark {top:-100px;}
	.mo_noline {display:none;}
}

@media (max-width:380px){
	.mo_noline {display:table;}
}




.body_open {overflow:hidden;}
.body_youtube {overflow:hidden;}
.body_open .online_inquiry_contents {bottom:0; opacity:1;}





/*헤더*/
.rentalpaybanner {position:fixed; top:19px; right:190px; width:260px; border-radius:10px; z-index:100; box-shadow:0 0 3px rgba(0,0,0,.1); overflow:hidden;}
	.rentalpaybanner img {width:100%;}

@media (max-width:750px){
.rentalpaybanner {top:auto; bottom:50px; right:auto; left:5px;}
}

.header {position:fixed; top:0; left:0; width:100%; min-width:1360px; padding:15px 50px; /*background:transparent;*/ background:rgba(0,0,0,.4); z-index:99; transition:all .3s ease; -webkit-transition:all .3s ease;}
.header * {transition:all .2s ease; -webkit-transition:all .2s ease;}
.header_fix {background:rgba(0,0,0,.9); box-shadow:0 0 5px rgba(0,0,0,.3)}

	.header .logo {float:left;}
		.header .logo img {width:250px; image-rendering:auto;}
		.header_fix .logo img {width:250px; image-rendering:auto;}

	.header .navi {position:absolute; top:36px; left:50%; font-size:0; /*margin-left:-100px;*/ transform:translateX(-50%); -webkit-transform:translateX(-50%); white-space:nowrap;}
		.header .navi li {display:inline-block; vertical-align:top; margin:0 5px;}
			.header .navi li a {position:relative; display:block; text-decoration:none;}
				.header .navi li a span {position:relative; font-family:'ELAND_Choice'; text-align:center; font-weight:300; font-size:20px; line-height:50px; color:#fff; border-radius:5px; padding:2px 5px; cursor:pointer;}
			.header_fix .navi li a span {color: #fff;}
				.header .navi .on a {}
					.header .navi .on span {font-weight:700; background:#fff; color:#000;}

	.header .headersnslist {float:right; margin-top:15px;}
		.header .headersnslist li {display:inline-block; vertical-align:top; margin:0 0 0 10px;}
		.header .headersnslist li:first-child {margin-left:0;}
		.header .headersnslist li:last-child {display:none;}
			.header .headersnslist li a {display:block; font-size:30px; color:#fff; text-decoration:none;}
	
@media (max-width:750px){
.header {min-width:100%; padding:20px 10px 15px; border-width:.5px;}

	.header .logo {width:100%; text-align:center;}
		.header .logo img {width:250px;}

	.header .navi {clear:both; position:relative; top:0; left:0; width:100%; text-align:center; transform:translateX(0); -webkit-transform:translateX(0); white-space:normal; padding-top:10px; margin:0;}
		.header .navi li {width:33.33%; margin:0;}
			.header .navi li a span {font-size:15px; line-height:25px;}

	.header .headersnslist {position:fixed; bottom:130px; right:10px; margin-top:0;}
		.header .headersnslist li {clear:both; display:table; margin:0; background:rgba(0,0,0,.8); border-radius:100%; padding:10px; margin:5px 0;}
		.header .headersnslist li:last-child {display:table;}
			.header .headersnslist li a {font-size:25px;}
}





/*푸터*/
.bottom {position:relative; display:table; width:100%; min-width:1360px; text-align:center; background:#e2f1e7; padding:100px 50px 220px;}

	.bottom .ci {position:absolute; top:100px; left:50px;}
		.bottom .ci img {width:310px; image-rendering:auto; -webkit-filter:invert(100%); filter:invert(100%);}
	.bottom .companyinfo {display:table; float:left; width:100%; padding:0 0 0 330px;}
		.bottom .companyinfo ul {clear:both; float:left; width:100%; text-align:left; font-size:0; margin:0 0 5px;}
			.bottom .companyinfo li {position:relative; display:inline-block; vertical-align:top; margin:0 20px 0 0; font-family: 'Pretendard'; font-weight:300; font-size:17px; line-height:25px; letter-spacing:0; color:#000;}
			.bottom .companyinfo ul:nth-child(2) li {display:table; margin:5px 0;}
			.bottom .companyinfo ul:nth-child(2) li:nth-child(2) {font-size:15px;}
			.bottom .companyinfo .point {color:#e60012;}
			.bottom .companyinfo a {font-family: 'Pretendard'; font-weight:300; font-size:17px; text-decoration:none; color:#000;}

@media (max-width:750px){
.bottom {padding:50px 10px 130px; min-width:100%; padding-right:50px;}
	.bottom .ci {position:relative; top:0; left:0; width:100%; text-align:left;}
		.bottom .ci img {width:200px;}
	.bottom .companyinfo {padding:0; width:100%; margin:20px auto 0;}
		.bottom .companyinfo ul {width:100%; margin:0; text-align:left; }
			.bottom .companyinfo li {float:none; display:inline-block; vertical-align:top; margin:0 5px 0 0 ; font-size:12px; line-height:17px;}
			.bottom .companyinfo ul:nth-child(2) li:nth-child(2) {font-size:12px;}
				.bottom .companyinfo li:after {display:none;}
			.bottom .companyinfo a {font-size:12px;}
}





/*온라인상담*/
.footer_inquiry_section {position:fixed; bottom:-150px; left:0; width:100%; min-width:1360px; text-align:center; font-size:0; opacity:0; background:#9f2525; border-top:1px solid #fff773; padding:15px 0 2px; box-shadow:0 0 3px rgba(0,0,0,.3); z-index:99; transition:all .3s ease; -webkit-transition:all .3s ease;}
.wrap_fix .footer_inquiry_section {bottom:0; opacity:1;}
	.footer_inquiry_section .formgroup_title {display:inline-block; vertical-align:top; margin-right:0;}
		.footer_inquiry_section .formgroup_title ul {position:relative;}
			.footer_inquiry_section .formgroup_title li {position:relative; display:inline-block; vertical-align:top; font-family: 'Pretendard'; font-weight:300; color:#fff; letter-spacing:-1px;}
			.footer_inquiry_section .formgroup_title li:nth-child(1) {font-size:35px; line-height:55px; margin:0 5px 0 0;}
				.footer_inquiry_section .formgroup_title li:nth-child(1) img {width:124px;}
			.footer_inquiry_section .formgroup_title li:nth-child(2) {font-weight:700; font-size:35px; line-height:55px; color:#fff773; margin:28px 20px 0 0;}
			.footer_inquiry_section .formgroup_title li:nth-child(3) {position:absolute; top:3px; left:130px; text-align:left; font-size:17px; line-height:25px;}
	.footer_inquiry_section .formgroup_box {display:inline-block; vertical-align:top; margin-top:16px;}
		.footer_inquiry_section .formgroup_box iframe {width:751px; height:43px;}

@media (max-width:750px){
.footer_inquiry_section {min-width:100%; padding:10px;}
	.footer_inquiry_section:after {margin-bottom:1px; height:1px;}
	.footer_inquiry_section .formgroup_title {position:relative; width:auto; margin:0 auto; padding-bottom:3px;}
		.footer_inquiry_section .formgroup_title li:nth-child(1) {font-size:20px; line-height:30px; margin:0 5px 0 0;}
			.footer_inquiry_section .formgroup_title li:nth-child(1) img {width:68px; }
		.footer_inquiry_section .formgroup_title li:nth-child(2) {font-size:20px; line-height:30px; margin:16px 0 0 0;}
		.footer_inquiry_section .formgroup_title li:nth-child(3) {left:75px; font-size:12px; line-height:13px;}
	.footer_inquiry_section .formgroup_box {width:100%; margin-top:5px;}
		.footer_inquiry_section .formgroup_box iframe {width:100%; height:65px;}
}




		.footer_customer_btn {position:fixed; bottom:50px; left:0; width:100%; z-index:98; opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.footer_customer_btn * {transition:all .3s ease; -webkit-transition:all .3s ease;}

			.footer_customer_btn .footer_customer_btn_contents {position:absolute; display:table; bottom:0; box-shadow:0 0 3px rgba(0,0,0,.3); background:rgba(0,0,0,.8); border-radius:20px;}
			.footer_customer_btn .footer_customer_btn_contents:hover {background:#e40000;}
			.footer_customer_btn .customer {left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
			.footer_customer_btn .inquiry {right:50px;}
			.footer_customer_btn .partner {left:50px;}
				.footer_customer_btn .footer_customer_btn_contents span {position:relative; padding-left:30px;}
				.footer_customer_btn a {display:block; font-family: 'Pretendard'; text-align:center; font-weight:300; font-size:20px; line-height:25px; color:#fff; padding:20px; text-decoration:none;}
					.footer_customer_btn a strong {font-weight:700; color:#fff;}
				.footer_customer_btn .footer_customer_btn_contents:hover a strong {color:#ffb93e;}
				.footer_customer_btn .footer_customer_btn_contents i {position:absolute; top:4px; left:0; font-size:23px;}

			@media (max-width:750px){
			.footer_customer_btn {bottom:5px; padding:5px;}
				.footer_customer_btn .footer_customer_btn_contents {position:relative; bottom:0; width:49.5%; border-width:.5px; border-radius:10px;}
				.wrap_fix .footer_customer_btn .footer_customer_btn_contents {bottom:0;}
				.footer_customer_btn .customer {display:none;}
				.footer_customer_btn .inquiry {float:right; right:0;}
				.footer_customer_btn .partner {float:left;left:0;}
					.footer_customer_btn .footer_customer_btn_contents span {padding-left:20px;}
					.footer_customer_btn a {font-size:11px; line-height:15px; padding:10px 0 11px;}
					.footer_customer_btn .footer_customer_btn_contents i {top:-2.5px; font-size:18px;}
			}





/*카카오톡*/
.kakao {position:fixed; bottom:10px; left:50%; width:100px; background:#ffeb33; border-radius:100%; box-shadow:0 0 3px rgba(0,0,0,.35); cursor:pointer; z-index:100; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .2s ease; -webkit-transition:all .2s ease;}
	.kakao:after {display:block; padding-bottom:100%; content:'';}
	.kakao ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
		.kakao li {font-family: 'Pretendard'; text-align:center; font-weight:300; color:#000;}
		.kakao li:nth-child(1) {font-size:40px; line-height:20px; margin-top:-5px;}
		.kakao li:nth-child(2) {font-size:17px; line-height:18px; letter-spacing:-1px;}

@media (max-width:750px){
.kakao {bottom:50px; left:auto; right:10px; width:70px; transform:translateX(0%); -webkit-transform:translateX(0%);}
		.kakao li:nth-child(1) {font-size:30px; line-height:20px; margin-top:-5px;}
		.kakao li:nth-child(2) {font-size:12px; line-height:13px;}
}





/*메인 컨텐츠*/
.contents-section {clear:both; position:relative; width:100%; min-width:1360px; padding:150px 0;}

@media (max-width:750px){
.contents-section {min-width:100%; padding:60px 0;}
.contents-section .brand {padding:140px 0;}
}





/*인트로*/
.intro {padding:0; z-index:1;}
	.intro1_bg {position:relative; width:100%; background:#2a365b; padding:200px 0; z-index:1;}
	.intro1_bg:after {position:absolute; top:-60px; left:-15%; width:130%; height:100%; background:url('../images/intro1_bg.jpg') no-repeat; background-size:100% 100%; border-radius: 0 0 2000px 2000px / 0 0 350px 350px; content:''; z-index:-1;}
		.intro .intro_people1 {position:absolute; bottom:35px; left:50%; margin-left:-750px; }
		.intro .intro_people1 img {width: 435px;}
		.intro .intro_people2 {position:absolute; bottom:33px; left:50%; margin-left:330px;}
		.intro .intro_people2 img {width: 380px;}
		.intro .intro_title {width:100%; text-align:center; z-index:3;}
			.intro .intro_title ul {position:relative; display:table; margin:0 auto;}
				.intro .intro_title li {position:relative; font-family: 'Pretendard'; color:#fff; z-index:2;}
				.intro .intro_title li:nth-child(1) {font-size:88px;}
				.intro .intro_title li:nth-child(1) img {width:550px;  display: inline-block;
					                                    animation: tiltShake 2s ease-in-out infinite;
														transform: translateZ(0); will-change: transform; 
												    	}
				.intro .intro_title li:nth-child(2) { font-size: 60px; font-weight:700;  color:#ff9b00; padding-top:24px; padding-bottom: 20px;}
				.intro .intro_title li:nth-child(2) .shine { animation: shineEffect 1.5s infinite ease-in-out; font-weight: 700;  transform: translateZ(0); will-change: transform;}
				
				.intro .intro_title li:nth-child(3) img {width:900px;}
				.intro .intro_title li:nth-child(4) {font-family: 'SandoolGukdaeTteokbokki'; font-size:34px; font-weight:500;  margin-top:70px; color:#000 ;}
				.intro .intro_title li:nth-child(4) span {animation:bling 1.2s linear infinite;}
				.intro .intro_title li:nth-child(5) {position:absolute; left:65%; top:-30px; margin-left:-560px; z-index:1;}
					.intro .intro_title li:nth-child(5) img {animation:tong 1.3s ease-in-out infinite;}
				.intro .intro_title li:nth-child(6) {position:absolute; left:150%; top:10px; margin-left:-520px; z-index:1;}
					.intro .intro_title li:nth-child(6) img {animation:tong 1.2s ease-in-out infinite;}
				.intro .intro_title li:nth-child(7) {position:absolute; left:35%; top:-100px; margin-left:100px; z-index:1;}
					.intro .intro_title li:nth-child(7) img {animation:tong 1.1s ease-in-out infinite;}
				.intro .intro_title li:nth-child(8) {position:absolute; left:40%; top:70px; margin-left:400px; z-index:3;}
					.intro .intro_title li:nth-child(8) img {animation:tong 1.0s ease-in-out infinite;}
				.intro .intro_title li:nth-child(9) {position:absolute; left:25%; top:230px; margin-left:400px; z-index:1;}
					.intro .intro_title li:nth-child(9) img {animation:tong 1.4s ease-in-out infinite;}
	.intro2_bg {position:relative; width:100%; padding-top:50px; z-index:1;}
	.intro2_bg:after {position:absolute; top:-50px; left:-15%; width:130%; height:100%; background:#2a365b; border-radius: 0 0 2000px 2000px / 0 0 350px 350px; content:''; z-index:-1;}
		.intro .intro_item {position:relative; width:100%; height:305px;}
			.intro .intro_item ul {position:absolute; top:-100px; left:0; height:100%; font-size:0; text-align:left; white-space:nowrap; will-change:transform; animation:marquee 40s linear infinite; z-index:1;}
				.intro .intro_item li {display:inline-block; vertical-align:top; font-family:'ELAND_Choice'; font-weight:300; text-align:center; font-size:20px; line-height:30px; color:#fff; margin:0 40px;}
		.intro .intro_item li img {width: 350px;}
		.intro .intro_item li .intro_item_14 {width:390px;}
		
				.intro .intro_movie {position:relative; width:100%; padding:0 100px;}
			.intro .intro_movie .video-container {border-radius:50px; background:#000; overflow:hidden;}

@media (max-width:750px){
	.intro1_bg {padding:230px 0 250px;}
	.intro1_bg:after {top:-70px;}
		.intro .intro_people1 { margin-left:-235px; bottom:-21px;}
			.intro .intro_people1 img {width:222px;}
		.intro .intro_people2 {margin-left:50px;}
			.intro .intro_people2 img {width:180px;}
				.intro .intro_title li:nth-child(1) {font-size:30px;}
				.intro .intro_title li:nth-child(1) img {width:290px;}
				.intro .intro_title li:nth-child(2) {font-size:23px; margin:5px 0; padding-top:10px; padding-bottom: 7px;}
					.intro .intro_title li:nth-child(3) img {width:380px;}
				.intro .intro_title li:nth-child(4) {font-size:18px; letter-spacing:-1px; margin:5px 0 0;}
				.intro .intro_title li:nth-child(5) {top:15px; margin-left:-185px;}
					.intro .intro_title li:nth-child(5) img {width:50px;}
				.intro .intro_title li:nth-child(6) {top:110px; margin-left:-165px;}
					.intro .intro_title li:nth-child(6) img {width:25px;}
				.intro .intro_title li:nth-child(7) {top:-13px; margin-left:40px;}
					.intro .intro_title li:nth-child(7) img {width:35px;}
				.intro .intro_title li:nth-child(8) {top:30px; margin-left:135px;}
					.intro .intro_title li:nth-child(8) img {width:25px;}
				.intro .intro_title li:nth-child(9) {top:85px; margin-left:130px;}
					.intro .intro_title li:nth-child(9) img {width:25px;}
	.intro2_bg {padding-top:0; z-index:1;}
		.intro .intro_item {height:150px;}
		.intro .intro_item ul {top:-45px}
				.intro .intro_item li {font-size:14px; line-height:20px; margin:0 20px;}
					.intro .intro_item li img {width:170px;}
					.intro .intro_item li .intro_item_14 {width:200px;}
		.intro .intro_movie {padding:0 10px;}
			.intro .intro_movie .video-container {border-radius:20px;}
}

@media (max-width:380px){
	.intro1_bg {padding:230px 0 230px;}
	.intro .intro_title li:nth-child(1) img {width:230px;}
		.intro .intro_people1 { margin-left:-150px;}
		.intro .intro_people2 {margin-left:20px;}
		.intro .intro_people1 img {width:120px;}
		.intro .intro_people2 img {width:130px;}

		.intro .intro_title li:nth-child(1) img {width:230px;}
			.intro .intro_title li:nth-child(3) img {width:300px;}
			.intro .intro_title li:nth-child(4) {font-size:15px;}
}













/*미디어*/
.media {padding-bottom:0;}
	.chatgraph {padding:0 0 200px;}
		.chatgraph .chatgraph_title {width:100%; text-align:center;}
			.chatgraph .chatgraph_title ul {position:relative; width:100%;}
				.chatgraph .chatgraph_title li {display:table; margin:0 auto; font-family: 'Isamanru'; font-weight:700; color:#000;}
				.chatgraph .chatgraph_title li:nth-child(1) {font-size:100px; line-height:130px; color:#e40000;}
				.chatgraph .chatgraph_title li:nth-child(2) {font-size:34px; line-height:50px;}
					.chatgraph .chatgraph_title li:nth-child(2) span {position:relative; font-weight:700; font-size:60px; line-height:100px;}
						/*-- 강조선 .chatgraph .chatgraph_title li:nth-child(2) span:after {position:absolute; bottom:-10px; left:0; width:100%; height:20px; content:''; background:url('../images/line_under.png') no-repeat; background-size:100% 100%;} --*/
					.chatgraph .chatgraph_title li:nth-child(2) strong {position:relative; font-weight:700; font-size:84px; border-bottom: 5px solid #e40000; color: #e40000;}
						/*-- 강조 동그라미.chatgraph .chatgraph_title li:nth-child(2) strong:after {position:absolute; top:-20%; left:-10%; width:120%; height:160%; content:''; background:url('../images/line_circle.png') no-repeat; background-size:100% 100%; z-index:-1;} --*/
				.chatgraph .chatgraph_title li:nth-child(3) {position:absolute; top:100%; left:50%; background:rgba(0,0,0,.85); border-radius:5px; border:5px solid #e40000; font-size:50px; color:#e40000; padding:10px; transform:translateX(-50%)rotate(-10deg); -webkit-transform:translateX(-50%)rotate(-10deg); animation:bling 1.2s linear infinite; z-index:10;}

		.chatgraph .chatgraph_title2 {position:absolute; width:90%; bottom:5px; left:5%; top:80px; font-size:0; text-align:center; z-index:10;}
			.chatgraph .chatgraph_title2 ul {display:inline-block; vertical-align:top; width:32.83%; background:rgba(255,255,255,.9); margin:0 .25%; border:1px solid #e40000; border-radius:10px; animation:bling 1.2s linear infinite; overflow:hidden;}
				.chatgraph .chatgraph_title2 li {width:100%; display:table; font-family: 'Pretendard'; font-weight:700; color:#000; margin:0 auto;}
				.chatgraph .chatgraph_title2 li:nth-child(1) {font-size:27px; line-height: 30px; color:#fff; background:#e40000; padding:5px 0;}
				.chatgraph .chatgraph_title2 li:nth-child(2) {font-weight:300; font-size:18px; line-height:22px; padding:5px 0;}
		
		.people_graph {position:relative; width:100%; max-width:910px; height:400px; margin:100px auto 0;}
			.people_graph * {font-family: 'Pretendard';}
			.people_graph .graph-container {position:relative; width:100%; height:100%; border-left:1px solid #000; border-bottom:1px solid #000; overflow:visible;    }
				.people_graph .graph-container::before {content: ''; position:absolute; width:100%; height:100%; background-image:repeating-linear-gradient(  to top,  transparent,  transparent calc(100% / 8 - 1px),  #ddd calc(100% / 8 - 1px),  #ddd calc(100% / 8) ); z-index: 0; pointer-events: none;    }
			.people_graph .vertical-line {position: absolute; top: 0; width: 1px; height: 100%; background: #ddd; z-index: 0;}
			.people_graph .chart {position:absolute; width:100%; height:100%; z-index:1;}
			.people_graph .point {position:absolute; width:10px; height:10px; background:#fff; border:2px solid #e40000; border-radius:50%; transform:translate(-50%, -50%); z-index: 2;}
				.people_graph .point.highlight {background: #e40000; width:20px; height:20px;}
			.people_graph .label {position:absolute; font-weight:700; font-size: 18px; color: #000; transform: translate(-50%, -160%);white-space: nowrap; z-index: 2;}
				.people_graph .label.highlight {color: #fff; font-size: 25px; background:#e40000; border-radius:5px; padding:5px 10px 4px;}
					.people_graph .label.highlight:after {position:absolute; top:100%; left:30%; border-top:13px solid #e40000; border-left:10px solid transparent; border-right:0 solid transparent; content:'';}
			.people_graph .y-axis {position:absolute; top:-17px; right:100%; height:100%; margin-right:10px; z-index:3;}
			.people_graph .y-label {position:absolute; right:0; transform: translateY(50%); font-size:17px; color: #000;}
			.people_graph .x-axis {position:absolute; top:100%; left:0; width: 100%; z-index:3; margin-top:10px;}
			.people_graph .x-label {position:absolute; transform:translateX(-50%); font-size:17px; color:#000;}

	.media .media_title {display:table; margin:0 auto;}
		.media .media_title ul {display:table; text-align:center; margin:0 auto;}
			.media .media_title li {font-family: 'Isamanru'; font-weight:300; color:#000;}
			.media .media_title li:nth-child(1) {font-weight:700; font-size:90px; line-height:100px; color:#e40000;}
			.media .media_title li:nth-child(2) {margin:10px auto;}
			.media .media_title li:nth-child(3) {display:inline-block; vertical-align:top; padding-top: 5px; font-weight:700; font-size:55px; line-height:70px; margin-right:15px;}
			.media .media_title li:nth-child(4) {display:inline-block; vertical-align:top;}
				.media .media_title li:nth-child(4) img {height:73px;}
	.media .media_contents {position:relative; width:100%;}
		.media .media_contents .media_circle_title {position:absolute; top:207px; left:50%; width:280px; margin-left:-140px; z-index:6;}
			.media .media_contents .media_circle_title ul {width:100%; text-align:center;}
				.media .media_contents .media_circle_title li {width:100%; font-family: 'Isamanru'; font-weight:300; color:#fff;}
				.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(1) {font-size:25px; line-height:30px;}
				.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(2) {font-family: 'Isamanru'; font-weight:700; font-size:30px; line-height:50px; margin-top:10px; animation:bling 1.2s linear infinite;}
					.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(2) strong {font-weight:700; font-size:47px;}
				.media .media_contents .media_circle_title ul:nth-child(2) li:nth-child(1) {text-align:left; font-weight:500; font-size:15px; line-height:20px; color:#666; margin-top:310px;}
		.media .media_contents .media_circle_img {position:absolute; top:140px; left:0; width:100%;  text-align:center; z-index:5;}
			
		.media .media_contents .media_circle_img li:nth-child(1) img {
        width: 500px;}
		.media .media_contents .media_circle_img li:nth-child(1) {}
			.media .media_contents .media_circle_img li:nth-child(2) {position:absolute; top:-30px; left:50%; margin-left:-130px;}
				.media .media_contents .media_circle_img li:nth-child(2) img {width:70px; animation:impactdeg2 1.3s ease-in-out infinite;}
			.media .media_contents .media_circle_img li:nth-child(3) {position:absolute; bottom:50px; left:50%; margin-left:160px;}
				.media .media_contents .media_circle_img li:nth-child(3) img {animation:impactdeg2 1.3s ease-in-out infinite;}
	.media .media_balloon_contents {position:relative; width:100%;}
		.media .media_balloon_contents .media_balloon {position:absolute; left:50%; z-index:5;}
		.media .media_balloon_contents .media_balloon1 {top:403px; margin-left:-648px; animation:tong 1.3s ease-in-out infinite;}
		.media .media_balloon_contents .media_balloon2 {top:694px; margin-left:-593px; animation:tong 1.1s ease-in-out infinite;}
		.media .media_balloon_contents .media_balloon3 {top:403px; margin-left:320px; animation:tong 1.0s ease-in-out infinite;}
		.media .media_balloon_contents .media_balloon6 {top:100px; margin-left:170px; animation:tong 1.0s ease-in-out infinite;}
		.media .media_balloon_contents .media_balloon4 {top:694px; margin-left:315px; animation:tong 1.2s ease-in-out infinite;}
		.media .media_balloon_contents .media_balloon5 {top:100px; margin-left:-480px; animation:tong 1.3s ease-in-out infinite;}
			.media .media_balloon_contents .media_balloon ul {position:relative; background:#000; border-radius:15px; padding:10px 20px;}
				.media .media_balloon_contents .media_balloon ul:after {position:absolute; top:100%; margin-top:-10px; border-top:40px solid #000; content:'';}
				.media .media_balloon_contents .media_balloon1 ul:after,
				.media .media_balloon_contents .media_balloon5 ul:after,
				.media .media_balloon_contents .media_balloon2 ul:after {right:50px; border-left:30px solid transparent; transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
				.media .media_balloon_contents .media_balloon3 ul:after,
				.media .media_balloon_contents .media_balloon6 ul:after,
				.media .media_balloon_contents .media_balloon4 ul:after {left:50px; border-right:30px solid transparent; transform:rotate(10deg); -webkit-transform:rotate(10deg);}
				.media .media_balloon_contents .media_balloon li:nth-child(1) {position:absolute; bottom:0; font-size:0;}
				.media .media_balloon_contents .media_balloon1 li:nth-child(1) {left:10px;}
				.media .media_balloon_contents .media_balloon5 li:nth-child(1) {left:10px;}
				.media .media_balloon_contents .media_balloon2 li:nth-child(1) {left:12px;}
				.media .media_balloon_contents .media_balloon3 li:nth-child(1) {right:5px;}
				.media .media_balloon_contents .media_balloon6 li:nth-child(1) {right:5px;}
				.media .media_balloon_contents .media_balloon4 li:nth-child(1) {right:3px;}
				.media .media_balloon_contents .media_balloon li:nth-child(2) {font-family: 'SandoolGukdaeTteokbokki'; font-weight:500; font-size:20px; line-height:23px; color:#fff;}
				.media .media_balloon_contents .media_balloon1 li:nth-child(2) {padding-left:70px;}
				.media .media_balloon_contents .media_balloon5 li:nth-child(2) {padding-left:70px;}
				.media .media_balloon_contents .media_balloon2 li:nth-child(2) {padding-left:70px;}
				.media .media_balloon_contents .media_balloon3 li:nth-child(2) {text-align:right; padding-right:70px;}
				.media .media_balloon_contents .media_balloon6 li:nth-child(2) {text-align:right; padding-right:70px;}
				.media .media_balloon_contents .media_balloon4 li:nth-child(2) {text-align:right; padding-right:70px;}
	.media .media_circle_text {position:relative; width:100%; text-align:center; margin-top:177px;z-index:1;}
			.media .media_circle_text img {animation:rotate2 60s linear infinite; width: 600px;}
	.media .snslist {position:relative; width:100%; margin-top:50px; z-index:2;}
		.media .snslist iframe {width:100%; height:490px;}
	.media .news {width:100%; background:#b8dec5; padding:50px 50px; margin-top:50px;}
		.media .news div {width:100%; max-width:1500px; margin:0 auto;}
			.media .news iframe {width:100%; height:795px;}

@media (max-width:750px){
	.chatgraph {padding:0 50px 100px;}
				.chatgraph .chatgraph_title li:nth-child(1) {font-size:43px; line-height:50px;}
				.chatgraph .chatgraph_title li:nth-child(2) {font-size:16px; line-height:35px;}
					.chatgraph .chatgraph_title li:nth-child(2) span {font-size:25px; line-height:45px;}
					.chatgraph .chatgraph_title li:nth-child(2) strong {font-size: 35px; border-bottom: 3px solid #e40000;}
						.chatgraph .chatgraph_title li:nth-child(2) span:after {height:10px;}
				.chatgraph .chatgraph_title li:nth-child(3) {top:125%; border-width:3px; font-size:30px; padding:5px; white-space:nowrap;}

		.chatgraph .chatgraph_title2 {width:90%; bottom:2px; left:5%;}
			.chatgraph .chatgraph_title2 ul {border-width:.5px; border-radius:5px;}
				.chatgraph .chatgraph_title2 li:nth-child(1) {font-size:14px; letter-spacing:-1px; padding:22px 0; line-height:20px;}
				.chatgraph .chatgraph_title2 li:nth-child(2) {font-size:12px; letter-spacing:-1px; line-height:15px; padding:5px 0;}
		
		.people_graph {height:300px; max-width:500px; margin:50px auto 0; padding:0 0;}
			.people_graph .graph-container {border-width:.5px;}
			.people_graph .vertical-line {width: .5px;}
			.people_graph .point {width:8px; height:8px; border-width:1px;}
				.people_graph .point.highlight {width:13px; height:13px;}
			.people_graph .label {font-size: 14px;}
				.people_graph .label.highlight {font-size: 17px; padding:3px 5px 2px;}
					.people_graph .label.highlight:after {border-top:7px solid #e40000; border-left:5px solid transparent;}
			.people_graph .y-axis {top:-17px; margin-right:5px;}
			.people_graph .y-label {font-size:13px; letter-spacing:-.5px;}
			.people_graph .x-axis {margin-top:5px;}
			.people_graph .x-label {font-size:13px; text-align:center; letter-spacing:-.5px;}

			.media .media_title li:nth-child(1) {font-size:30px; line-height:20px;}
			.media .media_title li:nth-child(2) {margin:3px auto 0;}
				.media .media_title li:nth-child(2) img {width:305px;}
			.media .media_title li:nth-child(3) {font-size:23px; line-height:28px; margin-right:10px;}
				.media .media_title li:nth-child(4) img {height:27px;}
		.media .media_contents .media_circle_title {top:133px; width:140px; margin-left:-70px; z-index:6;}
				.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(1) {font-size:12px; line-height:17px;}
				.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(2) {font-size:30px; line-height:27px; margin-top:0px;}
					.media .media_contents .media_circle_title ul:nth-child(1) li:nth-child(2) strong {font-size:19px;}
				.media .media_contents .media_circle_title ul:nth-child(2) li:nth-child(1) {font-size:10px; line-height:12px; margin-top:130px;}
		.media .media_contents .media_circle_img {top:111px;}
			.media .media_contents .media_circle_img li:nth-child(1) {}
				.media .media_contents .media_circle_img li:nth-child(1) img {width:170px;}
			.media .media_contents .media_circle_img li:nth-child(2) {top:-10px; margin-left:-50px;}
				.media .media_contents .media_circle_img li:nth-child(2) img {width:30px;}
			.media .media_contents .media_circle_img li:nth-child(3) {bottom:10px; margin-left:50px;}
				.media .media_contents .media_circle_img li:nth-child(3) img {width:40px;}
		.media .media_balloon_contents .media_balloon {white-space:nowrap;}
		.media .media_balloon_contents .media_balloon1 {top:40px; margin-left:-210px;}
		.media .media_balloon_contents .media_balloon5 {top:340px; margin-left:-210px;}
		.media .media_balloon_contents .media_balloon2 {top:190px; margin-left:-245px;}
		.media .media_balloon_contents .media_balloon3 {top:40px; margin-left:10px;}
		.media .media_balloon_contents .media_balloon6 {top:340px; margin-left:-1px;}
		.media .media_balloon_contents .media_balloon4 {top:190px; margin-left:54px;}
			.media .media_balloon_contents .media_balloon ul {border-radius:15px; padding:10px 20px;}
				.media .media_balloon_contents .media_balloon ul:after {margin-top:-5px; border-top:20px solid #000;}
				.media .media_balloon_contents .media_balloon1 ul:after,
				.media .media_balloon_contents .media_balloon5 ul:after,
				.media .media_balloon_contents .media_balloon2 ul:after {right:30px; border-left:15px solid transparent;}
				.media .media_balloon_contents .media_balloon3 ul:after,
				.media .media_balloon_contents .media_balloon6 ul:after,
				.media .media_balloon_contents .media_balloon4 ul:after {left:30px; border-right:15px solid transparent;}
					.media .media_balloon_contents .media_balloon li:nth-child(1) img {width:40px;}
					.media .media_balloon_contents .media_balloon3 li:nth-child(1) img {width:45px;}
					.media .media_balloon_contents .media_balloon6 li:nth-child(1) img {width:45px;}
					.media .media_balloon_contents .media_balloon4 li:nth-child(1) img {width:60px;}
				.media .media_balloon_contents .media_balloon1 li:nth-child(1) {left:10px;}
				.media .media_balloon_contents .media_balloon5 li:nth-child(1) {left:10px;}
				.media .media_balloon_contents .media_balloon2 li:nth-child(1) {left:9;}
				.media .media_balloon_contents .media_balloon3 li:nth-child(1) {right:5px;}
				.media .media_balloon_contents .media_balloon6 li:nth-child(1) {right:5px;}
				.media .media_balloon_contents .media_balloon4 li:nth-child(1) {right:-10px;}
				.media .media_balloon_contents .media_balloon li:nth-child(2) {font-size:12px; line-height:14px;}
				.media .media_balloon_contents .media_balloon1 li:nth-child(2) {padding-left:35px;}
				.media .media_balloon_contents .media_balloon5 li:nth-child(2) {padding-left:35px;}
				.media .media_balloon_contents .media_balloon2 li:nth-child(2) {padding-left:35px;}
				.media .media_balloon_contents .media_balloon3 li:nth-child(2) {padding-right:35px;}
				.media .media_balloon_contents .media_balloon6 li:nth-child(2) {padding-right:35px;}
				.media .media_balloon_contents .media_balloon4 li:nth-child(2) {padding-right:35px;}
	.media .media_circle_text {margin-top:121px;}
			.media .media_circle_text img {width:215px;}
	.media .snslist {margin-top:20px;}
		.media .snslist iframe {height:275px;}
	.media .news {padding:20px 10px; margin-top:20px;}
			.media .news iframe {width:100%; height:820px;}
}
@media (max-width:400px){
	.chatgraph {padding:0 50px 100px;}
				.chatgraph .chatgraph_title li:nth-child(1) {font-size:34px; line-height:40px;}
				.chatgraph .chatgraph_title li:nth-child(2) {font-size:11px; line-height:15px;}
					.chatgraph .chatgraph_title li:nth-child(2) span {font-size:22px; line-height:35px; letter-spacing:-1px;}
						.chatgraph .chatgraph_title li:nth-child(2) span:after {height:10px;}
				.chatgraph .chatgraph_title li:nth-child(3) {border-width:3px; font-size:20px; padding:5px; white-space:nowrap;}

		.chatgraph .chatgraph_title2 {width:98%; left:1%;}
			.chatgraph .chatgraph_title2 ul {}
				.chatgraph .chatgraph_title2 li:nth-child(1) {font-size:14px;}
				.chatgraph .chatgraph_title2 li:nth-child(2) {font-size:11px; line-height:13px;}
}
@media (max-width:380px){
		.media .media_balloon_contents .media_balloon1 {top:40px; margin-left:-210px;}
		.media .media_balloon_contents .media_balloon5 {top:373px; margin-left:-250px;}
		.media .media_balloon_contents .media_balloon2 {top:203px; margin-left:-267px;}
		.media .media_balloon_contents .media_balloon3 {top:40px; margin-left:10px;}
		.media .media_balloon_contents .media_balloon6 {top:373px; margin-left:20px;}
		.media .media_balloon_contents .media_balloon4 {top:203px; margin-left:88px;}
	.media .media_circle_text {left:50%; width:400px; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
}




/*브랜드*/
.brand {background:url('images/logo_bg_g.png);?>'); padding-bottom:450px;}
	.brand .brand_title {display:table; text-align:center; margin:0 auto;}
		.brand .brand_title ul {margin:0 auto;}
			.brand .brand_title li:nth-child(1),
			.brand .brand_title li:nth-child(2),
			.brand .brand_title li:nth-child(3) {display:inline-block; vertical-align:top; font-family: 'Isamanru'; font-weight:700; font-size:90px; line-height:100px; color:#000;}
			.brand .brand_title li:nth-child(2) {margin:0 30px;}
			.brand .brand_title li:nth-child(4) {font-family: 'Pretendard'; font-weight:800; font-size:55px; line-height:35px; color:#000; margin-top:20px; }
				.brand .brand_title li:nth-child(4) p {margin-top:10px; border: 2px solid #e40000; padding: 15px; color: #fff; border-radius: 20px; background-color:#e40000 ;}
	.brand .brand_img {display:table; text-align:center; margin:70px auto;}
		.brand .brand_img ul {margin:0 auto; font-size:0;}
			.brand .brand_img li {position:relative; display:inline-block; vertical-align:top;}
				.brand .brand_img li:nth-child(1):after {position:absolute; bottom:20px; left:250px; content:''; font-family:'KIMM'; font-weight:300; font-size:23px; line-height:30px; color:#000; white-space:nowrap;}
			.brand .brand_img li:nth-child(2) {font-family: 'Pretendard'; font-weight:300; font-size:100px; line-height:100px; margin:250px 50px 0;}
			.brand .brand_img li:nth-child(3) {margin-top:100px;}
				.brand .brand_img li:nth-child(3):after {position:absolute; top:140px; left:80px; content:''; font-family:'KIMM'; font-weight:300; font-size:23px; line-height:30px; color:#000; white-space:nowrap;}
	.brand .brand_contents {display:table; width:100%; text-align:center; padding:0 50px;}
		.brand .brand_contents ul {width:100%;}
			.brand .brand_contents li {width:100%; font-family: 'Pretendard'; font-weight:500; color:#000;}
			.brand .brand_contents li:nth-child(1) {font-family: 'Pretendard'; font-weight:700; font-size:55px; line-height:33px;}
			.brand .brand_contents li:nth-child(2) {font-family: 'Pretendard'; font-weight:700; font-size:40px; line-height:70px;}
			.brand .brand_contents li:nth-child(2) strong {font-size: 30px;}
			.brand .brand_contents li:nth-child(3) {margin:50px auto;}
			.brand .brand_contents li:nth-child(4) {font-size:20px; line-height:35px;}
				.brand .brand_contents li:nth-child(4) strong {font-weight:700; background:#1c2b7f; border-radius:6px; color:#fff; padding:0px 4px 4px;}

@media (max-width:750px){
.brand {background-size:50px; padding-bottom:250px;}
			.brand .brand_title li:nth-child(1),
			.brand .brand_title li:nth-child(2),
			.brand .brand_title li:nth-child(3) {font-size:40px; line-height:50px;}
			.brand .brand_title li:nth-child(2) {margin:0 10px;}
			.brand .brand_title li:nth-child(4) {font-size:15px; line-height:20px; margin-top:0px;}
	.brand .brand_img {margin:20px auto;}
				.brand .brand_img li:nth-child(1) img {width:150px;}
				.brand .brand_img li:nth-child(1):after {bottom:-20px; left:15px; font-size:13px; line-height:20px; letter-spacing:-1px;}
			.brand .brand_img li:nth-child(2) {font-size:50px; line-height:100px; margin:50px 10px 0;}
			.brand .brand_img li:nth-child(3) {margin-top:30px;}
				.brand .brand_img li:nth-child(3) img {width:170px;}
				.brand .brand_img li:nth-child(3):after {top:45px; left:13px; font-size:13px; line-height:20px; letter-spacing:-1px;}
	.brand .brand_contents {padding:0 10px;}
			.brand .brand_contents li:nth-child(1) {font-size:25px; line-height:28px;}
			.brand .brand_contents li:nth-child(2) {font-size:25px; line-height:30px;}
			.brand .brand_contents li:nth-child(2) strong {font-size: 16px;}
			.brand .brand_contents li:nth-child(3) {margin:20px auto;}
				.brand .brand_contents li:nth-child(3) img {width:350px;}
			.brand .brand_contents li:nth-child(4) {font-size:15px; line-height:25px;}
				.brand .brand_contents li:nth-child(4) strong {padding:2px 2px 1px;}
}

@media (max-width:380px){
			.brand .brand_title li:nth-child(1),
			.brand .brand_title li:nth-child(2),
			.brand .brand_title li:nth-child(3) {font-size:40px; line-height:50px;}
			.brand .brand_title li:nth-child(2) {margin:0 5px;}
			.brand .brand_title li:nth-child(4) {font-size:15px; line-height:20px; margin-top:20px;}
				.brand .brand_img li:nth-child(1) img {width:120px;}
				.brand .brand_img li:nth-child(1):after {bottom:-20px; left:0;}
			.brand .brand_img li:nth-child(2) {margin:30px 10px 0;}
			.brand .brand_img li:nth-child(3) {margin-top:19px;}
				.brand .brand_img li:nth-child(3) img {width:130px;}
				.brand .brand_img li:nth-child(3):after {top:100%; left:-7px;}
			.brand .brand_contents li:nth-child(1) {font-size:17.5px; line-height:20px;}
			.brand .brand_contents li:nth-child(2) {font-size:19px; line-height:20px;}
				.brand .brand_contents li:nth-child(3) img {width:300px;}
			.brand .brand_contents li:nth-child(4) {font-size:14px; line-height:20px;}
}


/* =========================
   추가 규칙: tagline만 더 작게
   (기존 nth-child 규칙은 건드리지 않음)
   ========================= */
.brand .brand_title li:nth-child(4) .tagline{
  display:block;
  font-size:25px;     /* PC 크기 */
  line-height:1px;
  font-weight:500;    /* 기존 계열 유지 */
  color:#5e5e5e;         /* 색상 유지 (원하면 #333으로 살짝 다운톤 가능) */
  margin-bottom:50px;  /* 아래 텍스트와 간격 */
  font-family: 'Pretendard';
}

/* 750px 이하 */
@media (max-width:750px){
  .brand .brand_title li:nth-child(4) .tagline{
    font-size:13px;
    line-height:19px;
    margin-bottom:6px;
  }

   .brand .brand_title li:nth-child(4) p {
	font-size: 25px;
	padding: 10px;
   }
}

/* 380px 이하 */
@media (max-width:380px){
  .brand .brand_title li:nth-child(4) .tagline{
    font-size:12px;
    line-height:17px;
    margin-bottom:6px;
  }
}

/*성공포인트*/
.success {background:#191919 url('../images/success_bg.jpg') no-repeat center top; padding-top:0;}
	.success .success_slide {position:relative; top:-250px; width:100%; height:573px;}
		.success .success_slide ul {position:absolute; top:0; left:0; height:100%; font-size:0; text-align:left; white-space:nowrap; will-change:transform; animation:marquee 60s linear infinite; z-index:1;}
			.success .success_slide li {display:inline-block; vertical-align:top; height:100%; border-radius:10px; overflow:hidden; margin:0 5px;}
				.success .success_slide li img {height:100%; image-rendering:auto; transition:all .3s ease; -webkit-transition:all .3s ease;}
				.success .success_slide li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
	.success .success_title {position:relative; width:100%; text-align:center;}
		.success .success_title ul:nth-child(1) {position:relative;}
			.success .success_title ul:nth-child(1) li {position:absolute; left:50%; z-index:5;}
			.success .success_title ul:nth-child(1) li:nth-child(1) {top:-100px; left:0; width:100%; height:300px; text-align:center; overflow:hidden;}
			.success .success_title ul:nth-child(1) li:nth-child(2) {top:-320px; margin-left:-330px;}
			.success .success_title ul:nth-child(1) li:nth-child(2) {animation:tong 1.3s ease-in-out infinite;}
			.success .success_title ul:nth-child(1) li:nth-child(3) {top:-280px; margin-left:100px;}
			.success .success_title ul:nth-child(1) li:nth-child(3) {animation:tong 1.0s ease-in-out infinite;}
		.success .success_title ul:nth-child(2),
		.success .success_title ul:nth-child(3) {display:table; font-size:0; margin:0 auto;}
			.success .success_title ul:nth-child(2) li {display:inline-block; vertical-align:top; font-family: 'SandoolGukdaeTteokbokki'; font-weight:700; font-size:58px; line-height:68px; color:#ffb93e;}
			.success .success_title ul:nth-child(2) li:nth-child(1) {margin-right:500px;}
			.success .success_title ul:nth-child(3) li {position:relative; font-family: 'Isamanru'; font-weight:700; font-size:120px; line-height:120px; color:#fff; z-index:1; margin-top:50px;}
				.success .success_title ul:nth-child(3) li:after {position:absolute; bottom:-20px; left:0; width:100%; height:20px; content:''; background:url('../images/line_under.png') no-repeat; background-size:100% 100%;}
				.success .success_title ul:nth-child(3) li strong {position:relative; font-weight:700;}
					.success .success_title ul:nth-child(3) li strong:after {position:absolute; top:-20%; left:-10%; width:120%; height:160%; content:''; background:url('../images/line_circle.png') no-repeat; background-size:100% 100%; z-index:-1;}
	.success .success_point {position:relative; width:100%; text-align:center; font-size:0; margin:50px 0 100px;}
		.success .success_point div {position:relative; display:inline-block; vertical-align:top; width:270px; background:#1c2b7f; border-radius:100%; margin:45px 35px;}
			.success .success_point div:before {display:block; padding-bottom:100%; content:'';}
			.success .success_point div:after {position:absolute; top:2%; left:2%; width:96%; height:96%; content:''; border:1px dashed #fff; border-radius:100%; box-sizing:border-box; animation:rotate2 20s linear infinite;}
			.success .success_point div ul {position:absolute; top:48%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
				.success .success_point div li {width:100%; font-family: 'Isamanru'; font-weight:500; text-align:center; color:#fff;}
				.success .success_point div li:nth-child(1) {font-size:50px; color:#ffb93e;}
				.success .success_point div li:nth-child(2) {font-size:32px; line-height:30px; margin:0 0 10px;}
				.success .success_point div li:nth-child(3) {font-family: 'Pretendard'; font-weight:300; font-size:20px; line-height:26px;}
					.success .success_point div li:nth-child(3) strong {font-weight:500;}
	.success .success_contents {width:100%; padding:0 100px; transition:all .2s ease; -webkit-transition:all .2s ease;}
		.success .success_contents * {transition:all .2s ease; -webkit-transition:all .2s ease;}
		.success .success_contents .success_item {position:relative; width:100%; border-radius:50px; overflow:hidden; margin-bottom:50px; padding:100px;}
		.success .success_contents .success_item:nth-child(odd) {text-align:left;}
		.success .success_contents .success_item:nth-child(even) {text-align:right;}
		.success .success_contents .success_item1 {/*background:#1c2b7f url('images/logo_bg_g.png);?>') center top;*/}
		.success .success_contents .success_item2 {background:#fff url('images/logo_bg_g.png);?>') center top;}
		.success .success_contents .success_item3 {background:#ffb93e url('images/logo_bg_w.png);?>') center top;}
		.success .success_contents .success_item4 {background:#fff url('images/logo_bg_g.png);?>') center top;}
		.success .success_contents .success_item5 {background:#1c2b7f url('images/logo_bg_g.png);?>') center top;}
			.success .success_contents .success_item .success_item_text {position:relative; width:100%; height:520px; overflow:hidden;}
				.success .success_contents .success_item .success_item_text ul {width:100%;}
					.success .success_contents .success_item .success_item_text li {position:relative; font-family: 'Pretendard'; font-weight:300; color:#fff;}
					.success .success_contents .success_item:nth-child(even) .success_item_text li {color:#000;}
					.success .success_contents .success_item .success_item_text li:nth-child(1) {display:inline-block; vertical-align:top; font-size:30px; line-height:50px;}
						.success .success_contents .success_item .success_item_text li:nth-child(1):after {position:absolute; top:50%; width:2500px; height:1px; content:''; background:#fff;}
						.success .success_contents .success_item:nth-child(odd) .success_item_text li:nth-child(1):after {left:100%; margin-left:30px;}
						.success .success_contents .success_item:nth-child(even) .success_item_text li:nth-child(1):after {right:100%; margin-right:30px; background:#000;}
					.success .success_contents .success_item .success_item_text li:nth-child(2) {font-weight:700; font-size:50px; line-height:70px; margin-top:20px; color:#ffb93e;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(2) {color:#fff; font-size:70px;}
					.success .success_contents .success_item:nth-child(even) .success_item_text li:nth-child(2) {color:#000;}
					.success .success_contents .success_item .success_item_text li:nth-child(3) {font-weight:700; font-size:60px; line-height:60px;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(3) {color:#1c2b7f; font-size:50px;}
					.success .success_contents .success_item:nth-child(even) .success_item_text li:nth-child(3) {color:#e40000;}
					.success .success_contents .success_item .success_item_text li:nth-child(4) {font-family: 'Pretendard'; font-size:22px; line-height:50px; letter-spacing:-1px; margin-top:50px;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(4) .mo_noline {display:table;}
						.success .success_contents .success_item .success_item_text li:nth-child(4) strong {background:#ffb93e; border-radius:5px; padding:1px 3px 2px;}
						.success .success_contents .success_item3 .success_item_text li:nth-child(4) strong {background:#1c2b7f;}
						.success .success_contents .success_item:nth-child(even) .success_item_text li:nth-child(4) strong {background:#e40000; color:#fff;}
			.success .success_contents .success_item .success_item_img1 {position:absolute; bottom:0; right:0;}
			.success .success_contents .success_item .success_item_img1_1 {position:absolute; bottom:0; right:500px;}
			.success .success_contents .success_item .success_item_img2 {position:absolute; top:50px; left:70px;}
			.success .success_contents .success_item .success_item_img2_1 {position:absolute; bottom:0; left:480px;}
			.success .success_contents .success_item .success_item_img3 {position:absolute; bottom:0; right:0;}
			.success .success_contents .success_item .success_item_img3_1 {position:absolute; top:50px; left:740px; width:250px; height:250px; border-radius:100%; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,.5);}
				.success .success_contents .success_item .success_item_img3_1 img {width:100%;}
			.success .success_contents .success_item .success_item_img3_2 {position:absolute; top:50px; left:1000px; width:250px; height:250px; border-radius:100%; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,.5);}
				.success .success_contents .success_item .success_item_img3_2 img {width:100%;}
			.success .success_contents .success_item .success_item_img4 {position:absolute; top:0; left:0;}
			.success .success_contents .success_item .success_item_img5 {position:absolute; top:0; right:0;}


    /* 왜 육면옥인가? */

.feature-grid {
    display: flex;
    justify-content: center;
    gap: 20px; /* 박스 간 간격 */
    width:100%;
    margin: 0 auto;
}


.success_item .feature-grid-success-txt{
		text-align: center;
position: relative;
padding: 70px 0;
}

.success_item .feature-grid-success-txt h1{
	font-size: 70px;
	font-family: 'Isamanru';
	font-weight: 700;
	color: #fff;

}

.success_item .feature-grid-success-txt h1 span{
	color:#ffb93e
}
/* 개별 특징 박스 */
.feature-box {
    flex: 1;
    max-width: 400px;
    background-color: #fff; /* 박스 배경색 */
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    text-align: left;
    padding-bottom: 20px; /* 하단 텍스트를 위한 공간 */
	position: relative;
}
/* 개별 특징 박스 이미지크기, 위치 */
.feature-box:nth-child(1) .image-area img{
 position:absolute;
}

.feature-box:nth-child(1) .image-area img{
    width: 300px;
	bottom:-30px;
	z-index: 10;
}

.feature-box:nth-child(2) .image-area img{
    width: 300px;
	position:absolute;
	bottom:-30px;
	z-index: 0;
}

.feature-box:nth-child(3) .image-area img{
    width: 250px;
	position:absolute;
	bottom:10px;
	z-index: 0;
}
.feature-box:nth-child(4) .image-area img{
    width: 300px;
	position:absolute;
	bottom:-30px;
	z-index: 0;
}



 /* 박스 상단 제목 영역 */
.title-wrap {
    background-color: #ffb93e; /* 제목 배경색 */
    color: #000000;
    font-weight: 700;
    padding: 20px 20px;
    text-align: center;
}

.title-wrap h3 {
    font-size: 1.6em;
    font-weight: 700;
	font-family: 'SandoolGukdaeTteokbokki';
}

/* 텍스트 내용 영역 */
.content-text {
	font-family: 'Isamanru';
    padding: 20px;
    padding-bottom: 0; /* 이미지와의 간격 조정을 위해 */
    flex-grow: 1;
	text-align: center;
}

.content-text p:nth-child(1) {
    font-size: 1.4em;
    margin-bottom: 22px;
	color: #e40000;
	font-weight: 100;
	padding-top:20px
}
.content-text p:nth-child(1) b{
	font-weight: 800
}

.content-text h4 {
	font-family: 'Isamanru';
    font-size: 2em;
    font-weight: 900;
    color: #1c2b7f;
    margin-bottom: 15px;
    line-height: 1.2;
    position: relative; /*z-index 적용을 위한 position 설정*/
	z-index: 20;

}

.content-text h4 strong {
    color: #ffe400; /* 핵심 키워드 강조색 (노란색) */
}

.small-note {
    font-size: 1.1em !important;
    color: #000000;
    padding-top: 10px;
    margin-top: 5px !important;
	z-index: 20;
	line-height: 1.5;
	position: relative; /*z-index 적용을 위한 position 설정*/
}

.bullet-list-note {
    font-size: 1.1em !important;
    color: #000000;
    list-style: none; /* 목록 기호 제거 */
    margin-top: 5px !important;
    line-height: 1.5;
	position: relative;
	z-index: 20;
    white-space: pre-line; /* 줄 바꿈 유지 */
}

.small-note span, .bullet-list-note span {
	background-color: #ffb93e; /* 밝은 노란색 (형광펜 색상) */
    padding: 2px 5px;         /* 상자처럼 보이도록 상하좌우 여백 추가 */
    border-radius: 10px;       /* 모서리를 살짝 둥글게 처리 */
}
/* 이미지 영역 (아이콘 대체) */
.image-area {
    display: flex;
    justify-content: center;
    align-items: flex-end; /* 이미지를 아래쪽에 배치 */
    padding: 20px;
    /* 실제 이미지 크기에 맞춰 높이를 조정하거나, 이미지 태그를 사용하여 조정하세요. */
    height: 175px; 
    text-align: center;
    color: #ff9900; /* Placeholder 텍스트 색상 */
    font-style: italic;
    font-size: 0.9em;
}

/* 반응형 디자인 (4개의 박스가 2줄로 배치되도록) */
@media (max-width: 900px) {
    .feature-grid {
        flex-wrap: wrap;
        gap: 15px;
        max-width: 600px;/* 2열로 배치될 때의 최대 너비 */
    }

    .feature-box {
    flex-basis: calc(50% - 10px); /* (50% - (gap / 2))의 공식 */
    flex-grow: 0; /* 커지지 않게 함 */
    flex-shrink: 0; /* 줄어들지 않게 함 */
    max-width: calc(50% - 10px); /* 안전 장치로 max-width도 유지 */
    }


   .success_item .feature-grid-success-txt{padding-top: 70px;}
   .success_item .feature-grid-success-txt h1{font-size: 30px;}

   .title-wrap h3{font-size: 1.2em;}
   .content-text h4{font-size: 1.5em;}
   .content-text p:nth-child(1) {font-size: 1.1em; }
   .small-note, .bullet-list-note {font-size: 0.8em !important; }
   .bullet-list-note {line-height: 1.2;}
   .image-area {height: 160px;}

.feature-box:nth-child(1) .image-area img:nth-child(1){
    width: 260px;
}


.feature-box:nth-child(2) .image-area img{
    width: 260px;

}

.feature-box:nth-child(3) .image-area img{
    width: 220px;
	bottom:-5px

}
.feature-box:nth-child(4) .image-area img{
    width: 260px;

}

}

/* 모바일 환경 (1개의 박스가 세로로 배치되도록) */
@media (max-width: 600px) {
    h1 {
        font-size: 2.5em;
    }
    .feature-grid {
        flex-direction: column;
        gap: 20px;
        flex-wrap: nowrap;
    }

    .feature-box {
        max-width: 100%;
    }

	.success_item .feature-grid-success-txt {
        padding-top: 70px;
    }

	.success_item .feature-grid-success-txt {
		padding-bottom: 23px;
	}

	.small-note, .bullet-list-note {
        font-size: 1em !important;
    }
	.feature-box:nth-child(1) .image-area img{
    width: 200px;

}


.feature-box:nth-child(2) .image-area img{
    width: 220px;

}

.feature-box:nth-child(3) .image-area img{
    width: 200px;


}
.feature-box:nth-child(4) .image-area img{
    width: 220px;
	bottom: -15px;

}
}

/* BOLD 처리를 위한 CSS */
.content-text p strong, .small-note strong, .bullet-list-note strong {
    font-weight: 700;
    color: #ffe400; /* 강조색을 노란색으로 통일 */
}



@media (max-width:1750px){
			.success .success_contents .success_item .success_item_img1 {right:auto; left:730px;}
			.success .success_contents .success_item .success_item_img1_1 {right:auto; left:700px;}
			.success .success_contents .success_item .success_item_img2 {left:-25px;}
			.success .success_contents .success_item .success_item_img2_1 {left:370px;}
			.success .success_contents .success_item .success_item_img3 {right:auto; left:730px;}
			.success .success_contents .success_item .success_item_img3_1 {left:700px;}
			.success .success_contents .success_item .success_item_img3_2 {left:850px;}
			.success .success_contents .success_item .success_item_img4 {left:auto; right:760px;}
			.success .success_contents .success_item .success_item_img5 {right:auto; left:730px;}
}

@media (max-width:1560px){
	.success .success_contents {padding:0 50px;}
	.title-wrap h3 {font-size: 1.3em;}
	.content-text p:nth-child(1) {font-size: 1.2em;}
	.content-text h4 {font-size: 1.7em;}
	.small-note, .bullet-list-note {font-size: 0.9em !important}
}

@media (max-width:750px){
.success {background-size:820px;}
	.success .success_slide {top:-150px; height:300px;}
		.success .success_title {margin-top:-80px;}
			.success .success_title ul:nth-child(1) li:nth-child(1) {top:-10px; height:70px;}
				.success .success_title ul:nth-child(1) li:nth-child(1) img {width:80px;}
			.success .success_title ul:nth-child(1) li:nth-child(2) {top:-80px; margin-left:-80px;}
				.success .success_title ul:nth-child(1) li:nth-child(2) img {width:70px;}
			.success .success_title ul:nth-child(1) li:nth-child(3) {top:-100px; margin-left:10px;}
				.success .success_title ul:nth-child(1) li:nth-child(3) img {width:50px;}
			.success .success_title ul:nth-child(2) li {font-size:17px; line-height:21px;}
			.success .success_title ul:nth-child(2) li:nth-child(1) {margin-right:105px;}
			.success .success_title ul:nth-child(3) li {font-size:50px; line-height:50px; margin-top:30px;}
				.success .success_title ul:nth-child(3) li:after {bottom:-10px; height:10px;}
	.success .success_point {max-width:500px; margin:30px auto 50px; height: 160px;}
		.success .success_point div {width:140px; margin:15px;}
			.success .success_point div:after {border-width:.5px;}
			.success .success_point div ul {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
				.success .success_point div li:nth-child(1) {font-size:30px;}
				.success .success_point div li:nth-child(2) {font-size:15px; line-height:15px; margin:0 0 5px;}
				.success .success_point div li:nth-child(3) {font-size:11px; line-height:12px; letter-spacing:-1px;}
	.success .success_contents {/*max-width:500px;*/ padding:0 10px; margin:0 auto;}
		.success .success_contents .success_item {/*height:450px; border-radius:20px; margin-bottom:20px; background-size:50px;*/ padding:20px; }
		/*.success .success_contents .success_item2 {height:600px;}
		.success .success_contents .success_item3 {height:570px;}
		.success .success_contents .success_item4 {height:600px;}
		.success .success_contents .success_item5 {height:600px;}*/
			.success .success_contents .success_item .success_item_text {height:auto;}
					.success .success_contents .success_item .success_item_text li:nth-child(1) {font-size:15px; line-height:20px;}
						.success .success_contents .success_item .success_item_text li:nth-child(1):after {width:1000px; height:.5px;}
						.success .success_contents .success_item:nth-child(odd) .success_item_text li:nth-child(1):after {margin-left:10px;}
						.success .success_contents .success_item:nth-child(even) .success_item_text li:nth-child(1):after {margin-right:10px;}
					.success .success_contents .success_item .success_item_text li:nth-child(2) {font-size:23px; line-height:30px; margin-top:10px;color:#ffb93e;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(2) {font-size:30px; color:#fff;}
					.success .success_contents .success_item .success_item_text li:nth-child(3) {font-size:30px; line-height:30px;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(3) {font-size:23px;}
					.success .success_contents .success_item .success_item_text li:nth-child(4) {font-size:14px; line-height:30px; margin-top:20px;}
					.success .success_contents .success_item3 .success_item_text li:nth-child(4) .mo_noline {display:none;}
						.success .success_contents .success_item .success_item_text li:nth-child(4) strong {padding:2px 2px 1px;}
			.success .success_contents .success_item .success_item_img1 {left:auto; right:-45px;}
				.success .success_contents .success_item .success_item_img1 img {width:300px;}
			.success .success_contents .success_item .success_item_img1_1 {right:170px; left:auto;}
				.success .success_contents .success_item .success_item_img1_1 img {width:200px;}
			.success .success_contents .success_item .success_item_img2 {top:340px; left:25px;}
				.success .success_contents .success_item .success_item_img2 img {width:200px;}
			.success .success_contents .success_item .success_item_img2_1 {left:200px;}
				.success .success_contents .success_item .success_item_img2_1 img {width:150px;}
			.success .success_contents .success_item .success_item_img3 {right:0; left:auto;}
				.success .success_contents .success_item .success_item_img3 img {width:300px;}
			.success .success_contents .success_item .success_item_img3_1 {top:240px; left:30px; width:140px; height:140px; border-radius:10px;}
			.success .success_contents .success_item .success_item_img3_2 {top:240px; left:180px; width:140px; height:140px; border-radius:10px;}
			.success .success_contents .success_item .success_item_img4 {left:0; right:auto; bottom:0; top:auto;}
				.success .success_contents .success_item .success_item_img4 img {width:350px;}
			.success .success_contents .success_item .success_item_img5 {right:0; left:auto; top:auto; bottom:0;}
				.success .success_contents .success_item .success_item_img5 img {width:330px;}
}

@media (max-width: 500px) {
	    .success {
        background-size: 1011px;}

	.success .success_point {margin: 30px auto 160px;}
	.success .success_point div {margin: 15px;}
	
}



@media (max-width:395px){
		.success .success_point div:last-child {margin-top:-15px;}
}
@media (max-width:380px){
			.success .success_title ul:nth-child(2) li {font-size:25px; line-height:25px;}
			.success .success_title ul:nth-child(2) li:nth-child(1) {margin-right:130px;}
			.success .success_title ul:nth-child(3) li {font-size:40px; line-height:40px;}

			.success .success_contents .success_item .success_item_img1_1 {right:auto; left:20px;}
				.success .success_contents .success_item .success_item_img1_1 img {width:200px;}
			.success .success_contents .success_item .success_item_img2 {top:350px;}
			.success .success_contents .success_item .success_item_img2_1 {left:180px;}
				.success .success_contents .success_item .success_item_img3 img {width:280px;}
			.success .success_contents .success_item .success_item_img3_1 {top:260px; left:20px; width:120px; height:120px;}
			.success .success_contents .success_item .success_item_img3_2 {top:260px; left:150px; width:120px; height:120px;}
				.success .success_contents .success_item .success_item_img4 {bottom:-60px;}
			.success .success_contents .success_item .success_item_img5 {bottom:-40px;}
}



/*창업비*/
.price {padding:0;}
	.price .price_bg {width:100%; height:450px; background:url('../images/price_bg.jpg') no-repeat center fixed; background-size:cover;}
	.price .price_sign {position:absolute; top:150px; right:-50px;} 
	.price .price_title {width:100%; max-width:1460px; padding:0 50px; margin:100px auto;}
		.price .price_title ul {width:100%;}
			.price .price_title li {width:100%; font-weight:300; color:#000;}
			.price .price_title li:nth-child(1) {font-family: 'SandoolGukdaeTteokbokki'; font-size:32px; line-height:70px;}
			.price .price_title li:nth-child(2) {font-family: 'Isamanru'; font-weight:700; font-size:100px; line-height:110px;}
				.price .price_title li:nth-child(2) strong {font-weight:700; color:#e40000;}
	.price .price_contents {position:relative; width:100%; max-width:1460px; padding:0 50px; margin:0 auto;}
		.price .price_contents .price_cover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.7); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); z-index:10;}
			.price .price_contents .price_cover .price_cover_text {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
				.price .price_contents .price_cover .price_cover_text ul {width:100%; text-align:center;}
					.price .price_contents .price_cover .price_cover_text li {width:100%;}
					.price .price_contents .price_cover .price_cover_text li:nth-child(1) {font-family: 'Pretendard'; font-weight:500; font-size:35px; line-height:45px; color:#000; margin-bottom:30px;}
						.price .price_contents .price_cover .price_cover_text li:nth-child(2) a {display:block; font-family:'KIMM'; font-weight:700; font-size:100px; line-height:100px; color:#e40000; text-decoration:none;}
		.price .price_contents .pricetable_title {width:100%; }
			.price .price_contents .pricetable_title ul {width:100%;}
				.price .price_contents .pricetable_title li {width:100%; text-align:left; color:#000; }
				.price .price_contents .pricetable_title li:nth-child(1) {font-family: 'Pretendard'; font-weight:700; font-size:50px; line-height:60px; color:#000;}
					.price .price_contents .pricetable_title li:nth-child(1) strong {font-weight:700; color:#e40000;}
				.price .price_contents .pricetable_title li:nth-child(2) {font-family: 'Pretendard'; font-weight:300; font-size:20px; line-height:30px;}
		.price .price_contents .price_table {width:100%; margin:50px 0;}
			.price .price_contents .price_table table {width:100%;}
				.price .price_contents .price_table table td {position:relative; width:33.33%; font-family: 'Pretendard'; font-weight:500; text-align:center; font-size:20px; line-height:30px; color:#000; border-bottom:1px solid rgba(0,0,0,.1); padding:15px 10px;}
				.price .price_contents .price_table table tr:first-child td {background:#000; color:#fff;}
				.price .price_contents .price_table table tr:first-child td:first-child {border-radius:10px 0 0 10px;}
				.price .price_contents .price_table table tr:first-child td:last-child {border-radius:0 10px 10px 0;}
				.price .price_contents .price_table table td:nth-child(3) div {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); animation:bling 1s linear infinite; white-space:nowrap; z-index:1;}
					.price .price_contents .price_table table td:nth-child(3) div ul {position:relative;}
						.price .price_contents .price_table table td:nth-child(3) div ul li {display:table; font-family: 'Pretendard'; font-weight:700; font-size:22px; line-height:25px; color:#fff; padding:8px 10px 5px; background:#e40000; box-shadow:0 0 3px rgba(0,0,0,.5); transform:rotate(-10deg); -webkit-transform:rotate(-10deg);}
							.price .price_contents .price_table table td:nth-child(3) div ul li br {display:none;}
		.price .price_contents .price_comment {width:100%;}
			.price .price_contents .price_comment ul {width:100%;}
				.price .price_contents .price_comment li {position:relative; width:100%; font-family: 'Pretendard'; text-align:left; font-weight:300; font-size:20px; line-height:30px; color:#000; padding-left:20px; padding-bottom: 100px; margin:10px 0;}
					.price .price_contents .price_comment li:after {position:absolute; top:0; left:0; content:'※';}

@media (max-width:1750px){
	.price .price_sign {right:auto; left:50%; margin-left:250px;} 
}

@media (max-width:750px){
	.price .price_bg {height:250px; background-attachment:scroll;}
	.price .price_sign {top:80px; right:0; left:auto; margin:0;} 
		.price .price_sign img {width:180px;}
	.price .price_title {padding:0 10px; margin:50px auto 25px;}
			.price .price_title li:nth-child(1) {font-size:14px; line-height:25px; letter-spacing:-1px;}
			.price .price_title li:nth-child(2) {font-size:40px; line-height:45px;}
	.price .price_contents {padding:10px 10px;}
					.price .price_contents .price_cover .price_cover_text li:nth-child(1) {font-size:20px; line-height:25px; margin-bottom:10px;}
						.price .price_contents .price_cover .price_cover_text li:nth-child(2) a {font-size:40px; line-height:50px;}
				.price .price_contents .pricetable_title li:nth-child(1) {font-size:20px; line-height:25px;}
				.price .price_contents .pricetable_title li:nth-child(2) {font-size:15px; line-height:20px;}
		.price .price_contents .price_table {width:100%; margin:20px 0;}
				.price .price_contents .price_table table td {font-size:14px; line-height:20px; border-width:.5px; padding:10px 5px;}
				.price .price_contents .price_comment li {font-size:14px; line-height:16px; padding-left:15px; margin:5px 0;}
				.price .price_contents .price_table table td:nth-child(3) {width:100px;}
						.price .price_contents .price_table table td:nth-child(3) div ul li {font-size:14px; line-height:15px; letter-spacing:-1px; padding:3px 5px 2px;}
							.price .price_contents .price_table table td:nth-child(3) div ul li br {display:table;}
}

@media (max-width:380px){
			.price .price_title li:nth-child(1) {font-size:14px; line-height:20px;}
			.price .price_title li:nth-child(2) {font-size:33px; line-height:35px;}
	.price .price_contents {padding:10px 10px;}
					.price .price_contents .price_cover .price_cover_text li:nth-child(1) {font-size:20px; line-height:25px; margin-bottom:10px;}
						.price .price_contents .price_cover .price_cover_text li:nth-child(2) a {font-size:40px; line-height:50px;}
				.price .price_contents .pricetable_title li:nth-child(1) {font-size:20px; line-height:25px;}
				.price .price_contents .pricetable_title li:nth-child(2) {font-size:15px; line-height:20px;}
		.price .price_contents .price_table {width:100%; margin:20px 0;}
				.price .price_contents .price_table table td {font-size:14px; line-height:20px; border-width:.5px; padding:10px 5px;}
				.price .price_contents .price_comment li {font-size:14px; line-height:16px; padding-left:15px; margin:5px 0;}
}



/*질문*/
.qna {}
	.qna .qna_title {position:relative; width:100%; max-width:1460px; text-align:left; padding:0 50px; margin:0 auto;}
		.qna .qna_title ul {display:table;}
			.qna .qna_title li {display:table; font-family: 'Pretendard'; font-weight:700; color:#000;}
				.qna .qna_title li:nth-child(1) img {width:500px;}
			.qna .qna_title li:nth-child(2) {font-family: 'Isamanru'; font-size:100px; line-height:110px; margin:10px 0 10px;}
				.qna .qna_title li:nth-child(2) strong {font-weight:700; color:#1c2b7f;}
			.qna .qna_title li:nth-child(3) {font-family: 'SandoolGukdaeTteokbokki'; font-weight:300; font-size:32px; line-height:40px;}
			.qna .qna_title li:nth-child(4) {position:absolute; top:-200px; left:930px;}
			.qna .qna_title li:nth-child(5) {position:absolute; top:-50px; left:850px;}
	.qna .qna_contents {position:relative; width:100%; max-width:1460px; padding:0 50px; margin:50px auto 0;}
	.qna .qna_contents a {text-decoration:none;}
		.qna .qna_contents .faqHeader {width:100%; text-align:right;}
			.qna .qna_contents .faqHeader .showAll {font-family: 'Isamanru'; font-weight:300; font-size:22px; line-height:25px; color:#fff; background:#000; border-radius:10px; padding:5px 10px; cursor:pointer;}
		.qna .qna_contents .faqBody {width:100%; text-align:left; border-top:1px solid #000; margin-top:20px;}
			.qna .qna_contents .faqBody * {  font-weight:300; color:#000;}
			.qna .qna_contents .faqBody .article {width:100%; padding:20px; background:#f5faf7; border-bottom:1px solid rgba(0,0,0,.1);}
			.qna .qna_contents .faqBody .hide {background:#fff;}
				.qna .qna_contents .faqBody .article .q {position:relative; width:100%;}
					.qna .qna_contents .faqBody .article .q .faqicon_q {position:absolute; top:0; left:0; font-size:25px; line-height:35px;}
					.qna .qna_contents .faqBody .article .q .faq_q {width:100%; font-family: 'Isamanru'; font-size:25px; line-height:35px; padding-left:60px;}
						.qna .qna_contents .faqBody .article .q .faq_q strong {font-weight:700;}
				.qna .qna_contents .faqBody .article .aa {position:relative; width:100%; padding-left:60px; padding-top:20px;}
				.qna .qna_contents .faqBody .article .aa .a_box {position:relative; width:100%; background:#e2f1e7; padding:20px; border:1px solid rgba(0,0,0,.1);}
					.qna .qna_contents .faqBody .article .aa .faqicon_a {position:absolute; top:20px; left:20px; font-size:20px; line-height:35px;}
					.qna .qna_contents .faqBody .article .aa .faq_a {width:100%; font-family: 'Pretendard'; font-size:20px; line-height:35px; padding-left:50px;}

@media (max-width:750px){
	.qna .qna_title {padding:0 10px;}
				.qna .qna_title li:nth-child(1) img {width:150px;}
			.qna .qna_title li:nth-child(2) {font-size:30px; line-height:35px; margin:5px 0 5px;}
			.qna .qna_title li:nth-child(3) {font-size:15px; line-height:20px;}
			.qna .qna_title li:nth-child(4) {top:-20px; left:280px;}
				.qna .qna_title li:nth-child(4) img {width:100px;}
			.qna .qna_title li:nth-child(5) {top:12px; left:265px;}
				.qna .qna_title li:nth-child(5) img {width:80px;}
	.qna .qna_contents {padding:0 10px; margin:30px auto 0;}
			.qna .qna_contents .faqHeader .showAll {font-size:14px; line-height:15px; border-radius:5px; padding:5px 5px 7px;}
		.qna .qna_contents .faqBody {border-width:.5px; margin-top:10px;}
			.qna .qna_contents .faqBody .article {padding:10px; border-width:.5px;}
					.qna .qna_contents .faqBody .article .q .faqicon_q {font-size:16px; line-height:22px;}
					.qna .qna_contents .faqBody .article .q .faq_q {font-size:16px; line-height:22px; padding-left:35px;}
				.qna .qna_contents .faqBody .article .aa {padding-left:35px; padding-top:10px;}
				.qna .qna_contents .faqBody .article .aa .a_box {padding:10px; border-width:.5px;}
					.qna .qna_contents .faqBody .article .aa .faqicon_a {top:10px; left:10px; font-size:15px; line-height:20px;}
					.qna .qna_contents .faqBody .article .aa .faq_a {font-size:14px; line-height:20px; padding-left:30px;}
}

@media (max-width:380px){
			.qna .qna_title li:nth-child(4) {left:260px;}
}


/*가맹절차안내*/

.f_container11 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
	background-color: #2a365b;
	padding: 100px 30px;
}


.f_container {
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
	background-color: #2a365b;
	overflow: hidden;
	position: relative;
}

.f_icon_area img{width: 200px;}
	.f_item:nth-child(3) .f_icon_area img {width: 150px;}
	.f_item:nth-child(5) .f_icon_area img {width: 150px;}
	.f_item:nth-child(8) .f_icon_area img {width: 220px;}

.f_container11 h1 {
    font-size: 70px;
    font-weight: 700;
	font-family: 'Isamanru';
    margin-bottom: 50px;
    color: #ffffff;
}

.f_container11 h1 span{
	color: #ffb93e;
}

/* 4x2 PC 레이아웃 (기본값) */
.f_step_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px; /* 박스 간 간격 */
}

.f_item {
    position: relative;
    width: calc(25% - 22.5px); /* 4개 박스에 3개 간격(30px)을 분배하여 25% 계산 */
    min-height: 350px;
    background-color: #fff; /* 박스 배경색 */
    border-radius: 15px;
    padding: 20px;
    text-align: left;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    z-index: 50;
    /* Flex 항목 기본 설정 */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 22.5px);
    
    /* 내용 수직 정렬을 위한 설정 */
    align-items: flex-start;
}

/* 박스 제목 및 번호 */
.f_title_box {
    margin-bottom: 10px;
	text-align: center;
}

.f_title_num {
	font-family: 'Isamanru';
    font-size: 1.5em;
    font-weight: 700;
    color: #1c2b7f; /* 진한 파란색 텍스트 */
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}

/* 아이콘/이미지 영역 (3D 이미지 대신 Placeholder 사용) */
.f_icon_area {
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    color: #ffc107; /* Placeholder 텍스트 색상 */
    font-style: italic;
    font-size: 0.9em;
    border-radius: 10px;
}

/* 내용 텍스트 */
.f_content p {
    font-size: 1.1em;
    color: #000;
    line-height: 1.4;
	text-align: center;
	font-family: 'Pretendard';
}

/* 화살표 스타일링 */
.f_arrow {
    position: absolute;
    top: 50%;
    right: -30px; /* 박스 간 간격 중앙에 위치 */
    transform: translateY(-50%);
    font-size: 2.5em;
    font-weight: 900;
    color: #ffb93e;
    z-index: 100; /* 박스 위에 보이도록 */
    /* 4번, 8번 박스의 화살표는 HTML에서 제외했으므로 CSS에서는 추가 설정 불필요 */
}

/* 두 번째 줄 시작점 (5번 박스)의 화살표는 왼쪽으로 향하도록 조정 */
.f_step_wrap .f_item:nth-child(4) .f_arrow {
    display: none; /* 4번 박스 화살표 숨김 (HTML에서도 제거) */
}

/* 4번 박스 다음 (5번 박스) 화살표를 왼쪽으로 보이게 (선택적) */
/* 이 디자인은 4x2이므로 4번-5번 사이 화살표는 숨기는 것이 일반적입니다. */
.f_step_wrap .f_item:nth-child(8) .f_arrow {
    display: none; /* 8번 박스 화살표 숨김 */
}


/* ======================================= */
/* 2x4 모바일/태블릿 레이아웃 (900px 이하) - 수정 */
/* ======================================= */
@media (max-width: 900px) {
    .f_step_wrap {
        gap: 20px;
    }

    .f_item {
        /* 2개씩 4줄 배치 */
        width: calc(50% - 10px); 
        flex-basis: calc(50% - 10px);
    }
    
	.f_container11 h1 {
    font-size: 30px;}

    /* 기본 화살표 숨김 (PC 설정 초기화) */
    .f_item .f_arrow {
        display: none !important;
    }
    
    /* 홀수 번째 박스 (1, 3, 5, 7) 화살표를 오른쪽(2, 4, 6, 8)으로 연결 */
    /* 요청에 따라 '아래' 방향으로 통일하기 위해 하단 중앙에 배치합니다. */
    .f_item:nth-child(odd) .f_arrow {
        display: block !important;
    }
    
    /* 2번, 4번, 6번 박스는 다음 줄로 연결되는 세로 화살표가 필요합니다. */
    /* 짝수 번째 (2, 4, 6) 화살표를 아래(5, 7, 9)로 연결 */
    .f_item:nth-child(2) .f_arrow,
    .f_item:nth-child(4) .f_arrow,
    .f_item:nth-child(6) .f_arrow {
        display:none !important;
    }
    
    /* 8번 박스 화살표는 숨깁니다. */
    .f_item:nth-child(8) .f_arrow {
        display: none !important;
    }

	.f_arrow{right: -22px; font-size: 2em;} 
}

@media (max-width: 500px) {
	.f_item {padding:12px}
	.f_icon_area{height: 68px;}
	.f_icon_area img{width: 130px;}
	.f_item:nth-child(3) .f_icon_area img {width: 110px;}
	.f_item:nth-child(5) .f_icon_area img {width: 120px;}
	.f_item:nth-child(8) .f_icon_area img {width: 150px;}
	.f_title_num {font-size: 1.2em;}
	.f_content p {font-size: 1em;}
}


/*문의*/
.inquirysection {background:url('../images/inquiry_bg.jpg') no-repeat center; background-size:cover;}
	.inquirysection .inquirysection_title {position:relative; width:100%; max-width:1460px; padding:0 50px; margin:0 auto;}
		.inquirysection .inquirysection_title ul {width:100%; text-align:center;}
			.inquirysection .inquirysection_title li {font-family: 'Pretendard'; font-weight:300; color:#fff;}
			.inquirysection .inquirysection_title li:nth-child(1) {font-family: 'Isamanru'; font-weight:700; font-size:100px; line-height:110px; color:#ffb93e;}
			.inquirysection .inquirysection_title li:nth-child(2) {font-family: 'SandoolGukdaeTteokbokki'; font-size:30px; line-height:40px; margin:10px 0 100px;}
	.inquirysection .inquiry_formbox {position:relative; width:100%; max-width:1200px; padding:0 50px; margin:0 auto;}
		.inquirysection .inquiry_formbox iframe {width:100%; height:1150px;}

@media (max-width:750px){
	.inquirysection .inquirysection_title {padding:0 10px;}
			.inquirysection .inquirysection_title li:nth-child(1) {font-size:30px; line-height:35px;}
			.inquirysection .inquirysection_title li:nth-child(2) {font-size:15px; line-height:17px; margin:5px 0 50px;}
	.inquirysection .inquiry_formbox {padding:0 10px;}
		.inquirysection .inquiry_formbox iframe {height:850px;}
}

@media (max-width:380px){
		.inquirysection .inquiry_formbox iframe {height:1150px;}
}








/*매장*/
.store {padding:200px 50px;}
	.store .store_img {position:absolute; top:-50px; left:50%; margin-left:100px; z-index:1;}
	.store .storebox {width:100%; max-width:1400px; margin:0 auto;}
		.store .storebox iframe {width:100%; height:1100px;}
		
@media (max-width:750px){
.store {padding:150px 10px;}
	.store .store_img {top:-60px; left:70px;}
		.store .store_img img {width:250px;}
		.store .storebox iframe {height:900px;}
}

@media (max-width:400px){
	.store .store_img {left:50px;}
}







/*유튜브레이어*/
	.youtube_pop_bg {position:fixed; top:-100%; left:0; width:100%; height:0; padding:100px 200px; background:rgba(0,0,0,.9); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:125; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease; overflow:hidden;}
		.youtube_pop_bg .youtube_closebtn {position:absolute; bottom:20px; left:50%; font-family: 'Pretendard'; text-align:center; font-weight:300; font-size:17px; line-height:30px; color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:100px; padding:5px 10px; padding-left:40px; background:rgba(0,0,0,.9); transform: translateX(-50%); cursor:pointer; z-index:2;}
			.youtube_pop_bg .youtube_closebtn i {position:absolute; top:7px; left:10px; font-size:25px;}
		.youtube_pop_bg .youtube_pop_contents {position:absolute; top:50%; left:50%; width:70%; transform: translate(-50%,-50%); z-index:1;}
		.youtube_pop_bg .youtube_pop_contents:before {position:absolute; top:50%; left:0; width:100%; content:'\ec37'; font-family:'xeicon'; text-align:center; color:#fff; font-size:40px; transform: translate(-50%,0); z-index:-1; animation:rotate 2s linear infinite;}

	.youtube_popup_open {top:0 !important; height:100%; opacity:1 !important;}

	.youtube_contents .youtube_thumnail {position:relative; cursor:pointer; background:#000;}
	.youtube_contents .youtube_thumnail * {transition:all .2s ease; -webkit-transition:all .2s ease;}
	.youtube_contents .youtube_thumnail img {width:100%;}
		.youtube_contents .youtube_thumnail:after {position:absolute; top:50%; left:50%; content:'\ea3f'; font-family:'xeicon'; font-size:80px; color:#fff; text-shadow:0 0 5px #000; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:.5;}
		.youtube_contents:hover .youtube_thumnail:after {opacity:1;}
		.youtube_contents:hover .youtube_thumnail img {opacity:.6;}
		
@media (max-width:750px){
	.youtube_pop_bg {padding:0;}
		.youtube_pop_bg .youtube_pop_contents {width:100%;}

		.youtube_contents .youtube_thumnail:after {font-size:40px; opacity:1;}
}

	.tab_content_wr > div {clear:both; display:none;}
		.tab_content_wr > div.active {display:block;}






		/* 폼메일 */

.smsbg {
	position: relative;
	display: table;
	width: 100%;
}

.formgroup {
	width: 100%;
}

	.formgroup ul {
		display: table;
		width: 100%;
		padding: 5px;
		border-bottom: 1px solid rgba(239,234,222,.2);
	}

		.formgroup ul:first-child {
			border-top: 1px solid rgba(239,234,222,1);
		}

	.formgroup li {
		position: relative;
		float: left;
		padding: 5px;
		font-family: 'Pretendard';
		font-weight: 300;
		font-size: 17px;
		color: #fff;
	}

		.formgroup li:first-child {
			width: 20%;
			line-height: 50px;
		}

		.formgroup li:last-child {
			width: 80%;
		}

		.formgroup li .write_input_text,
		.formgroup li .write_input_text2 {
			background: transparent;
			width: 50%;
			height: 50px;
			font-size: 17px;
			line-height: 20px;
			font-family: 'Pretendard';
			font-weight: 300;
			color: #fff;
			background: rgba(0,0,0,.5);
			border-radius: 10px;
			border: 1px solid rgba(239,234,222,.2);
			padding: 0 10px;
		}

		.privacy_content_text {
			background: transparent;
			width: 50%;
			height: 100px;
			font-size: 17px;
			line-height: 20px;
			font-family: 'Pretendard';
			font-weight: 300;
			color: #fff;
			background: rgba(0,0,0,.5);
			border-radius: 10px;
			border: 1px solid rgba(239,234,222,.2);
			padding: 10px;
		}

input::placeholder {
	color: #fff;
}

.formgroup li div {
	width: 100%;
	font-size: 17px;
	line-height: 24px;
	font-family: 'Pretendard';
	font-weight: 300;
	color: #fff;
	border: 1px solid rgba(239,234,222,.1);
	border-radius: 5px;
	padding: 10px;
}

	.formgroup li div strong {
		font-weight: 500;
	}

.formgroup ul:nth-child(4) li:last-child {
	margin-top: 14px;
}

.formgroup ul:nth-child(5) li span {
	position: relative;
	padding-left: 20px;
	margin-right: 30px;
}

	.formgroup ul:nth-child(5) li span input {
		position: absolute;
		top: 2px;
		left: 0;
	}

.formgroup ul.consent li {
	width: 100%;
	padding: 20px 5px 20px 20px;
}

	.formgroup ul.consent li input {
		position: absolute;
		top: 37px;
		left: 0;
	}

	.formgroup ul.consent li div {
		position: absolute;
		display: table;
		top: 50%;
		right: 0;
		width: auto;
		background: #191919;
		border: none;
		color: #fff;
		cursor: pointer;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

.btngroup {
	width: 100%;
	text-align: center;
}

.sendbtn {
	display: table;
	margin: 50px auto;
}

	.sendbtn a {
		display: block;
		text-decoration: none;
		width: 100%;
		font-family: 'Isamanru';
		font-weight: 700;
		font-size: 26px;
		letter-spacing: -1px;
		line-height: 50px;
		color: #000;
		background: #fcf33b;
		border-radius: 5px;
		padding: 2px 30px 0;
	}

	.sendbtn a {
		display: block;
		text-decoration: none;
		width: 100%;
		font-family: 'Isamanru';
		font-weight: 700;
		font-size: 26px;
		letter-spacing: -1px;
		line-height: 50px;
		color: #000;
		background: #fcf33b;
		border-radius: 5px;
		padding: 2px 30px 0;
	}

.frame {
	clear: both;
	float: left;
	display: none;
}

@media (max-width:750px) {
	.formgroup ul {
		border-width: .5px;
	}

		.formgroup ul:first-child {
			border-width: .5px;
		}

	.formgroup li {
		font-size: 14px;
		letter-spacing: -1px;
	}

		.formgroup li:first-child {
			width: 30%;
			line-height: 30px;
		}

		.formgroup li:last-child {
			width: 70%;
		}

		.formgroup li .write_input_text,
		.formgroup li .write_input_text2 {
			width: 100%;
			height: 30px;
			font-size: 14px;
			line-height: 30px;
			padding: 0 5px;
			border-width: .5px;
			border-radius: 5px;
		}

		.privacy_content_text {
			width: 100%;
			height: 100px;
			font-size: 14px;
			line-height: 20px;
			padding: 0 5px;
			border-width: .5px;
			border-radius: 5px;
		}

		.formgroup li div {
			font-size: 14px;
			line-height: 25px;
			padding: 5px;
		}

	.formgroup ul:nth-child(4) li:last-child {
		margin-top: 5px;
	}

	.formgroup ul:nth-child(5) li span {
		margin-right: 20px;
	}

		.formgroup ul:nth-child(5) li span input {
			top: 0;
		}

	.formgroup ul.consent li {
		padding: 10px 5px 10px 20px;
	}

		.formgroup ul.consent li input {
			top: 16px;
		}

		.formgroup ul.consent li div {
			position: relative;
			transform: translateY(0);
			-webkit-transform: translateY(0);
			margin-bottom: 5px;
		}

	.sendbtn {
		margin: 5px auto;
	}

		.sendbtn a {
			font-size: 20px;
			line-height: 50px;
			padding: 0 30px 2px;
		}

	.frame {
		clear: both;
		float: left;
		display: none;
	}
}

/* 제출 버튼(2번째 스샷처럼 노란 CTA) */
.sendbtn .cta {
	display: block;
	border: 0;
	width: 100%;
	max-width: 360px; /* 보기 좋게 고정폭 */
	margin: 10px 60px 10px;
	font-family: 'Isamanru';
	font-weight: 600;
	font-size: 30px;
	line-height: 50px;
	letter-spacing: -1px;
	color: #000;
	background: #fcf33b;
	border-radius: 10px;
	cursor: pointer;
	transition: transform .06s ease, filter .2s ease;
}

	.sendbtn .cta:active {
		transform: translateY(1px);
	}

	.sendbtn .cta:hover {
		filter: brightness(0.97);
	}

/* 기존에 a만 스타일링 되어 있어 input/btn에 안 먹던 문제 해결용
   (혹시 a를 쓰더라도 동일한 룩 보장) */
.sendbtn a {
	display: block;
	text-decoration: none;
	width: 100%;
	max-width: 360px;
	margin: 50px auto 0;
	font-family: 'Pretendard';
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 50px;
	color: #000;
	background: #fcf33b;
	border-radius: 10px;
	padding: 0 30px 0;
	text-align: center;
}

/* 개인정보처리방침 링크(오른쪽 작은 다크 버튼) */
.privacy-link {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	background: #191919;
	color: #fff;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 10px;
	padding: 0px 10px;
	font-size: 10px;
	text-decoration: none;
	white-space: nowrap;
}

	.privacy-link:hover {
		background: #222;
	}

/* 모바일에서 링크 줄바꿈 및 배치 */
@media (max-width:750px) {
	.sendbtn .cta, .sendbtn a {
		margin: 30px auto 0;
		padding: 0 20px;
		font-size: 20px;
		line-height: 50px;
	}

	.privacy-link {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		display: inline-block;
		margin-top: 8px;
	}
}





/*가맹문의 플로팅*/
.contact-section {
    background-color: rgba(14, 20, 37, 0.9); /* 80% 불투명 (20% 투명) */
    padding: 20px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000; /* 다른 요소들 위에 표시 */
}

#open-form-btn, .cta-mobile-fixed, .privacy-consent-mobile, #slide-form-panel, #privacy-modal-mobile {display: none;} /* 모바일 상담하기버튼*/
.contact-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex; /* Flexbox로 내부 요소들을 가로 배열 */
    align-items: center; /* 수직 중앙 정렬 */
    padding: 0 20px;
    gap: 20px; /* 요소들 간의 간격 */
}


/* 전화번호 영역 스타일 */
.phone-info {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap; /* 줄바꿈 방지 */
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'Isamanru';
}

.phone-info .mascot {
    font-size: 28px;
}

.phone-info .mascot img{width: 50px; display:block;}

/* 폼 스타일 */
.contact-form {
    display: flex;
    align-items: center;
    flex-grow: 1; /* 남은 공간을 폼이 차지하도록 확장 */
    gap: 10px; /* 입력 필드 간의 간격 */
	color: #fff;
}

/* 입력 필드 스타일 */
.contact-form input[type="text"] {
    padding: 10px;
    border: none;
    border-radius: 4px;
    flex-grow: 1; /* 필드들이 균등하게 공간을 차지하도록 */
    width: 0; /* flex-grow와 함께 사용하면 너비 조정에 유리 */
}
.contact-form input::placeholder{
	color: #747474;
}

.contact-form input:nth-child(4){margin-right: 10px;}

/* 체크박스 및 동의 문구 스타일 */
.privacy-consent1 {
    color: white;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
	font-family: 'Pretendard';
}

.privacy-consent1 input[type="checkbox"] {
    margin-right: 5px;
    min-width: 15px;
    min-height: 15px;
}

.privacy-consent1 a {
    color: #fff; /* '보기' 링크 색상 강조 */
    text-decoration: none;
    cursor: pointer;
    margin-left: 3px;
	font-weight: 700;
}

/* 상담 신청 버튼 스타일 */
.submit-btn1 {
    background-color: #ffb93e; /* 버튼 배경색*/
    color: #000;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 18px;
	font-family: 'Isamanru';
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    transition: background-color 0.3s;
	
}

.submit-btn1:hover {
    background-color: #fcf33b;
}

/* 팝업 (Modal) 스타일 */
.modal {
    display: none; /* 기본 숨김 */
    position: fixed; 
    z-index: 1000; /* 최상단에 배치 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4); /* 배경을 어둡게 처리 */
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 상하 10%, 좌우 자동(중앙 정렬) */
    padding: 30px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    border-radius: 8px;
}

.modal-content h2 {
	padding-bottom: 20px;
}
.close-btn1 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-btn1:hover,
.close-btn1:focus {
    color: #000;
    text-decoration: none;
    cursor:pointer
}


@media (max-width:1200px){
.contact-form {display: none;}
#open-form-btn, .cta-mobile-fixed, .privacy-consent-mobile, #slide-form-panel, #privacy-modal-mobile {display: block;}

#open-form-btn{
	position: fixed; right:20px;
    background-color: #ffb93e; /* 버튼 배경색*/
    color: #000;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 18px;
	font-family: 'Isamanru';
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;}


/* ================================================= */
/* 1. 슬라이드인 폼 패널 스타일 */
/* ================================================= */

.slide-panel {
    /* 초기 상태: 오른쪽 밖으로 숨김 */
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 300px; /*너비 */
    height: 500px;
    background-color: #0e1425; /*배경색 */
    z-index: 1000;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
    
    /* 슬라이드 효과를 위한 트랜지션 */
    transform: translateX(100%); 
    transition: transform 0.4s ease-out;
    
    /* 폼 내용에 패딩 추가 */
    padding: 20px; 
    box-sizing: border-box;
    overflow-y: auto; /* 내용이 길면 스크롤 가능 */
}

/* JavaScript로 활성화될 때의 상태 */
.slide-panel.is-open {
    transform: translateX(0); /* 화면 안으로 이동 */
}

.panel-header {
    height: 40px;
    text-align: right;
}

.close-btn-panel {
    background: none;
    border: none;
    color: white;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

/* 폼 내용 스타일 */
.mobile-contact-form {
    display: flex;
    flex-direction: column; /* 세로형 정렬 */
    gap: 15px;
}

.mobile-contact-form input::placeholder{color:#747474; font-family: 'Pretendard'; font-size: 16px;}
.form-title {
    color: white;
    font-size: 1.5em;
    margin-bottom: 15px;
	font-family: 'Isamanru';
}

.mobile-contact-form input[type="text"] {
    padding: 12px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

/* 폼 버튼 스타일 */
.submit-btn-mobile {
    background-color: #ffb93e; /* 검은색 버튼 배경 */
    color: #000;
    padding: 12px;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
	font-family: 'Isamanru';
}

/* 개인정보 동의 영역 스타일 */
.privacy-consent-mobile {
    color: white;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
	font-family: 'Pretendard';
}

.privacy-link-mobile {
    color: #fff;
	font-weight: 700;
    text-decoration: none;
}

/* ================================================= */
/* 2. 팝업 (Modal) 스타일 */
/* ================================================= */

.modal-mobile {
    display: none; /* 기본 숨김 */
    position: fixed; 
    z-index: 1001; /* 슬라이드 패널보다 더 위 (1000보다 높게) */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6); 
}

.modal-content-mobile {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 90%;
    max-width: 400px;
    border-radius: 8px;
	font-family: 'Pretendard';
}

.modal-content-mobile h2{margin-bottom: 15px;}
.close-btn-modal {
    /* 팝업 내부 닫기 버튼 스타일 */
    float: right;
    font-size: 28px;
    cursor: pointer;
}

}


@media (max-width:750px) {
.contact-section {padding:15px 0;}
.phone-info .mascot img {width: 40px;}
.phone-info{font-size: 18px;}
#open-form-btn {padding:7px 20px;}
}


/* 팝업 오버레이 (배경) */
#popup-overlay {
    position: fixed;
    top: 80px;
    left: 50px;

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* 팝업 컨테이너 (두 팝업을 감싸는 부모) */
.popup-container {
    display: flex;
    gap: 20px; /* 두 팝업 사이의 간격 */
}

/* 개별 팝업 스타일: 이미지(600px) + 버튼(40px) = 총 640px 높이 */
.popup-box {
    width: 375px; /* 이미지 너비에 정확히 맞춤 */
    height: 550px; /* 이미지 높이 500px + 버튼 영역 50px */
    background-color: #ffffff; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden; 
	border: 0;
	border-radius: 10px;
}

/* 팝업 이미지/내용 영역: 높이를 600px로 고정 */
.popup-content {
    flex-shrink: 0; /* 높이 고정 시 flex-grow 대신 사용 */
    height: 500px; /* 이미지 높이에 정확히 맞춤 */
}

/* 이미지 태그 CSS */
.popup-content img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill; /* 이미지가 460x600 영역을 꽉 채우도록 설정 */
}

/* 버튼 영역: 높이를 40px로 고정 */
.popup-footer {
    height: 50px; 
    flex-shrink: 0; /* 높이 고정 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    background-color: #f0f0f0;
    color: #000;
    font-size: 14px;
}

.popup-footer button {
	font-family: 'Pretendard';
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
}


@media (max-width: 750px) {
    

    /* 팝업 컨테이너: 세로로 배치되도록 설정 */
    .popup-container {
        /* 가로 배치(row)를 세로 배치(column)로 변경 */
        flex-direction: column; 
        gap: 20px; /* 세로 간격 조정 */
        
        /* 팝업이 중앙에 오도록 정렬 */
        align-items: center; 
		position: relative;
    
    }

    /* 팝업 오버레이: 상하로 길어져도 스크롤 가능하도록 수정 */
    #popup-overlay {
        /* 세로 중앙 정렬을 flex-start로 변경하여 컨텐츠를 상단부터 배치 */
        align-items: flex-start;
        /* 내용이 길어지면 body 스크롤이 아닌 오버레이 내부 스크롤이 되게 함 */
        overflow-y: auto;
		top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    
    /* 개별 팝업 사이즈 조정 (선택 사항: 750px 화면에 맞게 팝업 크기 줄이기) */
    .popup-box {
        width: 90vw;
        max-width: 300px;
        height: auto; /* 내용에 따라 높이 자동 조정 */
		position: absolute; top:30px;
    }

	 

    /* 이미지와 내용 높이를 비율에 맞춰 유연하게 조정 */
    .popup-content {
        position: relative;
		height: 400px;
    }
    
    /* 이미지 크기 조정 */
    .popup-content img {
        position: absolute;
        top: 0;
        left: 0;
		width: 100%;
		display: block;
    }
}