@charset "utf-8";

/* 메인 common */
.fl {
	float: left;
}
.fr {
	float: right;
}
.main_wrap {
}
.main_wrap * {
	font-family: 'noto3', 'sans-serif';
	letter-spacing: -1px;
}
.main_wrap b {
	font-family: 'noto6', 'sans-serif';
}
.main_wrap > div {
	width: 100%;
}
.main_wrap .ttl_box {
	margin-bottom: 60px;
}
.main_wrap .ttl_box h3 {
	font-size: 40px;
	text-align: center;
	line-height: 100%;
	font-family: 'noto2';
}
.main_wrap .ttl_box h3 strong {
	display: block;
	font-size: 40px;
	text-align: center;
	margin-top: 10px;
	font-family: 'noto6';
}
.main_wrap .main_inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.main_wrap .tab_menu {
	width: 100%;
	overflow: hidden;
}
.main_wrap .tab_menu li {
	float: left;
	width: 24.25%;
	margin-right: 1%;
}
.main_wrap .tab_menu li:last-child {
	margin-right: 0 !important;
}
/* .main_wrap .detail_btn{
	display: inline-block;
	width: 69px;
	height: 20px;
	background:#f5f8ff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #bdbec3;
	font-size: 12.5px;
	margin: 20px 0 0;
	font-family:'noto';
	line-height: 20px;
}
.main_wrap .detail_btn:hover,
.main_wrap .apply_btn:hover .detail_btn{
	background:#3b4356;
	color:#f5f8ff;
	font-weight: 600;
} */
.main_wrap .apply_btn {
	display: block;
}
.main_wrap a.btn_default {
	display: block;
	width: 70px;
	height: 22px;
	background-color: #f5f8ff;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #bcbec3;
	box-sizing: border-box;
	line-height: 1.7;
	font-family: 'noto';
}
.main_wrap a.btn_default:hover,
.main_wrap a.btn_default:active {
	background-color: #3b4459 !important;
	color: #fff !important;
	border: 1px solid #3b4459 !important;
}
.btn_box {
	position: absolute;
	bottom: 80px;
	left: calc(50% - 500px);
	z-index: 9;
	width: 1000px;
	height: 46px;
}
.btn_box ul {
	width: 100%;
	height: 100%;
	display: table;
}
.btn_box ul li {
	width: 50%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	border: none;
	background: rgba(0, 0, 0, 0.25);
}
.btn_box ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: none;
	line-height: 46px;
	font-size: 17px;
}
.btn_box ul li.swiper-pagination-bullet-active a {
	font-family: 'noto5';
}

/* //메인 common */

