@charset "euc-kr";

/* ezpass
------------------------------------------------------ */
html {
	overflow: hidden;
	scroll-behavior: smooth;
}

body {
	padding-top: 0;
	overflow-x: auto;
}


/* -------- º¯¼ö -------- */
:root {

	/* change */
	--ged-color-gradient: linear-gradient(110deg, var(--ezpass-yellowgreen), var(--ezpass-green));

	/* default */
	--ezpass-palegreen: #f0f7f4;
	--ezpass-green: #2f855a;
	--ezpass-dullgreen: #6b8075;
	--ezpass-darkgreen: #1f6f50;
	--ezpass-lightyellowgreen: #e8f7e8;
	--ezpass-yellowgreen: #4caf50;

	/* gnb */
	--ezpass-gnb-dep1-height: 6.4rem;
	--ezpass-gnb-dep2-height: 18rem;
	--ezpass-gnb-dep2-color: #6b8075;
	--ezpass-mobile-header: 7rem;
}

.tab-line {
	top: 0;
}

.tab-line .tab-link.active::before {
	background-color: var(--ezpass-green);
}

.tab-content>h3::before {
	background: var(--ezpass-lightyellowgreen);
}


/* -------- layout -------- */
.ezpass {
	padding: 0 0 8rem;
}

/* common */
.latest-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0 0 0 0.8rem;
	height: 6rem;
	font-size: clamp(1.8rem, 2.5vw, 2.4rem);
	font-weight: 700;
	color: var(--ged-color-gray8);
	z-index: 0;
}

.latest-title>div {
	display: flex;
	align-items: center;
}

.latest-title>div::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 1.2rem 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}

.latest-title .btn-more {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 10rem;
	font-size: clamp(1.3rem, 1.8vw, 1.5rem);
	font-weight: 400;
	color: var(--ezpass-dullgreen);
	letter-spacing: -0.06em;
}

.latest-title .btn-more::after {
	content: "\EA12";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	margin: 0 0 0 1rem;
	width: 4rem;
	height: 4rem;
	font-size: 1.2em;
	font-weight: 300;
	background: var(--ged-color-gray0);
	border-radius: 4rem;
}

/* hyphen */
.hyphen {
	display: inline-flex;
	align-items: center;
	width: 0.6rem;
	overflow: hidden;
	text-align: center;
}


/* -------- header -------- */
header.scroll-act {
	box-shadow: none;
}

.ezpass-hd {
	position: static;
}

.ezpass-hd .header-top {
	position: relative;
	z-index: 0;
	background: var(--ged-color-gray8);
}

.ezpass-hd .header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
}

.ezpass-hd .header-top .container ul {
	display: flex;
}

.ezpass-hd .header-top .container ul li::before {
	content: "|";
	display: inline-block;
	clear: both;
	margin: 0 1.2rem;
}

.ezpass-hd .header-top .container ul li:first-child::before {
	display: none;
}

.ezpass-hd .header-top .container ul li a {
	display: inline-flex;
	align-items: center;
	font-size: 1.5rem;
	height: 4rem;
	color: var(--ged-color-white);
}

.ezpass-hd .header-center {
	position: relative;
	z-index: 0;
}

.ezpass-hd .header-center .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 15rem;
}


/* -------- gnb -------- */
.ezpass-gnb {
	position: relative;
	height: var(--ezpass-gnb-dep1-height);
	background: var(--ezpass-palegreen);
	border-top: 0.1rem solid var(--ged-color-gray8);
	z-index: 2;
}

.ezpass-gnb::after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	clear: both;
	width: 100%;
	height: var(--ezpass-gnb-dep1-height);
	background: var(--ged-color-white);
	box-shadow: 0 6px 1rem rgb(0 0 0/0.06);
}

.main .ezpass-gnb {
	height: calc(var(--ezpass-gnb-dep1-height) + var(--ezpass-gnb-dep2-height));
}

/* dep1 */
.ezpass-gnb .dep1 {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.ezpass-gnb .dep1>li {
	flex: 0 0 calc(120rem/5);
	position: relative;
	width: calc(120rem/5);
	max-width: 20%;
}

.ezpass-gnb .dep1>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: var(--ezpass-gnb-dep1-height);
	font-size: clamp(1.6rem, 2.2vw, 1.9rem);
	font-weight: 700;
	color: var(--ged-color-gray9);
	letter-spacing: -0.04em;
	transition: all .3s;
}

/* dep2 */
.ezpass-gnb .dep2 {
	padding: 1.6rem 0 2rem 4.8rem;
	/* height: calc(100% - var(--ezpass-gnb-dep1-height)) !important; */
	height: calc(var(--ezpass-gnb-dep2-height) - 0.1rem);
	background: transparent;
	transition: background .2s;
	display: none;
	position: absolute;
	top: var(--ezpass-gnb-dep1-height);
	width: 100%;
	z-index: 2;
}

.main .ezpass-gnb .dep2 {
	display: block;
}

.ezpass-gnb .dep2 li:not(:first-child) {
	margin: 8px 0 0;
}

.ezpass-gnb .dep2 li a {
	font-size: 1.6rem;
	font-size: 400;
	color: var(--ezpass-gnb-dep2-color);
	letter-spacing: -0.04em;
	transition: all .3s;
}

