#wrap {
width: 100%;
letter-spacing: -0.25px;
}

#container {
width: 100%;
}

.short {
z-index: 99;
position: fixed;
bottom: 40px;
right: 50px;
width: 50px;
height: 50px;
border-radius: 25px;
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.3);
}
.short a {
display: block;
width: 50px;
height: 50px;
border-radius: 25px;
background: #ffcb05 url(../img/icon/top-arrow.png) no-repeat center center / 60%;
text-indent: -9999px;
}

.main-banner {
height: 600px;
background: #ffcb05 url(../img/BnrCommon.png) no-repeat center center;
padding-top: 80px;
position: relative;
}
.main-banner p {
text-align: center;
color: #fff;
font-size: 32px;
font-weight: 500;
padding-top: 470px;
}

.scroll-icon-box {
position: absolute;
margin: auto;
bottom: 7%;
left: calc(50% - 13px);
width: 26px;
}
.scroll-icon-box .mouse {
height: 35px;
width: 24px;
border-radius: 12px;
transform: none;
border: 1px solid #fff;
}
@keyframes mouse-wheel {
0% {
top: 1px;
opacity: 1;
transform: translateY(0);
}
50% {
top: 2px;
}
100% {
top: 3px;
opacity: 0;
transform: translateY(6px);
}
}
.scroll-icon-box .wheel {
height: 5px;
width: 2px;
display: block;
margin: 5px auto;
background: #fff;
animation: mouse-wheel 1.2s ease infinite;
}

.tit {
text-align: center;
}
.tit h2 {
font-size: 32px;
font-weight: 600;
color: #111;
}

.sec01 {
padding-top: 80px;
padding-bottom: 90px;
}
.sec01 .m-slider {
text-align: center;
max-width: 1230px;
margin: 50px auto 100px;
}
.sec01 .m-slider .slider {
padding-top: 10px;
}
.sec01 .m-slider .slider:hover {
transform: translateY(-2%);
transition: 0.2s;
}
.sec01 .m-slider .slider .slider-bg {
background: #fff url(../img/01.jpg) no-repeat top;
width: 280px;
height: 280px;
margin: 0 auto;
border: #d7d7d7 1px solid;
border-radius: 20px;
box-sizing: border-box;
}
.sec01 .m-slider .slider.s2 .slider-bg {
background-image: url(../img/02.jpg);
}
.sec01 .m-slider .slider.s3 .slider-bg {
background-image: url(../img/03.jpg);
}
.sec01 .m-slider .slider.s4 .slider-bg {
background-image: url(../img/04.jpg);
}
.sec01 .m-slider .slider.s5 .slider-bg {
background-image: url(../img/05.jpg);
}
.sec01 .m-slider .slider.s6 .slider-bg {
background-image: url(../img/06.jpg);
}
.sec01 .m-slider .slider.s7 .slider-bg {
background-image: url(../img/07.jpg);
}
.sec01 .m-slider .slider-bg p {
font-size: 18px;
font-weight: 500;
padding: 228px 20px 0;
}
.m-slider .slick-prev:before, .m-slider .slick-next:before {
content: '';
}
.m-slider .slick-prev, .m-slider .slick-next {
width: 32px;
height: 28px;
top: 110%;
background: url(../img/icon/ic_arrow.png) no-repeat center center;
}
.m-slider .slick-prev {
left: 50%;
transform: rotate(180deg) translateX(-50%);
transition: 0.5s;
}
.m-slider .slick-prev:hover {
transform: rotate(180deg) translateX(-60%);
}
.m-slider .slick-next {
right: 50%;
transform: translateX(-50%);
transition: 0.5s;
}
.m-slider .slick-next:hover {
transform: translateX(-60%);
}

.btn {
text-align: center;
font-weight: 600;
}
.btn a {
color: #111;
background-color: #ffcb05;
padding: 7px 70px;
border-radius: 25px;
transition: 0.2s;
}
.btn a:hover {
color: #fff;
}

