@charset "utf-8";


#why_prd_id .gall_now .why_txt_a a {color:#ffff33}
#why_prd_id .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:999}
#why_prd_id  a:link, #why_prd_id a:focus, #why_prd_id a:hover {text-decoration:none}
#why_prd_id .why_prd_ina{text-align:center;position:relative;overflow:hidden; height:360px}


#why_prd_id .why_prd_ina a > img{display:block;width:100% !important;min-width:100%;height:auto !important;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#why_prd_id .why_prd_ina a b{display:block; position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px;color:#999;font-size:12px; font-family:verdana;letter-spacing:2px;font-weight:normal;width:100%;}
#why_prd_id .why_prd_ina a .thumArea{display:block;width:100%;max-width:100%;min-width:100%; height:100%;overflow:hidden;}
#why_prd_id .why_prd_ina a .thumArea img{display:block;width:100%;max-width:100%;min-width:100%; height:100%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

#why_prd_id .why_txt_a {padding:40px 0; min-height:200px}
#why_prd_id .why_txt_a img {margin:0 0 0 4px}
#why_prd_id .why_thum_tt{display:block;font-weight:bold;color:#414141;font-size:20px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-top:20px}
#why_prd_id .why_thum_tt .cnt_cmt{background:#5c85c1;color:#fff; font-size:12px;height:20px;line-height:20px;padding:0 5px;border-radius:3px;vertical-align:middle;}
#why_prd_id .why_thum_ex{margin-top:15px; font-size:15px; line-height:24px; color:#414141; word-break:keep-all}


.dp_pic_ul  > li.why_data  .why_thum_vw{display:none !important;}

#why_prd_id {margin-bottom:20px;overflow:hidden}
#why_prd_id h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#why_prd_id #why_prd_ul {padding:0;list-style:none;overflow:hidden;}
#why_prd_id .why_prd_in {position:relative;margin:0; overflow:hidden;}
#why_prd_id .dp_li .why_kk{position:absolute;top:0;right:0;padding:5px;z-index:1000;left:auto}
.dp_pic_ul > li.why_data{position:relative;margin-left:-0.03em;}



@media all and (max-width: 800px)
{
	.dp_pic_ul .box_clear{clear:none;}
	.dp_pic_ul  > li.why_data{width:33.33333333% !important;}

	.dp_pic_ul  > li.why_data.num-1{padding:0px;overflow:hidden;}
	

	.dp_pic_ul  > li.why_data.num-1 .why_prd_ina{width:20%;max-width:100px;margin:0;padding:0px;}
	.dp_pic_ul  > li.why_data.num-1 .why_txt_a .why_thum_tt{font-size:16px !important;}
	.dp_pic_ul  > li.why_data.num-1 .why_thum_vw {overflow:hidden;padding:0; margin:0;}
	.dp_pic_ul  > li.why_data.num-1 .why_thum_vw em{font-size:11px !important;}
	.dp_pic_ul  > li.why_data.num-1 .why_thum_vw .btn_b02{display:none !important;}
}
@media all and (max-width: 680px){

	.dp_pic_ul > li.why_data{width:50% !important;}
}



