@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/

:root{
	--main-color:transparent;
	--transition-custom: all 0.3s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
	--transition-custom-2: all 0.2s ease-in-out; 
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
	--font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-gmarket: 'GmarketSans', 'Montserrat', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}


.main .swiper-notification {position:absolute;}
.main_swiper_controll { }
.main_swiper_controll div { position:relative; right:auto; left:auto; top:auto; bottom:auto; margin:0; padding:0; font-family:var(--font-family-mont);}
.main_swiper_controll .swiper-pagination {display:inline-flex; align-items: center; gap:0.75rem; color:transparent;}
.main_swiper_controll .swiper-pagination span {position:relative; color:#fff;}
.main_swiper_controll .swiper-pagination span:not(:first-child):before {content:''; display:block; position:absolute; left:-1rem; top:50%; margin-top:-0.125rem; width:0.25rem; height: 0.25rem; background:#fff; border-radius: 50%;}
.main_swiper_controll .swiper-pagination .swiper-pagination-current {font-size:1.25rem; font-weight: 600; color:#e5344d;}
.main_swiper_controll .btn_autoPlay {width:1.875rem; height: 1.875rem; vertical-align: sub; background: url(../images/main/main_icon_play_pause_w.png) no-repeat 50% 50%; background-size:1.25rem auto; border:2px solid rgba(255,255,255,0.4); border-radius: 50%; box-sizing: border-box; }
.main_swiper_controll .btn_autoPlay.btn_stop {background-image: url(../images/main/main_icon_play_pause_w.png);}
.main_swiper_controll .btn_autoPlay.btn_play {background-image: url(../images/main/main_icon_play_play_w.png);}
.main_swiper_controll .btn_autoPlay:hover {border-color:#fff;}

.main_vis_w,
.main_vis_box,
.main_vis .vis_txt {height: 500px;}
.main_vis_w {overflow: hidden;}

.main_vis_box { position:relative;  }
.main_vis_box .vis_bg {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_vis_box .in_cover,
.main_vis_swiper .swiper_controll_w.in_cover {padding:0 50px;}
.main_vis_box .in_w {padding-top:96px; height: 100%; box-sizing: border-box;}
.main_vis_box .tit_w .t1 {font-size:70px; font-weight: 600; letter-spacing: -1px; font-family: var(--font-family-gmarket);}
.main_vis_box .tit_w .t1 span {border-bottom:1px solid #fff;}
.main_vis_box .tit_w .t2 {margin-top:0.5rem; font-size:1.3125rem; font-weight: 600; font-style: italic; font-family: var(--font-family-mont); }
.main_vis_box .txt_w {margin-top:1.25rem;}
.main_vis_box .txt_w .x {font-size:1.0625rem; font-weight: 200; line-height: 1.8;}

.main_vis_box.box1 {color:#fff;}
.main_vis_box.box2 {color:#fff;}

.main_vis .main_swiper_controll {display:flex; align-items: center; gap:1.25rem; z-index:10; position:absolute; left:0; bottom:95px; padding:0 1.875rem; height:3.375rem; color:#fff; background: rgba(0,0,0,0.5); border-radius: 1.875rem; box-sizing: border-box; }



.main_cnt > .in_w {padding:60px 0 90px;}
.main .contents .x_divi {gap:2.5rem;}
.main .h3_w {position:relative;} 
.main .h3_w h3 { margin-bottom: 0.875rem; font-size:1.625rem;} 
.main .h3_w h3 span {position:relative;}
.main .h3_w h3 span:before {content:''; display:block; position:absolute; right:-0.875rem; top:-0.4375rem; width:26px; height: 22px; background: url(../images/main/main_h3_img.png) no-repeat 50% 50%; background-size:contain;}

.main .btn_ico.ico_more { position:absolute; right:0; top:50%; transform: translateY(-50%);}
.main .btn_ico.ico_more:before,
.main .btn_ico.ico_more:after {content:''; display: block; position:absolute; left:50%; top:50%; margin-left:-0.4375rem; margin-top:-1px; width:0.875rem; height:2px; background:#3b3b3b; border-radius: 1px;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.main .btn_ico.ico_more:after {  transform: rotate(90deg); }
.main .btn_ico.ico_more:hover:before { transform: rotate(90deg); }
.main .btn_ico.ico_more:hover:after{ transform: rotate(180deg); }

.main .contents .x_divi > div:first-child{display:none;}
/* .main_bd_w {width:calc(50% - 1.25rem);} */
.main_bd_w{width:100%;}
.main_board_list { padding:0 2.5rem; height: 370px; background:#fff; border:1px solid #ddd; border-radius: 0.625rem; box-sizing: border-box;}
.main_board_list > li {display:block; padding:1.4375rem 0 1.125rem; border-bottom:1px solid #ddd;}
.main_board_list > li:last-child {border-bottom:none;}
.main_board_box {display:flex; gap:1.875rem;}
.main_board_box .date { display:flex; flex-direction: column; justify-content: center; position:relative; top: 0.125rem; width:3.75rem; text-align: center ; font-family: var(--font-family-gmarket);}
.main_board_box .date .d {font-size: 1.75rem; color:#545454; font-weight: 900; line-height: 1; }
.main_board_box .date .m {margin-top:0.125rem; font-size: 0.8125rem; color:#545454; font-weight: 500; white-space: nowrap;}
.main_board_box .date .new_icon {position:absolute; right: -0.625rem; top: -0.5rem;}
.main_board_box .txt {flex:1;}
.main_board_box .txt .t {font-size:1.0625rem; color:#000;}
.main_board_box .txt .x {margin-top:0.375rem; font-size:0.9375rem; color:#666;}
.main_board_box .txt .t,
.main_board_box .txt .x  { word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.main_gallery {position:relative; padding:1.5rem 24px 60px; height: 370px; background: url(../images/main/main_gallery_bg.jpg) no-repeat 50% 50%; background-size:cover; border-radius: 0.625rem; box-sizing: border-box;  overflow: hidden;}
.main_gallery_swiper {width:100%;}
.main_gallery_swiper .swiper-slide { height: 280px; }
.main_gallery_swiper .img_w {display: block; position:relative; height: 100%; border-radius: 0.625rem; box-shadow: 0 0.625rem 0.625rem rgba(0,0,0,0.5); overflow: hidden;}
.main_gallery_swiper img { width:100%; height: 100%; object-fit: cover;}
.main_gallery_swiper .swiper-pagination {top:auto; left:24px; right:24px; bottom:1.875rem; width:auto; height: 1px; background:rgba(255,255,255,0.3);}
.main_gallery_swiper .swiper-pagination > span {display:inline-block; height:3px; margin-top:-1px; background:#fff;}
/*
.main_gallery_swiper .swiper-pagination > span::after {content:''; display:block; position:absolute; left:100%; top:-11px; margin-left:-13px; width:25px!important; height: 25px; background: #fff url(../images/main/main_swipter_arw.png) no-repeat 50% 50%; background-size:9px auto; border-radius: 50%;}
*/

@media (max-width:1160px) { 
  .main .contents .x_divi {gap:1.5rem;}
  .main_bd_w { width: calc(50% - 0.75rem);}

  .main_board_list { padding: 0 1.75rem; }
}
@media (max-width:1024px) { 
  .main .in_cover,
  .main_vis_box .in_cover,
  .main_vis_swiper .swiper_controll_w.in_cover {padding:0 4vw;}

  .main .contents .x_divi {display: block;}
  .main_bd_w { width:100%;}
  .main_bd_w + .main_bd_w {margin-top:2.5rem;}

  .main_board_list { padding: 0 5vw 0.375rem;}
 
}
@media (max-width:768px) {
  .main_cnt > .in_w { padding: 2.5rem 0 5rem;}

  .main_vis_w, 
  .main_vis_box,
  .main_vis .vis_txt {height:30rem ;}

  .main_vis_box .in_w { padding-top: 4.5rem; }
  .main_vis .main_swiper_controll {left:50%; bottom:2rem; transform: translateX(-50%);}

  .main_vis_box .tit_w .t1 { font-size: 3.75rem; }
  .main_vis_box .txt_w .x {font-size: 1rem;}
  .main_vis_box .tit_w .t2 { font-size: 1.125rem; }

  .main_gallery,
  .main_board_list {height: auto;}

  .main_board_box .date .new_icon img { width:1.5rem; height:1.5rem;}

  .main_gallery {padding: 14px 14px 50px;}
  .main_gallery_swiper .swiper-slide {height: auto;}
  .main_gallery_swiper .img_w:before {content:''; display:block; padding-top:92.4%;}
  .main_gallery_swiper .img_w img {position:absolute; left:0; top:0;}  
  .main_gallery_swiper .swiper-pagination {    bottom: 24px;}  
}
@media (max-width:460px) {
  .main_vis_box .tit_w .t1 {letter-spacing: -1.5px; }
  .main_vis_box .tit_w .t2 { letter-spacing: -0.5px;}
  .main_vis_box .txt_w .x br {display:none;}
}

.main .tx_noDate_w { display: flex; align-items: center; height: 100%; box-sizing: border-box;}
.main .tx_noDate {justify-content: center; width:100%;}