.main-collection-wrap {position: relative;margin: 0 auto;}
.main-slide-wrap {width:100%;margin:0px auto;overflow: hidden;padding:10px;background:transparent;border-radius: 10px;}
.content-list{padding:0;margin:12px;display:inline-block;}

#edu_lecture .slide-item p { padding: 0 5px;margin-bottom:5px;}
#edu_lecture .slide-item .pic:before {content:'';z-index:-999999; position:absolute; top:10px; left:10px; width:75px; height:26px;line-height:26px;box-shadow:1px 1px 5px rgba(0,0,0,0.25); text-align:center; background:#2895e5cc;letter-spacing:1; font-size:13px; font-weight:300; border-radius:50px;color:#fff;}
#edu_lecture .slide-item .pic img:hover {transform: scale(1.08);}
/* #edu_lecture .slide-item .pic:hover:before{background:#0C78D6;} */

.slide-item {width:240px; height:210px;display: block;margin:0;overflow:hidden;border-radius: 10px;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.slide-item p { padding: 0 5px;margin-bottom:5px;}
.slide-item .pic {position:relative; width:240px; height:150px; overflow:hidden; margin-bottom:10px;}
.slide-item .pic:before {content:'<?=htmlchars($BASE[chuchun]);?>';z-index:10; position:absolute; top:10px; left:10px; width:75px; height:26px;line-height:26px;box-shadow:1px 1px 5px rgba(0,0,0,0.25); text-align:center; background:#2895e5cc;letter-spacing:1; font-size:13px; font-weight:300; border-radius:50px;color:#fff;}
.slide-item .pic img {width:240px; height:150px; object-fit:cover; transition: 0.3s;margin:0; }
.slide-item .pic img:hover {transform: scale(1.08);}
.slide-item .pic:hover:before{background:#0C78D6;}
/* @media screen and (max-width:1300px) and (min-width:471px) {
    .content-list:first-child {margin-left:50%;}
} */
@media screen and (max-width:470px) {
    .slide-item {width:256px; height:246px;}
    .slide-item .pic {width:256px; height:180px; }
.slide-item .pic img {width:256px; height:180px; }
}
@media(max-width:767px){
	#edu_lecture .slide-item {width:240px; height:210px;display: block;margin:0;overflow:hidden;border-radius: 10px;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
	#edu_lecture .slide-item .pic img {width:240px; height:170px; object-fit:cover; transition: 0.3s;margin:0; }
	#edu_lecture .slide-item .pic {position:relative; width:240px; height:170px; overflow:hidden; margin-bottom:10px;}
	#edu_lecture .slick-slide{
		width: auto;
	}
	#edu_lecture .content-list{
		width: 100%;
	}
}
@media(min-width:768px){
	#edu_lecture .slide-item {width:365px; height:210px;display: block;margin:0;overflow:hidden;border-radius: 10px;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
	#edu_lecture .slide-item .pic img {width:365px; height:170px; object-fit:cover; transition: 0.3s;margin:0; }
	#edu_lecture .slide-item .pic {position:relative; width:365px; height:170px; overflow:hidden; margin-bottom:10px;}
	#edu_lecture .slick-slide{
		width: 395px;
	}
	#edu_lecture .content-list, #edu_lecture .slick-slide{
		width: 375px;
	}
}
/* 오늘 하루 보지 않기 팝업 */
.btn_today_close, .btn_close{
	border: 0;
	background: none;
	cursor:pointer;
}
.layer_cont{
	position: relative;
}
.main_popup{
	position: fixed;
	z-index: 1005;
	-webkit-box-shadow: 0px 5px 21px -12px #061626;
	box-shadow: 0px 5px 21px -12px #061626;
	top: 50px;
	left: 50px;
	display: none;
	border-radius: 10px;
}
.main_popup.on{
	display: block !important;
	background-color: #fff;
}
.img_wrap {
	min-width: 650px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	justify-content: center;
    flex-direction: column;
	padding-top: 65px;
}
.popup_content{
	text-align: center;
    overflow: auto;
    height: 485px;
	padding: 25px;
	border-top: 1px solid #ddd;
	text-align: left;
}
.popup_content p span{
	font-family: 'NotoSansKR','NanumBarunGothic', '나눔바른고딕', 'Open Sans', 'dotum' !important;
}
.popup_content img{
	width: 600px;
}
.popup_title{
	position: absolute;
    top: 25px;
	left: 20px;
    font-size: 25px;
}
.img_wrap .popup_title p{
	font-size: 25px;
    font-weight: bold;
    line-height: 2;
}
.btn_close {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 17px;
	right: 17px;
	font-size: 0;
	border: 0;
	background: none;
}
.btn_close::before{
	content: "";
	width: 2px;
	height: 32px;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 15px;
	transform: rotate(45deg);
}
.btn_close::after{
	content: "";
	width: 32px;
	height: 2px;
	background-color: #333;
	position: absolute;
	top: 15px;
	left: 0;
	transform: rotate(45deg);
}