.ezpass-gnb .dep2 li a::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative;
	top: -5px;
	margin: 0 6px 0 0;
	width: 3px;
	height: 3px;
	background: var(--ezpass-gnb-dep2-color);
	border-radius: 1rem;
}

.ezpass-gnb .dep2 li:has(span) a {
	pointer-events: none;
	cursor: default;
	opacity: 0.7;
}

.label-tba {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -0.2em;
	margin-left: 4px;
	padding: 0px 8px 0px 7px;
	height: 1.5rem;
	font-size: 1rem;
	font-weight: 500;
	color: var(--ezpass-yellowgreen);
	background: var(--ged-color-lightgreen);
	border-radius: 0 4px 0 8px;
	transform: skewX(-15deg);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.label-tba::before {
	content: attr(data-text);
	display: inline-flex;
	clear: both;

}

.ezpass-gnb>span {
	display: none;
}

.ezpass-gnb>span::before {
	content: "\EEBA";
	display: inline-flex;
	clear: both;
	margin: 0 0.8rem 0 0;
	font-size: 1.1em;
	font-weight: 400;
}

/* hover */
/* .ezpass-gnb:has(.dep1 > li:hover) { 
	height: calc(var(--ezpass-gnb-dep1-height) + var(--ezpass-gnb-dep2-height));
	transition: height .2s ease-in-out;
} */
.ezpass-gnb:has(.dep1 > li:hover)::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(var(--ezpass-gnb-dep1-height) + var(--ezpass-gnb-dep2-height));
	background: var(--ezpass-palegreen);
	border-bottom: 0.1rem solid #dadbda;
	transition: height .2s ease-in-out;
}

.ezpass-gnb:has(.dep1 > li:hover) .dep2 {
	display: block !important;
}

.ezpass-gnb .dep1>li:hover .dep2 {
	background: var(--ged-color-white);
}

.ezpass-gnb .dep1>li:hover .dep2 li a {
	color: var(--ged-color-gray8);
}

@media (hover: hover) {
	.ezpass-gnb .dep1>li:hover>a {
		color: var(--ezpass-green);
	}

	.ezpass-gnb .dep1>li:hover .dep2 li a:hover {
		color: var(--ezpass-green);
	}
}

/* mobile-snb */
.ezpass-snb {
	padding: 0 2.4rem;
	max-width: 100%;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
	white-space: nowrap;
	overflow-x: auto;
}

body.main .ezpass-snb {
	display: none;
}

.ezpass-snb ul {
	display: flex;
	margin: auto;
	width: 120rem;
	max-width: 100%;
}

.ezpass-snb li~li {
	margin: 0 0 0 2.4rem;
}

.ezpass-snb a {
	display: flex;
	align-items: center;
	height: 6rem;
	font-size: clamp(1.4rem, 2vw, 1.6rem);
	letter-spacing: -0.06em;
}

.ezpass-snb a::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 6px 0 0;
	width: 3px;
	height: 3px;
	background: var(--ged-color-gray4);
	border-radius: 1rem;
}

.ezpass-snb a:hover {
	color: var(--ezpass-green);
}

.ezpass-snb ul>li.active {
	color: var(--ezpass-green);
}

/* mobile */
.btn-mobile {
	display: none;
}

.ezpass-gnb-m,
.mypage-m {
	display: none;
}


/* -------- ad-mini -------- */
.ad-mini>a {
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

.ad-mini-m>a {
	display: none;
}

.ad-text h4 {
	margin: 2rem 0 0;
	font-size: 1.9rem;
	font-weight: 700;
	color: var(--ged-color-gray8);
	letter-spacing: -0.06em;
}

.ad-text h4 b {
	font-weight: inherit;
	color: var(--ezpass-green);
}

.ad-text h4+p {
	margin: 8px 0 0;
	font-size: 1.4rem;
	color: var(--ezpass-dullgreen);
}


/* -------- mainbanner -------- */
#mainBanner {
	font-size: 0;
}

#mainBanner img {
	aspect-ratio: 48 / 11;
}


/* -------- mini-banner -------- */
.mini-banner {
	margin: 4.8rem auto;
	max-width: 92%;
}

.mini-banner ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.mini-banner li {
	max-width: 48rem;
	max-height: 16rem;
	aspect-ratio: 3 / 1;
	overflow: hidden;
}

.mini-banner li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.mini-banner li a img {
	border-radius: 1.2rem;
}


/* -------- youtube-list -------- */
.ytb-wrap {
	padding: 6rem 0 8rem;
	background: var(--ezpass-palegreen);
}

.ytb-list {
	margin: auto;
	width: 120rem;
	max-width: 100%;
}

/* latest-title */
.ytb-list .latest-title {
	padding: 0 0 0 6rem;
}

.ytb-list .latest-title>div::before {
	position: absolute;
	left: -11rem;
	top: -3rem;
	margin: 0;
	width: 18.8rem;
	height: 17.5rem;
	background-image: url('/images/main/title_icon_ytb.png');
	z-index: -1;
}

.ytb-list .latest-title .btn-more::after {
	background: var(--ged-color-white);
}

/* youtube-tab */
.ytb-tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 3rem;
	position: relative;
	height: 6rem;
	background: var(--ged-color-white);
	border-radius: 1.2rem;
}

