.header,
.header * {
	box-sizing: border-box;
}
.header {
	background: #0d0e10;
	height: 72px;
	position: fixed;
	top:0px;
	overflow: visible;
	z-index: 2010;
}
.menu_scroll {
	transition:top 1s;
}
.header_bg {
	position: relative;
	z-index: 2000;
}
.content-container,
.content-container * {
	box-sizing: border-box;
}
.content-container {
	background: #0d0e10;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1000;
}
/* Popup **********************************************************/
.popup-container {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.popup-background {
	box-sizing: border-box;
	border-radius: 14px 14px 14px 14px;
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 171px);
	border-radius: 14px;
	width: 342px;
	height: 100px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	padding:0px;
	height:auto;
}
.popup-title {
	width:100%;
	font-family: "Pretendard-ExtraBold", sans-serif;
	font-size: 18px;
	font-weight: 800;
	position: relative;
	padding: 15px 24px 15px 24px;
}
.popup-comment {
	width:100%;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height:1.6em;
	position: relative;
	padding: 5px 24px 30px 24px;
}
.popup-bgwhite {
	background-color: #FFFFFF;
}
.popup-white-title {
	background: #f9f9f9;
	border-radius: 14px 14px 0px 0px;
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px 0px 1px 0px;
	color: #212121;
	text-align: left;
}
.popup-white-comment {
	color: #212121;
	text-align: left;
}
.popup-white-content {
	position: relative;
	padding: 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
}
.popup-white-contentHori {
	position: relative;
	padding: 0px 24px 24px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
}
.popup-white-content-item {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	cursor:pointer;
}
.popup-white-content-item-radio {
	width: 24px;
	height: 24px;
}
.popup-white-content-item-text {
	padding-top: 5px;
	height: 24px;
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	align-self: stretch;
}
.popup-white-content-item:hover .popup-white-content-item-text {
	color: #FF6696;
}
.popup-white-content-button {
	position: relative;
	padding:16px 25px;
	border-radius:5px;
	border:solid 1px #666666;
	text-align: center;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 15px;
	font-weight: 500;
	cursor:pointer;
}

