* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'S-Core Dream';
	letter-spacing: -0.1rem;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

.img_hover:hover {
	transform:scale(1.02,1.02);
	transition:transform 0.3s ease;
}
.img_hover_swiper {
	overflow:visible;
}
/* .img_hover_slick .slick-slide,
.img_hover_swiper .swiper-slide {
	overflow:hidden;
} */
.img_hover_slick .slick-slide img:hover,
.img_hover_swiper .swiper-slide img:hover {
	transform:scale(1.04,1.04);
	transition:transform 0.3s ease;
}

img {
	max-width:100%;
}
html {
	font-size:20px;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	overflow-x:hidden;
	scroll-behavior: smooth;
}
body.scrollLock {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
	overflow:hidden;
	overscroll-behavior: none;
	-webkit-overflow-scrolling:touch;
}

.flex_wrapper,.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.align-center {
	align-items:center;
}
.wrap_1680 {
	max-width:1680px;
	width:100%;
	margin:0 auto;
}
.wrap_1530 {
	max-width:1530px;
	width:100%;
	margin:0 auto;
}
.wrap_1280 {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}
.wrap_1024 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
.mob_br {
	display:none;
}
.fix_btn {
	position:fixed;
	right:2rem;
	bottom:2rem;
	color:#fff;
	z-index: 7;
	opacity: 0;
	transition:all 0.3s ease;
}
.fix_btn.float {
	bottom:7rem;
}
.fix_btn a {
	position:relative;
	display:block;
	width:5rem;
}
.fix_btn img {
	width:5rem;
	height:5rem;
}
.fix_btn.show {
	opacity:1;
}

.battery {
	width: 4rem;
	display:inline-flex;
	display:-webkit-inline-flex;
	align-items:center;
}
.battery span {
	display:inline-block;
	width:27%;
	background:#fff;
	margin-left:3.5%;
	transform:skew(-15deg) !important;
}
.battery span::after {
	content:'';
	display:block;
	padding-top:100%;
}
.battery span:last-child {
	width:5.5%;
	border-radius: 0 20% 20% 0;
	margin-left:2%;
}
.battery span:last-child::after {
	padding-top:160%;
}
.battery span:first-child {
	margin-left:0;
}
.battery.green span {
	background:#007C57;
}
.battery.wd_80 {
	width:4rem;
}
.green {
	color:#007C57;
}
.btnDwld {
	background: #2e2e2e;
	border: none;
	padding: 0.75rem;
	text-align:center;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	min-width:18.5rem;
	text-transform: uppercase;
	cursor: pointer;
	font-family:'S-Core Dream';
}
.btnDwld span {
	display: inline-block;
	color:#fff;
}
.btnDwld.hide {
	display:none;
}
.btn_logout {
	background: #E41919;
    border: none;
    padding: 0.5rem 0.75rem;
    text-align: center;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    min-width: auto;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-family: 'S-Core Dream';
	border-radius:0.25rem;
}
.btn {
	background: #007C57;
	border: none;
	padding: 0.75rem;
	text-align:center;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	min-width:18.5rem;
	text-transform: uppercase;
	cursor: pointer;
	transform: skew(-10deg);
	font-family:'S-Core Dream';
}
.btn span {
	display: inline-block;
	transform: skew(10deg);
	color:#fff;
}
.btn::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	left: 0;
	background: #134E3C;
	opacity: 0;
	z-index: -1;
	transition: all 0.5s;
}
.btn:hover {
	color: #007C57;
}
.btn:hover::before {
	left: 0;
	right: 0;
	opacity: 1;
}
.btn.bor_white {
	color:#fff;
	background:transparent;
	box-shadow: 0 0 0 0.2rem white inset;
}
.btn.bor_white::before {
	background:#007C57;
}
.btn.bor_white:hover {
	color:#fff;
	border:none;
}
.tit {
	color:#007C57;
	font-family:'Poppins';
	font-size:3.5rem;
	transform:skew(-10deg);
	letter-spacing: -0.1rem;
	line-height:1.3;
	padding:0 1rem;
	font-weight:800;
	
}
.animated {
	animation-duration: 1s;
  	animation-fill-mode: both;
}
.lightSpeedInRight {
	opacity: 0;
}
.tit.animated {
	font-family: 'PoppinsItalic';
}
.tit.reverse > span {
	transform:skew(10deg);
	display:inline-block;
}
.fadeInUp::after {
	content:'';
	display:block;
}

