@charset "utf-8";

.apply{
	box-sizing:border-box;
	color:#000;
	font-family: 'noto3', 'sans-sarif';
}
.con{
	width:100%;
	margin:0 auto;
	font-family:'noto3';
	font-weight:100;
}
.inner{
	position:relative;
	width:1000px;
	margin: 0 auto;
}
.div-table{
	display:table;
	margin:0 auto;
	width:100%;
}
.div-table > *{
	display:table-cell;
	vertical-align:middle;
}

.bg-lightgreen{	
	background:#8bcc00;
}
.bg-navy{	
	background:#211f2d;
	color:#fff;
}
.con b{
	font-weight:100;
	font-family: 'noto6';
}
.con .innerTitle{
    font-size: 44px;
    line-height: 1;
	color:#000;
    font-family: 'noto2', 'sans-serif';
    letter-spacing: -2px;
}
.con .innerTitle b {
	display:block;
	color: #003555;
	margin-top:13px;
}
/*공통사용영역*/



.top {
	background: #1a384a;
	padding:140px 0 0;
	position: relative;
    overflow: hidden;
}
.top:before {
    display:block;
	clear:both;
	content:'';
    background: url(/_skin/tpl_skin/basic_customs2/images/apply/start/top_bg.png) right top no-repeat;
    width: 2000px;
    height: 1396px;
    position: absolute;
    top: 0;
}
.top .bullet {
    position: absolute;
    left: -150px;
    top: -70px;
}
.top .count-bullet {
    position: absolute;
    left: -220px;
    top: -30px;
    background: url(/_skin/tpl_skin/basic_customs2/images/apply/start/popup_count.png) center no-repeat;
    width: 265px;
    height: 276px;
}
.top .count-bullet .top_title {
	position: absolute;
    top: 162px;
    left: 118px;
}
.top .count-bullet .count {
	font-size: 40px;
    font-family: 'noto6';
    color: #fff;
    letter-spacing: 2;
}
.top .txt_top {
    display: block;
    color: #fff;
    font-size: 56px;
    font-family: 'noto2', 'sans-sarif';
    line-height: 1;
    margin-bottom: 13px;
    letter-spacing: 0;
}
.top .txt_top_desc {
	display:block;
	color:#fff;
	font-size:28px;
	line-height: 1;
	font-family: 'noto2', 'sans-serif';
	margin-top: 40px;
}
.top .txt_top_desc b {
	display:block;
	margin-top:10px;
	font-size:30px;
	font-family: 'noto6', 'sans-sarif';
}
.topService{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	padding:88px 0 124px;
}
.topService li{
    float: left;
	width:(33.333% - 16px/3);
    padding: 25px 20px;
    border-radius: 5px;
	margin-top:8px;
    height: 292px;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 32%);
    box-sizing: border-box;
}
.topService.item3 li{
	width: calc(33.333% - 16px/3);
}
.topService.item4 li{
	width: calc(25% - 24px);
}
.topService li + li {
	margin-left:8px;
}
.topService.item3 li.mr0{
	margin:0 0 35px 0;
}
.topService li.big{
	width:calc(50% - 18px);
	padding: 56px 25px 47px;
	box-sizing:border-box;
}
.topService li.big:last-child{
	margin:0;
}
.topService li h1{
	margin:0 0 10px;
	font-size:27px;
	font-family: 'noto6';
	font-weight:100;
	letter-spacing: -1px;
	color:#000;	
	line-height:120%;
}
.apply_silgi .topService li h1{
	margin:0 0 0 0;
}
.topService li span{
    font-size: 19px;
    line-height: 130%;
    letter-spacing: -1px;
    color: #5e5e5e;
}
.topService li.bg-bottom h1{
	margin-top:13px;
}
.topService li.bene1{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_1.png') center bottom 20px no-repeat #fff;
}
.topService li.bene2{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_2.png') center bottom no-repeat #fff;
}
.topService li.bene3{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_3.png') center bottom no-repeat #fff;
}
.topService li.bene4{
	margin-left:0;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_4.png') center bottom 35px no-repeat #fff;
}
.topService li.bene5{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_5.png') center bottom 14px no-repeat #fff;
}
.topService li.bene6{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/benefit_6.png') center bottom no-repeat #fff;
}

  
.con2{
	padding:44px 0 50px;
	background: #43ef80;	
}
.con2 .inner{
	text-align:left;
	background: url('/_skin/tpl_skin/basic_customs2/images/apply/plus/benefit_add_img.png') right center no-repeat;
}
.con2 .bg_deepgreen {
	background: #000000;
	color: #fff;
	padding:5px;
	text-align::center;
	display:inline-block;
	font-size:26px;
	font-weight:100;
}
.con2 .inner:after{
	position:absolute;
	left:calc(50% - 50.5px);
	top: -90px;
	width: 103px;
	height: 103px;
	border-radius:50%;
	background:#43ef80;
	content:'+';
	display:block;
	font-size: 57px;
	font-family:'noto6';
	font-weight:900;
	text-align:center;
	line-height: 1.5;
}
.con2 h1{
	font-size: 48px;
	line-height: 115%;
	letter-spacing: -3px;
	margin: 10px 0 30px;
	font-family: "noto3";
	color: #000;
	font-weight: 300;
}
.con2 h1 b {
	font-family: "noto6";
}
.con2 p{
	font-size: 22px;
	line-height:130%;
	position:relative;
	padding: 20px 0 0;
}
.con2 p:after{
	width: 43px;
	height: 3px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	content:'';
	background:#000000;
}

    