.popup-white-content-item1 { width:100%; }
.popup-white-content-item2 { width:50%; border-right:1px; }
.popup-white-content-item2L { width:50%; }
.popup-white-content-item3 { width:33%; border-right:1px; }
.popup-white-content-item3L { width:33%; }
.popup-white-content-itemBlack { background-color:#222222; color:#FFFFFF; }

.popup-bgblack {
	background-color: #2E2E37;
}
.popup-black-title {
	padding-top:30px;
	color: #FFFFFF;
	text-align: center;
}
.popup-black-comment {
	color: #FFFFFF;
	text-align: center;
}
.popup-black-content {
	position: relative;
	padding: 0px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px 0px 0px 0px;
	display: flex;
	flex-direction: row;
	gap: 0px;
	align-items: flex-start;
	justify-content: stretch;
	align-self: stretch;
	flex-shrink: 0;
}
.popup-black-content-item {
	position: relative;
	padding:16px 25px;
	text-align: center;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 15px;
	font-weight: 500;
	cursor:pointer;
}
.popup-black-content-item:hover {
	background-color: #3D3D48;
}
.popup-black-content-item1 { width:100%; }
.popup-black-content-item2 { width:50%; border-right:1px; }
.popup-black-content-item2L { width:50%; }
.popup-black-content-item3 { width:33%; border-right:1px; }
.popup-black-content-item3L { width:33%; }
.popup-black-content-itemWhite { color:#FFFFFF; }
.popup-black-content-itemRed { color:#FF6696; }
/***********************************************************/

/* GNB Header **********************************************************/
.gnb_default {
	background: #ffffff;
	width: 100%;
	height: 72px;
	position: fixed;
	left: 0px;
	top: 0px;
	backdrop-filter: blur(5px);
	z-index: 2200;
}
.gnb_frame {
	padding: 24px 240px 24px 240px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	height: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
	backdrop-filter: blur(5px);
	flex-shrink: 0;
}
.ico-menu-hamburger {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	cursor:pointer;
}
.main_logo_div {
	flex-shrink: 0;
	width: 90px;
	height: 20px;
	margin-top:2px;
	position: relative;
	overflow: hidden;
	cursor: hand;
	cursor:pointer;
}
.main_logo_img {
	width: 100%;
	height: 99.65%;
	position: absolute;
	right: 0%;
	left: 0%;
	bottom: 0.35%;
	top: 0%;
	overflow: visible;
}
.ico-search-header {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
	cursor:pointer;
}
.ico_search_open_btn {
	cursor:pointer;
}
/***********************************************************/

/* GNB Search **********************************************************/
.gnb_searchOpen {
	background-color: #0d0e10;
	width: 100%;
	height: 46px;
	position: fixed;
	left: 0px;
	top: 72px;
	z-index: 2600;
	display: none;
	padding: 11px 240px 11px 240px;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
}
.ico_search_open_input {
	position: relative;
	width: 200px;
	height: 20px;
	margin-top:2px;
	cursor: hand;
}

/***********************************************************/

/* GNB Menu **********************************************************/
.gnb_menuOpen {
	background-color: #0d0e10;
	width: 100%;
	height: 340px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2600;
	display: none;
}
.lnb_menu {
	background: #1b1e22;
	width: 1920px;
	height: 268px;
	position: absolute;
	left: 0px;
	top: 72px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.lnb_menu_main {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	left: 246px;
	top: 36px;
}
.lnb_menu_main_item {
	color: #9ca1aa;
	text-align: left;
	font-family: "Pretendard-ExtraBold", sans-serif;
	font-size: 17px;
	font-weight: 800;
	position: relative;
	align-self: stretch;
	cursor:pointer;
}
.lnb_menu_main_item_active {
	color: #ffffff;
}
.lnb_menu_sub {
	background: #1b1e22;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	left: 437px;
	top: 36px;
}
.lnb_menu_sub_div {
	flex-direction: row;
}
.lnb_menu_sub_item {
	color: #ffffff;
	text-align: left;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	cursor:pointer;
}
.lnb_menu_sub_item:hover {
	color: #ff6696;
}
.lnb_menu_line {
	background: #1b1e22;
	margin-top: -1px;
	border-style: solid;
	border-color: #2e3033;
	border-width: 1px 0 0 0;
	width: 268px;
	height: 0px;
	position: absolute;
	left: 407px;
	top: 0px;
	transform-origin: 0 0;
	transform: rotate(90deg) scale(1, 1);
}
.lnb_menu_sub_divider,
.lnb_menu_sub_divider * {
	box-sizing: border-box;
}
.lnb_menu_sub_divider {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	margin-right: 50px;
}
/***********************************************************/
.lnb_menu2 {
	background: #1b1e22;
	display: none;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 60px;
}
.lnb_menu2_main {
	border-style: solid;
	border-color: #2e3033;
	border-width: 0px 0px 1px 0px;
	padding: 16px 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	width:100%;
}
.lnb_menu2_main_text {
	color: #ffffff;
	text-align: left;
	font-family: "Pretendard-Bold", sans-serif;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	align-self: stretch;
	width:200px;
}
.lnb_menu2_main_icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
}
.lnb_menu2_sub {
	border-style: solid;
	border-color: #2e3033;
	border-width: 0px 0px 1px 0px;
	display: none;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	color: #ffffff;
	text-align: left;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 17px;
	font-weight: 500;
	position: relative;
}
.lnb_menu2_sub_item {
	color: #FFFFFF;
	text-align: left;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	cursor:pointer;
	padding: 18px 60px;
}
.lnb_menu2_sub_item:hover {
	color: #ff6696;
}

/***********************************************************/

/* SubMenu **********************************************************/
.lnb-sub-menu {
	position: fixed;
	left: 0px;
	top: 72px;
	width: 100%;
	background: #111214;
	border-style: solid;
	border-color: #2e3033;
	border-width: 0px 0px 1px 0px;
	padding: 18px 16px 18px 16px;
	display: flex;
	flex-direction: row;
	gap: 0px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	z-index: 2400;
}
.lnb-sub-menu_swiper_wrapper {
	padding: 0px;
	display: flex;
	flex-direction: row;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	width:1920px;
}
.sub-menu-item {
	color: #ffffff;
	font-weight: 500;
	text-align: left;
	font-family: "Pretendard-Regular", sans-serif;
	font-size: 14px;
	position: relative;
	padding:0px 15px;
	width:max-content;
	cursor:pointer;
}
.sub-menu-item:hover {
	color: #ff6696;
}
.sub-menu-item-active {
	color: #ff6696;
	font-family: "Pretendard-ExtraBold", sans-serif;
	font-weight: 800;
	cursor:default;
}

/***********************************************************/

/* Footer **********************************************************/
.footer {
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	position: relative;
}
/* Footer-swiper **********************************************************/
.footer-swiper-program {
	overflow: hidden;
	position: relative;
	width:100%;
}
.footer-swiper-container {
	background: #F9F9F9;
	border-style: solid;
	border-color: #EEEEEE;
	border-width: 0px 0px 1px 0px;
	padding: 16px 0px 16px 50px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
	height: 50px;
	position: relative;
	overflow: hidden;
	scroll-snap-type: x mandatory;
}
.footer-swiper-wrapper {
	padding: 0px;
	display: flex;
	flex-direction: row;
	gap: 0px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
	/* swiper smooth */
	transition-timing-function: linear;
}
.footer-swiper-slide {
	flex-shrink: 0;
	width: 120px;
	height: 30px;
	position: relative;
	overflow: hidden;
}
.footer-swiper-div {
	height: auto;
	position: absolute;
	left: 7px;
	top: 6px;
	overflow: visible;
	max-height: 25px;
}
/***********************************************************/

/* Footer-content **********************************************************/
.footer-container {
	background: #ffffff;
	padding: 30px 240px 30px 240px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	flex-shrink: 0;
	height: 190px;
	position: relative;
}
.footer-div {
	display: flex;
	flex-direction: row;
	gap:40px;
	align-items: flex-start;
	justify-content: space-between;
	flex-shrink: 0;
	width: 100%;
	position: relative;
}
.footer-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
}
.footer-company {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
}
.footer-company-name {
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Black", sans-serif;
	font-size: 20px;
	font-weight: 900;
	position: relative;
}
.footer-company-address {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
}
.footer-company-address-lan {
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Regular", sans-serif;
	font-size: 13px;
	font-weight: 400;
	position: relative;
}
.footer-company-address-eng {
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Regular", sans-serif;
	font-size: 13px;
	font-weight: 400;
	position: relative;
}
.footer-contact {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
}
.footer-contact-div {
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Regular", sans-serif;
	font-size: 13px;
	font-weight: 400;
	position: relative;
}
.footer-contact-text {
	font-family: "Pretendard-ExtraBold", sans-serif;
	font-weight: 800;
}
.footer-contact-text2 {
	font-family: "Pretendard-Regular", sans-serif;
}
.footer-copyright {
	margin-top:12px;
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Regular", sans-serif;
	font-size: 11px;
	font-weight: 400;
	position: relative;
}
.footer-language {
	background: #ffffff;
	border-radius: 6px;
	border-style: solid;
	border-color: #dadada;
	border-width: 1px;
	padding: 14px;
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	position: relative;
	width: 148px;
}
.selLanguageBtn {
	width: 120px;
	flex-direction: row;
	gap: 4px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	display: flex;
	position: relative;
	cursor:pointer;
}
.selLanguageIcon {
	width: 24px;
	height: 24px;
	position: relative;
}
.selLanguageText {
	height: 24px;
	padding-top: 5px;
	color: #212121;
	text-align: left;
	font-family: "Pretendard-Medium", sans-serif;
	font-size: 15px;
	font-weight: 500;
	position: relative;
}
.selLanguageArrow {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0px;
}
.ico-basic-arrow2 {
	position: absolute;
	inset: 0;
}
/***********************************************************/

.line_br_none {
	display:none;
}
/* 반응형 웹 : 상단메뉴 **********************************************************/
@media (min-width:481px) and (max-width:1000px) {
	.header,
	.gnb_default,
	.gnb_frame {
		padding: 21px 100px 21px 100px;
		height: 66px;
	}
	.gnb_searchOpen { padding: 11px 100px 11px 100px; top:66px; }
	.gnb_menuOpen { height: 334px; }
	.lnb_menu, .lnb-sub-menu { top:66px; }
}
@media (min-width:701px) and (max-width:1000px) {
	.lnb_menu_main { left: 106px; }
	.lnb_menu_line { left: 267px; }
	.lnb_menu_sub { left: 297px; }
}
@media (max-width:700px) {
	.lnb_menu { display: none; }
	.lnb_menu2 { display: flex; }
}
@media (max-width:480px) {
	.header,
	.gnb_default,
	.gnb_frame {
		height: 60px;
	}
	.gnb_frame { padding: 18px 16px 18px 16px; }	
	.gnb_searchOpen { padding: 11px 16px 11px 16px; top:60px; }
	.gnb_menuOpen { height: 328px; }
	.lnb_menu, .lnb-sub-menu { top:60px; }
	.lnb_menu2_main { padding: 16px 16px; }
	.lnb_menu2_sub_item { padding: 18px 16px; }
}

/* 반응형 웹 : Footer **********************************************************/
@media (min-width:901px) AND (max-width:1400px) {
	.footer-container {
		padding: 30px 120px 30px 120px;
	}
}
@media (min-width:721px) AND (max-width:900px) {
	.footer-container {
		padding: 30px 60px 30px 60px;
	}
}
@media (min-width:561px) AND (max-width:720px) {
	.footer-container {
		padding: 30px 60px 30px 60px;
		height: 280px;
	}
}
@media (max-width:720px) {
	.footer-div {
		flex-direction: column-reverse;
	}
	.footer-company-name { font-size:24px; }
	.footer-company-address-lan { font-size:15px; }
	.footer-company-address-eng { font-size:14px; }
	.footer-contact-div { font-size:14px; }
	.footer-copyright { font-size:12px; }
}
@media (min-width:451px) AND (max-width:560px) {
	.footer-container {
		padding: 30px 20px 30px 20px;
		height: 300px;
	}
}
@media (max-width:450px) {
	.footer-container {
		padding: 30px 20px 30px 20px;
		height: 360px;
	}
	.footer-text {
		gap: 32px;
	}
	.footer-contact {
		flex-direction: column;
		gap: 6px;
	}
	.footer-copyright {
		margin-top:0px;
	}
}