.sub_tit {
	font-family: 'GmarketSans';
	font-size:2.5rem;
	color:#007C57;
	line-height:1.4;
}
p.desc {
	font-size:1.2rem;
	font-weight:500;
	color:#08211A;
	line-height:1.4;
}
.reverse {
	color:#fff;
	background:#007C57;
	display:inline-block;
}
.iframe_wrapper {
	position:relative;
	background:#eee;
	border-radius:1rem;
	overflow:hidden;
	margin-bottom:1rem;
}
.iframe_wrapper::after {
	content:'';
	display:block;
	padding-top: calc(9/16 * 100%);
}
.iframe_wrapper iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.flowplayer {
	width:100% !important;
	height:100% !important;
}
.banner {
	background:#007C57;
	color:#fff;
	padding:7rem 0 1.25rem;
	position:relative;
}
.banner .banner_bg {
	position:absolute;
	right:6%;
	bottom:0;
	max-height:50%;
	max-width:max-content;
}
.banner h5 {
	font-size:0.9rem;
	font-weight:500;
}
.banner .banner_tit {
	font-family: 'GmarketSans';
	font-size:2.25rem;
}
.banner ul.d-flex {
	align-items: center;
	gap:5rem;
	justify-content: flex-start;
}
.banner ul.d-flex li {
	position:relative;
}
.banner ul.d-flex li a {
	font-family: 'GmarketSans';
	font-size:1.05rem;
	font-weight:500;
	color:#fff;
}
.banner ul.d-flex li a::before {
	content:'';
	display:block;
	width:0.25rem;
	height:0.25rem;
	border-radius:0.2rem;
	background:#fff;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,-130%);
	display:none;
}
.banner ul.d-flex li.active a::before,
.banner ul.d-flex li:hover a::before {
	display:block;
}

.inquiry {
	padding:7rem 0;
	text-align:center;
}
.form_wrap {
	text-align:left;
	position:relative;
}
.form_wrap .essential {
	position:absolute;
	right:0;
	top:1rem;
	font-size:1.2rem;
	font-weight:800;
	color:#007C57
}
.form_tit {
	font-size:1.8rem;
	font-weight:800;
	color:#007C57;
}
.form_list {
	border-top:1px solid #08211A;
	border-bottom:1px solid #08211A;
}
.form_wrap .btn {
	display:block;
	margin:0 auto;
	width:auto;
	max-width:18.5rem;
}
.form_wrap .email .ipt {
	width:11rem;
}
.form_wrap .email .nice-select {
	transform: translate(0, 3px);
	padding-right:1.9rem;
}
.form_wrap input[type=radio] {
	display:none;
}
.form_wrap input[type=radio] + label {
	background:url(/img/common/radio_chk.png) no-repeat left center;
	background-size:1.2rem;
	padding-left:2rem;
	cursor:pointer;
}
.form_wrap input[type=radio]:checked + label {
	background:url(/img/common/radio_chk_on.png) no-repeat left center;
	background-size:1.2rem;
}
.agree_chk {
	text-align:center;
	font-size:1.2rem;
	color:#08211A;
	font-weight:500;
}
.agree_chk a {
	color:#007C57;
	font-weight:500;
	display:inline-block;
	margin-left:0.5rem;
	text-decoration: underline;
}
.agree_chk input[type=checkbox] {
	display:none;
}
.agree_chk input[type=checkbox] + label {
	background:url(/img/common/agree_chk.png) no-repeat left center;
	background-size:1.6rem 1.6rem;
	padding-left:2.8rem;
	line-height:1.9;
}
.agree_chk input[type=checkbox]:checked + label {
	background:url(/img/common/agree_chk_on.png) no-repeat left center;
	background-size:1.6rem 1.6rem;
}
.ipt {
	border:1px solid #C8C8C8;
	border-radius:0.5rem !important;
	padding:0.7rem 1rem;
	font-size:1.2rem;
	color:#08211A;
}
.ipt::placeholder {
	color:#C8C8C8;
}
.ipt.wd_300 {
	width:15rem;
}
.ipt.wd_full {
	width:calc(100% - 11.3rem);
	margin-right:0 !important;
}
.form_list li {
	border-bottom:1px solid #D1D1D1;
	color:#08211A;
	padding:1.5rem 0;
}
.form_list li:last-child {
	border-bottom:none;
}
.form_list li > label {
	font-weight:700;
	color:#08211A;
	font-size:1.2rem;
	padding-left:1rem;
	position:relative;
	display:inline-block;
	width:11rem;
}
.form_list li > label i {
	color:#007C57;
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
}
.form_list li .ipt {
	margin-right:0.5rem;
}
.form_list textarea {
	resize:none;
	height:14rem;
}
.form_list input[type=radio] + label {
	font-weight:400;
}
.phone_num {
	display:inline-flex;
	display:-webkit-inline-flex;
	gap:0.5rem;
	align-items: center;
	color:#C8C8C8;
}
.phone_num .ipt {
	width:7rem;
	margin-right:0 !important;
}

