@charset "utf-8";
/*공통스타일*/
.drone-main .main-title {
	text-align: center;
	font-size: 45px;
	line-height: 50px;
	font-family: 'noto3', dotum;
	font-weight: 100;
	margin-bottom: 15px;
	letter-spacing: -2px;
}
.drone-main .main-subtitle {
	text-align: center;
	font-family: 'noto2', dotum;
	font-weight: 100;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
}
.drone-main .main-title.style1,
.drone-main .main-subtitle.style1 {
	color: #000;
}
.drone-main .main-title.style2,
.drone-main .main-subtitle.style2 {
	color: #fff;
}

/*세부*/
/*[시작]상단 비주얼*/
.drone-main {
	overflow: hidden;
}

/*
.drone-main .top-bg{
	height:753px;
	background:url('/_skin/tpl_skin/basic_drone/images/main/top_bg.jpg') center 0 no-repeat;
}
.drone-main .top{
	position:relative;
	height:753px;
}
.drone-main .top .top-apply{
	display:block;
	position:absolute;
	width:1118px;
	height:429px;
	background:url('/_skin/tpl_skin/basic_drone/images/main/apply.png') 0 0 no-repeat;
	left:30px;
	top:50px;
}
.drone-main .top .btn-go-content1{
	width:547px;
	height:429px;
	left:0; top:0;
}
.drone-main .top .btn-go-content2{
	width:547px;
	height:429px;
	right:0; top:0;
} 

.drone-main .top .icon-drone{
	position: absolute;
	width:730px;
	height:425px;
	top: 450px;
	right:-550px;
	animation: moveX 14s 0s infinite;
}

.drone-main .top .icon-drone:after {
	content: '';
	display: block;
	width:432px;
	height:251px;
	background:url('/_skin/tpl_skin/basic_drone/images/main/drone.png') 0 0 no-repeat;
	animation: moveY 14s 0s infinite;
}

@keyframes moveX {
    0% { transform : translate(0,0);}
	10% { transform: translate(0, 50px)}
	20% { transform: translate(0, 0)}
	30% { transform: translate(0, 50px)}
	40% { transform: translate(0, 0)}
	70% { transform: translate(0, 50px)}
    100% { transform: translate(0, 0)}
}
@keyframes moveY {
    0% { transform : translate(0,0);}
	10% { transform: translate(-50px, 0)}
	20% { transform: translate(0, 0)}
	30% { transform: translate(50px,0)}
	40% { transform: translate(0, 0)}
	50% { transform: translate(-50px,0)}
	60% { transform: translate(0, 0)}
	70% { transform: translate(50px,0)}
	80% { transform: translate(0, 0)}
	90% { transform: translate(-50px,0)}
    100% { transform: translate(0, 0)}
}
*/

.drone-main .top-bg2 {
	position: relative;
	height: 694px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/main_re_.png') center 0 no-repeat;
}
.drone-main .top2 {
	position: relative;
}
.drone-main .top2 .btn-go-content1 {
	width: 600px;
	height: 429px;
	left: 0;
	top: 0;
}
.drone-main .top2 .btn-go-content2 {
	width: 600px;
	height: 429px;
	right: 0;
	top: 0;
}
/*[종료]상단 비주얼*/

