@charset "utf-8";
::-webkit-scrollbar { display:none; } 

/** { scroll-behavior: smooth; box-sizing: border-box; }*/

body { width: 100%; max-width: 500px; margin: auto; font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; }
#wrapper { width: 100%; margin: auto; height: auto; position: relative; top: 0; overflow: hidden; z-index: 1; background-color: #fff;
 /*box-shadow: 0px 0px 10px rgba(0,0,0,0.3); */
}


/*#fixVisual{position:relative; top: 0; left: 0;right: 0; margin: auto; width: 100%; height:100vh; z-index: -5;}*/

#slider1 { position:relative; }

#slider1 .item  { position: relative; width: 100%; height: 85vh; background-color: #fff; overflow: hidden; max-width: 500px; margin: auto; }
#slider1 .itembg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; margin: auto; }

#slider1 .main_txt_box { position: relative; top:12%; left: 0; right: 0; margin: 0 auto; z-index: 99; text-align:center; color: #fff;  }

#slider1 .main_txt_box div { position:relative; display:block }
#slider1 .main_txt_box .txt01 { top: 0vw; }
#slider1 .main_txt_box .txt02 { top:-50px; padding: 0vw 0 3vw;  }



@media all and (min-width:500px) {

/**/
	#slider1 .main_txt_box {top:70px; }
	#slider1 .main_txt_box .txt01 {}
	#slider1 .main_txt_box .txt02 { }
}


/**/
.sec{ width: 100%; max-width: 500px; margin: auto;}

.sec01 { background-color: #F7F7F7; }

.con_wrap {width: 100%; position: relative; z-index: 2; left: 0; right: 0; margin: 0 auto;}

/* sec01 */
.ctn_box1 { text-align:center; font-family:'Pretendard','Noto Sans KR','Malgun Gothic', dotum, sans-serif; letter-spacing:-1px; background-color:#F7F7F7;}
.ctn_box1 .ctn1 { position: relative; display: inline-block; height:100%; text-align:center; }
.ctn_box1 .ctn1 img { position: relative; margin:0 auto }
.ctn_box1 .ctn2 { font-weight:600; font-size: 1.6em; }
.ctn_box1 .blue { color: #252161; }
.ctn_box1 .pink { color: #bc346f; }


.ctn_box1 .ctn3 { font-size:1.3em; margin:15px 0 20px; color:#6d6d6d; font-weight:500; letter-spacing:-1px; word-break: keep-all; }
.ctn_box1 .ctn4 { font-size: 0.875rem; font-weight:bold; padding-bottom: 10px}
span.sec2_point { color:#8F174A; }

.bx-wrapper .bx-pager { bottom:-30px !important}


/* sec02 */

.sec02 {

}


.bx-wrapper .bx-pager.bx-default-pager a {
	width:12px; height:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #fff;
	border:1px solid #818181;
	margin-bottom: -50px !important;
  	transition: all .3s 0s ease;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	border:1px solid #92184B;
	background: #92184B;
	width: 30px;
}