@charset "utf-8";
/* 상품 리스트 */
.product .title{ padding: 0 0 5px 0; font-weight: 700; }
.product .list li{ padding-top: 15px; }
.product .list .img { height: 150px; line-height: 150px; overflow: hidden; }
/* .product .list .img img { di } */
.product .list h5{ padding: 10px 10px 3px 10px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product .list p{ padding: 0 10px 10px 10px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width:991px) {
	.product .list li{     text-align: center; }
}

/* 카테고리 리스트 */
.cate_list li{ padding: 0 0 20px 0; overflow: hidden; }
.cate_list li > div{ display: block; border: 1px solid #ebebeb; overflow: hidden; }
.cate_list .img  { width: 40%; float: left; }
.cate_list .text { width: 60%; float: left; padding: 10px 15px 5px 15px; }

.cate_list .text * { line-height: 1.5em; padding: 0 0 2px 0;}
.cate_list .icon span { display: inline-block; padding: 3px 10px; font-size: 12px; }
.cate_list .text h5 a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cate_list .bt_wrap { padding-top: 7px ; }
.cate_list .bt_wrap button { display: inline-block; margin: 0 5px 0 0; padding: 0 15px; border-radius: 5px; transition: all 0.3s ease 0.2s; }
.cate_list .bt_wrap button:hover{ opacity: 0.8; }
.cate_list .bt_wrap a { display: inline-block; margin: 0 5px 0 0; padding: 0 15px; line-height: 40px; border-radius: 5px; transition: all 0.3s ease 0.2s; }
.cate_list .bt_wrap a:hover{ opacity: 0.8; }

/* 추가사항 */
	.cate_list .text dl { overflow: hidden; margin: 0; padding: 3px 0; background: #ebf0f7; }
	.cate_list .text dl dt{ font-weight: 500; padding: 5px 5px; text-align: center; }
	.cate_list .text dl dd{ padding: 5px 5px; }

/* 추가 - 박우영 */
.bt_type2 { display: inline-block; margin: 0 5px 0 0; padding: 0 15px; line-height: 30px !important; border-radius: 5px; transition: all 0.3s ease 0.2s; }


.search{ padding: 3% 5%; margin: 0 auto; border-radius: 5px; background: #e5e5e5; }
.search li{ padding: 5px; }
.search input{ border-radius: 5px; }

/* 미리보기 모달창 */
	.vod_wrap{ display: none; position: fixed; top: 5%; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 200; background: #fff; }
	.vod_wrap .vod_body{ display: inline-block; max-width: 1280px; margin: 0 auto; z-index: 20; position: relative; background: #fff; transition: all 0.3s ease 0.2s; }
	.vod_wrap .vod_frame{ position: relative; background: #fff; }
	.vod_wrap .vod_bg{ position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0.3 ); }
	.vod_wrap .vod_btn, .vod_wrap .btn_close_vod_wrap{ position: absolute; top: 0; right: -51px; width: 50px; height: 50px; border: 0; background: #fff; } 
	
	.vod_wrap .vod_mob video{ display: block; width: 100%; }
	.vod_wrap .vod_mob ul{ overflow: hidden; text-align: right; font-size: 0; }
	.vod_wrap .vod_mob ul li{ display: inline-block; width: 50px; line-height: 50px; height: 50px; text-align: center; font-size: 16px; border: 1px solid #ddd; border-left: 0; }
	.vod_wrap .vod_mob ul li:nth-child(1){ border-left: 1px solid #ddd; }

	@media (max-width:991px) {
		.vod_wrap { top: 100%; left: 0; right: auto; margin: 0; width: 160vh; height: 160vw; text-align: left; transform: rotate(-90deg); transform-origin: top left; overflow-x: scroll; }
		.vod_wrap .vod_bg{ background: rgba( 255, 255, 255, 1 ); }
		.vod_body .title .name { display: none; }
		.vod_wrap .vod_btn, .vod_wrap .btn_close_vod_wrap{ right: 37%; color: #fff; background: #000;}

		.vod_wrap .vod_frame {transform: scale(.60); transform-origin: 0 0; margin: 0 0 0 3%; }
		.vod_wrap .vod_frame { text-align: left; }
		.vod_wrap .vod_frame > button{ display: inline-block; font-size: 2em; height: 70px; padding: 0 20px; }
		.vod_wrap .vod_frame > .time{ display: inline-block; font-size: 2em; height: 70px; line-height: 70px; padding: 0 0 0 10px;  }
		.vod_wrap .vod_info { display:none; }

		.vod_wrap .vod_mob { width: 55%; margin: 0 0 0 3%; }
		.vod_wrap .vod_mob ul li{ width: 30px; line-height: 27px; height: 30px; font-size: 14px; }
	}
	@media (max-width:390px) {
		.vod_wrap .vod_frame {transform: scale(.55); }

		.vod_wrap .vod_mob ul li{ font-size: 12px; }
	}

/* 수강신청 */
	#register p { padding: 0 0 15px 0; }
	#register table th { padding: 10px; font-weight: 400; text-align: center; border: 1px solid #ebebeb; }
	#register table td { padding: 10px; border: 1px solid #ebebeb; }
	.cate_list .img  { height: 186px; line-height: 186px; overflow: hidden; }
	@media (max-width:991px) {
		.cate_list .img  { width: 100%; float: left; }
		.cate_list .text { width: 100%; float: left; padding: 10px 15px; }
	}

/*수강신청변경*/
	#change p { padding: 0 0 15px 0; }
	#change table th { padding: 10px; font-weight: 400; text-align: center; border: 1px solid #ebebeb; }
	#change table td { padding: 10px; border: 1px solid #ebebeb; }


/* 상세페이지 */
	.product_view .top th { width: 40%; padding: 0; }
	.product_view .top td { width: 60%; padding: 0 20px; vertical-align: top; }
	.product_view .top td h6 { padding: 0 0 5px 0; line-height: 1em; }
	.product_view .top td h5 { padding: 0 0 5px 0; line-height: 1.3em; }
	.product_view .top td .icon span{ display: inline-block; padding: 3px 10px; font-size: 12px; }
	.product_view .top .bt_wrap { padding: 5px 0 0 0; }
	.product_view .top .bt_wrap a { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; margin: 0 5px 0 0; padding: 0 15px; border-radius: 5px; transition: all 0.3s ease 0.2s; }
	.product_view .top .bt_wrap a:hover{ opacity: 0.8; }
	.product_view .top .bt_wrap button { display: inline-block; margin: 0 5px 0 0; padding: 0 15px; vertical-align: middle; border-radius: 5px; transition: all 0.3s ease 0.2s; }
	.product_view .top .bt_wrap button:hover{ opacity: 0.8; }
	@media (max-width:991px) {
		.product_view .top th { display: block; width: 100%; }
		.product_view .top td { display: block; width: 100%; padding: 10px 0 0 0; }
	}

/* 상세 테이플 */
	.product_view .title { position: relative; padding: 10px 0 15px 0; }
	.product_view .title:before{ content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 2px; background: #565cf8; }
	.product_view .tb_style01 th { padding: 10px 0; text-align: center; background: #ebf0f7; }
	.product_view .tb_style01 td { padding: 10px 0; text-align: center; border: 1px solid #ebf0f7; }
	.product_view .tab_by { display: none; padding: 15px; border: 1px solid #ebf0f7; border-top: 0; }
	.product_view .tab_by.on { display: block; }
	.product_view #intro div{ padding: 0 20px 10px 20px; }
	.product_view #aim li{ padding: 10px 20px; border-top: 1px solid #ebf0f7; }
	.product_view #aim li:nth-child(1){ border-top: 0; }
	.product_view #review th{ width: 20%; padding: 10px 0; vertical-align: top; text-align: center; border-bottom: 1px solid #ebf0f7; }
	.product_view #review th i{ color: #cccccc; }
	.product_view #review th .on{color: #f7bd1e; }
	.product_view #review td{ width: 80%; padding: 10px; vertical-align: top; border-bottom: 1px solid #ebf0f7; }
	.product_view #review h6{ padding: 2px 0 5px 0; }


/* custom*/
	.center {  style="text-align: center; margin: 0 auto;" }