@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_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;}
}

.popup_layer > [class^="pop_"] { height: auto; max-height: 100%; margin:auto; }

.pop_blank {display:flex; flex-direction: column; height: 100%;}
.pop_blank .pop_content { max-height: none;}


/* 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 .tb td.td_txt {padding-top:1.25rem; padding-bottom:1.25rem;}
.popup .tb td.td_txt.h_min_300r {height: 18.75rem;}

/*** popup style ***/
.pop_header { flex: none; position:relative; }
.pop_header .in_w {display:flex; align-items: center; gap:0 0.625rem; position:relative; height: 4.375rem; max-width:none; box-sizing: border-box;}
.pop_header h2 {flex:1; margin:0; padding:0; font-size:1.75rem; font-weight: bold; letter-spacing: -0.036em;  } 
.pop_header h3,
.popup .pop_header h3.pop_h3 {flex:1; margin:0; padding:0; font-size:1.375rem; font-weight: bold; letter-spacing: -0.036em; text-align: left;  } 
.popup .pop_header h4.pop_h4 {flex:1; margin-bottom:0.75rem; padding:0; font-weight: 500; letter-spacing: -0.036em; text-align: center;  } 
@media (max-width:640px) { 
  .pop_header .in_w {height: 4rem;}
}

.popup .cnt:not(:last-child) {margin-bottom:2.25rem;}
.popup .cnt_s:not(:last-child) {margin-bottom:1.875rem;}
.popup .cnt_xs:not(:last-child) {margin-bottom:1.25rem;}
.popup h3.cnt_tit:before {top:0.375rem;}
.popup h4 {margin-bottom:0.75rem;}


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

.pop_content {flex:1; min-height: 20rem; min-height: 0; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
.pop_content h3 {margin-bottom:0.625rem; font-size:1.375rem; letter-spacing: -0.036em;}


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

.popup .btn_area_btm {display:flex; flex-wrap: wrap; justify-content: center; gap:0.375rem; margin-top:2rem; text-align: center;}
@media (max-width:640px) { 
	.popup .btn_area_btm {margin-top:1.5rem;}
}

.popup .pop_btm { flex: none; display:flex; flex-wrap: wrap; justify-content: center; gap:0.375rem; padding: 1rem 2.5rem; border-top:1px solid #ddd;}
.popup .pop_btm .btm_divi {display: flex; width:100%; }
@media (max-width:640px) { 
  .popup .pop_btm {padding:0.875rem 3.5vw;}
}

.pop_st_radius {border-radius: 1rem;}
.pop_st_radius .pop_header {border-top-right-radius: 0.875rem; border-top-left-radius: 0.875rem;}



/* pop : 팝업 basic */
.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;}

.pop_basic .pop_header { padding-top:1rem; }
.pop_basic .pop_header .in_w { border-bottom:1px solid #d2d2d2; }
.pop_basic .pop_header .btn_ico.ico_close {position:absolute; right:0; top:50%; transform: translateY(-50%);}
@media (max-width:768px) { 
	.pop_basic .pop_header {padding-top:0.75rem; }
}
@media (max-width:640px) { 
}
.pop_basic .pop_header .in_w.alignC { text-align: center;}
.pop_basic .pop_header .in_w.alignC .ico_close { position:absolute; right:0; top:50%; transform: translateY(-50%); }

.pop_basic .pop_content { padding:2rem 2.5rem 2rem;}
@media (max-width:640px) { 
	.pop_basic .pop_content { padding:  1.875rem 3.5vw 2.25rem;}
}
.pop_basic .pop_content.pd_0 {padding:0;}
.pop_basic .pop_content.pd_l {padding-top:2.5rem; padding-bottom:2.5rem;}
@media (max-width: 640px) {
  .pop_basic .pop_content.pd_l { padding-top: 1.875rem; padding-bottom: 2.25rem;  }
}



.pop_contBann { background:#fff; }
.pop_contBann .btm_day { display: flex; align-items: center; justify-content: flex-end;  padding:0.25rem 1.25rem; height: 45px; box-sizing: border-box; }


.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: 1.25rem; overflow: hidden; }

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



	/* 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;}


/* popup cnt */
.popup h2.h2_deco { position: relative; padding-left: 1.75rem; }
.popup 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) { 
	.popup h2.h2_deco {padding-left:1.5rem;}
  .popup h2.h2_deco:before { top: 0.5rem; width: 1rem; height: 1rem;}
}

.popup 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) { 
  .popup h2.pop_h2_st01 {height: auto; font-size:1.875rem;}
}
@media (max-width:640px) { 
  .popup h2.pop_h2_st01 {font-size:1.75rem;}
}

.popup .xi_agreeBox { max-height:none; overflow: initial; overflow: visible; overflow-y: initial; }


.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);}
}


	/* pop : 새창 팝업 */
.popup_blank .pop_basic { margin:0 auto; max-width:1200px; box-shadow: none;}
@media (max-width:640px) { 
	.popup_blank .pop_basic .pop_content { padding: 0 4vw 2rem;}
}

	/* pop : header deco */
