/* BASIC css start */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
#contentWrap {
    width: 1610px !important;
    margin: 0 auto !important;   /* 좌우 중앙 정렬 */
    float: none !important;      /* 혹시 float 적용된 경우 해제 */
}
#top_bg {
     background-color:#ffffff;
     margin:0 auto ;
     padding: 0px 0px;
     height:40px;
     min-width:1200px; border-bottom: 0px solid #ddd;
}
#top_bg .main_evtt {
overflow: hidden;
margin:0px auto;
}
    ul,li{list-style:none;}
    .main_evtt{height:40px;overflow:hidden;}
    .main_evtt ul{height:calc(100% * 2);animation:slide 10s infinite;}
    .main_evtt li{height:calc(100% / 2);}
    .main_evtt li:nth-child(1){background:#06263f;}
    .main_evtt li:nth-child(2){background:#014015;}
    /*.slide li:nth-child(3){background:#afa;}*/
    /*.slide li:nth-child(4){background:#aaf;}*/
    @keyframes slide {
      0% {margin-top:0;}
      10% {margin-top:0;}
      50% {margin-top:-40px;}
      60% {margin-top:-40px;}
      /*90% {margin-top:-160px;}*/
      100% {margin-top:0px;}
       /*75% {margin-top:-240px;}*/
      /* 85% {margin-top:-240px;}*/
       /*100% {margin-top:0;}*/
    }
	.main_evtt ul li {text-align:center; color:#fff;}
	.main_evtt ul li a {text-align:center; color:#fff; border:none;line-height: 40px;font-weight: 600; font-size: 12px; letter-spacing: 3px;}

#top_bg .main_evtt .main_evtt_h {
    text-align: center; display:block;
}
#top_bg .main_evtt .main_evtt_h .top_tt1  {   width:650px; float: left; }




#header_slider {
	width:1200px;
	height:100px;
	position:relative;
        margin:0 auto;
	overflow:hidden;
}
#header_slider_inner {
	width:1200px;
	height:300px;
	position:absolute;
	bottom:0;
}
.header_slider {
	width:1200px;
	height:100px;
}

#header_top {
	height:30px;
	background:#eeeeee;
}

#header_top_inner {
	width:1200px;
	height:30px;
	margin:0 auto;
}
.header_top_left {
	float:left;
	margin-top: 8px;
}
.header_top_left1 {
	float:left;
	margin-right:5px; line-height: 16px;
}
.header_top_left2 {
	float:left;
	margin-right:5px; letter-spacing: 2px; line-height: 18px;
}
.header_top_right {
	margin-top:8px;
	float:right;
        letter-spacing: 2px;
}
.header_top_right1 {
	float:left;
        padding:0 3px;
}
.header_top_right1 a {
        font-size:11px;
}
#header_mid_inner {
position:relative;
	width:1200px;
	height:115px;
        margin:0 auto;
        overflow: hidden;
	}
#logo {
	float:left;
	margin-left:10px;
	margin-top:15px;
}

.hd-search {
position:absolute;
left:34%;
top:20px;
}
.search_keyword { margin:0 0 5px 0; text-align: center; }
.search_keyword a {vertical-align:top; padding: 2px 2px;  margin-left: 3px;}
.search_keyword a:hover { background-color:#999; color:#fff;}

.MS_search_word {
width:340px;
height:44px;
margin-right:-4px;
padding-left:15px;
margin-top:2px;
border:2px solid #eeeeee;
}
.serch a {  background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat;
    text-indent: -9999em; height: 40px; width: 30px; display: block; position: absolute;  top: 24px; right: 0px; }


/**버튼재수정**/

/* 버튼을 가로로 정렬하는 부모 컨테이너 */
.header-right {
  position: absolute;
  top: 40px;          /* 검색창 수평선 기준 */
  right: 0;           /* 오른쪽 끝에 딱 붙이기 */
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 100;
}

.button-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}


.button-wrap {
  display: flex;
  justify-content: center; /* 가운데 정렬 */
  align-items: center;
  gap: 8px; /* 버튼 사이 간격 일정 */
}

