@charset "utf-8";

/******************************  공통 영역  ******************************/
#wrap, .container { width: 100%; min-width: 1580px; }
#wrap {}
.container { min-height: 700px; }
.container.sub { margin-top: 120px; }
.container.sub.product { margin-top: 202px; }
.sector { position: relative; width: 1520px; margin: 0 auto; }
/* .sub_container { float: left; width: calc(100% - 262px); padding-bottom: 250px; } */
/* .sub_sector { margin: 0 30px; } */

@media screen and (max-width:1000px) {
	#wrap, .container { min-width: 0; }
	.container.sub { margin-top: 20vw; }
	.container.sub.product { margin-top: 20vw; }
	/* .sub_container { width: 100%; padding-bottom: 50vw; } */
	.sector { width: 84%; }
	/* .sub_sector { width: 100%; margin: 0 auto; } */
}


/******************************  헤더  ******************************/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #fff;
	z-index: 999;
	text-align: center;
}

#header.sub {
	/* position: relative; */
}

#header.on {
	border-bottom-color: #E1E1E1;
	background: #fff;
}

#header.on.sub {
	border-bottom-color: #E1E1E1;
	background: #fff;
}

#header .hd_sector {
	position: relative;
	height: inherit;
	margin: 0 40px;
}

#header .hd_sector .logo {
	display: inline-block;
	position: absolute;
	top: 32px;
	left: 0;
	width: 188px;
	height: 56px;
	background: url('../images/m_logo_w.png') no-repeat center center / contain;
}

#header.on .hd_sector .logo {
	background-image: url('../images/m_logo_b.png');
}

#header .hd_sector .gnb {
	display: inline-block;
	margin-top: 50px;
}

#header .hd_sector .gnb > li {
	float: left;
	margin: 0 28px;
}

#header .hd_sector .gnb > li > a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	transition: .2s;
}

#header.on .hd_sector .gnb > li > a {
	color: #000;
}

#header .hd_sector .gnb > li > a.on,
#header .hd_sector .gnb > li > a:hover {
	color: #0067D3;
}

#header .hd_sector .hd_btn_box {
	position: absolute;
	top: 33px;
	right: 0;
}

#header .hd_sector .hd_btn_box button {
	background: none;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

#header .hd_sector .hd_btn_box button.language {
	margin-right: 35px;
}

#header.on .hd_sector .hd_btn_box button.language {
	color: #000;
}

#header .hd_sector .hd_btn_box button.store {
	width: 176px;
	height: 55px;
	border-radius: 28px;
	background: #0067D3;
}

#header .hd_sector .sitemap_btn {
	display: none;
}

@media screen and (max-width:1550px) {

	#header .hd_sector .logo {
		width: 140px;
	}

	#header .hd_sector .gnb > li {
		margin: 0 18px;
	}

	#header .hd_sector .gnb > li > a {
		font-size: 18px;
	}

	#header .hd_sector .hd_btn_box button {
		font-size: 18px;
	}

	#header .hd_sector .hd_btn_box button.language {
		margin-right: 25px;
	}

	#header .hd_sector .hd_btn_box button.store {
		width: 150px;
	}
}

@media screen and (max-width:1360px) {
	#header.on {
		border-bottom-color: #fff;
		background: transparent;
	}

	#header .hd_sector .logo {
		width: 188px;
	}

	#header.on .hd_sector .logo {
		background-image: url('../images/m_logo_w.png');
	}

	#header.on.sub .hd_sector .logo {
		background-image: url('../images/m_logo_b.png');
	}

	#header .hd_sector .gnb {
		display: none;
	}

	#header .hd_sector .hd_btn_box button {
		display: none;
	}

	#header .hd_sector .sitemap_btn {
		display: block;
		position: absolute;
		top: 42px;
		right: 0;
		background: none;
	}
}

@media screen and (max-width:1000px) {
	#header {
		height: 20vw;
		border-bottom: 0;
	}

	#header .hd_sector {
		margin: 0 8%;
	}

	#header .hd_sector .logo {
		top: 4.6vw;
		width: 36.3vw;
		height: 10.8vw;
	}

	#header .hd_sector .sitemap_btn {
		top: 8.3vw;
		width: 5.8vw;
	}
}

/******************************  전체 메뉴  ******************************/
.snb_area {
	display: none;
	position: fixed;
	top: 121px;
	left: 0;
	width: 100%;
	/* padding: 48px 0; */
	padding: 25px 0;
	background: #fff;
	z-index: 999999;
	text-align: center;
	border-bottom: 1px solid #E1E1E1;
}

.snb_area .snb {
	display: none;
}

.snb_area .snb.on {
	display: inline-block;
}

.snb_area .snb > li {
	float: left;
	margin: 0 28px;
}

.snb_area .snb > li > a {
	font-size: 20px;
	font-weight: bold;
	transition: .2s;
}

.snb_area .snb > li > a.on,
.snb_area .snb > li > a:hover {
	color: #0067D3;
}

@media screen and (max-width:1550px) {
	.snb_area {
		padding: 35px 0;
	}

	.snb_area .snb > li {
		margin: 0 28px;
	}

	.snb_area .snb > li > a {
		font-size: 18px;
	}
}

@media screen and (max-width:1000px) {
	.snb_area {
		display: none !important;
	}
}


/******************************  사이트맵  ******************************/
#sitemap_area { display: none; }
#sitemap_area::-webkit-scrollbar { display: none; }

