@charset "UTF-8";
/* 메인 common */
.fl {
	float: left;
}
.fr {
	float: right;
}
.main_wrap {
	/* margin-top:50px; */
}
.main_wrap * {
	font-family: 'noto3', 'sans-serif';
}
.main_wrap b {
	font-family: 'noto5', 'sans-serif';
}
.main_wrap > div {
	width: 100%;
}
.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;
}
/* //메인 common */

/*뉴메인롤링 : S */
.main_banner_wrap {
	background: linear-gradient(to left, #233042 1%, #233346 30%, #25384f 70%, #394f6e);
}
.main_swiper_wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
	font-family: 'noto3';
}
.main_banner_wra p ul .banner {
	position: relative;
	width: 100%;
	height: 100%;
}
.main_banner_wrap .swiper-wrapper {
	height: 493px;
}
.main_banner_wrap .swiper-wrapper .swiper-slide {
}
.main_banner_wrap ul .banner .main_inner {
	width: 1000px;
	height: 493px;
	margin: 0 auto;
	padding: 60px 0 90px;
	box-sizing: border-box;
	position: relative;
}
.main_banner_wrap ul .banner .main_inner .col + .col {
	width: 355px;
	margin-left: 20px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap {
	background-color: #fff;
	cursor: pointer;
}
.main_banner_wrap ul .banner .main_inner .img_wrap01 {
	width: 623px;
	height: 344px;
	float: left;
}
.main_banner_wrap ul .banner .main_inner .col:hover .img_wrap01 {
	/* outline: 1px solid #000; */
}
.main_banner_wrap ul .banner .main_inner .img_wrap02 {
	height: 162px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap03 {
	height: 162px;
	margin-top: 20px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap .txt_box * {
	display: block;
}
.main_banner_wrap ul .banner .main_inner .img_wrap .txt_box {
	position: relative;
}
.main_banner_wrap ul .banner .main_inner .img_wrap01 .txt_box {
	padding: 24px 30px 27px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap01 .txt_box strong {
	font-size: 25px;
	color: #000;
	margin-bottom: 5px;
	font-family: 'noto6';
	font-weight: 700;
	letter-spacing: -1.2px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap01 .txt_box span {
	font-size: 16px;
	color: #5a5a5a;
	font-weight: 400;
}
.main_banner_wrap ul .banner .main_inner .col + .col .txt_box {
	height: 100%;
	padding: 24px 0px 26px 30px;
	box-sizing: border-box;
}
.main_banner_wrap ul .banner .main_inner .col + .col .txt_box span,
.main_banner_wrap ul .banner .main_inner .col + .col .txt_box span {
	font-size: 17px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap01 .txt_box a.btn_default {
	position: absolute;
	right: 30px;
	bottom: 27px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap02 .txt_box a.btn_default,
.main_banner_wrap ul .banner .main_inner .img_wrap03 .txt_box a.btn_default {
	position: absolute;
	bottom: 26px;
}
.main_banner_wrap ul .banner .main_inner .img_wrap:hover a.btn_default,
.main_banner_wrap ul .banner .main_inner .img_wrap:active a.btn_default {
	background-color: #3b4459 !important;
	color: #fff !important;
	border: 1px solid #3b4459 !important;
}
.main_banner_wrap ul .banner .main_inner .col + .col .img_wrap .img_box {
	float: right;
}
.main_inner .img_wrap02 .img_box {
	margin-top: 13px;
	margin-right: 13px;
}
.main_inner .img_wrap03 .img_box {
	margin-top: 22px;
	margin-right: 19px;
}

.main_banner_wrap ul .banner .main_inner .bullet {
	position: absolute;
	left: 460px;
	top: 70px;
}
.main_banner_wrap .pagenation_wrap {
	height: 64px;
	margin: 0 auto;
	display: table;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
.main_banner_wrap .pagenation_wrap > div {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	text-align: center;
}
.main_banner_wrap .pagenation_wrap > div.btn_box {
	float: right;
	margin: 14px 0 0 0;
}
.main_banner_wrap .pagenation_wrap .page_number {
	width: 50px !important;
	text-align: center;
	color: #5575e6;
	line-height: 100%;
	top: 47.5% !important;
	left: 25px;
	margin-top: -7.5px !important;
}
.main_banner_wrap .pagenation_wrap .page_number > p {
	display: inline-block;
	line-height: 100%;
}
.main_banner_wrap .pagenation_wrap .page_number > p#start_index {
	font-weight: 900;
}
.main_banner_wrap .pagenation_wrap .slide_cont {
	position: relative;
	width: 165px;
	box-sizing: border-box;
}
.main_banner_wrap .pagenation_wrap .slide_cont > * {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: 0;
	display: block;
	top: 18px;
	z-index: 1;
	font-size: 16px;
	color: #fff;
	font-family: 'Nanum Square', 'sans-serif';
	letter-spacing: -1.8px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-next {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -126px -52px;
	background-size: auto;
	left: 90px;
	top: 17px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-prev {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -157px -32px;
	background-size: auto;
	left: -15px;
	top: 17px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-pause {
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -5px -90px;
	position: absolute;
	top: 22.5px;
	right: 0;
	cursor: pointer;
	border: 1px solid #8f99a5;
	width: 18px;
	height: 18px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-pause:hover {
	background-position: -157px -62px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-play {
	display: none;
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	background-position: -141px -90px;
	position: absolute;
	top: 22.5px;
	right: 0;
	cursor: pointer;
	border: 1px solid #8f99a5;
	width: 18px;
	height: 18px;
}
.main_banner_wrap .pagenation_wrap .slide_cont .swiper-button-play:hover {
	background-position: -113px -90px;
}
.main_banner_wrap .pagenation_wrap #tab ul {
	display: table;
	width: auto;
	position: relative;
}
.main_banner_wrap .pagenation_wrap #tab ul li {
	float: none;
	display: table-cell;
	vertical-align: middle;
	width: auto;
	height: 35px;
	padding: 0 15px;
	border: none;
	position: relative;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active {
	background: none;
}
.main_banner_wrap .pagenation_wrap #tab ul li a {
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	padding: 5px 10px 8px;
}
.main_banner_wrap .pagenation_wrap #tab ul li a i {
	font-style: normal;
	font-weight: 300;
	margin: 0 5px 0 0;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active a {
	background: none;
	border-bottom: 2px solid #5475e9;
	color: #000;
}
.main_banner_wrap .pagenation_wrap #tab ul .swiper-pagination-bullet-active a b {
	color: #5475e9;
}
/* 뉴메인롤링 :E */

/* 중간배너 :S */
.main_wrap .banner_wrap {
	background: #e8e8e8;
	margin-top: 40px;
}
.main_wrap .banner_wrap .main_inner {
	padding: 20px 0;
	box-sizing: border-box;
	background: url('/_skin/tpl_skin/basic_identification/images/main/bn_teacher.png') center center no-repeat;
}
.main_wrap .banner_wrap .txt_box {
	width: 394px;
	position: relative;
}
.main_wrap .banner_wrap .txt_box div {
	position: absolute;
	top: 0;
	left: 0;
}
.main_wrap .banner_wrap .txt_box span {
	display: block;
	font-size: 23px;
	padding-top: 45px;
}
.main_wrap .banner_wrap .txt_box strong {
	display: block;
	font-size: 32px;
	line-height: 1;
	margin: 8px 0 0;
	font-family: 'noto5', 'sans-serif';
}
.main_wrap .banner_wrap a.btn_default {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #949699;
	background-color: #e8e8e8;
}
.main_wrap .banner_wrap .video_wrap {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.main_wrap .banner_wrap .main_inner div .video_wrap:nth-child(2) {
	right: 202px;
}
.main_wrap .banner_wrap .video_wrap .video_sample {
	width: 176px;
	height: 68px;
	padding: 12px 20px 12px 23px;
	background: #3f485c;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.main_wrap .banner_wrap .video_wrap .video_sample:hover *,
.main_wrap .banner_wrap .video_wrap .video_sample:active * {
	color: #6ee9ff;
}
.main_wrap .banner_wrap .video_wrap .video_sample + .video_sample {
	position: relative;
	margin-left: 15px;
	border: none;
}
.main_wrap .banner_wrap .video_wrap .video_sample a {
	display: block;
	background: url('/_skin/tpl_skin/basic_sonhae_new/images/main/bn_btn.png') right center no-repeat;
	padding: 0;
}
.main_wrap .banner_wrap .video_wrap .video_sample a p {
	margin-bottom: 0;
}
.main_wrap .banner_wrap .video_wrap .video_sample a span {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

/* 중간배너 :E */
/* 메인상단 이미지 멘트 */
/* .cf .img_wrap01 .txt_box span{
    color: #fb0418;
} */

/* 상품영역 :S */
.main_wrap .product_wrap {
	padding: 30px 0 50px;
}
.main_wrap .product_wrap ul li {
	text-align: center;
	width: 25%;
}
.main_wrap .product_wrap .product_info strong {
	display: block;
	font-size: 19px;
	margin: 18px 0 3px;
	color: #000;
	font-family: 'noto5', sans-serif;
}
.main_wrap .product_wrap .product_info p {
	color: #5a5a5a;
	font-size: 14px;
}
.main_wrap .product_wrap .product_info .price {
	margin-top: 6px;
	font-family: 'noto3', 'sans-serif';
	font-size: 14px;
	color: #000;
}
.main_wrap .product_wrap .product_info .price span {
	color: #f04961;
	font-family: 'noto5', 'sans-serif';
}
.main_wrap .product_wrap .product_info .origin_p {
	color: #b5b5b5;
	text-decoration: line-through;
}
.main_wrap .top_btn {
	display: table;
	margin-left: auto;
	text-align: right;
}
.main_wrap .top_btn .current_num {
	color: #b7b7b7;
	display: table-cell;
	letter-spacing: -1.1px;
}
.main_wrap .top_btn .current_num .swiper-pagination-current {
	color: #000;
}
.main_wrap .top_btn .current_num > * {
	cursor: pointer;
}
.main_wrap .top_btn .arrow_group {
	display: table-cell;
	padding-left: 12px;
}
.main_wrap .top_btn .arrow_group > * {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 13px;
	cursor: pointer;
}
.main_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;
}
.main_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;
}
.main_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;
}
.main_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;
}
.main_wrap .product_wrap .swiper-wrapper {
	height: auto;
	padding-top: 15px;
}
/* 상품영역 :E */

/* 도서영역 + 학습자료실 :S */

/* 공통 */
.library_wrap .wrap_title {
	font-size: 32px;
}
.book_wrap {
	height: 381px;
	overflow: hidden;
}
.study_wrap .tm_1129 li {
	width: 32.33333%;
	margin-right: 1%;
}
.study_wrap .tm_1129 li:nth-child(3) {
	margin-right: 0;
}
.study_wrap .wrap_title {
	margin: 20px 0 0;
}
.study_wrap .wrap_title strong {
	display: block;
	margin-bottom: 15px;
}
.study_wrap .wrap_title span {
	font-size: 18px;
	font-family: 'noto3';
}
/* //공통 */

/* 도서영역 */
.main_wrap .library_wrap {
	background-color: #ededed;
}
.main_wrap .booklist_bn p {
	color: #c5f5ff;
}
/* //도서영역 */

/* 학습지원 */
* .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 122px;
	position: relative;
}
.main_wrap .study_wrap .tab_menu li a i {
	position: absolute;
	display: block;
	background-image: url('/_skin/tpl_skin/basic_sonhae_new/images/main/ico_group.png');
	background-repeat: no-repeat;
	width: 53px;
	height: 51px;
	left: 45px;
}
.main_wrap .study_wrap .tab_menu li:first-child a i {
	background-image: url('/_skin/tpl_skin/basic_identification/images/main/icon1.png');
	top: 25px;
	left: 43px;
}
.main_wrap .study_wrap .tab_menu li:nth-child(2) a i {
	background-image: url('/_skin/tpl_skin/basic_identification/images/main/icon2.png');
}
.main_wrap .study_wrap .tab_menu li:nth-child(3) a i {
	background-image: url('/_skin/tpl_skin/basic_identification/images/main/icon3.png');
}
.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*/
.main_wrap .cs_wrap {
	background: #dadce1;
	padding: 60px 0 65px;
	text-align: center;
}
.main_wrap .cs_wrap .wrap_title {
	font-size: 17px;
	height: auto;
}
.main_wrap .cs_wrap .wrap_title b {
	display: block;
	font-size: 25px;
	margin-top: 12.5px;
}
.main_wrap .cs_wrap .tab_menu {
	margin: 41px 0 10px;
}
.main_wrap .cs_wrap .tab_menu li a {
	background: #fff;
	display: block;
	padding: 20px 0;
	font-family: 'noto6';
	font-size: 16px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.main_wrap .cs_wrap .tab_menu li a:hover {
	border: 1px solid #000;
}
.main_wrap .bbs_wrap {
	overflow: Hidden;
	width: 100%;
}
.main_wrap .bbs_wrap > li {
	float: left;
	width: 49.5%;
	margin-right: 1%;
	padding: 16px 10px 16px 30px;
	box-sizing: border-box;
	background: #fff;
}
.main_wrap .bbs_wrap li:last-child {
	margin-right: 0;
}
.main_wrap .bbs_wrap .bbs_title {
	float: left;
	text-align: left;
	margin-right: 54px;
	font-family: 'noto6';
}
.main_wrap .bbs_wrap .bbs_title a {
	width: 49px;
	height: 17px;
	display: block;
	font-size: 10px !important;
	letter-spacing: -0.7px;
	color: #585858;
	line-height: 14px;
	padding: 0 0 0 7px;
	margin-top: 6px;
	box-sizing: border-box;
	border: 1px solid #b9b9b9;
	font-family: 'noto3';
	background: url('/_skin/tpl_skin/basic_kumgo_renewal2/main/icon_plus.png') 36px center no-repeat;
}
.main_wrap .bbs_wrap .bbs_title a:hover {
	border: 1px solid #000;
}

.main_wrap .bbs_wrap .bbs_list {
	text-align: left;
	float: left;
	font-size: 13px;
	width: 67%;
}
.main_wrap .bbs_wrap .bbs_list > li a {
	display: block;
	width: auto;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.main_wrap .bbs_wrap .bbs_list > li a:hover {
	text-decoration: underline;
}
/* 고객지원:E */