/* 공통 버튼 설정 */
.createChatButton1,
.snip1099,
.createChatButton {
  font-family: Arial, sans-serif;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
  outline: none;
  transition: all 0.3s;
  width: 135px;          /* 가로폭 통일 */
  height: 50px;          /* 높이 통일 */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* 색상 개별 설정 */
.createChatButton1 { background-color: #0080c6; }
.snip1099 { background-color: #222222; }
.createChatButton { background-color: #f9e000; }

/* 링크 내부 */
.createChatButton1 a,
.snip1099 a,
.createChatButton a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

/* 노란 버튼만 글씨색 다름 */
.createChatButton a { color: #222; }

/* hover 효과 */
.createChatButton1 a:hover,
.snip1099 a:hover,
.createChatButton a:hover {
  opacity: 0.6;
}

/* 이미지 크기 자동 조정 */
.button-wrap img {
  max-width: 95%;
  height: auto;
}

/**버튼재수정끝**/





/* 공지 바·곡선 헤더·한 줄 메뉴 구성을 참고한 풍류 전용 헤더 */
#pr8-header {
  position: relative;
  z-index: 9998;
  background: #111;
  color: #222;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
}
#pr8-header * { box-sizing: border-box; }
#pr8-header a { color: inherit; text-decoration: none; }
#pr8-header button,
#pr8-header input { font-family: inherit; }

/* 공지 및 상단 기본 구성 */
#pr8-header .pr8-notice {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 70px;
  min-height: 42px;
  padding: 10px 20px;
  background: #111;
  color: #eee;
  font-size: 13px;
}
#pr8-header .pr8-notice strong { color: #e65b21; font-weight: 600; margin-left: 8px; }
#pr8-header .pr8-notice > span { font-size: 12px; color: #bcbcbc; }
#pr8-header .pr8-surface {
  background: #fff;
  border-radius: 32px 32px 0 0;
  padding: 0 max(24px, calc((100% - 1530px) / 2));
  border-bottom: 1px solid #eee;
}
#pr8-header .pr8-account {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 0 0;
  font-size: 11px;
  color: #666;
}
#pr8-header .pr8-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 0 18px;
  min-height: 85px;
}
#pr8-header .pr8-logo { display: block; flex: 0 0 190px; }
#pr8-header .pr8-logo img { display: block; width: 190px; height: auto; max-width: 100%; border: 0; }
#pr8-header .pr8-search { flex: 0 1 320px; min-width: 0; }
#pr8-header .pr8-search form { margin: 0; }
#pr8-header .pr8-search fieldset {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 0 6px;
  border: 0;
  border-bottom: 1px solid #aaa;
  min-width: 0;
}
#pr8-header .pr8-search legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#pr8-header .pr8-search input { width: 100%; min-width: 0; height: 34px; margin: 0; padding: 6px; border: 0; background: transparent; font-size: 14px; }
#pr8-header .pr8-search a { flex: none; font-size: 13px; padding: 8px; }
#pr8-header .pr8-service { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 14px; font-size: 12px; }
#pr8-header .pr8-service img { width: 100px; height: auto; border: 0; }

/* 상단 카테고리: 굵은 기울임 글꼴 유지, V 버튼 비노출 */
#pr8-header .pr8-nav { position: relative; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; gap: 0 8px; }
#pr8-header .pr8-item { display: flex; align-items: center; min-width: 0; }
#pr8-header .pr8-mainlink {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 900;
  font-style: italic;
  white-space: nowrap;
  letter-spacing: -0.5px;
}
#pr8-header .pr8-mainlink:hover,
#pr8-header .is-open > .pr8-mainlink,
#pr8-header .pr8-item:first-child > .pr8-mainlink { color: #d95419; }
#pr8-header .pr8-toggle { display: none !important; }

/* 펼침 박스: 옅은 회색, 투명도 30% (불투명도 70%) */
#pr8-header .pr8-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 24px;
  background: rgba(240, 240, 240, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  color: #222;
  opacity: 1;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* 오른쪽 이미지용 200px 열 제거 */
#pr8-header .is-open > .pr8-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
#pr8-header .pr8-panel > div:first-child {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  max-width: none;
}
#pr8-header .pr8-feature { display: none !important; }

/* 제목, 전체보기, 구분선: 박스 내부 전체 너비 */
#pr8-header .pr8-panel-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: none;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #111;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.6px;
  line-height: 1.5;
}
#pr8-header .pr8-panel-title > a {
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  font-size: 12px;
  color: #444;
  font-weight: 500;
  letter-spacing: -0.2px;
}

/* 브랜드: 전체 너비에 균등 배치 */
#pr8-header .pr8-brands {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 20px;
  width: 100%;
  min-width: 0;
  max-width: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#pr8-header .pr8-brands li { list-style: none; margin: 0; padding: 0; min-width: 0; }
#pr8-header .pr8-brands > li > a {
  display: block;
  padding: 10px 12px;
  border-radius: 3px;
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.2px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
#pr8-header .pr8-brands > li > a:hover,
#pr8-header .pr8-brands > li > a:focus-visible {
  background-color: rgba(217, 84, 25, 0.07);
  box-shadow: inset 2px 0 0 #b43f0b;
  color: #a63808;
  text-decoration: none;
}
#pr8-header .pr8-panel a:focus-visible { outline: 2px solid #333; outline-offset: 2px; }

/* 화면 너비별 조정 */
@media (max-width: 1100px) {
  #pr8-header .pr8-nav { justify-content: flex-start; }
  #pr8-header .pr8-mainlink { font-size: 15px; padding: 0 9px; }
  #pr8-header .pr8-service { gap: 10px; }
  #pr8-header .pr8-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #pr8-header .pr8-surface { border-radius: 20px 20px 0 0; padding: 0 16px; }
  #pr8-header .pr8-main { flex-wrap: wrap; gap: 16px; }
  #pr8-header .pr8-logo { flex-basis: 140px; }
  #pr8-header .pr8-search { flex: 1 1 160px; }
  #pr8-header .pr8-service { width: 100%; justify-content: flex-start; }
  #pr8-header .pr8-mainlink { font-size: 14px; }
  #pr8-header .pr8-panel { padding: 16px; }
  #pr8-header .pr8-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; }
  #pr8-header .pr8-panel-title { font-size: 18px; }
  #pr8-header .pr8-brands > li > a { font-size: 14px; padding: 8px; }
  #pr8-header .pr8-account { gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  #pr8-header .pr8-brands > li > a { transition: none; }
}

/* BASIC css end */