.btn_today_close {
	width: 100%;
	height: 45px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: block;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.btn_today_close span{
	display: block;
	line-height: 40px;
	vertical-align: bottom;
	opacity: 0.8;
}
.easy_application{
	font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    background: #000000;
	-webkit-transition: all 1s ease;
    transition: all .3s ease;
}
.easy_application:hover{
	background: #0000ff;
	color: #ffffff;
}

/* 리뉴얼 css */
.main_procedure{
	width: 100%;
	display: block;
}
.main_procedure a{
	width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
	position: relative;
}
.main_procedure a img{
    border-radius: 10px;
}
.guide{
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    gap: 33px;
    flex-wrap: wrap;
	background: linear-gradient(120deg, #f5e1ff, #dbfeff, #f5e1ff, #dbfeff);
}
.guide a{
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-bottom: 13px;
    padding-top: 13px;
}

.guide .test:not(:last-child):after{
	content: "";
    width: 2px;
    height: 40px;
    background: #eee;
    display: inline-block;
    float: right;
    position: absolute;
    right: -22px;
}
.guide a:not(:first-child)::before{
    content: "";
    width: 2px;
    height: 50px;
    background: #eee;
    display: block;
    position: absolute;
    top: 0;
}
.main_lecture{
    background: #edf2fa;
    width: 100%;
	display: flex;
}
.main_lecture_bg{
    margin: 0 auto 55px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.lecure_Tab ul .active{
    border-radius: 50px;
    background: #1286FF;
    color: #fff;
}

.tab_list{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 340px;
	width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    text-align: center;
}
.tab-content{
	display: none;
}
.tab-content.active{
	display: block;
}
/* .best_list{
	display: inline-block;
} */
.best_list a{
	display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.best_list:last-child{
	margin-right: 0;
}
.test{
	width: 292px;
    text-align: center;
    position: relative;
}
.test a{
	width: 100%;
}
.test a img{
	width: 150px;
}
p {
  margin: 0;
  padding: 0;
  color: var(--p-color);
}
.accordion-tab-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}
.banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100px;
  background: #003852;
}

.accordion {
  overflow: hidden;
  border-radius: 10px;
}
.guide{
	width: 100% !important;
}
@media(min-width:1300px){
	.accordion{
    width: 100%;
    max-width: 1300px;
  }
  .accordion-content{
    width: 100%;
    max-width: 1300px;
	margin: 0 auto;
	text-align: center;
  }
  .accordion-tabs .accordion-tab {
    	padding: 20px;
	}
	.accordion-tab:not(:first-child)::after{
		content: "";
		width: 2px;
		height: 35px;
		background: #eee;
		display: block;
		position: absolute;
		top: 15px;
		left: -8px;
	}
	.main_best_lecture{
		width: 1300px;
    	margin: 40px auto;
	}
	.main_section2{
		width: 1300px !important;
		margin: 0 auto !important;
	}
}
@media (min-width: 768px) and (max-width:1299px){
	.main_section2{
		width: 90% !important;
	}
  .accordion{
    width: 90%;
    max-width: 860px;
    margin: 40px auto 0;
  }
  .accordion-content{
    width: 100%;
    max-width: 1300px;
	margin: 0 auto;
	text-align: center;
  }
  .accordion-tabs .accordion-tab {
    	padding: 16px;
	}
	.accordion-tab:not(:first-child)::after{
		content: "";
		width: 2px;
		height: 35px;
		background: #eee;
		display: block;
		position: absolute;
		top: 9px;
		left: -8px;
	}
	.main_best_lecture{
		width: 90%;
    	margin: 40px auto 45px;
	}
}
@media(min-width:768px){
	.main_section2 .col-lg-4 .guide_go img{
		width: 100%;
	}
	.col-guide:not(:first-child)::after{
		content: "";
        height: 66px;
        background-color: #fff;
        display: block;
        position: absolute;
        top: 0;
	}
	.guide{
		margin-top:40px !important;
		margin-bottom: 40px !important;
	}
	.accordion-item__label p{
		font-weight: bold;
		font-size: 25px;
	}
	.best_list img{
		border-radius: 30px;
		width: 80%;
		height: auto;
		padding: 20px;
	}
	#edu_lecture{
		margin-bottom:40px;
	}
	.support .tit{
		display: block;
	}
	.support .support_wrap{
		border: .1rem solid #d6d6d6;
		border-radius: .6rem;
	}
    /* 학습지원 */
    .support_pc{
        display: block;
    }
    .support_mobile{
        display: none;
    }
	.info_banner{
		display: block;
	}
	.pc_ecard_img{
		display: block;
	}
	.m_ecard_img{
		display: none;
	}
}
/* @media(min-width:480px) and (max-width:767px){
	.best_list img{
		border-radius: 30px;
		width: 100%;
		height: auto;
		padding: 20px;
	}
} */
@media(max-width:479px){
	/* .best_list img{
		border-radius: 80px;
		width: 100%;
		height: auto;
		padding: 70px;
	} */
	/* .accordion-content{
		margin: 0 auto;
		width: 100%;
	} */
}
@media(max-width:767px){
	.main_section2{
		width: 100% !important;
	}
	.main_section2 .col-lg-4 .guide_go img{
		width: 85%;
	}
	.main_section2 div:first-child{
		border-right: 1px solid #fff;
    	border-bottom: 1px solid #fff;
	}
	.main_section2 div:nth-child(3){
		border-right: 1px solid #fff;
	}
	.main_section2 div:nth-child(2){
		border-bottom: 1px solid #fff;
	}
	.accordion{
		margin: 0 auto;
		width: 100%;
	}
	.accordion-tabs{
		margin: 0 !important;
	}
	.accordion-content{
		text-align: center;
		margin-top: 40px;
	}
	.accordion-tabs .accordion-tab {
    	padding: 12px;
	}
	.accordion-tab:not(:first-child)::after{
		content: "";
		width: 1px;
		height: 30px;
		background: #eee;
		display: block;
		position: absolute;
		top: 9px;
		left: -8px;
	}
	.col-lg-4.col-flot{
		width: 49.9999%;
	}
	.guide{
		margin:0;
	}
	.accordion-item__label p{
		font-weight: bold;
		font-size: 18px;
	}
	.main_best_lecture{
		width: 100%;
    	margin: 40px auto;
	}
	.bg1{
		background: #fff2e2;
	}
	.bg2{
		background: #f6faf0;
	}
	.bg3{
		background: #fff5f7;
	}
	.bg4{
		background: #f5efff;
	}
	#edu_lecture{
		margin-bottom:0;
	}
	/* .support .tit{
		display: none;
	} */
	.support .support_wrap{
		border: 0;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin: auto 0 20px 0;
        align-content: center;
        gap: 12px;
	}
	.support .support_wrap .content{
        padding: 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        align-content: center;
        flex-wrap: wrap;
        width: 100px;
	}
	.best_list img{
		width: 80%;
		border-radius: 10px;
	}
	.best_lecture_group{
		margin: 0 20px;
	}

    /* 학습지원 */
    /* .support_pc{
        display: none;
    } */
    .support_mobile{
        display: block;
    }
	.info_banner{
		display: none;
	}
	.pc_ecard_img{
		display: none;
	}
	.m_ecard_img{
		display: block;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		font-size:20px
	}
}
.swiper2{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.accordion-tabs {
  display: none;
}
.accordion-tabs :focus {
  outline: none;
}
.accordion-item {
  border-bottom: 1px solid #c1d7e2;
}
.accordion-item:last-child {
  border: none;
}
/* .accordion-item__label {
  position: relative;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  transition: padding 0.2s ease;
} */
.accordion-item__label::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.1s ease;
  border-radius: 2px;
  border: 5px solid transparent;
  border-color: transparent #003852 #003852 transparent;
}
.accordion-item__label:hover {
  background: #c1d7e2;
}
/* .accordion-item__container {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0;
  transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
} */
/* .accordion-active {
  background: #d2e2ea;
} */
/* .accordion-active .accordion-item__label {
  padding-bottom: 0;
  color: #003852;
  cursor: inherit;
} */
.accordion-active .accordion-item__label:hover {
  background: none;
}
.accordion-active .accordion-item__label::after {
  opacity: 0;
}
/* .accordion-active .accordion-item__container {
  height: auto;
  padding: 20px;
  opacity: 1;
} */
.accordion-active .accordion-item__container p:first-child,
.accordion-active .accordion-item__container h1:first-child,
.accordion-active .accordion-item__container h2:first-child,
.accordion-active .accordion-item__container h3:first-child,
.accordion-active .accordion-item__container h4:first-child,
.accordion-active .accordion-item__container h5:first-child,
.accordion-active .accordion-item__container h6:first-child {
  margin-top: 0;
}
.accordion-active .accordion-item__container p:last-child,
.accordion-active .accordion-item__container h1:last-child,
.accordion-active .accordion-item__container h2:last-child,
.accordion-active .accordion-item__container h3:last-child,
.accordion-active .accordion-item__container h4:last-child,
.accordion-active .accordion-item__container h5:last-child,
.accordion-active .accordion-item__container h6:last-child {
  margin-bottom: 0;
}