.bounce_list li {
	width:calc((100% - 3rem) / 3);
	opacity:0;
}
.bounce_list li h4 {
	font-family: 'GmarketSans';
	font-size:1.9rem;
	color:#007C57;
}
.bounce_list li p {
	font-weight:500;
	color:#08211A;
	opacity:0.8;
	font-size:1.2rem;
}
.bounce_list .img_box {
	border-radius:1rem;
	overflow:hidden;
}
.popup_back,.slideUp_bg {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
	display:none;
	z-index: 7;
}
.slideUp_bg {
	z-index: 4 !important;
}
.popup_back .layer {
	max-width:1161px;
	width:90%;
	height:38rem;
	max-height:80%;
	background:#fff;
	border-radius:1rem;
	padding:3rem 2.5rem;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index: 8;
}
.popup_back .pop_close {
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	z-index: 2;
}
.popup_back .pop_close img {
	width:1rem;
}
.popup_back .layer .cont {
	overflow: auto;
    height: 100%;
    word-break: keep-all;
}
.popup_back .layer .cont pre {
	display:block;
	color:#08211A;
	white-space: pre-wrap;
	line-height:1.6;
}

.grn_tbl {
	/* table-layout: fixed; */
	border-collapse: collapse;
	width:100%;
}
.grn_tbl thead th {
	background:#D4F0E3;
	vertical-align: center;
	font-size:1.2rem;
	font-weight:500;
	color:#08211A;
	border:1px solid #08211A;
	padding:1rem 0;
}
.grn_tbl thead th:first-child {
	border-left:none;
}
.grn_tbl thead th:last-child {
	border-right:none;
}
.grn_tbl tbody tr:last-child > *,
.grn_tbl tbody tr:first-child > th{
	border-bottom:1px solid #08211A;
}
.grn_tbl tbody th {
	font-size:1.2rem;
	color:#08211A;
	border-bottom:1px solid #D1D1D1;
	font-weight:800;
}
.grn_tbl .bor_no {
	border-bottom:1px solid #D1D1D1 !important;
}
.grn_tbl tbody td {
	font-size:1rem;
	color:#707070;
	border-bottom:1px solid #D1D1D1;
	border-left:1px solid #08211A;
	border-right:1px solid #08211A;
	padding:0.5rem 0.8rem;
	text-align:left;
}
.grn_tbl tfoot tr th {
	background:#007C57;
	color:#fff;
	padding:0.5rem;
	font-size:1.4rem;
	font-weight:400;
}
.grn_tbl tfoot tr th span {
	font-size:2.8rem;
	font-weight:bold;
}
.table_desc {
	text-align:left;
	font-weight:300;
}

