@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
/* 상담팝업 */

/* header */
#header_new {}
#header_new .main_head {position:absolute; top:45px; width:1200px; left:50%; margin-left:-600px; z-index:10;}
#header_new .main_head h2 {float:left;}
#header_new .main_head div.util {float:right;}
#header_new .main_head div.util a { font-size:12px; font-family:'notokr-medium'; color:#111; margin:0 5px;}
#header_new .main_head div.util input
	{
	background-color:transparent; border-bottom:1px solid #000;
	background:url("//image.hrdch.co.kr/studych/image/studych/main/new/icon_Search.png") 0 0 no-repeat;
	height:20px; margin-left:10px; padding-left:20px; color:#000; font-weight:bold; width:110px;
	}

/* 회원가입 시 만원받기 */
#header_new .main_head p
	{
	animation: motion 0.5s linear 0s infinite alternate; position:absolute; top:18px; left:50%; margin-left:275px;
	background:url("//image.hrdch.co.kr/studych/image/studych/main/new/bg_Join.png") 0 0 no-repeat;
	width:77px; height:15px; color:#fff; font-size:11px; padding-top:8px; text-align:center;
	}
	@keyframes motion {
		0% {margin-top: 0px;}
		100% {margin-top: 3px;} /* 높이 조절*/
	}
	-webkit-@keyframes motion {
		0% {margin-top: 0px;}
		100% {margin-top: 3px;} /* 높이 조절*/
	}

/* 날개배너 */
.l_bn_side {position:absolute;top:800px;right:50%;margin-right:630px;z-index:99;}
.l_bn_side>p{width:160px;overflow:hidden;  margin-bottom:20px; box-shadow: 8px 12px 12px rgba(0, 0, 0, 0.1);}
.l_bn_side img { }

.bn_side {position:absolute; top:800px; left:50%; margin-left:630px; z-index:99;}
.bn_side>p{width:106px; height:106px; overflow:hidden;  margin-bottom:20px; box-shadow: 8px 12px 12px rgba(0, 0, 0, 0.1); border-radius:50%;}
.bn_side img { }

