@font-face {
	  font-family: 'SBAggro';
	  src: url('./js/SBAggro-B.woff2') format('woff2'),
		   url('./js/SBAggro-B.woff') format('woff');
	  font-weight: 700;
	  font-style: normal;
	}

	@font-face{
	font-family:'SBAggro';
	font-weight:400;
	src: url('./js/myfont.woff2') format('woff2'),
	url('./js/SBAggro-M.woff') format("woff");
	font-display: swap;
	}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  src: url('./js/pretendard/static/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'),
       url('./js/pretendard/static/woff-subset/Pretendard-Regular.subset.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-style: normal;
  src: url('./js/pretendard/static/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'),
       url('./js/pretendard/static/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-style: normal;
  src: url('./js/pretendard/static/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'),
       url('./js/pretendard/static/woff-subset/Pretendard-Black.subset.woff') format('woff');
  font-display: swap;
}


h1, h2, .h2tx h2, .sbjul span {font-family:'SBAggro', sans-serif}

*, :after, :before {margin:0;padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
.flex{display:flex}

.logo{background:url(./img/logo.svg) no-repeat center/ 100% auto;
    width:70px;
    height:25px;
	text-indent:100%;white-space:nowrap;overflow:hidden;margin:4px;
}
.logo a{display:block;width:100%;height:100%;}
.mySwiper1 {border-top:1px solid #eee}
.bar ul{display:flex;padding:1px 0;}
.bar ul li{margin-right:20px;line-height:1;padding:2px 10px;}
.bar ul li a{line-height:1em;}
.bar ul li a span{font-size:.8em;}
.bar ul .swiper-slide.on{background:#0071ff;border-radius:3px;}
.bar ul .swiper-slide.on a{color:#fff;font-weight:bold;}
.bar ul li:hover{cursor:pointer}
.bar{
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff; /* 배경색 꼭 필요 */
}

html, body {font-family:'Pretendard', 'dotum', sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  font-size:17px;

}



html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0;word-break:keep-all}

a{text-decoration:none;color:#282828;}
img{border:0;vertical-align:top}
ul, ol{list-style:none;margin:0;padding:0}
div,p,ul,li,a,b,span{box-sizing:border-box;word-break:keep-all}
p{margin:0;}
.fly-item {
  position: relative;
  opacity: 0;
  animation: flyRight 0.95s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

.delay1 {
  animation-delay: 0s;
}
.delay2 {
  animation-delay: 0.3s;
}

@keyframes flyRight {
  from {
    transform: translateX(150%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.br{display:none}
.section.history{padding: 2em 20px;}
.history .swiper{position:relative;padding-top: 50px;}
.history .swiper:after{content:"";position:absolute;top:44px;left:0;width:100%;height:4px;background:#338eff;}
.history .swiper-wrapper .swiper-slide{font-weight:700;text-align: left;
    line-height: 2.2em;
    font-size: .8em;
    color: #888;margin-right:50px;}
.history .swiper-slide p{text-align:left;font-weight: 900;font-size: 30px;color: #338eff;margin:10px 0;}
.history .swiper-button-next, .history .swiper-button-prev{top:15px;right:30px;font-size:2em;width:40px;}
.history .swiper-button-prev{left:auto;right:70px;margin-right:10px}
.history .swiper-button-next:after, .history .swiper-button-prev:after{  display: none;}

.wrap {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
   overflow-x: hidden;
  height: 100vh;
}

.section {
	 scroll-margin-top: 80px; /* 고정 메뉴 높이만큼 */
      backface-visibility: hidden;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;

      padding: 2em 20px;
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%;
	  background-color:#fff;

    }

.section.map .h2tx{padding:0 20px;}
.section.map{padding:2em 0px 3em;}
.sbj li{display:flex;;    flex-direction: column;    align-items: center;margin:0 -35px 20px;}
.sbjul img{max-width:150px;}
.sbjul span{font-size:11px;padding:3px 0;}
.sbjul span i{display:none}
.sbjul p{line-height:1em;font-weight:900;}
.sbj ul{max-width:800px;display:flex;flex-wrap:wrap;    align-items: flex-start;
    justify-content: center;color:#00a9a6;font-size:1.5em;}

.section.sbj {
  position: relative;
  overflow: hidden;
  background-color: #000;
  color: #fff;

}

.gold-wrap {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

#goldCanvas {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.section.sbj > *:not(.gold-wrap) {
  position: relative;
  z-index: 1;
}
    canvas#fireworksCanvas {
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 9999;
    }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.map_im {
  opacity: 0;
  transform: translateY(100px) scale(0.95);  /* 더 아래 + 살짝 축소 */
  transition: all 0.6s cubic-bezier(0.22, 1.3, 0.36, 1);  /* 튕김 느낌 */
}
.map_im img{width:100%;}
.map_im img:hover{box-shadow:0 0 20px #cccccc;transition:.3s;cursor:pointer}
.map_im.active {  opacity: 1;  transform: translateY(0) scale(1); max-width: 1000px;
}


/* 고정된 배경 */

.section.bg-fixed {
  transform: none;
  background-image: url(./why/bg-fixed.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

.bg-fixed .h2tx{color:#fff;}
.qna {}
.qna li{font-size:1.2em;margin-bottom:15px;font-family:'SBAggro';padding:10px;background:#ffffff85;border-radius:10px;}
.qna li .q, .qna li .a{padding:10px;padding-left:45px;position:relative;}
.qna li .q:before, .qna li .a:before{	font-size:2em;font-weight:900;position:absolute;left:0;top:0}
.qna li .q{color:#444;}
.qna li .q:before{content:"Q";}
.qna li .a{font-weight:900;}
.qna li .a:before{content:"A";}
.qna li .sm{font-family:'Pretendard';font-size:.9em;}
.qna li strong{background: linear-gradient(to top, #ffff00ad 80%, transparent 50%);}

.h2tx{margin-bottom:20px;}
/**/
#line {
  stroke-dasharray: 3000;       /* 길이는 넉넉하게 설정 */
  stroke-dashoffset: 3000;
  transition: stroke-dashoffset 5s ease-out;  /* 5초 동안 천천히! */
}

#line.active {
  stroke-dashoffset: 0;
}


.svgbox {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55%;
  height: 380px; /* 그래프 높이 (필요에 따라 조절) */
  overflow: hidden;
  z-index: 0;
}

.svgbox svg {
  width: 100%;
  height: 100%;
  display: block;
}
.graph-section {padding:40px 20px;
background-image: linear-gradient(to bottom, #0051bf, #002693);
color:#fff;
}


h2{font-size:1.8em;}
.sb_txt{    font-weight: 600;
    color: #555;
    font-size: 1.2em;
    line-height: 1.4;
    margin: 1em 0;
}

.wyh_tit{height: 75vh; background-color:#434343;background-image:url(./why/why_bg1.jpg);color:#fff;align-items: center;display:flex;flex-direction: column;position: relative}
.wyh_tit h1{font-size:2.2em;line-height:1.1;margin-bottom:10px;text-shadow: 0 0 13px #00000082;}
.wyh_tit h1 .name{color:#00e7ff;}
.wyh_tit h2{font-size:1em;line-height:1.4;font-family:'Pretendard';}
.wyh_tit h1 span{font-size:0.8em;margin-bottom:10px;displaY:inline-block}
.wyh_tit div p{font-size:1.1em;}
.h2tx > p{margin:10px 0;font-size:1.1em;}
.wyh_ul li{padding:20px}
.swiper-wrapper .swiper-slide{width:auto;text-align:center}

.co_txbx{padding:20px 0;border-top: 1px solid #ebebeb;}
.co_txbx .fi{line-height:1.4em;font-size:1em;}

.scroll-down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px;
  color: #fff;
  opacity: 0.8;
  animation: bounceFade 2s infinite;

}

@keyframes bounceFade {
  0%   { transform: translateX(-50%) translateY(0);    opacity: 0.5; }
  50%  { transform: translateX(-50%) translateY(10px); opacity: 1;   }
  100% { transform: translateX(-50%) translateY(0);    opacity: 0.5; }
}
.realtime{display:flex;flex-wrap: wrap;font-size:1.2em;z-index:10;margin-top:20px;}
.realtime > div{margin-right:30px;line-height:1.5em;margin-bottom:15px;}
.realtime i{font-style:normal;font-size:.8em;margin-bottom:5px;}
.realtime .num{font-size:2em;font-weight:900;min-width: 315px;}
.realtime .day{font-size:14px;padding-top:10px;display: block;    color: #b5b5ca;}



@keyframes scrollUp {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
.marquee-wrap {
height: 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.namelist {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;

 animation: scrollUp var(--scroll-duration) linear infinite;
}
.namelist li {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}

.n1 {
  flex-shrink: 0;
  margin-right:6px;width:45px;
}

.n2 {font-weight:bold;width:43px;
  flex-shrink: 0;
  margin-right: 8px;
  white-space: nowrap;
}

.n3 {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#dfe7ff;
}

.n4 {
  flex-shrink: 0;
  margin-left:5px;
  white-space: nowrap;
}

.swiper {
  width: 100%;
  max-width: 100vw; /* 화면 안 넘도록 제한 */
  overflow-x: auto; /* 내부 슬라이드는 스크롤되게 */
  -webkit-overflow-scrolling: touch;
}

.swiper-wrapper {
  display: flex;
  width: max-content; /* slide들 너비만큼만 잡기 */
}

/* slide 너비 자동이면서 튀어나가지 않도록 조정 */
.swiper-slide {
  flex-shrink: 0;
  width: auto;
  text-align: center;
  white-space: nowrap;
  max-width: 90vw; /* 너무 넓은 slide 방지 */
  box-sizing: border-box;
}
#move7{padding:2em 20px; min-height: 600px; /* 또는 700~800px */}
.hj_ul {width:100%;}
.hj_ul li{border-radius:10px;position:relative;min-height:392px;width:100%;overflow:hidden;background-image:url(./why/hj01.jpg);
-webkit-background-size: cover;
background-size: cover;
-webkit-background-position: center;
background-position: center;
background-repeat:no-repeat;
color:#333d4b;padding:25px;margin-bottom:20px;
text-shadow: 0 0 3px #fff;}
.hj_ul li h3{font-size:28px;line-height: 1.3em;font-weight:800;font-family: 'Pretendard';}
.hj_ul li:nth-child(1){text-shadow: 0 0 3px #79adff;}
.hj_ul li:nth-child(2){background-image:url(./why/hj02.jpg);}
.hj_ul li:nth-child(3){background-image:url(./why/hj03.jpg);}
.hj_ul li:nth-child(4){background-image:url(./why/hj04.jpg);}
.hj_ul li:nth-child(5){background-image:url(./why/hj05.jpg);}
.hj_ul li:nth-child(6){background-image:url(./why/hj06.jpg);}
.hj_ul li b{background:#333d4b;color:#fff;font-weight:800;padding:0 5px;text-shadow:none}
.co_txbx_tit{font-size:1.5em;margin-bottom:10px;	font-family:'SBAggro';}


.ft_con .flex{flex-direction:column}
.ft_con{margin-bottom:50px;border-top:1px solid #aaa;padding-top:10px;}
#ft_link{display:flex;justify-content:center;border-bottom:1px solid #dcdcdc}
#ft_link a{position:relative;padding:18px 0px;margin-right:12px;font-size:.92rem;letter-spacing:-.8px}
#ft_link a:last-child{margin-right:0}
#ft_link a:after{content:"";display:block;position:absolute;right:-7px;top:20px;width:1px;height:14px;background:#7b7b7b}
#ft_link a:last-child:after{display:none}
.ft_cnt h2, .ft_text h2, .ft_site h2 {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
#ft_copy {
    padding: 10px;
    font-size: .8rem;
    text-align: center;
    color: #a4a4a4;
}
.tail_call{display:none}
.tail_sns{display:flex;justify-content:center}
.tail_sns li{margin:10px 5px;width:45px;height:45px;overflow:hidden;background-size:auto 100%;background-image:url('../../../img/btn_sns.png');transition:.3s}
.tail_sns li a{display:block;width:100%;height:100%}
.tail_sns li a span{position:absolute;    width:1px;    height:1px;    padding:0;    margin:-1px;    overflow:hidden;    clip:rect(0, 0, 0, 0);    white-space:nowrap;    border:0}
.tail_sns li:hover{opacity:.5}
.tail_sns .ca{background-position:-44px}
.tail_sns .bl{background-position:-89px}
.tail_sns .you{background-position:-133px}

.ft_info{display:flex;flex-wrap:wrap;justify-content:center}
.ft_info li{margin:5px 10px}
.ft_info li div{display:none}
#visit{display:none}
.ft_text{font-size:.8rem;color:#727272;text-align:center;font-family:'Malgun Gothic', sans-serif;letter-spacing:-.85px;padding:10px}
.ft_text a{color:#727272}
.ft_site select{margin:0 auto;display:block;padding:15px;border:1px solid #c9c9c9;color:#727272;font-size:.85rem;width:240px}
.ft_fix{position:fixed;bottom:0;right:0;width:100%;height:70px;box-shadow:0 0 10px #aaa;background:#fff;z-index:100}
.ft_fix .flex{justify-content:center;align-items:center;margin:10px auto}
.ft_fix .flex > div{margin-right:5px}
.ft_fix .flex .call, .ft_fix .ka, .ft_fix .ono_open{display:inline-block;height:50px;border-radius:10px;line-height:50px;text-align:center;font-weight:bold}
.ft_fix .call{color:#f00;width:50px;border:2px solid #f00;font-size:1.2rem}
.ft_fix .ka{background:#fff100;padding:0 10px}
.ft_fix .ka:after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #272727;border-bottom:1px solid #272727;transform:rotate(-45deg)}
.ft_fix .ono_open{background:#e01921;padding:0 10px;color:#fff}
.ft_fix .ono_open:hover{cursor:pointer;background:#771616}
.ft_fix .hi{display:none}

@media (min-width: 420px) {
.namelist .n3{flex:none}
}

@media (min-width: 800px) {

/*tail*/
	#ft_copy{padding-bottom:50px}
	.ft_top{width:1300px;display:flex;justify-content:space-between;align-items:center;margin:auto;position:relative}
	#ft_link{border-bottom:none}
	#ft_link a{margin-right:20px;font-size:15px}
	#ft_link a:after{right:-10px}
	.tail_call{display:block;position:absolute;font-weight:bold;left:393px}
	.tail_sns li{width:40px;height:40px;margin:5px}
	.tail_sns .ca{background-position:-39px}
	.tail_sns .bl{background-position:-79px}
	.tail_sns .you{background-position:-118px}

	.ft_cnt h2, .ft_text h2, .ft_site h2{ font-family: 'Pretendard';color:#000;width:auto;height:auto;font-size:18px;overflow:visible;line-height:50px}


.br{display:block}
.logo{width:115px;height:40px;}
.marquee-wrap {width:800px;height:200px;margin-top:15px;}
.namelist li{font-size:17px;}
.n1 {width:60px;}
.n2{width:60px;}
.n4{margin-left: 15px;}
.bar{height:70px;width:100%;position:fixed;display:flex;justify-content: space-between;align-items: center;padding:0 20px;}

.bar .mySwiper1{margin:0;max-width:800px;width:800px;
flex-shrink: 0;
}
.bg-fixed .h2tx{margin-bottom:0;}
.mySwiper1{border-top:0}
.bar ul{    justify-content: flex-end;}
.bar .swiper-wrapper .swiper-slide{padding:10px;margin:0 1px;font-size:17px;}

#move7{padding:5em 0;}
.wrap .section{
box-sizing:border-box;
padding:5em 0;
background-size:100% 100%;align-items: center;
}
.wrap .wyh_tit{height:100vh;}

h2{font-size: 2.5em;}
html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
}

.wyh_tit h1{font-size:80px;}
.wyh_tit h2{font-size:25px;}
.wyh_section{margin: auto; max-width: 1200px;}
.wyh_section h2{font-size:40px;}
.wyh_ul li{display:flex;align-items: center;}
.swiper-slide img{width:250px;height:200px;margin-bottom:5px;}
.h2tx{width: 800px;text-align: left;margin-bottom:30px;}
.h2tx > p{margin-top:0;font-size:20px;}


.realtime{font-size:30px;max-width:800px;margin:30px auto 0}
.namelist{width:600px;}


.graph-section{ overflow:hidden}

.bg-fixed .inner{max-width:800px;margin:auto;}
.qna{margin-top:20px;}
.qna li{background: #ffffffe8;padding:20px;margin-bottom: 20px;}
.qna li .q, .qna li .a{padding-left:50px;}
.qna li .q{margin-bottom:10px;}
.qna li .a{    font-size: 1.2em;}

.section.hj{background-color:#00ffff;padding-top:30px;height:auto}
.hj_ul{width:800px;margin:0 auto 50px;display:flex; flex-wrap:wrap}
.hj_ul li{width: 385px;height:500px;font-size: 32px;padding:30px;line-height: 41px;margin-bottom:25px;background-size:100% 100%;}
.hj_ul li:nth-child(odd){margin-right:25px;}

.svgbox{bottom:0px;justify-content: flex-end;}
.svgbox svg{width:1150px;}
.svgbox svg path {stroke-width: 6;  /* 선 얇게 */  }

.sb_txt{margin-bottom:0}

.co_txbx_box{max-width:800px;}

.co_txbx{padding:30px 0;}
.co_txbx_tit {
    font-size: 1.5em;
    margin-bottom: 5px;}

.history .swiper{margin:80px 0;}
.history .swiper-wrapper .swiper-slide{font-size: .85em;}
.history .swiper-slide p{font-size: 45px;margin: 20px 0 25px;}
.sbjul img{max-width: 123px;}
.sbjul span i{display:inline;font-style:normal}
.sbj li{margin:0 5px 20px;}

/*연혁*/

/*tail*/
	#ft_copy{padding-bottom:50px}
	.ft_top{width:1300px;display:flex;justify-content:space-between;align-items:center;margin:auto;position:relative}
	#ft_link{border-bottom:none}
	#ft_link a{margin-right:20px;font-size:15px}
	#ft_link a:after{right:-10px}
	.tail_call{display:block;position:absolute;font-weight:bold;left:393px}
	.tail_sns li{width:40px;height:40px;margin:5px}
	.tail_sns .ca{background-position:-39px}
	.tail_sns .bl{background-position:-79px}
	.tail_sns .you{background-position:-118px}

	.ft_cnt h2, .ft_text h2, .ft_site h2{color:#000;width:auto;height:auto;font-size:18px;overflow:visible;line-height:50px}


	.ft_info li div{width:450px;display:flex;justify-content:space-between}
	.ft_info li div span{font-weight:600}
	#top_btn{display:none}


	.action-options{width:500px;padding:40px 30px 30px;border-radius:10px;margin:auto}
	.option.close{right:15px;top:10px}
	.option.close:hover{color:#777;cursor:pointer}

	.ft_con{border-top:1px solid #dcdcdc}
	.ft_con .flex{width:1300px;margin:auto;justify-content:space-between;padding-top:5px;flex-direction:row}
	.ft_info{justify-content:flex-start;flex-direction:column}
	.ft_info li{display:flex;font-size:14px;margin:0 0 5px}
	.ft_info li a{display:flex;align-items:center}
	.ft_info li a:hover{color:#f00}
	.ft_info li b{margin-right:10px}
	.ft_text{padding:0;text-align:left;font-size:14px;line-height:20px;letter-spacing:0;color:#585858}

}


/*신청*/

.ft_fix{position:fixed;bottom:0;right:0;width:100%;height:70px;box-shadow:0 0 10px #aaa;background:#fff;z-index:100}
.ft_fix .flex{display:flex;justify-content:center;align-items:center;margin:10px auto}
.ft_fix .flex > div{margin-right:5px}
.ft_fix .flex .call, .ft_fix .ka, .ft_fix .ono_open{display:inline-block;height:50px;border-radius:10px;line-height:50px;text-align:center;font-weight:bold}
.ft_fix .flex .call {display:flex;    align-items: center;    justify-content: center;}
.ft_fix .call{color:#002bff;width:50px;border:2px solid #002bff;font-size:1.2rem}
.ft_fix .ka{background:#fff100;padding:0 10px}
.ft_fix .ka:after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #272727;border-bottom:1px solid #272727;transform:rotate(-45deg)}
.ft_fix .ono_open{background:#002bff;padding:0 10px;color:#fff}
.ft_fix .ono_open:hover{cursor:pointer;background:#85a2f4}
.ft_fix .hi{display:none}

/*ono popup*/
  #actionSheet {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0, 0, 0, 0.5);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	transition:1s;
	/* 서서히 나타나는 효과 */
	visibility:hidden;
	opacity:0;
	z-index:9999;
  }
  #actionSheet.active {
	/* 서서히 나타나는 효과 */
	visibility:visible;
	opacity:1;
  }

  .action-options {
	background-color:#fff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	/* 세로 컨텐츠가 늘어나는 경우 스크롤이 생기도록 설정 */
	overflow:auto;
	max-height:100%;
	/* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
	position:relative;
	bottom:-100%;
	transition:1s;
	padding:40px 10px 20px;
  }
  #actionSheet.active .action-options {
	/* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
	bottom:0;
  }
  .option.close{position:absolute;right:10px;top:10px;font-size:1.5rem}
/*form*/
	.list-box{display:flex;border-radius:8px;overflow:hidden}
	.sch_in_form .list-box{flex-direction:column}
	.list-box li{position:relative;width:50%;background:#d8dfeb;margin-bottom:15px}
	.list-box li:first-child, .list-box li:first-child label{border-top-left-radius:8px;border-bottom-left-radius:8px}
	.list-box li:last-child, .list-box li:last-child label{border-top-right-radius:8px;border-bottom-right-radius:8px}
	.list-box li label{white-space:nowrap;color:#a0938f;border:2px solid #d8dfeb;margin-bottom:0;background:none;display:inline-block;box-sizing:border-box;width:100%;line-height:1.2;padding:15px 20px 15px 35px;text-align:left;font-size:1rem;position:relative;word-break:keep-all}
	.list-box li label:before{content:"";width:22px;height:30px;position:absolute;left:5px;display:block;background-image:url(./why/onoch_off.png);background-size:22px auto;background-repeat:no-repeat}
	.list-box li input[type=radio] {position:absolute;left:-2px;top:-2px;width:calc(100% - 4px);height:calc(100% - 4px);margin:0;appearance:none;-webkit-appearance:none;border:none}
	.list-box li input[type=radio]:checked+label{color:#000;background:#fff;border-color:#00a0ff;}
	.list-box li input[type=radio]:checked+label:before{background-image:url(./why/onoch_on.png)}
	.textarea-item textarea{width:100%;resize:none;padding:10px;border:1px solid #aaa;border-radius:8px;font-size: 1em;}
	.textarea-item{display:none}
	.onobox1{padding-bottom:10px}
	.onobox1 b{color:#2e51ff}
	.onockeck{display:flex;justify-content:space-between;margin-bottom:20px}
	.form-box{margin-bottom:10px;}

/* 체크박스 숨기기 */
.onockeck input[type="checkbox"] {
    display:none;/* 기본 체크박스 숨김 */
}

/* 커스텀 체크박스 스타일 */
.onockeck span {
    display:inline-block;
    position:relative;
    padding-left:25px;/* 체크박스 크기 고려한 여백 */
    cursor:pointer;
    font-size:16px;
    color:#3f3f3f;
}
.onockeck span:hover{color:#000;}

/* 체크박스 앞의 사각형 스타일 */
.onockeck span::before {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid #008bff;
    border-radius:50%;
    background-color:#fff;
    position:absolute;
    left:0;
    top:12px;
    transform:translateY(-50%);
    box-sizing:border-box;
    transition:background-color 0.3s, border-color 0.3s;
}

/* 체크박스가 선택되었을 때 스타일 */
	.onockeck input[type="checkbox"]:checked + span::before {content:'\f058';font-family:"Font Awesome 5 Free";font-weight:600;border:none;font-size:20px;color:#008bff}
	input, select, textarea{padding:10px;border-radius:5px;border:1px solid #aaa}
	.onobox3{}
	.onobox3 input, .onobox3 select{padding:18px 10px;font-size: 1.05em;width:100%}
	.onobox3 li{display:flex;margin-bottom:5px;width:100%}
	.onobox3 .box{position:relative;width:100%;margin-bottom:10px}
	.onobox3 .box.le{margin-right:3px}
	.onobox3 .picnm{position:absolute;background:#fff;top:-10px;left:4px;font-size:.85rem;color:#6e6e6e;padding:0 3px;animation-name:movename;animation-duration:.3s;animation-delay:.4s}
	@keyframes movename{from{opacity:0;top:-20px}to{top:-5px;opacity:1}}
	.onobox3 li .box input:focus{outline:1px solid #466dff;border:none}

	.onobox4{}
	.onobox4 label:hover{cursor:pointer;color:#aaa;}
	.more_v{display:inline-block;border-radius:50%;width:20px;height:20px;background:#ababab;color:#fff;text-align:center;margin-left:5px}
	.onobox4 .flex{align-items:center;font-size:.95em;}
	.onobox4 input[type="checkbox"]{display:inline-block;width:20px;height:20px;padding:0;border:1px solid #666;vertical-align:top;margin-right:5px}
	.onobox4 input[type="checkbox"]:checked{border:0;padding:0;background-image:url(../promo/img/ch.png) ;background-repeat:no-repeat;background-size:100%;appearance:none;-moz-appearance:none;/* Firefox */-webkit-appearance:none;/* Safari and Chrome */	}
	.onobox4 .agree{margin:10px 0 20px;font-size:.95rem;background:#f7f7f7;padding:15px;display:none;line-height:1.2;height:130px;overflow-y:scroll}
	.onobox4 .more_v:hover{background:#333;cursor:pointer}

	.onobtn{display:flex;align-items:center;width:100%;background:#2e51ff;border:none;border-radius:5px;margin-top:10px;transition:.2s}
	.onobtn input{color:#fff;background:none;width:100%;height:100%;font-weight:bold;font-size: 1.1em;padding:15px;border:none}
	.onobtn:after{content:"";position:absolute;right:50px;display:inline-block;width:10px;height:10px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}
	.onobtn input:hover{background:#000066;cursor:pointer}


/*신청확인*/
	.alert_all{position:fixed;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:9999;text-align:center;display: flex
;
    justify-content: center;
    align-items: center;}
	.alert_tx{width:80%;max-width:550px;font-size:1rem;height:60vh;position:relative;background:#fff;display:flex;flex-direction:column;justify-content:center;border-radius:10px;box-shadow:0 0 25px #00000085;}
	.alert_all .fa-user-edit{font-size:67px;margin-bottom:10px;width:165px;display:flex;color:#9db1dd;justify-content:flex-start;}
	.alert_tx .txt{display:flex;flex-direction:column;align-items:center;}
	.alert_tx p{margin:15px;font-size:1.5rem;color:#0034a7;font-weight:bold;word-break:keep-all}
	.alert_tx span{font-size:.75em;line-height:1rem;margin:10px 0 15px;color:#606060;}
	.alert_tx b{position:absolute;top:20px;right:20px;font-size:1.5rem;color:#555;width:23px;height:23px;}
	.alert_tx .btn{background:#2c7fdf;color:#fff;font-weight:bold;font-size:.85rem;padding:10px;border-radius:3px;width:150px;margin-top:15px;}
	.alert_tx .btn:hover{cursor:pointer;background:#0034a7;transition:.2s;}
	.alert_all .fa-xmark:hover{cursor:pointer;font-size:1.4em;transition:.2s}
/*신청확인*/

/*tail*/


@media (min-width: 640px) {

	.ft_fix{background:#0034bd;height:95px;width:745px;right:40px;bottom:40px;border-radius:10px;box-shadow:none}
	.ft_fix .hi{display:inline-block}
	.ft_fix .flex{cursor:default}
	.ft_fix .flex > div{display:flex;align-items:center;justify-content:center;height:50px;margin:10px 0;flex-direction:column}
	.ft_fix .flex > div:first-child{padding-right:20px}
	.ft_fix .flex > div:nth-child(2){padding:0 15px}
	.ft_fix .flex > div:last-child{padding-left:20px;border-right:0}
	.ft_fix .flex .call{display:none}
	.ft_fix .ka:hover{background:#000;color:#fff100}
	.ft_fix .ka:hover:after{border-color:#fff100}
	.ft_fix .callnum{color:#f4ff3f;font-size:27px;font-weight:900}
	.ft_fix .pc_le{color:#fff;font-size:16px;margin-bottom:5px;font-weight:500}
	.ft_fix .ka, .ft_fix .ono_open{font-size:20px;width:200px;border-radius:50px}
	.ft_fix .ono_open{color:#08278a;background:#fff}
	.ft_fix .ono_open:after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #08278a;border-bottom:1px solid #08278a;transform:rotate(-45deg)}
	
	
	.action-options{width:500px;padding:40px 30px 30px;border-radius:10px;margin:auto}
	.option.close{right:15px;top:10px}
	.option.close:hover{color:#777;cursor:pointer}

	.tail .ft_ic a img{width: 33px;        margin: 0px 8px;}
.cent_list .ct_name {    font-size: 17px;    line-height: 20px;    margin-bottom: 20px;}
.cent_list .ct_name span {displaY:inline-block;margin-left:10px;}
.cent_list .ct_list li{width:20%;}
.tail .ad_m {    font-size: 13px;}
.cent_list2 .ct_list2 li {color:#fff;    width: 20%;    line-height: 15px;    margin-bottom: 10px;}
.tail .ft_tx{font-size: 15px;    line-height: 20px;}

	}