@charset "utf-8";
/* CSS Document */


/* =========================================================================== event */
#event {
	height: 388px;
	/*background: #262541;*/
	z-index: 102;
}
#event_menu {
	position: absolute;
	left: 50%;
	width: 1200px;
	height: 39px;
	z-index: 110;
	margin: -39px 0 0 -600px;
	letter-spacing: -0.08em;
	display: none;
}
#event ul {
	margin: 0 auto;
	padding: 0;
	padding-left: 0; /* 메뉴갯수 x 5px */
}
#event li {
	display: inline-block;
	font-size: 15px;
	line-height: 37px;
	padding: 0 13px;
	color: #555;
	background: #fff;
	text-align: center;
	margin: 0;
	border-left: 1px solid #555;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	position: relative;
	transition: all 0.2s linear;
}
#event li:nth-last-child(-n+1) { border-right: 1px solid #555; }
#event li:hover, #event li.cycle-pager-active {
	background: #565656;
	color: #fff;
	cursor: pointer;
}
#event li:first-child {
	background: #d85100;
	color: #fff;
}
#event .flash_btn {
	width: 30px;
	height: 40px;
	padding: 0;
	border: none;
}
/* 이벤트 갯수 변경시 화살표 마진 값 조정*/
#flash_btn_left { margin-left: 20px; }
#flash_btn_right { margin-right: 20px; }
#event .flash_btn i::before {
	color: #fff;
	display: block;
	font-size: 25px;
	line-height: 40px;
	vertical-align: middle;
	transition: all 0.1s linear;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
#event .flash_btn:hover {
	background: transparent;
	cursor: pointer;
}
#flash_btn_left:hover .fa-angle-left::before { margin-right: 7px; }
#flash_btn_right:hover .fa-angle-right::before { margin-left: 7px; }
#cycle-slideshow-evt {
	width: 100%;
	height: 100%;
	margin: auto;
	background: transparent;
}
#cycle-slideshow-evt img {
	opacity: 0;
	filter: alpha(opacity=0);
}
/* ========================================================================================= ctn */
.ctn { height: 100%; }
/* ================================================================== ctn01 중간 바로가기 링크*/
#target {
	width: 100%;
	height: 131px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
