@charset "UTF-8";
	.vis a { display: block; }
	.vis dl { width: 80vw; max-width: 1120px; overflow: hidden; }
	.vis dt { float: right; width: 560px; }
	.vis dd { float: left;  width: calc(100% - 560px); padding: 8% 0 0 5%; }
	.vis span { display: block; padding: 0 0 0.5em 0; font-size: 0.75rem; font-weight: 600; }
	.vis h1 { font-size: 2.0rem; line-height: 2.5rem; font-weight: 600; }

	.vis_wrap { position: relative; }
	.vis_wrap .page { position: relative; width: 80vw; max-width: 1120px; margin: 0 auto; }
	.vis_wrap .page span { position: absolute; left: 5%; top: 330px; z-index: 10; padding: 0 1em; font-size: 0.875rem; font-weight: 500; color: #fff; border-radius: 30px; background: rgba(0, 0, 0, 0.5); overflow: hidden; }

	.vis button { position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; transform: translate(0, -50%); }
	.vis .l_btn { left: calc( 50% - 600px ); }
	.vis .r_btn { right: calc( 50% - 600px ); }
	@media (max-width:1400px) {
		.vis .l_btn { left: calc( 50vw - 45vw ); }
		.vis .r_btn { right: calc( 50vw - 45vw ); }
	}
	@media (max-width:960px) {
		.vis dl { width: 100%; max-width: 100vw; }
		.vis dt { width: 100%; }
		.vis dd { width: 100%; padding: 1.250rem; }
		.vis h1 { font-size: 1.7rem; }
		.vis_wrap .page { width: 100%; max-width: 100vw; }
		.vis_wrap .page span { top: 60vw; left: inherit; right: 1rem; }
	}

	.vis2 { padding: 2rem 0 0 0; }
	.vis2 h3, h4 { padding: 1.5rem 0; }
	@media (max-width:720px) {
		.vis2 { padding: 0; }
		.vis_wrap .page span { top: 76vw; left: inherit; right: 1rem; }
	}
	.vis2 a { display: block; }
	.vis2 dl {max-width: 1120px; overflow: hidden; }
	.vis2 dt { float: right; width: 400px; }
	.vis2 dd { width: calc(100% - 400px); padding: 2% 0 0 3%; }
	.vis2 span { display: block; padding: 0 0 0.5em 0; font-size: 12px; font-weight: 500; }
	.vis2 h1 { font-size: 2rem; line-height: 2.625rem; font-weight: 500; }

	.vis2 .middle_banner { margin: 0 -0.625em; overflow: hidden; font-size: 0; overflow-y: hidden; white-space: nowrap; }
	.vis2 .middle_banner .img_box { background: radial-gradient( #D1D1D1, #9B9898); }
	.vis2 .middle_banner .info { padding: 0.9em 1rem; }
	.vis2 .middle_banner .info span { font-size: 1rem; }
	@media (max-width:960px) {
		.vis2 h1 { font-size: 1.8rem; line-height: 2.5rem; font-weight: 500; }
		.vis2 dt { float: right; width: 350px; }
		.vis2 dd { width: calc(100% - 350px); padding: 3% 0 0 4%; }
	}
	@media (max-width:720px) {
		.vis2 h1 { font-size: 1.5rem; line-height: 2rem; font-weight: 500; }
		.vis2 dt { float: right; width: 260px; }
		.vis2 dd { width: calc(100% - 260px); padding: 4% 0 0 5%; }
	}


	/* 마스터소개 */
	.box01 { padding: 0; background: #FAFAFA; }
	.box01 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }

	.master_list {text-align: center;}
	.master_list p {padding: 0.5rem 0 }
	.master_list button { position: absolute; top: 40%; width: 40px; height: 40px; transform: translate(0, -50%); }
	.master_list .info_box { width: 90%;text-align: center; padding-bottom: 1rem;}
	.master_list .img_box { border-radius: 10px; overflow: hidden; background: radial-gradient( #D1D1D1, #9B9898);}
	.master_list .l_btn { left: -50px; }
	.master_list .r_btn { right: -40px; }
	
	/* 패밀리스터디 */
	.box02 { padding: 0; }
	.box02 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	@media (max-width:720px) {
		.box02 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	}

	.p_list { margin-left: -1rem; overflow: hidden; font-size: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
	/*.p_list .img_box { background: radial-gradient( #c3c3c3, #c3c3c3); }*/
	.p_list .img_box {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 0px;
		background-color: rgb(176 175 175);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		box-shadow: rgb(218 219 220) 0.4px 0.4px 0px -0.4px, rgb(218 219 220) 0px 0px 0px 0.4px inset;
	}
	.p_list li { display: inline-block; width: 33.3%; padding-left:1rem; font-size: 1rem; }
	.p_list li a { display: block; border: 1px solid #C3C3C3; border-radius: 10px; white-space: normal; overflow: hidden; }
	.p_list .tag { padding: 0.750em 1rem; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; }
	.p_list .tag span { display: inline-block; padding: 0 0.5rem; font-size: 0.8em; border-radius: 6px; line-height: 2em; letter-spacing: 0.02rem;}
	.p_list .tag .type01 { color: #F9858D; border:1px solid #F9858D; }
	.p_list .tag .type02 { color: #fff; background: #016420; }
	.p_list .tag .type03 { color: #fff; background: #555555; }
	/*.p_list .tag .camp_US { color: #fff; background: #016420; }*/
	/*.p_list .tag .camp_815 { color: #fff; background: #ff001c; }*/
	.p_list .info { padding: 0.9em 1rem; }
	/*.p_list .info span { font-size: 1rem; }*/
	@media (max-width:960px) {
		.p_list li { width: 55%; padding-left:1rem; }
	}
	@media (max-width:720px) {
		.p_list li { width: 85%; padding-left:1rem;}
	}

	/* 인기 스터디 */
	.box03 { padding: 0; }
	.box03 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	.box03 a { display: block; }
	.box03 dl {max-width: 1120px; overflow: hidden; }
	.box03 dt { float: right; width: 22rem; }
	.box03 dd { padding: 2% 0 0 3%; }
	.box03 span { display: block; padding: 0 0 0.5em 0; font-size: 12px; font-weight: 500; }
	.box03 h1 { font-size: 2rem; line-height: 2.625rem; font-weight: 500; }

	.box03 .middle_banner { margin: 0 -0.625em; overflow: hidden; font-size: 0; overflow-y: hidden; white-space: nowrap; }
	.box03 .middle_banner .img_box { background: radial-gradient( #D1D1D1, #9B9898); }
	.box03 .middle_banner .info { padding: 0.9em 1rem; }
	.box03 .middle_banner .info span { font-size: 1rem; }
	@media (max-width:960px) {
		.box03 h1 { font-size: 1.8rem; line-height: 2.5rem; font-weight: 500; }
		.box03 dt { float: right; width: 21rem; }
		.box03 dd { padding: 3% 0 0 4%; }
	}
	@media (max-width:720px) {
		.box03 h1 { font-size: 1.5rem; line-height: 2rem; font-weight: 500; }
		.box03 dt { float: right; width: 20rem; }
		.box03 dd { padding: 4% 0 0 5%; }
		.box03 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	}

	.dots_custom {float: right;display: inline-block;vertical-align: middle;margin: auto 0;padding: 0;}
	.dots_custom li {list-style: none;cursor: pointer;display: inline-block;margin: 0 6px;padding: 0;}
	.dots_custom li button {border: none;background: #d1d1d1;color: transparent;cursor: pointer;display: block;height: 10px;width: 10px;border-radius: 100%;padding: 0;}
	.dots_custom li.slick-active button {background-color: #0c633d;}

    .box03 { padding: 0; }
	.box03 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	.box03 .ban { border-radius: 4px; }
	.box03 .ban .web{ display: block; }
	.box03 .ban .tab{ display: none; }
	.box03 .ban .mob{ display: none; }
	@media (max-width:960px) {
		.box03 .ban .web{ display: none; }
		.box03 .ban .tab{ display: block; }
		.box03 .ban .mob{ display: none; }
		.box03 .ban { margin: 0 -1.250rem;  border-radius: 0;}
	}
	@media (max-width:720px) {
		.box03 { padding: 0; }
		.box03 .ban .web{ display: none; }
		.box03 .ban .tab{ display: none; }
		.box03 .ban .mob{ display: block; }
		.box03 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	}

/* 오리지널 패밀리 */
	.box02 button { text-align: right; }
	.o_list { margin-left: -1rem; font-size: 0; overflow: hidden; }
	.o_list li { display: inline-block; vertical-align: top; width: 33.3%; padding: 0 0 1rem 1rem; font-size: 1rem; }
	.o_list li a { display: block; border: 1px solid #C3C3C3; border-radius: 10px; white-space: normal; overflow: hidden; }
	.o_list .img_box {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 0px;
		background-color: rgb(239, 239, 239);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.o_list .tag { padding: 0.750em 1rem;  border-top: 1px solid #F1F1F1;  border-bottom: 1px solid #F1F1F1; }
	.o_list .tag span { display: inline-block; padding: 0 0.5rem; font-size: 0.750em; font-weight: 500; border-radius: 6px; line-height: 2em; }
	.o_list .tag .type01 { color: #F9858D; border:1px solid #F9858D; }
	.o_list .tag .type02 { color: #fff; background: #016420; }
	.o_list .tag .type03 { color: #fff; background: #555555; }
	.o_list .tag .type04 { color: #fff; background: #FF3A3A; }
	.o_list .tag .camp_US { color: #fff; background: #016420; }
	.o_list .tag .camp_815 { color: #fff; background: #ff001c; }
	.o_list .info { padding: 0.9em 1rem; }
	@media (max-width:960px) {
		.o_list li { width: 50%; }
	}
	@media (max-width:720px) {
		.o_list li { width: 100%;}

/*		.o_list li { width: 100%; padding: 0 0 1rem 0; }
		.o_list li a { border: 0; border-radius: 0; }
		.o_list li .img_box{ float: left; width: 35%; margin: 0 1rem 0 0; border: 1px solid #C3C3C3; border-radius: 10px; overflow: hidden; }
		.o_list li .tag { padding: 0; border:0; }
		.o_list .info { padding: 0.5rem; letter-spacing: -1px; }
		.o_list .info span { font-size: 0.8rem;}*/
	}

    /* 최근영상 */
	.box04 { padding: 0; }
	.box04 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	@media (max-width:720px) {
		.box04 h3, h4, h5 { padding: 3rem 0 1.5rem 0; }
	}

	.vod_box { overflow:hidden; padding-bottom: 3rem;}
	.vod_box .vod_list { width: 25%; float: right; height: 843px; padding: 0 1.250rem 0 3.375rem; overflow-y: scroll; }
	.vod_box .vod_list::-webkit-scrollbar{width: 5px; }
	.vod_box .vod_list::-webkit-scrollbar-thumb{background: #006934; border-radius: 2px; }

	.vod_box .vod_list li { padding: 0 0 1rem 0; text-align: center; cursor: pointer; }
	.vod_box .vod_list li p { padding: 0.5rem 0 0 0; }
	.vod_box .vod_list .img_box {
		position: relative;
		border-radius: 8px;
		background: radial-gradient( #D1D1D1, #9B9898);
		overflow: hidden;
	}
	.vod_box .vod_list .on { color: #016420; }
	.vod_box .vod_list .on .img_box:before { content: ""; position: absolute; width: 100%; height: 100%; border: 2px solid #016420; background: rgba(0, 0, 0, 0.3); box-sizing: border-box; }

	.vod_box .vod_view { width: 75%; float: left; border: 1px solid #CBCBCB; border-radius: 10px; }
	.vod_box .vod_view .vod_palay { padding: 1.875rem 3.125rem; }
	.vod_box .vod_view .vod_palay h6 { font-weight: 500; }
	.vod_box .vod_view .vod_palay p  { padding: 0.750rem 0 0 0; font-weight: 500; }
	.vod_box .vod_view a { display: block; padding: 1.250rem 0; line-height: 1rem; text-align: center; }

	.vod_box .vod_view .play_list { padding: 0 2.625rem 1.875rem 2.625rem; font-size: 0; overflow: hidden; }
	.vod_box .vod_view .play_list li { display: inline-block; vertical-align: top; width: 33.3%; padding: 0 0.5rem; font-size: 1rem; }
	.vod_box .vod_view .play_list p { margin: 0.625rem 0; white-space: normal; font-weight: 500; }
	.vod_box .vod_view .play_list .img_box {
		position: relative;
		border-radius: 8px;
		background: radial-gradient( #D1D1D1, #9B9898);
		overflow: hidden;
		border: 1px solid #e7e7e7;
	}

	@media (max-width:960px) {
		.vod_box { overflow: initial;}
		.vod_box .vod_list { float: initial; width: auto; height: auto; margin-right: -1.250rem; padding: 0; overflow: hidden; }
		.vod_box .vod_list ul { font-size: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
		.vod_box .vod_list li { display: inline-block; vertical-align: top; width: 30%; padding: 0 1rem 0 0; font-size: 1rem; }
		.vod_box .vod_view { float: initial; width: 100%; border: 0; border-radius: 0; }
		.vod_box .vod_view .vod_palay { padding: 1.875rem 0; }
		.vod_box .vod_view .play_list {  margin-right: -1.250rem; padding: 0 0 1.875rem 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
		.vod_box .vod_view .play_list li { width: 60%; }
	}

	.study_btn {margin : 1rem 3rem}

	@media (max-width:960px) {
		/*.study_btn {margin : 0rem}*/
		.study_btn {
		    margin-top: 1rem;
		}
		.vod_box .vod_list li {
		  padding-bottom: 2rem;
		}
	}
	@media (max-width:720px) {
		/*.study_btn {margin : 0rem}*/
	}