.ytb-tab li {
	flex: 0 0 calc((100% - 6rem)/3);
	width: calc((100% - 6rem)/3);
	height: 100%;
}

.ytb-tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: clamp(1.5rem, 2.2vw, 1.9rem);
	font-weight: 700;
	color: var(--ged-color-gray7);
	border-radius: 1.2rem;
	letter-spacing: -0.06em;
	transition: all .3s;
}

/* .ytb-tab li a:hover, */
.ytb-tab li a.active {
	color: var(--ged-color-white);
	background: #4caf50;
	background: linear-gradient(110deg, #4caf50, var(--ezpass-green));
	box-shadow: 0.4rem 2rem 4rem rgb(47 136 90/0.4);
}

/* youtube-content */
.ytb-con {
	margin: 3.2rem 0 0;
}

.ytb-con figure>div {
	position: relative;
}

.ytb-con figure>div>button {
	display: block;
}

.ytb-con figure img {
	border-radius: 1.2rem;
	aspect-ratio: 4 / 3;
}

.fslightbox-container {
	margin: 0;
}

.fslightbox-source {
	width: 90rem !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
}

.ytb-con figure>div .label-new {
	position: absolute;
	top: 0;
	right: 3rem;
	width: 4.6rem;
	height: 4.8rem;
	background: url('/images/main/ytb_new.png') no-repeat 0 0;
	background-size: contain;
	aspect-ratio: 1 / 1;
}

.ytb-con .ytb-tit {
	display: flex;
	align-items: center;
	padding: 1.6rem 0;
	min-height: 4.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--ged-color-gray8);
}

.ytb-con .ytb-tit::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 8px 0 1rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url('/images/main/ytb_tit_icon.png') no-repeat 0 0;
	background-size: contain;
}

/* .ytb-con .ytb-tit span { 
	display: inline-block;
	width: calc(100% - 4rem); 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} */

.ytb-con .ytb-dept {
	display: flex;
	align-items: center;
	padding: 1.4rem 2rem 1.6rem;
	min-height: 8rem;
	line-height: 1.5;
	font-size: 1.6rem;
	color: var(--ezpass-gnb-dep2-color);
	background: #e2efe9;
	border-radius: 1.2rem;
	letter-spacing: -0.04em;
}

/* video-list */
.video-list {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.video-list>li {
	flex: 0 0 calc((100% - 6rem)/3);
	width: calc((100% - 6rem)/3);
}

/* swiper */
.ytb-con .swiper-button-next,
.ytb-con .swiper-button-prev,
.ytb-con~.swiper-button-next,
.ytb-con~.swiper-button-prev {
	width: 4rem;
	height: 4rem;
	background: var(--ged-color-white);
}

.swiper-button-prev,
.swiper-button-next {
	top: 45% !important;
	font-size: 1.5em;
	color: var(--ged-color-gray8);
}

.swiper-button-prev::before,
.swiper-button-next::before {
	display: block;
	clear: both;
}

.swiper-button-prev svg,
.swiper-button-next svg {
	display: none;
}

.swiper-button-prev {
	left: 0 !important;
}

.swiper-button-prev::before {
	content: "\EA64";
}

.swiper-button-next {
	right: 0 !important;
}

.swiper-button-next::before {
	content: "\EA6E";
}

.swiper-button-disabled {
	color: var(--ged-color-gray4);
	opacity: 1 !important;
}


/* -------- event-list -------- */
.event-list {
	padding: 6rem 0 0;
}

.event-list .latest-title div::before {
	width: 6rem;
	height: 6rem;
	background-image: url('/images/main/title_icon_event.png');
}

.event-list .container>ul {
	display: flex;
	gap: 3rem;
	margin: 1rem 0 0;
}

.event-list .container>ul>li {
	flex: 0 0 calc((100% - 6rem)/3);
	width: calc((100% - 6rem)/3);
}

.event-list .container>ul img {
	border-radius: 1.2rem;
	aspect-ratio: 19 / 17;
}


/* -------- latest-list -------- */
.latest-list {
	padding: 6rem 0 7rem;
}

.latest-list>.container {
	display: flex;
	gap: 3rem;
}

.latest-list>.container>div {
	flex: 1 0 calc((100% - 3rem)/2);
	width: calc((100% - 3rem)/2);
}

.latest-content {
	margin: 1rem 0 0;
	padding: 2.5rem 3rem;
	min-height: 19rem;
	font-weight: 400;
	background: var(--ged-color-gray0);
	border-radius: 1.2rem;
}

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

.latest-content li:not(:first-child) {
	margin: 1rem 0 0;
}

.latest-content a {
	width: 72%;
	font-size: 1.6rem;
	color: var(--ged-color-gray6);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
}

.latest-content a:hover {
	color: var(--ged-color-gray8);
	text-decoration: underline;
}

.latest-content a::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative;
	top: -5px;
	margin: 0 8px 0 0;
	width: 3px;
	height: 3px;
	background: var(--ged-color-gray4);
	border-radius: 1rem;
}

.latest-content span {
	font-size: 1.2rem;
	color: var(--ged-color-gray3);
}


/* latest-notiece */
.latest-list .latest-title.latest-notiece div::before {
	width: 6rem;
	height: 6rem;
	background-image: url('/images/main/title_icon_notice.png');
}

