@font-face {
  font-family: 'Hyundaihead_M';
  src: url('/css/fonts/HyundaiSansHeadKROTFMedium.woff2') format('woff2'),
       url('/css/fonts/HyundaiSansHeadKROTFMedium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hyundaihead_R';
  src: url('/css/fonts/HyundaiSansHeadKROTFRegular.woff2') format('woff2'),
       url('/css/fonts/HyundaiSansHeadKROTFRegular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HyundaiSans_R';
  src: url('/css/fonts/HyundaiSansTextKROTFRegular.woff2') format('woff2'),
       url('/css/fonts/HyundaiSansTextKROTFRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* reset */
html,body{margin:0px;padding:0px;width:100%;height:100%; font-size:16px;font-family:"HyundaiSans_R", 'dotum', '돋움', sans-serif;font-weight:400; letter-spacing: -0.025em;}
html, body {
 
}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th, div, address{margin:0px;padding:0px;}
li, address{list-style:none;}
address{font-style: normal;color: #626262;}
fieldset,img,a{border:0px;}
a{text-decoration:none;}
legend{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;}
caption{display:none;}
button,label{cursor:pointer;}
button{overflow:visible\9;}	/* button fix for ie8 */
input,textarea,select,button, address{font-family:"HyundaiSans_R", 'dotum', '돋움', sans-serif;font-weight:400;}
table{border-collapse:collapse;border-spacing:0;text-align:left;}
input:focus::-webkit-input-placeholder{color:transparent!important;}
input:focus::-moz-placeholder{color:transparent!important;}
input:focus:-moz-placeholder{color:transparent!important;}
.clear:before,.clear:after{content:" ";display:table;}
.clear:after{clear:both;}
.clear{*zoom:1}
.clear_line{clear:both;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

*, *::before, *::after {
  box-sizing: border-box;
}
/* 공통 */
.t_center{text-align:center ! important;}
.t_left{text-align:left ! important;}
a{font-family:"HyundaiSans_R",sans-serif; font-weight:300;}

.gray_bg{background: #f5f3f0;}
.topmenu li a{color:#000;}

h1,h2,h4,h5{font-family: 'Hyundaihead_M', sans-serif; font-weight:500;letter-spacing:-0.25px;line-height:1.2;}
h1{font-size: 2.5rem;}
.sub_page_top h1{}
h3, h6{font-family:  'Hyundaihead_M', sans-serif; font-weight:500;letter-spacing:-0.25px;line-height:1.2;}
h2{font-size:1.30rem;color:#000;}
h2 a{font-family: 'Hyundaihead_M', sans-serif; font-weight:500;letter-spacing:-0.25px;line-height:1.2;}
h3{font-size:1.45rem;margin-bottom:15px;}
h4{font-size:1.30rem;}
h6{font-size:1.0rem;color:#000;line-height:1.3;font-family: 'Hyundaihead_R', sans-serif; font-weight:400;}

.web_edit_wrap h5{font-size:1.15rem;color:#000;}
.web_edit_wrap h6{font-size:1.05rem;color:#000;}
p{font-size:1.0rem;color: #626262;letter-spacing:-0.25px;}
.section_wrap{margin:100px 0px;}
.d_flex{ display:flex; align-items:center;justify-content:space-between;}
.d_flexc{ display:flex; align-items:center;justify-content:center;}
.d_flexrend{ display:flex; align-items:center;justify-content:space-between;margin-bottom:15px;}
img{max-width:100%;/*width:100%;*/}

.veiw_titleh6{margin-top:20px;}
.veiw_titleh6 li{color:#999;position:relative;display:inline-block;padding:0px 25px;font-family: 'HyundaiSans_R', sans-serif; font-weight:400;}
.veiw_titleh6 li:first-child:before{display:none;}
.veiw_titleh6 li:first-child{padding-left:0px;}
.veiw_titleh6 li:before{content:'';position:absolute;left:0px;top:15%;width:1px;height:70%;background:#ccc;}

/*topmenu*/
.topmenu .logo_text a{font-family:"Hyundaihead_M", 'dotum', '돋움', sans-serif;  font-weight: 600;letter-spacing:-1px;font-size:1.05rem;margin:0px 15px;}
.topmenu_top{  display:flex;
  align-items:center;}
.topmenu_top li{margin-right:15px;}
.topmenu_top li.logo_text{margin-right:0px;}
.topmenu_top li a{color:#000;}
.topmenu_top li img{width:16px;}

.white_bg{margin-top:20px;}


/*btn*/
.more_ba a{display:block;font-size:0.80rem;color:#555;position:relative;padding-right:10px;font-family:"Hyundaihead_R", sans-serif;  font-weight: 500;letter-spacing:-1px;}
.more_ba a:after{position:absolute;right:0px;top:calc(50% - 3px);content:'';
  width:5px;
  height: 5px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(45deg);
  border-radius: 1px;  /* 모서리 둥글게 → 뭉툭하게 */}
/*메인*/

.line_hr{border-top:1px solid #e8e8e7;margin-top:10px;padding-top:10px;}

.sapce_list_wrap{margin-left:20px;}
.bananer_item_text h4{}
.bananer_item_text p{}
.list_text h6{margin-bottom:5px;  line-height:1.2em;
display:-webkit-box;
  -webkit-line-clamp:2;   /* 3줄 */
  -webkit-box-orient:vertical;
  overflow:hidden;}
.list_text p{   line-height:1.2em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.flist_text{margin-top:5px;}
.flist_text div{font-size:0.95rem;color: #626262;}
.banner_top_wrap{margin-bottom:26px;}
.item_listw li{cursor:pointer;}
.feature_listw li{cursor:pointer;}
.sapce_list_wrap li{cursor:pointer;}
.curation_listw li{cursor:pointer;}
.sub_visual{position:relative;}
.sub_visual_title{position:absolute;left:30px;bottom:28px;}
.sub_visual_title h1{color:#fff;font-family: 'Hyundaihead_R', sans-serif;font-weight: 500;}


.sub_section .list_text h6{ /* 1.3 × 3줄 */ }
.sub_section .list_text p{ }

.flist_text h6{display:-webkit-box; line-height:1.3em;
  -webkit-line-clamp:2;   /* 3줄 */
  -webkit-box-orient:vertical;
  overflow:hidden;}

/*footer*/
#footer{background-color: #1c1b1b;margin-top:100px;padding:60px 0px;color:#fff;}
.copy_logo{width:10%;}
.copy_logo img{width:58px;}
.copy_info {width:70%;}
.copy_info p{font-size:0.90rem;line-height:1.5;color:#999;padding:2px 0px;}
.copy_info p span{color:#999;}
.copy_info address{font-size:0.90rem;line-height:1.5;color:#999;padding:2px 0px;}
.sns_wrap{text-align:right;}
.sns_wrap a{display:inline-block;margin-left:20px;}
.sns_wrap a img{width:25px;}

.family_site {
/*margin-top:25px;*/
  position: relative;
  width: 190px;
  font-size: 14px;
  letter-spacing:-0.5px;
}

.family_site .btn_open {
  display: block;
  padding: 3px 12px 5px 12px;
/*border:1px solid #676767;*/
  color: #999;
  cursor: pointer;
  border-radius: 0px;
}

.family_site ul {
  position: absolute;
  bottom: 100%;           /* 🔥 위로 열리게 */
  left: 0;
  width: 100%;
  background: #1c1b1b;;
  border: 1px solid #676767;
  border-radius: 0px;
  margin-bottom: -1px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);

  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: all .25s ease;
  z-index: 1000;
  padding:5px 12px;
}

.family_site.active ul {
  max-height: 400px;
  opacity: 1;
  transform: translateY(0);
}
.family_site ul li{  padding:5px 0;}
.family_site ul li a {
  display: block;

  color: #999;
}

.family_site ul li a:hover {
  color: #ccc;
}


.family_site .btn_open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.family_site .arrow {
  width: 6px;
  height: 6px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);   /* ▼ */
  transition: transform .25s ease;
}

/* 열렸을 때 ▲ */
.family_site.active .arrow {
  transform: rotate(-135deg);
}

/**/

.slist_view_wrap{margin:30px 0px 0px 0px;}
.list_view_img {text-align:center;}
.list_view_img img{width:60%;margin:0 auto;}

.list_view_w{width:100%;}
.list_view_w li{margin:15px 0px;}
.list_view_w li, .list_view_w li div{color:#666;font-family: 'HyundaiSans_R';font-weight: 400;}
.h3_title2{margin-top:50px;}

.list_view_w li .title{color:#000;font-family:"Hyundaihead_R", sans-serif;  font-weight: 400;width:60px;margin-right:20px;font-size:1.0rem;/*padding-top:2px;*/}


.list_view_w li .title{width:60px;}
.list_view_w li .title2{color:#000;font-family:"Hyundaihead_R", sans-serif;  font-weight: 400;font-size:1.0rem;}
.list_view_w li.web_edit_text{margin-top:50px;line-height:1.5;  font-family: 'HyundaiSans_R';font-weight: 400;}
.list_view_w li{     display: flex;
  align-items: center; 
  line-height: 1.5; }
.list_view_w li .title,
.list_view_w li .text_t,
.list_view_w li .text_t.en{
padding-top:3px;
  line-height: 1.5;
}
.flist_text .category_t{font-size: 0.90rem;}
.flist_text .d_day{font-size: 0.85rem;color:#999;}
.flist_text .web_text{margin:5px 0px 10px 0px;}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 50px auto;
  font-family: "Pretendard", sans-serif;
}

/* ◀ ▶ 버튼 디자인 */
.page-btn {
  width: 32px;
  height: 32px;


  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
  transition: 0.25s;
}

/* 이전 (<) 화살표 */
.page-btn.prev::before {
  content: "";
  border: solid #444;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(135deg);
 
}

/* 다음 (>) 화살표 */
.page-btn.next::before {
  content: "";
  border: solid #444;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-45deg);
}

/* hover */
/*.page-btn:hover {

  border-color: #29cb7e;
}

.page-btn:hover::before {
  border-color:#29cb7e;
}*/


.pagination .page-btn.prev,
.pagination .page-btn.next {
  opacity: 1;
  pointer-events: auto;
  filter: none;
}

/* 🔥 비활성 */
.pagination .page-btn.disabled {
  opacity: .20;
  pointer-events: none;
  filter: grayscale(1);
}



/* 숫자 영역 */
.page-list {
  display: flex;
  gap:17px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-num {
position:relative;
font-size:1.5rem;
  display: block;
  min-width: 32px;
  padding: 8px 10px;
  text-align: center;

  border-radius: 4px;
  color: #000;
  text-decoration: none;
  transition: 0.25s;
}

.page-num:hover {
  color:#29cb7e;
}

.page-num.active {

  color:#29cb7e;
  font-weight: bold;
}


.page-num.active:before{content:'';position:absolute;left:calc(50% - 4px);bottom:0px;width:8px;height:2px;background:#29cb7e;}

.btn_list_wrap{margin-top:35px;text-align:center;border-top:1px solid #ccc;}
.btn_list{margin-top:50px;}
.btn_list_wrap a{display:inline-block;height:35px;background:#29cb7e;color:#fff;   min-width: 180px;
    min-height: 56px;line-height:56px;text-align:center;font-size:1.125rem;}

.t-left{text-align:left ! important;}
.btn_list_wrap.t-left a {min-width: 250px;}
/* 탭 메뉴 */
.tab_menu {
  display: flex;
  gap: 40px;margin:0px;padding:0px;
  justify-content:left;
  align-items: center;
  margin-top:20px;
}

.tab_menu li {

  cursor: pointer;

}
.tab_menu li.active{position:relative;color:#29cb7e;}
.tab_menu li.active:before{content:'';position:absolute;left:0px;bottom:-6px;width:100%;height:4px;background:#29cb7e;} 





.tab_menu li a {
font-family: 'Hyundaihead_R', sans-serif; font-weight:500;letter-spacing:-0.25px;
  display: block;
  color: #000;
  font-size: 1.25rem;
}



@media (max-width:768px){
.tab_menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
	gap:40px 28px;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch;

    list-style:none !important;

    /* ★ 상위 overflow hidden 영향 줄이기 */
    position:relative;
    z-index:5;
  }



 .tab_menu > li.h2_title > a{
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important; /* ★ 글자 줄바꿈 금지 */
  }

.tab_menu::-webkit-scrollbar{ display:none; }
.tab_menu li{ position:relative; } /* 기본 */
.tab_menu li.active::before{
  content:'';
  position:absolute;
  left:0;
  bottom:0;            /* -6px 말고 0으로 */
  width:100%;
  height:4px;
  background:#29cb7e;
}
.tab_menu li a{ display:block; padding-bottom:8px; } /* 밑줄 공간 */

}



/* 콘텐츠 숨김 / 표시 */
.tab-content {
margin:70px 0px 50px 0px;
  display: none;
}

.curation_listw{}

.tab-content.active {
  display: block;
}

.tab_menu .h2_title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1; /* 높이 균일하게 */
}

.tab_menu li a {
  display: flex;
  align-items: center;   /* 수직 가운데 정렬 */
  height: 40px;          /* 원하는 탭 높이 */
/* 좌우 여백만 */
  line-height: 1;
}

@media (max-width: 767px) {
.curation_listw .img-box, .item_listw .img-box, .feature_listw .img-box, .sapce_list_wrap .img-box{margin-bottom:12px;}
.page-list {gap: 15px;}
.page-num {font-size:1.25rem;}

.page-btn.prev::before, .page-btn.next::before{padding:4px;    border-width: 0 1.5px 1.5px 0;}

}

/* 모바일 */
@media (max-width: 480px) {
  /*.search-bar {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }*/
}


/*서브_view*/
.web_edit img{max-width:100%;}


/*공통*/
.bd_flexw{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3열 */
    gap: 50px 18px; /* 카드 간 간격 */
    padding: 0;
    margin: 0;
}


/*공통*/
.bd_flexw4{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3열 */
    gap: 50px 18px; /* 카드 간 간격 */
    padding: 0;
    margin: 0;
}

.bd_flexw5{
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 3열 */
    gap: 50px 18px; /* 카드 간 간격 */
    padding: 0;
    margin: 0;
}

/*공통-서브*/
.sub_section .h2_title{margin:30px 0px;}



@media (min-width:1190px){
.container{  width: 100%;
  max-width: 1120px;
  margin: 0 auto;  }
}

 @media (max-width:1189px){
.container{margin:0 auto;width:calc(100% - 15px);padding-left:15px;padding-right:15px;}
 }



@media (min-width:992px){
.pc_section_wrap{margin:150px 0px;}
  .line_hr{margin-top:20px;padding-top:20px;}

	.logo_top_img_moblie{display:none;}
	.d_flexw3{ display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3열 */
    gap: 18px; /* 카드 간 간격 */
    padding: 0;
    margin: 0;}
	.d_flexw{display:flex;align-items:top;justify-content:space-between;}
	.d_flexw2{ display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3열 */
    gap: 50px; /* 카드 간 간격 */
    padding: 0;
    margin: 0 auto;}

	.d_flexw{display:flex;align-items:top;justify-content:space-between;}
	.d_flexww{display:flex;align-items:top;justify-content:left;}
.d_flexw2_1{  display: flex;
  justify-content: space-between;
  gap: 40px;}



/* 공통 이미지 스타일 */
.feature_listw img,
.space_ul img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* FEATURE 3열 */
.d_flexw3_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}


		.bd_flexw5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* PC: 5열 */
  gap: 30px;

  margin: 0 auto;
  padding: 0;
}
		.bd_flexw4 li h6{font-size:1.0rem;margin-top:15px;letter-spacing:-0.25px;}
		.bd_flexw4 li{}
		/*.bd_flexw4 li img{width:55%;margin:0 auto;}*/

			.bd_flexw5 li h6{font-size:1.0rem;margin-top:15px;letter-spacing:-0.25px;}
		.bd_flexw5 li{}
/*.bd_flexw5 li img{width:55%;margin:0 auto;}*/
    .bd_flexw3{display: flex;flex-wrap: wrap;gap:55px;margin:0px 30px 20px 0px;width:100%;}
		.bd_flexw3 li{flex: 0 0 30%;text-align:center;margin-top:30px;width:30%;margin-bottom:15px;}
		.bd_flexw3 li h6{font-size:1.0rem;margin-top:15px;letter-spacing:-0.25px;}
		.bd_flexw3 li img{width:100%;margin:0 auto;}
	.bigbanner_w{display: flex;}
	 .container.d_flexw{gap:10px;}
	 .container.d_flexw.gap_20{gap:60px;display: flex;flex-wrap: wrap;}
	 .container.d_flexw.gap_20 article{flex: 1 1 40%;}

		.feature_listw .d_flexw{gap:10px;}

	.banner_img.bananer_item.pc_item{display:block;}
	.banner_img.bananer_item.moblie_item{display:none;}
	.pc_visual{display:block;}
	.moblie_visual{display:none;}
	.sub_section .sub_visual{width:1120px;margin:0 auto;margin-top:129px;}

	.feature_listw img{max-width:266px;}
.sapce_list_wrap img{max-width:266px;}


 }

 @media (max-width:991px){
 .sapce_list_wrap{margin-left:0px;}
 .slist_view_wrap{margin: 30px 0px 0px 0px;}
.search-bar{width:100%;}
 #footer{margin-top:55px;}
.curation_listw{margin-bottom:55px;}
 .feature_listw li{margin-bottom:25px;}
 .item_listw li{margin-bottom:25px;}
  .section_wrap{margin:55px 0px;}
  .line_hr{margin-top:10px;padding-top:10px;}
  .sapce_list_wrap{margin-top:55px;}
.bd_flexw5 {
        grid-template-columns: repeat(2, 1fr);
		    gap: 30px 15px; /* 모바일 간격 조금 줄여도 됨 */
    }
 .bd_flexw{
        grid-template-columns: repeat(2, 1fr); /* 2열 */
        gap: 15px; /* 모바일 간격 조금 줄여도 됨 */
    }

	.bd_flexw4{
        grid-template-columns: repeat(2, 1fr); /* 2열 */
        gap: 30px 15px; /* 모바일 간격 조금 줄여도 됨 */
    }


	  .d_flexw2, .d_flexw2_1 {
        grid-template-columns: 1fr; /* 한 줄 */
        gap: 30px;
    }

  h2{font-size:1.25rem;}
h3{font-size:1.25rem;margin-bottom:15px;}
h4{font-size:1.20rem;}
h6{font-size:1.0rem;color:#333;}
p{font-size:0.95rem;color: #626262;}
.main_section br{display:none;}

.bananer_item_text{padding:0px 20px 30px 20px;}

.banner_img.bananer_item.pc_item{display:none;}
.banner_img.bananer_item.moblie_item{display:block;}

.pc_visual{display:none;}
.moblie_visual{display:block;}

.slist_view_wrap .list_view_w{margin-top:40px;} 
	
 }


 /*7*/
 .main_section .img-box {
  width: 100%;
  aspect-ratio: 1 / 1.35; 
  overflow: hidden;
}

.slider-track  .img-box{  aspect-ratio: 1 / 1;}
.space_listw  .img-box{  aspect-ratio: 1 / 1;}

.img-box img {
  width: 100%;
  height: 100%;
 /* object-fit: cover; 
  object-position: center;*/
  display: block;
}
p.name_text{font-size: 0.85rem;line-height:1.2;}







/*footer 변경*/
#hd-footer { position: relative; background-color: #1c1b1b; padding: 60px 0px; color: #999999; }
#hd-footer .hd-logo { position: absolute; top: 5px; left: 0; width: 58px;}
#hd-footer .footer_area { position: relative; padding-left: 12%; padding-right: 220px; box-sizing: border-box;}
#hd-footer .txt_area { width: 100%;}
#hd-footer .txt_area p, #hd-footer address { line-height: 1.2; word-break: keep-all; display: flex; flex-wrap: wrap; gap: 5px 20px; font-size: 14px; margin-top: 8px; color: #999999;}
#hd-footer .copyright p { font-size: 14px; color: #999999; margin-top: 8px; line-height: 1.2; word-break: keep-all; display: flex; flex-wrap: wrap; gap: 5px 20px;}
#hd-footer .web_sns { position: absolute; top: 0; right: 0;}

#hd-footer .family_site { height: 30px; box-sizing: border-box; position: relative; border: 1px solid #676767;}
#hd-footer .sns_wrap { overflow: hidden; text-align: right; margin-bottom: 18px;}


@media (max-width: 767px){
#hd-footer { padding: 25px 0 30px;}
#hd-footer .txt_area p, #hd-footer address { font-size: 12px; color: #999999; flex-direction: column;}
#hd-footer .footer_area{ padding: 0;}
#hd-footer .txt_area { padding-bottom: 24px;}

#hd-footer .copyright { position: relative; padding: 20px 0; padding-left: 64px; border-top: 1px solid #999;}
#hd-footer .copyright p { font-size: 14px; line-height: 22px; color: #999999; margin-top: 0; gap:0;}
#hd-footer .hd-logo { top: 50%; margin-top: -13px; width: 45px;}
#hd-footer .web_sns { position: inherit; padding-top: 20px; border-top: 1px solid #999;}
#hd-footer .family_site { width: 100%;}
#hd-footer br.mo { display: block;}
#hd-footer .copyright span { display: block;}
#hd-footer .family_site ul li a { font-size: 13px; line-height: 18px;}

.list_view_w li .title,
.list_view_w li .text_t,
.list_view_w li .text_t.en{
padding-top:0px;
  line-height: 1.5;
}
}


/*아이템*/
.list-item { display: grid; grid-template-columns: 72px 1fr; column-gap: 16px;}