#target ul {
	width: 100%;
	height: 76px;
}
#target li {
	float: left;
	color: #444;
}
#target li a {
	font-family: Nanum_SR;
	font-size: 16px;
	font-weight: 600;
	line-height: 130%;
}
#target li:nth-child(1) { background: url(/images/main/2022/target_icon01.png) 30px center no-repeat; }
#target li:nth-child(2) { background: url(/images/main/2022/target_icon02.png) 30px center no-repeat; }
#target li:nth-child(3) { background: url(/images/main/2022/target_icon03.png) 30px center no-repeat; }
#target li:nth-child(4) { background: url(/images/main/2022/target_icon04.png) 30px center no-repeat; }
#target li:nth-child(5) {
	background: url(/images/main/2022/target_icon05.png) 30px center no-repeat;
	margin-right: 0;
	border-right: none;
}
#target li:nth-child(1):hover { color: #ff5d15; }
#target li:nth-child(2):hover { color: #ff5d15; }
#target li:nth-child(3):hover { color: #ff5d15; }
#target li:nth-child(4):hover { color: #ff5d15; }
#target li:nth-child(5):hover { color: #ff5d15; }
/* ================================================================== ctn02 게시글 영역 */
#contents_ctn article {
	height: 185px;
	margin-bottom: 20px;
}
/*==================================== 개강일정 */
#schedule {
	color: #333;
	position: relative;
	padding: 33px;
	width: 234px;
	background: #f2f2f2;
	margin-right: 20px;
}
#schedule h3 {
	color: #333;
	font-size: 18px;
	text-align: center;
	margin-bottom: 4px;
	font-family: Gmarket_S_L;
}
#schedule h4 {
	font-size: 30px;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'Gmarket_S_M', sans-serif;
}
#schedule h4 b {
	font-family: 'Gmarket_S_B', sans-serif;
	color: #4e69d0;
}
#schedule p {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
#schedule p.count {
	width: 210px;
	height: 30px;
	line-height: 30px;
	border-radius: 18px;
	background: #333a54;
	color: #fff;
	font-size: 14px;
	font-family: 'Nanum_SR';
	margin: 0 auto;
	margin-bottom: 15px;
}
#schedule p.count span { color: #fee170 }
#schedule ul li {
	text-align: center;
	font-size: 16px;
}
#schedule p a {
	width: 171px;
	display: inline-block;
	height: 35px;
	line-height: 38px;
	font-weight: bold;
	color: #4e69d0;
	border-radius: 60px;
	border: 2px solid #4e69d0;
	font-size: 21px;
	font-family: 'Gmarket_S_M', 'Gmarket_S_B', 'Gmarket_S_L', sans-serif;
	text-align: center;
}
#schedule p a:hover {
	background: #4e69d0;
	color: #fff;
}
#schedule .bnr_last_chasi {
	position: absolute;
	display: block;
	top: -36px;
	left: -72px;
}
/*==================================== 공지사항 */
#notice {
	width: 378px;
	border: 1px solid #e5e5e5;
	padding: 25px 28px;
	margin-right: 20px;
}
#notice h3 {
	font-size: 28px;
	color: #000;
	text-align: center;
	font-family: Gmarket_S_M;
	margin-top: 8px;
}
.btn_more {
	position: absolute;
	top: 0;
	right: 0;
}
.btn_more a {
	font-size: 16px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #4e69d0;
	background: #f2f2f2;
	text-align: center;
}
.btn_more a:hover {
	color: #fff;
	background: #4e69d0;
}
.ntc_menu {
	color: #555;
	line-height: 33px;
	font-size: 14px;
	margin-bottom: 17px;
	letter-spacing: -0.03em;
	font-family: Nanum_SR;
	float: left;
}
.ntc_menu .active, .ntc_menu .active:hover {
	color: #fff;
	background: #565656;
}
.ntc_menu .active::after, .ntc_menu .active:hover::after {
	content: '▼';
	color: #565656;
	display: block;
	margin-top: -15px;
	height: 14px;
}
.ntc_menu li {
	float: left;
	text-align: center;
	padding: 0 17px;
}
.ntc_menu li:hover::after {
	content: '▼';
	color: #565656;
	display: block;
	margin-top: -15px;
	height: 14px;
}
.ntc_menu li:hover {
	color: #fff;
	background: #565656;
	cursor: pointer;
}
/*==================================== 자주하는 질문 */
#qna {
	width: 377px;
	border: 1px solid #e5e5e5;
	padding: 25px 28px;
	margin-right: 20px;
}
#qna h3 {
	font-size: 28px;
	color: #000;
	text-align: center;
	font-family: Gmarket_S_M;
	margin-top: 8px;
}
.list_view_qna { margin-top: 20px; }
.list_view_qna li { margin-bottom: 10px; }
.list_view_qna li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.list_view_qna li a:hover { color: #000; }
.list_view_qna li::before {
	content: "-";
	margin-right: 5px;
}
.list_view { margin-top: 20px; }
.list_view li { margin-bottom: 7px; }
.list_view li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
}
.list_view li a:hover { color: #000; }
.list_view li::before {
	content: "-";
	margin-right: 5px;
}
/*==================================== 고객센터 */
#call {
	padding: 26px 27px;
	width: 235px;
	background: #f2f2f2;
}
#call h3 {
	font-size: 24px;
	height: 30px;
	color: #000;
}
#call ul {
	margin-bottom: 17px;
	margin-top: 12px;
}
#call ul li {
	font-family: Gmarket_S_L;
	font-weight: 600;
	font-size: 20px;
	line-height: 65%;
	color: #000;
}
#call ul li:last-child {
	font-size: 16px;
	padding-top: 7px;
	font-family: Gmarket_S_L;
	color: #3a57c4;
}
#call ul li span {
	font-size: 30px;
	font-family: Gmarket_S_B;
	display: block;
	margin: 20px 0 35px 0;
}
#call ul + ul li:last-child { color: #3c8dee; }
.color_g { color: #00933d !important; }
#call p {
	margin-top: -5px;
	font-size: 14px;
	word-spacing: 0.00em;
	line-height: 140%;
	background: #fff;
	padding: 7px 12px;
}
/* ================================================================== ctn03 대표과목 롤링 */
#subj_rolling_ctn {
	height: 536px;
	margin-bottom: 100px;
}
#subj_rolling {
	width: calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	border: 1px solid #e5e5e5;
	background: url(/images/main/2022/subj_rolling_bg.jpg) center top no-repeat;
	position: relative;
}
#subj_rolling h3 {
	color: #000;
	font-family: 'Gmarket_S_M';
	font-size: 33px;
	text-align: center;
	margin-top: 35px;
}
#subj_rolling h3 b {
	color: #4e69d0;
	font-family: 'Gmarket_S_B';
}
#E_roll_ctn {
	width: 90%;
	height: auto;
	padding-bottom: 50px;
	margin: 0 auto;
	margin-top: 33px;
	padding-left: 2px;
}
#E_roll_ctn .swiper-wrapper { margin-right: 40px; }
#E_roll_ctn .swiper-wrapper + div:nth-child(3) { margin-right: 0; }
#E_roll_ctn .swiper-wrapper ul {
	width: 328px;
	border: 1px solid #bcbcbc;
}
#E_roll_ctn .swiper-wrapper ul li { margin-right: 0; }
#E_roll_ctn .swiper-wrapper ul li + li {
	padding: 13px 0;
	width: 100%;
}
#E_roll_ctn .swiper-wrapper ul li h4 {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 21px;
	color: #333a54;
	font-family: Gmarket_S_M;
}
#E_roll_ctn .swiper-wrapper ul li span {
	margin: 10px;
	font-size: 16px;
	color: #7d8eda;
	font-family: Nanum_SR;
}
#E_roll_ctn .swiper-wrapper ul li + li a {
	float: right;
	display: block;
	width: 96px;
	height: 46px;
	line-height: 46px;
	text-align: right;
	margin-right: 10px;
	margin-top: -30px;
}
/* 마우스 오버시*/
#E_roll_ctn ul.subj_hover { border: 1px solid #4e69d0; }
#E_roll_ctn ul.subj_hover li { background: #4e69d0 }
#E_roll_ctn ul.subj_hover li h4 { color: #fff; }
#E_roll_ctn ul.subj_hover li span { color: #fff000; }
#E_roll_ctn ul.subj_hover li + li a {
	text-align: center;
	background: #fff;
	color: #4e69d0;
}
#E_roll_ctn .swiper-wrapper .subj_play { display: none; }
#E_roll_ctn .swiper-wrapper .subj_hover .subj_play {
	display: block;
	margin-top: -200px
}
/**/
#E_roll_btn span {
	position: absolute;
	top: 225px;
	display: block;
	font-size: 35px;
	color: #e5e5e5
}
#E_roll_btn span:hover {
	color: #999;
	cursor: pointer;
}
#Eflash_btn_left { left: 20px; }
#Eflash_btn_right { right: 20px; }
.subj_btn {
	display: block;
	width: 445px;
	height: 55px;
	line-height: 60px;
	border: 2px solid #4e69d0;
	font-size: 26px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
	font-family: Gmarket_S_L;
}
.subj_btn b {
	font-family: Gmarket_S_L;
	font-family: Gmarket_S_M;
	color: #4e69d0;
	font-weight: normal;
}
.subj_btn:hover {
	background: #4e69d0;
	color: #fff;
}
.subj_btn:hover b { color: #fff000 }
footer { padding-bottom: 100px !important;/* 상담신청 영역 잡는다고*/ }
/* ====================================================================================  회원가입없는 간편상담 */
#fix_non_mem {
	clear: both;
	width: 119px;
	height: 111px;
	z-index: 122;
	position: fixed;
	bottom: 20px;
	right: 28px;
	background: #414141;
	border-radius: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
#fix_non_mem_open {
	clear: both;
	width: 818px;
	height: 111px;
	z-index: 122;
	position: fixed;
	bottom: 20px;
	right: 28px;
	background: #414141;
	border-radius: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
#fix_non_mem_open span {
	position: absolute;
	display: block;
	cursor: pointer;
	top: -15px;
	right: -15px;
	background: #414141;
	width: 33px;
	height: 33px;
	line-height: 34px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	border: 3px solid #fff;
	border-radius: 50%;
}
#fix_non_mem_open img {
	float: left;
	margin: 0 15px;
}
#fix_non_mem_open ul {
	float: left;
	width: 669px;
	margin-top: 23px;
}
#fix_non_mem_open li {
	float: left;
	margin-right: 15px;
	color: #bbb
}
#fix_non_mem_open li label { color: #999 }
#fix_non_mem_open li input {
	height: 34px;
	line-height: 34px;
	border-radius: 8px;
	border: none;
}
#fix_non_mem_open li input[placeholder] {
	letter-spacing: -0.07em;
	text-align: center;
}
#fix_non_mem_open li select {
	height: 36px;
	line-height: 36px;
	border-radius: 8px;
	border: none;
	vertical-align: top;
}
#fix_non_mem_open li a {
	display: block;
	text-align: center;
	height: 36px;
	line-height: 40px;
	width: 125px;
	border-radius: 8px;
	background: #abffcd;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	font-family: 'Gmarket_S_M', 'Gmarket_S_B', 'Gmarket_S_L', sans-serif;
}
#fix_non_mem_open p {
	float: left;
	margin-top: 15px;
	margin-left: 123px;
	color: #fff;
}
#fix_non_mem_open p input {
	height: 18px;
	width: 18px;
	vertical-align: top;
}
#fix_non_mem_open p a {
	margin-left: 5px;
	font-size: 13px;
	color: #FF0;
	border: 1px solid #ff0;
	padding: 2px;
	vertical-align: middle;
}
/* ================================================================== 하단 픽스 */
#fix_Mbottom {
	clear: both;
	width: 100%;
	z-index: 120;
	position: fixed;
	bottom: 0;
	background: #585858;
	height: 90px;
}
#fix_wrap {
	height: 90px;
	width: 1200px;
	position: relative;
	float: left;
	left: 50%;
	margin-left: -600px;
	background: url(/images/main/2022/fix_bg02.png) 180px no-repeat;
}
#fix_wrap span {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 0;
	font-family: 'Gmarket_S_M';
	cursor: pointer;
}
#fix_Mcount {
	width: 1000px;
	float: left;
}
#fix_Mcount {
	width: 650px;
	margin: 22px 0 0 380px;
}
#fix_Mcount input { width: 40px; }
#fix_Mcount label + input { width: 120px; }
#fix_Mcount ul li {
	float: left;
	margin-right: 10px;
	font-size: 15px;
	color: #fff;
}
#fix_Mcount ul li:nth-child(1) input { height: 24px; }
#fix_Mcount ul li:nth-child(2) input { height: 24px; }
#fix_Mcount ul li:nth-child(2) select { height: 30px; }
#fix_Mcount ul li:nth-child(3) select { height: 30px; }
#fix_Mcount ul li:nth-child(4) {
	font-size: 12px;
	margin-right: 25px;
	padding-top: 5px;
	float: right;
}
#fix_Mcount ul li p {
	font-size: 13px;
	float: right;
	margin: 10px 0 0 5px;
}
#fix_Mcount input[type="checkbox"] { width: 20px; }
#fix_Mctn {
	width: 100px;
	float: left;
	padding: 30px 55px 0 5px;
	position: absolute;
	top: -30px;
	left: 30px;
	height: 120px;
	background: url(/images/main/2022/fix_bg01.png) no-repeat;
}
#fix_Mctn ul {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
}
#fix_Mctn li {
	float: left;
	font-size: 20px;
	line-height: 120%;
	padding-top: 4px;
	width: 500px;
}
#fix_Mctn li:first-child {
	line-height: 120%;
	font-family: 'Gmarket_S_M';
	padding-top: 0;
	text-align: left;
	letter-spacing: -0.1em;
	color: #fff;
	width: 120px;
	font-size: 24px;
	text-align: center;
}
#fix_btn {
	float: left;
	position: absolute;
	top: 12px;
	right: 50px;
}
#fix_btn p a {
	padding: 18px;
	font-size: 24px;
	background: #ff5d15;
	float: right;
	cursor: pointer;
	border-radius: 10px;
	color: #fff;
}
#fix_btn p a:hover { background: #e9520f; }
#fix_Mctn b {
	color: #ff5d15;
	font-family: 'Gmarket_S_B';
}
.pointer { cursor: pointer; }
/* =========================================================================== 배너형 이벤트 */
#eventBnr_friend {
	position: absolute;
	right: 105px;
	top: 360px;
	z-index: 123;
}
#eventBnr_janghak {
	position: absolute;
	right: 0px;
	top: 483px;
	z-index: 124;
}
#bnr_degree {
	position: absolute;
	right: 40px;
	top: 660px;
	z-index: 1254;
}
#eventBnr area { outline: none; }