.plusArea{
	padding:82px 0;
	position: relative;
	/* box-shadow:0 12px 20px rgba(0,0,0,0.2);	 */
}
.plusArea:after{
    display: block;
    position: absolute;
    width: 96px;
    height: 96px;
    top: -48px;
    left: calc(50% - 51px);
    content: '+';
    border-radius: 50%;
    font-size: 85px;
    text-align: center;
    line-height: 75px;
    font-family: 'noto7';
}
.plusArea.bg-lightgreen:after{	
	background:#8bcc00;
	color:#000;	
}
.plusArea.bg-navy:after{
	background:#211f2d;
	color:#ac9f8f;
}
.plusArea .inner{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/con1_icon1.png') right bottom no-repeat;
}
.plusArea h1{
	font-size:44px;
	font-family:'noto6';
	font-weight:100;
	line-height:100%;
	letter-spacing:-1.7px;
}
.plusArea p{
    position: relative;
    margin: 70px 0 0;
    padding: 17px 0 0;
    font-size: 26px;
    line-height: 140%;
    font-family: 'noto3';
}
.plusArea p:after{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width: 40px;
    height: 3px;
    content:'';
    background:#000;
}
.plusArea.bg-navy  p:after{
	background:#fff;
}
.planArea{
    padding: 195px 0 175px;
}
.planArea .col3 {
	margin-top:80px;
}
.planArea .col3 .col {
	width:calc(33.333% - 24px/3);
	border:1px solid #aedb4d;
    box-sizing: border-box;
    padding: 25px 0 0;
	border-radius: 7px;
}
.planArea .col3 .col:nth-of-type(1) {
	background:url(/_skin/tpl_skin/basic_customs2/images/apply/start/con2_icon1.png) no-repeat top 75px center;
}
.planArea .col3 .col:nth-of-type(2) {
	background:url(/_skin/tpl_skin/basic_customs2/images/apply/start/con2_icon2.png) no-repeat top 75px center;
}
.planArea .col3 .col:nth-of-type(3) {
	background:url(/_skin/tpl_skin/basic_customs2/images/apply/start/con2_icon3.png) no-repeat top 75px center;
}
.planArea .col3 .col em {
	display:block;
	font-size:20px;
	letter-spacing: 0;
	font-family: 'noto6', 'sans-sarif';
}
.planArea .col3 .col strong {
    display: block;
    margin: 115px 0 20px;
    font-size: 30px;
    font-family: 'noto6', 'sans-sarif';
	letter-spacing: -2px;
}
.planArea .col3 .col span {
	display:block;
	margin-bottom: 40px;
	font-size:20px;
}
.planArea .col3 .col .col_bot {
	display:block;
	height:65px;
	line-height:65px;
	font-size:25px;
	background-color:#8bcc00;
	border-radius: 0 0 7px 7px;
	font-family: 'noto6', 'sans-sarif';
}
.planArea .col3 .col + .col {
	margin-left:12px;
}
.passPlay {
	padding: 0 0 130px;
}
.passPlay .video_box{
	position:relative;
	width:1000px;
	margin:75px auto 0;
	box-sizing:border-box;
}
.passPlay .video_box:after{
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 1000px;
    height: 562px;
    background: url(/_skin/tpl_skin/basic_customs2/images/apply/start/play.png) left center no-repeat;
    z-index: -1;
}
.passPlay .video_box .layer{
    width: 1000px;
    height: 562px;
	cursor: pointer;
}
.passPlay .video_box .layer span{
	width:100%;
	height:100%;
	display:block;
	font-size:0;
}
.teacher{ 
    padding: 125px 0 0;
	background: #efefef;
}
.teacher .tab-menu{
	display:table;
	width:100%;
	margin:71px auto 0;
}
.teacher .tab-menu li{
	display:table-cell;
	vertical-align:middle;
	width:12.5%;
    border: 2px solid #8bcc00;
	border-right:0px;
}
.teacher .tab-menu.item5 li:last-child {
		border-right:2px solid #8bcc00;
	}