/* latest-review */
.latest-list .latest-title.latest-review div::before {
	width: 6rem;
	height: 6rem;
	background-image: url('/images/main/title_icon_review.png');
}


/* -------- cs-service -------- */
.cs-service {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	margin: auto;
	padding: 1.5rem 1.5rem 1.5rem 8rem;
	width: 120rem;
	height: 12rem;
	max-width: 94%;
	font-size: clamp(1.8rem, 2.5vw, 2.4rem);
	font-weight: 700;
	color: var(--ged-color-gray8);
	background: var(--ged-color-white);
	border-radius: 1.2rem;
	box-shadow: 0 4px 2rem rgb(0 0 0/10%);
	z-index: 0;
}

.cs-service>div::before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	left: -5.6rem;
	top: -2.5rem;
	width: 11.8rem;
	height: 10.7rem;
	background: url('/images/main/title_icon_cs.png') no-repeat;
	background-size: contain;
	z-index: -1;
}

.cs-service>div small {
	display: block;
	margin: 4px 0 0;
	font-size: clamp(1.4rem, 2vw, 1.6rem);
	font-weight: 500;
	color: var(--ged-color-gray5);
}

/* ??? ?????? */
.cs-service>ul {
	display: flex;
	gap: 1rem;
}

.cs-service>ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 4rem;
	height: 9rem;
	min-width: 24rem;
	background: var(--ezpass-palegreen);
	border-radius: 8px;
	white-space: nowrap;
}

.cs-service>ul li div {
	font-size: clamp(1.5rem, 2.2vw, 1.8rem);
	font-weight: 700;
	color: var(--ged-color-gray7);
}

.cs-service>ul li div+p {
	margin: 0 0 0 2rem;
	font-size: clamp(2.4rem, 3.2vw, 3.2rem);
	font-weight: 900;
	color: var(--ezpass-green);
	letter-spacing: -0.08em;
}


/* -------- footer -------- */
footer {
	padding: 3rem 0 6rem;
	border-top: 0.1rem solid var(--ezpass-dullgreen);
}

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

footer .f_logo {
	align-self: center;
}

footer .fnb {
	margin: 0 0 0 4.8rem;
}

footer .fnb li {
	margin: 0 0 0 2.4rem;
}

footer .fnb li a {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--ged-color-gray4);
	transition: all .3s;
}

footer .fnb li a.on {
	color: var(--ged-color-gray7);
}

footer .f_link {
	display: flex;
	align-items: center;
	gap: 1rem;
	height: 4rem;
}

/* site-info */
footer .site-info {
	padding: 3rem 0 0;
	height: 14rem;
	font-size: 1.4rem;
	color: var(--ged-color-gray4);
}

footer .site-info span~span:not(:first-child)::before {
	content: "|";
	display: inline-block;
	clear: both;
	margin: 0 0.8rem;
	font-weight: 300;
	color: var(--ged-color-gray4);
}

footer .site-info span.bin::before {
	display: none !important;
}

footer .site-info p {
	margin: 0.8rem 0 0;
}

/* f_link */
footer .f_link a {
	transition: all .3s;
}

footer .f_link a:hover {
	transform: translateY(-0.4rem);
}


/* -------- quickmenu -------- */
.quick-menu {
	position: absolute;
	top: 19rem;
	left: 50%;
	margin-left: 62rem;
	width: 18rem;
	color: var(--ged-color-white);
	background: var(--ezpass-green);
	text-align: center;
	overflow: hidden;
	transition: all .3s ease-out;
	z-index: 9999;
}



/* quickmenu title */
.quick-title a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.6rem;
	font-size: 1.5rem;
	font-weight: 700;
	box-shadow: 0 0 4rem var(--ezpass-darkgreen);
}

/* quickmenu d-day */
.quick-dday {
	padding: 2.4rem 0 1.6rem;
}

.quick-dday .subject {
	font-size: 2rem;
	font-weight: 700;
}

.quick-dday .count {
	margin: 0.8rem 0 1.2rem;
	font-size: 4.5rem;
	font-weight: 900;
}

.quick-dday .quick-paging {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
}

.btn-prev,
.btn-next {
	letter-spacing: -0.06em;
}

.btn-prev::before,
.btn-next::after {
	display: inline;
	clear: both;
	position: relative;
	top: 0.12rem;
}

.btn-prev::before {
	content: "\EA64";
}

.btn-next::after {
	content: "\EA6E";
}

.quick-dday .quick-paging .page-num {
	margin: 0 1rem;
}

.quick-dday .quick-paging .page-num em {
	font-weight: 900;
}

/* quickmenu cs */
.quick-cs {
	display: flex;
	flex-direction: column;
	padding: 2.4rem 0 1.6rem;
	background: var(--ezpass-darkgreen);
}

.quick-cs .title {
	font-size: 2rem;
	font-weight: 700;
}

.quick-cs a {
	margin: 1.2rem 0 0.8rem;
	font-size: 1.8rem;
	font-weight: 900;
}

.quick-cs .time {
	font-size: 1.3rem;
}

/* btn-top */
.quick-menu .btn-top {
	display: flex !important;
	justify-content: center;
	align-items: center;
	position: static;
	width: 100%;
	height: 6rem;
	font-size: 1.4rem;
	font-weight: 900;
	background: transparent;
	border-radius: 0;
	opacity: 1 !important;
}