.sec02 {
margin-bottom: 70px;
}
.sec02 .tit {
padding-bottom: 50px;
}
.sec02-wrap {
max-width: 1300px;
margin: 0 auto;
text-align: center;
}
.sec02-wrap .sec02_in {
width: 47%;
}
.sec02-wrap .sec02_in img {
width: 100%;
border-radius: 40px;
}
.sec02-wrap .sec02_in.left {
float: left;
position: relative;
}
.sec02-wrap .sec02_in.left div:after {
content: "";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .6) url(../img/icon/sec02-1.png) no-repeat center center;
border-radius: 40px;
width: 100%;
height: 100%;
}
.sec02-wrap .sec02_in.right {
float: right;
line-height: 1.5em;
transform: translateY(16%);
}
.sec02-wrap .sec02_in strong {
font-size: 24px;
font-weight: 500;
}
.sec02-wrap .sec02_in p {
padding-top: 20px;
}
.sec02-wrap .sec02_in .btn {
margin-top: 50px;
margin-bottom: 80px;
}

<!-- 경찰서 -->
.sec02-sub {
outline: 1px solid red;
}

.sec02-sub .sec02-wrap {
display: grid;
grid-template-columns: 512px 624px;
gap: 117px;
align-items: center;
}

.sec02-sub .sec02-wrap .sec02_in {
width: 100%;
}

.sec02-sub .sec02-wrap .sec02_in p {
overflow: hidden;
max-height: 131px;
display: -webkit-box;
-webkit-line-clamp: 6; /* 표시할 줄 수 */
-webkit-box-orient: vertical;
text-overflow: ellipsis;
word-break: break-word;
line-height: 22px;
font-weight: 400;
}

.sec02-sub .sec02-wrap .sec02_in .btn-group {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 38px;
}

.sec02-sub .sec02-wrap .sec02_in strong {
font-weight: 700;
}

.sec02-sub .sec02-wrap .sec02_in .btn {
margin-top: 0;
margin-bottom: 0;
}

.sec02-sub .btn a {
display: block;
width: 146px;
height: 51px;
padding: 12px 36px;
font-size: 20px;
line-height: 27px;
color: #fff;
cursor: pointer;
box-sizing: border-box;
}

@media (max-width: 1100px) {
.sec02 .left {
width: 80%;
margin-left: 10%;
}
.sec02 .right {
width: 80%;
margin-right: 10%;
}

.sec02-sub {
padding : 0 16px;
}

.sec02-sub .sec02-wrap {
grid-template-columns: 1fr;
}

}

.sec05 {
width: 100%;
background-color: #e3e3e399;
padding-top: 70px;
}
.sec05 ul {
max-width: 1300px;
margin: 50px auto 0;
display: flex;
text-align: center;
justify-content: space-evenly;
padding-bottom: 70px;
line-height: 2em;
}
.sec05 ul li {
width: 304px;
}
.sec05 ul p {
padding-top: 20px;
font-size: 20px;
font-weight: 400;
}
.sec05 ul strong {
font-size: 26px;
font-weight: 600;
}
.sec05 ul a {
color: #111;
}

.sec03 {
padding-top: 70px;
max-width: 1300px;
margin: 0 auto;
}
.sec03 .news-wrap {
padding-bottom: 80px;
}
.sec03 .news {
width: 80%;
margin: 0 auto;
position: relative;
}
.sec03 .news ul {
padding-top: 50px;
}
.sec03 .news ul > li {
padding: 28px 0 0;
}
.sec03 .news ul > li:hover {
background-color: #f2f2f2;
}
.sec03 .news ul > li a{
display: flex;
height: 50px;
border-bottom: 2px solid #ffcb05;
color: #111;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px;
}
.sec03 .news.right ul > li a {
border-bottom: 2px solid #111;
}
.sec03 .news ul > li p {
font-size: 18px;
font-weight: 400;
width: 70%;
padding-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.sec03 .news ul > li span {
font-size: 14px;
font-weight: 400;
margin-left: 20%;
width: ;
}
.sec03 .plus-btn a::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 3px;
background-color: #fff;
border-radius: 1.5px;
}
.sec03 .plus-btn a {
display: block;
width: 50px;
height: 50px;
background-color: #ffcb05;
border-radius: 10px;
position: relative;
margin: 30px auto 0;
}
.sec03 .plus-btn a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3px;
height: 22px;
background-color: #fff;
border-radius: 1.5px;
}
.sec03 .news.right .plus-btn a {
background-color: #111;
}