/*[시작]상단 시험달력 및 게시판*/
.top-content-section {
	margin-top: 50px;
	position: relative;
}
/*시험달력*/
.sdedu-calendar-sjh {
	position: relative;
	width: 316px; /*390*/
	/*height:243px; 297*/
	padding: 25px 35px;
	background: #fff;
	border: 2px solid #cfd0d0;
	margin-right: 40px;
}
.sdedu-calendar-sjh:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	right: -6px;
	top: 7px;
	background: #ebebeb;
	z-index: -1;
}
.sdedu-calendar-sjh .calendar-head {
	position: relative;
	height: 45px;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-year-month {
	position: absolute;
	left: 72px;
	top: 0;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	font-family: 'noto5', dotum;
	font-weight: 100;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-prev,
.sdedu-calendar-sjh .calendar-head .sdcalendar-next {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-prev a,
.sdedu-calendar-sjh .calendar-head .sdcalendar-next a {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	text-indent: -999999px;
	overflow: hidden;
	background-image: url('/_skin/tpl_skin/basic_drone/images/main/calendar_btn.png');
	background-repeat: no-repeat;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-prev {
	left: 30px;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-prev a {
	background-position: 0 0;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-next {
	right: 30px;
}
.sdedu-calendar-sjh .calendar-head .sdcalendar-next a {
	background-position: -26px 0;
}

.sdedu-calendar-sjh table td,
.sdedu-calendar-sjh table th {
	width: 45px;
	height: 38px;
	text-align: center;
	font-family: 'tahoma';
}
.sdedu-calendar-sjh table span {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin: 0 auto;
}
.sdedu-calendar-sjh table span a {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
}
.sdedu-calendar-sjh table span a:focus {
	outline: none;
}
.sdedu-calendar-sjh table .today span,
.sdedu-calendar-sjh table span a.day-on {
	border-radius: 100%;
}
.sdedu-calendar-sjh table span a.day-on {
	border: 1px solid #e5000f;
}
.sdedu-calendar-sjh table td.today span a.day-on {
	border: none;
}
.sdedu-calendar-sjh table .today span,
.sdedu-calendar-sjh table span a.day-on.selected {
	background: #feeb6c;
	border: 1px solid #feeb6c;
}
.sdedu-calendar-sjh table .today span {
	/*position:relative;*/
}

.sdedu-calendar-sjh .calendar-body span.day-sun,
.sdedu-calendar-sjh .calendar-body span.day-title-sun,
.sdedu-calendar-sjh .calendar-body span.before-month-day-sun {
	color: #e5000f;
}
.sdedu-calendar-sjh .calendar-body span.day-sat,
.sdedu-calendar-sjh .calendar-body span.day-title-sat,
.sdedu-calendar-sjh .calendar-body span.before-month-day-sat {
	color: #0036c5;
}

.sdedu-calendar-sjh .calendar-body span.before-month,
.sdedu-calendar-sjh .calendar-body span.after-month {
	color: #ccc;
}
.sdedu-calendar-sjh .data-list-box {
	/*display:none;*/
	position: absolute;
}
.sdedu-calendar-sjh .data-list-box:before,
.sdedu-calendar-sjh .data-list-box:after {
	content: '';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
}
.sdedu-calendar-sjh .data-list-box:before {
	right: -9px;
	top: 13px;
	border-top: 16px solid none;
	border-bottom: 14px solid #2a436a;
	border-right: 11px solid transparent;
	border-left: 16px solid none;
	z-index: 3;
}
.sdedu-calendar-sjh .data-list-box:after {
	right: -13px;
	top: 4px;
	border-top: 28px solid none;
	border-bottom: 25px solid #feeb6c;
	border-right: 19px solid transparent;
	border-left: 28px solid none;
	z-index: 1;
}
.sdedu-calendar-sjh .data-list-box .close-button {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 16px;
	top: 12px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/calendar_btn.png') 0 -26px;
	cursor: pointer;
	font-size: 0;
	text-indent: -99999px;
	overflow: hidden;
	z-index: 3;
}
.sdedu-calendar-sjh .data-list-box ul {
	position: relative;
	width: 220px;
	padding: 8px 40px 8px 10px;
	background: #2a436a;
	color: #fff;
	font-size: 13px;
	border: 2px solid #feeb6c;
	border-radius: 8px;
	z-index: 2;
	font-family: 'dotum';
}
.sdedu-calendar-sjh .data-list-box ul li {
	padding: 4px 0;
	border-top: 1px dashed #ccc;
	letter-spacing: 0;
}
.sdedu-calendar-sjh .data-list-box ul li:first-child {
	border: none;
}
.sdedu-calendar-sjh .data-list-box ul li a {
	font-weight: bold;
}
/*상단 게시판*/
.drone-top-bbs {
	position: relative;
	width: 770px;
	margin-bottom: 85px;
}
.drone-top-bbs .top-dday,
.drone-top-bbs .bottom-bbs-wrap {
	padding-left: 120px;
	width: 490px;
}
.drone-top-bbs .top-dday {
	position: relative;
	height: 130px;
	padding-top: 10px;
	border-bottom: 1px solid #dcdcdc;
	background: url('/_skin/tpl_skin/basic_drone/images/main/day_icon.png') 10px 20px no-repeat;
}
.drone-top-bbs .bottom-bbs-wrap {
	height: 126px;
	padding-top: 30px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/day_icon2.png') 10px 20px no-repeat;
}
.drone-top-bbs .top-dday .dday-title,
.drone-top-bbs .bottom-bbs-wrap .tab-menu a {
	display: block;
	margin-bottom: 15px;
	background-image: url('/_skin/tpl_skin/basic_drone/images/main/top_bbs_title.png');
	background-repeat: no-repeat;
}
.drone-top-bbs .top-dday .dday-title {
	width: 347px;
	height: 32px;
	background-position: 0 0;
}
.drone-top-bbs .bottom-bbs-wrap .tab-menu a.link-tab1 {
	width: 148px;
	height: 26px;
	background-position: 0 -61px;
}
.drone-top-bbs .bottom-bbs-wrap .tab-menu a.link-tab1.selected {
	background-position: 0 -32px;
}

.drone-top-bbs .bottom-bbs-wrap .tab-menu a.link-tab2 {
	width: 95px;
	height: 26px;
	background-position: -159px -61px;
}
.drone-top-bbs .bottom-bbs-wrap .tab-menu a.link-tab2.selected {
	background-position: -159px -32px;
}

.drone-top-bbs .top-dday .dday-detail {
	width: 320px;
}
.drone-top-bbs .top-dday .dday-detail dt,
.drone-top-bbs .top-dday .dday-detail dd {
	float: left;
	font-size: 14px;
	font-family: dotum;
	letter-spacing: -1px;
}
.drone-top-bbs .top-dday .dday-detail dd {
	margin-right: 15px;
	width: 240px;
}
.drone-top-bbs .top-dday .dday-day {
	position: absolute;
	left: 440px;
	top: 65px;
	font-size: 38px;
	font-family: 'tahoma';
	font-weight: 600;
	color: #000;
	letter-spacing: -2px;
}
.drone-top-bbs .top-dday .dday-day.no-dday {
	display: none;
}

.drone-top-bbs .bottom-bbs-wrap .tab-menu li {
	float: left;
}
.drone-top-bbs .bottom-bbs-wrap .tab-menu li:first-child {
	position: relative;
	margin-right: 13px;
	padding-right: 13px;
}
.drone-top-bbs .bottom-bbs-wrap .tab-menu li:first-child:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 1px;
	width: 1px;
	height: 24px;
	background: #bdbdbd;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content {
	position: relative;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content .bbs-more {
	position: absolute;
	display: block;
	width: 53px;
	height: 21px;
	left: 285px;
	top: -35px;
	line-height: 21px;
	font-size: 11px;
	font-family: dotum;
	background: #e8e8e8;
	color: #acacac;
	text-align: center;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul {
	width: 335px;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul li {
	position: relative;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 20px;
	font-family: dotum;
	letter-spacing: 0;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul li:after {
	content: '';
	display: table;
	clear: both;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul li span.date {
	float: right;
	display: block;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul li a {
	display: block;
	float: left;
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.drone-top-bbs .bottom-bbs-wrap .tab-content ul li a:hover {
	text-decoration: underline;
}
.drone-top-bbs .top-cscenter {
	position: absolute;
	width: 250px;
	height: 251px;
	right: 0px;
	top: 40px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/top_cs.png') 0 0 no-repeat;
}
.drone-top-bbs .top-cscenter .btn-top-cscenter2 {
	width: 130px;
	height: 26px;
	bottom: 60px;
}
.drone-top-bbs .top-cscenter .btn-top-cscenter2 {
	left: 64px;
}
/*[종료]상단 시험달력 및 게시판*/
.drone-main .test-info-bg {
	background: #f4f4f4;
	padding: 100px 0;
}
.drone-main .test-info-list li {
	float: left;
	margin-left: 80px;
}
.drone-main .test-info-list li:first-child {
	margin-left: 0;
}
.drone-main .teacher {
	position: relative;
	padding-top: 100px;
}

.drone-main .teacher .tab-menu {
	position: absolute;
	left: 680px;
	top: 120px;
	overflow: hidden;
	z-index: 3;
}
.drone-main .teacher .tab-menu li {
	float: left;
	width: 125px;
	height: 125px;
	border-radius: 100%;
	overflow: hidden;
	border: 3px solid #fff;
	margin-right: 10px;
}
.drone-main .teacher .tab-menu li a {
	position: relative;
	display: block;
	width: 125px;
	height: 125px;
	background-image: url('/_skin/tpl_skin/basic_drone/images/main/tab.png');
}
.drone-main .teacher .tab-menu li a.link-tab2 {
	background-position: 0 -126px;
}
.drone-main .teacher .tab-menu li a.link-tab2.selected {
	background-position: -126px -126px;
}

.drone-main .teacher .tab-menu li a.link-tab1 {
	background-position: 0 0;
}
.drone-main .teacher .tab-menu li a.link-tab1.selected {
	background-position: -126px 0;
}
.drone-main .teacher .tab-menu li:hover {
	border: 3px solid #2472e7;
}
.drone-main .teacher .tab-menu li a em {
	display: block;
	position: absolute;
	width: 100%;
	height: 36px;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 36px;
	color: #fff;
	background: #797979;
	font-style: normal;
	font-family: dotum;
}
.drone-main .teacher .tab-menu li a em span {
	font-weight: 600;
}
.drone-main .teacher .tab-menu li a.selected em {
	background: #1267e7;
}

.drone-main .teacher .tab-content {
	position: relative;
	height: 674px;
}
.drone-main .teacher .tab-content1 {
	background: url('/_skin/tpl_skin/basic_drone/images/main/teacher01.png') center 0 no-repeat;
}
.drone-main .teacher .tab-content2 {
	background: url('/_skin/tpl_skin/basic_drone/images/main/teacher02_n.png') center 0 no-repeat;
}
.drone-main .teacher .btn-go-techer {
	width: 175px;
	height: 175px;
	left: 120px;
	top: 415px;
}
.drone-main .teacher .play {
	position: absolute;
	width: 498px;
	height: 287px;
	right: 10px;
	bottom: 69px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/play.png') center 0 no-repeat;
}
.drone-main .book-bg {
	background: #fbf6f1;
}
.drone-main .book {
	position: relative;
	height: 515px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/book_.png') center 0 no-repeat;
}
.drone-main .book .btn-go-book {
	width: 260px;
	height: 50px;
	bottom: 74px;
	left: 12px;
}
.drone-main .service-bg {
	padding: 80px 0;
	background: rgb(0, 192, 174); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(0, 192, 174, 1) 0%, rgba(0, 105, 211, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(0, 192, 174, 1) 0%, rgba(0, 105, 211, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(0, 192, 174, 1) 0%, rgba(0, 105, 211, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0ae', endColorstr='#0069d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.drone-main .service .service-list {
	position: relative;
	height: 255px;
	background: url('/_skin/tpl_skin/basic_drone/images/main/service.png') center 0 no-repeat;
}

.service-apply {
	background: #fff;
	width: 960px; /*1156px*/
	margin: 20px auto 0;
	padding: 40px 98px;
}
.service-apply-item {
	float: left;
	width: 280px;
	min-height: 120px;
	margin-bottom: 30px;
	padding: 0 30px 0 170px;
	position: relative;
}
.service-apply-item .support {
	display: block;
	position: absolute;
	left: 20px;
	top: 10px;
	width: 120px;
	height: 120px;
}
.service-apply-item .support > span {
	display: table-cell;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	font-family: 'noto5';
	background: #ec2424;
	color: #fff;
}
.service-apply-item .c-price .num {
	font-family: 'tahoma';
	font-weight: 900;
	font-size: 58px;
	line-height: 62px;
}
.service-apply-item .c-price .won {
	font-size: 40px;
}
/*예약판매- 예판 종료후 금액 및 할인금액 관련 css*/

.service-apply-item .yeyak {
	position: relative;
	padding-top: 35px;
	text-align: center;
}
.service-apply-item .yeyak .yeyak-b-price {
	position: absolute;
	top: 0;
	left: 0;
}
.service-apply-item .yeyak .yeyak-b-price .num {
	display: block;
	position: relative;
	height: 26px;
	line-height: 26px;
	text-align: center;
	overflow: hidden;
	color: #a5a5a5;
	padding: 0 75px 0 5px;
	font-family: 'tahoma';
	font-weight: 600;
	font-size: 18px;
	z-index: 1;
}
.service-apply-item .yeyak .yeyak-b-price .num:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background: #7b7b7b;
	z-index: 2;
}
.service-apply-item .yeyak .yeyak-b-price .sale {
	display: block;
	position: absolute;
	width: 70px;
	right: 0;
	top: 0;
	height: 26px;
	line-height: 26px;
	border-radius: 20px;
	font-family: 'noto3', '돋움', dotum, 'Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;
	font-size: 13px;
	background: #7b7b7b;
	color: #fff;
	z-index: 3;
}
.service-apply-item .yeyak .yeyak-c-price {
	position: absolute;
	right: 0;
	top: -2px;
	line-height: 30px;
	color: #7b7b7b;
}
.service-apply-item .yeyak .yeyak-c-price .num {
	font-family: 'tahoma';
	font-weight: 600;
	font-size: 22px;
}
.service-apply-item .yeyak .yeyak-c-price .y-won {
	font-family: 'noto3', '돋움', dotum, 'Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;
	font-size: 20px;
}
.service-apply-item .yeyak .yeyak-hr {
	display: block;
	height: 1px;
	margin: 0 auto;
	background: #7b7b7b;
}
.service-apply-item .yeyak .yeyak-support {
	background: #ffe400;
	margin: 9px auto 3px;
	font-family: 'noto5', '돋움', dotum, 'Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 20px;
	padding: 6px 0;
	border-radius: 7px;
}
/**/
.drone-main .service .btn-go-content2 {
	clear: both;
	display: block;
	width: 699px;
	height: 67px;
	margin: 0 auto;
	line-height: 67px;
	border-radius: 50px;
	background: #fde943;
	font-size: 28px;
	font-family: 'noto5';
	text-align: center;
}

/*[시작] 하단 게시판 영역*/
.drone-bottom-bbs {
	padding: 70px 0;
}
.drone-bottom-bbs .bottom-bbs-wrap {
	width: 450px;
	margin-right: 40px;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu {
	padding-bottom: 10px;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu li {
	float: left;
	font-size: 17px;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu li:first-child {
	position: relative;
	padding-right: 15px;
	margin-right: 15px;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu li:first-child:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 4px;
	width: 1px;
	height: 16px;
	background: #000;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu li a {
	font-family: 'noto3';
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-menu li a.selected {
	font-family: 'noto5';
}

.drone-bottom-bbs .bottom-bbs-wrap .tab-content {
	position: relative;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-more {
	position: absolute;
	display: block;
	right: 0;
	top: -32px;
	font-size: 12px;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-list {
	padding: 10px 0;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-list li {
	border-top: 1px dashed #c8c8c8;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-list li:first-child {
	border-top: none;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-list li a {
	display: block;
	padding: 16px 0;
	letter-spacing: 0;
}
.drone-bottom-bbs .bottom-bbs-wrap .tab-content .bbs-list li a:hover {
	text-decoration: underline;
}
.drone-bottom-bbs .botton-quick-menu li {
	float: left;
	margin-left: 10px;
}
.drone-bottom-bbs .botton-quick-menu li:first-child {
	margin-left: 0;
}

/*[종료] 하단 게시판 영역*/
/*/_skin/tpl_skin/basic_drone/images/main/*/
/**/