@charset "utf-8";
@import url('html5_reset.css');
@import url('layout.css');

:root {
	--thead-height: 80px; /* thead height */
}

/********** skip_nav **********/
.skip_nav { position: relative; z-index: 1000; display: block; overflow: hidden; height: 0; background:#000; text-align: center; }
.skip_nav:focus { overflow: auto; height: auto; padding: 5px 0; color:#fff; }

/********** 숨김 **********/
.hide { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); }
.screenOut { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); }

/********** overflow-hidden **********/
.overflow-hidden { overflow: hidden; }

/********** color **********/
:root {
	--yellow1: #fff352; /* 노랑1 */
	--pink1: #ff75c6; /* 핑크1 */
	--pink2: #ff75f7; /* 핑크2 */
	--pink3: #d12b8d; /* 핑크3 */
	--pink4: #eacad8; /* 핑크3 */
	--purple1: #8B2CD1; /*보라1*/
	--main-light: #fffde5; /* 연한 메인컬러 */
	--sub-color: #152B36; /* 서브컬러 */
	--gray-33: #333333;
	--gray-44: #444444;
	--gray-55: #555555;
	--gray-66: #666666;
	--gray-dd: #dddddd;
	--gray-cc: #cccccc;
	--gray-e5: #e5e5e5;
	--gray-e9: #e9e9e9;
	--gray-fa: #fafafa;
	--gray-f5: #f5f5f5;
	--gray-f7: #f7f7f7;
	--gray-f9: #f9f9f9;
	--bd-color: #bcc7d1;
	--red: #fb0000;
	--green: #459c00;
	--orange: #ef8a2d;
}