/*뉴메인롤링 : S */
.main_banner_wrap {
	width: 100%;
	height: 684px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(to left, #8680d4 1%, #6d86ca 30%, #3495b2 70%, #3096b0);
}
.main_banner_wrap .main_swiper_wrap {
	width: 100%;
	height: 684px;
	z-index: 1;
}
.main_banner_wrap .main_swiper_wrap li {
	width: 100%;
	height: 100%;
}
.main_banner_wrap .main_swiper_wrap li + li {
	margin-left: 8px;
}
.main_banner_wrap .main_swiper_wrap li .main_inner {
	height: 100%;
	box-sizing: border-box;
	padding: 88px 0 80px;
}
.main_banner_wrap .main_bg {
	position: absolute;
	top: 86px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.main_banner_wrap .main_bg i {
	font-size: 21px;
	line-height: 150%;
	display: inline-block;
	margin-bottom: 12px;
	font-style: normal;
	color: #fff;
	margin-bottom: 30px;
}
.main_banner_wrap .main_bg h1 {
	font-size: 40px;
	/* font-family: 'Nanum Square'; */
	font-weight: 500;
	line-height: 43px;
	margin: 0 0 15px;
	color: #fff;
	line-height: 130%;
}
.main_banner_wrap .main_bg h1 b {
	font-weight: 900;
}
.main_banner_wrap .main_bg p {
	font-size: 17px;
	font-family: 'Nanum Square';
}
.main_banner_wrap .main_bg a.apply_link {
	display: block;
	width: 133px;
	height: 44px;
	border-radius: 22px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	margin: 39px 0 0;
	background: rgba(0, 0, 0, 0.1);
}
.main_banner_wrap .main_swiper_wrap li a.apply_link:hover {
	background: #222222;
	color: #fff;
}
.main_banner_wrap .main_bg {
	background: url(/_skin/tpl_skin/basic_anssaem/images/main/top_bn_img1.png) right top 50px no-repeat;
}
.main_banner_wrap .main_swiper_wrap li.banner1 .main_inner {
}
.main_banner_wrap .main_swiper_wrap li.banner2 .main_inner {
}
.main_swiper_wrap .swiper-button-next,
.main_swiper_wrap .swiper-button-prev {
	display: none;
	width: 43px;
	height: 68px;
	margin-top: -34px;
}
.main_swiper_wrap .swiper-button-next {
	right: calc(50% - 596px);
	background: url('/_skin/tpl_skin/basic_anssaem/images/main/arrow-right.png') center no-repeat;
}
.main_swiper_wrap .swiper-button-prev {
	left: calc(50% - 596px);
	background: url('/_skin/tpl_skin/basic_anssaem/images/main/arrow-left.png') center no-repeat;
}
/* .main_swiper_wrap .swiper-button-next:hover{
	background:url('/_skin/tpl_skin/basic_anssaem/images/main/arrow_right-over.png') center no-repeat;
}
.main_swiper_wrap .swiper-button-prev:hover{
	background:url('/_skin/tpl_skin/basic_anssaem/images/main/arrow_left_over.png') center no-repeat;
} */
.main_swiper_wrap .swiper-pagination {
	bottom: 0;
}
.main_swiper_wrap .swiper-pagination li {
	float: left;
	width: calc(25% - 24px / 4);
}
.main_swiper_wrap .swiper-pagination em {
	display: block;
	font-size: 18px;
	color: #82c4e7;
	line-height: 100%;
}
.main_swiper_wrap .swiper-pagination strong {
	display: block;
	font-size: 25px;
	color: #82c4e7;
	font-family: 'noto4';
}
.main_swiper_wrap .swiper-pagination a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: none;
	line-height: 46px;
	font-size: 17px;
	padding: 30px 0 45px 30px;
	box-sizing: border-box;
	text-align: left;
	background: url(/_skin/tpl_skin/basic_anssaem/images/main/btn_arrow_out.png) left 30px bottom 20px no-repeat;
}
.main_swiper_wrap .swiper-pagination-bullet-active a,
.main_swiper_wrap .swiper-pagination-bullet:hover a {
	font-family: 'noto5';
	background: #154a69 url(/_skin/tpl_skin/basic_anssaem/images/main/btn_arrow_on.png) left 30px bottom 20px no-repeat;
}
.main_swiper_wrap .swiper-pagination-bullet-active a *,
.main_swiper_wrap .swiper-pagination-bullet:hover a * {
	color: #fff;
}
/* 뉴메인롤링 :E */

/* 중간배너 :S */
.banner_wrap {
	background: #49637a;
}
.banner_wrap .main_inner {
	height: 108px;
	box-sizing: border-box;
}
.banner_wrap .main_inner a {
	display: block;
	padding: 10px 0;
}
.banner_wrap a img {
	display: inline-block;
}
.banner_wrap a span {
	width: 205px;
	height: 35px;
	font-size: 21px;
	background-color: #fff447;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	font-family: 'noto5';
	letter-spacing: -1px;
	margin-left: 45px;
	vertical-align: middle;
}
.banner_wrap a strong {
	font-size: 31px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
	font-family: 'noto4';
}

/* 중간배너 :E */

/* 상품영역 :S */
.product_wrap {
	padding: 90px 0;
}
.product_wrap .main_inner {
	width: 1028px;
}
.product_wrap .apply_product {
	width: 1028px;
	padding: 0 14px;
	margin-left: -14px;
}
.product_wrap .swiper-wrapper {
	padding-top: 10px;
	height: 190px;
	margin-left: -14px;
}
.product_wrap .swiper-slide {
	text-align: center;
	width: 33.333%;
	position: relative;
	margin: 0 0 0 28px !important;
	cursor: pointer;
}
.product_wrap .swiper-slide:hover:after {
	display: block;
	content: '';
	clear: both;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 5px;
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.25); /* CSS3 */
	-webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.25); /* Safari and Chrome */
	-moz-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.25); /* Firefox */
	-ms-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.25); /* Firefox */
}
.product_wrap .swiper-slide {
	/* width: 315px !important; */
	height: 180px;
	border-radius: 5px;
}
.product_wrap .swiper-slide a {
	height: 180px;
	display: block;
	border-radius: 6px;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.product_wrap .swiper-slide:hover {
}
.product_wrap .swiper-slide .product_info {
	height: 180px;
	padding: 30px 27px;
	text-align: left;
	box-sizing: border-box;
	position: relative;
}
.product_wrap .swiper-slide:nth-child(1) .product_info {
	background: url('/_skin/tpl_skin/basic_anssaem/images/main/info_1.png') no-repeat;
}
.product_wrap .swiper-slide:nth-child(2) .product_info {
	background: url('/_skin/tpl_skin/basic_anssaem/images/main/info_2.png') no-repeat;
}
.product_wrap .swiper-slide:nth-child(3) .product_info {
	background: url('/_skin/tpl_skin/basic_anssaem/images/main/info_3.png') no-repeat;
}
.product_wrap .product_info strong {
	display: block;
	font-size: 25px;
	margin-bottom: 12px;
	color: #fff;
	font-family: 'noto4', sans-serif;
}
.product_wrap .swiper-slide .product_info p {
	color: #fff;
	font-size: 17px;
	line-height: 150%;
}
.product_wrap .swiper-slide .product_info .detail_btn {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: none;
	line-height: 46px;
	font-size: 17px;
	box-sizing: border-box;
	text-align: left;
	/* background: url(/_skin/tpl_skin/basic_anssaem/images/main/btn_arrow_out.png) left 30px bottom 20px no-repeat; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.product_wrap .swiper-slide:hover .product_info .detail_btn {
	background: url(/_skin/tpl_skin/basic_anssaem/images/main/btn_arrow_on.png) left 30px bottom 20px no-repeat;
}

.product_wrap .swiper-slide .product_info .origin_p {
	color: #b5b5b5;
	text-decoration: line-through;
}
.product_wrap .top_btn {
	display: table;
	margin-left: auto;
	text-align: right;
	margin-right: 40px;
}
.product_wrap .top_btn .current_num {
	color: #b7b7b7;
	display: table-cell;
	letter-spacing: -1.1px;
}
.product_wrap .top_btn .current_num .swiper-pagination-current {
	color: #000;
}
.product_wrap .top_btn .current_num > * {
	cursor: pointer;
}
.product_wrap .top_btn .arrow_group {
	display: table-cell;
	padding-left: 12px;
}
.product_wrap .top_btn .arrow_group > * {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 13px;
	cursor: pointer;
}
.product_wrap .top_btn .arrow_group .class_prev1 {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -29px -5px;
}
.product_wrap .top_btn .arrow_group .class_prev1:hover {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -5px -5px;
}
.product_wrap .top_btn .arrow_group .class_next1 {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -77px -5px;
}
.product_wrap .top_btn .arrow_group .class_next1:hover {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -53px -5px;
}
.product_wrap .swiper-wrapper {
}
/* 상품영역 :E */

/* 도서영역:S */
.library_wrap {
	padding: 115px 0;
}
.library_wrap .ttl_box strong i {
	font-family: 'noto2';
	font-style: normal;
}
.book_wrap {
}
.main_wrap .library_wrap {
}
.main_wrap .booklist_bn p {
	color: #c5f5ff;
}
.book_wrap .detail_btn {
	display: inline-block;
	width: 66px;
	height: 22px;
	background: #f5f8ff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #bdbec3;
	font-size: 12.5px;
	margin: 7px 0 0;
	font-family: 'noto';
	line-height: 20px;
	background: #8896bb;
	color: #fff;
}
/* 도서영역:E */

/* 학습지원 */
* .main_wrap .study_wrap {
	padding: 25px 0 0;
}
.main_wrap .study_wrap .main_inner {
	padding: 60px 40px 50px;
	background-color: #fff;
	box-sizing: border-box;
}
.main_wrap .study_bn p {
	color: #fff6c1;
}
.main_wrap .study_wrap .product_bn ul {
	float: right;
	background: #fff;
	border-radius: 15px 15px 0 0;
	position: relative;
	z-index: 1;
	margin-top: -42.5px;
}
.main_wrap .study_wrap .product_bn ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 4px;
}
.main_wrap .study_wrap .product_bn ul li a {
	display: inline-block;
	color: #5a5a5a;
	font-size: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	background-color: #f0f0f0;
	border-radius: 6px;
	position: relative;
}
.main_wrap .study_wrap .product_bn ul li a:hover:after {
	display: block;
	clear: both;
	content: '';
	width: calc(100% - 20px);
	height: 1px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #000;
}
.main_wrap .study_wrap .product_bn ul li a:hover {
	color: #000;
}
.main_wrap .study_wrap .tab_menu {
	margin: 25px 0 0;
}
.main_wrap .study_wrap .tab_menu li {
	background: #f0efeb;
}
.main_wrap .study_wrap .tab_menu li:hover {
	background: #d3d2d0;
}

.main_wrap .study_wrap .tab_menu li a {
	display: block;
	padding: 28px 0 28px 90px;
	position: relative;
}
.main_wrap .study_wrap .tab_menu li:first-child a i {
	display: block;
	background-image: url(/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png);
	background-repeat: no-repeat;
	background-position: -5px -28px;
	width: 39px;
	height: 45px;
	position: absolute;
	left: 30px;
}
.main_wrap .study_wrap .tab_menu li:nth-child(2) a i {
	display: block;
	background-image: url(/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png);
	background-repeat: no-repeat;
	background-position: -55px -28px;
	width: 47px;
	height: 44px;
	position: absolute;
	left: 30px;
}
.main_wrap .study_wrap .tab_menu li:nth-child(3) a i {
	display: block;
	background-image: url(/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png);
	background-repeat: no-repeat;
	background-position: -55px -82px;
	width: 47px;
	height: 40px;
	position: absolute;
	left: 30px;
}
.main_wrap .study_wrap .tab_menu li:last-child a i {
	display: block;
	background-image: url(/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png);
	background-repeat: no-repeat;
	background-position: -113px -5px;
	width: 39px;
	height: 44px;
	position: absolute;
	left: 30px;
}
.main_wrap .study_wrap .tab_menu li a span {
	color: #807e7f;
	font-size: 15px;
}
.main_wrap .study_wrap .tab_menu li a p {
	font-family: 'noto6';
	font-size: 19px;
	margin-bottom: 5px;
}
/* //학습지원 */

/* 선생님 영역:S */
.teacher_wrap {
	background-color: #f0f7ff;
	height: auto;
	box-sizing: border-box;
}
.teacher_wrap .main_inner {
	background: url(/_skin/tpl_skin/basic_anssaem/images/main/teacher.png) right top 60px no-repeat;
	height: 476px;
	padding-top: 120px;
	box-sizing: border-box;
}
.teacher_wrap .teacher_intro {
	margin-top: -35px;
}
.teacher_wrap .teacher_intro a {
	border: 1px solid #222631;
	color: #222631;
}
.teacher_wrap .teacher_intro em {
	font-size: 26px;
	line-height: 130%;
}
.teacher_wrap .teacher_intro p {
	font-size: 45px;
	line-height: 120%;
	margin: 20px 0 36px;
}
.teacher_wrap .teacher_intro a {
	display: block;
	width: 156px;
	height: 54px;
	border: 2px solid #000;
	border-radius: 5px;
	font-size: 17px;
	text-align: center;
	line-height: 54px;
	color: #000;
	background-color: #fff;
}
.teacher_wrap .teacher_intro a:hover {
	background: #4e4e4e;
	color: #fff;
}
/* //선생님 영역:E */

/*고객지원:S*/
.main_wrap .customer-bg {
	padding: 90px 0;
	background: #f4f6f7;
}
.main_wrap .customer {
	width: 1000px;
}
.main_wrap .customer .main-title {
	margin-bottom: 40px;
}
.main_wrap .customer .bbs-wrap {
	margin-bottom: 20px;
}
.main_wrap .customer .bbs-wrap .bbs-section {
	position: relative;
	width: calc(50% - 20px / 2);
	height: 184px;
	background: #fff;
	padding: 30px 40px;
	font-family: 'noto3';
	font-weight: 300;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}
.main_wrap .customer .bbs-wrap .bbs-section1 {
	margin-right: 20px;
}
.main_wrap .customer .bbs-wrap .bbs-section h4 {
	font-size: 24px;
	font-family: 'noto6';
}
.main_wrap .customer .bbs-wrap .bbs-section2 h4 {
	padding-left: 50px;
}
.main_wrap .customer .bbs-wrap .bbs-section2 h4:after {
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 40px;
	background: url(/_skin/tpl_skin/basic_anssaem/images/main/icon_kakao.png) no-repeat;
}
.main_wrap .customer .bbs-wrap .bbs-section2 .txt-box {
	width: 230px;
	position: absolute;
	left: 40px;
	top: 70px;
}
.main_wrap .customer .bbs-wrap .bbs-section2 .txt-box span {
	display: block;
}
.main_wrap .customer .bbs-wrap .bbs-section .list-dash {
	height: 130px;
	overflow: hidden;
	margin-top: -3px;
}
.main_wrap .customer .bbs-wrap .bbs-section .btn-more {
	display: block;
	position: absolute;
	left: 40px;
	top: 70px;
	width: 70px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #848484;
	color: #848484;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
}
.main_wrap .customer .bbs-wrap .bbs-section .btn-more:hover {
	border: 1px solid #000;
	color: #000;
	font-family: 'noto5';
}
.main_wrap .customer .bbs-wrap .bbs-section ul li {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
	width: 272px;
}
.main_wrap .customer .bbs-wrap .bbs-section ul li:hover a {
	text-decoration: underline;
}
.main_wrap .customer .service-section li {
	float: left;
	width: calc(25% - 60px / 4);
}
.main_wrap .customer .service-section li + li {
	margin-left: 20px;
}
.main_wrap .customer .service-section a {
	position: relative;
	display: block;
	padding: 30px 25px;
	background: #fff;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}
.main_wrap .customer .service-section a:hover * {
	color: #000;
}
.main_wrap .customer .service-section a:hover {
	border: 1px solid #000;
}
.main_wrap .customer .service-section a h4 {
	font-family: 'noto4';
	font-size: 19px;
	color: #909090;
	text-align: center;
	margin-bottom: 5px;
}

.main_wrap .customer .service-section a p {
	font-family: 'noto4';
	font-size: 19px;
	color: #909090;
	text-align: center;
}
.main_wrap .customer .service-section a span {
	width: 19px;
	height: 19px;
	background-position: -31px -20px;
	z-index: 3;
	right: 5px;
	bottom: 5px;
}
.main_wrap .customer .service-section a:hover span {
	background-position: -31px 0;
}

/* 고객지원:E */