.quick-menu .btn-top::before {
	display: none;
}



/* -------- lecture -------- */
.lecture main {
	min-height: 40rem;
}

.lecture main.lecture_list_page {
	padding-top: 2rem;
}

.lecture .lec-list-sort .card-dept {
	height: auto;
	max-height: 18rem;
}

.lecture-hd {
	padding: 6rem 0 0;
}

.lecture-hd h2 {
	display: flex;
	align-items: center;
}

.lecture-hd h2>div i {
	font-weight: 400;
	color: var(--ged-color-gray4);
	vertical-align: sub;
}

/* d-day */
/* .lecture-hd .lecture-dday { 
	display: inline-flex;
	align-items: center;
	margin: 0 0 0 2.4rem;
	border-radius: 0.4rem;
	overflow: hidden;
}
.lecture-hd .lecture-dday .dday-date { 
	display: inline-flex;
	align-items: center;
	padding: 0 1.6rem;
	height: 4rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: #c62828;
	background: #fcebeb;
}
.lecture-hd .lecture-dday .dday-tag { 
	display: inline-flex;
	align-items: center;
	padding: 0 2rem;
	height: 4rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--ged-color-white);
	background: #c62828;
} */

.lecture-hd .lecture-dday {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0 2.4rem;
	padding: 0 2rem;
	height: 4rem;
	background: var(--ged-color-whitepink);
	border: 0.1rem solid var(--ged-color-lightpink);
	border-radius: 4rem;
}

.lecture-hd .lecture-dday .dday-date {
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--ged-color-red);
	letter-spacing: -0.06em;
}

.lecture-hd .lecture-dday .dday-date::after {
	content: "|";
	margin: 0 1rem;
}

.lecture-hd .lecture-dday .dday-tag {
	font-size: 2rem;
	font-weight: 900;
	color: var(--ged-color-red);
}

/* notice */
.lecture-hd .lecture-latest {
	padding: 2.4rem 0;
	background: var(--ged-color-gray0);
}

.lecture-hd .lecture-latest>.container {
	display: flex;
	justify-content: space-between;
	gap: 4rem;
}

.lecture-hd .banner-box {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lecture-hd .banner-box img {
	aspect-ratio: 16 / 5;
}

.lecture-hd .notice-box {
	flex: 1 0 40%;
	width: 40%;
}

.lecture-hd .notice-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 4.5rem;
	border-bottom: 0.1rem solid var(--ged-color-gray7);
}

.lecture-hd .notice-header>h3 {
	margin: 0;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--ged-color-gray7);
	letter-spacing: -0.06em;
}

.lecture-hd .notice-header>a {
	font-size: 1.25rem;
	color: var(--ged-color-gray5);
}

.lecture-hd .notice-header>a::after {
	content: "\EA6E";
	margin: 0 0 0 2px;
	font-size: 1.125em;
	position: relative;
	top: 0.25rem;
	font-weight: 400;
}

.lecture-hd .notice-list li:not(:last-child) {
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}

.lecture-hd .notice-list>li>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.8rem 0;
}

