@CHARSET "UTF-8";
/*수정일 2020-12-15 11am*/
/*PTWEB MAIN COMMON.CSS*/
@-ms-keyframes effect1 {from {margin-left: -350px; transition: all 1.5s ease; opacity: 0;} to {margin-left: 0; opacity: 1;}}
	@-ms-keyframes effect2 {from {margin-right: -350px; transition: all 1.5s ease; opacity: 0;} to {margin-right: 0; opacity: 1;}}
	@keyframes effect1 {from {margin-left: -350px; transition: all 1.5s ease; opacity: 0;} to {margin-left: 0; opacity: 1;}}
	@keyframes effect2 {from {margin-right: -350px; transition: all 1.5s ease; opacity: 0;} to {margin-right: 0; opacity: 1;}}
@media screen and (min-width: 1024.5px) {
	.active .mp_area_effect span.text_red {-ms-animation-name: effect1; -ms-animation-duration: 1.5s; --ms-animation-fill-mode: both;
	-webkit-animation-name: effect1; animation-name: effect1; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
	.active .mp_area_effect p {-ms-animation-name: effect2; -ms-animation-duration: 1.5s; -ms-animation-fill-mode: both;
	-webkit-animation-name: effect2; animation-name: effect2; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
		
	
}

.slick_btn {position: absolute;top:calc(50% - 30px); width:60px; height: 60px;  background-repeat: no-repeat;z-index: 100;border-radius: 30px;text-indent: -5000000px; overflow: hidden;}
.slick_btn.slick-prev{background-image:url(../img/main/slick_previous.png);left: calc(50% - 670px);}
.slick_btn.slick-next{background-image:url(../img/main/slick_next.png);left: calc(50% + 600px);}
.slick-dots{position: absolute;bottom:10%; left: 50%; transform:translateX(-50%); height: 10px;overflow: hidden;text-align: center;}
.slick-dots li{display: inline-block;margin: 0 4px; width: 10px; height: 10px !important; border-radius: 5px;text-indent: -5000000px; overflow: hidden; background-color:rgba(255,255,255,0.5);vertical-align:top;}
.slick-dots li *{display: inline-block;text-indent: -5000000px; overflow: hidden; background-color:rgba(255,255,255,0);}
.slick-dots li.slick-active{background-color:rgba(238, 44, 73, 0.77);}

/* visual_area */
.visual_area{position: relative;}
.visual_area .visual_slick{position: relative;top: 0; left: 0;}
.visual_area .visual_slick ul.visual_slick_ul{overflow: hidden;height: 450px;}
.visual_area .visual_slick ul.visual_slick_ul li{float: left;height: 450px;position:relative;overflow:hidden;}
.visual_area .visual_slick ul.visual_slick_ul li span,
.visual_area .visual_slick ul.visual_slick_ul li a{display: block;height: 450px; background-repeat: no-repeat;background-size: 100%;}
.visual_area .visual_slick ul.visual_slick_ul li a img,.visual_area .visual_slick ul.visual_slick_ul li span img{position:absolute; top:0; left:50%;transform:translateX(-50%); height: 100%;}
/* .visual_area .visual_slick ul.visual_slick_ul li a img,.visual_area .visual_slick ul.visual_slick_ul li span img{position:absolute; top:0; left:50%;width:2000px; transform:translateX(-50%); height: 100%;}*/
.is-pc .visual_area .visual_slick ul.visual_slick_ul li a{background-image:none !important;}
.is-pc .visual_area .visual_slick ul.visual_slick_ul li span{background-image:none !important;}

.visual_area .edu_list_area {position: absolute;top: 0; left: calc(50% - 600px); z-index: 100;}
.visual_area .edu_list_area .edu_list{position: absolute;top: 0; display: table;width: 250px;background-color:rgba(8,30,66,0.2); height: 450px;}
.visual_area .edu_list_area .edu_list>li{display: table-row;}
.visual_area .edu_list_area .edu_list>li:hover{background-image:url(../img/main/edu_list_hover.png); background-position: right 10px center;background-color:rgba(51,51,51,0.6);background-repeat: no-repeat;}
.visual_area .edu_list_area .edu_list>li>a,.visual_area .edu_list_area .edu_list li b{display: flex;align-items: center; height:100%;text-indent: 10px; font-size: 16px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2);min-height:40px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .visual_area .edu_list_area .edu_list>li>a,.visual_area .edu_list_area .edu_list li b{min-height:auto;}
}
.visual_area .edu_list_area .edu_list_dept{display:none; width: 950px; height:  100%; background-color:rgba(255,255,255,0.95);position: absolute; top: 0;left: 250px;overflow: hidden;}
.visual_area .edu_list_area .edu_list_dept.open{display: block;}
.visual_area .edu_list_area .edu_list_dept>ul{width: 30%;float: left;height:  100%;border-left: 1px solid #ccc;overflow: hidden;}
.visual_area .edu_list_area .edu_list_dept>ul li a{display: block;text-indent: 30px;line-height: 3;font-size: 16px;font-weight: 500;background-repeat: no-repeat; background-position: right 15px center;background-image:url(../img/nav_next.png);}
.visual_area .edu_list_area .edu_list_dept>ul li.on a{background-color: rgba(248, 210, 210, 0.49);color: #ee2c49; background-position: right 20px center;background-image:url(../img/main/edu_icon/in_link02.png);}
.visual_area .edu_list_area .edu_list_dept span.eld3 {width: 35%;float: left;height: 100%;border-left: 1px solid #ccc;}
.visual_area .edu_list_area .edu_list_dept span.eld3 ul {display:none;}
.visual_area .edu_list_area .edu_list_dept span.eld3 ul.on {display:block;}
.visual_area .edu_list_area .edu_list_dept span.eld3 ul li a {display: block;text-indent: 30px;line-height: 2.7;font-size: 15px;font-weight: 400;margin: 0px;padding: 0px;}
.visual_area .edu_list_area .edu_list_dept span.eld3 ul li a:hover{color: #ee2c49;text-decoration: underline;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area{width: 34.5%;float: left;height:  100%;border-left: 1px solid #ccc; text-align: center; box-sizing: border-box; padding-top: 100px;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area a{display:none;; font-size: 16px;padding: 15px;cursor:pointer;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area a.on{display:block;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area a img{display:block; width:80%;margin:0 auto 20px; border-radius:10px;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area a .rea_btn{display:block; width:80%;margin:20px auto 0; border-radius:3px; border:1px solid #ee2c49;color: #ee2c49; padding:10px 0 ;text-align:center;}
.visual_area .edu_list_area .edu_list_dept .recommend_edu_area a .rea_btn:hover{background-color:#ee2c49; color:#fff;}

.nobg{background-image:none !important;}

.mp_area_title{font-size: 42px;font-weight: 300; text-align: center;}
.mp_area_title span.text_red{font-size: 20px;display: block;margin-bottom:10px;letter-spacing: -1px;font-weight:700;}
.mp_area_title p {font-size: 42px;font-weight: 400;}
.mp_area_title span.text_bold{font-size: 42px;}
.mp_area_sub_title{font-size: 33px;font-weight: 600;letter-spacing:-.5px; text-align:left;color:#000;}
.mp_text {display:inline-block; font-size:16px; color:#333; line-height:normal; margin-top: 15px;}

.more_big_plus::after{content: '';display: none;width: 100%; height: 100%; position: absolute; top: 0; left: 0;background-color: rgba(238,44,73,0.7);background-image:url(../img/main/more_plus_bw.png); background-position: center center;background-repeat: no-repeat;}

.best_edu_area {background-color: #fdf3f3;padding: 80px 0;text-align: center;position: relative;overflow: hidden;}
.best_edu_area .center{position: relative;}
.best_edu_area .more_plus{display: none; width: 35px; height: 35px;text-indent: -50000px;background-image: url(../img/main/more_plus_b.png);background-repeat: no-repeat;}
.best_edu_area .pt_com_tab{padding:20px 0;}
.best_edu_area .pt_com_tab li{border-radius: 50px; padding:0 30px;}

.best_edu_area .best_edu_list{overflow: hidden; padding-bottom: 20px;}
.best_edu_area .best_edu_list li{float: left; width:370px; height: 370px; background-color: #fff; margin:0 10px;}
.best_edu_area .best_edu_list li a{display:block; height: 100%;    text-align: left;}
.best_edu_area .best_edu_list li span{display: block; text-align: left;letter-spacing: 0px;}
.best_edu_area .best_edu_list li span.tag{display: inline-block; text-align: center;letter-spacing: 0px;}
.best_edu_area .best_edu_list li span.edu_img{display: block; position: relative; width:100%; height: 190px;overflow: hidden;text-align: center;}
.best_edu_area .best_edu_list li span.edu_img img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 100%;height: 100%; transition: all 0.3s;}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn{display: none; position: absolute; bottom: 10px;right: 10px;z-index: 10;cursor: default;}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button{position:relative;width: 40px; height: 40px;border-radius: 40px; background-color: #fff;margin-left: 5px; text-indent: -50000px; overflow: hidden;border:1px solid transparent;}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:before{position:absolute;top:0;left:0;content:'';diaplay:block;width: 40px; height: 40px;border-radius: 40px;  background-repeat: no-repeat; background-position: center;cursor: pointer;}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(1):before{background-image: url(../img/main/li_icon01.png);}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(2):before{background-image: url(../img/main/li_icon02.png);}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(1).on:before,.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(1):hover:before{background-image: url(../img/main/li_icon01_w.png);}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(2).on:before,.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(2):hover:before{background-image: url(../img/main/li_icon02_w.png);}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(1).on,.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(1):hover{background-color:#4d5cbc;}
.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(2).on,.best_edu_area .best_edu_list li span.edu_img .edu_li_btn button:nth-child(2):hover{background-color:#ee2c49;border:1px solid #fff;}
.best_edu_area .best_edu_list li:hover span.edu_img .edu_li_btn{display: block;}
.best_edu_area .best_edu_list li span.edu_part{display:inline-block;padding:30px 3px 10px 30px; color: #ee2c49;font-weight: 500;}
.best_edu_area .best_edu_list li span.edu_title{font-weight: 500; font-size: 16px; padding:0 30px;overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.best_edu_area .best_edu_list li span.edu_date{padding:20px 30px 0;}
.is-pc .best_edu_area .best_edu_list li:hover{box-shadow: 0px 5px 15px rgba(0,0,0,0.2);}
.is-pc .best_edu_area .best_edu_list li:hover span.edu_img{background-color: #ee2c49;}
.is-pc .best_edu_area .best_edu_list li:hover span.edu_img img{width: 120%;height: 120%;}
.is-pc .best_edu_area .best_edu_list li:hover span.more_big_plus::after{display: block;}

img.img_half{width: 50% !important;transform: translate(0,0)!important;top:0 !important;}
img.img_half:nth-child(1){left: 0 !important;}
img.img_half:nth-child(2){right: 0 !important;}
.best_edu_area .best_edu_list li:hover img.img_half{width: 50% !important;height: 100% !important;} 

.best_edu_area .slick_btn {position: absolute;top:300px; width:60px; height: 60px;  background-repeat: no-repeat;z-index: 100;border-radius: 30px;text-indent: -5000000px; overflow: hidden;box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
.best_edu_area .slick_btn.slick-prev{background-image:url(../img/main/best_edu_previous.png);left: calc(50% - 670px);}
.best_edu_area .slick_btn.slick-next{background-image:url(../img/main/best_edu_next.png);left: calc(50% + 600px);}
.best_edu_area .best_edu_list .slick-dots{position: absolute;bottom:-30px; left: calc(50% - 600px);display:flex;flex-wrap:nowrap;width: 100%; table-layout : fixed;height:3px;overflow: hidden;text-align: center;transform:translateX(0);}
.best_edu_area .best_edu_list .slick-dots li{margin: 0;float:none;flex:1;height: 3px !important;text-indent: -5000000px; overflow: hidden; background-color:rgba(147, 147, 147, 0.5);}
.best_edu_area .best_edu_list .slick-dots li button {text-indent: -5000000px; }
.best_edu_area .best_edu_list .slick-dots li.slick-active{background-color:rgba(238, 44, 73, 0.77);}


.best_edu_area .user_edu_list{overflow: hidden; padding-bottom: 20px;}
.best_edu_area .user_edu_list li{float: left; width:370px; height: 370px; background-color: #fff; margin:0 10px;}
.best_edu_area .user_edu_list li a{display:block; height: 100%;    text-align: left;}
.best_edu_area .user_edu_list li span{display: block; text-align: left;letter-spacing: 0px;}
.best_edu_area .user_edu_list li span.tag{display: inline-block; text-align: center;letter-spacing: 0px;}
.best_edu_area .user_edu_list li span.edu_img{display: block; position: relative; width:100%; height: 190px;overflow: hidden;text-align: center;}
.best_edu_area .user_edu_list li span.edu_img img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 100%;height: 100%; transition: all 0.3s;}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn{display: none; position: absolute; bottom: 10px;right: 10px;z-index: 10;cursor: default;}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button{position:relative;width: 40px; height: 40px;border-radius: 40px; background-color: #fff;margin-left: 5px; text-indent: -50000px; overflow: hidden;border:1px solid transparent;}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:before{position:absolute;top:0;left:0;content:'';diaplay:block;width: 40px; height: 40px;border-radius: 40px;  background-repeat: no-repeat; background-position: center;cursor: pointer;}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(1):before{background-image: url(../img/main/li_icon01.png);}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(2):before{background-image: url(../img/main/li_icon02.png);}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(1).on:before,.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(1):hover:before{background-image: url(../img/main/li_icon01_w.png);}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(2).on:before,.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(2):hover:before{background-image: url(../img/main/li_icon02_w.png);}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(1).on,.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(1):hover{background-color:#4d5cbc;}
.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(2).on,.best_edu_area .user_edu_list li span.edu_img .edu_li_btn button:nth-child(2):hover{background-color:#ee2c49;border:1px solid #fff;}
.best_edu_area .user_edu_list li:hover span.edu_img .edu_li_btn{display: block;}
.best_edu_area .user_edu_list li span.edu_part{display:inline-block;padding:30px 3px 10px 30px; color: #ee2c49;font-weight: 500;}
.best_edu_area .user_edu_list li span.edu_title{font-weight: 500; font-size: 16px; padding:0 30px;overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.best_edu_area .user_edu_list li span.edu_date{padding:20px 30px 0;}
.is-pc .best_edu_area .user_edu_list li:hover{box-shadow: 0px 5px 15px rgba(0,0,0,0.2);}
.is-pc .best_edu_area .user_edu_list li:hover span.edu_img{background-color: #ee2c49;}
.is-pc .best_edu_area .user_edu_list li:hover span.edu_img img{width: 120%;height: 120%;}
.is-pc .best_edu_area .user_edu_list li:hover span.more_big_plus::after{display: block;}

.best_edu_area .user_edu_list li:hover img.img_half{width: 50% !important;height: 100% !important;} 


.best_edu_area .user_edu_list .slick-dots{position: absolute;bottom:-30px; left: calc(50% - 600px);display:flex;flex-wrap:nowrap;width: 100%; table-layout : fixed;height:3px;overflow: hidden;text-align: center;transform:translateX(0);}
.best_edu_area .user_edu_list .slick-dots li{margin: 0;float:none;flex:1;height: 3px !important;text-indent: -5000000px; overflow: hidden; background-color:rgba(147, 147, 147, 0.5);}
.best_edu_area .user_edu_list .slick-dots li button {text-indent: -5000000px; }
.best_edu_area .user_edu_list .slick-dots li.slick-active{background-color:rgba(238, 44, 73, 0.77);}



.detail_edu_area{padding-top: 80px !important; padding-bottom: 80px !important; position: relative;}
.detail_edu_area .edu_list{overflow: hidden;padding:30px 0; }
.detail_edu_area .edu_list .elist{}
.detail_edu_area a.detail_edu_btn{position: absolute; top: 90px; right: 0; display: block; border-radius: 50px; padding:0 50px 0 30px; text-align: center; height: 40px;line-height: 40px; font-size: 16px;font-weight: 500; background-color: #ee2c49; color: #fff;
background-image: url(../img/main/more_arrow_h.png);background-size: 15px; background-repeat: no-repeat; background-position: right 20px center;}
.detail_edu_area .edu_list .elist li{padding:0 0 5px 0; line-height: 45px;height: 45px; float:left;width: 200px;overflow: hidden;}
.detail_edu_area .edu_list .elist li:hover a{text-decoration: underline;color:#ee2c49;}
.detail_edu_area .edu_list .elist li::before{content: '';display:block;float: left; width: 42px;height: 42px;background-position: top center;background-repeat: no-repeat;margin-right: 10px;}
.detail_edu_area .edu_list .elist li.e01::before{background-image:url(../img/main/edu_icon/e03_05.png);}
.detail_edu_area .edu_list .elist li.e02::before{background-image:url(../img/main/edu_icon/e06_03.png);}
.detail_edu_area .edu_list .elist li.e03::before{background-image:url(../img/main/edu_icon/e03_04.png);}
.detail_edu_area .edu_list .elist li.e04::before{background-image:url(../img/main/edu_icon/e05_03.png);}
.detail_edu_area .edu_list .elist li.e05::before{background-image:url(../img/main/edu_icon/e04_04.png);}
.detail_edu_area .edu_list .elist li.e06::before{background-image:url(../img/main/edu_icon/e01_01.png);}
.detail_edu_area .edu_list .elist li.e07::before{background-image:url(../img/main/edu_icon/e04_01.png);}
.detail_edu_area .edu_list .elist li.e08::before{background-image:url(../img/main/edu_icon/e09_01.png);}
.detail_edu_area .edu_list .elist li.e09::before{background-image:url(../img/main/edu_icon/e02_01.png);}
.detail_edu_area .edu_list .elist li.e010::before{background-image:url(../img/main/edu_icon/e06_04.png);}
.detail_edu_area .edu_list .elist li.e011::before{background-image:url(../img/main/edu_icon/e01_02.png);}
.detail_edu_area .edu_list .elist li.e012::before{background-image:url(../img/main/edu_icon/e02_02.png);}
.detail_edu_area .edu_list .elist li.e013::before{background-image:url(../img/main/edu_icon/e03_02.png);}
.detail_edu_area .edu_list .elist li.e014::before{background-image:url(../img/main/edu_icon/e01_03.png);}
.detail_edu_area .edu_list .elist li.e015::before{background-image:url(../img/main/edu_icon/e08_01.png);}
.detail_edu_area .edu_list .elist li.e016::before{background-image:url(../img/main/edu_icon/e04_05.png);}
.detail_edu_area .edu_list .elist li.e017::before{background-image:url(../img/main/edu_icon/e03_02.png);}
.detail_edu_area .edu_list .elist li.e018::before{background-image:url(../img/main/edu_icon/e02_03.png);}
.detail_edu_area .edu_list .elist li.e019::before{background-image:url(../img/main/edu_icon/e02_04.png);}
.detail_edu_area .edu_list .elist li.e020::before{background-image:url(../img/main/edu_icon/e02_05.png);}
.detail_edu_area .edu_list .elist li.e021::before{background-image:url(../img/main/edu_icon/e06_01.png);}
.detail_edu_area .edu_list .elist li.e022::before{background-image:url(../img/main/edu_icon/e04_02.png);}
.detail_edu_area .edu_list .elist li.e023::before{background-image:url(../img/main/edu_icon/e03_03.png);}
.detail_edu_area .edu_list .elist li.e024::before{background-image:url(../img/main/edu_icon/e05_04.png);}
.detail_edu_area .edu_list .elist li.e025::before{background-image:url(../img/main/edu_icon/e03_05.png);}
.detail_edu_area .edu_list .elist li.e026::before{background-image:url(../img/main/edu_icon/e05_01.png);}
.detail_edu_area .edu_list .elist li.e027::before{background-image:url(../img/main/edu_icon/e05_02.png);}
.detail_edu_area .edu_list .elist li.e028::before{background-image:url(../img/main/edu_icon/e04_03.png);}
.detail_edu_area .edu_list .elist li.e029::before{background-image:url(../img/main/edu_icon/e01_05.png);}
.detail_edu_area .edu_list .elist li.e030::before{background-image:url(../img/main/edu_icon/e07_01.png);}
.detail_edu_area .edu_list .elist li a{font-size: 16px;font-weight: 500;word-break: break-all;}
.detail_edu_area ul.ebottom_btn{overflow: hidden;}
.detail_edu_area ul.ebottom_btn li{float: left;width: calc(20% - 5px); margin-right: 5px;}
.detail_edu_area ul.ebottom_btn li a{display: inline-block; width: 100%; box-sizing:border-box; padding:12px 0px 12px 60px;font-size: 15px; border:1px solid #ddd; background-color:#f9f9f9;background-repeat: no-repeat; background-position: left 20px center, right 20px center;}
.detail_edu_area ul.ebottom_btn li a:hover{color: #ee2c49;border: 1px solid #ee2c49;}
.detail_edu_area ul.ebottom_btn li:nth-child(1) a{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_02.png), url(../img/main/edu_icon/out_link.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(1) a:hover{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_02_on.png), url(../img/main/edu_icon/out_link02.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(2) a{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_01.png), url(../img/main/edu_icon/in_link.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(2) a:hover{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_01_on.png), url(../img/main/edu_icon/in_link02.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(3) a{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_03.png), url(../img/main/edu_icon/out_link.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(3) a:hover{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_03_on.png), url(../img/main/edu_icon/out_link02.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(4) a{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_04.png), url(../img/main/edu_icon/in_link.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(4) a:hover{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_04_on.png), url(../img/main/edu_icon/in_link02.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(5) a{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_05.png), url(../img/main/edu_icon/in_link.png);}
.detail_edu_area ul.ebottom_btn li:nth-child(5) a:hover{background-color:#f9f9f9;background-image: url(../img/main/edu_icon/ebt_05_on.png), url(../img/main/edu_icon/in_link02.png);}

.banner_area{margin: 0 0 90px; overflow:hidden; min-height: 290px;}
.banner_area .center {position:relative; width: 100%;}
.banner_area ul.banner_ul {width: 1200px;}
.banner_area ul.banner_ul:after {display:block; content:''; clear:both;}
.banner_area ul.banner_ul li {float: left; margin: 0 5px;}
.banner_area ul.banner_ul li a {display:block; width: 100%; height: 100%;}
.banner_area ul.banner_ul li img{display: block;height: 100%; width: 100%;}
.banner_area .slick_btn {position: absolute;top:50%; width:40px; height: 40px; background-repeat: no-repeat;z-index: 100;text-indent: -5000000px; overflow: hidden;border-radius: 0px;transform:translateY(-50%)}
.banner_area .slick_btn.slick-prev{background-image:url(../img/main/slick_previous_b.jpg);left: calc(50% - 640px);}
.banner_area .slick_btn.slick-next{background-image:url(../img/main/slick_next_b.jpg);left: calc(50% + 600px);}

.banner_area ul.banner_ul .slick-dots{bottom:-30px;}
.banner_area ul.banner_ul .slick-dots li{display: inline-block;margin-left: 5px !important; width: 10px !important; height: 10px !important; border-radius: 5px; background-color:rgba(0,0,0,0.2);padding: 0;}
.banner_area ul.banner_ul .slick-dots li.slick-active{background-color:#ee2c49;}


.review_area {padding: 60px 0; height: 535px; background-image: url(../img/main/review_bg.jpg);background-repeat: no-repeat; background-position: center top; box-sizing:border-box;}
.review_area .center{position: relative;}
.review_area .mp_area_title{color:#fff}
.review_area .mp_area_title span.text_red{color:#fff}
.review_area .mp_area_title span.text_bold{color:#fff}
.review_area a.more_text_w{position: absolute; top: 30px; right: 0; display: block; width: 75px; height: 30px;text-indent: -500000px; overflow: hidden;
background-image: url(../img/main/more_text_w.png); background-repeat: no-repeat; background-position: center;}
.review_area .review_ul{overflow: hidden;padding: 30px 0;}
.review_area .review_ul li{position: relative; float: left; width:30%; box-sizing:border-box; margin-left: 3%;}
.review_area .review_ul li a{display:block;box-sizing:border-box; padding: 30px 30px 60px 30px; background-color: #fff;border-radius: 25px 25px 0px 25px;}
.review_area .review_ul li:nth-child(2){margin-top: 50px;}
.review_area .review_ul li span{display: block; text-align: left;letter-spacing: 0px;}
.review_area .review_ul li span.review_part{color: #ee2c49;font-weight: 500;margin-bottom:5px;}
.review_area .review_ul li span.review_title{font-weight: 500; font-size: 18px; line-height: 1.3; overflow: hidden; word-wrap: break-word; overflow:hidden; text-overflow:ellipsis; padding: 0 0 20px 0; }
.review_area .review_ul li span.review_text{overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 60px;line-height: 20px;padding: 20px 0; border-top: 1px solid #ddd;}
.review_area .review_ul li span.review_name{color: #999;}
.review_area .review_ul li span.review_star{position: absolute;bottom:35px;right: 20px; display: block;width: 125px; height: 20px; text-align: right;background-image: url(../img/main/review_star.png);}
.review_star1{width:25px !important;}
.review_star2{width:50px !important;}
.review_star3{width:75px !important;}
.review_star4{width:100px !important;}
.review_star5{width:125px !important;}

.cardnews_area{padding: 60px 0 0; position: relative; min-height: 470px;}
.cardnews_area a.more_text_b{position: absolute; top: 180px; right: 20px; display: block; width: 75px; height: 30px;text-indent: -500000px; overflow: hidden;background-image: url(../img/main/more_text_b.png); background-repeat: no-repeat; background-position: center;}
.cardnews_area .pt_com_tab{padding: 30px 0;}
.cardnews_area .cardnews_list{overflow: hidden;}
.cardnews_area .cardnews_list:after{display:block; content:''; clear:both;}
.cardnews_area .cardnews_list li{float: left; margin:0 5px; overflow:hidden;background-color: #e7e7e7;}
.cardnews_area .cardnews_list li a{position: relative;display: block; width: 100%;height: 100%;}
.cardnews_area .cardnews_list li a img{width: 100%; height: 100%;}

.is-pc .cardnews_area .cardnews_list li a:hover .more_big_plus::after{display: block;}

.cardnews_area .slick_btn{top:355px;}

.total_news_area{padding: 80px 0;}
.total_news_area a.more_text_b{position: absolute; top: 0; right: 0px; display: block; width: 75px; height: 30px;text-indent: -500000px; overflow: hidden;background-image: url(../img/main/more_text_b.png); background-repeat: no-repeat; background-position: center;}

.notice_news{padding: 60px 0;overflow: hidden;}
.notice_table_area, .news_area{position: relative;}
.notice_table_area{float: left; width: 640px;}
.notice_table_area .pt_com_tab{ position: absolute; top: -5px; right: 0px; width: 480px; overflow: hidden; margin: 0; border-right:0; display: block;}
/* .notice_table_area .pt_com_tab:after {display:block; content:''; width: 100%; height:2px; background: #ccc; position:absolute; bottom:0; left:0; z-index:1;} */ 
.notice_table_area .pt_com_tab li{border:none;border-radius: 0px; padding:5px 2px; text-align: center; height:auto; background-image: none;border-bottom: 2px solid transparent; position:relative; z-index:10;    display: inline-block;}
.notice_table_area .pt_com_tab li + li {margin-left: 25px;}
.notice_table_area .pt_com_tab li.on{border:none !important;border-bottom: 2px solid #ee2c49!important; background-color: #fff;}
.notice_table_area .pt_com_tab li a {padding:0;font-size:20px;color:#666;letter-spacing:-.5px;font-weight:500;}
.notice_table_area .pt_com_tab li:hover {background:none;}
.notice_table_area .pt_com_tab li.on a{color: #000;font-weight: 600;font-size:20px;background: #fff;}
.notice_table_area .pt_com_tab li:last-child {border-right:0}
.notice_table_area  .notice_table{padding: 30px 0 0;}
.notice_table_area  .notice_table li:after {display:block; content:''; clear:both;}
.notice_table_area  .notice_table li + li {margin-top: 15px;}
.notice_table_area  .notice_table li a{float:left;line-height:25px; font-size: 16px;display:inline-block;width: 75%;font-weight: 500; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
.notice_table_area  .notice_table li a:hover{text-decoration: underline;}
.notice_table_area  .notice_table li span{float:right;line-height:25px; }
/* 
.notice_table_area  .notice_table{width:640px;margin-top:30px;}
.notice_table_area  .notice_table td:nth-child(1){line-height: 2.5;width: 520px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
.notice_table_area  .notice_table td:nth-child(1) a{line-height: 2.5;width: 520px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
.notice_table_area  .notice_table td:nth-child(1) a:hover{text-decoration: underline;}
test
 */
.news_area{float: right; width: 482px;}
.news_area .news_div{width: 480px; height: 190px; border: 1px solid #d0cbcb;margin-top: 20px;overflow: hidden; border-radius: 10px;}
.news_area .news_div:hover{border: 1px solid #ee2c49;}
.news_area .news_div span{display: block;}
.news_area .news_div span.news_img {float: left; width: 200px;height: 190px; overflow: hidden;}
.news_area .news_div span.news_img img{width: 100%; height: 100%;}
.news_area .news_div span.news_text_area{float: right; width: calc(100% - 200px);height: 190px;}
.news_area .news_div span.news_text_area span.news_part{display: block; padding:30px 30px 10px 30px; color: #c1bcbd;font-weight: 500;}
.news_area .news_div span.news_text_area span.news_title{font-weight: 500; font-size: 18px; width: 100%; box-sizing:border-box; padding:0 50px 0 30px;overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 55px;line-height: 28px;}
.news_area .news_div span.news_text_area span.news_date{padding:20px 30px 0;}

.service_sns {margin: 20px 0 0; position:relative;}
.service_sns:before {display:block; content:''; width:30%; height: 100%; background:#4d5cbc; position:absolute; top: 0; left: 0;}
.service_sns .center {overflow: hidden; display:flex; align-items:flex-start; justify-content: space-between;}
.service_sns .service_area {flex:1; margin-right: 50px; height: 375px;padding-top: 45px; position: relative; box-sizing:border-box; background-image: url(../img/main/service_bg_02.png);background-repeat: no-repeat; background-position: right top;}
.service_sns .mp_area_sub_title{color:#fff; font-size: 33px;}
.service_sns .service_area a.more_text_w{position: absolute; top: 35px; right: 40px; display: block; width: 75px; height: 30px;text-indent: -500000px; overflow: hidden;background-image: url(../img/main/more_text_w.png); background-repeat: no-repeat; background-position: center;}
.service_sns .service_p{font-size: 18px; line-height: 1.4;color: #fff; margin-top:15px; font-weight: 100;}
.service_sns .service_area .service_list {margin-top:30px;}
.service_sns .service_area .service_list li{width: 200px;}
.service_sns .service_area .service_list li a{display: block;border-radius: 50px; height: 50px; line-height: 50px; margin-bottom: 10px;color: #fff; background-color: #110e61;font-size: 18px;padding-left: 30px; font-weight: 500; position:relative; transition: color 0.3s;}
.service_sns .service_area .service_list li a:hover {color:#ee2c49; background:#fff;}
.service_sns .service_area .service_list li a:hover:after {display:block; content:''; width: 39px; height: 47px; background:url(../img/main/service_lion_02.png) no-repeat; position:absolute; top: -15px; right: 0px;}
	
.service_sns .sns_area {flex:1; position: relative; background: #eee url(../img/main/service_sns_bg.png); background-repeat:no-repeat; background-position: right 80%; border-radius: 25px; padding: 45px 40px; height: 375px; box-sizing:border-box;}
.service_sns .sns_area .mp_area_sub_title,
.service_sns .sns_area .service_p {color:#000;}
.service_sns .sns_area .sns_icon{margin-top:60px; display:flex; align-items:center; justify-content: space-around;}
.service_sns .sns_area .sns_icon li{display:inline-block;}
.service_sns .sns_area .sns_icon li a {display:block; text-align:center;}
.service_sns .sns_area .sns_icon li span {display:block; font-size: 16px; font-weight: 400; color:#999; margin-top: 20px; transition: color 0.3s;}
.service_sns .sns_area .sns_icon li a:hover span {color:#000;}
.icon_fb {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_fb.png); background-size: 100% 100%;}
.icon_youtube {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_youtube.png); background-size: 100% 100%;}
.icon_blog {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_blog.png); background-size: 100% 100%;}
.icon_insta {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_insta.png); background-size: 100% 100%;}
.service_sns .sns_area .sns_icon li a:hover .icon_fb {background-image: url(../img/main/sns_fb_on.png);}
.service_sns .sns_area .sns_icon li a:hover .icon_youtube {background-image: url(../img/main/sns_youtube_on.png);}
.service_sns .sns_area .sns_icon li a:hover .icon_blog {background-image: url(../img/main/sns_blog_on.png);}
.service_sns .sns_area .sns_icon li a:hover .icon_insta {background-image: url(../img/main/sns_insta_on.png);}


.subpage_area {padding: 50px 0; height: 570px; background-image: url(../img/main/subpage_bg02.jpg);background-repeat: no-repeat; background-position: center center; box-sizing:border-box;}
.subpage_area .center{overflow: hidden; padding-top: 100px; position:relative;}
.subpage_area h2 {position:absolute; top: 10px; left: 50%; transform: translateX(-50%); text-align:center;}
.subpage_area.active h2 {-webkit-animation-name: effect3; animation-name: effect3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes effect3 {from {top: -50px; opacity:0; transition: all 1s ease;} to {opacity:1; top: 10px;}}

.subpage_area ul:after {display:block; content:''; clear:both;}
.subpage_area ul li{float: left; width: 25%;background-color: #fff;height:370px;text-align: center;padding: 50px;box-sizing:border-box;line-height: 1.5;border-left: 1px solid #ccc;}
.subpage_area ul li span{display: block;}
.subpage_area ul li span.sp_li_title{padding: 90px 0 15px; background-position: top center;background-repeat: no-repeat;font-weight: 500; font-size: 24px;}
.subpage_area ul li:nth-child(1) span.sp_li_title{background-image:url(../img/main/subpage_icon01.png);}
.subpage_area ul li:nth-child(2) span.sp_li_title{background-image:url(../img/main/subpage_icon02.png);}
.subpage_area ul li:nth-child(3) span.sp_li_title{background-image:url(../img/main/subpage_icon03.png);}
.subpage_area ul li:nth-child(4) span.sp_li_title{background-image:url(../img/main/subpage_icon04.png);}
.subpage_area ul li .more{margin-top: 30px; display: inline-block;padding: 5px 30px 5px 15px; background-color: #4d5cbc;color: #fff;border-radius: 25px;background-image:url(../img/main/more_plus_sw.png); background-position: right 10px center;background-repeat: no-repeat;}
.subpage_area ul li span.sp_li_text{height:60px;}
.subpage_area ul li a.sp_li_btn{display: none;}

.subpage_area ul li:hover{background-color: #ee2c49;border-left: 1px solid #ee2c49;background-position: right 10px bottom;background-repeat: no-repeat;}
.subpage_area ul li:hover:nth-child(1){background-image:url(../img/main/subpage_iconbg01.jpg);}
.subpage_area ul li:hover:nth-child(2){background-image:url(../img/main/subpage_iconbg02.jpg);}
.subpage_area ul li:hover:nth-child(3){background-image:url(../img/main/subpage_iconbg03.jpg);}
.subpage_area ul li:hover:nth-child(4){background-image:url(../img/main/subpage_iconbg04.jpg);}
.subpage_area ul li:hover span.sp_li_title{background-image: none;padding: 20px 0 15px; font-size: 32px;color:#fff;}
.subpage_area ul li:hover span.sp_li_text{color:#fff;height: 95px;}
.subpage_area ul li:hover span.more{display: none;}
.subpage_area ul li:hover a.sp_li_btn{display: block;width: 180px; padding: 10px 20px; border: 1px solid #fff; border-radius: 30px;margin-top: 5px;font-weight: 500;color:#fff;text-align: left;background-image:url(../img/main/more_arrow_w.png);background-position: right 20px center;background-repeat: no-repeat;}
.subpage_area ul li:hover a.sp_li_btn:hover{background-color: #fff;color:#333; background-image:url(../img/main/more_arrow_b.png);}



.rh_area{padding: 80px 0;}
.rh_area .mp_area_title{text-align: left; float: left;}
.rh_area .mp_area_title+p{width: 500px; float: left;font-size: 16px; padding: 20px 0 0 20px; font-weight: 500;line-height:1.5;}
.rh_area .rh_list{clear: both;overflow: hidden; background-image: url(../img/main/local_ulbg.jpg);background-repeat: no-repeat; background-position: center top 70px;padding-top: 50px;display:flex;justify-content:space-between;}
.rh_area .rh_list li{}
.rh_area .rh_list li a{display: block;width:111px;padding-top: 120px; font-size: 18px;line-height: 1.2;text-align: center;background-image: url(../img/main/local_li.png);background-repeat: no-repeat; background-position: center top;transition: all 0.15s;font-weight: 500;}
.rh_area .rh_list li:hover a{background-image: url(../img/main/local_lion.png);color: #ee2c49;}



/*** 서브페이지 메인 ***/
/* 메인 비쥬얼*/
section#visual		{position:relative; width:100%;}
section#visual div.visual	{position:relative; width:100%;}
section#visual p.vis_pause	{position:absolute; right:50%; bottom:92px; width:1200px; z-index:3; margin-right:-600px; text-align:right;}
section#visual p.vis_pause img	{vertical-align:top}
section#visual p.vis_play			{position:absolute; right:50%; bottom:99px; width:1200px; z-index:3; margin-right:-600px; text-align:right;}
section#visual p.vis_pause img	{vertical-align:top}
section#visual ul.vis_img	{height:380px; overflow:hidden; position:relative;}
section#visual ul.vis_img li				{height:380px; position:relative;}
section#visual ul.vis_img li p.img		{position:absolute; top:0; left:50%; width:2000px; height:380px; transform:translateX(-50%)}
section#visual div.vis_text						{position:absolute; top:0; left:50%; margin-left:-600px;}
section#visual div.vis_text .t01					{font:700 45px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif;}
section#visual div.vis_text .t02					{margin-top:15px; letter-spacing:-1.2px; font:100 17px/27px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#333}
section#visual div.vis_text .t01_01				{margin-top:120px; letter-spacing:-1.2px; font:700 45px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#313851}
section#visual div.vis_text .t01_01 span		{font:300 31px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#313851}
section#visual div.vis_text .t01_02				{margin-top:100px; letter-spacing:-1.2px; font:700 45px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#373265}
section#visual div.vis_text .t01_02 span		{font-weight:100}
section#visual div.vis_text .t01_03				{margin-top:100px; letter-spacing:-1.2px; font:100 45px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#0f3e40}
section#visual div.vis_text .t01_03 span		{font: inherit;font-weight:700}
section#visual div.vis_text .t01_04				{margin-top:80px; letter-spacing:-1.2px; font:100 38px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; color:#3d3a34}
section#visual div.vis_text .t01_04 span		{font:700 45px/50px 'Open Sans','Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif; }


div.visual_tab			{position:absolute; overflow:hidden; bottom:125px; left:50%; max-width:1200px; width:100%; transform: translateX(-50%);}
div.visual_tab ul.v_tab01		{width:300px; float:right; overflow:hidden; background:#313851; }
div.visual_tab ul.v_tab01 li		{float:left; width:48%; border-bottom:1px solid #181c28}
div.visual_tab ul.v_tab01 li:nth-child(odd)	{border-right:1px solid #181c28}
div.visual_tab ul.v_tab01 li a	{display:block; padding:10px 15px; background:url('../img/PTWCT026img/main/ptwct026_main_02.png')no-repeat 85% 50%; font:300 16px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#fff; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
div.visual_tab ul.v_tab01 li a:hover	{background:#181c28 url('../img/PTWCT026img/main/ptwct026_main_02.png')no-repeat 90% 50%; }
div.visual_tab ul.v_tab02		{width:270px; float:right; overflow:hidden; background:#313851; }
div.visual_tab ul.v_tab02 li		{border-bottom:1px solid #181c28}
div.visual_tab ul.v_tab02 li a	{display:block; padding:10px 25px; background:url('../img/PTWCT026img/main/ptwct026_main_02.png')no-repeat 88% 50%; font:300 16px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#fff; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
div.visual_tab ul.v_tab02 li a:hover	{background:#181c28 url('../img/PTWCT026img/main/ptwct026_main_02.png')no-repeat 90% 50%;}

ul.sm_card01 li.i01	{background:url('../img/PTWCT026img/submain/ptwct026_01.png')no-repeat 50% 35px}
ul.sm_card01 li.i02	{background:url('../img/PTWCT026img/submain/ptwct026_02.png')no-repeat 52% 35px}
ul.sm_card01 li.i03	{background:url('../img/PTWCT026img/submain/ptwct026_03.png')no-repeat 50% 25px}
ul.sm_card01 li.i04	{background:url('../img/PTWCT026img/submain/ptwct026_20.png')no-repeat 50% 35px}
ul.sm_card01 li.i05	{background:url('../img/PTWCT026img/submain/ptwct026_05.png')no-repeat 50% 25px}
ul.sm_card01 li.i06	{background:url('../img/PTWCT026img/submain/ptwct026_06.png')no-repeat 50% 35px}
ul.sm_card01 li.i07	{background:url('../img/PTWCT026img/submain/ptwct026_07.png')no-repeat 50% 35px}
ul.sm_card01 li.i08	{background:url('../img/PTWCT026img/submain/ptwct026_08.png')no-repeat 50% 40px}
ul.sm_card01 li.i09	{background:url('../img/PTWCT026img/submain/ptwct026_09.png')no-repeat 50% 35px}
ul.sm_card01 li.i10	{background:url('../img/PTWCT026img/submain/ptwct026_10.png')no-repeat 50% 25px}
ul.sm_card01 li.i11	{background:url('../img/PTWCT026img/submain/ptwct026_11.png')no-repeat 50% 30px}
ul.sm_card01 li.i12	{background:url('../img/PTWCT026img/submain/ptwct026_12.png')no-repeat 50% 30px; letter-spacing:-1.8px}
ul.sm_card01 li.i13	{background:url('../img/PTWCT026img/submain/ptwct026_13.png')no-repeat 50% 38px}
ul.sm_card01 li.i14	{background:url('../img/PTWCT026img/submain/ptwct026_14.png')no-repeat 50% 25px}

/* 서브메인 영역 */
section.smain_middle		{max-width:1200px; margin:0 auto;}
article.smain_top				{margin-top:-90px; background:#fff; position:relative; z-index:5}

section.m_bg						{background:#f8f8f8; margin-top:70px;display: none;}
section.m_bg .bottom_area	{background:#fff !important}
section.m_bg ul.notice_list li .date	{border-bottom:1px solid #ebebeb !important}
section.m_bg ul.notice_list li .tit	{border-bottom:1px solid #ebebeb !important}

/* 컨설팅메인 */
ul.sm_card01			{overflow:hidden; border:1px solid #e8edf0;}
ul.sm_card01 li		{float:left; width:25%; height:230px; padding:130px 20px 20px 20px; box-sizing:border-box; text-align:Center; border-right:1px solid #e8edf0; border-bottom:1px solid #e8edf0; position:relative;}
ul.sm_card01 li:nth-child(4n)				{border-right:none}
ul.sm_card01 li:nth-last-child(-n+2)		{border-bottom:none}
ul.sm_card01 li .category					{text-align:center}
ul.sm_card01 li .category span			{display:inline-block; border-radius:20px; padding:2px 8px; border:1px solid #ddd; letter-spacing:-1.2px; font:300 14px/22px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif;  color:#333;}
ul.sm_card01 li h5							{margin-top:5px; letter-spacing:-1.2px; font:500 18px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}

ul.sm_card01 li:hover .text_box			{visibility:visible; opacity:1; z-index:1;}
ul.sm_card01 li .text_box					{visibility:hidden; display:table; opacity:0; position:absolute; top:0; left:0; width:100%; height:230px; padding:0 20px; box-sizing:border-box; background:#ee2c49; word-break:keep-all; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card01 li .text_box .text				{display:table-cell; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card01 li .text_box .category2			{text-align:center; font:300 14px/22px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#ffebbb}
ul.sm_card01 li .text_box h5					{margin-top:0 !important; color:#fff}
ul.sm_card01 li .text_box .t01					{margin-top:10px; text-align:center; letter-spacing:-1.2px; font:300 14px/19px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#fff}
ul.sm_card01 li .text_box .t02					{margin-top:5px; text-align:center; letter-spacing:-1.2px; font:300 14px/19px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#fff}

/*  지수 메인 */
ul.sm_card02		{overflow:hidden; border:1px solid #e8edf0;}
ul.sm_card02 li		{float:left; width:50%; height:400px; padding:130px 20px 20px 20px; box-sizing:border-box; text-align:Center; border-right:1px solid #e8edf0; position:relative;}
ul.sm_card02 li:last-child	{border-right:none}
ul.sm_card02 li h5			{font:700 18px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card02 li p.text		{margin-top:5px; text-align:center; word-break:keep-all; letter-spacing:-1.2px; font:300 15px/25px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card02 li p.btn		{position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
ul.sm_card02 li p.btn a		{display:inline-block; padding:8px 0; width:180px; border:1px solid #ddd; border-radius:30px; background:#f5f5f5; font:300 16px/27px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#666; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card02 li p.btn a span		{text-align:center;}
ul.sm_card02 li p.btn a span::after			{content:url('../img/PTWQA011img/main/ptwqa011_main.png'); padding-left:8px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card02 li p.btn a:hover					{background:#ee2c49; border:1px solid #ee2c49; color:#fff}
ul.sm_card02 li p.btn a:hover span::after	{content:url('../img/PTWQA011img/main/ptwqa011_main02.png'); padding-left:8px;}
ul.sm_card02 li.ncsi		{background:url('../img/PTWID005img/submain/ptwid005_submain01.jpg')no-repeat 50% 45px}
ul.sm_card02 li.nbci		{background:url('../img/PTWID005img/submain/ptwid005_submain02.jpg')no-repeat 52% 45px}
ul.sm_card02 li.kmpi	{background:url('../img/PTWID005img/submain/ptwid005_submain03.jpg')no-repeat 50% 45px}
ul.sm_card02 li.djsi		{background:url('../img/PTWID005img/submain/ptwid005_submain04.jpg')no-repeat 50% 45px}

/* 자격인증 메인 */
ul.sm_card03		{overflow:hidden; border:1px solid #dfe9f1; margin-bottom: 130PX;}
ul.sm_card03 li		{float:left; width:20%; height:340px; padding:130px 20px 20px 20px; box-sizing:border-box; text-align:Center; border-right:1px solid #dfe9f1; border-bottom:1px solid #dfe9f1; position:relative;}
ul.sm_card03 li:nth-child(5n)	{border-right:none}


ul.sm_card03 li h5			{font:700 18px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card03 li p.text		{margin-top:5px; text-align:center; word-break:keep-all; letter-spacing:-1.2px; font:300 15px/25px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card03 li p.btn		{position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
ul.sm_card03 li p.btn a		{display:inline-block; padding:8px 0; width:180px; border:1px solid #ddd; border-radius:30px; background:#f5f5f5; font:300 16px/27px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#666; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card03 li p.btn a span		{text-align:center;}
ul.sm_card03 li p.btn a span::after			{content:url('../img/PTWQA011img/main/ptwqa011_main.png'); padding-left:8px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card03 li p.btn a:hover					{background:#ee2c49; border:1px solid #ee2c49; color:#fff}
ul.sm_card03 li p.btn a:hover span::after	{content:url('../img/PTWQA011img/main/ptwqa011_main02.png'); padding-left:8px;}

ul.sm_card03 li.i01		{background:url('../img/PTWQA011img/submain/ptwqa011_01.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i02		{background:url('../img/PTWQA011img/submain/ptwqa011_02.jpg')no-repeat 52% 45px}
ul.sm_card03 li.i03		{background:url('../img/PTWQA011img/submain/ptwqa011_03.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i04		{background:url('../img/PTWQA011img/submain/ptwqa011_04.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i05		{background:url('../img/PTWQA011img/submain/ptwqa011_05.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i06		{background:url('../img/PTWQA011img/submain/ptwqa011_06.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i07		{background:url('../img/PTWQA011img/submain/ptwqa011_07.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i08		{background:url('../img/PTWQA011img/submain/ptwqa011_08.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i09		{background:url('../img/PTWQA011img/submain/ptwqa011_09.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i10		{background:url('../img/PTWQA011img/submain/ptwqa011_10.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i11		{background:url('../img/PTWQA011img/submain/ptwqa011_11.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i12		{background:url('../img/PTWQA011img/submain/ptwqa011_12.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i13		{background:url('../img/PTWQA011img/submain/ptwqa011_13.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i14		{background:url('../img/PTWQA011img/submain/ptwqa011_14.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i15		{background:url('../img/PTWQA011img/submain/ptwqa011_14.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i16		{background:url('../img/PTWQA011img/submain/ptwqa011_16.jpg')no-repeat 50% 45px}
ul.sm_card03 li.i18		{background:url('../img/PTWQA011img/submain/pptwqa011_20.png')no-repeat 50% 45px}
ul.sm_card03 li.i17		{background:url('../img/award.png')no-repeat 50% 20px}

/* 생산성 메인 */
ul.sm_card04		{overflow:hidden; border:1px solid #ddd; margin-bottom:30px;}
ul.sm_card04 li		{float:left; width:33%; height:140px; padding:40px 20px 20px 180px; box-sizing:border-box; border-right:1px solid #e8edf0; border-bottom:1px solid #e8edf0; position:relative;}
ul.sm_card04 li:nth-child(3n)	{border-right:none}


ul.sm_card04 li h5			{margin-top:8px; letter-spacing:-1.2px; font:700 20px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card04 li p.t01		{letter-spacing:-1.2px; font:300 16px/25px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card04 li h5 a		{color:#333; display:inline-block; padding-right:40px; position:relative;}
ul.sm_card04 li h5 a::after	{display:block; content:''; position:absolute; width:32px; height:32px; top:50%; right:0; background:url('../img/btn_more.png') no-repeat; background-size:100% auto; transform:translateY(-50%)}
ul.sm_card04 li h5 a:hover:after	{content:url('../img/btn_more02.png');}

ul.sm_card04 li.i01			{background:url('../img/d_i01.png')no-repeat 51px 50%}
ul.sm_card04 li.i02			{background:url('../img/d_i02.png')no-repeat 54px 50%}
ul.sm_card04 li.i03			{background:url('../img/d_i03.png')no-repeat 59px 50%}

.smain_bottom {margin-top:90px;}
ul.sm_card05				{max-width:1200px;overflow:hidden; border:1px solid #ddd; background:#f5f5f5; margin: 0 auto;}
ul.sm_card05 li				{float:left; width:50%; height:316px; padding:50px; box-sizing:border-box; border-right:1px solid #ddd; position:relative;}
ul.sm_card05 li h5			{font:700 20px/30px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card05 li .text			{letter-spacing:-1.2px; margin-top:10px; font:300 16px/25px 'Open Sans', 'Noto Sans KR','Nanum Gothic','나눔고딕',Helvetica,'Apple SD Gothic Neo',Sans-serif,serif; color:#333}
ul.sm_card05 li:nth-child(2n)	{border-right:none}
ul.sm_card05 li div.img			{position:absolute; bottom:50px; left:0; overflow:hidden; width:100%; padding:0 45px; box-sizing:border-box;}
ul.sm_card05 li div.img .left	{float:left; width:48%; height:auto; border:1px solid #ddd; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card05 li div.img .right	{float:right; width:48%; height:auto; border:1px solid #ddd; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.sm_card05 li div.img .left:hover, ul.sm_card05 li div.img .right:hover		{border:1px solid #333}
ul.sm_card05 li div.img a {display:block;}
ul.sm_card05 li div.img a img {vertical-align:top; width:100%;}


/* 스마트러닝 서브메인 */
.sm_visual_area .slick_btn.slick-prev {background-image:url(../img/submain/slick_previous.png); background-position:center;background-color:transparent;}
.sm_visual_area .slick_btn.slick-next {background-image:url(../img/submain/slick_next.png); background-position:center; background-color:transparent;}
/* .sm_visual_area.visual_area .edu_list_area .edu_list{background-color:rgba(255,255,255,0.7);}
.sm_visual_area.visual_area .edu_list_area .edu_list li:hover{background-color:#4d5cbc;}
.sm_visual_area.visual_area .edu_list_area .edu_list li a{color:#333;font-weight: 500;}
.sm_visual_area.visual_area .edu_list_area .edu_list li:hover a{color:#fff;}
.sm_visual_area.visual_area .edu_list_area .edu_list_dept{background-color:rgba(255,255,255,1);} */

.myClass_wrap {position:absolute; z-index:50; top: 65px; right: calc(50% - 600px); width: 376px; box-sizing:border-box; padding: 35px 35px 55px 35px; background-image:url(../img/submain/icon_myClass.png); background-repeat:no-repeat; background-position: 90% 80%; background-color: rgba(225,225,225,0.9); border-radius: 20px 0 20px 20px; overflow:hidden;}
.myClass_wrap .myClass_title {display:flex; align-items:center; justify-content: space-between; margin-bottom:20px;}
.myClass_wrap .myClass_title strong {font-size:24px; font-weight:700; color:#333; position:relative; padding-left: 30px;}
.myClass_wrap .myClass_title strong:before {display:block; content:''; width: 24px; height: 28px; background:url(../img/submain/icon_myClass_title.png); position:absolute; top:50%; left:0; transform: translateY(-50%)}
.myClass_wrap .myClass_title strong b {font-size:24px; font-weight:700; color:#505db6}
.myClass_wrap .myClass_title a {font-size:18px; color:#666; padding-right: 15px; position:relative;}
.myClass_wrap .myClass_title a:after {display:block; content:''; width:10px; height:5px; background:url(../img/arrow_gr.png) no-repeat; transform:translateY(-50%) rotate(-90deg); position:absolute; top: 50%; right:0;}
.myClass_wrap p {font-size: 20px; color:#333; font-weight: 500; line-height: 1.3;}
.myClass_wrap .myClass_list {margin-top: 20px;}
.myClass_wrap .myClass_list li {font-size: 16px; font-weight: 300; color: #333; position:relative; padding-left: 20px;}
.myClass_wrap .myClass_list li + li {margin-top: 8px;}
.myClass_wrap .myClass_list li:before {display:block; content:''; width: 12px; height:12px; background-repeat:no-repeat; background-size: 100% auto; position:absolute; top: 50%; left:0; transform: translateY(-50%)}
.myClass_wrap .myClass_list li.item1:before {background-image:url(../img/submain/icon_myClass_list01.png);}
.myClass_wrap .myClass_list li.item2:before {background-image:url(../img/submain/icon_myClass_list02.png);}
.myClass_wrap .myClass_list li.item3:before {background-image:url(../img/submain/icon_myClass_list03.png);}
.myClass_wrap .myClass_list li.item4:before {background-image:url(../img/submain/icon_myClass_list04.png);}
.myClass_wrap .myClass_list span {font-size: 16px; font-weight: 300; color:#4d5cbc;}
	
.sm_middle {padding:50px 0; background-color: #f7f7f7;}
.sm_service_area, .board_area, .bottom_contents_area, .sm_call_area{margin-top:40px}

.submain_page_tab.pt_com_tab{display:flex;flex-wrap:nowrap;justify-content:center;margin: 0 0 20px;width:40%; float: left;overflow: inherit;}
.submain_page_tab.pt_com_tab li{flex:1;border-radius: 50px; padding:0px 40px;height: 50px;line-height: 48px; text-align: center; font-size: 22px;font-weight: 500; color:#7e7e7e;border:1px solid #ccc !important;margin-right: 10px;}
.submain_page_tab.pt_com_tab li.on{border:1px solid #ee2c49 !important; color: #fff;box-shadow: 0 7px 5px #fdccd4; background:#ee2c49}
.submain_page_tab.pt_com_tab li a{display:inline-block;background-image: none;font-size: 20px;color:#666;padding:0;width:100%;}
.submain_page_tab.pt_com_tab li.on a{color: #fff;font-size: 20px; background:transparent;}

.sm_best_edu_area .sm_best_edu_title {/* display:flex; align-items:center; justify-content:space-between; */ margin-bottom: 30px;}
.sm_best_edu_area .pt_com_tabbox .pt_com_tab.sm_tab li {border:1px solid #cacaca; width: 150px;}
.sm_best_edu_area .pt_com_tabbox .pt_com_tab.sm_tab li a {background-color: #fff;}
.sm_best_edu_area .pt_com_tabbox .pt_com_tab.sm_tab li.on {background-color: #fff;}
.sm_best_edu_area .pt_com_tabbox .pt_com_tab.sm_tab li.on a {color: #333; background-color: #fff;}
.com_tab.sm_com_tab{display: flex;height: 100%;border-bottom: none;margin-bottom: 10px; display: block; /* text-align: right; */ height: auto;}
.com_tab.sm_com_tab li{flex:1; display: inline-block; position:relative;}
.com_tab.sm_com_tab li + li:before {display:block; content:''; width:1px; height:10px; background:#bbb; position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
.com_tab.sm_com_tab li a {display: flex; align-items: center; justify-content: space-around; border: none;background-color: transparent;color: #333;padding: 0 10px; font-size: 16px;font-weight: 500;}
.com_tab.sm_com_tab li.on a{color: #ee2c49; }
.com_tab.sm_com_tab + .com_tabboxs > .com_tabbox ul{display: table;}
.com_tab.sm_com_tab + .com_tabboxs > .com_tabbox ul li{display: table-cell;}

.sm_best_edu_area .sm_best_edu_list{width: 100%;max-width:1200px; margin:0 auto;position:relative;}
.sm_best_edu_area .sm_best_edu_list:after {display:block; content:''; clear:both;}
.sm_best_edu_area .sm_best_edu_list .slick-list {overflow: hidden; margin:0 -10px;padding:1px 0 20px;}
.sm_best_edu_area .sm_best_edu_list li{float:left;width:285px; background-color: #fff;margin-right:10px; margin-left:10px;}
.sm_best_edu_area .sm_best_edu_list li a {display:block; padding-bottom: 20px;}
.sm_best_edu_area .sm_best_edu_list li span{text-align: left;letter-spacing: 0px;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img{display: block; position: relative; width:100%; height: 190px;overflow: hidden;text-align: center;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img img{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 100%;height: 100%; transition: all 0.3s;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn{display: none; position: absolute; bottom: 10px;right: 10px;z-index: 10;cursor: default;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn button{width: 40px; height: 40px;border-radius: 40px; background-color: #fff;margin-left: 5px; text-indent: -50000px; overflow: hidden; background-repeat: no-repeat; background-position: center;cursor: pointer;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn button:nth-child(1){background-image: url(../img/main/li_icon01.png);}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn button:nth-child(2){background-image: url(../img/main/li_icon02.png);}
.sm_best_edu_area .sm_best_edu_list li:hover span.edu_img .edu_li_btn{display: block;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn button:nth-child(1):hover{background-color: #E8FDF7;opacity: 0.95;}
.sm_best_edu_area .sm_best_edu_list li span.edu_img .edu_li_btn button:nth-child(2):hover{background-color: #FFEEEE;opacity: 0.95;}

.sm_best_edu_area .sm_best_edu_list li span.edu_part{display:inline-block; margin-right: 5px; color: #ee2c49;font-size: 18px;}
.sm_best_edu_area .sm_best_edu_list li span.edu_part.color1 {color:#1572cc;}
.sm_best_edu_area .sm_best_edu_list li span.edu_part.color2 {color:#08a075;}
.sm_best_edu_area .sm_best_edu_list li span.edu_title{display:block;overflow:hidden; margin-top:20px; text-overflow:ellipsis; white-space:nowrap;font-size: 18px;color:#222; padding:0 20px;}
.sm_best_edu_area .sm_best_edu_list li span.edu_text {font-size: 16px; line-height: 20px; padding: 0 20px; margin-top: 18px; overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 42px;}
.is-pc .sm_best_edu_area .sm_best_edu_list li:hover{background:#ee2c49; box-shadow: 0px 5px 15px rgba(0,0,0,0.2);}
.is-pc .sm_best_edu_area .sm_best_edu_list li:hover span {color: #fff !important;}
.is-pc .sm_best_edu_area .sm_best_edu_list li:hover span.edu_img{background-color: #ee2c49;}
.is-pc .sm_best_edu_area .sm_best_edu_list li:hover span.edu_img img{width: 120%;height: 120%;opacity: 0.8;}
.is-pc .sm_best_edu_area .sm_best_edu_list li:hover span.edu_img:after{display:block; content:''; width: 100%; height:100%; background:rgba(238,44,73,0.2); position:absolute; top:0; left:0;}
.sm_best_edu_area .slick_btn {position: absolute;top:50%; width:45px; height: 45px; background-repeat: no-repeat;z-index: 100;border-radius: 50%; background-color:#fff; text-indent: -5000000px; overflow: hidden;box-shadow: 0px 2px 5px rgba(0,0,0,0.2); transform:translateY(-50%); background-size: 10px auto; background-position:center;}
.sm_best_edu_area .slick_btn.slick-prev{background-image:url(../img/submain/edu_previous.png);left: -22px;}
.sm_best_edu_area .slick_btn.slick-next{background-image:url(../img/submain/edu_next.png);right: -22px; left:auto;}

.sm_service_area h3{font-size: 24px;color:#333;font-weight: bold;}
.sm_service_area ul{display:flex; justify-content:space-between; background-color:#fff; padding: 20px 5px 30px;margin-top: 15px;}
.sm_service_area li{flex:1}
.sm_service_area li a{display: block;text-indent: 0; font-size: 16px; line-height: 20px; text-align: center; padding-top:75px; background-repeat: no-repeat;background-position: center top -5px; transition: all 0.3s;}
.sm_service_area li a:hover{color:#ee2c49;}
.sm_service_area li:nth-child(1) a{ background-image:url(../img/submain/service_icon01.jpg);}
.sm_service_area li:nth-child(2) a{ background-image:url(../img/submain/service_icon02.jpg);}
.sm_service_area li:nth-child(3) a{ background-image:url(../img/submain/service_icon03.jpg);}
.sm_service_area li:nth-child(4) a{ background-image:url(../img/submain/service_icon04.jpg);}
.sm_service_area li:nth-child(5) a{ background-image:url(../img/submain/service_icon05.jpg);}
.sm_service_area li:nth-child(6) a{ background-image:url(../img/submain/service_icon06.jpg);}
.sm_service_area li:nth-child(7) a{ background-image:url(../img/submain/service_icon07.jpg);}
.sm_service_area li:nth-child(8) a{ background-image:url(../img/submain/service_icon08.jpg);}
.sm_service_area li:nth-child(9) a{ background-image:url(../img/submain/service_icon09.jpg);}
.sm_service_area li:nth-child(10) a{ background-image:url(../img/submain/service_icon10.jpg);} 

.board_area .board_table{display: flex; justify-content: space-between;}
.board_area .board_table>div{flex: 1;}
.board_area .board_table>div:nth-child(1){margin-right: 20px;}
.board_area .board_table>div:nth-child(2){margin-left: 20px;} 
.board_area .board_table .board_title{display:flex; align-items:center; margin-bottom:15px;}
.board_area .board_table .board_title > * {flex: 0 0 auto;}
.board_area .board_table .board_title h3{font-size: 24px; color:#333;font-weight: bold;}
.board_area .board_table .board_title ul.com_tab.sm_com_tab{margin: 8px 0 0 10px;}
.board_area .board_table .board_title .board_more_wrap {margin-left:auto; display:inline-block; text-align:right; margin-top: 10px;}
.board_area .board_table .board_title a.board_more{background-repeat: no-repeat; overflow: hidden;padding:5px 30px 5px 0;background-image: url(../img/submain/board_more.png);background-position: right center;}

.board_area .board_table .table_padding{background-color:#fff;padding: 30px 20px;height: 205px; box-sizing: border-box;}
.board_area .board_table table{width: 100%;table-layout: fixed; white-space: nowrap;}
.board_area .board_table table tr td{font-size: 16px; color:#555; overflow: hidden;display: table-cell; padding: 6px 10px; transition:all 0.3s;}
.board_area .board_table table tr td:nth-child(2){color: #999;}
.board_area .board_table table tr td a {overflow: hidden;max-width:100%;display:inline-block;transition: all 0.3s;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.board_area .board_table table tr td a:before {display:inline-block; content:'·'; margin-right: 12px;}
.board_area .board_table table tr td a:hover{color:#ee2c49;}
    
.bottom_contents_area {padding: 0px 0 40px 0;}
.bottom_contents_area .service_contents {display:flex; align-items: center; justify-content: space-between;}
.bottom_contents_area .service_contents li{flex: 1;background-repeat: no-repeat; background-position:bottom right; background-size: auto 100%;}
.bottom_contents_area .service_contents li + li {margin-left: 30px;}
.bottom_contents_area .service_contents li:nth-child(1){background-color:#fef1e1;background-image: url(../img/submain/service_bg01.jpg);}
.bottom_contents_area .service_contents li:nth-child(2){background-color:#ddf6f3;background-image: url(../img/submain/service_bg02.jpg)}
.bottom_contents_area .service_contents li:nth-child(3){background-color:#dff6ff;background-image: url(../img/submain/service_bg03.jpg)}
.bottom_contents_area .service_contents li a{display:block; position: relative; width: 100%; height: 184px; color:#333; font-weight: 500;font-size: 30px;padding: 30px 40px; line-height: 32px;background-repeat: no-repeat; background-position: center center; box-sizing:border-box;}
.bottom_contents_area .service_contents li a b{font-weight: 700;font-size: 30px;display: block;}
.bottom_contents_area .service_contents li a span{display: inline-block; margin-top:18px; padding-right: 20px; color: #666; font-size: 16px;font-weight: normal;background-image: url(../img/submain/service_more.png);background-repeat: no-repeat; background-position: right center;}
    
.sm_call_area{padding: 18px 20px; display: flex; background: #fff; align-items: center;}
.sm_call_area > * {flex: 0 0 auto;}
.sm_call_area h4 {font-size: 24px; font-weight: 500;}    
.sm_call_area h4 span {font-size: 17px; font-weight: 300;color:#999;margin-left: 10px;}    
.sm_call_area ul {margin-left: 60px;}    
.sm_call_area ul li{display:inline-block; font-size: 20px;line-height: 30px;}    
.sm_call_area ul li:nth-child(2){padding-left: 30px;background-image: url(../img/submain/com_tab_bg.png); background-repeat: no-repeat;background-position: 10px center;}  
.sm_call_area ul li span{font-size: 32px; font-weight: 500;color:#ee2c49; padding-left: 10px; line-height: 30px; vertical-align:top;}   
.sm_call_area a.call_more{margin-left:auto; display:inline-block;background-repeat: no-repeat;overflow: hidden;padding:4px 30px 5px 0;background-image: url(../img/submain/board_more.png);background-position: right center;}

.sm_site_area {padding: 18px 20px; display: flex; background: #fff; align-items: center;}
.sm_site_area h4 {display:inline-block;font-size: 24px; font-weight: 500;}    
.sm_site_area ul {display:inline-block;margin-left: 60px;}    
.sm_site_area ul li{display:inline-block; font-size: 20px;line-height: 30px;margin-right:10px;}    



/* 마이크로러닝 서브메인 */
.mc_visual_area {height:450px; background:url(../img/submain/mc_visual.jpg) no-repeat;background-position:center; background-size:cover; position:relative;}
.mc_visual_area .v_text {position:absolute; top:0; left: calc(50% - 600px); padding:30px 0 0 260px;}
.mc_visual_area .v_text .s_tit {font-size: 24px; color:#fff; font-weight: 700; margin-bottom:10px;}
.mc_visual_area .v_text .tit {font-size: 45px; color:#1c1a1b; font-weight: 700;}
.mc_visual_area .v_text .keyword {margin-top: 25px;}
.mc_visual_area .v_text .keyword p {font-size: 18px; color:#fff;}
.mc_visual_area .v_text .keyword p + p {margin-top :8px;}

/*플립,블랜디드러닝*/
.mc_visual_area.pl_visual_area{background:url(../img/submain/pl_visual.jpg) no-repeat; background-size:auto 100%;background-position: center;}
.mc_visual_area.pl_visual_area .v_text .keyword p, .mc_visual_area.bl_visual_area .v_text .keyword p ,
.mc_visual_area.pl_visual_area .v_text .s_tit, .mc_visual_area.bl_visual_area .v_text .s_tit {color:#333;}
.mc_visual_area.pl_visual_area .tit{color:#00888f;}
.mc_visual_area.pl_visual_area .edu_list_area .edu_list{background-color: rgba(255,255,255,0.8);}
.mc_visual_area.pl_visual_area .edu_list_area .edu_list>li>a, .mc_visual_area.pl_visual_area .edu_list_area .edu_list li b{color:#333;}
.mc_visual_area.pl_visual_area .edu_list_area .edu_list>li:hover{background-color:#00888f;}
.mc_visual_area.pl_visual_area .edu_list_area .edu_list>li:hover>a, .mc_visual_area.pl_visual_area .edu_list_area .edu_list li:hover b{color:#fff;}
.mc_visual_area.bl_visual_area{background:url(../img/submain/bl_visual.jpg) no-repeat; background-size:auto 100%;background-position: center;}
.mc_visual_area.bl_visual_area .tit{color:#4a5bc2;}
.mc_visual_area.bl_visual_area .edu_list_area .edu_list{background-color: rgba(255,255,255,0.8);}
.mc_visual_area.bl_visual_area .edu_list_area .edu_list>li>a, .mc_visual_area.bl_visual_area .edu_list_area .edu_list li b{color:#333;}
.mc_visual_area.bl_visual_area .edu_list_area .edu_list>li:hover{background-color:#4a5bc2;}
.mc_visual_area.bl_visual_area .edu_list_area .edu_list>li:hover>a, .mc_visual_area.bl_visual_area .edu_list_area .edu_list li:hover b{color:#fff;}


.pick_wrap {position:absolute; z-index:50; top: 40px; right: calc(50% - 600px); width: 320px; height:340px; box-sizing:border-box;}
.pick_wrap .pick_tit {position: absolute;top: 5px;left: 5px;z-index: 5;display: inline-block;padding: 6px 10px;background: #ee2c49;font-size:13px;color:#fff; border-radius: 15px;}
.pick_wrap .slick-list {overflow:hidden; border-radius: 15px; box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
.pick_list li.slick-slide {width: 320px; height: 340px; position: relative;overflow: hidden; float:left;}
.pick_list li.slick-slide a{display:block; position:relative;}
.pick_list li.slick-slide a:before {display:block; content:''; width:100%; height:100%; background:linear-gradient(to bottom,  rgba(255,255,255,0) 10%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); position:absolute; top:0; left:0; z-index: 10;}
.pick_list li.slick-slide .thumb {background-repeat:no-repeat; background-size:cover; background-position: center; transition: all 0.3s;}
.pick_list li.slick-slide .thumb img{max-width:100%;}
.pick_list li.slick-slide a:hover .thumb {transform:scale(1.1)}
.pick_list li.slick-slide .text{position:absolute; left:0; bottom:0; padding: 0 25px 40px; box-sizing:border-box; width:100%; z-index:150;}
.pick_list li.slick-slide .tit {display: inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display:-ms-flexbox; display:-moz-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 52px;font-size: 18px; line-height:25px; font-weight: 500; color:#fff;}
.pick_list li.slick-slide .category {display:block; margin-top: 15px; font-size: 15px; color:#fff;}
.pick_list .slick-dots {bottom:-30px;}
.pick_list .slick_btn.slick-prev {top: calc(50% - 15px);left: -15px; width: 30px; height: 30px; background-size: 100% auto;}
.pick_list .slick_btn.slick-next {top: calc(50% - 15px);left:auto; right: -15px; width: 30px; height: 30px; background-size: 100% auto;}

.mc_edu_area .mc_edu_tit_wrap {margin: 60px 0 15px; display:flex; align-items:center; justify-content:space-between;}
.mc_edu_area .mc_edu_tit_wrap h3 {font-size: 24px;color: #333;font-weight: bold;}
.mc_edu_area .mc_edu_tit_wrap .btn_more {display:inline-block; background-repeat: no-repeat;overflow: hidden;padding: 5px 30px 5px 0;background-image: url(../img/submain/board_more.png);background-position: right center;}
.mc_edu_list .slick-list {overflow:hidden;}
.mc_edu_list {position:relative;}
.mc_edu_list li.slick-slide {width: 280px !important;height: 270px; position: relative;overflow: hidden; float:left;}
.mc_edu_list li.slick-slide a{display:block; position:relative; margin-right: 30px; overflow:hidden; border-radius: 15px; oveflow:hidden;}
.mc_edu_list li.slick-slide a:before {display:block; content:''; width:100%; height:100%; background:linear-gradient(to bottom,  rgba(255,255,255,0) 10%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); position:absolute; top:0; left:0; z-index: 10;}
.mc_edu_list li.slick-slide .thumb {background-repeat:no-repeat; background-size:cover; background-position: center; transition: all 0.3s;}
.mc_edu_list li.slick-slide .thumb img{max-width: 100%;}
.mc_edu_list li.slick-slide a:hover .thumb {transform:scale(1.1)}
.mc_edu_list li.slick-slide .text{position:absolute; left:0; bottom:0; padding: 0 25px 40px; box-sizing:border-box; width:100%; z-index:150;}
.mc_edu_list li.slick-slide .tit {display: inline-block;text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display:-ms-flexbox; display:-moz-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 52px;font-size: 18px; line-height:25px; font-weight: 500; color:#fff;}
.mc_edu_list .slick_btn.slick-prev {width: 80px; height: 100%; background:url(../img/submain/elist_left.png) no-repeat center left; border-radius:0; background-size: 16px auto; left:-40px; top:0;}
.mc_edu_list .slick_btn.slick-prev:before{display:block; content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../img/submain/gra.png) no-repeat; background-size: 100% 100%; z-index: 1; transform: rotate(-180deg)}
.mc_edu_list .slick_btn.slick-next {width: 80px; height: 100%; background:url(../img/submain/elist_right.png) no-repeat center right; border-radius:0; background-size: 16px auto; left:auto; right:-40px; top:0;}
.mc_edu_list .slick_btn.slick-next:before{display:block; content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: url(../img/submain/gra.png) no-repeat; background-size: 100% 100%; z-index: 1;}

.mc_cardnews_area {background:#f5f5f5; width:100%; padding: 60px 0; margin-top: 60px;}
.mc_cardnews_area .cardnews_box .tit {margin-bottom: 15px; display:flex; align-items:center; justify-content:space-between;}
.mc_cardnews_area .cardnews_box h3 {font-size: 30px;color: #333;font-weight: 500;}
.mc_cardnews_area .cardnews_box .btn_more {display:inline-block; background-repeat: no-repeat;overflow: hidden;padding: 5px 30px 5px 0;background-image: url(../img/submain/board_more.png);background-position: right center;}
.mc_cardnews_area .cardnews_box .cardnews {margin: 0 -15px;}
.mc_cardnews_area .cardnews_box .cardnews:after {display:block; content:''; clear:both;}
.mc_cardnews_area .cardnews_box .cardnews li {float:left; width: 25%; padding:  0 15px; box-sizing:border-box;}
.mc_cardnews_area .cardnews_box .cardnews li a {display:block; }
.mc_cardnews_area .cardnews_box .cardnews li .thumb {width: 100%; overflow:hidden;}
.mc_cardnews_area .cardnews_box .cardnews li .thumb img {max-width: 100%; background-repeat:no-repeat; background-size: cover; background-position:center; transition: all 0.2s;}
.mc_cardnews_area .cardnews_box .cardnews li a:hover .thumb img {transform:scale(1.1)}
.mc_cardnews_area .cardnews_box .cardnews li .tt {margin: 15px 0 5px; height: 56px; font-size: 18px; line-height: 28px; font-weight: 500; color: #333; overflow: hidden; display: -webkit-box; display:-ms-flexbox; display:-moz-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis;}

@media screen and (min-width: 1220px) {
	.banner_area ul.banner_ul{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.banner_area ul.banner_ul li {width: 290px !important; height: 290px !important;}
}
@media screen and (max-width: 1220px) {
	section#visual div.vis_text	{max-width:1200px; margin-left:0; left:0; padding:0 10px;}
	
	.visual_area .edu_list_area,
	.myClass_wrap {display:none;}
	.visual_area .slick_btn.slick-prev,
	.visual_area .slick_btn.slick-next {display:none !important;}
	
	.detail_edu_area .edu_list .elist li{width: 20%;}
	.detail_edu_area ul.ebottom_btn li a {padding-left: 45px;}
	
	.banner_area ul.banner_ul {width: auto;}
	.banner_area .slick_btn.slick-prev{left: 0;}
	.banner_area .slick_btn.slick-next{left:auto; right: 0;}
	
	.cardnews_area .slick_btn {top: 320px;}
	.cardnews_area .slick_btn.slick-prev{left: 0;}
	.cardnews_area .slick_btn.slick-next{left: auto; right: 0;}


	.notice_table_area{width: 50%; padding-right: 15px; box-sizing:border-box;}
	.notice_table_area .pt_com_tab{position: static; width: 100%; margin: 10px 0;}
	.notice_table_area .notice_table {padding: 0;}
	
	.news_area{width: 50%; padding-left: 15px; box-sizing:border-box;}
	.news_area .news_div {width: 100%;}
	
	article.smain_top {margin-top: 0;}
	
	.sm_call_area h4 {font-size: 20px;}    
	.sm_call_area h4 span {font-size: 15px;}    
	.sm_call_area ul {margin-left: 40px;}    
	.sm_call_area ul li{font-size: 18px;}    
	.sm_call_area ul li span{font-size: 25px;}  
	
	/* 마이크로러닝 서브메인 */
	.mc_visual_area .v_text {left:0; padding:30px 0 0 20px;}
	.visual_area.mc_visual_area .slick_btn.slick-next, .visual_area.mc_visual_area .slick-dots{display:block !important;}
	.pick_wrap {right: 20px;}		
	.mc_edu_list li.slick-slide {width: 250px !important;height: auto;}
	/* .mc_edu_area .slick_btn.slick-prev {display:none !important;} */
}



@media screen and (max-width: 1024px) {
	.slick-dots{height:auto;}
	.slick-dots li{width: 1rem; height: 1rem !important; border-radius: 100%; background-color:#b2a9aa !important;}
	.slick-dots li.slick-active{background-color:#ff0042 !important;}
	
	/* visual_area */
	.visual_area .visual_slick ul.visual_slick_ul {height: auto;}
	.visual_area .visual_slick ul.visual_slick_ul.on {height: 400px;overflow:hidden;overflow-y:scroll;}
	.visual_area .visual_slick ul.visual_slick_ul li{height: auto}
	.visual_area .visual_slick ul.visual_slick_ul li a, .visual_area .visual_slick ul.visual_slick_ul li span{height: auto; background-size: cover; background-position:center;}
	.visual_area .visual_slick ul.visual_slick_ul li a img, .visual_area .visual_slick ul.visual_slick_ul li span img{position:static; width: 100%; height:auto;left: 0;transform: translateX(0%);}
	.visual_area .slick-dots {display:none !important;}
	.visual_status {position:absolute; bottom:2rem; left: 1.071rem;}
	.visual_status.on {top:1rem;}
	.visual_status .paging {font-size:1.285rem; line-height:2.142rem; color:#b3b2b2; background:rgba(0,0,0,0.7); border-radius: 2rem; display:inline-block; width:5rem; height:2.142rem; text-align:center;}
	.visual_status .paging .current {font-size:1.285rem; font-style: normal; color:#fff; }
	.visual_status .visual_more {display:inline-block; width:2.142rem; height:2.142rem;background-color:rgba(0,0,0,0.7); border-radius: 2rem; background-image:url(../img/main/visual_more.png); background-repeat:no-repeat; background-position:center center; background-size:1.071rem auto; vertical-align:top; margin-left: 0.2rem;cursor:pointer}
	.visual_status .visual_more.on{display:none;}
	.visual_status .visual_more_close {position:absolute; top:0;left:225%; transform:translateX(-50%); display:none;width: 12rem;padding: 0 2rem;line-height: 2.142rem;height:2.142rem;background-color:rgba(0,0,0,0.7);color:#fff; border-radius: 2rem; margin-left: 0.2rem;cursor:pointer}
	.visual_status .visual_more_close.on {display:inline-block;}
	
	.mainLink_area_mob {padding:2rem 1.071rem;}
	.mainLink_area_mob ul {display: flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.mainLink_area_mob li {flex: 0 0 auto; width: 33.33%; text-align:center; padding: 0.5rem;}
	.mainLink_area_mob li a {display:inline-block; padding-top: 5.2rem; position:relative; font-size:1.142rem; color:#333; font-weight:500; line-height:normal;}
	.mainLink_area_mob li a:before {display:block; content:''; width:5rem; height:5rem; border-radius:5rem; background-color:#eee;position:absolute; top:0; left:50%; transform:translateX(-50%); background-repeat:no-repeat; background-size: 65% auto;background-position: center;}
	.mainLink_area_mob .item1 a:before {background-image:url(../img/main/icon_menu1.png);}
	.mainLink_area_mob .item2 a:before {background-image:url(../img/main/icon_menu2.png);}
	.mainLink_area_mob .item3 a:before {background-image:url(../img/main/icon_menu3.png);}
	.mainLink_area_mob .item4 a:before {background-image:url(../img/main/icon_menu4.png);}
	.mainLink_area_mob .item5 a:before {background-image:url(../img/main/icon_menu5.png);}
	.mainLink_area_mob .item6 a:before {background-image:url(../img/main/icon_menu6.png);}
	
	.mp_area_title {font-size:2rem; color:#000; margin-bottom:1.428rem;}
	.mp_area_title p {font-size:2rem; color:#000;}
	.mp_area_title span.text_bold{font-size: 2rem;}
	
	.best_edu_area {padding: 3.214rem 1.071rem 0;}
	.best_edu_area .center {padding-bottom:2.142rem;}
	.best_edu_area .more_plus{display:block; text-indent:0; width:auto; height:auto; font-size:1.071rem; color:#666; padding-right:2.142rem; position:absolute; top: 0.7rem; right: 0; background:none;}
	.best_edu_area .more_plus:after {display:block; content:''; width:1.785rem; height:1.785rem; position:absolute; top: 50%; right:0; transform: translateY(-50%); background:url(../img/main/more_plus_round.png) no-repeat; background-size: 100% auto;}
	.best_edu_area .main_page_tab.pt_com_tab {display:none;}
	.best_edu_area .best_edu_list{width: auto;margin:0 -0.5rem;padding:0;}
	.best_edu_area .best_edu_list li{height:20rem;margin-right:0.5rem; margin-left:0.5rem;}
	.best_edu_area .best_edu_list li a {padding-bottom: 1.3rem;}
	.best_edu_area .best_edu_list li span.edu_img{height: 10rem;}	
	.best_edu_area .best_edu_list li span.edu_part{font-size: 1.1rem; margin-top: 1.071rem; padding: 0 0 0 0.5rem; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
	.best_edu_area .best_edu_list li span.edu_title{font-size: 1.214rem; width: 100%; margin-top: 0.5rem; padding: 0 1.071rem; height: auto;line-height: 1.3;}
	.best_edu_area .best_edu_list li span.edu_date{font-size:1rem; margin-top:0.5rem; padding: 0 0.5rem;}
	.best_edu_area .slick_btn {display:none !important;}
	.slick-dots li.slick-active{background-color:#ff0042;}
	.best_edu_area .best_edu_list .slick-dots {display: block; width: 100%; left: 0; bottom: 0; height: auto; display: none !important;}
	.best_edu_area .best_edu_list .slick-dots li {display:none}
	/*.best_edu_area .best_edu_list .slick-dots li {float:none; display: inline-block; margin: 0 4px;width: 1rem;height: 1rem !important;}*/
	
	.detail_edu_area {display:none;}
	
	.banner_area{padding: 2.5rem 1.071rem 3.214rem; margin: 0; background: #fdf3f3; min-height:auto;}
	.banner_area ul.banner_ul{width: auto;margin:0 -0.5rem;padding:0; height:auto; min-width:auto;position:relative;}
	.banner_area ul.banner_ul li{height:auto; width: auto;margin-right:0.5rem; margin-left:0.5rem; padding:0}
	.banner_area ul.banner_ul li img{display: block;height: 100%;}
	.banner_area .slick_btn {width:2rem; height: 2rem; background-position:center; background-size: 10px auto; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); border-radius: 50%; background-color:#fff;}
	.banner_area .slick_btn.slick-prev{left: -0.5rem; background-image: url(../img/main/slick_previous_r.jpg);}
	.banner_area .slick_btn.slick-next{left: auto; right: -0.5rem; background-image: url(../img/main/slick_next_r.jpg);}
	.banner_area ul.banner_ul .slick-dots{display:none !important;}
	
	.review_area {padding: 3.214rem 1.071rem 0; background:none; height:auto;}
	.review_area .mp_area_title{color:#000}
	.review_area .mp_area_title span.text_red{display:none;}
	.review_area .mp_area_title span.text_bold{color:#000}
	.review_area a.more_text_w{display:none;}
	.review_area .review_ul{padding: 0; margin: 0 -0.5rem; display:flex;}
	.review_area .review_ul li{width:calc(50% - 1rem); margin: 0 0.5rem !important; padding: 0; border:1px solid #d4d4d4; border-radius: 1.2rem 1.2rem 0 1.2rem}
	.review_area .review_ul li a {padding: 1.071rem;}
	.review_area .review_ul li span.review_part{font-size:1rem; color:#ee2b49; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; margin-bottom: 0.3rem; padding: 0 1.071rem;}
	.review_area .review_ul li span.review_title{font-size: 1.2rem; padding:0 1.071rem 1.071rem; line-height:normal;}
	.review_area .review_ul li span.review_text{font-size: 1.071rem; color:#333; padding: 1.071rem 1.071rem 0; overflow: hidden; display:-webkit-box; display:-ms-flexbox; display:-moz-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: 6rem; line-height: normal; border-top: 1px solid #ddd;}
	.review_area .review_ul li span.review_name{font-size:1rem; padding: 1.071rem 1.071rem 0; text-align:right;}
	.review_area .review_ul li span.review_star{position:static; padding: 0.3rem 1.071rem 0;}
	.review_area .review_ul li span.review_star img {width: 1.3rem; height: 1.3rem;}
	
	.cardnews_area{padding: 2.5rem 1.071rem 3.214rem; margin: 0;overflow:hidden; min-height:auto;  margin-top: 40px;}
	.cardnews_area .center {overflow: visible;}
	.cardnews_area .mp_area_title span.text_red {display: none;}
	.cardnews_area a.more_text_b{display:none}
	.cardnews_area .main_page_tab.pt_com_tab{display:none;}
	.cardnews_area .cardnews_list {width: auto;margin:0 -0.5rem;padding:0; height:auto; min-width:auto; position:relative; overflow:visible;}
	.cardnews_area .cardnews_list li{height:auto;margin-right:0.5rem; margin-left:0.5rem;padding:0;}
			
	.cardnews_area .slick_btn {width:2rem; height: 2rem; background-position:center; background-size: 10px auto; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); border-radius: 50%; background-color:#fff; top: 50%; transform:translateY(-50%);}
	.cardnews_area .slick_btn.slick-prev{left: -0.5rem; background-image: url(../img/main/slick_previous_r.jpg);}
	.cardnews_area .slick_btn.slick-next{left: auto; right: -0.5rem; background-image: url(../img/main/slick_next_r.jpg);}
	
	.subpage_area_mob {padding: 3.214rem 1.071rem; background:#e0e2ef;}
	.subpage_area_mob ul {background:#fff;}
	.subpage_area_mob li + li {border-top:1px solid #eff1fd;}
	.subpage_area_mob li a {display:block; padding:1.428rem 1.428rem 1.428rem 6.142rem; position:relative;}
	.subpage_area_mob li a:before {display:block; content:''; width: 3.214rem; height:3.214rem; position:absolute; top: 50%; left: 1.428rem; transform:translateY(-50%); background-size: 100% auto; background-repeat: no-repeat;}
	.subpage_area_mob li.item1 a:before {background-image:url(../img/main/subpage_icon01_mob.png);}
	.subpage_area_mob li.item2 a:before {background-image:url(../img/main/subpage_icon02_mob.png);}
	.subpage_area_mob li.item3 a:before {background-image:url(../img/main/subpage_icon03_mob.png);}
	.subpage_area_mob li.item4 a:before {background-image:url(../img/main/subpage_icon04_mob.png);}
	
	.subpage_area_mob li a strong {font-size: 1.285rem; font-weight: 500; display:inline-block; padding-right:1.6rem; position:relative;}
	.subpage_area_mob li a strong:after{display:inline-block; content:''; width:1.285rem; height:1.285rem; position:absolute; top: 50%; right:0; transform:translateY(-50%); background:url(../img/main/link_ball.png) no-repeat center; background-size: 100% auto;}
	.subpage_area_mob li a p {margin-top: 0.5rem;font-size:1.071rem; color:#666; line-height: 1.4;}
	
	.notice_area_mob {padding: 1.071rem; display:flex; justify-content: space-between;}
	.notice_area_mob .notice_area_title {color:#222; font-size:1.142rem; font-weight: 500; flex: 0 0 auto; width: auto;}
	.notice_area_mob .notice_table {padding-left:1.785rem; width: 100%; overflow:hidden;}
	.notice_area_mob .notice_table li:before {display:inline-block; content:'·'; margin-right: 0.5rem;}
	.notice_area_mob .notice_table li + li {margin-top: 1rem;}
	.notice_area_mob .notice_table li a {display:inline-block; font-size: 1rem; color:#333; max-width: 85%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.notice_area_bordertop_mob {border-top:1px solid #d9d9d9; margin-top:20px;}
	
	.service_sns_mob {margin: 20px 0 0; position:relative;}
    .service_sns_mob .center {overflow: hidden; display:flex; align-items:flex-start; justify-content: space-between;}
	
    .service_sns_mob .sns_area {flex:1; position: relative; padding: 25px 40px; height: 185px; box-sizing:border-box;}
    .service_sns_mob .sns_area .mp_area_sub_title,
    .service_sns_mob .sns_area .service_p {color:#000; text-align: center;}
    .service_sns_mob .sns_area .sns_icon{margin-top:30px; display:flex; align-items:center; justify-content: space-around;}
    .service_sns_mob .sns_area .sns_icon li{display:inline-block;}
    .service_sns_mob .sns_area .sns_icon li a {display:block; text-align:center;}
    .service_sns_mob .sns_area .sns_icon li span {display:block; font-size: 16px; font-weight: 400; color:#999; margin-top: 20px; transition: color 0.3s;}
    .service_sns_mob .sns_area .sns_icon li a:hover span {color:#000;}
    .icon_fb {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_fb.png); background-size: 100% 100%;}
    .icon_youtube {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_youtube.png); background-size: 100% 100%;}
    .icon_blog {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_blog.png); background-size: 100% 100%;}
    .icon_insta {display:inline-block; width:66px; height:66px; background-image: url(../img/main/sns_insta.png); background-size: 100% 100%;}
    .service_sns_mob .sns_area .sns_icon li a:hover .icon_fb {background-image: url(../img/main/sns_fb_on.png);}
    .service_sns_mob .sns_area .sns_icon li a:hover .icon_youtube {background-image: url(../img/main/sns_youtube_on.png);}
    .service_sns_mob .sns_area .sns_icon li a:hover .icon_blog {background-image: url(../img/main/sns_blog_on.png);}
    .service_sns_mob .sns_area .sns_icon li a:hover .icon_insta {background-image: url(../img/main/sns_insta_on.png);}
	 


	section#visual ul.vis_img {height:20rem;}
	section#visual ul.vis_img li {height:100%;}
	section#visual ul.vis_img li p.img {height: 100%; width:auto;}
	section#visual ul.vis_img li p.img img {height: 100%;}
	section#visual div.vis_text {top: 50%; transform:translateY(-50%);}
	section#visual div.vis_text .t01_01,
	section#visual div.vis_text .t01_02,
	section#visual div.vis_text .t01_03,
	section#visual div.vis_text .t01_04 {margin-top:0; font-size: 2rem; line-height: 1.5;}
	section#visual div.vis_text .t01_01 span,
	section#visual div.vis_text .t01_02 span,
	section#visual div.vis_text .t01_03 span,
	section#visual div.vis_text .t01_04 span {font-size: inherit}
	section#visual div.vis_text .t02 {font-size:1.2rem;}
	
	ul.sm_card01 {margin-right:-1px;}
	ul.sm_card01 li {width:33.3333%}
	ul.sm_card01 li:nth-child(4n) {border-right:1px solid #e8edf0;}
	
	div.visual_tab {position:static; width:100%; transform:translateX(0)}
	div.visual_tab ul.v_tab01 {float:none; width:100%;}
	div.visual_tab ul.v_tab01 li {width:50%;}
	div.visual_tab ul.v_tab02 {float:none;width: 100%;}
	div.visual_tab ul.v_tab01 li a {font-size:1.1rem;}
	div.visual_tab ul.v_tab02 li a {font-size:1.1rem;}
	
	section.smain_middle {width: 100%; overflow:hidden;}
	
	ul.sm_card02 {margin-right:-1px;}
	ul.sm_card02 li {width:50%; height:19rem; border-bottom:1px solid #e8edf0; padding: 5rem 1.071rem 0;background-size: auto 3rem !important;background-position:center 2rem !important;}
	ul.sm_card02 li p.text {font-size:1rem; line-height:1.4;}
	ul.sm_card02 li p.btn {position:static; margin-top: 1.5rem;}
	ul.sm_card02 li p.btn a {width: 100%; padding: 5px 0}
	ul.sm_card02 li p.btn a span {font-size:1rem;}
	
	ul.sm_card03 {margin-right:-1px;}
	ul.sm_card03 li {width:50%; height:17rem; border-bottom:1px solid #e8edf0 !important; padding: 5rem 1.071rem 0;background-size: auto 3rem !important; background-position:center 2rem !important;}
	ul.sm_card03 li:nth-child(5n) {border-right:1px solid #e8edf0;}
	ul.sm_card03 li p.text {font-size:1rem; line-height:1.4;}
	ul.sm_card03 li p.btn {position:static; margin-top: 1.5rem;}
	ul.sm_card03 li p.btn a {width: 100%; padding: 5px 0}
	ul.sm_card03 li p.btn a span {font-size:1rem;}
	
	ul.sm_card04 {display:flex; align-items:center; border-width: 1px 0; margin-bottom:0;}
	ul.sm_card04 li {float:none; flex:1; padding: 5rem 1.071rem 2rem; background-size: auto 3rem !important; background-position: center 1rem !important; height:auto;}
	ul.sm_card04 li p.t01 {text-align:center; font-size:1rem; line-height: 1.5;}
	ul.sm_card04 li h5 {line-height:1.2;text-align:center; font-size: 1.2rem;}
	ul.sm_card04 li h5 a {padding-right: 1.8rem;}
	ul.sm_card04 li h5 a::after {width: 1.3rem; height: 1.3rem;}
	
	.smain_bottom {margin-top:0px;}
	ul.sm_card05 {width:100%; display:flex; border-top:0;}
	ul.sm_card05 li	{flex:1; float:none; padding: 1.071rem; height:auto;}
	ul.sm_card05 li h5,
	ul.sm_card05 li .text {line-height:1.5; font-size: 1.2rem;}
	ul.sm_card05 li div.img	{position:static; padding:0}
	ul.sm_card05 li div.img .left,
	ul.sm_card05 li div.img .right {float:none; width: 100%; height:auto;margin-top:0.5rem;}
	ul.sm_card05 li div.img img{width:100%;}
	
	/*스마트러닝 서브메인*/	
	.sm_middle {padding: 2.5rem 1.071rem 0;}
	.sm_service_area, .board_area, .bottom_contents_area, .sm_call_area{margin-top:2.5rem}
	
	.submain_page_tab.pt_com_tab{width:100%;}
	.submain_page_tab.pt_com_tab li{padding:0.8rem 0.5rem;height: auto !important; margin:0; min-height : auto !important;}
	.submain_page_tab.pt_com_tab li + li {margin-left: 10px;}
	.submain_page_tab.pt_com_tab li.on{background-color: #ee2c49;border:1px solid #ee2c49; color: #fff;background-image: none; box-shadow: 0 7px 5px #fdccd4;}
	.submain_page_tab.pt_com_tab li a {line-height: normal !important; font-size: 1.3rem !important;}
	
	.sm_best_edu_area .sm_best_edu_title {flex-direction: column; margin-bottom:1.5rem;}
	.com_tab.sm_com_tab{margin:1.5rem 0 0;}
	.com_tab.sm_com_tab li a {font-size: 1.3rem}
	
	.sm_best_edu_area .pt_com_tabbox .pt_com_tab.sm_tab li{width:auto;}	
	.sm_best_edu_area .sm_best_edu_list .slick-list {margin:0 -0.5rem;padding:0;}
	.sm_best_edu_area .sm_best_edu_list .slick-slide {margin-right:0.5rem; margin-left:0.5rem;}
	.sm_best_edu_area .sm_best_edu_list li a {padding-bottom:1.3rem;}
	.sm_best_edu_area .sm_best_edu_list li span.edu_img{height: 10rem;}
	.sm_best_edu_area .sm_best_edu_list li span.edu_part{font-size:1.2rem;}
	.sm_best_edu_area .sm_best_edu_list li span.edu_title{font-size:1.2rem; margin-top: 1.071rem; padding: 0 1.071rem;}
	.sm_best_edu_area .sm_best_edu_list li span.edu_text {font-size: 1rem; line-height: 1.2; padding: 0 1.071rem; margin-top: 1rem;height:auto;}
	.sm_best_edu_area .slick_btn {width:2rem; height: 2rem;}
	.sm_best_edu_area .slick_btn.slick-prev{left: -1rem;}
	.sm_best_edu_area .slick_btn.slick-next{right: -1rem;}
	
	.sm_service_area h3{font-size: 1.5rem;}
	.sm_service_area ul{padding: 0.8rem 1.071rem 1.071rem; margin-top: 1.5rem; flex-wrap:wrap;}
	.sm_service_area li{width: 20%; flex: 0 0 auto; margin-bottom: 10px;}
	.sm_service_area li a{font-size: 1rem; line-height: normal}
	
	.board_area .board_table {flex-wrap:wrap;}
	.board_area .board_table>div{flex: 0 0 auto; width: 100%;}
	.board_area .board_table>div:nth-child(1){margin-right: 0;}
	.board_area .board_table>div:nth-child(2){margin: 1.8rem 0 0;} 
	.board_area .board_table .board_title{margin-bottom:1.5rem;flex-wrap:wrap;}
	.board_area .board_table .board_title h3{font-size: 1.5rem;}
	.board_area .board_table .board_title a.board_more{font-size: 1rem; width: auto; }
	
	.board_area .board_table .table_padding{padding: 1.071rem; height:12rem;}
	.board_area .board_table table tr td{font-size: 1.1rem;}
	
	.bottom_contents_area {padding: 0px 0 2rem 0;}
	.bottom_contents_area .service_contents li{flex: 1;background-repeat: no-repeat;}
	.bottom_contents_area .service_contents li + li {margin-left: 1.071rem;}
	.bottom_contents_area .service_contents li a {height: 10rem; font-size: 1.5rem; padding: 1.071rem; line-height:1.3;}
	.bottom_contents_area .service_contents li a b{font-size: 1.5rem;}
	.bottom_contents_area .service_contents li a span{font-size: 1rem;}
	
	.sm_call_area{padding: 1.2rem 1.071rem; flex-wrap: wrap; text-align:center; justify-content:center}
	.sm_call_area > * {width: 100%; line-height: 1.5;}
	.sm_call_area h4 {font-size:1.2rem;}    
	.sm_call_area h4 span {font-size:1rem;}    
	.sm_call_area ul {margin-left: 0;}    
	.sm_call_area ul li{font-size:1rem;}    
	.sm_call_area ul li span{font-size:1.2rem;}   
	.sm_call_area a.call_more{width:auto; margin: 0}
	
	.sm_site_area {display:block;}    
	.sm_site_area h4 {display:block;text-align:center;margin-bottom:1rem; font-size: 1.5rem;}    
	.sm_site_area ul {display:block;width: 100%; overflow: hidden;margin: 0 0 2rem;}    
	.sm_site_area ul li{display:block; float:left; text-align:center;width:30%;}    
	.sm_site_area ul li img{display:block;width:100%;}
	
	/* 마이크로러닝 서브메인 */
	.mc_visual_area {height:22rem;}
	.mc_visual_area .v_text {padding: 2rem 1.071rem;}
	.mc_visual_area .v_text .s_tit {font-size: 1.428rem; margin-bottom: 0.8rem;}
	.mc_visual_area .v_text .tit {font-size: 2.142rem;}
	.mc_visual_area .v_text .keyword {margin-top: 1.428rem;}
	.mc_visual_area .v_text .keyword p {font-size: 1.142rem;}
	.mc_visual_area .v_text .keyword p + p {margin-top:0.8rem;}
	
	.pick_wrap {top: 2rem; right: 1.071rem; width: 14rem; height:auto}
	.pick_wrap .pick_tit {font-size:1rem; border-radius: 0.7rem; padding: 0.3rem 0.8rem}
	.pick_wrap .slick-list {border-radius: 0.7rem;}
	.pick_list li.slick-slide {width: 100%; height: 100%;}
	.pick_list li.slick-slide .thumb {background-repeat:no-repeat; background-size:cover; background-position: center; transition: all 0.3s;}
	.pick_list li.slick-slide .thumb img{max-width:100%;}
	.pick_list li.slick-slide a:hover .thumb {transform:scale(1.1)}
	.pick_list li.slick-slide .text{font-size:1rem; padding: 0 1.071rem 2rem}
	.pick_list li.slick-slide .tit {font-size:1.2rem; line-height: 1.3; height:3rem;}
	.pick_list li.slick-slide .category {display:block; margin-top: 15px; font-size: 15px; color:#fff;}
	.pick_list .slick-dots {bottom:-30px;}
	.pick_list .slick_btn.slick-prev {display:block !important;top: calc(50% - 15px);left: -15px; width: 30px; height: 30px; background-size: 100% auto;}
	.pick_list .slick_btn.slick-next {top: calc(50% - 15px);left:auto; right: -15px; width: 30px; height: 30px; background-size: 100% auto;}
	
	.mc_middle {padding:0 1.071rem;}
	.mc_edu_area .mc_edu_tit_wrap {margin: 2.5rem 0 1.5rem}
	.mc_edu_area .mc_edu_tit_wrap h3 {font-size: 1.5rem;}
	.mc_edu_area .mc_edu_tit_wrap .btn_more {font-size:1rem;}
	.mc_edu_list li.slick-slide {width: 13rem !important;}
	.mc_edu_list li.slick-slide a{margin-right: 1rem;}
	.mc_edu_list li.slick-slide .text{padding: 0 1.071rem 2rem;}
	.mc_edu_list li.slick-slide .tit {font-size:1.2rem; line-height: 1.3; height:3rem;}
		
	.mc_cardnews_area {padding: 3rem 1.071rem; margin-top: 3rem;}
	.mc_cardnews_area .cardnews_box .tit {margin-bottom: 1rem;}
	.mc_cardnews_area .cardnews_box h3 {font-size: 2rem;}
	.mc_cardnews_area .cardnews_box .btn_more {font-size:1rem;}
	.mc_cardnews_area .cardnews_box .cardnews {margin: -0.5rem;}
	.mc_cardnews_area .cardnews_box .cardnews li {width: 50%; padding: 0.5rem;}
	.mc_cardnews_area .cardnews_box .cardnews li .tt {margin: 1.2rem 0 0.5rem; font-size:1.2rem; line-height: 1.3; height:3rem;}
	
}
@media screen and (max-width: 768px) {
	.review_area .review_ul li:nth-child(2){display:none;}
	
	ul.sm_card01 li {width:50%; padding-left: 1.071rem; padding-right: 1.071rem;}
	ul.sm_card01 li .text_box {padding-left: 1.071rem; padding-right: 1.071rem; height:100%;}
	ul.sm_card01 li.i13,
	ul.sm_card01 li.i14 {height: 280px;}
	
	ul.sm_card01 li h5,
	ul.sm_card02 li h5,
	ul.sm_card03 li h5 {font-size: 1.2rem; line-height:1.5;}
	
	ul.sm_card02 li {height: 22rem;}
	
	section#visual ul.vis_img li p.img {left: 100%;}
	
	.sm_service_area li{width: 33.33%;}
	.board_area .board_table .board_title h3 {width: 100%;}
	.board_area .board_table .board_title ul.com_tab.sm_com_tab {margin: 1.071rem 0 0;}
	.board_area .com_tab.sm_com_tab li:first-child a{padding-left: 0;}
	.bottom_contents_area .service_contents {flex-wrap:wrap;}
	.bottom_contents_area .service_contents li {flex: 0 0 auto; width: 100%;}
	.bottom_contents_area .service_contents li + li {margin:1.071rem 0 0;}
	
	/* 마이크로러닝 서브메인 */
	.mc_visual_area {height:auto; padding: 2rem 2rem 3rem; background-position: 30% !important;}
	.mc_visual_area .v_text {position:static; top:auto; padding:0;}
	.mc_visual_area .visual_slick_ul {display:none;}
	
	.pick_wrap {position:inherit; width: auto; margin: 0 0 3rem; left: 0.4rem;}
	.pick_list li.slick-slide {height: 22.5rem;}
	.pick_list li.slick-slide .thumb {height: 22.5rem;}
	.pick_list li.slick-slide .text {padding-left: 2.5rem; padding-right: 2.5rem;}
	
}
@media screen and (max-width: 374px) {
	ul.sm_card01 li.i13,
	ul.sm_card01 li.i14 {height: 320px;}
	ul.sm_card02 li {height: 25rem;}
	 
	.sm_site_area ul li{float:none; width:100%;}    
}

/*산업은행 기업ASP*/
/* visual_area */
.visual_area_asp{position: relative;}
.visual_area_asp .visual_slick{position: relative;top: 0; left: 0;}
.visual_area_asp .visual_slick ul.visual_slick_ul{overflow: hidden;height: 350px;}
.visual_area_asp .visual_slick ul.visual_slick_ul li{float: left;height: 450px;position:relative;overflow:hidden;}
.visual_area_asp .visual_slick ul.visual_slick_ul li span,
.visual_area_asp .visual_slick ul.visual_slick_ul li a{display: block;height: 450px; background-repeat: no-repeat;background-size: 100%;}
.visual_area_asp .visual_slick ul.visual_slick_ul li a img,.visual_area .visual_slick ul.visual_slick_ul li span img{position:absolute; top:0; left:50%;width:2000px; transform:translateX(-50%); height: 100%;}
.is-pc .visual_area_asp .visual_slick ul.visual_slick_ul li a{background-image:none !important;}
.is-pc .visual_area_asp .visual_slick ul.visual_slick_ul li span{background-image:none !important;}