@charset "UTF-8";

:root{
  --transition-custom02: all 0.2s ease-in-out; 
	--transition-custom03: all 0.3s ease-in-out;
	--transition-custom08: all 0.8s ease-in-out;	
  --font-family-Garamond: 'Garamond', '나눔명조', '명조', 'Noto Sans Korean', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}


/* scrollbar */
body ::-webkit-scrollbar{width: 12px; height: 12px;}
body ::-webkit-scrollbar-thumb{background-color: #a0abba; border-radius: 0.625rem; border: 2px solid transparent; background-clip: padding-box;  box-sizing: border-box;}
body ::-webkit-scrollbar-track{ background:transparent; border-radius: 0.625rem; border: 2px solid transparent; box-shadow:inset 0.625rem 0 0 #e5e8ec;  box-sizing: border-box; }

.gnb ::-webkit-scrollbar{width: 8px; height: 8px;}

body.main {word-break: keep-all;}

.main .swiper-button-next:after, 
.main .swiper-button-prev:after {display: none;}
.main .swiper_controll_w {}
.main .swiper_controll {display: flex; align-items: center; gap:0.5rem; white-space: nowrap; }
.main .swiper_controll .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; }
.main .swiper-pagination {display: flex; align-items: center; position:relative; }
.main .swiper-pagination-bullets {display: flex; gap:6px; }
.main .swiper-pagination-bullet {  width:9px; height:9px; background:#003271;  border-radius: 5px; opacity: 0.2;}
.main .swiper-pagination-bullet-active {width:30px; background:#003271; opacity: 1;}

.main .swiper-pagination-progressbar {width:100px; height: 1px; background:#e5e5e5;}
.main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {bottom:0; top:auto; height: 3px; background:#000000;}

.main .swiper-pagination-fraction {display: inline-flex; gap:0.25rem; width:auto; letter-spacing: 0; font-family: var(--font-family-pre);}
.main .swiper-pagination-fraction > span:before {content:'0'; display: inline;}
.main .swiper-notification {position:absolute;}

.main .swiper-control {display: flex;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next {position:relative; right:auto; left:auto; top:auto; bottom:auto; margin:auto; width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:1.5rem auto;}
.main .swiper-button-next {background-image: url(../images/main/main_icon_play_arwR.png);}
.main .btn_autoPlay {background: url(../images/main/main_icon_play_pause.png) no-repeat 50% 50%; background-size:1.5rem auto;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play.png);}
@media (max-width:768px) {
	.main .btn_autoPlay, 
	.main .swiper-button-prev, 
	.main .swiper-button-next {width:1.25rem; height: 1.25rem;     background-size: 1.125rem auto;}
}


.main #header { position:fixed; z-index:100; }

.main #header .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main #footer .in_cover > .in_w {max-width:1480px;}

@media (min-width:1161px) {  
  .main #header {height: 124px;}
}
@media (max-width:1160px) and (min-width:769px) {  
  .main #header {height: 120px;}
}
@media (max-width:768px) {  
  .main #header {height: 5.8125rem;}
}

.main:not(.body_scroll) #header,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_sbox,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:transparent;}

.main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
.main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
.main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a {color:#fff;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela > li + li:before {background:rgba(255,255,255,0.5);}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) nav.st_dot .gnb > li:not(:first-child) > a:before {opacity: 0.3;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo img {opacity: 0;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }


@media (min-width:1161px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t {color:#fff;}
}
@media (max-width:1160px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_logo a .t {color:#fff;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_sbox,
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box {background:transparent;}
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo img {opacity: 0;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0104_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0102_w.png); }
}

.main article section {  min-height: 460px; }

.main .h3_w {margin-bottom:3.75rem;}
h3.main_cntT { z-index:1; position:relative; margin-bottom:3.75rem; font-size:5rem; line-height: 1.1; letter-spacing: 0; font-weight: normal; text-align: center; font-family: var(--font-family-Garamond); transition: var(--transition-custom08); }
.main .h3_x { position:relative; font-size:1.875rem; font-weight: bold; letter-spacing: -1.5px;}
.main .h3_w .btn_more_w {display: flex; justify-content: flex-end; margin-top:1rem;}
.main .h3_w .btn_more {  padding:0; letter-spacing: 0; font-family: var(--font-family-Garamond);}
.main .h3_w .btn_more .b_i {width:2.75rem; height: 2.75rem; background-color:#211d1e;  background-image: url(../images/main/main_icon_arw01_w.png); background-size:1rem auto; border-radius: 50%;}
@media (max-width:1160px) {
  h3.main_cntT { margin-bottom:3rem; font-size:4.75rem;}
}
@media (min-width:769px) {
  .main .h3_w .btn_more_w { position:absolute; right:0; bottom:0; }
}
@media (max-width:768px) {
  h3.main_cntT {font-size:4.5rem;}
}
@media (max-width:640px) {
  .main .h3_x {font-size:1.5rem;}
}
@media (max-width:460px) {
  h3.main_cntT { font-size: 4rem;}
}


/* main quick */
.sec_quickScroll {z-index:20; position:fixed; left:0; top: 50%; transform: translateY(-50%); }
.main_sideQuick { transform: translateX(-110%); width:9.375rem; }
.main_sideQuick .tit {display: flex; justify-content: center; align-items: center; position:relative; margin-right:-1.5rem; height: 3.125rem; color:#fff; font-size:1.125rem; letter-spacing: -1px; background:#003568; }
.main_sideQuick .tit:before {content:''; display: block; position:absolute; top:100%; right:0; width:1.5rem; height: 0.75rem; border:0.375rem solid #021e44; border-left-width:0.75rem; border-right-width:0.75rem; border-bottom-color:transparent; border-right-color:transparent;  box-sizing: border-box; }
.main_quickScroll_w { background:#0f579d;}
.main_quickScroll_w > li {display: block; position:relative;}
.main_quickScroll_w > li:not(:first-child):before {content:''; display: block; position:absolute; left:1.25rem; right:1.25rem; bottom:100%; height: 1px; background:#fff;}
.main_quickScroll {display: flex; flex-direction: column; justify-content: center;  align-items: center; position:relative; margin:0 auto; height: 8rem; text-align: center; color:#fff; background:#0f579d; opacity: 0;}
.main_quickScroll .icon {display: inline-block; width:4.5rem; height: 4.5rem;  background: url(../images/main/cnt_icon0101.png) no-repeat 50% 50%; background-size:contain;}
.main_quickScroll .icon.i0101 { background-image: url(../images/main/cnt_icon0101_ac.png); }
.main_quickScroll .icon.i0102 { background-image: url(../images/main/cnt_icon0102_ac.png); }
.main_quickScroll .icon.i0103 { background-image: url(../images/main/cnt_icon0103_ac.png); }
.main_quickScroll .icon.i0104 { background-image: url(../images/main/cnt_icon0104_ac.png); }
.main_quickScroll .icon.i0105 { background-image: url(../images/main/cnt_icon0105_ac.png); }
.main_quickScroll .t {margin-top:0.25rem; font-size:0.875rem; color:#fff; letter-spacing: -1.5px;}
.main_quickScroll_w > li:hover:not(:first-child):before {display: none;}
.main_quickScroll:hover { color:#0f579d; background-color:#fff; }
.main_quickScroll:hover .icon img {opacity: 0;}
.main_quickScroll:hover .t { color:#0f579d; font-weight: 500;}
@media (max-width:1160px) {
  .sec_quickScroll {display: none;}
}

body.on .sec_quickScroll .main_sideQuick { animation: slideInRight 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.2s;}
@keyframes slideInRight {
  0% { transform: translateX(-110%);  }
  100% { opacity: 1; transform: translateX(0); }
}
body.on .sec_quickScroll .main_quickScroll { animation: slideInRight2 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;  animation-delay: 0.8s; }
.main_quickScroll_w > li:nth-child(1) .main_quickScroll { animation-delay: 0.4s; }
.main_quickScroll_w > li:nth-child(2) .main_quickScroll { animation-delay: 0.5s; }
.main_quickScroll_w > li:nth-child(3) .main_quickScroll { animation-delay: 0.6s; }
.main_quickScroll_w > li:nth-child(4) .main_quickScroll { animation-delay: 0.7s; }
.main_quickScroll_w > li:nth-child(5) .main_quickScroll { animation-delay: 0.8s; }
@keyframes slideInRight2 {
  0% { opacity: 0; transform: translateX(-100%);  }
  100% { opacity: 1; transform: translateX(0); }
}

@media (max-height:960px) {
  .sec_quickScroll { top: 135px; transform: translateY(0); }
}
@media (max-height:820px) {
  .main_quickScroll {height: 6.5rem;}
  .main_quickScroll .icon {width:3rem; height: 3rem;}
}
@media (max-height:700px) {
  .main_quickScroll {height: calc((100vh - 185px) / 5);}
  .main_quickScroll .icon {width:6vh; height: 6vh;}
}
@media (max-height:580px) {
  .main_quickScroll {height: calc((100vh - 185px) / 5);}
  .main_quickScroll .icon {display: none;}
}
@media (max-height:500px) {
  .sec_quickScroll {display: none};
}




/* visual */
.sec_vis { height: 100vh;}
.main_vis { position:relative; height: 100%; background:#000; overflow: hidden;  }
.main_vis .vis_video { position:absolute; left:0; top:0; right:0; height: 100%; opacity: 0.7;}
.main_vis .vis_video video {width:100%; height: 100%; object-fit: cover;}
.main_vis .main_vis_img {position:absolute; left:0; top:0; width:100%; height: 100%; height: 100%; opacity: 0; }
.main_vis .main_vis_img img {width:100%; height: 100%; object-fit: cover; opacity: 0.8; transition:var(--transition-custom08); }
@media (max-width:1400px) {
  .sec_vis { /* height: auto; aspect-ratio: 12 / 8; */}
}
@media (max-width:1160px) {
  .sec_vis { height: 100vh;}
  .main_vis .vis_video video {display: none;}
  .main_vis .main_vis_img { opacity: 1;}
  .sec_vis.wp .main_vis .main_vis_img img {opacity: 1;}
}

.main_vis_tit { position:relative; height: 100%; box-sizing: border-box;}
.main_vis_tit .in_w { display: flex; align-items: center; height: 100%; color:#fff; box-sizing: border-box;}
.main_vis_tit .t_w .tx { font-size:1.5rem; letter-spacing: 2px; font-family: var(--font-family-Garamond);}
.main_vis_tit .t_w .t {display: flex;  font-size:85px; letter-spacing: -1.5px; line-height: 1.1; letter-spacing: 1.5px; font-family: var(--font-family-Garamond); text-shadow:0 0.375rem 1.25rem rgba(0,0,0,0.25) ;}
.main_vis_tit .t_w .x {margin-top:0.5rem; font-size:1.3125rem; line-height: 1.6; letter-spacing: -1px;}
.main_vis_tit .t_w p,
.main_cntT {opacity: 0; transform: translateY(-20px);}
.sec_vis.wp .main_vis_tit .t_w p,
 section.wp .main_cntT {  animation: visTit_fade 0.5s ease-out forwards ;}
.sec_vis.wp .main_vis_tit .t_w p:nth-child(1) { animation-delay: 1.1s; }
.sec_vis.wp .main_vis_tit .t_w p:nth-child(2) { animation-delay: 1.25s; }
.sec_vis.wp .main_vis_tit .t_w p:nth-child(3) { animation-delay: 1.4s; }
.sec_vis.wp .main_vis_tit .t_w p:nth-child(4) { animation-delay: 1.55s; }
 section.wp .main_cntT { animation-delay: 0.1s;}
@keyframes visTit_fade {
  0% { opacity: 0; transform: translateY(-20px);  }
  100% { opacity: 1; transform: translateY(0); }
}
@media (max-width:1400px) {
  .main_vis_tit .in_w {padding-left:5vw; padding-right:5.5vw;}
}
@media (max-width:1280px) {
  .main_vis_tit .in_w {padding-left:50px;}
}
@media (min-width:1161px) {
  .main_vis_tit .in_w { justify-content: flex-end; }
}
@media (max-width:1160px) {
  .main_vis_tit {height: 100vh; min-height: 460px; width:100%; }
  .main_vis_tit .in_w {  padding:0; padding-right:3vw; }
  .main_vis_tit .t_w {margin-top:0; zoom:0.9;}
  .main_vis_tit .t_w .tx {margin-bottom:1rem; font-size:1.75rem;}
  .main_vis_tit .t_w .x {margin-top:1.5rem; font-size:1.5rem;}
}
@media (max-width:960px) { 
  .main_vis_tit { aspect-ratio:initial;}
}

@media (max-width:768px) {
  .main_vis_tit .t_w .t {font-size:4.5rem;}
}
@media (max-width:640px) {
  .main_vis_tit .t_w {margin-top:3vw;}
}
@media (max-width:460px) {
  .main_vis_tit .t_w .t { font-size: 4.25rem;}
}
@media (max-width:390px) {
  .main_vis_tit .t_w .t { font-size: 4rem;}
  .main_vis_tit .t_w .tx { font-size:1.5rem;}
  .main_vis_tit .t_w .x { font-size:1.375rem;}
}


.main_deco { display: flex; align-items: center; justify-content: center; position:absolute; transform: scale(0); width:13.5rem; height: 13.5rem; opacity: 0;}
.main_deco span { position:absolute; left:50%; top:50%; }
.main_deco span::before,
.main_deco span::after { content: ''; display: block; position: absolute; left: 0; top: 0; margin-left:-10px; width: 21px; height: 1px; background: #b1834f;  }
.main_deco span::before {transform: rotate(90deg);}
.main_deco p { position:absolute; transform: scale(0); width:100%; height: 100%; border:1px solid #e7e3d9; border-radius: 50%; box-sizing: border-box;  opacity: 0;}
.main_deco p.ring1 { animation-delay: 0s; }
.main_deco p.ring2 { animation-delay: 1s; }
.main_deco p.ring3 { animation-delay: 2s; }

.sec_bann {display: flex; color:#fff; position:relative; height: 1024px; background:#1b222c;}
.sec_bann .main_deco { left:160px; top:50px; transform: translateX(-50%); border-color:#706e6a;}
section.wp .main_deco { opacity: 1; }
section.wp .main_deco p {  animation: ripple 3s cubic-bezier(0.16, 1, 0.3, 1) infinite; }
@keyframes ripple {
  0% { transform: scale(0.1); opacity: 0;}
  5% { opacity: 1; }
  80% { border-color: rgba(205, 162, 117, 0.2); }
  100% { transform: scale(1); opacity: 0; }
}
@media (max-width:1600px) {	
  .sec_bann {height: 100vh;}
  .sec_bann .main_deco  {left:75%; top:-30px;}
}
@media (max-width:640px) {	
  .sec_bann .main_deco  {left:25%; top:100%; transform: translate(-50%,-30%);}
}


.main_bann_img {flex:1; display: flex; flex-direction: column; gap:1.75rem; }
.main_bann_img > div { position:relative;  }
.main_bann_img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; }
.main_bann_img .bann0101 { height: 58.6%; }
.main_bann_img .bann0102 { flex:1;  }
.main_bann_img .bann0202 {height: 65.4%; }
.main_bann_img .bann0201,
.main_bann_img .bann0203 {flex:1;}
@media (max-width:1160px) {	
  .main_bann_img {position:absolute; display: block;}
  .main_bann_img .bann0102,
  .main_bann_img .bann0201,
  .main_bann_img .bann0203 {display: none;}

  .main_bann_img > div {height: 100%!important;}
  .main_bann_img.img1 {right:0; top:0; width:55%; height: 38%;}
  .main_bann_img.img2 {left:0; bottom:0; width:70%; height: 34%;}
}


.sec_bann .main_bann_txt {padding:0 3rem; width:49.4%; box-sizing: border-box;}
.main_bann_txt {display: flex; align-items: center; }
.main_bann_txt .t_w {position:relative; width:100%;}
.main_bann_txt .t {position:relative;  margin-bottom:2rem; font-size:85px; line-height: 1; font-family: var(--font-family-Garamond);}
.main_bann_txt .tx_w {position:relative; padding-left:300px; margin-right:-20px; }
.main_bann_txt .tx { margin-bottom:1.875rem; font-size:1.5rem; font-weight: 200; }
.main_bann_txt .x {font-weight: 200; line-height: 1.7; opacity: 0;} 

.main_bann_txt .t,
.main_bann_txt .tx,
.sec_info .t,
.sec_info .tx { transform: translateY(-20px); opacity: 0; }
.main_bann_txt .x,
.sec_info .x { opacity: 0;} 

section.wp .main_bann_txt .t,
section.wp .t_w .t {  animation: visTit_fade2 0.5s ease-out forwards ; animation-delay: 0.4s;}
section.wp .main_bann_txt .tx,
section.wp .t_w .tx {  animation: visTit_fade2 0.5s ease-out forwards ; animation-delay: 0.6s;}
section.wp .main_bann_txt .x,
section.wp .t_w .x { animation: visTit_fade3 0.5s ease-out forwards ; animation-delay: 0.9s;} 
@keyframes visTit_fade2 {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes visTit_fade3 {
  to { opacity: 1; }
}

@media (max-width:1600px) {	
  .main_bann_txt .tx_w {padding-left:50px;}
}
@media (max-width:1160px) {	
  .sec_bann .main_bann_txt {z-index:1; position:relative; width:100%; }
}
@media (max-width:768px) {
  .main_bann_txt .t_w .t {font-size:4.5rem;}
}
@media (max-width:640px) {
  .sec_bann .main_bann_txt {padding:0 5vw; padding-right:4vw;}
  .main_bann_txt .t_w {margin-top:3vw;}
  .main_bann_txt .tx_w {padding:0;}
  .main_bann_txt .tx {margin-bottom:1.25rem; font-size:1.25em;}
}
@media (max-width:460px) {
  .main_bann_txt .t_w .t { font-size: 4.25rem;}
  .main_bann_txt .x {font-size:0.9375rem;}
}



.sec_news { padding-top:140px; padding-bottom:80px; background:#f5f5f5;  overflow: hidden;}
.sec_news > .in_w {max-width:1680px;} 
.sec_news .main_deco { left:50%; top:-20px; margin-left:330px; transform: translateX(-50%); }
.sec_news .main_cntT span {white-space: nowrap;}
@media (max-width:1160px) {	
  .sec_news {padding-top:5rem; padding-bottom:5rem;}
  .sec_news .main_deco {left:80%; margin:0;}
  .sec_news h3.main_cntT {text-align: left;}
}
@media (max-width:768px) {	
  .sec_news .h3_w {margin-bottom:1.75rem;}
  .sec_news h3.main_cntT {margin-bottom:1.5rem;}
}
@media (max-width:640px) {	
  .sec_news {padding-top:4rem; padding-bottom:4rem;}
  .sec_news .main_deco {left:70%; top:20px; transform: translate(-50%,-50%);}
}
@media (max-width:460px) {
  .sec_news {padding-top:3rem; padding-bottom:3rem;}
}
@media (max-width:400px) {	  
  .sec_news h3.main_cntT {font-size:3.875rem;}
  .sec_news h3.main_cntT span {letter-spacing: -1px;}
}

.main_video_w { margin-bottom:50px; }
.main_video {display: block; gap:50px;}
.main_video .img_w {position:relative; width:100%; background:#f1f1f1 url(../images/cnt/img_bg.png) no-repeat 50% 50%; background-size:4rem auto; overflow: hidden;}
.main_video .img_w:before {content:''; display: block; padding-top:68.5%;}
.main_video .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_video .txt_w {flex:1; display: flex; flex-direction: column; margin-top:1rem;}
.main_video .txt_w .t_w {flex:1; display: flex; flex-direction: column;}
.main_video .txt_w .t {margin-bottom:0.625rem; min-height: auto; height: 3.5rem; font-size:1.375rem; line-height: 1.3; font-weight: 500; letter-spacing: -1px; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_video .txt_w .x {height: 4.5rem; font-size:1.0625rem; color:#666; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.main_video .txt_w .d {margin-top:0.75rem; color:#666; letter-spacing: 0;}
@media (max-width:1160px) {	
  .main_video { gap: 2.5rem;}
  .main_video .txt_w .t {height: 3.25rem; font-size:1.25rem;}
}
@media (max-width:960px) {	
  .main_video { align-items: center; flex-direction: column; gap:1.5rem; margin:0 auto; max-width:640px;}
  .main_video .img_w {width:100%; min-height: auto;}
  .main_video .txt_w {width:100%;}
  .main_video .txt_w .t {margin-bottom: 0.875rem; min-height:auto;}
  .main_video .txt_w .x {height: auto;}
  .main_video .txt_w .d {margin-top: 0.75rem;}
}
@media (max-width:768px) {	
  .main_video .txt_w .t {height: 3.25rem; font-size:1.125rem; line-height: 1.5;}
}



.main_bann3 .swiper_controll_w {display: flex; align-items: center; gap:1.25rem; margin-top:2rem;}
.main_bann3 .swiper_controll_w .swiper-pagination {flex:1;}
@media (max-width:1160px) {	
  .main_bann3_swiper {overflow: initial;}
}


.sec_media { padding-top:140px; padding-bottom:200px; overflow: hidden; }
.sec_media.in_cover > .in_w {max-width:1350px;}
.sec_media .main_deco { left:50%; top:10px; margin-left:130px; transform: translate(-50%,-50%); }
@media (max-width:1160px) {	
  .sec_media {padding-top:5rem; padding-bottom:5rem;}
}
@media (max-width:768px) {	
  .sec_media .h3_w {margin-bottom:1.75rem;}
  .sec_media h3.main_cntT {margin-bottom:1.5rem;}
}
@media (max-width:640px) {	
  .sec_media {padding-top:5rem; padding-bottom:4rem;}
}
@media (max-width:460px) {
}
@media (max-width:400px) {	  
  .sec_media h3.main_cntT {font-size:3.875rem;}
}

.main .media_tab {display: flex; justify-content: center; align-items: center; gap:0.25rem 1.25rem; margin-bottom:2.5rem;}
.main .media_tab a {display: inline-flex; align-items: center; gap:0.375rem; position:relative; font-size:0.875rem; white-space: nowrap;}
.main .media_tab a i {display: inline-block; width:1.75rem; height: 1.75rem; background: url(../images/main/main_icon0102.png) no-repeat 50% 50%; background-size:contain;}
.main .media_tab a i.i_youtube { background-image: url(../images/main/main_icon0101.png); }
.main .media_tab a i.i_insta { background-image: url(../images/main/main_icon0102.png); }
.main .media_tab a i.i_blog { background-image: url(../images/main/main_icon0103.png); }
.main .media_tab .bar { color:#ccad91;}
.main .media_tab a.ac {color:#000; font-weight: 500;}
.main .media_tab a.ac:before { content:''; display: block; position:absolute; left:50%; top:100%; transform: translateX(-50%); margin-top:0.375rem; width:11px; height: 11px; border:5px solid transparent; border-top:6px solid #000; box-sizing: border-box; }
@media (max-width:1160px) {	
  .main .media_tab { flex-direction: column;}
  .main .media_tab a.ac:before {display: none;}
}

.main_media_list { display: flex; gap:52px; }
.main_media_list > li {flex:1; display: block; }
.main_media {display: block; gap:50px;}
.main_media .img_w {position:relative; width:100%; background:#f1f1f1 url(../images/cnt/img_bg.png) no-repeat 50% 50%; background-size:4rem auto; overflow: hidden;}
.main_media .img_w:before {content:''; display: block; padding-top:57.84%;}
.main_media .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_media .txt_w {flex:1; display: flex; flex-direction: column; margin-top:1rem;}
.main_media .txt_w .t_w {flex:1; display: flex; flex-direction: column;}
.main_media .txt_w .t {margin-bottom:0.625rem; min-height: auto; height: 3.5rem; font-size:1.375rem; font-weight: 500; letter-spacing: -1px; line-height: 1.3; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_media .txt_w .x {height: 4.5rem; font-size:1.0625rem; color:#666; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.main_media .txt_w .d {margin-top:0.75rem; color:#666; letter-spacing: 0;}
@media (max-width:1460px) {	
  .main_media_list {  gap:25px; }
}
@media (max-width:1160px) {	
  .main_media { gap: 2.5rem;}
  .main_media .txt_w .t {height: 3.25rem; font-size: 1.25rem;}
}
@media (max-width:960px) {	
  .main_media { align-items: center; flex-direction: column; gap:1.5rem; margin:0 auto; max-width:640px;}
  .main_media .img_w {width:100%; min-height: auto;}
  .main_media .txt_w {width:100%;}
  .main_media .txt_w .t {margin-bottom: 0.875rem; min-height:auto;}
  .main_media .txt_w .x {height: auto;}
  .main_media .txt_w .d {margin-top: 0.75rem;}
}
@media (max-width:768px) {	
  .main_media_list {gap:20px; margin-left:-4.5vw; margin-right:-4.5vw; padding:0 4.5vw; overflow-x:auto;}
  .main_media_list > li {flex:none; width:42%;}
  .main_media .txt_w .t {height: 3.25rem; font-size:1.125rem; line-height: 1.5;}
}
@media (max-width:640px) {	
  .main_media_list { margin-left:-5vw; margin-right:-5vw; padding:0 5vw; }
}
@media (max-width:460px) {
  .main_media_list > li { width: 65%;}
}


.sec_info { display: flex; align-items: center; position:relative; height: 1024px; }
.sec_info .main_deco { left: 65%; top: 250px; transform: translateX(-50%); border-color:#706e6a;}
.sec_info .img_w { position:absolute; left:0; top:0; width:100%; height: 100%;}
.sec_info .img_w img {width:100%; height: 100%; object-fit: cover;}
.sec_info .in_w { z-index:1; position:relative; display: flex; align-items: center; justify-content: center; height: 100%; color:#fff; }
@media (max-width:1160px) {	
  .sec_info {height: 100vh;}
}

.sec_info .t_w {position:relative; padding-left:100px; width:100%;}
.sec_info .t {position:relative; margin-bottom:1.5rem; font-size:85px; line-height: 1; font-family: var(--font-family-Garamond);}
.sec_info .tx {position:relative; margin-bottom:220px; padding-left:30%; font-size:85px; line-height: 0.9; font-family: var(--font-family-Garamond);}
.sec_info .x {position:relative; padding-left:15%; font-weight: 200; line-height: 1.5; font-size:0.9375rem; line-height: 1.7;} 
@media (max-width:1160px) {	
  .sec_info .t_w {padding:0; text-align: center;}
  .sec_info .t {margin-bottom:2.5rem; font-size:4.25rem;}
  .sec_info .tx {margin-bottom:5rem; padding:0; line-height: 1; font-size:4.75rem;}
  .sec_info .x {padding:0;}
}
@media (max-width:768px) {	
  .sec_news .h3_w {margin-bottom:1.75rem;}
  .sec_news h3.main_cntT {margin-bottom:1.5rem;}
}
@media (max-width:768px) {	
  .sec_info .t { font-size:4rem;}
  .sec_info .tx { font-size:4.5rem;}
}
@media (max-width:640px) {	
  .sec_info .t { font-size:3.75rem;}
  .sec_info .tx { font-size:4rem;}
}
@media (max-width:460px) {	
  .sec_info .t { font-size:3.5rem;}
  .sec_info .tx { font-size:3.75rem;}
}



@media (max-width:1160px) {
  h3.main_cntT { margin-bottom:3rem; font-size:4.75rem;}
}
@media (min-width:769px) {
  .main .h3_w .btn_more_w { position:absolute; right:0; bottom:0; }
}
@media (max-width:768px) {
  h3.main_cntT {font-size:4.5rem;}
}
@media (max-width:640px) {
  .main .h3_x {font-size:1.5rem;}
}
@media (max-width:460px) {
  h3.main_cntT { font-size: 4rem;}
}