/*list*/
.prd_list_wrap .category {overflow:hidden; width:100%; max-width:1015px; margin:0 auto 70px;}
.prd_list_wrap .category li {float:left; width:24.625%; text-align:center;}
.prd_list_wrap .category li a {display:block; height:55px; border:1px solid #fff; line-height:53px; font-size:20px; color:#fff;}
.prd_list_wrap .category li + li {margin-left:0.5%;}
.prd_list_wrap .category #bo_cate_on {border:1px solid #0186e3; background:#0186e3;}

.prd_list_wrap #edu {max-width:1400px;}
.prd_list_wrap #edu li {width:16.41%;}
.prd_list_wrap #edu li + li {margin-left:0.3%;}



#why_prd_id #chkall + label {color:#fff;}
#why_prd_ul {overflow:hidden;}
#why_prd_ul li {float:left; position:relative; width:48.6% !important;}
#why_prd_ul li:before {content:''; position:absolute; top:0; right:0;  width: 0px; height: 0px; border-top: 80px solid #181818; border-left: 80px solid transparent; z-index:100;}
#why_prd_ul li:nth-child(2n) {margin-left:2.8%;}
#why_prd_id .why_prd_ina {height:390px;}
#why_prd_id .why_prd_ina a .thumArea {overflow:hidden; position:relative; height:390px; text-align:center;}
#why_prd_id .why_prd_ina a .thumArea img {position:absolute; top:0; left:50%; width:auto; max-width:none; min-width:100%; height:100%; transform:translateX(-50%);}
#why_prd_id .why_prd_ina .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(42,53,177,0.95); opacity:0; transition:opacity 0.3s; z-index:2;}
#why_prd_id .why_prd_ina .hover:after {content:''; position:absolute; top:50%; left:50%; width:61px; height:61px; border:3px solid #fff; border-radius:50%; transform:translate(-50%,-50%); background:url(/image/program_hover.png) center no-repeat;}
#why_prd_ul li:hover .hover {opacity:1;}
#why_prd_id .why_txt_a {min-height:0; padding:30px 0 0;}
#why_prd_id .why_thum_tt {margin-top:0; font-size:32px; color:#fff;}
#why_prd_id .why_thum_ex {overflow:hidden; margin-top:15px; height:120px; line-height: 1.3em;  font-size:22px; font-weight:bold; color:#bababa;}

#why_prd_id .dp_li.num-4.why_data .why_txt_a {padding:10px;}
#why_prd_id .dp_li.num-4.why_data .why_txt_a .why_thum_tt {font-size:13px;}
.dp_li.num-4.why_data:nth-child(n+3) {margin-top:2.8%;}

/*view*/
.view_img{float:left; position:relative; width:60.7%; margin-left:-5px;}
.view_img .slick-slide {margin:0 5px;}
.view_img .slick-prev {position:absolute; width:60px; height:50px; background:url(/image/program_btn_prev.png) no-repeat; background-size:cover;  left:auto; top:auto; right:5px; bottom:51px; z-index:1; cursor:pointer; text-indent:-9999px; border:none;} 
.view_img .slick-next {position:absolute; width:60px; height:51px; border-bottom:none; border-left:none; border-right:none; border-top:1px solid #343738; background:url(/image/program_btn_next.png) no-repeat; background-size:cover; top:auto; right:5px; bottom:0px; z-index:1;  cursor:pointer; text-indent:-9999px; } 
.view_img #why_pic02 {overflow:hidden; position:relative; text-align:center;}
.view_img #why_pic02 li, #why_pic02 .slick-slide {position:relative; height:486px;}
.view_img #why_pic02 li a {display:block; height:100%;}
.view_img #why_pic02 li img {min-width:100%; height:100%;}

.view_img #why_pic013 {overflow:hidden; position:relative; text-align:center;}
.view_img #why_pic013 li, #why_pic013 .slick-slide {position:relative; height:486px;}
.view_img #why_pic013 li a {display:block; height:100%;}
.view_img #why_pic013 li img {min-width:100%; height:100%;}

.view_img .why_pic01 {position:relative;}
.view_img .why_pic01 img {min-width:100%; height:486px;}
.view_img .why_pic01 b {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.view_img .why_pic_thum{text-align:center; margin-top:8px;}
.view_img .why_pic_thum li {overflow:hidden; display:block; position:relative; float:left; height:115px; width:24.25%; cursor:pointer;}
/*.view_img .why_pic_thum li + li {margin-left:1%;}*/
.view_img .why_pic_thum li a {display:block; height:100%;}
.view_img .why_pic_thum li img {position:absolute; left:50%; min-width:100%; max-width:none; width:auto; height:100%; transform:translateX(-50%);}

#bo_v_img a.view_image {display:block;}
#bo_v_img {margin-top:20px;}
#bo_v_img img {margin:10px 0;}

.view_txt{float:left; padding-left:6.07%; width:39.3%;}
.view_txt .cate{font-size:16px; line-height:1; color:#959595}
.view_txt .md_tit{margin-top:20px}
.view_txt .md_tit dt{font-size:32px; line-height:1; color:#fff; font-weight:bold}
.view_txt .md_tit dd{font-size:16px; color:#c5c5c5; margin-top:20px}
.view_txt .md_info {height:360px; margin-top:30px; padding:30px 0 0; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
.view_txt .md_info dl {overflow:hidden;}
.view_txt .md_info dl + dl {margin-top:15px;}
.view_txt .md_info dl dt {float:left; position:relative; width:130px; padding-left:10px; font-size:18px; color:#fff}
.view_txt .md_info dl dt:before {content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:3px; height:10px; background:#fff;}
.view_txt .md_info dl dd {float:left; width:calc(100% - 130px); font-size:18px; color:#fff; font-weight:300}
.view_txt .btn_wrap {margin-top:40px; font-size:0; text-align:center}
.view_txt .btn_wrap a {display:inline-block; font-size:18px; text-align:center}
.view_txt .btn_wrap a.review {width:66.67%; height:65px; line-height:65px; background:#2a35b1; color:#fff}
.view_txt .btn_wrap a.list {width:32.33%; border:1px solid #fff; height:65px; line-height:63px; color:#fff;}
.view_txt .btn_wrap a + a {margin-left:1%}
.view_txt .btn_wrap a img {vertical-align:-4px; margin-right:10px}
.view_txt .btn_wrap a.list img {vertical-align:-2px;}

.view02 {margin-top:130px; color:#fff;}
.view02 h3 {border-bottom:1px solid #383838; text-align:center;}
.view02 h3 span {display:inline-block; position:relative; padding-top:50px; padding-bottom:25px; border-bottom:3px solid #fff; line-height:1; font-size:36px;}
.view02 h3 span:after {content:''; position:absolute; top:0; left:50%; margin-left:-18px; width:58px; height:37px; background:url(/image/program_detail.png)  center no-repeat; background-size:cover;}
.view02 .detail {padding-top:50px; font-size:18px;}



/* 페이징 */
.pg_wrap {clear:both;margin:40px 0 0 ;text-align:center; font-size:0;}
.pg_wrap:after {display:block;visibility:hidden;clear:both; content:""} 
.pg_page, .pg_current {display:inline-block; vertical-align:middle; width:45px; height:45px; margin:0 4px; border-radius:0px; line-height:43px; font-weight:300; font-size:19px; color:#fff; background:transparent; transition:background 0.2s, color 0.2s;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {border:1px solid #838383;}
.pg_page:hover {border:1px solid #0186e3; background:#0186e3; color:#fff;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/image/page_prev.png') no-repeat center; padding:0;border:1px solid #838383;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/image/page_prev.png') no-repeat center; padding:0;border:1px solid #838383;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/image/page_next.png') no-repeat center;padding:0;border:1px solid #838383;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/image/page_next.png') no-repeat center;padding:0;border:1px solid #838383;}
.pg_prev:hover, .pg_start:hover {background:url('/image/page_prev.png') no-repeat center #0186e3;}
.pg_next:hover, .pg_end:hover {background:url('/image/page_next.png') no-repeat center #0186e3;}
.pg_current {border:1px solid #0186e3; background:#0186e3;}

@media screen and (max-width: 1200px) {
	.prd_list_wrap #edu li a {font-size:17px;}
}

@media screen and (max-width: 1024px) {
	.prd_list_wrap .category {max-width:650px; margin-bottom:60px;}
	.prd_list_wrap .category li a {height:50px; border:1px solid #fff; font-size:17px;line-height:48px;}

	.prd_list_wrap #edu li {width:33%;}
	.prd_list_wrap #edu li + li {margin-left:0.5%;}
	.prd_list_wrap #edu li:nth-child(n+4) {margin-top:0.5%;}
	.prd_list_wrap #edu li:nth-child(4) {margin-left:0;}
	

	#why_prd_ul li:before {border-top:70px solid #181818; border-left: 70px solid transparent;}
	#why_prd_id .why_prd_ina .hover:after {width:50px; height:50px;; border:2px solid #fff; background-size:25px auto;}
	#why_prd_id .why_thum_tt {font-size:29px;}
	#why_prd_id .why_thum_ex {height:100px; font-size:18px;}
	#why_prd_id .why_prd_ina {height:330px;}
	#why_prd_id .why_prd_ina a .thumArea {height:330px;}

	/*list*/
	#why_prd_id .why_txt_a {padding:30px 0 0;}
	#why_prd_id .why_thum_tt {font-size:27px;}
	#why_prd_id .why_thum_ex {margin-top:15px; height:100px; font-size:17px;}

	.view_txt .cate{font-size:14px;}
	.view_txt .md_tit{margin-top:10px}
	.view_txt .md_tit dt{font-size:26px;}
	.view_txt .md_tit dd{font-size:14px; margin-top:15px}
	.view_txt .md_info {height:300px; margin-top:25px; padding:25px 0 0;}
	.view_txt .md_info dl + dl {margin-top:10px;}
	.view_txt .md_info dl dt {width:100px; padding-left:9px; font-size:14px;}
	.view_txt .md_info dl dt:before {margin-top:-4px; width:2px; height:8px;}
	.view_txt .md_info dl dd {width:calc(100% - 100px); font-size:14px;}
	.view_txt .btn_wrap {margin-top:30px;}
	.view_txt .btn_wrap a {font-size:14px;}
	.view_txt .btn_wrap a.review {height:60px; line-height:60px;}
	.view_txt .btn_wrap a.list {height:60px; line-height:58px;}
	.view_txt .btn_wrap a img {margin-right:8px; width:16px;}

	.view_img #why_pic02 li, #why_pic02 .slick-slide {height:410px;}
	.view_img .slick-prev {width:50px; height:40px; bottom:41px;} 
	.view_img .slick-next {position:absolute; width:50px; height:41px;} 
	.view_img .why_pic_thum li {height:100px;}

	.view02 {margin-top:100px;}
	.view02 h3 span {padding-top:50px; padding-bottom:25px; font-size:30px;}
	.view02 h3 span:after {margin-left:-18px; width:51px; height:30px;}
	.view02 .detail {font-size:16px;}


	/* 페이징 */
	.pg_wrap {margin:30px 0 0;}
	.pg_page, .pg_current {width:40px; height:40px; margin:0 4px; line-height:38px; font-size:16px;}
}

@media screen and (max-width: 768px) {
	.prd_list_wrap .category {max-width:none; margin-bottom:7.8125vw;}
	.prd_list_wrap .category li {width:24.475%;}
	.prd_list_wrap .category li + li {margin-left:0.7%;}
	.prd_list_wrap .category li a {height:7.1614vw; line-height:6.9010vw; font-size:2.8645vw;}
	.prd_list_wrap #edu li a {font-size:2.8645vw;}

	
	#why_prd_ul li {float:none; width:100% !important;}
	#why_prd_ul li:before {border-top:10.4166vw solid #181818; border-left:10.4166vw solid transparent;}
	#why_prd_ul li:nth-child(2n) {margin-left:0%;}
	#why_prd_id .why_prd_ina {height:50.7812vw;}
	#why_prd_id .why_prd_ina a .thumArea {height:50.7812vw;}
	#why_prd_id .why_prd_ina .hover:after {width:7.9427vw; height:7.9427vw; border: 0.3906vw solid #fff; background-size:3.7760vw auto;}
	#why_prd_id .why_txt_a {padding:3.9062vw 0 0;}
	#why_prd_id .why_thum_tt {font-size:4.1666vw; color:#fff;}
	#why_prd_id .why_thum_ex {margin-top:1.9531vw; height:auto; padding-bottom:10.4166vw; font-size:3.125vw;}

	.dp_li.num-4.why_data + .dp_li.num-4.why_data {margin-top:3.9062vw;}

	/*view*/
	.view_img{width:100%; margin-left:-0.6510vw;}
	.view_img .slick-prev {right:0.6510vw; width:7.9427vw; height:6.5104vw; bottom:6.6406vw;}
	.view_img .slick-next {right:0.6510vw;width:7.9427vw; height:6.6406vw;}
	.view_img .slick-slide {margin:0 0.6510vw;}
	.view_img #why_pic02 li, #why_pic02 .slick-slide {height:53.3854vw;}

	.view_img .why_pic01 img {min-width:100%; height:53.3854vw;}
	.view_img .why_pic_thum{margin-top:1.0416vw;}
	.view_img .why_pic_thum li {height:13.0208vw;}

	.view_txt {width:100%; margin-top:6.5104vw; padding-left:0;}
	.view_txt .cate{font-size:2.865vw}
	.view_txt .md_tit{margin-top:1.953vw}
	.view_txt .md_tit dt{font-size:4.948vw}
	.view_txt .md_tit dd{font-size:3.125vw; line-height:4.167vw; margin-top:2.604vw}
	.view_txt .md_info{height:auto; margin-top: 5.208vw; padding:4.557vw 0}
	.view_txt .md_info dl + dl {margin-top:2.8645vw;}
	.view_txt .md_info dl dt{width:23.438vw; font-size:3.385vw; padding-left:2.6041vw;}
	.view_txt .md_info dl dt:before {margin-top:-1.1718vw; width:0.6510vw; height:2.3437vw;}
	.view_txt .md_info dl dd{width:calc(100% - 24.0885vw); font-size:3.385vw}
	.view_txt .btn_wrap{margin-top:5.208vw}
	.view_txt .btn_wrap a{height:15.625vw; line-height:15.625vw; font-size:4.167vw}
	.view_txt .btn_wrap a.review {height:15.625vw; line-height:15.625vw;}
	.view_txt .btn_wrap a.list {height:15.625vw; line-height:15.3645vw;}
	.view_txt .btn_wrap a img{vertical-align:-0.651vw; width:4.5572vw; margin-right:2.604vw;}
	.view_txt .btn_wrap a.list img {vertical-align:-0.2604vw;}

	.view02 {margin-top:16.9270vw;}
	.view02 h3 span {padding-top:6.5104vw; padding-bottom:3.2552vw; border-bottom:0.3906vw solid #fff; font-size:5.2083vw;}
	.view02 h3 span:after {margin-left:-2.3437vw; width:7.5520vw; height:4.8177vw;}
	.view02 .detail {padding-top:6.5104vw; font-size:3.125vw;}

	/* 페이징 */
	.pg_wrap {margin:6.5104vw 0 0;}
	.pg_page, .pg_current {min-width:0px; width:5.8593vw; height:5.8593vw; margin:0 0.5208vw; line-height:5.5989vw; font-size:2.4739vw; padding:0;}
	.pg_start {background-size:1.0416vw auto;}
	.pg_prev {background-size:1.0416vw auto;}
	.pg_end {background-size:1.0416vw auto;}
	.pg_next {background-size:1.0416vw auto;}
	.pg_prev:hover, .pg_start:hover {background:url('/image/page_prev.png') no-repeat center #0186e3; background-size:1.0416vw auto;}
	.pg_next:hover, .pg_end:hover {background:url('/image/page_next.png') no-repeat center #0186e3; background-size:1.0416vw auto;}


}