.popup .pop_header.hd_deco  { margin:0; padding-top:0; text-align: center;  color:#fff; background:#e47312  url(../images/cnt/pop_hd_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.popup .pop_header.hd_deco .in_w { padding-top:0.25rem; height: 6.25rem; border:none; }
.popup .pop_header.hd_deco h2 { padding-top:0.125rem; color:#fff;}
.popup .pop_header.hd_deco .btn_pop_close { position:absolute; right:0; top:50%; transform: translateY(-50%);}
.popup .pop_header.hd_deco .ico_close:before, 
.popup .pop_header.hd_deco .ico_close:after { width: 1.75rem; background: #fff; }
@media (max-width:640px) { 
  .popup .pop_header.hd_deco .in_w { height: 5rem; }
}

.popup .pop_header.hd_deco0101 { padding-top:0; color:#fff; background:#e47312; }
.popup .pop_header.hd_deco0101 .in_w { padding-top:0.125rem; height: 5.5rem; border:none; }
.popup .pop_header.hd_deco0101 h2 { padding-top:0.125rem; font-size:1.625rem; color:#fff;  }
.popup .pop_header.hd_deco0101 .ico_close {}
.popup .pop_header.hd_deco0101 .ico_close:before,
.popup .pop_header.hd_deco0101 .ico_close:after { width:1.75rem; background:#fff;}
@media (max-width:768px) { 
  .popup .pop_header.hd_deco0101 h2 {font-size:1.5rem;}
}
@media (max-width:640px) { 
  .popup .pop_header.hd_deco0101 .in_w {height: 4.5rem;}
}


.popup .x_boxBg_st0101 { padding:2rem;}
.popup .x_boxBg_st0101.st_boxDeco0101 { padding-right:1.25rem; }


@media (max-width:640px) { 
  .popup .c_boxSch_st0101 { margin-left:-3.5vw; margin-right:-3.5vw; padding-left:3.5vw; padding-right:3.5vw;}
}


  /* pop swiper */
.popBann_swiper { position:relative; }
.popBann_swiper .swiper_controll_w { z-index: 10; position:absolute; bottom:1.25rem; left:50%; transform: translateX(-50%); margin-left:0.5rem; width:320px; max-width:65%; box-sizing: border-box;}
.popBann_swiper .swiper_controll {display: flex; align-items: center; gap:0.75rem; }
.popBann_swiper .swiper_controll .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; border:none; }
.popBann_swiper .swiper_controll .swiper-pagination {flex:1; display: flex; gap: 0.375rem; position:relative; left:auto; top:auto; right:auto; bottom:auto; }
.popBann_swiper .swiper_controll .swiper-pagination-bullet { flex:1; position:relative; margin:0; height: 5px;/* width:5rem; max-width:6.25rem;*/ background:rgba(255,255,255,0.3); border-radius: 0; opacity: 1;}
.popBann_swiper .swiper_controll .swiper-pagination-bullet-active:after { content:''; display: block; position:absolute; left:0; top:0; height: 100%; width:0%; background:#e47312; animation: progress 5s linear both;}
@keyframes progress {
  from { width: 0%; }
  to { width: 100%; }
}
@media (max-width:1160px) {
  .popBann_swiper .swiper_controll .swiper-pagination-bullet {height: 0.3125rem; /*width:4rem;*/}
}





	/* pop : header deco */
.popup .hd_deco .pop_header  { margin:0; padding-top:0; text-align: center;  color:#fff; background:#e47312  url(../images/cnt/pop_hd_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.popup .hd_deco .pop_header .in_w { padding-top:0.25rem; height: 6.25rem; border:none; }
.popup .hd_deco .pop_header h2 { padding-top:0.125rem; color:#fff;}
.popup .hd_deco .pop_header .btn_pop_close { position:absolute; right:0; top:50%; transform: translateY(-50%);}
.popup .hd_deco .pop_header .ico_close:before, 
.popup .hd_deco .pop_header .ico_close:after { width: 1.75rem; background: #fff; }
.popup .hd_deco .pop_content {padding-top:2.5rem; padding-bottom:2.5rem;}
@media (max-width:768px) { 
}
@media (max-width:640px) { 
  .popup .hd_deco .pop_header .in_w { height: 5rem; }
  .popup .hd_deco .pop_content {padding-top:1.875rem; padding-bottom:2.25rem;}
}



.event_check { display: flex; align-items: center; gap:8px; font-size:14px; } 
.event_check label { display: flex; align-items: center; gap:5px; }
.event_check .t { line-height: 1; color:#777777; cursor: pointer; } 
.event_check input[type="checkbox"] { width: 15px; height: 15px; vertical-align: middle; border-color: #ddd; cursor: pointer; } 
.event_check .event_close { position:relative; top:1px; width:18px; height: 18px; background:url(../images/main/hd_bannClose.png) no-repeat 50% 50%; vertical-align: middle; background-size:contain; } 
.event_check:hover .t {color:#222;}




/* media */
@media (max-width:768px) { 
	.pop_header h2 {font-size:1.5rem;}
  h2.pop_h2_st01  {font-size:1.75rem;}
}
@media (max-width:640px) { 
	.pop_basic .in_cover {padding-left:4vw; padding-right:4vw; }
}