@media screen and (max-width:1360px) {
	#sitemap_area { display: block; position: fixed; top: 0; right: 0; right: -100%; width: 100%; height: 100%; background: #000; z-index: 999999; overflow-Y: auto; }

	#sitemap_area .sitemap_header {
		position: relative;
		height: 120px;
		background: #000;
	}

	#sitemap_area .sitemap_header .logo {
		position: absolute;
		top: 33px;
		left: 40px;
		width: 188px;
		height: 56px;
		background: url('../images/m_logo_w.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_header .close_btn {
		display: block;
		position: absolute;
		top: 40px;
		right: 40px;
		width: 40px;
		height: 40px;
		background: url('../images/m_close_ico.png') no-repeat center center / contain;
	}

	#sitemap_area .sitemap_gnb {
		padding-top: 70px;
		padding-bottom: 30px;
	}

	#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd {
		font-size: 20px;
		font-weight: bold;
	}

	#sitemap_area .sitemap_gnb dt {
		padding: 15px 40px;
		color: #fff;
	}

	#sitemap_area .sitemap_gnb dd {
		padding: 0 40px;
		padding-bottom: 15px;
		background: rgba(255,255,255,0.1);
		color: #0067D3;
	}

	#sitemap_area .sitemap_gnb dd.first {
		padding-top: 30px;
	}

	#sitemap_area .sitemap_gnb dd.last {
		padding-bottom: 30px;
		margin-bottom: 15px;
	}

	#sitemap_area .sitemap_button_box {
		padding-bottom: 90px;
		text-align: center;
	}

	#sitemap_area .sitemap_button_box button {
		background: none;
		font-size: 20px;
		margin: 0 28px;
		color: #fff;
	}

	#sitemap_area .sitemap_button_box button.store {}

	#sitemap_area .sitemap_button_box button.language {}
}

@media screen and (max-width:1000px) {
		#sitemap_area .sitemap_header {
			height: 20vw;
		}

		#sitemap_area .sitemap_header .logo {
			top: 4.6vw;
			left: 8%;
			width: 36.3vw;
			height: 10.8vw;
		}

		#sitemap_area .sitemap_header .close_btn {
			top: 7.5vw;
			right: 8%;
			width: 5vw;
			height: 5vw;
		}

		#sitemap_area .sitemap_gnb {
			padding-top: 10vw;
			padding-bottom: 6vw;
		}

		#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd {
			font-size: 5vw;
		}

		#sitemap_area .sitemap_gnb dt {
			padding: 3vw 8%;
		}

		#sitemap_area .sitemap_gnb dd {
			padding: 0 8%;
			padding-bottom: 3vw;
		}

		#sitemap_area .sitemap_gnb dd.first {
			padding-top: 6vw;
		}

		#sitemap_area .sitemap_gnb dd.last {
			padding-bottom: 6vw;
			margin-bottom: 3vw;
		}

		#sitemap_area .sitemap_button_box {
			padding-bottom: 18vw;
		}

		#sitemap_area .sitemap_button_box button {
			font-size: 5vw;
			margin: 0 3.4vw;
		}
}


/******************************  푸터  ******************************/
#footer {
	padding: 45px 0;
	background: #000;
	/* border-top: 1px solid #fff; */
}

#footer .sector {
	display: flex;
}

#footer .sector .ft_logo {
	width: 33px;
	height: 33px;
	margin-right: 25px;
	background: url('../images/m_logo_fot.png') no-repeat center center / contain;
}

#footer .sector .ft_info {
	font-size: 13px;
	line-height: 1.6;
	color: #fff;
}

#footer .sector .ft_info > span {
	display: inline-block;
	margin-right: 20px;
}

#footer .sector .ft_info > span > b {
	font-weight: 400;
	color: #9F9F9F;
}

@media screen and (max-width:1000px) {
	#footer {
		padding: 12vw 0;
	}

	#footer .sector {
		display: block;
	}

	#footer .sector .ft_logo {
		display: block;
		width: 12vw;
		height: 12vw;
		margin: 0 auto 4vw;
	}

	#footer .sector .ft_info {
		font-size: 3.2vw;
	}

	#footer .sector .ft_info > span {
		margin-right: 1.5vw;
	}
}


/******************************  쿠키 허용  ******************************/
/* 배너 스타일 */
.cookie-banner {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: #f6f6f6; color: #222; padding: 20px 30px;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  z-index: 9999;
  font-family: 'Noto Sans KR', sans-serif;
}
.cookie-text {
  font-size: 14px; margin-bottom: 15px; line-height: 1.6;
}
.cookie-buttons {
  display: flex; justify-content: center; gap: 15px;
}
.cookie-btn {
  padding: 10px 20px; border-radius: 4px; font-weight: bold;
  font-size: 14px; cursor: pointer; min-width: 120px;
  transition: background 0.3s, color 0.3s, border 0.3s;
}
.cookie-btn.outline {
  border: 1px solid #0067D3;
  color: #0067D3;
  background: transparent;
}
.cookie-btn.outline:hover {
  background-color: #e6f0fb;
}

.cookie-btn.filled {
  background-color: #0067D3;
  color: #fff;
  border: 1px solid #0067D3;
}
.cookie-btn.filled:hover {
  background-color: #0054ae;
}


/* 모달 스타일 */
.cookie-modal {
  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5); z-index: 10000;
}
.cookie-modal-content {
  background: #fff; padding: 30px; border-radius: 6px;
  width: 90%; max-width: 400px; margin: 10% auto; text-align: left;
}
.cookie-modal-content h3 {
  margin-top: 0; font-size: 18px;
}