/* --------------- list ------------- */
.search_area {
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: flex-end;
	gap:0.5rem;
}
.search_area .nice-select {
	width:8rem;
}
.search_btn {
	width:3rem;
	height:3rem;
	background:url(/img/common/search_btn.png) no-repeat 50%;
	background-size:cover;
}
.list_header {
	display:flex;
	display:-webkit-flex;
	align-items: center;
	border-top:0.15rem solid #08211A;
	border-bottom:1px solid #08211A;
	height:3.5rem;
}
.list_header>div {
	font-size:1.2rem;
	font-weight:500;
	color:#08211A;
	text-align:center;
}
.list_num {
	width:10%;
}
.list_title {
	flex-grow:1;
}
.list_regist {
	width:7rem;
}

.list_container li {
	display:flex;
	display:-webkit-flex;
	align-items: center;
	border-bottom:1px solid #D1D1D1;
	min-height:3.5rem;
}
.list_container li>div {
	font-size:1rem;
	color:#707070;
}
.list_container li a {
	color:#707070;
}
.list_container li a:hover {
	color:#08211A;
	font-weight:500;
	text-decoration:underline;
}
.list_container li a img {
	margin:0 0 0.1rem 0.5rem;
}
.list_container .list_title {
	text-align:left;
}

.list_view_container .list_header {
	height:4.5rem;
}
.list_view_container .list_title {
	text-align:left;
	font-size:1.7rem;
	font-weight:800;
}
.list_view_container .list_regist {
	text-align:right;
	font-weight:400;
	color:#707070;
}
.view_area {
	padding:2rem 0;
	border-bottom:1px solid #D1D1D1;
	color:#08211A;
}
.view_area video {
	display:none;
	margin:0 auto 2rem;
	width:100%;
	max-width:50rem;
}
.view_area video.show {
	display:block;
}
.view_area .marker {
	background:yellow;
}

.upload_file_area {
	display:flex;
	display:-webkit-flex;
	align-items: flex-start;
	border-bottom:1px solid #D1D1D1;
}
.upload_file_area div {
	font-weight:600;
	color:#007C57;
	padding:1.5rem 0;
}
.upload_file_area div img {
	margin-right:0.5rem;
}
.upload_file_area ul {
	flex-grow:1;
	padding:1.5rem 0 1.5rem 1.5rem;
	text-align:left;
}
.upload_file_area ul li {
	margin-bottom:0.4rem;
}
.upload_file_area ul li:last-child {
	margin-bottom:0;
}
.upload_file_area ul a {
	color:#707070;
}
/* .upload_file_area ul a:hover {
	color:#08211A;
	font-weight:500;
} */

/* ----------- pager -------------- */
.pager {
	display:flex;
	display:-webkit-flex;
	align-items: center;
	gap:0.5rem;
	justify-content: center;
}
.pager a {
	width:3rem;
	height:3rem;
	display:inline-block;
	border-radius:3rem;
}
.pager a.list_page {
	line-height:3rem;
	font-size:1.2rem;
	font-weight:500;
	color:#D1D1D1;
}
.pager .list_page.active {
	background:#007C57;
	border:none;
	color:#fff;
}
.pager .first {
	border:2px solid #D1D1D1; 
	background:url(/img/common/pager_first.png) no-repeat 50%;
	background-size:1rem;
}
.pager .prev {
	border:2px solid #D1D1D1; 
	background:url(/img/common/pager_prev.png) no-repeat 50%;
	background-size:0.5rem;
}
.pager .next {
	border:2px solid #D1D1D1; 
	background:url(/img/common/pager_next.png) no-repeat 50%;
	background-size:0.5rem;
}
.pager .end {
	border:2px solid #D1D1D1; 
	background:url(/img/common/pager_end.png) no-repeat 50%;
	background-size:1rem;
}

