body {background-color:#f1f1f1}
#sub { margin-top:153px; font-size:18px}


.sub_vi {background-color:#333; height:280px; color:#fff;display:flex; align-items:center;  overflow:hidden; position:Relative; background-size:cover !important; background-position:center !important}
.sub_vi .in {position:Relative; z-index:9}
.sub_vi h3 {font-size:36px}
.sub_vi p {margin:10px 0 15px 0; font-size:20px; font-weight:300}
.sub_vi a {background-color:#fff; color:#111; padding:5px 20px; display:inline-block; border-radius:50px}
.sub_vi:after {background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; left:0; top:0; content:'';  }
hr.sub_hr {height:100px}
hr.sub_hr2 {height:30px}

@media all and (max-width:900px) {

		#sub {margin-top:60px; font-size:15px}
		.sub_vi {  height:260px}
 		.sub_vi .in {padding-right:20%}
		.sub_vi h3 {font-size:22px}
		.sub_vi p {font-size:15px}

}



h4.h4_tit {font-size:24px; margin-bottom:15px}
.content {padding:100px 0 150px 0;}
.content img {max-width:100%}
.top_text {font-size:35px; }
.top_text + p {color:#777; margin-top:10px}


.edu1 {display:none}
.edu2 {display:none}
.edu3 {display:none}
.edu4 {display:none}
.edu5 {display:none}
.edu6 {display:none}

 .content.about2 {padding-top:0}

.edu .box {width:100%}
.edu .box + .box {margin-top:30px}
.edu .box h4 {color:#000; font-size:24px; margin-bottom:10px}
.edu .box.box_type_2 {margin-top:30px}

.box_type_1 .left div {font-size:36px; line-height:1.35; margin-bottom:10px; font-weight:800}
.box_type_1 .left p {font-size:24px; color:#333}
.box_type_1 .right {width:50%; margin-left:auto;  }

.border_box {border:1px solid #ddd;  box-shadow:2px 2px 10px rgba(0,0,0,.2);  background-color:#fff;  border-radius:30px; padding:30px; box-sizing:border-box; }
.border_box.sd_none {box-shadow:none; }

.box_type_2.flex {justify-content: space-between;}
.box_type_2 dl {width:49%; }
.box_type_2 dl dt {font-size:24px; font-weight:600 }
.box_type_2 dl dd {margin-top:10px }
.box_type_2.flex {justify-content: space-between;}
.box_type_2 div {width:49%; }
.box_type_2 dl.basic {width:100%}
.box_type_2 dl.basic dt {font-size:1em}
.box_type_2 dl.basic dd {margin-top:0}

.box_type_3 table {width:100%; border-top:2px solid #ddd;}
.box_type_3 table th {background-color:#f9f9f9; padding:10px; border-bottom:2px solid #ddd; border-right:1px solid #ddd}
.box_type_3 table td {background-color:#fff; padding:15px; text-align:center;  border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.box_type_3 table th:last-child {border-right:none}
.box_type_3 table td.b_n{border-right:none}
.box_type_3 table td ul li {margin-bottom:5px}
.box_type_3 table td ul li:last-child {margin-bottom:0}
.box_type_3 table + p {text-align:right; margin-top:10px}


@media all and (max-width:900px) {
		h4.h4_tit {font-size:19px; margin-bottom:10px}
		.content {padding:70px 0 80px 0;}
		.top_text {font-size:1.5em; }
		.border_box {border-radius:20px; padding:20px}
		.box_type_1 .left div {font-size:1.5em}
		.box_type_1 .left p {font-size:1.2em}
	 
		.box_type_1 .right {width:100%; margin-top:30px}
		.box_type_2 dl {width:100%}
		.box_type_2 dl + dl {margin-top:20px}
		.box_type_2 dl dt {font-size:1.2em; width:100%}
		.box_type_2 dl dd {  width:100%}
		.box_type_2 div {width:100%; }
		.box_type_2 .border_box + .border_box {margin-top:20px}
		.edu .box + .box {}
		.edu .box h4 {font-size:1.3em}

 

}


.edu .swiper {
  width: 100%;
  height: 100%;
}

.edu .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
 

.edu .swiper-slide { width: 40%; }
.edu .swiper-slide img {width:100%}

.edu  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill  {background-color:var(--main_c); }
.edu .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {height:7px}


.link_list {display:flex; margin-top:50px;  justify-content: space-between;}
.link_list li {width:32%; background-color:#fff; border-radius:20px; border:1px solid #ddd; overflow:hidden; }
.link_list li h4 {font-size:25px; margin-bottom:5px}
.link_list li ul {margin-bottom:25px}
.link_list li ul li {width:100%; border-radius:20px; border:none; margin-bottom:3px}
 
.link_list li div.img {background-color:#ddd; height:200px; background:url('/common/img/photo/apply (1).png') no-repeat center; background-size:cover}
.link_list li:nth-child(2) div.img {  background:url('/common/img/photo/apply (2).png') no-repeat center; background-size:cover}
.link_list li:nth-child(3) div.img {  background:url('/common/img/photo/apply (3).png') no-repeat center; background-size:cover}
.link_list li div.img + div {width:100%; padding:20px; box-sizing:border-box}

ul.call_info {gap:20px; display:flex; justify-content:center; margin-top:50px}
ul.call_info li {display:flex; align-items:center; background-color:#fff;  border-radius:30px; gap:20px; width:300px; line-height:1; padding:10px; box-sizing:border-box; border:1px solid #ddd; font-size:15px}
ul.call_info li b { display:block; line-height:1; margin-top:7px; font-size:22px;  }


@media all and (max-width:900px) {

	.link_list {flex-wrap:wrap; gap:20px}
	.link_list li {width:100% }
	.link_list li h4 {font-size:1.25em; }
	ul.call_info {flex-wrap:wrap}
	ul.call_info li {width:100%}
	ul.call_info li b {font-size:1.15em  }

}


 
/***캘린더***/

 
.calendar_box {padding:50px}
.jzdcalt {
		display:flex;
		justify-content:center;
		align-items:center;
		text-transform:uppercase;  
		box-sizing:border-box; 
		text-align:center;
		line-height:1;
		position:relative; 
		color:#333; 
		margin-bottom:20px;
		margin-top:20px;
	 

}
.jzdcal {margin-bottom:20px}
.jzdcalt span {width:200px; font-weight:700;  font-size:1.7em; } 
.jzdcalt i  {font-size:1.4em}
select.cal_select {position:absolute; right:0; top:0; z-index:99; height:30px; font-size:.90rem; }

.cal {width:100%; display:flex; flex-wrap:wrap; background-color:#fff;  border:1px solid #ddd;  border-top:2px solid #333; border-bottom:none}


.apply .calendar_box  hr {margin:20px 0 50px 0}
 #time_table { }
 #time_table li b {font-weight:500; font-size:1.07em;}
 #time_table li {display:flex; align-items:flex-start; gap:10px; margin-bottom:4px }
 #time_table li:last-child { margin-bottom:0 }
 #time_table li:before { content:' '; flex-shrink:0; width:5px; height:5px; background-color:#333; border-radius:50%; margin-top:11px; flex-shrink:0}

.jzdcal .day_box {
  
		border-right:1px solid #ddd; 
		border-bottom:1px solid #ddd; 
		width:14.2857%; 
		letter-spacing:0;
		padding:10px;
		 
		box-sizing:border-box; 

		position:relative;
 }

 .jzdcal .day_box:nth-child(n+8) {
     	height:160px;
 }

.jzdcal .day_box:nth-child(n+8) {background-color:#fff;  }
.jzdcal .day_box:nth-child(7n) {border-right:none}

.jzdcal .day_box div {display:inline-block; width:100%;   }
.jzdcal .day_box span.day {display:inline-block; color:#111;   text-align:center;  font-size:16px; line-height:1}
.jzdcal .day_box:nth-child(7n)  {color:#1147ca;}
.jzdcal .day_box:nth-child(7n) span.day {color:#1147ca;}
.jzdcal .day_box:nth-child(1) {color:red; }
.jzdcal .day_box:nth-child(8) span.day {color:red; }
.jzdcal .day_box:nth-child(15) span.day {color:red; }
.jzdcal .day_box:nth-child(22) span.day {color:red; }
.jzdcal .day_box:nth-child(29) span.day {color:red; }
.jzdcal .day_box:nth-child(36) span.day {color:red; }
.jzdcal .day_box:nth-child(43) span.day {color:red; }


.jzdcal .day_box  p.info_t {width:100%; display:inline-block; margin-top:5px }
.jzdcal .day_box span.plus {background-color:var(--main_c); color:#fff; font-size:30px;  position:absolute; right:-1px; top:-1px; width:35px;  height:35px; display:flex; padding-bottom:4px; box-sizing:border-box; justify-content:center; align-items:center}

/* .application3 .jzdcal .day_box { flex-wrap:wrap; }
.application3 .jzdcal .day_box ul {width:100%; margin-top:7px}
.application3 .jzdcal .day_box ul + ul {margin-top:4px}
.application3 .jzdcal .day_box ul li {font-size:13px; color:#000;  margin-bottom:6px; background-color:#f0f0ff; box-sizing:border-box; padding:10px 10px; border-radius:5px }
.application3 .jzdcal .day_box ul li:last-child {margin-bottom:0} 
.application3 .jzdcal .day_box ul li.gray {background-color:#f2f2f2}
.application3 .jzdcal .day_box ul li b  { font-weight:500;}
.application3 .jzdcal .day_box ul li p {width:100%; height:auto; margin-top:2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	 border:1px solid red; 
} */


.jzdcal .day_box ul {margin-top:7px}

.jzdcal .day_box ul li {width:100%; height:auto; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
   font-size:15.5px;
   margin-top:1px;
   word-break: normal;
 
   
 }
 .jzdcal .day_box ul li:before {content:' ';  width:4px; height:4px; background-color:var(--main_c); margin-right:4px; vertical-align:middle;  display:inline-block}
 
.jzdcal .day_box a { color:#333;  }
.jzdcal .day_box a:hover {text-decoration:underline}

.calSlider  .swiper-slide {
	text-align: center;
	padding: 15px 0;
	line-height: 1.3
}

 .calSlider .swiper-slide-active {
	background-color: #2c0ab5;
	border-radius: 5px
}

.calSlider .swiper-slide-active * {
	color: #fff
}

@media all and (max-width:900px) {
   	.jzdcalt span {font-size:1.5em; width:150px} 

 
}


.write_box {position:relative; height:2200px; width:100%;  }
.write_box .left_wrap {width:calc(100% - 450px); float:left}
.write_box .border_box + .border_box {margin-top:20px}



.pay_info {width:415px; float:right; position: sticky;  top:200px;}
.pay_info dl {display:flex; padding:3px 0; font-size:17px}
 
.pay_info dl dt {width:100px; font-weight:600;  flex-shrink:0}
.pay_info dl dd {width:100%; color:#363636 }
.pay_info dl dd ul {width:100%}
.pay_info dl dd ul li {display:flex; margin-bottom:5px; position:relative; justify-content: space-between;}
.pay_info dl dd ul li:after {border-top:2px dotted #ddd; content:''; width:100%; position:absolute; left:0; top:50%}
.pay_info dl dd ul li p {background-color:#fff; position:relative; z-index:9}
.pay_info dl dd ul li p:first-child {padding-right:10px}
.pay_info dl dd ul li p:last-child {padding-left:10px}
.pay_info a.basic_btn {width:100%; font-size:24px; box-sizing:border-box; text-align:center; margin-top:20px}
.pay_info hr {width:100%; height:1px; background-color:#333; }
.pay_info .s_t {font-size:14px; font-weight:300}


@media all and (max-width:900px) {
		.write_box {height:auto; display:inline-block}
		.write_box .left_wrap {width:100%;  }
		.pay_info {width:100%; position:static; margin-top:20px}
		.pay_info a.basic_btn {font-size:1.2em}

}



.left_menu {position:fixed; left:3%; top:50%; z-index:999999999; }
.left_menu .active {color:#000; font-weight:600}
.left_menu li {color:#363636;}
.left_menu li:nth-child(1):after {width:100%; content:' '; text-align:center; display:block; height:30px; background:url('/common/img/star.svg') no-repeat center; }
.left_menu.white li {color:#999}
.left_menu.white .active {color:#fff}

.about1 {width:100%; height:calc(100vh - 300px); display:flex; align-items:center; justify-content:center; background:url('/common/img/about1_bg.png') no-repeat; background-size:cover;  text-align:center}
.about1 p { font-family: 'SBAggroB'; margin:30px 0; font-size:70px; font-weight:800; color:Rgba(255,255,2555,.7)}

.about1_1 {width:100%; position:relative; padding:200px 0}
.about1_1 .in { }
.about1_1 .in.nth2 {margin:200px auto}
.about1_1 .t {font-size:50px}
.about1_1 .t2 {font-size:60px}

.pictogram_box  {position:relative; width:100%; margin-top:50px;  display:flex;  justify-content: space-between; }
.pictogram_box div.box {width:50%; font-size:20px;  height:400px; box-sizing:border-box; padding:40px 20px; position:relative;   
 background:url('/common/img/box_bg.svg') no-repeat center;  background-size:100%;  color:#D32C2C;  }
.pictogram_box div.box b {font-size:80px; line-height:1; font-family: 'SBAggroB'; display:block; margin-top:20px} 
.pictogram_box div.box img {position:absolute; bottom:10%; right:80px}
.pictogram_box div.box:last-child { background:url('/common/img/box_bg2.svg') no-repeat center;   background-size:100%; margin-top:20px; color:#5765FF; }
.pictogram_box div.box:last-child p {width:50%; margin-left:auto}
.pictogram_box div.box:last-child    img {right:auto; left:80px}

.pictogram_box div.center_box {font-family: 'SBAggroB'; width:170px; height:170px; position:absolute;  left:50%; top:50%;  transform: translate(-50%, -50%);  display:flex; align-content:center; justify-content:center; font-size:45px; text-align:center; line-height:1.1; z-index:99; background-color:#fff;  border-radius:50%; box-sizing:border-box; padding-top:15px; flex-direction:column; box-shadow:2px 2px 10px rgba(0,0,0,.2); }


.about1_1 .heart {left:0; position: fixed; top:50%; transform: translate(0, -50%);  width:100%; z-index:-99; overflow:hidden}
.about1_1 .heart img {width:100%; opacity:.1 }
.about1_1 .heart p {width:100%; height:100%;  position:absolute; top:0; left:0;  background-color:#fff;   animation: heart_ani 5s linear infinite; /* 애니메이션 적용 */  -webkit-animation: heart_ani 5s linear infinite   }


@keyframes heart_ani {
	0% {
	  transform: translateX(0);
	}

	80% {
	  transform: translateX(100%);
	}
	 
	100% {
	  transform: translateX(100%);
	}
  }


.about1_2 {background:url('/common/img/about1_2_bg.png') no-repeat; background-size:cover; background-color:#6D2CDD; width:100%; color:#fff;}
.about1_2 .in {text-align:center; font-size:2em}
.about1_2 .t1 {font-size:24px; font-weight:300}
.about1_2 .t2 {font-size:60px; font-weight:800; line-height:1; margin-top:20px; margin-bottom:20px}
.about1_2 .t2 span {background-color:#fff; color:#6D2CDD; padding:10px 5px; border-radius:10px; box-shadow:2px 2px 2px rgba(0,0,0,.3); display:inline-block}
.about1_2 .bubble {display:flex; flex-wrap:wrap}
.about1_2 .bubble p {width:50%}
.about1_2 .bubble p:nth-child(2) {margin-top:80px}
.about1_2 .bubble p:nth-child(3) {margin-top:-50px}
.about1_2 .bubble p:nth-child(4) {margin-top:0}

.about1_3 { background-color:#fff; width:100%; height:700px;  position:Relative}
.about1_3 .in > div {width:auto; display:inline-block; margin-top:100px}
.about1_3 .in > div + img { max-height:90% }
.about1_3 ul  {margin-top:20px;  }
.about1_3 ul li {border-bottom:1px solid var(--main_c); font-size:30px; display:flex; align-items:center; gap:10px; padding:15px 0; }
.about1_3 ul li span { font-size:22px; width:47px; height:47px; box-shadow: 2px 2px 10px rgba(0, 0, 0, .2); display:flex; align-items:center;   justify-content:center;  border-radius:50%; box-sizing:border-box; padding-top:2px;  font-weight:800; font-family: 'SBAggroB'; color:var(--main_c)}

.about1_3 .right {position:absolute; right:0; top:50px; }


.about1_4 {  background-color:#fff; width:100%;  }
.about1_4 ul { gap:20px}
.about1_4 ul li {width:33%; height:500px; border-radius:20px; overflow:hidden;  text-align:center;  background-color:red; color:#fff; position:relative; display:flex; align-items:flex-end; justify-content:center; }
.about1_4 ul li {background:url('/common/img/about1_4_list_bg1.png') no-repeat; background-size:cover; }
.about1_4 ul li:nth-child(2) {background:url('/common/img/about1_4_list_bg2.png') no-repeat; background-size:cover; }
.about1_4 ul li:nth-child(3) {background:url('/common/img/about1_4_list_bg3.png') no-repeat; background-size:cover; }
.about1_4 ul li:after {content:''; width:100%; height:100%; background:rgba(0,0,0,.8); position:absolute; left:0; top:0;}
.about1_4 ul li div {position:relative; margin-bottom:50px; z-index:99; line-height:1.5; font-weight:300; }
.about1_4 ul li div b {font-size:30px; font-weight:800; display:block; margin-bottom:5px;}
.about1_4 ul li div b svg path {fill:#fff; opacity:1}




@media all and (max-width:1270px) {
  .left_menu { display:none !important }
 
}



@media all and (max-width:900px) {
		.about1 p { font-size:2.3em}
		.about1 p + img {width:70%}
		.about1_1 .t {font-size:1.5em}
		.about1_1 .t2 {font-size:1.7em}

		.pictogram_box  {flex-wrap:wrap}
		.pictogram_box div.box { height:auto; border:1px solid #D32C2C; border-radius:10px;  padding:30px 0 55px 0; display:inline-block;  background:none;  background-color:#fff;   width:100%; text-align:center; }
		
		.pictogram_box div.box img {width:50%;position:static; margin-top:20px}
		.pictogram_box div.box:last-child {margin-top:0; padding:55px 0 30px 0;  border:1px solid var(--main_c);  background:none; background-color:#fff;   }
		.pictogram_box div.box div {width:100%}
		.pictogram_box div.box p  {width:100%; font-size:17px}
		.pictogram_box div.box b {font-size:50px} 

		.pictogram_box div.box:last-child  p {width:100%}
		.pictogram_box div.center_box {position:static; font-size:30px; border:5px solid var(--main_c); margin:-30px auto;  transform: translate(0, 0); }
 .about1_4 {padding-top:0}
		.about1_2 .t2 {font-size:40px; }
		.about1_3 {height:auto}
		.about1_3 .in > div {margin-top:0}
		.about1_3 .in > div img {width:80%}
		.about1_3 .right  {display:none}
		.about1_3 ul li {font-size:1.1em}
		.about1_3 ul li span {font-size:16px; width:38px; height:38px}

		.about1_4 ul li {width:100%; height:350px}
.about1_4 ul li div b {font-size:1.6em}

		.about1_2 .bubble p {width:80%}

		.about1_2 .bubble p:nth-child(2) {margin-top:-10px; margin-left:auto}
		.about1_2 .bubble p:nth-child(3) {margin-top:-10px}
		.about1_2 .bubble p:nth-child(4) {margin-top:-10px; margin-left:auto}

}






.sub_client  {background-color:#F3F3F3; padding:80px 0; margin-bottom:100px; overflow:hidden}
.sub_client .list_div {margin-top:40px}
.sub_client .list_div ul {gap:15px; }
.sub_client .list_div ul li {border-radius:100px; box-sizing:border-box; border:1px solid #ddd; width:420px; height:125px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background-color:#fff}


.sub_client  .partner-slider { white-space: nowrap; width:100%;  }

.sub_client  .slider-track {
		display: flex;
		animation: scroll 30s linear infinite; /* 속도 조절 가능 */
		gap:20px;
		width: calc(18vw * 16);
}

.sub_client  .slider-track img {
  height: 60px;
  margin: 0 40px;
  vertical-align: middle;
}

/* 무한 스크롤 애니메이션 */


.sub_client .slider-track div {border-radius:100px; box-sizing:border-box;  width:18vw; height:125px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background-color:#fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.sub_client .slider-track div  img {max-width:70%; max-height:50%}

.sub_client .partner-slider + .partner-slider .slider-track {  animation: scroll2 30s linear infinite; /* 속도 조절 가능 */ }  

@keyframes scroll {
  0% { transform: translateX(0); }
 100% { transform: translateX(calc(-18vw * 16));}
}

@keyframes scroll2 {
 0% { transform: translateX(calc(-18vw * 16));}
  100% { transform: translateX(0); }
}



@media all and (max-width:1270px) {

		 @keyframes scroll {
		  0% { transform: translateX(0); }
		 100% { transform: translateX(calc(-230px * 16));}
		}
		@keyframes scroll2 {
		 0% { transform: translateX(calc(-230px * 16));}
		  100% { transform: translateX(0); }
		}
	  .sub_client  .slider-track div {  width:230px; height:80px;  }

}

@media all and (max-width:900px) {

	.sub_client  {  padding:50px 0; margin-bottom:70px }
	.sub_client .list_div {margin-top:30px}


}