@charset "utf-8";
@import url("/html/fonts/pretendard/pretendard.css");

body{font-family:"Pretendard" !important;}
body * {font-family:"Pretendard" !important;}

.compad {padding-top:70px !important;padding-bottom:70px !important; }
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont {width:100% !important; margin-left:0px !important;}

.lnb_depth ul li.tab_title#webtv-main  {display:none !important;}

h3.title {max-width:1230px !important;text-align:left !important;font-size:25px !important; margin:0px auto 25px auto !important;}
h3.title.center {text-align:center !important;margin-bottom:0px !important;}
h3.title.center strong {font-size:36px !important;}


.main_icon { width:100%;padding:0px; margin-top:50px;}
.main_icon ul { width:100%;padding:0px; display:flex;justify-content:space-between;}
.main_icon li { position:relative;width:10%;text-align:center;background-position: 50% 0px !important; box-sizing: border-box;}
.main_icon li a {display:block;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}
.main_icon li h2 {position:relative;display:inline-block; width:100%;line-height:30px;padding:70px 0px 0px 0px; font-size:16px;color:#000;font-weight:500;text-align:center; }
.main_icon li a:hover h2 {color:#6aafe6;}
.main_icon li.main_icon1 {background:url('/html/images/common/main_icon1.png') no-repeat; }
.main_icon li.main_icon2 {background:url('/html/images/common/main_icon2.png') no-repeat; }
.main_icon li.main_icon3 {background:url('/html/images/common/main_icon3.png') no-repeat; }
.main_icon li.main_icon4 {background:url('/html/images/common/main_icon4.png') no-repeat; }
.main_icon li.main_icon5 {background:url('/html/images/common/main_icon5.png') no-repeat; }
.main_icon li.main_icon6 {background:url('/html/images/common/main_icon6.png') no-repeat; }
.main_icon li.main_icon7 {background:url('/html/images/common/main_icon7.png') no-repeat; }
.main_icon li.main_icon8 {background:url('/html/images/common/main_icon8.png') no-repeat; }
.main_icon li.main_icon9 {background:url('/html/images/common/main_icon9.png') no-repeat; }
.main_icon li.main_icon10 {background:url('/html/images/common/main_icon10.png') no-repeat; }

/* Arrows */
.best .slick-prev, 
.best .slick-next {top:-50px !important; margin:0px !important; width:32px !important; height:32px !important; background-size:6px auto !important; border:1px #eee solid;}
.best .slick-prev {left: auto !important; right:40px !important; margin-left:0; }
.best .slick-next {right:0px !important; margin-right:0;}
.best .slick-prev:hover, 
.best .slick-next:hover {background-color:#f3f6fb !important;  border:1px #dcdcdc solid !important;}

.best_list .item {opacity:1 !important;border-radius:10px !important;}
.best_list .item .img_box { border-radius:10px !important;}
.best_list .item .img_box > img {border-radius:10px !important;}
.best_list .item .con_box {padding:20px 0px !important;border-radius:0px !important; border:none !important; }

.new_list .item {border-radius:10px !important; border:none !important; }
.new_list .item .img_box { border-radius:10px !important;}
.new_list .item .img_box > img {border-radius:10px !important;}
.new_list .item .con_box {padding:20px 0px !important;border-radius:0px !important; border:none !important; }

.quick {width: 97px !important;right:20px !important;bottom:90px !important;}
.quick .topBtn {margin-top:10px !important;}

.teacher_list .slick-prev, 
.teacher_list .slick-next {top:-50px !important; margin:0px !important; width:32px !important; height:32px !important; background-size:6px auto !important; border:1px #eee solid;}
.teacher_list .slick-prev {left: auto !important; right:40px !important; margin-left:0 !important; }
.teacher_list .slick-next {right:0px !important; margin-right:0 !important;}
.teacher_list .slick-prev:hover, 
.teacher_list .slick-next:hover {background-color:#f3f6fb !important;  border:1px #dcdcdc solid !important;}

@media all and (min-width:1500px) {
	.quick {width: 97px !important;}

}
@media all and (max-width:1500px) {
	.best_list {margin-left:-20px !important; width:calc(100% + 20px) !important;}
	.best_list .item {margin-left:20px !important;}
}

@media all and (max-width:980px) {
	.compad {padding-top:50px !important;padding-bottom:50px !important; }
	
	h3.title.center strong {font-size:27px !important;}

	.main_icon ul {display:flex; flex-wrap:wrap; justify-content:center;}
	.main_icon li {width:20%; margin-bottom:20px;background-size:50px !important;}
	.main_icon li h2 {line-height:20px;font-size:14px;padding-top:55px !important;}
}

@media all and (max-width:680px) {
	
	body,html {font-size:14px !important;}
	
	#header .head_in h1 a{height:30px !important;margin-top:3px;}
	#header .head_in h1 img {max-width:170px !important;}
	#header .head_in h1 .svg_logo {max-width:170px !important;max-height:30px !important;}

	h3.title {font-size:20px !important; margin-bottom:15px !important;}
	h3.title.center strong {font-size:24px !important;}

	#visual .text_area {top:15% !important;transform: translateY(0%) !important;}
	#visual .section {background-position:50% bottom !important;}

	.main_icon li {background-size:38px !important;}
	.main_icon li h2 {font-size:13px;padding-top:42px !important;}

	.best .slick-prev, 
	.best .slick-next {display:none !important;}
	.best_list {margin-left:-10px !important; width:calc(100% + 10px) !important;}
	.best_list .item {margin-left:10px !important;}
	.best_list .item .con_box {padding:10px 0px !important;}

	.new_list .item .con_box {padding:10px 0px !important;}

	.quick {width: 62px !important; right: 10px !important; bottom:60px !important;}

	.teacher_list .slick-prev, 
	.teacher_list .slick-next {top:-40px !important;}
}