/* background color */
.bg-yellow1 {background-color: var(--yellow1); color: #fff;}
.bg-pink1 {background-color: var(--pink1); color: #fff;}
.bg-pink2 {background-color: var(--pink2); color: #fff;}
.bg-pink3 {background-color: var(--pink3); color: #fff;}
.bg-pink4 {background-color: var(--pink4); color: #fff;}
.bg-gray-33 {background-color: var(--gray-33); color: #fff;}
.bg-gray-44 {background-color: var(--gray-44); color: #fff;}
.bg-gray-55 {background-color: var(--gray-55); color: #fff;}
.bg-gray-66 {background-color: var(--gray-66); color: #fff;}
.bg-gray-dd {background-color: var(--gray-dd); color: #fff;}
.bg-gray-e5 {background-color: var(--gray-e5); color: #666;}
.bg-gray-e9 {background-color: var(--gray-e9); color: #666;}
.bg-gray-f5 {background-color: var(--gray-f5); color: #666;}
.bg-gray-f7 {background-color: var(--gray-f7); color: #666;}
.bg-gray-f9 {background-color: var(--gray-f9); color: #666;}
.bg-gray-fa {background-color: var(--gray-fa); color: #666;}
.bg-white {background-color: #ffffff;}

/* font color */
.fc-yellow1 {color: var(--yellow1);}
.fc-pink1 {color: var(--pink1);}
.fc-pink2 {color: var(--pink2);}
.fc-pink3 {color: var(--pink3);}
.fc-pink4 {color: var(--pink4);}
.fc-purple1 {color: var(--purple1);}
.fc-gray-44 {color: var(--gray-44);}
.fc-gray-55 {color: var(--gray-55);}
.fc-gray-66 {color: var(--gray-66);}
.fc-gray-dd {color: var(--gray-dd);}
.fc-gray-cc {color: var(--gray-cc);}
.fc-gray-e5 {color: var(--gray-e5);}
.fc-gray-e9 {color: var(--gray-e9);}
.fc-gray-f5 {color: var(--gray-f5);}
.fc-gray-f9 {color: var(--gray-f9);}
.fc-red {color: var(--red);}
.fc-orange {color: var(--orange);}

/* border color */
.bd-yellow1 {border: 1px solid var(--yellow1);}
.bd-pink1 {border: 1px solid var(--pink1);}
.bd-pink2 {border: 1px solid var(--pink2);}
.bd-pink3 {border: 1px solid var(--pink3);}
.bd-pink4 {border: 1px solid var(--pink4);}
.bd-gray-33 {border: 1px solid var(--gray-33);}
.bd-gray-44 {border: 1px solid var(--gray-44);}
.bd-gray-55 {border: 1px solid var(--gray-55);}
.bd-gray-66 {border: 1px solid var(--gray-66);}
.bd-gray-dd {border: 1px solid var(--gray-dd);}
.bd-gray-cc {border: 1px solid var(--gray-cc);}
.bd-gray-e5 {border: 1px solid var(--gray-e5);}
.bd-gray-e9 {border: 1px solid var(--gray-e9);}
.bd-gray-f5 {border: 1px solid var(--gray-f5);}
.bd-gray-f9 {border: 1px solid var(--gray-f9);}



/* 스크롤  애니메이션 */
.trans-text { overflow: hidden; }
.trans-text [data-aos=fade-up] { 
	display: block;
	-webkit-transform: translate3d(0, 104%, 0); 
	transform: translate3d(0, 104%, 0); 
}
.trans-img { overflow: hidden; }
.trans-img img[data-aos=fade-right] { 
	-webkit-transform: translate3d(-101%, 0, 0); 
	transform: translate3d(-101%, 0, 0); 
}




/********** sns-list **********/
.sns-icn { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.sns-icn.insta { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5,1.53c2.27,0,2.54,0,3.43.05.83.04,1.28.18,1.58.29.4.15.68.34.98.64.3.3.48.58.64.98.12.3.25.75.29,1.58.04.9.05,1.16.05,3.43s0,2.54-.05,3.43c-.04.83-.18,1.28-.29,1.58-.15.4-.34.68-.64.98-.3.3-.58.48-.98.64-.3.12-.75.25-1.58.29-.9.04-1.16.05-3.43.05s-2.54,0-3.43-.05c-.83-.04-1.28-.18-1.58-.29-.4-.15-.68-.34-.98-.64-.3-.3-.48-.58-.64-.98-.12-.3-.25-.75-.29-1.58-.04-.9-.05-1.16-.05-3.43s0-2.54.05-3.43c.04-.83.18-1.28.29-1.58.15-.4.34-.68.64-.98s.58-.48.98-.64c.3-.12.75-.25,1.58-.29.9-.04,1.16-.05,3.43-.05ZM8.5,0C6.19,0,5.9.01,4.99.05c-.9.04-1.52.19-2.06.39-.56.22-1.03.51-1.51.98-.47.47-.76.95-.98,1.51-.21.54-.35,1.16-.39,2.06-.04.91-.05,1.19-.05,3.5s.01,2.6.05,3.5c.04.9.19,1.52.39,2.06.22.56.51,1.03.98,1.51.47.47.95.76,1.51.98.54.21,1.16.35,2.06.39.91.04,1.19.05,3.5.05s2.6-.01,3.5-.05c.9-.04,1.52-.19,2.06-.39.56-.22,1.03-.51,1.51-.98.47-.47.76-.95.98-1.51.21-.54.35-1.16.39-2.06.04-.91.05-1.19.05-3.5s-.01-2.6-.05-3.5c-.04-.9-.19-1.52-.39-2.06-.22-.56-.51-1.03-.98-1.51-.47-.47-.95-.76-1.51-.98-.54-.21-1.16-.35-2.06-.39-.91-.04-1.19-.05-3.5-.05h0Z'/%3E%3Cpath class='cls-1' d='M8.49,4.14c-2.41,0-4.36,1.95-4.36,4.36s1.95,4.36,4.36,4.36,4.36-1.95,4.36-4.36-1.95-4.36-4.36-4.36ZM8.49,11.33c-1.56,0-2.83-1.27-2.83-2.83s1.27-2.83,2.83-2.83,2.83,1.27,2.83,2.83-1.27,2.83-2.83,2.83Z'/%3E%3Cpath class='cls-1' d='M13.03,4.98c.56,0,1.02-.46,1.02-1.02s-.46-1.02-1.02-1.02-1.02.46-1.02,1.02.46,1.02,1.02,1.02Z'/%3E%3C/svg%3E"); }
.sns-icn.face { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.16,20h3.33v-8.82h3.09l.32-3.33s.07-.16-.27-.16h-3.14v-2.51s-.14-1.9,1.67-1.9h1.84V.35S9.21-.02,7.29,0C7.29,0,5.59-.02,4.27,1.3c0,0-1.11,1.04-1.11,2.23v4.16H0v3.49h3.16v8.82Z'/%3E%3C/svg%3E"); }
.sns-icn.naver { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.67,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02c0-.56-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M12.33,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M4.67,7.46c-.37,0-.67.45-.67,1.02s.3,1.02.67,1.02.67-.46.67-1.02c0-.56-.3-1.02-.67-1.02Z'/%3E%3Cpath class='cls-1' d='M22,12.1V3.59c0-1.98-1.56-3.59-3.47-3.59H3.47C1.56,0,0,1.61,0,3.59v8.51c0,1.98,1.55,3.59,3.47,3.59h5.21l1.75,2.92s.02.04.06.09c.1.18.3.31.52.31s.41-.12.52-.3c.05-.05.06-.09.06-.09l1.74-2.92h5.21c1.92,0,3.47-1.61,3.47-3.59ZM4.92,10.48c-.81,0-1.12-.6-1.12-.6v.46h-1.36v-5.86h1.34v2.23c.54-.55,1.14-.55,1.14-.55,1.82,0,1.89,2.14,1.89,2.14,0,2.11-1.89,2.19-1.89,2.19h0ZM9.11,10.23h-1.3v-3.34c0-1.15-.62-1.12-.62-1.12v-1.3c1.97,0,1.91,2.12,1.92,2.12v3.64h0ZM14.56,8.34c0,2.15-2.21,2.16-2.21,2.16-2.23,0-2.16-2.16-2.16-2.16,0-2.19,2.16-2.19,2.16-2.19,2.28,0,2.21,2.19,2.21,2.19ZM19.58,10.26c0,2.22-1.92,2.2-1.92,2.2h-.51v-1.25h.32c.93,0,.84-1.03.84-1.03v-.33c-.41.57-1.15.54-1.15.54-1.83,0-1.81-2.09-1.81-2.09,0-2.25,1.86-2.16,1.86-2.16.73,0,1.1.54,1.1.54v-.4h1.28v3.98Z'/%3E%3C/svg%3E"); }
.sns-icn.youtube { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.28 114.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M159.86,17.85c-1.88-7.03-7.41-12.55-14.44-14.44-12.73-3.41-63.79-3.41-63.79-3.41,0,0-51.06,0-63.79,3.41-7.03,1.88-12.55,7.41-14.44,14.44C0,30.58,0,57.15,0,57.15c0,0,0,26.57,3.41,39.3,1.88,7.03,7.41,12.55,14.44,14.44,12.73,3.41,63.79,3.41,63.79,3.41,0,0,51.06,0,63.79-3.41,7.03-1.88,12.55-7.41,14.44-14.44,3.41-12.73,3.41-39.3,3.41-39.3,0,0-.01-26.57-3.41-39.3ZM65.3,81.64v-48.98l42.42,24.49-42.42,24.49Z'/%3E%3C/svg%3E"); }
.sns-icn.kakao { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101.63 93.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M50.82,0C22.75,0,0,17.94,0,40.07c0,14.31,9.51,26.86,23.82,33.95-.78,2.68-5,17.27-5.17,18.42,0,0-.1.86.46,1.19.56.33,1.21.07,1.21.07,1.6-.22,18.54-12.12,21.47-14.19,2.93.41,5.95.63,9.03.63,28.07,0,50.82-17.94,50.82-40.07S78.88,0,50.82,0ZM25.65,51.25c0,1.54-1.31,2.8-2.93,2.8s-2.93-1.26-2.93-2.8v-17.42h-4.57c-1.59,0-2.88-1.29-2.88-2.87s1.29-2.87,2.88-2.87h15.01c1.59,0,2.88,1.29,2.88,2.87s-1.29,2.87-2.88,2.87h-4.57v17.42ZM50.29,53.61c-.59.27-1.22.4-1.86.4h0c-1.22,0-2.16-.5-2.44-1.29l-1.45-3.8h-8.94s-1.45,3.8-1.45,3.8c-.28.8-1.22,1.29-2.44,1.29-.64,0-1.28-.14-1.86-.4-.81-.37-1.59-1.4-.69-4.16l7.01-18.46c.49-1.4,1.99-2.85,3.9-2.89,1.91.04,3.42,1.49,3.91,2.9l7.01,18.45c.89,2.77.12,3.8-.69,4.17ZM65.11,53.63h-9.41c-1.55,0-2.81-1.21-2.81-2.69v-19.91c0-1.62,1.34-2.93,2.99-2.93s2.99,1.31,2.99,2.93v17.22h6.23c1.55,0,2.81,1.21,2.81,2.69s-1.26,2.69-2.81,2.69ZM88.06,51.42c-.11.77-.52,1.47-1.14,1.93-.51.39-1.13.59-1.76.59-.92,0-1.79-.43-2.34-1.17l-6.88-9.11-1.02,1.02v6.4c0,1.62-1.31,2.93-2.93,2.93-1.62,0-2.93-1.31-2.93-2.93v-20.06c0-1.62,1.31-2.93,2.93-2.93s2.93,1.31,2.93,2.93v6.3l8.18-8.18c.42-.42,1-.65,1.63-.65.73,0,1.47.32,2.02.87.51.51.82,1.17.86,1.86.04.69-.19,1.33-.65,1.78l-6.68,6.68,7.22,9.56c.47.62.67,1.4.56,2.17Z'/%3E%3Cpolygon class='cls-1' points='37.14 43.73 43 43.73 40.07 35.41 37.14 43.73'/%3E%3C/svg%3E"); }
.sns-icn.twt { background-size: 15px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23fff;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }
.sns-icn.url {
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-link-45deg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
}
.sns-icn.gray.insta { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23555; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5,1.53c2.27,0,2.54,0,3.43.05.83.04,1.28.18,1.58.29.4.15.68.34.98.64.3.3.48.58.64.98.12.3.25.75.29,1.58.04.9.05,1.16.05,3.43s0,2.54-.05,3.43c-.04.83-.18,1.28-.29,1.58-.15.4-.34.68-.64.98-.3.3-.58.48-.98.64-.3.12-.75.25-1.58.29-.9.04-1.16.05-3.43.05s-2.54,0-3.43-.05c-.83-.04-1.28-.18-1.58-.29-.4-.15-.68-.34-.98-.64-.3-.3-.48-.58-.64-.98-.12-.3-.25-.75-.29-1.58-.04-.9-.05-1.16-.05-3.43s0-2.54.05-3.43c.04-.83.18-1.28.29-1.58.15-.4.34-.68.64-.98s.58-.48.98-.64c.3-.12.75-.25,1.58-.29.9-.04,1.16-.05,3.43-.05ZM8.5,0C6.19,0,5.9.01,4.99.05c-.9.04-1.52.19-2.06.39-.56.22-1.03.51-1.51.98-.47.47-.76.95-.98,1.51-.21.54-.35,1.16-.39,2.06-.04.91-.05,1.19-.05,3.5s.01,2.6.05,3.5c.04.9.19,1.52.39,2.06.22.56.51,1.03.98,1.51.47.47.95.76,1.51.98.54.21,1.16.35,2.06.39.91.04,1.19.05,3.5.05s2.6-.01,3.5-.05c.9-.04,1.52-.19,2.06-.39.56-.22,1.03-.51,1.51-.98.47-.47.76-.95.98-1.51.21-.54.35-1.16.39-2.06.04-.91.05-1.19.05-3.5s-.01-2.6-.05-3.5c-.04-.9-.19-1.52-.39-2.06-.22-.56-.51-1.03-.98-1.51-.47-.47-.95-.76-1.51-.98-.54-.21-1.16-.35-2.06-.39-.91-.04-1.19-.05-3.5-.05h0Z'/%3E%3Cpath class='cls-1' d='M8.49,4.14c-2.41,0-4.36,1.95-4.36,4.36s1.95,4.36,4.36,4.36,4.36-1.95,4.36-4.36-1.95-4.36-4.36-4.36ZM8.49,11.33c-1.56,0-2.83-1.27-2.83-2.83s1.27-2.83,2.83-2.83,2.83,1.27,2.83,2.83-1.27,2.83-2.83,2.83Z'/%3E%3Cpath class='cls-1' d='M13.03,4.98c.56,0,1.02-.46,1.02-1.02s-.46-1.02-1.02-1.02-1.02.46-1.02,1.02.46,1.02,1.02,1.02Z'/%3E%3C/svg%3E"); }
.sns-icn.gray.face { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23555; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.16,20h3.33v-8.82h3.09l.32-3.33s.07-.16-.27-.16h-3.14v-2.51s-.14-1.9,1.67-1.9h1.84V.35S9.21-.02,7.29,0C7.29,0,5.59-.02,4.27,1.3c0,0-1.11,1.04-1.11,2.23v4.16H0v3.49h3.16v8.82Z'/%3E%3C/svg%3E"); }
.sns-icn.gray.naver { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23555; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.67,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02c0-.56-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M12.33,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M4.67,7.46c-.37,0-.67.45-.67,1.02s.3,1.02.67,1.02.67-.46.67-1.02c0-.56-.3-1.02-.67-1.02Z'/%3E%3Cpath class='cls-1' d='M22,12.1V3.59c0-1.98-1.56-3.59-3.47-3.59H3.47C1.56,0,0,1.61,0,3.59v8.51c0,1.98,1.55,3.59,3.47,3.59h5.21l1.75,2.92s.02.04.06.09c.1.18.3.31.52.31s.41-.12.52-.3c.05-.05.06-.09.06-.09l1.74-2.92h5.21c1.92,0,3.47-1.61,3.47-3.59ZM4.92,10.48c-.81,0-1.12-.6-1.12-.6v.46h-1.36v-5.86h1.34v2.23c.54-.55,1.14-.55,1.14-.55,1.82,0,1.89,2.14,1.89,2.14,0,2.11-1.89,2.19-1.89,2.19h0ZM9.11,10.23h-1.3v-3.34c0-1.15-.62-1.12-.62-1.12v-1.3c1.97,0,1.91,2.12,1.92,2.12v3.64h0ZM14.56,8.34c0,2.15-2.21,2.16-2.21,2.16-2.23,0-2.16-2.16-2.16-2.16,0-2.19,2.16-2.19,2.16-2.19,2.28,0,2.21,2.19,2.21,2.19ZM19.58,10.26c0,2.22-1.92,2.2-1.92,2.2h-.51v-1.25h.32c.93,0,.84-1.03.84-1.03v-.33c-.41.57-1.15.54-1.15.54-1.83,0-1.81-2.09-1.81-2.09,0-2.25,1.86-2.16,1.86-2.16.73,0,1.1.54,1.1.54v-.4h1.28v3.98Z'/%3E%3C/svg%3E"); }
.sns-icn.gray.youtube { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.28 114.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23555; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M159.86,17.85c-1.88-7.03-7.41-12.55-14.44-14.44-12.73-3.41-63.79-3.41-63.79-3.41,0,0-51.06,0-63.79,3.41-7.03,1.88-12.55,7.41-14.44,14.44C0,30.58,0,57.15,0,57.15c0,0,0,26.57,3.41,39.3,1.88,7.03,7.41,12.55,14.44,14.44,12.73,3.41,63.79,3.41,63.79,3.41,0,0,51.06,0,63.79-3.41,7.03-1.88,12.55-7.41,14.44-14.44,3.41-12.73,3.41-39.3,3.41-39.3,0,0-.01-26.57-3.41-39.3ZM65.3,81.64v-48.98l42.42,24.49-42.42,24.49Z'/%3E%3C/svg%3E"); }
.sns-icn.gray.kakao { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101.63 93.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23555; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M50.82,0C22.75,0,0,17.94,0,40.07c0,14.31,9.51,26.86,23.82,33.95-.78,2.68-5,17.27-5.17,18.42,0,0-.1.86.46,1.19.56.33,1.21.07,1.21.07,1.6-.22,18.54-12.12,21.47-14.19,2.93.41,5.95.63,9.03.63,28.07,0,50.82-17.94,50.82-40.07S78.88,0,50.82,0ZM25.65,51.25c0,1.54-1.31,2.8-2.93,2.8s-2.93-1.26-2.93-2.8v-17.42h-4.57c-1.59,0-2.88-1.29-2.88-2.87s1.29-2.87,2.88-2.87h15.01c1.59,0,2.88,1.29,2.88,2.87s-1.29,2.87-2.88,2.87h-4.57v17.42ZM50.29,53.61c-.59.27-1.22.4-1.86.4h0c-1.22,0-2.16-.5-2.44-1.29l-1.45-3.8h-8.94s-1.45,3.8-1.45,3.8c-.28.8-1.22,1.29-2.44,1.29-.64,0-1.28-.14-1.86-.4-.81-.37-1.59-1.4-.69-4.16l7.01-18.46c.49-1.4,1.99-2.85,3.9-2.89,1.91.04,3.42,1.49,3.91,2.9l7.01,18.45c.89,2.77.12,3.8-.69,4.17ZM65.11,53.63h-9.41c-1.55,0-2.81-1.21-2.81-2.69v-19.91c0-1.62,1.34-2.93,2.99-2.93s2.99,1.31,2.99,2.93v17.22h6.23c1.55,0,2.81,1.21,2.81,2.69s-1.26,2.69-2.81,2.69ZM88.06,51.42c-.11.77-.52,1.47-1.14,1.93-.51.39-1.13.59-1.76.59-.92,0-1.79-.43-2.34-1.17l-6.88-9.11-1.02,1.02v6.4c0,1.62-1.31,2.93-2.93,2.93-1.62,0-2.93-1.31-2.93-2.93v-20.06c0-1.62,1.31-2.93,2.93-2.93s2.93,1.31,2.93,2.93v6.3l8.18-8.18c.42-.42,1-.65,1.63-.65.73,0,1.47.32,2.02.87.51.51.82,1.17.86,1.86.04.69-.19,1.33-.65,1.78l-6.68,6.68,7.22,9.56c.47.62.67,1.4.56,2.17Z'/%3E%3Cpolygon class='cls-1' points='37.14 43.73 43 43.73 40.07 35.41 37.14 43.73'/%3E%3C/svg%3E"); }
.sns-icn.gray.twt { background-size: 15px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23555;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }

.sns-icn.black.insta { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5,1.53c2.27,0,2.54,0,3.43.05.83.04,1.28.18,1.58.29.4.15.68.34.98.64.3.3.48.58.64.98.12.3.25.75.29,1.58.04.9.05,1.16.05,3.43s0,2.54-.05,3.43c-.04.83-.18,1.28-.29,1.58-.15.4-.34.68-.64.98-.3.3-.58.48-.98.64-.3.12-.75.25-1.58.29-.9.04-1.16.05-3.43.05s-2.54,0-3.43-.05c-.83-.04-1.28-.18-1.58-.29-.4-.15-.68-.34-.98-.64-.3-.3-.48-.58-.64-.98-.12-.3-.25-.75-.29-1.58-.04-.9-.05-1.16-.05-3.43s0-2.54.05-3.43c.04-.83.18-1.28.29-1.58.15-.4.34-.68.64-.98s.58-.48.98-.64c.3-.12.75-.25,1.58-.29.9-.04,1.16-.05,3.43-.05ZM8.5,0C6.19,0,5.9.01,4.99.05c-.9.04-1.52.19-2.06.39-.56.22-1.03.51-1.51.98-.47.47-.76.95-.98,1.51-.21.54-.35,1.16-.39,2.06-.04.91-.05,1.19-.05,3.5s.01,2.6.05,3.5c.04.9.19,1.52.39,2.06.22.56.51,1.03.98,1.51.47.47.95.76,1.51.98.54.21,1.16.35,2.06.39.91.04,1.19.05,3.5.05s2.6-.01,3.5-.05c.9-.04,1.52-.19,2.06-.39.56-.22,1.03-.51,1.51-.98.47-.47.76-.95.98-1.51.21-.54.35-1.16.39-2.06.04-.91.05-1.19.05-3.5s-.01-2.6-.05-3.5c-.04-.9-.19-1.52-.39-2.06-.22-.56-.51-1.03-.98-1.51-.47-.47-.95-.76-1.51-.98-.54-.21-1.16-.35-2.06-.39-.91-.04-1.19-.05-3.5-.05h0Z'/%3E%3Cpath class='cls-1' d='M8.49,4.14c-2.41,0-4.36,1.95-4.36,4.36s1.95,4.36,4.36,4.36,4.36-1.95,4.36-4.36-1.95-4.36-4.36-4.36ZM8.49,11.33c-1.56,0-2.83-1.27-2.83-2.83s1.27-2.83,2.83-2.83,2.83,1.27,2.83,2.83-1.27,2.83-2.83,2.83Z'/%3E%3Cpath class='cls-1' d='M13.03,4.98c.56,0,1.02-.46,1.02-1.02s-.46-1.02-1.02-1.02-1.02.46-1.02,1.02.46,1.02,1.02,1.02Z'/%3E%3C/svg%3E"); }
.sns-icn.black.face { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.16,20h3.33v-8.82h3.09l.32-3.33s.07-.16-.27-.16h-3.14v-2.51s-.14-1.9,1.67-1.9h1.84V.35S9.21-.02,7.29,0C7.29,0,5.59-.02,4.27,1.3c0,0-1.11,1.04-1.11,2.23v4.16H0v3.49h3.16v8.82Z'/%3E%3C/svg%3E"); }
.sns-icn.black.naver { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.67,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02c0-.56-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M12.33,7.46c-.55,0-1,.45-1,1.02s.45,1.02,1,1.02,1-.46,1-1.02-.45-1.02-1-1.02Z'/%3E%3Cpath class='cls-1' d='M4.67,7.46c-.37,0-.67.45-.67,1.02s.3,1.02.67,1.02.67-.46.67-1.02c0-.56-.3-1.02-.67-1.02Z'/%3E%3Cpath class='cls-1' d='M22,12.1V3.59c0-1.98-1.56-3.59-3.47-3.59H3.47C1.56,0,0,1.61,0,3.59v8.51c0,1.98,1.55,3.59,3.47,3.59h5.21l1.75,2.92s.02.04.06.09c.1.18.3.31.52.31s.41-.12.52-.3c.05-.05.06-.09.06-.09l1.74-2.92h5.21c1.92,0,3.47-1.61,3.47-3.59ZM4.92,10.48c-.81,0-1.12-.6-1.12-.6v.46h-1.36v-5.86h1.34v2.23c.54-.55,1.14-.55,1.14-.55,1.82,0,1.89,2.14,1.89,2.14,0,2.11-1.89,2.19-1.89,2.19h0ZM9.11,10.23h-1.3v-3.34c0-1.15-.62-1.12-.62-1.12v-1.3c1.97,0,1.91,2.12,1.92,2.12v3.64h0ZM14.56,8.34c0,2.15-2.21,2.16-2.21,2.16-2.23,0-2.16-2.16-2.16-2.16,0-2.19,2.16-2.19,2.16-2.19,2.28,0,2.21,2.19,2.21,2.19ZM19.58,10.26c0,2.22-1.92,2.2-1.92,2.2h-.51v-1.25h.32c.93,0,.84-1.03.84-1.03v-.33c-.41.57-1.15.54-1.15.54-1.83,0-1.81-2.09-1.81-2.09,0-2.25,1.86-2.16,1.86-2.16.73,0,1.1.54,1.1.54v-.4h1.28v3.98Z'/%3E%3C/svg%3E"); }
.sns-icn.black.youtube { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.28 114.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M159.86,17.85c-1.88-7.03-7.41-12.55-14.44-14.44-12.73-3.41-63.79-3.41-63.79-3.41,0,0-51.06,0-63.79,3.41-7.03,1.88-12.55,7.41-14.44,14.44C0,30.58,0,57.15,0,57.15c0,0,0,26.57,3.41,39.3,1.88,7.03,7.41,12.55,14.44,14.44,12.73,3.41,63.79,3.41,63.79,3.41,0,0,51.06,0,63.79-3.41,7.03-1.88,12.55-7.41,14.44-14.44,3.41-12.73,3.41-39.3,3.41-39.3,0,0-.01-26.57-3.41-39.3ZM65.3,81.64v-48.98l42.42,24.49-42.42,24.49Z'/%3E%3C/svg%3E"); }
.sns-icn.black.kakao { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101.63 93.79'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23222; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M50.82,0C22.75,0,0,17.94,0,40.07c0,14.31,9.51,26.86,23.82,33.95-.78,2.68-5,17.27-5.17,18.42,0,0-.1.86.46,1.19.56.33,1.21.07,1.21.07,1.6-.22,18.54-12.12,21.47-14.19,2.93.41,5.95.63,9.03.63,28.07,0,50.82-17.94,50.82-40.07S78.88,0,50.82,0ZM25.65,51.25c0,1.54-1.31,2.8-2.93,2.8s-2.93-1.26-2.93-2.8v-17.42h-4.57c-1.59,0-2.88-1.29-2.88-2.87s1.29-2.87,2.88-2.87h15.01c1.59,0,2.88,1.29,2.88,2.87s-1.29,2.87-2.88,2.87h-4.57v17.42ZM50.29,53.61c-.59.27-1.22.4-1.86.4h0c-1.22,0-2.16-.5-2.44-1.29l-1.45-3.8h-8.94s-1.45,3.8-1.45,3.8c-.28.8-1.22,1.29-2.44,1.29-.64,0-1.28-.14-1.86-.4-.81-.37-1.59-1.4-.69-4.16l7.01-18.46c.49-1.4,1.99-2.85,3.9-2.89,1.91.04,3.42,1.49,3.91,2.9l7.01,18.45c.89,2.77.12,3.8-.69,4.17ZM65.11,53.63h-9.41c-1.55,0-2.81-1.21-2.81-2.69v-19.91c0-1.62,1.34-2.93,2.99-2.93s2.99,1.31,2.99,2.93v17.22h6.23c1.55,0,2.81,1.21,2.81,2.69s-1.26,2.69-2.81,2.69ZM88.06,51.42c-.11.77-.52,1.47-1.14,1.93-.51.39-1.13.59-1.76.59-.92,0-1.79-.43-2.34-1.17l-6.88-9.11-1.02,1.02v6.4c0,1.62-1.31,2.93-2.93,2.93-1.62,0-2.93-1.31-2.93-2.93v-20.06c0-1.62,1.31-2.93,2.93-2.93s2.93,1.31,2.93,2.93v6.3l8.18-8.18c.42-.42,1-.65,1.63-.65.73,0,1.47.32,2.02.87.51.51.82,1.17.86,1.86.04.69-.19,1.33-.65,1.78l-6.68,6.68,7.22,9.56c.47.62.67,1.4.56,2.17Z'/%3E%3Cpolygon class='cls-1' points='37.14 43.73 43 43.73 40.07 35.41 37.14 43.73'/%3E%3C/svg%3E"); }
.sns-icn.black.twt { background-size: 15px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23222;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }






/********** tab **********/
.tab-st1 .tab-btn { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.tab-st1 .tab-btn > li > button,
.tab-st1 .tab-btn > li > a { position: relative; font-weight: 700; font-size: 1.7rem; color: #757575; cursor: pointer; }
.tab-st1 .tab-btn > li > button::before,
.tab-st1 .tab-btn > li > a::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 13px; height: 13px; }
.tab-st1 .tab-btn > li.on > button,
.tab-st1 .tab-btn > li.on > a { padding-left: 18px; color: #333; }
.tab-st1 .tab-btn > li.on > button::before,
.tab-st1 .tab-btn > li.on > a::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.64 16.16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 7.91 1.77 6.14 8.25 12.62 20.87 0 22.64 1.77 8.25 16.16 0 7.91'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-size: 13px 10px;
}

.tab-st2 .tab-btn { display: flex; flex-wrap: wrap; gap: 8px; }
.tab-st2 .tab-btn > li > a { display: block; padding: 8px 15px; font-size: 1.5rem; color: #555; background: var(--gray-f9); border-radius: 50px; }
.tab-st2 .tab-btn > li.on > a { color: #fff; background: #333; }


.tab-st3 .tab-btn { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px 20px; margin-bottom: 40px; }
.tab-st3 .tab-btn > li { position: relative; }
.tab-st3 .tab-btn > li::after { content:""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background: #222; }
.tab-st3 .tab-btn > li:last-child::after { display: none; }
.tab-st3 .tab-btn > li > a { display: block; position: relative; height: 40px; line-height: 40px; padding-right: 20px; font-weight: 700; font-size: 1.9rem; color: #222; white-space: nowrap; }
.tab-st3 .tab-btn > li.on { position: relative; padding-right: 20px; }
.tab-st3 .tab-btn > li.on > a { padding: 0 15px; color: #fff; background: #222; }

.tab-st4 { margin-bottom: 40px; max-width: 100%; overflow: visible; }
/* .tab-st4 .tab-btn { display: flex; align-items: center; justify-content: start; flex-wrap: nowrap; gap: 10px 30px; } */
.tab-st4 .tab-btn > div { width: fit-content; }
.tab-st4 .tab-btn > div > a { position: relative; display: block; line-height: 1.3; padding-bottom: 5px; font-weight: 700; font-size: 2.2rem; color: #999; white-space: nowrap; }
.tab-st4 .tab-btn > div.on > a { color: #333; }
.tab-st4 .tab-btn > div.on > a::after { content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; }
.tab-st4 .tab-btn > li { width: fit-content; }
.tab-st4 .tab-btn > li > a { position: relative; display: block; line-height: 1.3; padding-bottom: 5px; font-weight: 700; font-size: 2.2rem; color: #999; white-space: nowrap; }
.tab-st4 .tab-btn > li.on > a { color: #333; }
.tab-st4 .tab-btn > li.on > a::after { content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; }

.tab-conts .tab-cont { display: none; }
.tab-conts .tab-cont.on { display: block; }

.tab-st5 > .tab {display: flex; align-items: center; gap: 10px; width: 100%;}
.tab-st5 > .tab li {position: relative; padding-right: 10px; white-space: nowrap;}
.tab-st5 > .tab li::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 8px; background-color: #eee; transform: translateY(-50%);}
.tab-st5 > .tab li:last-child {padding: 0;}
.tab-st5 > .tab li:last-child::after {display: none;}
.tab-st5 > .tab li a {  color: #aaa;}
.tab-st5 > .tab li.active a {font-weight: 600; color: var(--pink3);}
.sch-box > .tab-st5 {flex-shrink: 0; margin-right: 10px;}

@media only screen and (max-width: 1400px) {
	.tab-st3 .tab-btn {  }
	.tab-st3 .tab-btn > li::after { height: 18px; }
	.tab-st3 .tab-btn > li > a { height: 35px; line-height: 35px; font-size: 1.8rem; }
	
}
@media only screen and (max-width: 1023px) {
	.tab-st3 .tab-btn {  }
	.tab-st3 .tab-btn > li::after { height: 15px; }
	.tab-st3 .tab-btn > li > a { height: 35px; line-height: 35px; font-size: 1.8rem; }
}
@media only screen and (max-width: 767px) {
	.tab-st3 .tab-btn { row-gap: 0; }
	.tab-st3 .tab-btn > li::after { height: 12px; }
	.tab-st3 .tab-btn > li > a { height: 32px; line-height: 32px; font-size: 1.7rem; }
	/* .tab-st4 .tab-btn { gap: 15px; } */

}


/********** list **********/
.list1 > li { position: relative; line-height: 1.5; margin-bottom: 5px; padding-left: 18px; font-size: 1.8rem; color: #444; counter-increment: number-counter1; }
.list1 > li:before {content: counter(number-counter1) "."; position: absolute; top: 0; left: 0; font-size: 1.7rem; color: #666;  }
.list2 > li { position: relative; line-height: 1.4; margin-bottom: 3px; padding-left: 8px; font-weight: 400; font-size: 15px; color: #555; }
.list2 > li > strong { font-weight: 600; }
.list2 > li:last-child { margin-bottom: 0; }
.list2 > li:before { content: ""; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #555; border-radius: 100%; }
.list3 > li { position: relative; line-height: 1.4; margin-bottom: 2px; padding-left: 12px; font-weight: 400; font-size: 14px; color: #555; }
.list3 > li:last-child { margin-bottom: 0; }
.list3 > li:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: #555; }
.list4 > li { position: relative; line-height: 1.5; margin-bottom: 2px; padding-left: 18px; font-size: 1.5rem; color: #444; counter-increment: number-counter1; }
.list4 > li:before {content: counter(number-counter1) "."; position: absolute; top: 0; left: 0; font-size: 1.4rem; color: #666;  }
.list5 > li { position: relative; line-height: 1.6; margin-bottom: 3px; padding-left: 12px; font-weight: 400; font-size: 16px; color: #666; }
.list5 > li > strong { font-weight: 600; }
.list5 > li:last-child { margin-bottom: 0; }
.list5 > li:before { content: ""; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #666; border-radius: 100%; }
.list6 > li {position: relative; line-height: 1.5; margin-bottom: 2px; padding-left: 16px; font-size: 16px; counter-increment: circle-number-counter;}
.list6 > li::before {position: absolute; top: 4px; left: 0; content: counter(circle-number-counter); display: inline-block; width: 12px; height: 12px; line-height: 10px; font-size: 9px; color: #333; border: 1px solid #333; border-radius: 100%; text-align: center;}


/********** checkbox & radio **********/
/* inline */
.checkbox-list1 { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; }
.checkbox-list3 { align-items: center; }
.checkbox-list4 { display: flex; gap: 10px; }
.checkbox-list4 > li { flex-shrink: 0; }

/* block */
.checkbox-list2 li {display: block; position: relative; margin-bottom: 4px;}
.checkbox-list2 li:last-child {margin-bottom: 0;}

.checkbox-st1 { position: relative; }
.checkbox-st1 input { appearance:none; position: absolute; top: 3px; left: 0; width: 13px; height: 13px; border:none; background:transparent; }
.checkbox-st1 label { position: relative; font-weight: 700; font-size: 1.7rem; color: #757575; cursor: pointer; }
.checkbox-st1 label::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 13px; height: 13px; }
.checkbox-st1 input:checked + label { padding-left: 18px; color: #333; }
.checkbox-st1 input:checked + label::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.64 16.16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 7.91 1.77 6.14 8.25 12.62 20.87 0 22.64 1.77 8.25 16.16 0 7.91'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-size: 13px 10px;
}
.checkbox-st2 { position: relative; }
.checkbox-st2 input { appearance:none; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border: none; background: transparent; }
.checkbox-st2 label { position: relative; display: inline-block; line-height: 1.2; padding-left: 25px; font-size: 15px; color: #757575; cursor: pointer; }
.checkbox-st2 label::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1; width: 18px; height: 18px; border: 1px solid var(--gray-e5); }
.checkbox-st2 input:checked + label { font-weight: 600; color: #333; }
.checkbox-st2 input:checked + label:before {
	background-color: var(--pink3); border: 1px solid var(--pink3);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.64 16.16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 7.91 1.77 6.14 8.25 12.62 20.87 0 22.64 1.77 8.25 16.16 0 7.91'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-size: 10px 7px;
}

.checkbox-st3 { position: relative; }
.checkbox-st3 input { appearance:none; position: absolute; top: 3px; left: 0; width: 100%; height: 100%; border: none; background: transparent; }
.checkbox-st3 label { position: relative; display: inline-block; padding: 8px 15px; font-size: 1.5rem; color: #555; background: var(--gray-f9); border-radius: 50px; cursor: pointer; }
.checkbox-st3 input:checked + label {  color: #fff; background: #333; }

.checkbox-st4 {
	position: relative;
	width: 18px;
	height: 18px;
}

.checkbox-st4 input {
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--gray-e5);
	cursor: pointer;
}

.checkbox-st4 input:checked {
	border: 1px solid var(--pink3);
	background: var(--pink3) url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.64 16.16'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='0 7.91 1.77 6.14 8.25 12.62 20.87 0 22.64 1.77 8.25 16.16 0 7.91'/%3E%3C/svg%3E") no-repeat center center / 10px 7px;
}

.radiobox-st1 {position: relative;}
.radiobox-st1 input {appearance: none; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; margin: 0; border: none; background: transparent;}
.radiobox-st1 label {position: relative; padding-left: 25px; font-size: 15px; color: #555; cursor: pointer;}
.radiobox-st1 label.hide {font-size: 0;}
.radiobox-st1 label:before {content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; border: 1px solid var(--gray-e5); border-radius: 100%;}
.radiobox-st1 input:checked + label {font-weight: 600;}
.radiobox-st1 input:checked + label:before {content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: var(--pink3); border: 1px solid var(--pink3);}
.radiobox-st1 input:checked + label:after {content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; background: #fff; border-radius: 100%;}




/********** table **********/
.tableA { width: 100%; border-top: 2px solid var(--gray-44); border-collapse: collapse; }
.tableA thead tr { border-bottom: 1px solid var(--gray-cc); }
.tableA thead tr th { padding: 15px 5px; font-weight: 600; font-size: 1.5rem; color: #444; text-align: center; }
.tableA tbody tr { border-bottom: 1px solid var(--gray-cc); }
.tableA tbody tr th { padding: 13px 15px; font-weight: 600; font-size: 1.5rem; color: #444; text-align: center; }
.tableA tbody tr td { padding: 13px 15px; font-size: 1.5rem; color: #555; text-align: center; word-break: keep-all; }
.tableA tbody tr td a:hover { text-decoration: underline; }
.tableA tbody tr td.txt-lf { text-align: left; }
.tableA tbody tr td .title { display: flex; align-items: center; gap: 10px; }
.tableA tbody tr td .secret { display: inline-block; width: 20px; height: 20px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 12px auto; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.07 27.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect class='cls-1' x='1' y='8.92' width='21.07' height='17.25' rx='1' ry='1'/%3E%3Cpath class='cls-1' d='M6.43,8.92v-2.82c0-2.82,2.29-5.1,5.1-5.1h0c2.82,0,5.1,2.29,5.1,5.1v2.82'/%3E%3C/g%3E%3Cpath class='cls-1' d='M12.54,17.85c0,.55-.45,1-1,1s-1-.45-1-1,.45-1,1-1,1,.45,1,1Z'/%3E%3C/svg%3E"); }
.tableA tbody tr td.qna-answer { display: none; text-align: left; }
.tableA tbody tr td.qna-answer > div { display: flex; gap: 15px; padding: 10px; }
.tableA tbody tr td.qna-answer > div .lf { flex-shrink: 0; }
.tableA tbody tr td.qna-answer > div .lf .prof { display: block; width: 35px; height: 35px; margin-top: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_瓦%3F1' data-name='甸쒑예_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 889.42 889.42'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23d8d8d8; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='444.71' cy='444.71' r='444.71'/%3E%3Cg%3E%3Cpath class='cls-1' d='M444.71,235.53c-64.4,0-116.6,52.2-116.6,116.59s52.2,116.59,116.6,116.59,116.59-52.2,116.59-116.59-52.2-116.59-116.59-116.59Z'/%3E%3Cpath class='cls-1' d='M479,482.43h-68.59c-94.3,0-171.46,77.16-171.46,171.46h0s180.19,0,180.19,0h231.32c0-94.3-77.16-171.46-171.46-171.46Z'/%3E%3C/g%3E%3C/svg%3E"); }
.tableA tbody tr td.qna-answer > div .rg { width: calc(100% - 60px); }
.tableA tbody tr td.qna-answer > div .rg .name { display: block; font-size: 1.6rem; color: #333; }
.tableA tbody tr td.qna-answer > div .rg .date { display: block; margin-bottom: 15px; font-size: 14px; color: #999; }
.tableA tbody tr td.qna-answer > div .rg .editor-txt { line-height: 1.3 !important; font-family: "Pretendard" !important; font-size: 1.5rem !important; text-align: left !important; }


.tableB { width: 100%; border-top: 2px solid var(--gray-44); border-collapse: collapse; }
.tableB tr { border-bottom: 1px solid var(--gray-e5); }
.tableB th { padding: 12px 15px; line-height: 1.4; font-weight: 600; font-size: 15px; color: #444; background: var(--gray-fa); border-right: 1px solid var(--gray-e5); text-align: center; }
.tableB th:last-child { border-right: none; }
.tableB td { padding: 12px 15px; line-height: 1.4; font-size: 15px; color: #555; text-align: center; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: none; border-right: 1px solid var(--gray-e5); }
.tableB td:last-child { border-right: none; }
.tableB td.txt-lf { text-align: left; }



@media only screen and (max-width: 1023px) {
	.tableA thead tr th { padding: 10px 5px; }

	.tableB th { padding: 10px; }
	.tableB td { padding: 10px; }
}
@media only screen and (max-width: 767px) {
	/* .tableA colgroup,
    .tableA thead th { display: none }
    .tableA tbody tr { position: relative; display: flex; flex-wrap: wrap; padding: 10px 10px 10px 50px; border-bottom: 1px solid var(--gray-e5) }
    .tableA tbody tr.no-list { justify-content: center; padding: 50px 0; }
    .tableA tbody tr td { position: relative; display: inline-block; padding: 0; color: #666; }
    .tableA tbody tr td[data-content="번호"] { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); display: inline-block; width: 40px; text-align: center; }
    .tableA tbody tr td[data-content="문의제목"] { width: 100%; padding-bottom: 5px; }
    .tableA tbody tr td .tit { display: flex; width: 100% !important; padding: 0; text-align: left !important; border-top: none; }
    .tableA tbody tr td::after { content: ""; display: inline-block; width: 1px; height: 8px; margin: 0 10px; background: #bbb; vertical-align: middle; }
    .tableA tbody tr td[data-content="번호"]::after,
    .tableA tbody tr td[data-content="답변상태"]::after,
    .tableA tbody tr td[data-content="문의제목"]::after,
    .tableA tbody tr td:last-child:after { display: none; } */


	.table-responsive1 colgroup,
    .table-responsive1 thead { display: none; }
    .table-responsive1 tbody tr { position: relative; display: block; min-height: auto; padding: 10px 10px 10px 45px; text-align: left; }
    .table-responsive1 tbody tr td { padding: 0 10px 0 0; color: #555; }
    .table-responsive1 tbody tr td::before { content: attr(data-content); display: inline-block; width: auto; margin-right: 5px; margin-bottom: 5px; font-weight: 500; font-size: 1.5rem; color: #333; text-align: left; }
    .table-responsive1 tbody tr td[data-content="번호"] { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; margin: -1px 0 0 0; padding-right: 0; text-align: center; }
    .table-responsive1 tbody tr td[data-content="번호"]::before { display: none; }
    .table-responsive1 tbody tr td[data-content="문의제목"] { padding: 0; text-align: left; }


	.table-scroll-wrap { position: relative; overflow-x: scroll; }
	.table-scroll-event { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8); }
	.table-scroll-event.hidden { display: none; }
	.table-scroll-event .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.table-scroll-event .inner::before { content:""; display: block; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E"); animation: leftRight 2.4s infinite linear; }
	@keyframes leftRight {
		0% { transform: translateX(0px); }
	 	50% { transform: translateX(-20px); }  
		100% { transform: translateX(0px); }
	}
	.table-scroll-event .inner::after { content:"좌우로 스크롤하세요"; display: block; margin-top: 15px; font-size: 14px; }
	.en .table-scroll-event .inner::after { content:"Scroll left and right"; }
	.table-scroll-wrap table { width: 150%; }
}








/********** btn **********/
/* 버튼 정렬 */
.btn-lf { display: flex; justify-content: flex-start; gap: 5px; }
.btn-ce { display: flex; justify-content: center; gap: 5px; }
.btn-rg { display: flex; justify-content: flex-end; gap: 5px; }
@media only screen and (max-width: 560px) {
	.btn-ce { flex-wrap: wrap; }
	.btn-ce > a, .btn-ce > button { flex: 1; min-width: fit-content; }
}

.btn-bace1 { display: inline-block; min-width: fit-content; width: 100%; max-width: 150px; height: 50px; line-height: 50px; padding: 0 20px; font-family: "Pretendard"; font-weight: 700; font-size: 1.7rem; text-align: center; overflow: hidden; }
.btn-bace2 { position: relative; display: inline-block; min-width: 250px; height: 60px; line-height: 60px; padding: 0 30px; font-family: "Pretendard"; font-weight: 700; font-size: 2rem; text-align: center; overflow: hidden; }
.btn-bace3 { position: relative; display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; font-family: "Pretendard"; font-weight: 500; font-size: 1.5rem; text-align: center; overflow: hidden; }
.btn-bace4 { position: relative; display: inline-flex; align-items: center; gap: 10px; height: 45px; line-height: 45px; padding: 0 20px; font-family: "Pretendard"; font-weight: 600; font-size: 1.6rem; text-align: center; overflow: hidden; }
.btn-bace4 .icn { display: block; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.btn-bace4 .icn-down { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/svg%3E"); }
.btn-bace4:hover .icn-down { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/svg%3E"); }
.btn-bace4 .icn-print { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23283c82; stroke-width: 0px; %7D .cls-2 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-2' points='60.75 62.81 69 62.81 69 32.81 3 32.81 3 62.81 11.25 62.81'/%3E%3Cpolyline class='cls-2' points='11.25 30.94 11.25 3 60.75 3 60.75 30.94'/%3E%3Cline class='cls-2' x1='24' y1='18' x2='48' y2='18'/%3E%3Crect class='cls-2' x='12' y='57' width='48' height='12'/%3E%3Ccircle class='cls-1' cx='56' cy='45' r='4'/%3E%3C/svg%3E"); }
.btn-bace4:hover .icn-print { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23283c82; stroke-width: 0px; %7D .cls-2 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-2' points='60.75 62.81 69 62.81 69 32.81 3 32.81 3 62.81 11.25 62.81'/%3E%3Cpolyline class='cls-2' points='11.25 30.94 11.25 3 60.75 3 60.75 30.94'/%3E%3Cline class='cls-2' x1='24' y1='18' x2='48' y2='18'/%3E%3Crect class='cls-2' x='12' y='57' width='48' height='12'/%3E%3Ccircle class='cls-1' cx='56' cy='45' r='4'/%3E%3C/svg%3E"); }
.btn-bace4.bd-gray-33 .icn-arr { width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.24 44.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='3' y1='41.24' x2='39.06' y2='5.18'/%3E%3Cpolyline class='cls-1' points='11.54 3 39.12 5.12 41.24 32.7'/%3E%3C/svg%3E"); }
.btn-bace4.bd-gray-33:hover .icn-arr { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.24 44.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='3' y1='41.24' x2='39.06' y2='5.18'/%3E%3Cpolyline class='cls-1' points='11.54 3 39.12 5.12 41.24 32.7'/%3E%3C/svg%3E"); }
.btn-bace4.bd-pink3 .icn-arr { width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.24 44.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23d12b8d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='3' y1='41.24' x2='39.06' y2='5.18'/%3E%3Cpolyline class='cls-1' points='11.54 3 39.12 5.12 41.24 32.7'/%3E%3C/svg%3E"); }
.btn-bace4.bd-pink3:hover .icn-arr { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.24 44.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='3' y1='41.24' x2='39.06' y2='5.18'/%3E%3Cpolyline class='cls-1' points='11.54 3 39.12 5.12 41.24 32.7'/%3E%3C/svg%3E"); }

[class^="btn-bace"].bd-gray-33::after { content: ""; position: absolute; top: 0; left: -100%; z-index: -1; width: 100%; height: 100%; background: var(--gray-33); transition: all .4s; }
[class^="btn-bace"].bd-gray-33:hover { color: #fff; }
[class^="btn-bace"].bd-gray-33:hover::after { left: 0; }

[class^="btn-bace"].bd-pink3::after { content: ""; position: absolute; top: 0; left: -100%; z-index: -1; width: 100%; height: 100%; background: var(--pink3); transition: all .4s; }
[class^="btn-bace"].bd-pink3:hover { color: #fff; }
[class^="btn-bace"].bd-pink3:hover::after { left: 0; }

[class^="btn-bace"].bg-gray-33::after { content: ""; position: absolute; top: 0; left: -100%; z-index: -1; width: 100%; height: 100%; background: #fff; border: 1px solid var(--gray-33); transition: all .4s; }
[class^="btn-bace"].bg-gray-33:hover { color: var(--gray-33); }
[class^="btn-bace"].bg-gray-33:hover::after { left: 0; }

[class^="btn-bace"].bg-pink3::after { content: ""; position: absolute; top: 0; left: -100%; z-index: -1; width: 100%; height: 100%; background: #fff; border: 1px solid var(--pink3); transition: all .4s; }
[class^="btn-bace"].bg-pink3:hover { color: var(--pink3); }
[class^="btn-bace"].bg-pink3:hover::after { left: 0; }


.btn-bace5 { position: relative; display: inline-block; min-width: fit-content; height: 40px; line-height: 40px; padding: 0 15px; font-family: "Pretendard"; font-weight: 500; font-size: 1.5rem; text-align: center; overflow: hidden; }
.btn-bace5.bg-gray-33::after { display: none; }
.btn-bace5.bg-gray-33:hover { color: #fff; }
@media only screen and (max-width: 560px) {
	.btn-bace1 { height: 45px; line-height: 45px; padding: 0 15px; }
	.btn-bace2 { height: 50px; line-height: 50px; padding: 0 20px; font-size: 1.8rem; }
	.btn-bace4 { height: 40px; line-height: 40px; padding: 0 15px; }
	.btn-bace4 .icn { width: 12px; height: 12px; }
	
}
@media only screen and (max-width: 460px) {
	.btn-bace5 { height: 35px; line-height: 35px; }
}


/********** 팝업 **********/
.popup-wrap { display: none; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
.popup-wrap.active { display: block; }
.popup-wrap .popup-inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 900px; padding: 0 20px; transform: translate(-50%, -50%); }
.popup-wrap .popup-box1 { position: relative; background: #fff; }
.popup-wrap .popup-box1 .popup-top { position: relative; padding: 20px 30px; }
.popup-wrap .popup-box1 .popup-top .ti { font-weight: 700; font-size: 2rem; }
.popup-wrap .popup-box1 .close { position: absolute; top: 20px; right: 20px; z-index: 1; display: block; width: 12px; height: 12px; font-size: 0; background-size: 12px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); }
.popup-wrap .popup-box1 .popup-cont { max-height: 90vh; margin-top: 10px; padding: 0 30px 30px 30px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.popup-wrap .popup-box1 .popup-cont::-webkit-scrollbar { display: none; width: 0px; }
.popup-wrap .popup-box1 .popup-btn { margin-top: 30px; }

.popup-wrap.img-lp .popup-inner { max-width: 100vw; height: 100vh; padding: 0; }
.popup-wrap.img-lp .popup-box1 { height: 100%; }
.popup-wrap.img-lp .popup-inner .popup-cont { position: relative; height: 100%; max-height: 100%; margin-top: 0; padding-top: 30px; }


.popup-wrap.img-lp2 .popup-inner .popup-cont { display: flex; align-items: center; }

.popup-wrap.post-lp .popup-inner { max-width: 630px; }
.popup-wrap.post-lp .popup-box1 .popup-cont { margin-top: 0; padding-top: 30px; }
.popup-wrap.post-lp .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 141%; }
.popup-wrap.post-lp .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.popup-wrap.post-lp2 .popup-inner { max-width: 100vw; height: 100vh; padding: 0; }
.popup-wrap.post-lp2 .popup-box1 { height: 100%; }
.popup-wrap.post-lp2 .popup-box1 .popup-cont { display: flex; align-items: center; height: 100%; max-height: 100%; margin-top: 0; padding-top: 30px; }
.popup-wrap.post-lp2 .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 100%; }
.popup-wrap.post-lp2 .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.popup-wrap.post-lp3 .popup-inner { max-width: 1200px; }
.popup-wrap.post-lp3 .popup-box1 .close { top: 15px; right: 15px; }
.popup-wrap.post-lp3 .popup-box1 .popup-cont { margin-top: 0; padding-top: 30px; }
.popup-wrap.post-lp3 .popup-box1 .popup-cont .img-wrap { position: relative; height: 0; padding-bottom: 60%; }
.popup-wrap.post-lp3 .popup-box1 .popup-cont .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.popup-wrap.pw-lp .popup-inner { max-width: 400px; }
.popup-wrap.pw-lp .popup-box1 .popup-cont .txt1 { margin-bottom: 10px; }
.popup-wrap.pw-lp .popup-box1 .popup-cont .input-st1 { width: 100%; }
.popup-wrap.pw-lp .popup-box1 .popup-btn { margin-top: 0; }
.popup-wrap.pw-lp .popup-box1 .popup-btn .btn-bace1 { width: 100%; max-width: 100%; }

.popup-wrap.qr-lp .popup-inner { max-width: 400px; }
.popup-wrap.qr-lp .popup-inner .qr-img-wrap { position: relative; max-width: 100%; width: 100%; height: 0; padding-bottom: 100%; }
.popup-wrap.qr-lp .popup-inner .qr-img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.popup-wrap .popup-search { display: flex; gap: 5px; }
@media only screen and (max-width: 767px) {
	.popup-wrap .popup-box1 .popup-cont { max-height: calc(100vh - 60px); }

	.popup-wrap.post-lp2 .popup-img-swiper { padding: 20px; }
}
@media only screen and (max-width: 560px) {
	
	.popup-wrap .popup-box1 .popup-top { padding: 15px; }
	.popup-wrap .popup-box1 .close { top: 15px; right: 15px; }
	.popup-wrap .popup-box1 .popup-cont { padding: 0 10px 10px 10px; }

	
	.popup-wrap .popup-box2 .popup-cont {padding: 0 20px 20px 20px; }

	.popup-wrap.post-lp .popup-box1 .popup-cont { padding: 30px 10px 10px 10px; }
}


/********** 이미지 **********/
.img-wrap { display: block; overflow: hidden; }
.img-wrap img { max-width: 100% !important; }
.video-wrap video { max-width: 100%; }
.video-wrap iframe { max-width: 100%; border: 0; }


/********** 텍스트 ...처리 **********/
.txt-over1 {
	display: -webkit-box;
	display: -ms-flexbox;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

/* 1줄 */
.txt-over2 {
	display: -webkit-box;
	display: -ms-flexbox;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 2줄 */
.txt-over3 {
	display: -webkit-box;
	display: -ms-flexbox;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/********** 오버플로우 스크롤 **********/
.ovf-x-scroll { overflow-x: scroll; }
.ovf-y-scroll { overflow-y: scroll; }


/********** 텍스트 정렬 **********/
.txt-lf {text-align: left;}
.txt-ce {text-align: center;}
.txt-rg {text-align: right;}

/********** font-weight **********/
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}

/********** font-size **********/
.fz-15 { font-size: 1.5rem; }
.fz-14 { font-size: 1.4rem; }
.fz-13 { font-size: 1.3rem; }

/********** flex **********/
.flex {display: flex;}
.flex-shrink {flex-shrink: 0;}

/* 정렬 */
.flex-align-center {display: flex; align-items: center;}
.flex-justify-between {display: flex; justify-content: space-between;}
.flex-justify-between-center {display: flex; justify-content: space-between; align-items: center;}

/* gap */
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }

/********** width **********/
.wh100p {width: 100%;}
.wh90p {width: 90%;}
.wh80p {width: 80%;}
.wh70p {width: 70%;}
.wh60p {width: 60%;}
.wh50p {width: 50%;}
.wh40p {width: 40%;}
.wh30p {width: 30%;}
.wh20p {width: 20%;}
.wh5p {width: 5%;}

/********** margin **********/
.mg0 {margin:0;}
/*** margin_top ***/
.mt-33 {margin-top:-33px;}
.mt0 {margin-top:0;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt160 {margin-top:160px;}
/*** margin_bottom ***/
.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
/*** margin_left ***/
.ml0 {margin-left:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
/*** margin_right ***/
.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}

@media only screen and (max-width: 560px) {
	.mt60 {margin-top: 30px;}
}

/******************** padding ********************/
.pd0 {padding:0;}
/*** padding_top ***/
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}
/*** padding_bottom ***/
.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}
/*** padding_left ***/
.pl0 {padding-left:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl17 {padding-left:17px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}
/*** padding_right ***/
.pr0 {padding-right:0;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}