/* @media (min-width: 600px) { */
  .accordion-tabs {
    display: flex;
    background: #ffffff;
	margin: 0 auto 40px;
	border-radius: 20px;
  }
  .accordion-tabs .accordion-tab {
    flex: 1;
    font: inherit;
    border: none;
    cursor: pointer;
    color: #000000;
    background: #ffffff;
    transition: background 0.1s ease;
	position: relative;
	border-radius: 20px;
	transition: ease-in-out 0.35s;
  }
  .accordion-tabs .accordion-tab:not(:last-child){
	margin-right: 15px;
  }
  .accordion-tabs .accordion-tab:first-child{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
  }
  .accordion-tabs .accordion-tab:last-child{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
  }
  .accordion-tabs .accordion-tab:last-child {
    border-right: 0;
  }
  .accordion-tabs .accordion-tab.accordion-active {
    color: #ffffff;
    background: #1286FF;
	font-size: 20px;
	border-radius: 20px;
  }
  .accordion-tabs .accordion-tab:hover{
	color: #ffffff;
    background: #1286FF;
	font-size: 20px;
	border-radius: 20px;
	transition: ease-in-out 0.35s;
  }
  .accordion-item {
    display: none;
    border: none;
  }
  .accordion-item.accordion-active {
    display: block;
  }