.teacher .tab-menu li a{
	display:inline-block;
	width:100%;
	height:100%;
	background:#003555;
	color:#fff;
    padding: 26.5px 0;
	font-size: 28px;
	line-height:140%;
	font-family:'noto6';
	letter-spacing:-1px;
	box-sizing:border-box;
	min-height:86px;
	text-align: center;
}
.teacher .tab-menu.item5 li a,
.teacher .tab-menu.item4 li a{
	padding:26.5px 0;
}
.teacher .tab-menu li a.selected,
.teacher .tab-menu li a:hover{
	background:#be00bc;
	color:#fff;
}
.teacher .tab-menu.hover_bg_green li a.selected,
.teacher .tab-menu.hover_bg_green li a:hover{
    background: #8bcc00;
    color: #000;
}
.teacher .tab-menu.hover_bg_blue li a.selected,
.teacher .tab-menu.hover_bg_blue li a:hover{
	background:#3d0ff6;
	color:#fff;
}
.teacher .tab-content{
	margin-top: 71px;
    min-height: 709px;
}
.teacher .teacher_text{
	width: 45%;
	float: right;
	text-align:left;
	padding-left:3%;
	box-sizing:border-box;
}
.teacher .teacher_text .teacehr_ti{
    font-size: 38px;
    font-family: 'noto2', 'sans-sarif';
    line-height: 110%;
    margin: 30px 0 56px;
    position: relative;
    letter-spacing: -1px;
    font-weight: 100;
	color:#003555;
}
.teacher .teacher_text .teacehr_ti b {
	display:block;
	font-size: 43px;
	margin-top: 2px;
	font-family: 'noto6', 'sans-sarif';
}
.teacher .teacher_text .teacehr_ti:after{
	position:absolute;
	left: -60px;
	top: -16px;
	display:block;
	content:'';
	width:78px;
	height:46px;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/teacher_icon.png') center no-repeat;
}
.teacher .teacher_text .teacehr_name{
	font-size: 38px;
	line-height:130%;
}
.teacher .teacher_text .teacehr_name .c_ttl {
    display: inline-block;
    font-size: 24px;
    min-width: 132px;
    height: 40px;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    border: 3px solid #003555;
    border-radius: 20px 0;
    color: #003555;
    padding: 0 12px;
}
.teacher .teacher_text .teacehr_name b{
    display: block;
    font-family: 'noto6';
    color: #80ba02;
    line-height: 1;
	margin: 15px 0 46px;
	position:relative;
}
.teacher .teacher_text .teacehr_name b:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 3px;
    display: block;
    background-color: #80ba02;
    bottom: -19px;
    left: 5px;
}
.teacher .teacher_text .teacehr_info li{
	margin-bottom: 10px;
    font-family: 'noto4';
    line-height: 1;
    font-size: 18px;
    color: #222;
}
.teacher .teacher_text a{
    display: block;
    width: 252px;
    height: 72px;
    color: #fff;
    font-family: 'noto2';
    border-radius: 40px;
    line-height: 72px;
    font-size: 22px;
    font-weight: 100;
    padding-left: 25px;
    box-sizing: border-box;
    margin: 55px 0 0;
}
.teacher .teacher_text a{
	background: url('/_skin/tpl_skin/basic_customs2/images/apply/start/play_btn.png') 90% 10px no-repeat #262626;
}
.teacher .teacehr_tab1{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/teacher_01.png') left 50px bottom no-repeat;;
}
.teacher .teacehr_tab2{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/teacher_02.png') left 50px bottom no-repeat;;
}
.teacher .teacehr_tab3{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/plus/teahcer_8.png') left bottom no-repeat;
	background-size: contain;
}
.teacher .teacehr_tab4{
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/teacher_03.png') left 50px bottom no-repeat;;
}
.bookArea{
	padding: 190px 0 0;
}
.bookArea .innerTitle {
	margin-bottom:65px;
}
.bookArea .bullet{
	position:absolute;
	right:0;
    top: 342px;
}
.bookArea .div-table{
	width:100%;
	margin: 80px 0 0;
}
.bookArea .div-table > div{
	width:50%;
	vertical-align: top;
	position:relative;
}
.bookArea .book_txt{
	padding-left: 27px;
}
.bookArea .book_txt li{
    overflow:hidden;
}
.bookArea .book_txt li + li {
	margin-top:45px;
}
.bookArea .book_txt li em{
    float: left;
    margin: 5px 0 0 0;
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 56px;
    font-family: "noto6";
    font-weight: 100;
    background: #003555;
    letter-spacing: -1px;
}
.bookArea .book_txt li p{
	float:left;
	margin-left:15px;
	color:#000;
    font-size: 22px;
}
.bookArea .book_txt li b{
	display:block;
	margin: 9px 0 0 0;
	color:#003555;
	font-size:30px;
	line-height:100%;
	letter-spacing: -2.5px;
}
.bookArea .popupVideo{
    position: absolute;
	top: 15px;
    right: 0;
    height: 255px;
    width: 404px;
}
.bookArea .popupVideo a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
    top:0;
    left:0;
}
.bookArea .book_info li{
	width:470px;
	padding: 25px 0;
	background:rgba(237,237,239,0.8);
	text-align:center;
	border-radius: 60px;
	margin:0 0 15px;
	letter-spacing: -1px;
}
.bookArea .book_info li.no-bg{
	background:none;
}
.bookArea .book_info li span{
    font-size:19px;	
}
.bookArea .book_info li h4{
	margin:5px 0 0;
	font-size:25px;
	line-height:100%;
	letter-spacing:-1px;
	font-family:'noto6';
	font-weight:100;
}
.bookArea .bullet{
	position:absolute;
	right: -6px;
	top: 123px;
}
.apply_pilgi .bookArea .bullet,
.apply_silgi .bookArea .bullet{
	left:50px;
	top: 400px;
}
.classinfo{
	padding:190px 0 0;
}
.curri_list{
	margin:100px auto 0;
	width:100%;
}
.curri_list li{
	position: relative;
    float: left;
    width: calc(25% - 45px/4);
    min-height: 296px;
    border: 4px solid #000;
    box-sizing: border-box;
    padding: 115px 0px 30px;
    text-align: center;
}
.curri_list li:nth-of-type(1) {
	border-radius: 40px 0 0 0;
	border:4px solid #008ade;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/con6_icon1.png') center 55px no-repeat #fff;
}
.curri_list li:nth-of-type(2) {
	border:4px solid #0075bc;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/con6_icon2.png') 55% 55px no-repeat #fff;
}
.curri_list li:nth-of-type(3) {
	border:4px solid #004d7c;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/con6_icon3.png') center 55px no-repeat #fff;
}
.curri_list li:nth-of-type(4) {
	border:4px solid #002c47;
	border-radius: 0 34px 0 0;
	background:url('/_skin/tpl_skin/basic_customs2/images/apply/start/con6_icon4.png') center 55px no-repeat #fff;
}
.curri_list li + li {
	margin-left:15px;
}
.curri_list li em {
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 50%;
    line-height: 80px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    left: calc(50% - 40px);
    top: -40px;
}
.curri_list li:nth-of-type(1) em,
.curri_list li:nth-of-type(1) p:after {
	background-color:#008ade;
}
.curri_list li:nth-of-type(2) em,
.curri_list li:nth-of-type(2) p:after {
	background-color:#0075bc;
}
.curri_list li:nth-of-type(3) em,
.curri_list li:nth-of-type(3) p:after {
	background-color:#004d7c;
}
.curri_list li:nth-of-type(4) em,
.curri_list li:nth-of-type(4) p:after {
	background-color:#002c47;
}
.curri_list li h3{
	font-size:29px;
	line-height:130%;
	font-family:'noto6';
	margin-bottom:15px;
	font-weight: 300;
}
.curri_list li:nth-of-type(1) h3 {
	color:#008ade;
}
.curri_list li:nth-of-type(2) h3 {
	color:#0075bc;
}
.curri_list li:nth-of-type(3) h3 {
	color:#004d7c;
}
.curri_list li:nth-of-type(4) h3 {
	color:#002c47;
}
.curri_list li p{
    font-size: 22px;
    line-height: 140%;
    padding-top: 16px;
    position: relative;
    letter-spacing: -1.5px;
    color: #585858;
}
.curri_list li p:after{
	position:absolute;
	left:calc(50% - 12px);
	top:0;
	width:24px;
	height:4px;
	display:block;
	content:'';
}
.benefit_wrap{
	padding: 195px 0 130px;
}
.benefit_wrap .innerTitle{
	margin: 0 0 80px;
}
.benefit_wrap ul li{
	display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    width: 66%;
    box-sizing: border-box;
}
.benefit_wrap ul li:nth-of-type(1){
	width: 37.8%;
    border: 5px solid #0f354d;
    padding: 45px 0 35px;
    height: 417px;
	background: #0f354d;
    color: #fff;
}
.benefit_wrap ul li p{
    font-size:28px;
    line-height:120%;
    font-family: 'noto6';
    letter-spacing: -1px;
    margin:0 0 10px;
}
.benefit_wrap ul li p em{
	display: block;
    font-size: 32px;
    margin-top: 10px;
    font-family: 'noto6';
    letter-spacing: -2px;
    line-height: 130%;
}
.benefit_wrap ul li span{
    display: block;
    line-height: 140%;
}
.benefit_wrap ul li dl{
    text-align:left;
    font-size:0;
}
.benefit_wrap ul li dl dd{
    border: 5px #0f354d solid;
    border-left: none;
    display: inline-block;
    *:;
    zoom: 1;
    vertical-align: middle;
    width: 33.333%;
    font-size: 26px;
    line-height: 120%;
    padding: 69.5px 0;
    font-family: 'noto6';
    /* margin: 0 0 0 2.5%; */
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.benefit_wrap ul li dl dd:nth-of-type(1),
.benefit_wrap ul li dl dd:nth-of-type(2),
.benefit_wrap ul li dl dd:nth-of-type(3){
    padding: 69.4px 0;
	border-bottom: none;
}
.benefit_wrap ul li dl dd:nth-of-type(6){
    padding: 49px 0 89px 0;
}
.benefit_wrap ul li dl dd a.btn{
    position: absolute;
    width: 113px;
    background: #222;
    color: #fff;
    font-size: 20px;
    line-height: 100%;
    padding: 4px 0 6px;
    bottom: 40px;
    left: 50%;
    margin: 0 0 0 -52.5px;
    font-family: 'noto3';
	text-indent: 1px;
}