.inquiry  {
	text-align:center;
}
.inquiry .sub_tit {
	font-size:3rem;
}
.inquiry #userName {
	width:25rem;
}
.Brand {
	text-align:center;
}
.Brand .sec1 {
	padding : 7rem 0;
}
.Brand .sec1 .banner_logo {
	display:block;
	width:26.8rem;
	margin:0 auto 4rem;
}
.Brand .sec1 .quotes {
	width:1.4rem;
}
.Brand .sec1 .banner_desc {
	font-weight :500;
	color:#08211A;
	font-size:2rem;
}
.Brand .sec1 .text-left {
	color:#007C57;
	font-size:3rem;
	font-family: 'GmarketSans';
	text-align:left;
	max-width:37.5rem;
	margin: 0 auto 0.5rem;
}
.Brand .sec1 .text-right {
	color:#007C57;
	font-size:3rem;
	font-family: 'GmarketSans';
	text-align:right;
	max-width:37.5rem;
	margin:0 auto 1.5rem;
}
.Brand .sec1 .tit.reverse {
	font-family: 'GmarketSans';
	font-size:5.5rem;
	position:relative;
	padding:0.4rem 2.5rem 0.1rem;
}
.Brand .sec1 .tit.reverse span {
	letter-spacing: -0.4rem;
}
.Brand .sec1 .tit.reverse::after {
	content:'';
	display:block;
	width:4%;
	height:35%;
	border-radius:0 10% 10% 0;
	background:#007C57;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(calc(100% + 0.5rem),-50%);
}
.Brand .sec2 {
	background:#EBFFF5;
	padding:7rem 0;
	overflow-y:hidden;
}
.Brand .sec2 .d-flex {
	justify-content: space-between;
}
.Brand .sec3 {
	padding:7rem 0;
}
.Brand .sec3 .d-flex {
	gap:2rem;
}
.Brand .sec3 .d-flex>img {
	width:calc(50% - 1rem);
}
.Brand .sec3 .d-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	width:calc(50% - 1rem);
}
.Brand .sec3 .d-grid>div {
	padding:1.5rem;
	font-size:1.15rem;
	color:#fff;
	font-weight:500;
	font-family: 'GmarketSans';
	text-align:left;
	line-height:1.5;
}