.citation {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: var(--citation-bg-color);
}
.citation p {
  margin: 0;
  padding: 10px;
  font-size: 12px;
  color: var(--citation-p-color);
}
.citation p a {
  color: var(--citation-a-color);
  cursor: pointer;
}
.citation p a:hover {
  color: var(--citation-a-hover-color);
}
.slide_prev{
	position: absolute;
    z-index: 9999;
    font-size: 48px;
    left: -35px;
    transform: translate(0, -50%);
    top: 50%;
    cursor: pointer;
}
.slide_next{
	position: absolute;
    z-index: 9999;
    font-size: 48px;
	right: -35px;
    transform: translate(0, -50%);
    top: 50%;
    cursor: pointer;
}
.accordion-item__label p{
    transform: translate(0, -50%);
    top: 50%;
    position: relative;
}
.accordion-item{
	height: 100%;
}
.col-row{
	width: 100%;
	box-sizing: border-box;
}
.col-flot{
	float: left;
}
*, *:before, *:after{
	box-sizing: inherit;
}
.col-lg-4 .hover-opacity img{
	border-radius: 10px;
}
.col-row > .col-guide{
	text-align: center;
	position: relative;
}
.main_title{
	width: 100%;
    padding: 8px 0 20px;
}
.main_sub_title p{
	padding-bottom: 20px;
	font-size: 1.2rem;
}
.main_title p{
	font-size: 2rem;
    font-weight: bold;
    color: #000;
}
.main_section1, .main_section2{
	display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}
.main_section1 .col-lg-4{
	display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    
}
.support{
	position: relative;
}
.support .tit{
	/* position: absolute; */
	position: relative;
    background: #fff;
    /* top: -0.5rem;
    left: -0.1rem;
    padding: 0 2rem 1.5rem 0; */
	/* padding: 1.5rem 0; */
}
@media(min-width:768px){
	.main_section1 .col-lg-4, .main_section2 .col-lg-4{
		width: calc((100% - 6rem) / 4);
	}
}
.slick-active{width: 325px !important;}
.slick-list{width: 1300px !important;}