.lecture-hd .notice-list .notice-title {
	display: block;
	width: calc(100% - 6rem);
	max-width: 80%;
	font-size: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lecture-hd .notice-list .notice-date {
	font-size: 1.2rem;
	color: var(--ged-color-gray4);
	text-align: right;
}

/* view */
.lecture_details .container {
	padding: 0;
}



/* 1200px
------------------------------------------------------ */
@media all and (max-width: 1200px) {

	/* gnb */
	.ezpass-gnb .dep1>li>a {
		font-size: 1.7rem;
	}

	/* dep2 */
	.ezpass-gnb .dep2 {
		padding-left: 10%;
	}

	.ezpass-gnb .dep2 li a {
		font-size: 1.5rem;
		letter-spacing: -0.06em;
	}

	/* snb */
	.ezpass-snb li~li {
		margin: 0 0 0 1.2rem;
	}


	/* -------- youtube-list -------- */
	.ytb-wrap {
		padding: 4% 0;
	}

	/* latest-title */
	.ytb-list .latest-title {
		margin: 0 auto;
		width: 92%;
	}

	/* youtube-tab */
	.ytb-tab {
		gap: 0;
		margin: 0 auto;
		width: 92%;
		height: 4.8rem;
	}

	.ytb-tab li {
		flex: 0 0 calc(100%/3);
		width: calc(100%/3);
	}

	/* youtube-content */
	.ytb-con>div {
		gap: 1rem;
		padding: 0 4%;
	}

	/*
	.ytb-con figure { 
		flex: 0 0 calc((100% - 2rem)/3);
		width: calc((100% - 2rem)/3);
	}
	*/
	.ytb-con figure>div .label-new {
		right: 8%;
		width: 4rem;
		height: auto;
	}

	.ytb-con .ytb-tit {
		padding: 1.2rem 0;
		font-size: 1.6rem;
	}

	.ytb-con .ytb-dept {
		padding: 1rem 1.2rem 1.2rem;
		min-height: 6rem;
		line-height: 1.4;
		font-size: 1.4rem;
		border-radius: 0.8rem;
		letter-spacing: -0.06em;
	}

	.ytb-con .ytb-dept br {
		display: none;
	}


	/* -------- event-list -------- */
	.event-list .container>ul {
		gap: 1rem;
	}

	.event-list .container>ul>li {
		flex: 0 0 calc((100% - 2rem)/3);
		width: calc((100% - 2rem)/3);
	}

	/* -------- latest-list -------- */
	.latest-list>.container {
		gap: 2.4rem 1rem;
	}


	/* -------- cs-service -------- */
	.cs-service {
		height: auto;
	}

	.cs-service>div,
	.cs-service>ul {
		flex: 1 0 100%;
		width: 100%;
	}

	.cs-service>div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem 1.2rem 1.6rem 0;
	}

	.cs-service>div small {
		margin: 0;
	}

	/* ??? ?????? */
	.cs-service>ul {
		margin: 0 0 0 -6rem;
	}

	.cs-service>ul li {
		padding: 0 2.4rem;
		width: 100%;
	}


	/* -------- footer -------- */

	/* footer-hd */
	footer .footer-hd {
		flex-direction: column;
		align-items: flex-start;
		position: relative;
	}

	footer .f_logo {
		width: 100%;
		max-width: 100%;
	}

	footer .f_logo img {
		width: 10rem;
	}

	footer .fnb {
		justify-content: flex-start;
		margin: 0;
	}

	footer .fnb li {
		margin: 0 1.2rem 0 0;
	}

	footer .fnb>li:first-child {
		margin-right: 1.2rem;
	}

	footer .fnb li a {
		font-size: 1.4rem;
		letter-spacing: -0.06em;
	}

	footer .f_link {
		position: absolute;
		top: 0;
		right: 0;
		gap: 0.6rem;
		height: auto;
	}

	footer .f_link a img {
		height: 3rem;
	}


	/* -------- lecture -------- */
	/* view */
	.lecture-hd.lecture-view h2 {
		flex-direction: column;
		align-items: flex-start;
	}

	.lecture-hd.lecture-view .lecture-dday {
		align-self: flex-start;
		margin: 1.2rem 0 0;
	}

}



/* 1023px
------------------------------------------------------ */
@media all and (max-width: 1023px) {

	.tab-line {
		top: 0;
	}

	/* youtube-content */
	.fslightbox-source {
		width: 64rem !important;
	}

}