.sec04 .left {
float: left;
width: 50%;
background: url(../img/sec04.jpg) no-repeat top;
height: 450px;
}
.sec04 .right {
float: right;
width: 50%;
background-color: #e3e3e3;
height: 450px;
}
.sec04 .right .tit {
text-align: left;
padding-top: 8%;
padding-left: 60px;
}
.sec04 .right .txt {
padding: 50px 60px;
}
.sec04 .right strong {
display: block;
font-size: 36px;
font-weight: 700;
padding-bottom: 50px;
}
.sec04 .right p {
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
padding-bottom: 30px;
}
.sec04 .right span:before {
content: "|";
padding-right: 20px;
padding-left: 20px;
}

@media (max-width: 1100px) {
.sec03 .left {
width: 100%;
}
.sec03 .right {
margin-top: 50px;
width: 100%;
}
}



/* common */
.floating-menu *,
.resolve *{
	box-sizing:border-box;
}

/* studyCenterV2_floatingMenu */

.floating-menu {
	position: fixed;
	top: 50%;
	right: 94px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 99999;
	border-radius: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.floating__item {
	display: block;
	width: 90px;
	height: 90px;
	padding-top: 55px;
	text-align: center;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	background-color: #fff;
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 30px 29px;
	border: 1px solid #f7f6f6;
	color: #111;
}

.floating__item.learning__support{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M29.464 6.825 22.758.143a.492.492 0 0 0-.693 0L19.64 2.56c-.402-.581-1.116-1.443-2.09-1.443-.51 0-1.002.234-1.465.695-.517.515-.749 1.064-.688 1.632.094.889.879 1.528 1.438 1.91L14.41 7.77a.488.488 0 0 0 0 .692l2.834 2.823a.492.492 0 0 0 .515.113.574.574 0 0 0 .278-.206c.035-.05.076-.113.124-.186.25-.384.835-1.285 1.458-1.285.24 0 .5.138.771.41.302.3.435.574.407.837-.063.595-.92 1.148-1.286 1.384a5.487 5.487 0 0 0-.186.123.571.571 0 0 0-.207.278.487.487 0 0 0 .114.512l2.834 2.824a.491.491 0 0 0 .693 0l6.707-6.684a1.823 1.823 0 0 0-.001-2.58Zm-.692 1.89-6.36 6.337-2.079-2.07c.56-.383 1.345-1.022 1.439-1.91.06-.568-.172-1.117-.688-1.633-.463-.461-.956-.695-1.465-.695-.975 0-1.688.862-2.09 1.443l-2.078-2.071 2.486-2.478a.487.487 0 0 0 .114-.512.573.573 0 0 0-.207-.278 5.61 5.61 0 0 0-.186-.123c-.366-.236-1.223-.79-1.286-1.384-.028-.263.105-.537.407-.838.272-.271.532-.409.771-.409.623 0 1.209.9 1.459 1.285.047.073.088.136.123.184a.576.576 0 0 0 .277.208c.18.065.38.021.516-.113l2.487-2.478 6.36 6.336c.33.33.331.868 0 1.199ZM22.134 17.228h-3.43c.125-.665.226-1.67-.338-2.364-.36-.444-.913-.669-1.645-.669-.73 0-1.284.225-1.644.669-.564.694-.463 1.7-.339 2.364H11.8v-3.504c0-.19-.11-.363-.283-.443a.578.578 0 0 0-.343-.05c-.06.01-.134.026-.22.044-.426.09-1.425.303-1.89-.073-.208-.166-.308-.454-.308-.879s.1-.712.307-.88c.467-.375 1.465-.162 1.892-.072.085.019.158.034.218.044.115.02.23.003.343-.05a.488.488 0 0 0 .284-.443V6.93a.49.49 0 0 0-.49-.489H1.832A1.83 1.83 0 0 0 0 8.266v18.908A1.83 1.83 0 0 0 1.832 29l13.494-.009a.49.49 0 0 0 .49-.488v-.009a.55.55 0 0 0-.006-.127c-.01-.06-.026-.133-.044-.218-.091-.425-.305-1.42.072-1.884.168-.207.456-.307.883-.307s.715.1.882.307c.377.464.164 1.459.073 1.884-.018.085-.034.158-.044.217a.573.573 0 0 0 .05.343.49.49 0 0 0 .444.282h2.814a1.829 1.829 0 0 0 1.684-1.79v-9.485a.49.49 0 0 0-.49-.488ZM.98 8.267a.85.85 0 0 1 .85-.848h8.987v2.928c-.667-.123-1.675-.224-2.372.338-.446.359-.672.91-.672 1.639 0 .728.226 1.28.672 1.639.697.562 1.705.46 2.372.337v2.936H7.886c.125-.664.226-1.67-.338-2.364-.36-.444-.914-.669-1.645-.669s-1.284.225-1.645.67c-.564.694-.462 1.699-.338 2.363H.98V8.267Zm.85 19.756a.85.85 0 0 1-.85-.849v-8.96h3.516a.49.49 0 0 0 .445-.283.57.57 0 0 0 .05-.342c-.01-.06-.025-.133-.044-.218-.09-.425-.304-1.42.073-1.885.167-.206.456-.306.882-.306.427 0 .715.1.883.306.377.465.164 1.46.072 1.885-.018.085-.033.158-.043.217a.571.571 0 0 0 .05.343.49.49 0 0 0 .444.282h3.509v2.92c-.667-.123-1.676-.224-2.373.338-.445.359-.671.91-.671 1.639 0 .728.226 1.28.671 1.638.697.562 1.706.461 2.373.337v2.93l-8.986.007Zm19.812-.832a.849.849 0 0 1-.733.824h-2.206c.124-.665.226-1.67-.338-2.365-.36-.444-.914-.669-1.645-.669-.73 0-1.284.225-1.645.67-.564.694-.463 1.698-.338 2.363h-2.94V24.51c0-.19-.11-.363-.284-.443a.577.577 0 0 0-.342-.05c-.06.01-.134.026-.219.044-.426.09-1.425.303-1.891-.072-.207-.167-.308-.454-.308-.88 0-.424.101-.712.308-.879.466-.375 1.465-.163 1.891-.072.085.018.159.034.218.044.116.02.231.003.344-.05a.488.488 0 0 0 .284-.443v-3.504h3.517a.49.49 0 0 0 .445-.283.571.571 0 0 0 .05-.34c-.01-.061-.026-.134-.044-.22-.09-.424-.304-1.419.073-1.883.167-.207.456-.307.882-.307s.715.1.883.307c.377.464.163 1.46.072 1.884a5.462 5.462 0 0 0-.044.217.572.572 0 0 0 .05.343.49.49 0 0 0 .445.283h3.516v8.985Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h30v29H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.floating__item.remote__support{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='35' fill='none'%3E%3Cg fill='%23000000' clip-path='url(%23a)'%3E%3Cpath d='M18.938.903A.908.908 0 0 0 18.026 0H3.47a.908.908 0 0 0-.912.903v10.424h16.385V.903h-.005Zm-8.195-.71a.282.282 0 1 1 0 .564.282.282 0 1 1 0-.564Zm7.167 10.205H3.58V1.075c0-.078.064-.14.143-.14h14.039c.079 0 .142.062.142.14v9.323h.006ZM21.49 14.543H0v.689h21.49v-.69ZM18.938 11.583H2.552L0 14.298h21.49l-2.552-2.715Zm-15.853.36H18.4l1.023 1.076H2.067l1.023-1.076h-.005Zm5.907 2.047.205-.763h3.09l.206.763H8.986h.006ZM39.447 20.676a.908.908 0 0 0-.912-.903H23.98a.908.908 0 0 0-.913.903v10.425h16.386V20.676h-.006Zm-8.19-.715a.282.282 0 1 1 0 .564.282.282 0 1 1 0-.564Zm7.162 10.205H24.09v-9.323c0-.078.064-.14.143-.14H38.27c.08 0 .143.062.143.14v9.323h.005ZM42 34.311H20.51V35H42v-.689ZM39.447 31.351H23.062l-2.553 2.715H42l-2.553-2.715Zm-15.847.36h15.315l1.023 1.076H22.582l1.023-1.076H23.6Zm5.906 2.047.206-.762h3.09l.206.762h-3.507.005ZM11.45 17.503c0 .459-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 20.77c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 24.038c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM11.45 27.306c0 .46-.375.835-.845.835a.835.835 0 1 1 0-1.67c.47 0 .844.37.844.835ZM20.51 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM17.208 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM13.907 28.14a.835.835 0 1 1 0-1.67.835.835 0 1 1 0 1.67ZM30.65 16.657c0-.46.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 13.39c0-.46.375-.836.845-.836a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 10.121c0-.459.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM30.65 6.854c0-.46.375-.835.845-.835a.835.835 0 1 1 0 1.67.835.835 0 0 1-.844-.835ZM21.59 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67ZM24.892 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67ZM28.193 6.019a.835.835 0 1 1 0 1.67.835.835 0 1 1 0-1.67Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h42v35H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-position-y: 14px;
}

.floating__item:last-child{
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}


/* studyCenterV2_floatingMenu */


/* resolve */
.resolve *{
    font-family: "Noto Sans KR", sans-serif;
} 
.resolve {
    padding: 40px 0;
    border-radius: 16px 16px 0 0;
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.25);
}
.resolve .section__inner{
	max-width: 1300px;
 	margin: 0 auto;
}
.resolve .section__inner:has(.section__body.is-active) .section__header .btn-group:before {
    -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.resolve .section__header .btn-group {
	position: relative;
	display: inline-block;

}
.resolve .section__header{
	padding-left: 30px;
}
.resolve .section__header .btn-group:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.4199L12 10.8299L16.59 15.4199L18 13.9999L12 7.99992L6 13.9999L7.41 15.4199Z' fill='%23111111'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
			transform: translateY(-50%) rotate(180deg);
}

.resolve .section__title {
    display: inline-block;
	position: relative;
	font-size: 20px;   /* 타이틀 20px , fw700, lh 1.4 */
	font-weight: 700;
	line-height: 1.4;
	padding-right: 28px;
		-webkit-appearance: button;
    background-color: transparent;
    background-image: none;
	border:none;
	padding-inline-start: 0;
}
.resolve .section__title:before {
  	content: none;
}

.resolve .section__body {
	display: none;
	margin-top: 16px;
	padding-left: 30px;
}
.resolve .section__body:is(.is-active) {
  	display: block;
}

.resolve__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 16px;
}
.resolve__item {
	-ms-flex-negative: 0;
		flex-shrink: 0;
}
.resolve__link {
	display: inline-block;
	padding: 4px 16px; /* 패딩 4 16 */
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #003362;   /* 보더,타이포 003362 */
	border: 1px solid #003362;
	border-radius: 4px; /* 보더 4 */

}
.resolve__link:hover {
	background-color: #6C8EB0;   /* 백그라운드 6c8eb0 , 타이포 fff */
	color: #fff;  
}

/* //resolve */

@media (max-width: 1300px) {
	.resolve__list {
	flex-wrap: wrap;
	}


}

@media (max-width: 1680px) {
  .floating-menu {
    right: 0;
  }
}