.Brand .sec3 .d-grid .color1 { grid-area: 1 / 1 / 2 / 3;background:#007C57; }
.Brand .sec3 .d-grid .color2 { grid-area: 2 / 1 / 3 / 2;background:#85CDA1; }
.Brand .sec3 .d-grid .color3 { grid-area: 2 / 2 / 3 / 3;background:#EABC53; }

.CafeMenu section {
	text-align:center;
	padding:7rem 0;
	overflow:hidden;
}
.CafeMenu .sec1 {
	overflow-y:hidden;
}
.CafeMenu .sec1 .reverse .battery {
	width:8rem;
}
.CafeMenu .sec1_swiper {
	display:none;
}
.CafeMenu .sec2,
.CafeMenu .sec4 {
	background:#EBFFF5;
}
.CafeMenu .sec2_swiper ,
.CafeMenu .sec3_swiper {
	max-width:1530px;
	width:90%;
}
.CafeMenu .sec2_swiper .swiper-wrapper,
.CafeMenu .sec3_swiper .swiper-wrapper {
	align-items: flex-end;
	transform:none;
}
.CafeMenu .sec3_swiper .swiper-slide {
	height:100%;
}
.CafeMenu .web_ul {
	flex-wrap:wrap;
	gap:5.8rem 5rem;
	justify-content: center;
}
.CafeMenu .sec4_swiper {
	display:none;
}
.CafeMenu .sec4_swiper .swiper-wrapper {
	align-items: center;
}
.CafeMenu .bounce_list .color_box {
	border-radius:1rem;
	background:#EABC53;
	padding:1rem 1.6rem 54.5%;
}
.CafeMenu .bounce_list .img_area>img:last-child {
	max-width:76%;
	margin-top:-68%;
}
.CafeMenu .bounce_list li:nth-child(2) .color_box {
	background:#71CDA1;
}
.CafeMenu .bounce_list li:nth-child(3) .color_box {
	background:#007C57;
}

.Interior {
	text-align:center;
}
.Interior section {
	padding:7rem 0;
}
.Interior .tit {
	font-family: 'GmarketSans';
}
.Interior .sec1 ol li{
	display:flex;
	display:-webkit-flex;
	align-items: center;
	gap:0.4rem;
	justify-content: center;
}
.Interior .sec1 ol li img {
	width:1.6rem;
}
.Interior .photo_list {
	flex-wrap:wrap;
	gap:1.5rem;
}
.Interior .photo_list li {
	width:calc(50% - 0.75rem);
	border-radius:1rem;
	overflow:hidden;
}

/* -------------- 가맹 절차 및 비용 --------------- */
.Guide {
	text-align:center;
}
.Guide .step_box {
	display:flex;
	display:-webkit-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:8.2rem;
	height:8.2rem;
	border-radius:4.1rem;
	background:#D4F0E3;	
	gap:0.4rem;
}
.Guide .step_box h3 {
	font-size:1rem;
	color:#007C57;
	font-family:'Gmarket Sans';
}
.Guide .step_box p {
	font-size:1.2rem;
	font-weight:500;
	color:#08211A;
}
.Guide .step_box.green {
	background:#007C57;
	color:#fff;
}
.Guide .step_box.green > * {
	color:#fff;
}
.Guide .sec1 {
	padding:7rem 0;
}
.Guide .sec1 .d-flex {
	flex-wrap:wrap;
	justify-content: center;
	gap:0.35rem;
}
.Guide .sec3 {
	padding:7rem 0 13.5rem;
}

.qa_list {
	border-top:1px solid #08211A;
	text-align:left;
	color:#08211A;
}
.qa_list li {
	border-bottom:1px solid #08211A;
}
.qa_list li span {
	font-size:1.5rem;
	font-family:'Gmarket Sans';
	font-weight:bold;
	display:inline-block;
	margin-right:1.6rem;
}
.qa_list li>div {
	padding:1.3rem 1.5rem;
}
.qa_list li .q_box {
	font-weight:bold;
	position:relative;
	cursor:pointer;
}
.qa_list li .q_box img {
	position:absolute;
	right:1.5rem;
	width:1rem;
	top:50%;
	transform:translate(0,-50%) rotate(180deg);
	
}
.qa_list li .q_box.show img {
	transform:translate(0,-50%) rotate(0deg);
}
.qa_list li .a_box {
	border-top:1px solid #D1D1D1;
	display:none;
}
.qa_list li .a_box span {
	color:#007C57;
}

.Curriculum {
	text-align:center;
}
.Curriculum .sec1{
	padding:7rem 0;
}
.Curriculum .sec2 {
	padding-bottom:13.5rem;
}
.Curriculum .grn_tbl tbody td:last-child {
	border-right:none;
}
.Curriculum .grn_tbl tbody td {
	padding:0.9rem;
	text-align:center;
}
.Curriculum .sec1 .d-flex img {
	border-radius:1rem;
	width:calc(50% - 0.75rem);
}

.Promotion {
	text-align:center;
}
.Promotion .sec1 {
	padding:7rem 0;
}
.Promotion .sec1 .d-flex img {
	width:calc((100% - 3rem) / 3);	
}
.Promotion .sec2 {
	padding-bottom:13.5rem;
}
.Promotion p.desc img {
	width:1.6rem;
}

.slideUp_popup {
	width:100%;
	max-width:1680px;
	position:fixed;
	top:calc(100vh - 6.1rem);
	top:calc(100dvh - 6.1rem);
	left:50%;
	transform:translate(-50%,0);
	background:#fff;
	border-radius:1rem 1rem 0 0;
	z-index: 5;
	/* transition:all 0.5s ease; */
}
.slideUp_popup.footer_fix {
	position:absolute;
	top:auto;
	transform:translate(-50%,-100%);
	transition:none;
}
.slideUp_popup.footer_fix .popup_contents {
	display:none;
}
.slideUp_popup .popup_contents {
	max-height:calc(100vh - 9.2rem);
	max-height:calc(100dvh - 9.2rem);
	overflow:auto;
	padding:2rem 0;
}
.slideUp_popup .close_btn {
	display:none;
}
.slideUp_popup.slideUp {
	top: 3rem;
    position: fixed;
    transform: translate(-50%, 0);
	transition:all 0.3s ease;
	z-index: 7;
}
.slideUp_popup.slideUp .popup_contents {
	display:block;
}
.slideUp_popup.slideUp .popup_header .btn {
	display:none;
}
.slideUp_popup.slideUp .close_btn {
	display:block;
	max-width:2.5rem;
}
.popup_header {
	background:#007C57;
	border-radius:1rem 1rem 0 0;
	padding:1rem 5%;
}
.popup_header .d-flex {
	align-items: center;
	gap:1.2rem;
}
.popup_header .d-flex>img {
	width:4.2rem;
}
.popup_header .d-flex>div {
	flex-grow:1;
	text-align:left;
	color:#fff;
}
.popup_header h3 {
	font-family:'Gmarket Sans';
	font-size:1.7rem;
	margin-bottom:0.25rem;
}
.popup_header h3 span {
	font-size:0.9rem;
	font-weight:500;
	color:#007C57;
	display:inline-block;
	background:#fff;
	padding:0.2rem 0.4rem;
	letter-spacing: -0.05rem;
	transform:translate(0,-0.1rem);
}

/* ----------- 자료실 ------------- */
.Notice {
	position:relative;
}
.Archieve {
	position:relative;
}
.Archieve .notice_container,
.Notice .notice_container {
	position:relative;
	min-height:50dvh;
}
.blur_layer {
	position:absolute;
	top:0%;
	left:-5%;
	width:110%;
	height:100%;
	backdrop-filter: blur(12px) brightness(1);
	-webkit-backdrop-filter: blur(12px) brightness(1);
	z-index: 3;
}
.login_container {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	border:1px solid #007C57;
	border-radius:1rem;
	padding:5rem 0;
	text-align:center;
	max-width:29rem;
	width:80%;
}
.login_container img {
	max-width:50%;
}
.login_container h3 {
	font-size:2rem;
	color:#007C57;
	line-height:1.1;
	font-weight:bold;
	font-family: 'Gmarket Sans';
}
.login_container h3 small {
	font-weight:500;
	font-size:1.2rem;
}
.login_container .ipt {
	width:80%;
	max-width:21rem;
}
.login_container .btn {
	margin-top:2rem;
}

.mb_10 { margin-bottom:0.5rem;}
.mb_15 { margin-bottom:0.75rem;}
.mb_20 { margin-bottom:1rem;}
.mb_30 { margin-bottom:1.5rem;}
.mb_40 { margin-bottom:2rem;}
.mb_45 { margin-bottom:2.25rem;}
.mb_50 { margin-bottom:2.5rem;}
.mb_55 { margin-bottom:2.75rem;}
.mb_60 { margin-bottom:3rem;}
.mb_70 { margin-bottom:3.5rem;}
.mb_80 { margin-bottom:4rem;}
.mb_85 { margin-bottom:4.25rem;}
.mb_120 { margin-bottom:6rem;}

.ml_10 { margin-left:0.5rem;}

@media screen and (max-width:1680px) {
	html {
		font-size:18px;
	}
	.wrap_1680 {
		max-width:90%;
	}
}
@media screen and (max-width:1540px) {
	.wrap_1530 {
		max-width:90%;
	}
	.CafeMenu .web_ul {
		display:none;
	}
	.CafeMenu .sec4_swiper {
		display:block;
	}
}
@media screen and (max-width:1280px) {
	html {
		font-size:16px;
	}
	.wrap_1680 {
		max-width:90%;
	}
}
@media screen and (max-width:1024px) {
	html {
		font-size:14px;
	}
	.wrap_1680 {
		max-width:90%;
	}
	.banner .banner_bg {
		bottom:1.3rem;
	}
	.form_list li > label {
		width:25%;
	}
	.form_list li select {
		padding: 0.7rem 0.3rem;
	}
	.ipt.wd_300 {
		width:30%;
	}
	.inquiry #userName {
		width:64%;
		margin-right:0;
	}
	.form_list .email .ipt {
		width:20%;
	}
	.ipt.wd_full {
		width:70%;
	}
	.phone_num .ipt {
		width:25%;
	}
	.phone_num {
		width:74%;
	}
}
@media screen and (max-width:768px) {
	html {
		font-size:12px;
	}
	.tit {
		font-size:2.5rem;
	}
	.tit.mb_80 {
		margin-bottom:2rem;
	}
	.web_br {
		display:none;
	}
	.mob_br {
		display:block;
	}
	footer .mob_hide {
		display:none;
	}
	.fix_btn img {
		width:4rem;
		height:4rem;
	}
	.banner .banner_bg {
		width:680px;
		bottom:2.5rem;
	}
	.banner ul.d-flex {
		gap:3rem;
	}
	.bounce_list {
		flex-direction: column;
		gap:4rem;
	}
	.bounce_list li {
		width:100%;
	}
	.form_wrap .email .nice-select {
		margin-right:0 !important;
		width:23.5%;
	}
	.agree_chk input[type=checkbox] + label {
		background-size:1.4rem 1.4rem;
		padding-left:2rem;
	}
	.agree_chk input[type=checkbox]:checked + label {
		background-size:1.4rem 1.4rem;
		padding-left:2rem;
	}
	.Brand .sec1 .banner_logo {
		width:18.5rem;
	}
	.Brand .sec1 .banner_desc {
		font-size:1.5rem;
	}
	.Brand .sec1 .tit.reverse {
		font-size:4rem;
	}
	.Brand .sec3 .d-flex {
		flex-direction: column;
	}
	.Brand .sec3 .d-flex>* {
		width:100%;
	}
	.Brand .sec3 .d-grid>div {
		padding-bottom:3.7rem;
	}
	.Brand .bounce_list .img_box {
		display:inline-block;
	}
	.CafeMenu section {
		padding:6rem 0;
	}
	.CafeMenu .sec1 .sub_tit {
		font-size:1.8rem;
	}
	.CafeMenu .sec2_swiper  ,
	.CafeMenu .sec3_swiper  {
		padding-right:0;
	}
	.CafeMenu .sec2_swiper .swiper-slide img ,
	.CafeMenu .sec3_swiper .swiper-slide img {
		width:11.8rem;
	}
	.CafeMenu .sec1 .reverse .battery {
		width:6rem;
	}
	.CafeMenu .sec1 .bounce_list {
		display:none;
	}
	.CafeMenu .sec1_swiper {
		display:block;
	}
	.CafeMenu .sec1_swiper .bounce_list {
		display:flex;
		flex-direction: row;
		gap:0;
	}
	.CafeMenu .sec1_swiper .bounce_list .color_box + img  {
		max-width:60%;
	}
	.CafeMenu .sec1_swiper .bounce_list li {
		opacity:1;
	}
	.CafeMenu .sec1_swiper .swiper-slide {
		width:70%;
	}

	.Guide .step_box + img {
		width:0.8rem;
	}
	.Guide .step_box {
		width:calc(22.5vw - 1.5rem);
		height:calc(22.5vw - 1.5rem);
		border-radius:30rem;
	}
	.Guide .arrow_long {
		max-width: 44rem;
        width: 68vw;
	}
	.slideUp_popup .popup_header .btn.bor_white {
		min-width:auto;
		padding:0.75rem;
		flex-grow:2;
		font-size:1rem;
	}
	.Curriculum .sec1 .d-flex{
		flex-wrap:wrap;
		gap:1.5rem;
	}
	.Curriculum .sec1 .d-flex img{
		width:100%;
	}
	.Promotion .sec1 .d-flex img {
		width:calc((100% - 1rem) / 3);
	}
}
@media screen and (max-width:480px) {
	html {
		font-size:10px;
	}
	body {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.Interior .photo_list {
		flex-wrap:wrap;
		flex-direction: column;
	}
	.Interior .photo_list li {
		width:100%;
	}
	.form_wrap .email .nice-select {
		transform:none;
	}

	.popup_header .d-flex {
		gap:0.5rem;
	}
	.popup_header .d-flex>img {
		width:3.5rem;
	}
	.slideUp_popup {
		top:calc(100vh - 5.7rem);
		top:calc(100dvh - 5.7rem);
	}
	.slideUp_popup .popup_header .btn.bor_white {
		padding:0.75rem 0;
		font-size:0.8rem;
	}
	.slideUp_popup .popup_contents {
		max-height:calc(100vh - 8.7rem);
		max-height:calc(100dvh - 8.7rem);
	}
	.Guide .step_box {
		width:calc(22.5vw - 1.6rem);
		height:calc(22.5vw - 1.6rem);
	}
	.Guide .arrow_long {
		width:71vw
	}
}