@charset "utf-8";
strong {
	font-family: 'noto6';
	font-weight: 100;
}
.div-table {
	display: table;
	width: 100%;
}

.div-table > * {
	display: table-cell;
	vertical-align: top;
}

.short_wrap {
	position: relative;
	font-family: 'noto3';
	width: 100%;
	overflow: hidden;
}
/* 세션 1 */
section.con1 {
	background: url('/_skin/tpl_skin/basic_001134/con1/top_bg.jpg') center top;
	height: 1221px;
	padding: 127px 0;
}
section.con1 .inner {
	width: 1200px;
	margin: 0 auto;
	padding-left: 60px;
}
section.con1 .inner div:nth-child(1) {
	animation-name: move-1;
	animation-duration: 1s;
	margin-bottom: 90px;
}
section.con1 .inner div:nth-child(2) {
	animation-name: move-1;
	animation-duration: 1s;
	animation-delay: 1s;
	opacity: 0;
	margin-bottom: 65px;
	animation-fill-mode: both;
}
section.con1 .inner div:nth-child(3) {
	animation-name: move-1;
	animation-duration: 1s;
	animation-delay: 2s;
	opacity: 0;
	margin-bottom: 65px;
	animation-fill-mode: both;
}
@keyframes move-1 {
	from {
		opacity: 0;
		transform: translateY(-200px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
section.con2 {
	padding: 100px 0 150px;
}
section.con2 .inner {
	width: 1200px;
	margin: 0 auto;
}
section.con2 span,
section.con2 strong,
section.con3 span,
section.con3 strong,
section.con4 span,
section.con4 strong,
section.con5 span,
section.con5 strong,
section.con6 span,
section.con6 strong,
section.con7 strong,
section.con8 .tit > span,
section.con8 .tit > strong,
section.con9 .tit > span,
section.con9 .tit > strong {
	display: block;
}
section.con2 .tit {
	width: 1100px;
	font-size: 54px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 80px;
}
section.con2 .tit span {
	margin-bottom: 15px;
}
section.con2 .tit strong {
	font-size: 61px;
	font-family: market-b;
	line-height: 100%;
}
section.con2 .one-block {
	width: 1100px;
	height: 278px;
	margin: 0 auto;
	background: linear-gradient(90deg, #fb5a5f 30%, #ffc570 60%);
	padding: 5px;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0px 7px 20px 5px rgba(0, 0, 0, 0.3);
}
section.con2 .one-block > div {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	height: 100%;
	border-radius: 15px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	padding-left: 50px;
}
section.con2 .one-block > div::before {
	content: '최신';
	font-size: 24px;
	font-family: noto5;
	position: absolute;
	right: 50px;
	top: 15%;
	text-align: center;
	white-space: pre;
	z-index: 1;
	width: 90px;
	height: 90px;
	background: #fc595a;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50px;
	line-height: 20px;
	right: 330px;
}
section.con2 .one-block > div::after {
	content: url('/_skin/tpl_skin/basic_001134/con1/benefit_top.png');
	position: absolute;
	right: 50px;
	top: 15%;
}
section.con2 .one-block span {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 20px;
}
section.con2 .one-block strong {
	font-size: 44px;
	line-height: 50px;
}
section.con2 .rows3 span {
	font-size: 24px;
	line-height: 100%;
	margin-bottom: 10px;
}
section.con2 .rows3 strong {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 20px;
}

section.con2 .rows3 ul {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
section.con2 .rows3 ul li {
	padding: 40px 0 0;
	height: 327px;
	width: calc((100% - 110px) / 3);
	box-shadow: 0px 7px 20px 5px rgba(0, 0, 0, 0.3);
	margin-top: 46px;
	border-radius: 20px;
	box-sizing: border-box;
	text-align: center;
}
section.con3 {
	background: #727a91;
	padding: 120px 0;
	position: relative;
}
section.con3 .tit {
	font-family: market-b;
	font-size: 60px;
	line-height: 100%;
	width: 1100px;
	margin: 0 auto 90px;
	text-align: center;
	color: #fff;
}
section.con3:before {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	content: '+';
	font-size: 88px;
	font-family: noto5;
	color: #fff;
	top: -54px;
	width: 126px;
	height: 126px;
	left: 40%;
	background: #727a91;
	border-radius: 88px;
	box-sizing: border-box;
	transform: translateX(100%);
}
section.con3 .row2 {
	width: 1100px;
	margin: 0 auto;
}
section.con3 .row2 ul {
	display: flex;
	justify-content: space-between;
}
section.con3 .row2 ul li {
	width: calc((100% - 60px) / 2);
	height: 330px;
	background: linear-gradient(-45deg, #f7d567 30%, #fee469 70%);
	color: #393840;
	border-radius: 40px;
	box-shadow: 0px 7px 20px 5px rgba(0, 0, 0, 0.3);
	padding: 50px 0 0 37px;
	position: relative;
}
section.con3 .row2 ul li::before {
	position: absolute;
	right: 30px;
	bottom: -2px;
}
section.con3 .row2 ul li:nth-child(1)::before {
	content: url('/_skin/tpl_skin/basic_001134/con1/benefit_plus_1_1.png');
}
section.con3 .row2 ul li:nth-child(2)::before {
	content: url('/_skin/tpl_skin/basic_001134/con1/benefit_plus_2_1.png');
}
section.con3 .row2 span {
	font-size: 28px;
	line-height: 100%;
	margin-bottom: 10px;
}
section.con3 .row2 strong {
	font-size: 34px;
	line-height: 44px;
}
section.con4 {
	padding: 182px 0 100px;
	background: #d9dde6;
}
section.con4 .tit {
	width: 1100px;
	font-size: 54px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 140px;
	color: #35363b;
}

section.con4 .tit span {
	margin-bottom: 15px;
}
section.con4 .tit strong {
	font-size: 60px;
	font-family: market-b;
	line-height: 100%;
}
section.con4 .img-box {
	width: 1167px;
	margin: 0 auto;
}
section.con5 {
	padding: 182px 0 100px;
}
section.con5 .tit {
	width: 1100px;
	font-size: 54px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 100px;
	color: #35363b;
}

section.con5 .tit span {
	margin-bottom: 15px;
}
section.con5 .tit strong {
	font-size: 60px;
	font-family: market-b;
	line-height: 69px;
}
section.con5 .img-box {
	width: 1167px;
	margin: 0 auto;
}
section.con6 {
	padding: 182px 0 0px;
	background: #434a5d;
}
section.con6 .tit {
	width: 1100px;
	font-size: 51px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 100px;
	color: #ffd26b;
}

section.con6 .tit span {
	margin-bottom: 15px;
}
section.con6 .tit strong {
	font-size: 57px;
	font-family: market-b;
	line-height: 69px;
	color: #fff;
}
section.con6 .img-box {
	margin: 0 auto;
}
section.con6 .teacher-video {
	position: relative;
}
section.con6 .teacher-video ul.img-area {
	width: 1400px;
	height: 817px;
	margin: 0 auto;
	position: relative;
}
section.con6 .teacher-video ul.img-area li {
	background-repeat: no-repeat;
	position: absolute;
}
section.con6 .teacher-video ul.img-area li:nth-child(1) {
	background-image: url('/_skin/tpl_skin/basic_001134/con1/teacher_1.png');
	width: 618px;
	height: 829px;
}
section.con6 .teacher-video ul.img-area li:nth-child(2) {
	background-image: url('/_skin/tpl_skin/basic_001134/con1/teacher_2.png');
	width: 635px;
	height: 851px;
	left: 385px;
	z-index: 1;
}
section.con6 .teacher-video ul.img-area li:nth-child(3) {
	background-image: url('/_skin/tpl_skin/basic_001134/con1/teacher_3.png');
	width: 569px;
	height: 817px;
	left: 800px;
}

section.con6 .txt-area {
	display: flex;
	justify-content: center;
	width: 96%;
	position: absolute;
	bottom: 91px;
	z-index: 1;
}
section.con6 .txt-area li:nth-child(2) {
	margin: 0 124px;
}
/*
section.con6 .txt-area li{
	left: 50%;
	position: absolute;
	bottom: 0px;
}
section.con6 .txt-area li:nth-child(1){
	transform: translateX(-210%);
}
section.con6 .txt-area li:nth-child(2){
	left: 50%;
	transform: translateX(-69%);
}
section.con6 .txt-area li:nth-child(3){
	left: 50%;
	transform: translateX(-39%);
}*/
section.con6 .btn-area {
	width: 295px;
	height: 162px;
}
section.con6 .teacher-profile span,
section.con6 .teacher-profile strong {
	color: #ddc09b;
	line-height: 100%;
	padding-left: 20px;
}
section.con6 .teacher-profile span {
	font-family: market-m;
	font-size: 23px;
	margin-bottom: 20px;
}
section.con6 .teacher-profile strong {
	font-family: market-b;
	font-size: 40px;
	margin-bottom: 20px;
}

section.con7 {
	padding: 182px 0 166px;
	z-index: 1;
	position: relative;
	background: url('/_skin/tpl_skin/basic_001134/con1/curri_bg.png');
}
section.con7 .tit {
	width: 1100px;
	font-size: 54px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 150px;
	color: #36373c;
}

section.con7 .tit span {
	display: block;
	margin-bottom: 15px;
}
section.con7 .tit strong {
	font-size: 60px;
	font-family: market-b;
	line-height: 69px;
}
section.con7 .tit mark::before {
	content: url('/_skin/tpl_skin/basic_001134/con1/curri_title_img.png');
	position: absolute;
	display: block;
	z-index: -1;
	top: -16px;
	left: -4px;
}
section.con7 .tit mark {
	display: block;
	background: none;
	position: relative;
	z-index: 1;
	color: #36373c;
	margin-top: 10px;
}
section.con7 .img-box {
	width: 1167px;
	margin: 0 auto;
}
section.con7 .curri_area {
	background: url('/_skin/tpl_skin/basic_001134/con1/curri_road.png') no-repeat;
	background-size: 757px 709px;
	background-position: top left 259px;
	width: 1100px;
	height: 900px;
	margin: 0 auto;
	padding: 0 0 0 47px;
}

section.con7 .curri_area ul > li {
	position: relative;
	color: #40495a;
}
section.con7 .curri_area ul.flex-area {
	display: flex;
	justify-content: space-between;
	width: 835px;
}
section.con7 .curri_area ul.flex-area.replace {
	flex-flow: row-reverse;
	width: 860px;
}
section.con7 .curri_area ul.flex-area.replace2 {
	margin-left: 244px;
	width: 773px;
}
section.con7 .curri_area > ul > li:nth-child(2) {
	margin-top: 129px;
}
section.con7 .curri_area > ul > li:nth-child(3) {
	margin-top: 277px;
}

section.con7 .curri_area ul.flex-area li > span {
	display: inline-block;
	background: #f8e763;
	border-radius: 20px;
	padding: 0 8px;
	font-size: 11px;
	font-family: noto5;
	margin-bottom: 16px;
}
section.con7 .curri_area ul.flex-area li .sub-tit {
	font-family: noto6;
	font-size: 32px;
	color: #40495a;
	margin-bottom: 27px;
}
section.con7 .curri_area ul.flex-area li > p {
	font-size: 23px;
	line-height: 30px;
}
section.con7 .curri_area ul.flex-area li i {
	width: 44px;
	height: 44px;
	display: block;
	border: 4px solid #fff;
	border-radius: 50px;
}

.circle-1,
.circle-2,
.circle-3,
.circle-4,
.circle-5,
.circle-6 {
	position: absolute;
}
.circle-1 {
	top: 27px;
	left: 252px;
}
.circle-2 {
	top: 27px;
	left: -91px;
}
.circle-3 {
	top: 27px;
	left: -138px;
}
.circle-4 {
	top: 27px;
	left: 251px;
}
.circle-5 {
	top: -120px;
	left: 7px;
}
.circle-6 {
	top: -120px;
	left: -78px;
}

section.con8 {
	padding: 182px 0 200px;
}
section.con8 .inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
section.con8 .inner > .img-box {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: -250px;
}

section.con8 .img-bullet {
	position: absolute;
	top: 186px;
	left: 82px;
	z-index: 5;
}

section.con8 .tit {
	width: 1100px;
	font-size: 54px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 100px;
	color: #36373c;
}

section.con8 .tit span {
	margin-bottom: 15px;
}
section.con8 .tit strong {
	font-size: 60px;
	font-family: market-b;
	line-height: 69px;
}
section.con8 .mid > img {
	margin: 0 0 60px;
}
section.con8 .feed_slide {
	margin-left: 219px;
	width: 728px;
	height: auto;
	overflow: hidden;
}
section.con8 .tab_btn_wrap {
	height: 181px;
	box-sizing: border-box;
	width: 185px;
	margin: 95px 0 0;
	right: 0;
	z-index: 2;
	position: absolute;
}
section.con8 .tab_btn_wrap.tab_1 {
	background: url('/_skin/tpl_skin/basic_001134/con1/book_tab_1.png') no-repeat left top;
}
section.con8 .tab_btn_wrap.tab_2 {
	background: url('/_skin/tpl_skin/basic_001134/con1/book_tab_2.png') no-repeat left top;
}
section.con8 .tab_btn_wrap.tab_3 {
	background: url('/_skin/tpl_skin/basic_001134/con1/book_tab_3.png') no-repeat left top;
}

section.con8 .btn_list {
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0;
}
section.con8 .btn_list span {
	border-radius: 0;
	border: none;
	display: block;
	height: 51px;
	width: 100%;
	font-size: 0;
	background: none;
	z-index: 4;
	position: relative;
	margin: 13px 0 0 0;
}
section.con8 .btn_list span:first-of-type {
	margin: 0;
}
section.con8 .feed_slide .swiper-wrapper .img-box {
}
section.con8 .feed_slide .swiper-wrapper {
	height: auto;
}
section.con8 .feed_slide .swiper-slide {
	box-sizing: border-box;
	background: #fff;
	min-height: 132px;
}

section.con9 {
	padding-bottom: 182px;
}
section.con9 .tit {
	width: 1100px;
	font-size: 53px;
	font-family: market-l;
	line-height: 100%;
	margin: 0 auto 80px;
	color: #35363a;
}
section.con9 .tit span {
	margin-bottom: 15px;
}
section.con9 .tit strong {
	font-size: 60px;
	font-family: market-b;
	line-height: 100%;
}

section.con9 .one-block {
	width: 1100px;
	margin: 0 auto;
}
section.con9 .one-block > div {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	border-radius: 50px;
	box-sizing: border-box;
	box-shadow: 0px 7px 20px 5px rgba(0, 0, 0, 0.3);
	position: relative;
}
section.con9 .one-block > div {
	padding-left: 75px;
	height: 278px;
	background: #fff;
	color: #fff;
	background: linear-gradient(90deg, #4e84b2 30%, #4e6cb2 60%);
}
section.con9 .one-block > div::before {
	content: '최신';
	font-size: 24px;
	font-family: noto5;
	position: absolute;
	top: 15%;
	text-align: center;
	white-space: pre;
	z-index: 1;
	width: 90px;
	height: 90px;
	background: #ffab27;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	border-radius: 65px;
	line-height: 20px;
	right: 330px;
}
section.con9 .one-block > div::after {
	content: url('/_skin/tpl_skin/basic_001134/con1/benefit_top.png');
	position: absolute;
	right: 50px;
	top: 20%;
}
section.con9 .one-block span {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 15px;
}
section.con9 .one-block strong {
	font-size: 45px;
	line-height: 55px;
}
section.con9 .list-block {
	width: 1100px;
	margin: 48px auto 0;
	counter-reset: list;
}
section.con9 .list-block > div {
	margin: 20px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items: center;
	border-radius: 30px;
	box-sizing: border-box;
	position: relative;
	height: 202px;
	padding-left: 38px;
	border: 3px solid #000;
}
section.con9 .list-block > div::before {
	counter-increment: list;
	content: '0' counter(list);
	width: 76px;
	height: 76px;
	border-radius: 76px;
	background: #000;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}
section.con9 .list-block span {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 10px;
}
section.con9 .list-block strong {
	font-size: 39px;
	line-height: 55px;
}
section.con9 .list-block .img-box {
	width: 390px;
	text-align: center;
}
/*section.con9 .list-block > div:nth-child(1) > .img-box{*/
section.con9 .list-block > div:nth-child(5) > .img-box {
	margin-top: 29px;
}
section.con9 .list-block > div > .img-box {
	margin-top: 16px;
}
section.con9 .txt-box span,
section.con9 .txt-box strong {
	display: block;
}
section.con9 .txt-box span > a {
	margin-top: 10px;
	display: inline-block;
	padding: 4px 20px;
	font-size: 22px;
	background: #000;
	color: #fff;
}