/* 767px
------------------------------------------------------ */
@media all and (max-width: 767px) {

	/* º¯¼ö */
	:root {
		/* gnb */
		--ezpass-gnb-dep1-height: 4.8rem;
	}

	body {
		padding: calc(var(--ezpass-mobile-header) + var(--ezpass-gnb-dep1-height)) 0 0;
	}

	/* .tab-line {
		top: calc(var(--ezpass-mobile-header) + var(--ezpass-gnb-dep1-height));
	} */

	button[name=toggle-lec-info] {
		z-index: 98;
	}


	/* -------- layout -------- */
	.ezpass {
		padding: 0 0 6rem;
	}

	/* common */
	.latest-title {
		height: 4rem;
	}

	.latest-title>div::before {
		margin: 0 0.8rem 0 0;
	}

	.latest-title .btn-more {
		padding: 0 4px 0 0;
		min-width: auto;
	}

	.latest-title .btn-more::after {
		margin: 0 0 0 0.6rem;
		padding: 0 0.1rem 0 0;
		width: 1.8rem;
		height: 1.8rem;
		font-size: 0.9em;
		color: var(--ged-color-white);
		background: var(--ezpass-dullgreen);
	}


	/* -------- header -------- */
	.ezpass-hd {
		position: fixed;
	}

	.ezpass-hd .container {
		padding: 0;
	}

	.ezpass-hd .header-top {
		display: none;
	}

	.ezpass-hd .header-center .container {
		height: var(--ezpass-mobile-header);
	}

	.ezpass-hd .header-center .container .logo a {
		width: 11rem;
	}

	/* -------- gnb -------- */
	.ezpass-gnb {
		position: fixed;
		left: -30rem;
		top: 0;
		width: 30rem;
		height: 100vh;
		height: 100dvh;
		background: var(--ezpass-palegreen);
		border-top: 0;
		overflow-x: hidden;
		transition: left .3s;
		z-index: 100;
		-ms-overflow-style: none;
		scrollbar-width: none;
		/* ÇÏ´Ü ¹öÆ° ¹Ù³ª Ȩ ¹Ù ¿µ¿ª¸¸Å­ ¾ÈÀüÇÏ°Ô ¶ç¿öÁÖ±â */
		padding-bottom: env(safe-area-inset-bottom);
	}

	.ezpass-gnb.open {
		left: 0;
	}

	.main .ezpass-gnb {
		height: 100vh;
	}

	.ezpass-gnb>span {
		display: flex;
		align-items: center;
		padding: 0 0 0 3rem;
		height: 7rem;
		font-weight: 700;
		color: var(--ged-color-gray8);
		background: var(--ged-color-white);
		letter-spacing: -0.06em;
	}

	.ezpass-gnb::after {
		position: static;
		display: none;
	}

	/* dep1 */
	.ezpass-gnb .dep1 {
		flex-direction: column;
		border-top: 0.1rem solid var(--ged-color-gray8);
	}

	.ezpass-gnb .dep1>li {
		flex: 1 0 100%;
		width: 100%;
		max-width: 100%;
	}

	.ezpass-gnb .dep1>li>a {
		justify-content: flex-start;
		padding: 0 3rem;
		font-size: 1.6rem;
		background: var(--ged-color-white);
	}

	/* dep2 */
	.ezpass-gnb .dep2 {
		position: static;
		padding: 1.6rem 0 2rem 3.6rem;
		height: auto;
		display: block;
	}

	/* hover */
	.ezpass-gnb:has(.dep1 > li:hover) {
		height: 100vh;
	}

	.ezpass-gnb:has(.dep1 > li:hover)::before {
		display: none;
	}

	.ezpass-gnb .dep1>li:hover .dep2 {
		background: inherit;
	}

	.ezpass-gnb .dep1>li:hover .dep2 li a {
		color: var(--ezpass-gnb-dep2-color);
	}

	/* mobile-snb */
	.ezpass-snb {
		background: var(--ged-color-gray0);
	}

	.ezpass-snb a {
		height: 4.8rem;
	}

	/* mobile */
	.btn-mobile {
		display: block;
	}

	.btn-mobile .inb {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 4.8rem;
		height: 4rem;
		font-size: 1.5em;
		font-style: normal;
	}

	.btn-mobile .inb::before {
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}

	.btn-gnb-list .inb::before {
		content: "\EF3E";
	}

	.btn-mypage .inb::before {
		content: "\F264";
	}

	.ezpass-gnb-m {
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: 0.1rem solid var(--ged-color-gray8);
		box-shadow: 0 6px 1rem rgb(0 0 0/0.06);
	}

	.ezpass-gnb-m>li:not(:first-child) {
		margin-left: 1.6rem;
	}

	.ezpass-gnb-m>li>a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: var(--ezpass-gnb-dep1-height);
		font-weight: 700;
		color: var(--ged-color-gray9);
		letter-spacing: -0.06em;
		white-space: nowrap;
	}

	.mypage-m {
		position: fixed;
		top: 0;
		right: -30rem;
		display: block;
		width: 30rem;
		height: 100vh;
		height: 100dvh;
		background: var(--ged-color-white);
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
		z-index: 100;
		transition-property: right;
		-ms-overflow-style: none;
		scrollbar-width: none;
		/* ÇÏ´Ü ¹öÆ° ¹Ù³ª Ȩ ¹Ù ¿µ¿ª¸¸Å­ ¾ÈÀüÇÏ°Ô ¶ç¿öÁÖ±â */
		padding-bottom: env(safe-area-inset-bottom);
	}

	.mypage-m .dep1>li:not(:first-child) {
		border-top: 0.1rem solid var(--ged-color-gray2);
	}

	.mypage-m .dep1>li>a {
		display: flex;
		align-items: center;
		padding: 0 3rem;
		width: 100%;
		height: var(--ezpass-gnb-dep1-height);
		font-size: clamp(1.6rem, 2.2vw, 1.9rem);
		font-weight: 700;
		color: var(--ged-color-gray9);
		letter-spacing: -0.04em;
		transition: all .3s;
	}

	.mypage-m.open {
		right: 0;
	}

	.user-info>div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: auto;
		width: 88%;
	}

	.user-info>div>div {
		display: flex;
		align-items: center;
		gap: 2rem;
		padding: 0 0.8rem;
		height: 7rem;
		font-size: 1.6rem;
		font-weight: 700;
		color: var(--ged-color-gray8);
	}

	.user-info>div>div a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		/* margin: 0 0 0 2rem; */
		width: 6.4rem;
		height: 3rem;
		font-size: 1.3rem;
		color: var(--ged-color-white);
		background: var(--ezpass-green);
		border-radius: 0.4rem;
		letter-spacing: -0.06em;
	}

	.user-info>div>div a.btn-login {
		background: var(--ezpass-green);
	}

	.user-info>div>div a.btn-logout {
		background: var(--ged-color-gray7);
	}

	.user-info>div>div a~a {
		margin: 0 0 0 0.2rem;
	}

	.user-info p {
		flex: 1 0 100%;
		width: 100%;
	}

	.user-info p a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 5rem;
		font-weight: 700;
		color: var(--ged-color-white);
		background: linear-gradient(110deg, #4caf50, var(--ezpass-green));
		border-radius: 0.8rem;
		letter-spacing: -0.06em;
	}

	.user-info p a::after {
		content: "\EED4";
		display: inline-flex;
		clear: both;
		align-items: center;
		margin: 0 0 0 0.8rem;
		font-size: 1.2em;
		font-weight: 400;
	}


	/* -------- ad-mini -------- */
	.ad-mini {
		display: none;
	}

	.ad-mini-m {
		display: block;
	}

	.ad-mini-m>a {
		display: flex;
		gap: 1.2rem;
		margin: 1.6rem auto 0;
		padding: 5% 5% 4%;
		width: 88%;
		border: 1px solid var(--ged-color-gray2);
		border-radius: 0.8rem;
	}

	.ad-mini-m>a img {
		width: 6rem;
	}

	.ad-mini-m .ad-text h4 {
		margin: 0;
		font-size: 1.5rem;
	}

	.ad-mini-m .ad-text h4+p {
		margin-top: 4px;
		font-size: 1.2rem;
	}


	/* -------- mini-banner -------- */
	.mini-banner {
		margin: 4% auto;
	}

	.mini-banner li {
		width: 100%;
		height: 100%;
		aspect-ratio: 292 / 178;
	}

	.mini-banner li a>img {
		display: none;
	}


	/* -------- youtube-list -------- */

	/* latest-title */
	.ytb-list .latest-title {
		padding: 0 0 0 7rem;
	}

	.ytb-list .latest-title>div::before {
		left: -2rem;
		top: -1.5rem;
		width: 10rem;
	}

	.ytb-list .latest-title>div img {
		width: 9rem;
	}

	.ytb-list .latest-title .btn-more::after {
		color: var(--ezpass-dullgreen);
	}

	/* youtube-tab */
	.ytb-tab {
		height: 4.5rem;
	}

	/* youtube-content */
	.ytb-con {
		margin: 2rem 0 0;
	}

	.ytb-con .ytb-tit::before {
		margin-left: 4px;
	}

	.fslightbox-source {
		width: 100% !important;
	}

	/* video-list */
	.video-list {
		gap: 3rem 1.6rem;
	}

	.video-list>li {
		flex: 0 0 calc((100% - 3.2rem)/2);
		width: calc((100% - 3.2rem)/2);
	}

	.video-list figure .label-new {
		width: 6vw !important;
		height: auto !important;
	}


	/* -------- event-list -------- */
	.event-list {
		padding: 3.2rem 0 0;
	}

	.event-list .latest-title div::before {
		width: 3.6rem;
		height: 3.6rem;
	}

	.event-list .container>ul {
		gap: 0.6rem;
	}

	.event-list .container>ul>li {
		flex: 0 0 calc((100% - 1.2rem)/3);
		width: calc((100% - 1.2rem)/3);
	}


	/* -------- latest-list -------- */
	.latest-list {
		padding: 3rem 0 4rem;
	}

	.latest-list .latest-title.latest-notiece div::before,
	.latest-list .latest-title.latest-review div::before {
		width: 3.6rem;
		height: 3.6rem;
	}

	.latest-list>.container {
		flex-direction: column;
	}

	.latest-list>.container>div {
		flex: 1 0 100%;
		width: 100%;
	}

	.latest-content {
		padding: 1.6rem 2rem 2rem;
		min-height: 17rem;
	}

	.latest-content a {
		font-size: 1.5rem;
	}


	/* -------- cs-service -------- */
	.cs-service {
		flex-direction: column;
		padding: 1.6rem;
		height: auto;
	}

	.cs-service>div {
		padding: 1rem 1.2rem 1rem 7rem;
		width: 100%;
		height: 4.2rem;
	}

	.cs-service>div::before {
		left: 2rem;
		top: 1.5rem;
		width: 7rem;
	}

	.cs-service>ul {
		flex-direction: column;
		gap: 0.6rem;
		margin: 0;
		width: 100%;
	}

	.cs-service>ul li {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 1.6rem;
		height: 6rem;
	}


	/* -------- footer -------- */
	footer {
		padding: 3rem 0 4rem;
	}

	/* site-info */
	footer .site-info {
		height: auto;
		font-size: 1.3rem;
	}

	footer .site-info span {
		display: block;
	}

	footer .site-info span::before {
		display: none !important;
	}

	footer .site-info br {
		display: none;
	}


	/* -------- quickmenu -------- */
	.quick-menu {
		right: -24rem;
		display: none;
	}


	/* -------- lecture -------- */
	.lecture main {
		min-height: 30rem;
	}

	.lecture-hd {
		padding: 2.4rem 0 0;
	}

	.lecture-hd .lecture-latest>.container {
		flex-direction: column;
		gap: 1.2rem 1.6rem;
	}

	.lecture-hd h2 {
		flex-direction: column;
		align-items: flex-start;
	}

	/* d-day */
	.lecture-hd .lecture-dday {
		/* align-self: center; */
		margin: 1.2rem 0 -3rem;
		padding: 0 1.2rem;
		height: 3.3rem;
	}

	.lecture-hd.lecture-view .lecture-dday {
		align-self: flex-start;
		margin-bottom: 0;
	}

	.lecture-hd .lecture-dday .dday-date {
		font-size: 1.3rem;
	}

	.lecture-hd .lecture-dday .dday-tag {
		font-size: 1.8rem;
	}

	.lecture-hd .banner-box {
		justify-content: center;
	}

	.lecture-hd .notice-box {
		flex: 1 0 90%;
		margin: auto;
		width: 90%;
	}

	.lecture-hd .notice-header>h3 {
		font-size: 1.6rem;
	}

	.lecture-hd .notice-list .notice-title {
		font-size: 1.4rem;
	}

	/* view */
	.lecture_details aside {
		top: calc(var(--ezpass-mobile-header) + var(--ezpass-gnb-dep1-height));
		/* border-radius: 4.8rem 0 0 0;
		overflow: hidden; */
	}

	button[name=toggle-lec-info]:nth-of-type(2) {
		background: var(--ezpass-yellowgreen);
		box-shadow: 0 0.8rem 4.8rem var(--ezpass-yellowgreen);
	}

}