/************************************************************ 카톡상담팝업 ************************************************************
.pop_kakao {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999;}
.bg_kakao { background:#000; opacity:.8; position:fixed; top:0; left:0; width:100%; height:100%;  }
.con_kakao {position:relative; left:50%; top:50%; margin-left:-450px; margin-top:-300px; width:900px;}
.con_kakao a {position:absolute; top:20px; right:20px;}

/************************************************************ 메인배너 ************************************************************/
.main_vis
		{
		position:relative; height:735px; overflow:hidden; width:100%;
		linear-gradient(137deg, #ffdad2, #c4bcf5, #c9d7b1, #e9e082); background-size: 800% 800%;	
		}
.main_vis .main_bn_sec ul li {float:left; margin-right:40px; width:375px; height:500px; border-radius:15px; overflow:hidden; box-shadow: 8px 12px 12px rgba(0, 0, 0, 0.2);}
.main_vis .main_bn_sec ul li.ytWrap{width:100%;margin-right:118px;overflow:unset;box-shadow:unset;position:relative;}
.main_vis .main_bn_sec ul li.ytWrap .ytBg{width:100%;position:absolute;}
.main_vis .main_bn_sec ul li.ytWrap .ytBgL{position:absolute;left:56px;top:120px;z-index:10;}
.main_vis .main_bn_sec ul li.ytWrap .ytBgL img{width:37px;height:259px;filter:unset;}
.main_vis .main_bn_sec ul li.ytWrap .ytCont{width:964px;height:440px;margin:28px auto 0 auto;overflow:hidden;position:relative;}
.main_vis .main_bn_sec ul li.ytWrap .ytCont img{width:100%;height:100%;}
.main_vis .main_bn_sec ul li.ytWrap .ytCont .sample{width:100%;height:100%;position:absolute;top:0;left:0;display:none;overflow:hidden;border-radius:45px;}
.main_vis .main_bn_sec ul li.ytWrap .ytCont .sample iframe{width:100%;height:100%;}
.main_vis .main_bn_sec ul li.ytWrap .ytCont .sample_cover{width:100%;height:100%;overflow:hidden;border-radius:45px;}
.main_vis .main_bn_sec ul li.end_main_bn {margin-right:0 !important;}
.main_vis .main_bn_sec ul li p {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: all 0.3s ease-in-out;}
.main_vis .main_bn_sec ul li p:hover {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}

		
.main_vis div.swiper_container {
		width: 1260px;
		height: 550px;
		z-index:99;
	  }
.main_vis div.swiper_container img {border-radius:15px; filter:drop-shadow(15px 20px 10px rgba(0, 0, 0, 0.5));}
.main_vis div.swiper_container div.swiper-wrapper div.swiper-slide {
		text-align: center;
		flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
	  
.main_vis .swiper_container{margin-left:auto; margin-right:auto; position:relative; list-style:none; padding:0; top:120px;}
.main_vis .swiper-wrapper{position:relative;width:1200px;height:500px !important;z-index:90;display:flex;}
.main_vis .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;z-index:99}
.main_vis .swiper-container-horizontal>.swiper-pagination-bullets,.main_vis .swiper-pagination-custom,.main_vis .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.main_vis .swiper-pagination-bullet{width:11px !important;height:11px !important;display:inline-block;border-radius:11px  !important; background:#fff; opacity:1 !important;}
.main_vis .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer; margin:0 4px; transition:all ease .5s 0s;}
.main_vis .swiper-pagination-bullet-active{opacity:1;width:42px !important; background:#e61b23 !important; background:var(--swiper-pagination-color,var(--swiper-theme-color))}

.bg_main_pattern {
	width:100%; height:730px;position:absolute; top:0; z-index:9; background:url("//image.hrdch.co.kr/studych/image/studych/main/new/bg_Main_Pattern_2.png") 0 0; /*transform:rotate(-10deg);*/opacity: 0.8;
}
/* 메인배경_그라데이션 */
.bg_gra_2 {
	width:300%;height:100%;position:absolute;top:0; border:0; padding:0;z-index:1;
	color: #fff; background: linear-gradient(-45deg, #e9e082, #c9d7b1, #c4bcf5, #ffdad2);
    background-size: 400% 400%;
    animation: AnimationName 16s ease infinite;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	-webkit-animation: AnimationName 16s ease infinite;
	-moz-animation: AnimationName 16s ease infinite;
	-o-animation: AnimationName 16s ease infinite;
	animation: AnimationName 16s ease infinite;
}
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }



/************************************************************ 강의리스트 리스트 ************************************************************/
.main .class_wrap{background:#fafafa; padding:60px 0;}
.main .menu_box {width:1130px; margin:0px auto; background:#fff; padding:35px; border-radius:15px; border:1px solid #e8e8e8; box-shadow: 6px 8px 12px 5px #f1f1f1;}
.menu_box ul {width:100%; border-bottom:1px solid #e5e5e5; padding:4px 0;}
.menu_box ul li {display:inline-block; padding: 10px 0; vertical-align:middle;font-family:'notokr-medium';}
.menu_box ul li.menu_cate {width:15%; text-align:center; font-size:17px; color:#111;}
.menu_box ul li.menu_cate p {margin-bottom:10px;}
.menu_box ul li.menu_list {width:84%;}
.menu_box ul li.menu_list a {font-size:14px; color:#5c5c5c; font-family:'notokr-medium'; background:#f4f4f4; padding:5px 15px; border-radius:30px; border:1px; margin:8px; display:inline-block;}
.menu_box ul li.menu_list a:hover {background:#ee2728; color:#fff; transition:background-color 1s;}
.menu_box ul li.menu_list span { border-radius:3px; padding:2px; font-weight:bold; font-size:10px; color:#fff; margin-left:10px; font-family:'Gulim',굴림;}
.menu_box ul li.menu_list span.new {background:#8b0ef6;}
.menu_box ul li.menu_list span.hot {background:#f94a1b;}
.menu_box ul li.menu_list span.event {background:#00b39b;}

.bn_class {margin:30px auto 0 auto; width:1200px;}



/************************************************************ 베스트강좌 ************************************************************/
.best_lecture {background:#dcdaec; padding:60px 0 70px 0; height:445px;}
.best_lecture p {width:1200px; margin:0 auto; font-size:30px; font-weight:bold; text-align:left; color:#111;font-family:'notokr-medium'; height:35px; margin-bottom:10px; letter-spacing:-1px;}
.best_lecture .tab{width:1200px; margin:0 auto; background:#000;}
.best_lecture .tabnav{font-size:0; width:330px; float:right; margin-top:15px;}
.best_lecture .tabnav li{display:block;height:74px; text-align:left; border-bottom:1px solid #ddd;cursor:pointer;}
.best_lecture .tabnav li a{ position:relative; display:block; background: #f8f8f8; padding:0 30px 0 15px; height:74px; line-height:21px; text-decoration:none; font-size:16px; color:#111; font-family:'notokr-medium';}
.best_lecture .tabnav li a span {font-size:14px; color:#737373; display:block;font-family:'notokr-medium'; padding-top:14px;}
.best_lecture .tabnav li a.active{border-bottom:1px solid #fff;}
.best_lecture .tabnav li a.active span {color:#fff; opacity:0.5;}
.best_lecture .tabnav li a:hover span {color:#fff; opacity:0.5;}
.best_lecture .tabnav li a.tab01:hover, .tabnav li a.tab01.active{background:#0f59bd; color:#fff; transition:background-color 1s;}
.best_lecture .tabnav li a.tab02:hover, .tabnav li a.tab02.active{background:#4ea887; color:#fff; transition:background-color 1s; }
.best_lecture .tabnav li a.tab03:hover, .tabnav li a.tab03.active{background:#000; color:#fff; transition:background-color 1s; }
.best_lecture .tabnav li a.tab04:hover, .tabnav li a.tab04.active{background:#f20490; color:#fff; transition:background-color 1s; }
.best_lecture .tabnav li a.tab05:hover, .tabnav li a.tab05.active{background:#4204f2; color:#fff; transition:background-color 1s; }
.best_lecture .tabcontent{height:400px; border-top:none; float:left; width:870px; color:#fff; border-radius:15px; overflow:hidden; box-shadow: 3px 5px 6px 3px rgba(0, 0, 0, 0.1); z-index:9; position:relative;}



/************************************************************ 무료강좌 ************************************************************/
.free_lecture {padding:60px 0 70px 0; width:1200px; margin:auto; height:650px;}
.free_lecture p {width:1200px; margin:0 auto; font-size:30px; font-weight:bold; text-align:left; color:#111;font-family:'notokr-medium'; height:35px;letter-spacing:-1px;}

.free_lecture img{cursor:pointer;}
.free_lecture .playerBg{position:absolute;left:0;top:0;opacity:0.5;}
.free_lecture .playerBtn{position:absolute;left:0;top:0;}
.free_lecture .playerCont{height:180px;}
.free_lecture .playerBot{position: absolute;bottom: 0;background: rgba(0,0,0, 0.5);color: #fff;font-family: 'notokr-medium';height: 30px;width: 255px;line-height: 30px;font-size: 14px;text-align: left;padding: 0 10px;overflow: hidden;letter-spacing:0;}
/*tab css*/
.free_lecture .tab_free{float:left; width:1200px; height:290px;}
.free_lecture .tabnav{font-size:0; width:1200px;}
.free_lecture .tabnav li{display:inline-block;width:200px;height:46px;text-align:center;cursor:pointer;}
.free_lecture .tabnav li a.active{background:url("//image.hrdch.co.kr/studych/image/studych/main/new/icon_Free_Arrow.gif") bottom center no-repeat;}
.free_lecture .tabnav li a{ position:relative; display:block; color: #666; line-height:46px; text-decoration:none; font-size:17px;font-family:'notokr-regular';}
.free_lecture .tabnav li a:hover,
.free_lecture .tabnav li a.active{color:#111; }
.free_lecture .wrap_free_video {padding: 20px; height:220px; border:1px solid #ddd; margin-top:10px; background:#f5f5f5; border-radius:15px; color:#111; letter-spacing:-2px; position:relative; z-index:9;}
.free_lecture .tit_free_01 {font-size:23px; line-height:50px;font-family:'notokr-light';}
.free_lecture .tit_free_02 {font-size:28px; font-family:'notokr-regular';}
.free_lecture .tit_free_03 {font-size:17px; line-height:25px;font-family:'notokr-light';}
.free_lecture .tit_free_div {display:block; height:30px; border-bottom:1px solid #000; margin-bottom:30px; width:35px;}
.free_lecture .tabcontent div p.txt_Free {float:left; width:270px; margin-top:15px;}
.free_lecture .tabcontent div div.orientation_video {float:left; width:870px; padding-top:5px; }

/* 무료강좌 영상 슬라이드 */

.slide_wrap .swiper-slide {
text-align: center; font-size: 18px; background: #fff; width:275px !important;

/* Center slide text vertically */
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}

.slide_wrap .swiper-slide img {display:block; width:100%; height: 100%; object-fit: cover;}

.slide_wrap .swiper-container {width: 855px; height: 180px; margin: 20px auto;}


.slide_wrap .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.slide_wrap .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;box-sizing:content-box; margin-left:-290px;}
.slide_wrap .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;}
.slide_wrap .swiper-slide-invisible-blank{visibility:hidden}
.slide_wrap .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.slide_wrap .common_btn_next,.common_btn_prev{position:absolute; top:65px; z-index:10;cursor:pointer;display:flex;outline:none;}
.slide_wrap .common_btn_prev,.swiper-container-rtl .common_btn_next{left:-26px;}
.slide_wrap .common_btn_next,.swiper-container-rtl .common_btn_prev{right:-28px;}

.slide_wrap {height:180px; position:relative; width:855px;}

.slide_wrap .sample iframe{width:275px;height:180px; left:0;}
.slide_wrap .sample{width:275px;height:180px; position:absolute; z-index:99; left:0; top:0;}
.slide_wrap .sample_cover{width:275px;height:180px;position: absolute;z-index:999; left:0; display:none;}



/************************************************************ 강사진 ************************************************************/
.professor_wrap {padding:60px 0 70px 0; width:100%; height:745px; background:#f1f3f6 url("//image.hrdch.co.kr/studych/image/studych/main/new/bg_professoer.gif") top center no-repeat; position:relative;}
.professor_wrap p.tit {width:1200px; margin:0 auto; font-size:30px; font-weight:bold; text-align:center; color:#111;font-family:'notokr-medium'; height:35px; margin-bottom:10px; letter-spacing:-1px;}

/*tab css*/
.professor_wrap .pro_box{width:1200px; height:290px; margin:auto;}
.professor_wrap .tabnav {width:1200px; margin-bottom:10px; font-size:0;}
.professor_wrap .tabnav li {display: inline-block; text-align:center; cursor:pointer;}
.professor_wrap .tabcontent div.con_pro:nth-child(2){display:none} 
.professor_wrap .tabcontent div.con_pro:nth-child(3){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(4){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(5){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(6){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(7){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(8){display:none}


.professor_wrap .wrap_free_video {height:220px; border:1px solid #ddd; margin-top:10px; background:#f5f5f5; border-radius:15px; color:#111; letter-spacing:-2px; position:relative; z-index:9;}

.professor_wrap .swiper-container { width: 1200px; height: 600px; border-radius:15px; box-shadow: 6px 8px 12px #cecfd2;}

.professor_wrap .swiper-slide { text-align: center; font-size: 18px;
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

.professor_wrap .swiper-slide img { display: block; object-fit:cover;}
.professor_wrap .pro_page {width:1200px; margin:auto; position:relative;}
.professor_wrap .swiper-pagination {position:unset !important; width:100%;}
.professor_wrap .pro_page span {margin:20px 2px !important;}
.professor_wrap .swiper-pagination-bullet {width:10px !important; height:10px !important;}
.professor_wrap .swiper-pagination-bullet-active {width:12px !important; height:12px !important; background:#f00006 !important;}
.professor_wrap .swiper-slide {}

/************************************************************ 정보컨텐츠 ************************************************************/
.information_wrap {padding:60px 0 60px 0; width:100%; height:1000px; position:relative;}
.information_wrap p.tit {width:1200px; margin:0 auto; font-size:30px; font-weight:bold; text-align:center; color:#111;font-family:'notokr-medium'; height:35px; margin-bottom:10px; letter-spacing:-1px;}

.information_wrap .imp_info {margin:auto; width:1200px; display:block;}
.information_wrap .imp_info>div { float:left; margin-top:50px;}
.information_wrap .imp_info>div>p {font-size:25px; font-weight:bold; color:#111; font-family:'notokr-medium'; letter-spacing:-1px; height:25px;}
.information_wrap .imp_info>div>p span {font-size:14px; color:#dd0031; font-weight:normal;}
.information_wrap .imp_info>div>p span.tit_event {font-size:20px !important; color:#111 !important;}

/* 추천강좌
.information_wrap .info_recom>div {margin:20px 30px 0 0; width:377px; height:495px; border-radius:15px; box-shadow: 6px 8px 12px #efefef; border:1px solid #e5e5e5; overflow:hidden;}
.info_recom dl{width:100%;}
.info_recom dt{border-bottom:1px solid #e5e5e5 ;padding:17px 20px;cursor:pointer;}
.info_recom dt a {line-height:20px; font-size:16px; height:35px; color:#111; font-family:'notokr-medium';cursor:pointer; letter-spacing:-1px;}
.info_recom dt a span {font-size:12px; display:block; color:#737373;font-family:'notokr-regular'; letter-spacing:-1px;}
.info_recom dt a:hover {color:#ea1c24;}
.info_recom dt a:hover span {color:#ea1c24;}
.info_recom dt a:after {color:#ea1c24;}
.info_recom dt.active{border-left:2px solid #f02a08;border-right:2px solid #f02a08;border-top:2px solid #f02a08;}
.info_recom dt:nth-child(1).active{border-radius:15px 15px 0 0;}
.info_recom dd{height:0;transition:all 0.3s ease-out;padding:0;}
.info_recom dd img{display:none;height:0;margin-left:180px;padding-top:20px;}
.info_recom dd.visible{padding:20px 20px 20px 16px;height:80px;transition:height 0.15s ease-in-out;border-left:2px solid #f02a08;border-right:2px solid #f02a08;border-bottom:2px solid #f02a08;}
.info_recom dd.visible img{display:block;height:80px;margin-left:0;padding-top:0;transition:all 0.15s ease-in-out;}
.info_recom dd:last-child.visible{border-radius:0 0 15px 15px;padding-bottom:15px;}

dd{padding:20px; text-align:center; background:#e5e5e5;}
dd:after { background:#f5f5f5;}
dt.end_info_reco {border-bottom:0;} */



.information_wrap .info_recom>div {margin:20px 30px 0 0; width:377px; height:495px; border-radius:15px; box-shadow: 6px 8px 12px #efefef; border:1px solid #e5e5e5; overflow:hidden;}
.info_recom dl{width:100%;}
.info_recom dt{border-bottom:1px solid #e5e5e5 ;padding:17px 20px 18px 20px; cursor:pointer;}
.info_recom dt a {line-height:20px; font-size:16px; height:35px; color:#111; font-family:'notokr-medium';cursor:pointer; letter-spacing:-1px;}
.info_recom dt a span {font-size:12px; display:block; color:#737373;font-family:'notokr-regular'; letter-spacing:-1px;}
.info_recom dt a:hover {color:#ea1c24;}
.info_recom dt a:hover span {color:#ea1c24;}
.info_recom dt a:after {color:#ea1c24;}
.info_recom dt.active{background:#f5f5f5;}
.info_recom dt.active a {color:#ea1c24;}
.info_recom dt.active a span {color:#ea1c24;}
.info_recom dt:nth-child(1).active{border-radius:15px 15px 0 0;}
.info_recom dd{height:0;transition:all 0.3s ease-out;padding:0;}
.info_recom dd img{display:none;height:0;margin-left:180px;padding-top:20px;}
.info_recom dd.visible{padding:20px 20px 20px 16px;height:80px;transition:height 0.15s ease-in-out;}
.info_recom dd.visible img{display:block;height:80px;margin-left:0;padding-top:0;transition:all 0.15s ease-in-out;}
.info_recom dd:last-child.visible{border-radius:0 0 15px 15px;padding-bottom:15px;}

dd{padding:20px; text-align:center; background:#e5e5e5;}
dd:after { background:#f5f5f5;}
dt.end_info_reco {border-bottom:0;}

/* 학습수기 */
.information_wrap .info_review>div {margin:20px 30px 0 0; width:327px; height:445px; border-radius:15px; box-shadow: 6px 8px 12px #efefef; border:1px solid #e5e5e5; overflow:hidden; padding:25px;position:relative;}
.info_review .btn_review a {margin-right:15px; display:inline-block;}

.information_wrap .info_review .tit_review {height:25px; display:block; margin-right:30px;}
.information_wrap .info_review .tit_review p {font-size:25px; font-weight:bold; color:#111; font-family:'notokr-medium'; letter-spacing:-1px; height:25px; float:left;}
.information_wrap .info_review .tit_review p span {font-size:14px; color:#dd0031; font-weight:normal;}
.information_wrap .info_review .tit_review a {display:block; float:right;}

.info_review .teacher_review .bx-wrapper .bx-controls {position: absolute; top:95px;  width:360px; margin-left:-15px;}
.info_review .teacher_review .bx-wrapper .bx-controls .bx-pager {display: none;}
.info_review .teacher_review .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
width:35px; height:35px; text-indent: 9999px; background: url(//image.hrdch.co.kr/studych/image/studych/main/new/btn_Info_Review_L.png)no-repeat; float: left;
}

.info_review .teacher_review .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
width:35px; height:35px; text-indent: 9999px; background: url(//image.hrdch.co.kr/studych/image/studych/main/new/btn_Info_Review_R.png)no-repeat; float: right;
}
.info_review .teacher_review_box li {margin-right:25px;height:455px;}
.info_review .teacher_review_box li p {font-family:'notokr-regular'; font-size:16px; color:#949494; letter-spacing:-1px; line-height:25px;}
.info_review .teacher_review_box li p span.tit_Info_Review {font-family:'notokr-medium'; font-size:18px; color:#111; margin:20px 0 15px 0; display:block;}
.info_review .teacher_review_box li p span.name_Info_Review {font-family:'notokr-regular'; font-size:14px; color:#949494; margin:15px 0 0 0; display:block;}

.info_review .teacher_review_box li div {font-family:'notokr-regular'; font-size:16px; color:#949494; letter-spacing:-1px; line-height:25px;}
.info_review .teacher_review_box li .tit_Info_Review {font-family:'notokr-medium'; font-size:18px; color:#111; margin:20px 0 15px 0; display:block;}
.info_review .teacher_review_box li .cont_Info_Review {height:150px;overflow:hidden;}
.info_review .teacher_review_box li .name_Info_Review {font-size:14px; margin:15px 0 0 0; display:block;}

/* 이벤트 */
.information_wrap .info_event>div {margin:20px 0 0 0; width:379px; height:495px; background:#fff; border-radius:15px; box-shadow: 6px 8px 12px #e8e8e8; overflow:hidden;}
.info_event div.swiper_container {
		width: 379px;
		height: 495px;
		z-index:99;
	  }
.info_event div.swiper_container div.swiper-wrapper div.swiper-slide {
		text-align: center;
		flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	  }
	  
.info_event .swiper_container{position:relative; overflow:hidden; list-style:none;}
.info_event .swiper-wrapper{position:relative;z-index:90;display:flex;}
.info_event .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;z-index:99}
.info_event .swiper-container-horizontal>.swiper-pagination-bullets,.main_vis .swiper-pagination-custom,.main_vis .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.info_event .swiper-pagination-bullet{width:11px !important;height:11px !important;display:inline-block;border-radius:11px  !important; background:#fff; opacity:1 !important;}
.info_event .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer; margin:0 4px}
.info_event .swiper-pagination-bullet-active{opacity:1; background:#e61b23 !important; background:var(--swiper-pagination-color,var(--swiper-theme-color))}



.information_wrap .etc_info {margin:auto; width:1200px; display:block;clear: both;}
.information_wrap .etc_info>div {float:left; border-radius:15px;}

/* 공지사항, 시험공고 */
.information_wrap .info_notice, .information_wrap .info_date {margin:40px 30px 0 0; width:377px; height:298px; background:#f2f2f2; border:1px solid #e8eaeb;}
.information_wrap .info_notice div, .information_wrap .info_date div {
	font-size:18px; font-family:'notokr-medium'; color:#111; border-bottom:1px solid #c2c2c2; padding:20px; letter-spacing:-1px;}
.information_wrap .info_notice div a, .information_wrap .info_date div a {
	float:right; background:#fff url("//image.hrdch.co.kr/studych/image/studych/main/new/icon_info_go.gif") 85px 7px no-repeat; 
	padding:5px 20px 5px 10px; border:1px solid #e8eaeb; color:#646363; font-size:13px; font-family:'notokr-regular'; letter-spacing:-1px; margin-top:-5px;}
.information_wrap .info_notice ul, .information_wrap .info_date ul {padding:10px 20px;}
.information_wrap .info_notice li, .information_wrap .info_date li {padding:10px 0;}
.information_wrap .info_notice li a, .information_wrap .info_date li a {font-family:'notokr-medium'; font-size:15px; letter-spacing:-1px; line-height:20px; color:#111;}
.information_wrap .info_notice li a:hover, .information_wrap .info_date li a:hover {color:#ea1c24;}
.information_wrap .info_notice li span, .information_wrap .info_date li span {display:block; color:#737373; font-size:12px; font-family:'notokr-regular'; letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.2em;height: 35px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.information_wrap .info_bn div:first-child{margin-bottom:10px; margin-top:40px;}


/************************************************************ 고객센터 및 소셜 서비스 ************************************************************/

.service_wrap {padding-top: 60px; padding-bottom: 20px; width:100%; background:#f5f5f5; height:170px;}
.service_wrap>div {width:1200px; margin:auto;}
.service_wrap>div>div {float:left; height:190px;}
.service_wrap .customer {border-right:1px solid #e5e5e5;padding-right:25px;}
.service_wrap>div p {font-size:22px; color:#111; font-family:'notokr-medium'; margin-bottom:40px; letter-spacing:-1px;}
.service_wrap .customer li.cus_call {font-size:40px; font-weight:bold; font-family:'notokr-medium'; letter-spacing:-1px;margin-bottom:30px; color:#111;}
.service_wrap .customer li.cus_time {font-size:14px; font-family:'notokr-medium'; letter-spacing:-1px;margin-bottom:10px; color:#7e7e7e;}
.service_wrap .customer li:nth-child(3){margin-bottom:10px;}
.service_wrap .customer li a {display:inline-block; padding:5px 25px 5px 10px; font-size:14px; font-family:'notokr-medium'; letter-spacing:-1px;color:#7e7e7e;background:#fff url('//image.hrdch.co.kr/studych/image/studych/main/new/arrow_Service_Cus.gif') no-repeat 90% 50%; border:1px solid #e5e5e5; margin-right:5px;}

.service_wrap .btb {width:225px;border-right:1px solid #e5e5e5; padding:0 25px;}
.service_wrap .btb div{margin-left:-9px;}
.service_wrap .btb a {margin:0 5px 10px 0; display:inline-block;}
.service_wrap .btb li{text-align:center;}
.service_wrap .btb li a {display:inline-block; padding:5px 25px 5px 10px; font-size:14px; font-family:'notokr-medium'; letter-spacing:-1px;margin-bottom:20px; color:#7e7e7e;background:#fff url('//image.hrdch.co.kr/studych/image/studych/main/new/arrow_Service_Cus.gif') no-repeat 90% 50%; border:1px solid #e5e5e5; margin-right:5px;}

.service_wrap .sns {border-right:1px solid #e5e5e5; padding:0 25px;}
.service_wrap .sns a {margin:0 5px 10px 0; display:inline-block;}
.service_wrap .sns li:nth-child(2) a img{width:27.5px;height:auto;}

.service_wrap .certification {padding:0 0 0 20px;}
.service_wrap .certification a {margin-bottom:30px; display:inline-block;}
.service_wrap .certification a img{width:220px;height:auto;}



/*패밀리사이트 로고 */

.logo_line { background: #f5f5f5; width:  100%; margin:  0 auto; text-align: center; padding: 25px 0;  }
.inner_footer { border-top: 1px solid #e5e5e5; width: 1200px; margin: 0 auto; }
.logo_line .inner_footer ul{display: inline-block;}
.logo_line .inner_footer ul:after{content:'';display:block;clear:both;}
.logo_line .inner_footer ul li{float:left;}
.logo_line .inner_footer ul li a{margin: 0 15px;display:block;}
.logo_line .inner_footer ul li a img {height: 28px;width: auto;}
.logo_line > .inner_footer > p {
    font-size: 22px;
    color: #111;
    text-align: left;
    margin:  30px 0;
    font-family: 'notokr-medium';
    letter-spacing: -1px;

}



/************************************************************ 카드뉴스 ************************************************************/
.cardnews_wrap {background:url(//image.hrdch.co.kr/studych/image/studych/main/new/bg_News_220613.jpg) center no-repeat;  box-sizing: border-box; height:370px;transition:all ease 2s 0s;}
.cardnews_wrap.bg2 {background:url(//image.hrdch.co.kr/studych/image/studych/main/new/bg_bn_News_220422.jpg) center no-repeat;  box-sizing: border-box; height:370px;transition:all ease 2s 0s;}
.cardnews_wrap.bg3 {background:url(//image.hrdch.co.kr/studych/image/studych/main/new/bg_News_220411.jpg) center no-repeat;  box-sizing: border-box; height:370px;transition:all ease 2s 0s;}
.cardnews_wrap.bg4 {background:url(//image.hrdch.co.kr/studych/image/studych/main/new/bg_News_220215.jpg) center no-repeat;  box-sizing: border-box; height:370px;transition:all ease 2s 0s;}
/* .cardnews_wrap.bg5{background:url(//image.hrdch.co.kr/studych/image/studych/main/new/bg_News_211015.jpg?v=211015) center no-repeat;  box-sizing: border-box; height:370px;transition:all ease 2s 0s;} */

.cardnews_wrap .cardnews {position:relative; width:1200px; height:290px; z-index:99; top:40px; margin:auto; }

.cardnews_wrap .cardnews .bx-wrapper .bx-controls {position: absolute; top:100px;  width:1380px; margin-left: -90px; }
.cardnews_wrap .cardnews>div>div:first-child {z-index:9999;}
.cardnews_wrap .cardnews .bx-wrapper .bx-controls .bx-pager {display: none;}

.cardnews_wrap .cardnews .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
					width:70px; height:70px; text-indent: 9999px; background: url(//image.hrdch.co.kr/studych/image/studych/main/new/btn_News_L.png)no-repeat; float: left; z-index:9;}

.cardnews_wrap .cardnews .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
					width:70px; height:70px; text-indent: 9999px; background: url(//image.hrdch.co.kr/studych/image/studych/main/new/btn_News_R.png)no-repeat; float: right; z-index:9;}

.cardnews_wrap .cardnews_list li>p {float:left; border-radius:15px; overflow:hidden;}
.cardnews_wrap .cardnews_list li>div {float:right; width:500px; margin:25px 50px 0 0 ;}
.cardnews_wrap .cardnews_list li>div p.study_news {color:#fff; font-size:20px; font-family:'notokr-lighjt';letter-spacing:-1px;}
.cardnews_wrap .cardnews_list li>div p.tit_news {color:#fff; font-size:30px; font-family:'notokr-medium'; padding:20px 0; border-bottom:2px solid #fff;border-top:1px solid #fff; letter-spacing:-1px; margin-top:20px;}
.cardnews_wrap .cardnews_list li>div p.txt_news {color:#fff; font-size:20px; font-family:'notokr-regular'; line-height:30px; letter-spacing:-1px; margin-top:20px;}
.cardnews_wrap .cardnews_list li>div p a{color:#b2b2b2; font-size:14px; display:block; margin-top:30px;}

/************************************************************ footer ************************************************************/
.footer_wrap{min-height:300px;}

.footer_wrap .footer_menu_wrap {padding:10px 0;  border-bottom:1px solid #d9d9d9;}
.footer_wrap .footer_line {margin:auto; width:1200px; padding:20px 0;}
.footer_wrap .menu_footer{text-align:left; float:left;}
.footer_wrap .menu_footer a{display:inline-block;margin:0 40px 0 0; font-size:12px; height:35px; color:#8a8989; cursor:pointer;letter-spacing:-1px;}
.footer_wrap .menu_footer a:hover {color:#111;}

.footer_wrap select {
width: 145px; padding:5px; border: 1px solid #e9e9e9; background: url('//image.hrdch.co.kr/studych/image/studych/main/new/arrow_Select_Footer.gif') no-repeat 95% 50%;
border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
color:#8a8989; float:right; font-size:12px; height:25px; box-sizing:content-box; margin-top:-10px;}

.footer_wrap .company_info{margin:auto; width:1200px; padding:20px 0; color:#8a8989;}
.footer_wrap .company_info li{margin-bottom:8px;}
.footer_wrap .company_info p{margin-top:18px;font-family:'notokr-regular';font-size:12px;letter-spacing:1px;color:#777;}
.sub_wrap{margin-left:60px;}

/*.mySwiper .swiper-slide{height:90% !important;transition:height 1s ease-out;}*/
.mySwiper .swiper-slide{transition:0.3s ease-in-out;transform: scaleY(0.8) scaleX(0.95);}
.mySwiper .swiper-slide ul{height:100%;}
.mySwiper .swiper-slide ul li{height:100% !important;}
.mySwiper .swiper-slide a{height:100% !important;border-radius:15px;}
.mySwiper .swiper-slide.swiper-slide-active{transition:0.3s ease-in-out;transform: scaleY(1) scaleX(1);}