@charset "UTF-8";


: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-suit: 'SUIT', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}


/* popup : table style */
.popup .swiper_button_w {display: flex;}
.popup .swiper-pagination { position:relative; left:auto; bottom:auto; transform: translate(0,0); width:auto;}

.popup .x_dayCheck {display: flex; align-items: center; gap:1rem;  }

.popup .btn_ico.ico_close:before,
.popup .btn_ico.ico_close:after {width:1.5rem; background:#222;}

/*** popup style ***/
.pop_header {  position:relative; margin-bottom:1.875rem; padding-top:1.5rem; }
.pop_header .in_w {display:flex; align-items: center; gap:0 0.625rem; position:relative; height: 4rem; max-width:none; border-bottom:1px solid #d2d2d2; box-sizing: border-box;}
.pop_header h2 {flex:1; margin:0; padding:0; font-size:1.75rem; font-weight: bold; letter-spacing: -1.5px;  } 
@media (max-width:768px) { 
	.pop_header {padding-top:1rem; }
}
@media (max-width:640px) { 
	.pop_header { margin-bottom:1.75rem; padding-top:0.75rem; }
}

.popup .pop_cnt:not(:last-child) {margin-bottom:1.375rem;}
.popup .pop_cnt_s:not(:last-child) {margin-bottom:1.75rem;}
.popup h4 {margin-bottom:0.75rem; font-size:1.25rem;}
.popup h3.cnt_tit:before {top:0.375rem;}

.popup .h4_x {margin-top:-0.5rem; margin-bottom:1rem;}

.pop_content {flex:1; padding:0 2.5rem 2.5rem;; min-height: 20rem; overflow-y: auto; box-sizing: border-box;}
@media (max-width:640px) { 
	.pop_content { padding: 0 4.5vw 2.25rem;}	
}

.popup .paging {zoom:0.9; margin-top:2rem;}

.popup .pop_btm,
.popup .btn_area_btm {display:flex; flex-wrap: wrap; justify-content: center; gap:0.375rem; margin-top:2rem; text-align: center;}



	/* pop : 레이어 팝업 */
.popup_layer {display:flex; justify-content: center; align-items: center; z-index:500; position:fixed; left:0; top:0; right:0; bottom:0; padding:1.25rem 30px; background:rgba(0,0,0,0.5); box-sizing: border-box; overflow-y: auto;}
@media (max-width:1160px) { 
	.popup_layer {padding:1.25rem 4.5vw;}
}
@media (max-width:640px) { 
	.popup_layer {padding:3vw;}
}

.pop_basic { display:flex; flex-direction: column; position:relative; width:100%; max-width:1200px; max-height: 100%; background:#fff;  box-shadow: 0.5rem 0.5rem 4.5rem rgba(0,0,0,0.6); box-sizing: border-box;}
.pop_basic .in_cover {padding-right:2.5rem; padding-left:2.5rem;}
@media (max-width:640px) { 
	.pop_basic .in_cover {padding-left:4vw; padding-right:4vw; }
}

.pop_basic.st_bd { border:5px solid #b3936c;}
@media (max-width:640px) { 
	.pop_basic.st_bd {border-width: 0.25rem;}
}

.pop_basic.st_radius {border-radius: 0.625rem; }
.pop_basic.st_radius .pop_header {border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem;}

	/* pop : 팝업 alert */
.pop_alert { position:relative; width:600px; text-align: center; background:#fff;}
.pop_alert .ico_close {position:absolute; right:1.75rem; top:1.5rem;}
.pop_alert .pop_content {padding-top:4.5rem;}
@media (max-width:768px) { 
	.pop_alert .ico_close {right:1.5rem;}
}

	/* pop : 새창 팝업 */
.pop_blank {display:flex; flex-direction: column; height: 100%;}
.pop_blank .pop_content {padding-left:4vw; padding-right:4vw; max-height: none;}



	/* popup : 로딩 */
.pop_loading {z-index:1001; display:flex; flex-direction: column;	justify-content: center;	align-items: center; position:fixed; left:0; top:0; right:0; bottom:0; color:#fff; text-align: center; background:rgba(0,0,0,0.65);}
.pop_loading .loading_img {margin-bottom: 1.25rem; width:3rem; height:3rem; background:  url(../images/comm/pop_loading_img.png) no-repeat 100% 100%; background-size: contain;
	-webkit-animation:a01 1.3s linear infinite; animation:a01 1.3s linear infinite;}
@-webkit-keyframes a01 {
	from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}
@keyframes a01 {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}
.pop_loading .loading_txt {line-height:1.6; text-align: center;}


/* 팝업 : 롤링 */
.popup .c_event_swiper_w {position:relative; text-align: center;}
.popup .c_event_swiper {overflow: hidden;}
.popup .c_event_swiper .swiper-slide {overflow-y: auto;}
.popup .c_event_swiper div[role="button"] {    width: 1.375rem; }
.popup .c_event_swiper div[role="button"].swiper-button-prev { left:0.5rem; }
.popup .c_event_swiper div[role="button"].swiper-button-next {right:0.5rem;}

.popup .c_event_swiper_w .swiper_controll_w  {display: flex; align-items: center; gap:1rem; position:absolute; right:0; bottom:100%; margin-bottom:1rem;}
.popup .c_event_swiper_w .btn_autoPlay, 
.popup .c_event_swiper_w .swiper-button-prev, 
.popup .c_event_swiper_w .swiper-button-next {width:2rem; height: 2rem; background-size:1.25rem auto;}
.popup .c_event_swiper_w .btn_autoPlay,
.popup .c_event_swiper_w .btn_autoPlay.btn_play { background-image: url(../images/layout/icon_play_pause_m.png);}
.popup .c_event_swiper_w .btn_autoPlay.btn_stop { background-image: url(../images/layout/icon_play_play_m.png);}
.popup .c_event_swiper_w .swiper-button-prev { background-image: url(../images/layout/icon_play_arwL_m.png);}
.popup .c_event_swiper_w .swiper-button-next { background-image: url(../images/layout/icon_play_arwR_m.png);}
.popup .c_event_swiper_w .swiper-pagination { font-size:1.125rem; color:#fff;}


/* media */

@media (max-width:768px) { 
	/*
	.popup .tb th, 
	.popup .tb td, 
	.popup .st_th { height: 3rem;  min-height: 3rem; }
	.popup .tb_th_skip > tbody > tr > td:not(.td_viewTit) {min-height: 3rem;}
	*/

}
@media (max-width:640px) { 

}


/* popup cnt */
h2.h2_deco { position: relative; padding-left: 1.75rem; }
h2.h2_deco:before {content:''; display: block; position: absolute; left:0; top:0.625rem; width:1.25rem; height: 1.25rem; border:0.3125rem solid #b3936c; border-radius: 50%; box-sizing:border-box;}
@media (max-width:768px) { 
	h2.h2_deco {padding-left:1.5rem;}
  h2.h2_deco:before { top: 0.5rem; width: 1rem; height: 1rem;}
}


h2.pop_h2_st01 { display: flex; align-items: center; justify-content: center; padding-top:1.25rem; height: 5rem; text-align:center; font-size:2.125rem; box-sizing: border-box; }
@media (max-width:768px) { 
  h2.pop_h2_st01 {height: auto;}
}


.pop_sitemap { position:relative; padding:3rem 4vw; width:100%; max-height: 100%; background:#30363d; overflow: hidden; overflow-y:auto ; box-sizing: border-box;}
.pop_sitemap_list {display: flex; gap:4vw;}
.pop_sitemap_list > li {flex:auto; }
.pop_sitemap_list h4 {padding-bottom:1.25rem; margin-bottom:1.25rem; font-size:1.125rem; font-weight: normal; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3);}
.pop_sitemap_list a {padding:0.125rem 0; font-size:0.875rem; color:#a6afba;}
.pop_sitemap_2depth { display: flex; flex-direction: column;  flex-wrap: wrap; gap: 0 2vw; max-height: 18.75rem;}
.pop_sitemap .btn_ico.ico_close {position:absolute; right:0; top:0; width:2rem; height: 2rem; background:#222;}
.pop_sitemap .btn_ico.ico_close:before,
.pop_sitemap .btn_ico.ico_close:after {background:#fff; opacity: 0.8;}
@media (max-width:1160px) { 
	.pop_sitemap {padding:2rem 5vw; width:auto;}
  .pop_sitemap_list {gap:5vw; overflow: hidden; overflow-x: auto;}
  .pop_sitemap_list > li {flex:none; }
}
@media (max-width:640px) { 
  .pop_sitemap .btn_ico.ico_close {transform: scale(0.8);}
}


/* media */
@media (max-width:768px) { 
	.pop_header h2 {font-size:1.5rem;}
  h2.pop_h2_st01  {font-size:1.75rem;}
}