@charset "utf-8";
/*----------------------------- EiE 표현영어 -----------------------------*/

/* 수업구성 */
.eie-english-sec01 {text-align:center;}
.eie-english-sec02 {background:url(/images/eie/sub0102_img.png) no-repeat center bottom;text-align:center;padding:100px 10px 490px 10px;margin-top:70px;}
.eie-english-sec02 p {font-weight:300;color:#3c3c3c;font-size:24px;line-height:1.5em;}
.eie-english-sec02 p strong {color:#b21f24;display:block;}
.eie-english-sec02 p.tit {font-size:48px;font-weight:300;margin-bottom:40px;}
.eie-english-sec02 p.tit strong {font-size:69px;color:#000;}
.eie-english-sec02 p.tit span {color:#b21f24;}
.eie-english-sec03 {margin-top:150px;text-align:center;}
.eie-english-sec03 p {font-weight:300;color:#3c3c3c;font-size:24px;line-height:1.5em;}
.eie-english-sec03 p.tit {font-size:48px;margin-bottom:40px;font-weight:600;color:#000000;}
.eie-english-sec03 ul {display:inline-block;margin-top:80px;}
.eie-english-sec03 ul li {display:inline-block;vertical-align: top;text-align:center;}
.eie-english-sec03 ul li p {font-size:18px;margin-top:20px;}
.eie-english-sec04 {margin-top:150px;}
.eie-english-sec04 p.tit {font-size:48px;font-weight:600;color:#000000;text-align:center;}
.eie-english-sec04 .eie-english-flex {display: flex;flex-wrap: wrap;justify-content: space-between; padding:50px 0;}
.eie-english-sec04 .eie-english-flex .flex-img {width:50%;align-self: center;}
.eie-english-sec04 .eie-english-flex .flex-txt {width:50%;align-self: center;font-size:18px;line-height:1.5em;}
.eie-english-sec04 .eie-english-flex .flex-txt strong {display:block;font-size:36px;margin-bottom:30px;}
.eie-english-sec04 .eie-english-flex .flex-img.in2 {order: 2;}
.eie-english-sec04 .eie-english-flex .flex-txt.in2 {order: 1;}


.eiesub0102 .title {
	color: #3c3c3c;
	font-size: 24px;
	margin-top: 30px;
	font-weight:600;
}
.eiesub0102 .title strong {color:#b21f24;}
.eiesub0102 p {
	color: #000000;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 100;
}
.eiesub0102 p.img {
	margin-top: 70px;
}
.eie-englishSec h4 {text-align:center;color: #000000;
    font-size: 42px;
    margin-bottom: 40px;
    line-height: 1.5em;}
.eie-englishSec h5 {text-align:center;
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.5em;font-weight:300;}
.eie-englishSec h6 {
    font-size: 24px;
	margin-top:50px;
    margin-bottom: 20px;
	padding:0 0 0 30px;
    line-height: 1.5em;font-weight:600;
background:url(/images/eie/h6.png) no-repeat 0 center ;}
.eie-english-3-1 {background:#f4f0ea url(/images/eie/sub0301_img.png) no-repeat  50px 50%;padding:70px 40px 70px 280px;font-size:32px;line-height:1.5em;}
.eie-english-3-2 {margin-top:120px;}
.eie-english-3-flex {display:flex; flex-wrap: wrap;justify-content: space-between;width:100%;}
.eie-english-3-flex div {width:48%;font-size:18px;line-height:1.5em;margin-bottom:20px;padding:20px 0 20px 150px;word-break:keep-all;}
.eie-english-3-flex div strong {display:block;font-size:24px;margin-bottom:10px;}
.eie-english-3-flex div:nth-child(1) {background:url(/images/eie/sub0302_img.png) no-repeat 0px 50%;}
.eie-english-3-flex div:nth-child(2) {background:url(/images/eie/sub0303_img.png) no-repeat 0px 50%;}
.eie-english-3-flex div:nth-child(3) {background:url(/images/eie/sub0304_img.png) no-repeat 0px 50%;}
.eie-english-3-flex div:nth-child(4) {background:url(/images/eie/sub0305_img.png) no-repeat 0px 50%;}
.eie-english-3-3 {margin-top:120px}
.eie-english-3-3 .subtabs {
    display: flex;
    flex-wrap: wrap;
}
.eie-english-3-3 .subtabs li {
    width: 25%;
    text-align: center;
    border-left: 1px solid #fff;
    background: #d2d2d2;
}
.eie-english-3-3 .subtabs li a {
    display: block;
    padding: 25px 0 22px 0;
    font-size: 30px;
    color: #000;
}
.eie-english-3-3 .subtabs li.active {
    background: #403f3b;
}
.eie-english-3-3 .subtabs li.active a {
    color: #fff;
    font-weight: 600;
}
.eie-english-3-3 .tab_container {background:#f7f7f7;padding:60px 60px 20px 60px;}
.eie-tab-inner {display:flex; flex-wrap: wrap;justify-content: space-between;width:100%;}
.eie-tab-inner div {width:48%;font-size:18px;line-height:1.5em;margin-bottom:40px;padding:0px;word-break:keep-all;}
.eie-tab-inner div strong {display:block;font-size:24px;margin-bottom:10px;color:#b21f24;margin-top:25px;}
.eie-english-3-4 {margin-top:120px}
.eie-english-3-4 h4 {margin-bottom:10px;}
.eie-english-3-4 p {font-size:18px;line-height:1.5em;}
.eie-english-4-flex {display:flex; flex-wrap: wrap;width:100%;}
.eie-english-4-flex div {width:31%;font-size:18px;line-height:1.5em;padding:0px;word-break:keep-all;margin:0 1% 40px 1%;text-align:center;}
.eie-english-4-flex div p {margin-top:15px;}

.eie-english-program-in {display:block; flex-wrap: wrap;position:relative;font-size:0;line-height:0;margin-top:30px;}
.eie-english-program-in div {flex-grow: 0;display:inline-block;font-size:0;line-height:0;}
.eie-english-program-in div p {display:none;position:absolute;top:20px;left:20px;text-align:center;width:calc(100% - 40px);background:#fff;}
.eie-english-program-in div p img {margin:0 auto;}
.eie-english-program-in div .img_over {cursor:pointer;}
.eie-english-program-in div p.active {display:block;}
.eie-english-program-in div p span {position:absolute;right:20px;top:20px;cursor:pointer;}
.eie-english-program-in div:nth-child(1) p {border:4px solid #d75755;}
.eie-english-program-in div:nth-child(2) p {border:4px solid #26759e;}
.eie-english-program-in div:nth-child(3) p {border:4px solid #e6b745;}
.eie-english-program-in div:nth-child(4) p {border:4px solid #52636f;}
.eie-english-program-in div:nth-child(1) {width:calc(25% + 30px)}
.eie-english-program-in div:nth-child(2),
.eie-english-program-in div:nth-child(3),
.eie-english-program-in div:nth-child(4) {width:calc(25% - 10px)}

.flow-eie {display:flex;flex-wrap: wrap; justify-content: center;margin-top: 70px;}
.flow-eie li {width:25%;position:relative;}
.flow-eie li:first-child:after {display:none;}
.flow-eie li:after {display:block;content:"";height:16px;width:100%;background:#eae4dd;position:absolute;left:-10%;top:60%;margin-top:-8px;z-index:1;}
.flow-eie li p {position:relative;z-index:10;}
/*course*/
.course_titleArea {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: 40px;
}
.course_titleArea .course_titleImg {
	flex-grow: 0;
	width: 30%;
	text-align: center;
}
.course_titleArea .course_titleTxt {
	flex-grow: 0;
	width: 70%;
}
.course_detail_txt {
	display: none;
}
.course_titleArea .course_titleTxt p.title {
	color: #3c3c3c;
	font-size: 23px;
	margin-bottom: 30px;
	font-weight: 700;
}
.course_titleArea .course_titleTxt p.title strong {
	color: #e04543;
}
.course_titleArea .course_titleTxt p.title strong.color1 {
	color: #26759e;
}
.course_titleArea .course_titleTxt p.title strong.color2 {
	color: #cf9916;
}
.course_titleArea .course_titleTxt p.title strong.color3 {
	color: #708899;
}
.course_titleArea .course_titleTxt p {
	color: #000000;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 100;
}
.couseMenu {
	position: relative;
}
.couseMenu .menubox {
	border: 2px solid #ededed;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 0 0 10px 0;
}
.couseMenu .menubox h5 {
	flex-grow: 0;
	width: 30%;
	text-align: center;
	background: #d75755;
	color: #fff;
	font-size: 28px;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 15%);
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 15px 0;
}
.couseMenu .menubox h5.intensive {
	background: #ff9391;
}
.couseMenu .menubox h5.leaders_main {
	background: #26759e;
}
.couseMenu .menubox h5.leaders_intensive {
	background: #6abce6;
}
.couseMenu .menubox h5.mec_main {
	background: #dfad33;
}
.couseMenu .menubox h5.mec_intensive {
	background: #e6c881;
}
.couseMenu .menubox h5.global_main {
	background: #52636f;
}
.couseMenu .menubox h5.global_intensive {
	background: #8ba1b0;
}
.couseMenu .menubox ul {
	flex-grow: 0;
	width: 95%;
	padding: 10px 0 10px 7px;
}
.couseMenu .menubox ul li {
	display: inline-block;
	padding: 0 7px 0 5px;
	position: relative;
}
.couseMenu .menubox ul li:after {
	display: block;
	content: "";
	height: 100%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
	background: #e7e7e7;
}
.couseMenu .menubox ul li:last-child:after {
	display: none;
}
.couseMenu .menubox ul li a {
	color: #80817d;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.5px;
}
.couseMenu .menubox ul li a:hover, .couseMenu .menubox ul li.on a {
	color: #000;
	font-weight: 700;
}
.courserDetail {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	margin: 80px 0;
}
.courserDetail .courseImg {
	flex-grow: 0;
	width: 49%;
	text-align: center;
	align-self: center;
}
.courserDetail .courseDetailInfo {
	flex-grow: 0;
	width: 49%;
}
.courserDetail .courseDetailInfo h6 {
	font-size: 42px;
	color: #000000;
	border-bottom: 2px solid #776f6f;
	padding: 20px 0;
}
.courserDetail .courseDetailInfo table {
	clear: both;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	box-sizing: border-box;
}
.courserDetail .courseDetailInfo table th {
	text-align: left;
	width: 25%;
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	padding: 7px 0px;
}
.courserDetail .courseDetailInfo table td {
	color: #000000;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 100;
	padding: 7px 0px;
}
.courserDetail .courseDetailInfo table td ul.line li {
	position: relative;
	padding: 0 0 0 18px;
}
.courserDetail .courseDetailInfo table td ul.line li:before {
	display: block;
	content: "-";
	position: absolute;
	left: 0;
	top: 0px;
	color: #000;
}
.courseImgSlider {
	display: none!important;
}
.coursePreview {
	background: #f7f7f7;
	padding: 40px;
	border-radius: 15px;
}
.coursePreview h6 {
	background: url(/images/eie/icon.png) no-repeat left center;
	padding: 0 0 0px 50px;
	color: #000000;
	font-size: 30px;
	margin-bottom: 30px;
}
.course-slider .slick-prev {
	position: absolute;
	left: 70px;
	top: 50%;
	width: 47px;
	height: 47px;
	margin-top: -24px;
	z-index: 99;
	cursor: pointer;
}
.course-slider .slick-next {
	position: absolute;
	right: 70px;
	top: 50%;
	width: 47px;
	height: 47px;
	margin-top: -24px;
	z-index: 99;
	cursor: pointer;
}
.course-slider .slick-slide {
	min-width: 1140px;
	height: 633px;
	text-align: center;
}
.course-slider .slick-slide.slick-active {
}
.course-slider .slick-slide .zoom-down {
	position: relative
}
.course-slider .slick-slide .zoom-down {max-width:476px !important;margin:0 auto;}
.course-slider .slick-slide .zoom-down > img:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);
}
.course-slider .slick-slide .zoom-down .over {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	text-align: center;
	margin-top: -54px;
}
.course-slider .slick-slide .zoom-down .over img {
	max-width: 250px !important;
	width: 250px!important;
	height: 109px;
	display: inline-block;/*2021-11-12 수정*/
}
.course-slider .slick-slide .zoom-down:hover .over {
	display: block;
}
/*popup*/
.popup-wrap {
	background-color: rgba(0,0,0,.5);
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	padding: 0px;
	z-index: 99999;
	/*overflow: hidden;*/
	
	overflow-y: scroll;
	overflow-x: hidden;
}
.popup {
	position: relative;
	width: 100%;
	max-width: 1140px;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
}
.popup-head {
	width: 100%;
	background: #f3f0ec;
	border-bottom: 2px solid #8b0028;
	padding: 30px;
}
.popup-head h4 {
	color: #8b0028;
	font-size: 24px;
}
.popup-body {
	width: 100%;
}
.body-content {
	width: 100%;
	padding: 60px 0px;
}
.body-content .agreement-wrap {
	padding: 0px 30px;
}
.body-content .item img {
	max-width: 100%;
	margin: 0 auto;
	width: 476px;
	height: 633px;
}
.pop-btn {
	display: block;
	position: absolute;
	top: 40px;
	right: 40px;
	justify-content: center;
	align-items: center;
	color: #000000;
	cursor: pointer;
}
.popup.speaking .pop-btn {
	top: 25px;
	right: 30px;
}
/*----------------------------- 처음오셨어요 -----------------------------*/
.first_wrap {
	background: url(/images/first/bg.png) no-repeat center center;
	background-size: cover;
	min-height: 100vh;
	background-attachment: scroll;
	overflow: hidden;
}
.first_wrap.level_test {
	background: url(/images/first/bg_test.png) no-repeat center center;
	background-attachment: scroll;
	background-size: cover;
}
.first_sec01 {
	padding-top: 50px;
	text-align: center;
	overflow: hidden;
}
.first_sec01 h3 {
	font-size: 48px;
	font-weight: 600;
	color: #0f0f0e;
	margin-bottom: 20px;
}
.first_sec01 h4 {
	font-size: 36px;
	font-weight: 300;
	color: #0f0f0e;
}
.first_sec01 h4 span {
	color: #b21f24;
}
.first_sec01 h5 {
	margin-top: 80px;
	font-size: 36px;
	font-weight: 600;
	color: #0f0f0e;
	background: url(/images/first/h5_title_icon.png) no-repeat left center;
	padding: 10px 0 10px 67px;
	display: inline-block;
	margin-bottom: 20px;
}
.first_01_box_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.first_01_box {
	width: calc(33.3333% - 50px);
	margin: 30px 25px;
	border: 3px solid #b21f24;
	background: rgba(255,255,255,0.6);
	padding: 60px 10px 20px 10px;
	font-size: 20px;
	line-height: 1.5em;
	position: relative;
}
.first_01_box strong {
	display: inline-block;
	background: #b21f24;
	color: #fff;
	font-size: 36px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
}
.first_01_footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.first_01_footer p {
}
.first_01_footer .first_01_footer_txt {
	text-align: left;
	font-size: 24px;
	color: #0f0f0e;
	line-height: 1.5em;
	font-weight: 600;
}
.first_01_footer .first_01_footer_txt strong {
	color: #b21f24;
}
.first_sec02 {
	height: 100vh;
	text-align: center;
	overflow: hidden;
}
.first_sec02 .area {
	background: rgba(255,255,255,0.6);
	padding: 10px 70px 10px 70px;
	border-radius: 5px;
}
.first_sec02 .area .sec_field {
	text-align: left;
	margin-top: 70px;
	margin-bottom: 90px;
}
.first_sec02 .area .sec_field p.q {
	font-weight: 600;
	color: #0f0f0e;
	font-size: 36px;
	margin-bottom: 20px;
	padding-left: 0;
}
.first_sec02 .area .sec_field p.q span {
	font-size: 24px;
	color: #3c3c3c;
	font-weight: 400;
	margin-left: 5px;
}
.first_sec02 .area .sec_field p {
	font-weight: 300;
	font-size: 36px;
	padding-left: 85px;
}
.first_sec02 .area .sec_field input {
	width: 140px;
	background: rgba(255,255,255,0);
	border: none;
	font-weight: 300;
	font-size: 36px;
	border-bottom: 2px solid #a9aaab;
}
.first_sec02 .area .sec_field select {
	width: 140px;
	border: none;
	font-weight: 300;
	font-size: 36px;
	border-bottom: 2px solid #a9aaab;
	color: #888889;
	margin: 0;
	background: rgba(255,255,255,0) url('/images/first/select_arrow.png') no-repeat 100% 50%;
	border-radius: 0px;
	text-indent: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
}
.first_sec02 .area .sec_field select::-ms-expand {
display: none;
}
.first_sec02 .area .sec_field select.ml {
	margin-left: 20px;
}
.first_sec02 .loading_area p {
	margin-top: 30px;
	font-size: 36px;
	line-height: 1.5em;
}
.first_sec03 {
	text-align: center;
	overflow: hidden;
}
.first_wrap.level_test .first_sec03 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.first_wrap.level_test .first_sec04 {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.first_sec03 h3 {
	font-size: 48px;
	font-weight: 600;
	color: #0f0f0e;
	margin-bottom: 20px;
}
.first_sec03 .first_course_titleArea {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-top: 35px;
	margin-bottom: 40px;
	text-align: left;
}
.first_sec03 .first_course_titleArea .first_course_titleImg {
	flex-grow: 0;
	text-align: center;
	margin-right: 40px;
}
.first_sec03 .first_course_titleArea .first_course_titleTxt {
	flex-grow: 0;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.6em;
}
.first_sec03 .first_course_titleArea .first_course_titleTxt strong {
	display: block;
}
.first_sec03 .first_course_titleArea .first_course_titleTxt strong span {
	color: #b21f24;
}
.first_sec03 .first_course_titleArea .first_course_titleTxt .title {
	color: #b21f24;
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 20px;
}
.first_sec03 .area_box {
	background: rgba(255,255,255,0.6);
	padding: 35px;
	max-width: 1280px;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-radius: 5px;
}
.first_sec03 .area_box .course_box {
	width: calc(33, 3333% - 50px);
	margin: 0 25px;
	text-align: left;
}
.first_sec03 .area_box .course_box img {
	width: 100%;
}
.first_sec03 .area_box .course_box p {
	line-height: 1.6em;
	font-weight: 300;
}
.first_sec03 .area_box .course_box p.course_title {
	margin: 20px 0 0px 0;
	color: #000000;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.6em;
}
.first_sec03 .area_box .course_box .photo {
	position: relative;
}
.first_sec03 .area_box .course_box .photo p.over {
	display: table;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: Alpha(opacity=0);
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
.first_sec03 .area_box .course_box .photo p.over a {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
}
.first_sec03 .area_box .course_box:hover .photo p.over {
	opacity: 1;
	filter: Alpha(opacity=100);
}
.first_help {
	color: #b21f24;
	margin-top: 20px;
	margin-bottom: 15px;
}
.first_help i {
	vertical-align: middle;
}
.first_wrap .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -40px;
	left: 0%;
	margin: 0;
	z-index: 1000;
}
.first_wrap .slick-dots li {
	display: inline-block;
	margin: 0 5px;
}
.first_wrap .slick-dots li button {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	background: none;
	font-size: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.4);
	border: 2px solid #fff;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.first_wrap .slick-dots li.slick-active button {
	background-color: #fff;
}
.body-content .courserDetail {
	margin: 0 60px!important;
}
.body-content .courseImg {
	width: 40%;
	text-align: left;
}
.body-content .courseImg img {
	max-width: 315px;
}
.body-content .courseDetailInfo {
	width: 60%;
}
.pop-help {
	color: #737373;
	line-height: 1.5em;
	margin: 30px 60px 0px 60px!important;
}
.pop-help i {
	vertical-align: middle;
}
.arrow_ico {
	position: fixed;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 50px;
	color: rgba(0,0,0,0.8);
	cursor: pointer;
	opacity: 0;
	filter: Alpha(opacity=0);
	transition-delay: 3s;
}
.arrow_ico i {
	position: absolute;
	top: 0;
}
.arrow_ico.active {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}
.arrow_ico.sec_down {
	bottom: 50px;
}
.arrow_ico.sec_up {
	top: 40px;
}
#first_sec_1 {
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;
	padding: 50px 0;
}
#first_sec_1.active {
	opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(-130px);
	-o-transform: translateY(-130px);
	-moz-transform: translateY(-130px);
	-webkit-transform: translateY(-130px);
	transform: translateY(-130px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;
}
#first_sec_2 {
	position: absolute;
	z-index: 1;
	opacity: 0;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(130px);
	-o-transform: translateY(130px);
	-moz-transform: translateY(130px);
	-webkit-transform: translateY(130px);
	transform: translateY(130px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;
	height: 0;
}
#first_sec_2.active {
	position: relative;
	opacity: 1;
	filter: Alpha(opacity=0);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: opacity 1.0s, transform 1.0s;
	-moz-transition: opacity 1.0s, transform 1.0s;
	-o-transition: opacity 1.0s, transform 1.0s;
	-ms-transition: opacity 1.0s, transform 1.0s;
	transition: opacity 1.0s, transform 1.0s;
	height: 100%;
	padding-top: 100px;
}
.first_location_wrap {
	display: flex;
	flex-wrap: wrap;
	background: rgba(255,255,255,0.6);
	border-radius: 5px;
	margin-top: 50px;
}
.first_location_wrap .first_search_wrap {order: none;}
.first_location_wrap .first_map {order: none; display: block;}
.first_location_wrap .location_info {order: none;}
.first_location_wrap .first_map {
	width: 65%;
}
.first_location_wrap .first_map .btn-close,
.first_location_wrap .btn_map,
.first_location_inner_btn .btn_map {
	display: none !important;
}
.first_location_wrap .first_map .iframe {
	position: relative;
	padding-top: 76%;
	width: 100%;
	height: 0;
}
.first_location_wrap .first_map .iframe > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.first_location_wrap .location_info {
	width: 35%;
	padding: 0px 0;
	text-align: left;
	max-height: 632px;
}
.first_location_wrap .location_info ul {
	padding: 10px 35px;
}
.first_location_wrap .location_info li {
	border-bottom: 1px solid #d1d1d1;
	padding: 25px 0;
}
.first_location_wrap .location_info li:last-child {
	border-bottom: none;
}
.first_location_wrap .location_info .first_location_inner {
	display: table;
	width: 100%;
	height: 100%;
}
.first_location_wrap .location_info .first_location_inner.single {
	min-height: 80px;
	height: auto;
	margin: 10px 0;
	padding: 10px;
	background-color: #b21f24;
	cursor: pointer;
}
.first_location_wrap .location_info .first_location_inner.single .inner {
	display: flex;
  flex-direction: column;
	align-items: center;
	justify-content: space-around;
	padding: 10px;
}
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_left.txt {
	text-align: center;
}
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_left p,
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_left a{
	color: #fff;
}
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_btn a {
	background-color: #fff;
}
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_btn a:hover {
	background-color: #ece3d7;
	color: #b21f24;
}
.first_location_wrap .location_info .first_location_inner.single .first_location_inner_left p span {
	background-color: #fff;
	color: #b21f24;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_left {
	display: table-cell;
	width: 70%;
	height: 100%;
	vertical-align: middle;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_left .location_title {
	font-weight: 600;
	margin-bottom: 5px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_left p {
	font-weight: 300;
	color: #000000;
	font-size: 18px;
	line-height: 1.4em;
	word-break: keep-all;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_left p span {
	display: inline-block;
	background: #e2e2e2;
	line-height: 28px;
	width: 28px;
	height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_left p span i {
	font-size: 18px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn {
	display: table-cell;
	width: 30%;
	height: 100%;
	vertical-align: middle;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn a,
.first_location_wrap .location_info .first_location_inner .location_title .btn_map {
	display: block;
	text-align: center;
	margin: 5px 0;
	color: #8b0028;
	font-size: 14px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
	padding: 6px 2px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn.full {
  display: flex !important;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn.full a {
  flex: 1;
  margin: 4px 2px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn .btn_point {
  color: #ece3d7;
	background: #8b0028;
  font-size: 16px;
}
.first_location_wrap .location_info .first_location_inner .location_title .btn_map {
  display: inline-block;
  margin: 0 10px;
  padding: 2px 10px;
  font-weight: 400;
  font-size: 14px;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn a:hover {
	background: #8b0028;
	color: #ece3d7;
}
.first_location_wrap .location_info .first_location_inner .first_location_inner_btn a.blog_btn {
	background: #403f3b;
	color: #fff;
	font-weight: 600;
	border: 1px solid #403f3b;
}
.first_sec04 {
	text-align: center;
	overflow: hidden;
	height: 100vh;
}
.first_sec04 h3 {
	font-size: 48px;
	font-weight: 600;
	color: #0f0f0e;
	margin-bottom: 20px;
}
.first_wrap.level_test .first_sec04 h3 {
	margin-bottom: 0px;
}
.first_sec04 .area {
	background: rgba(255,255,255,0.6);
	padding: 50px 0px;
	margin-top: 50px;
	border-radius: 5px;
	text-align: left;
}
.first_sec04 .reser_btn {
	text-align: center;
	margin: 30px 0 0 0;
	width: 100%;
}
.first_sec04 .reser_btn button, .first_sec04 .reser_btn a {
	margin: 0 auto;
	border: 2px solid #b21f24;
	color: #fff;
	font-weight: 600;
	font-size: 32px;
	background: #b21f24;
	border-radius: 0;
	padding: 10px 40px;
}
.first_sec04 .reser_btn button.prev, .first_sec04 .reser_btn a.prev {
	color: #b21f24;
	background: #fff;
	border: 2px solid #b21f24;
	margin-right: 10px;
}
.reservation_test_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.reservation_test_wrap h4 {
	font-size: 24px;
	color: #000000;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 35px;
}
.reservation_test_wrap h4.first {
	margin-top: 0;
}
.reservation_test_wrap .reser_help {
	font-size: 15px;
	margin-top: 10px;
	line-height: 1.5em;
}
.reservation_test_wrap .reservation_test_box {
	padding: 0 20px;
	width: 100%;
}
.reservation_test_wrap .reservation_test_left {
	padding: 0 70px;
	border-right: 2px solid #cccdcd;
	width: 50%;
}
.reservation_test_wrap .reservation_test_left.type2 {
	position: relative;
	padding: 0 40px 10px 0;
	border-right: none;
}
.reservation_test_wrap .reservation_test_left .reservation_cal {
	background: #fff;
	border: 1px solid #e1ddd3;
}
.reservation_test_wrap .reservation_test_left .reservation_cal .reservation_head {
	text-align: center;
	padding: 15px;
}
.reservation_test_wrap .reservation_test_left .reservation_cal .reservation_head p {
	display: inline-block;
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	vertical-align: middle;
	margin: 0 40px;
}
.reservation_test_wrap .reservation_test_left .reservation_cal .reservation_head a {
	display: inline-block;
	text-indent: -999999px;
	vertical-align: middle;
}
.reservation_test_wrap .reservation_test_left .reservation_cal .reservation_head a.prev {
	background: url('/images/first/cal_prev.png') no-repeat 0% 50%;
	width: 11px;
	min-height: 20px;
}
.reservation_test_wrap .reservation_test_left .reservation_cal .reservation_head a.next {
	background: url('/images/first/cal_next.png') no-repeat 0% 50%;
	width: 11px;
	min-height: 20px;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table {
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #c75b5e;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table thead th {
	text-align: center;
	background: #f4efe9;
	border-bottom: 1px solid #e1ddd3;
	height: 40px;
	color: #333333;
	font-weight: 500;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table tbody th {
	text-align: center;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table tbody td {
	text-align: center;
	height: 50px;
	color: #333333;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table tbody td span {
	display: block;
	cursor: pointer;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	margin: 0 auto;
}
.reservation_test_wrap .reservation_test_left .reservation_cal table tbody td span.today {
	background: #ece3d7
}
.reservation_test_wrap .reservation_test_left .reservation_cal table tbody td span.selectday {
	background: #b21f24;
	color: #fff;
	font-weight: 600;
}
.reservation_test_wrap .reservation_test_left li {
	float: left;
	width: 25%;
	padding: 8px 0;
}
.reservation_test_wrap .reservation_test_right {
	position: relative;
	padding: 0 70px;
	width: 50%;
}
.reservation_test_wrap .reservation_test_right.type2 {
	padding: 0 0 0 40px;
}
.reservation_test_wrap .reservation_test_right.type2::before {
	content: "";
	position: absolute;
	width: 1px;
	left: 0;
	top: 30px;
	bottom: 0;
	background-color: #aaa;
}
.reservation_test_wrap [class*="reservation_test_"] fieldset input {
	width: 100%;
}
.reservation_test_wrap [class*="reservation_test_"] fieldset p,
.reservation_test_wrap [class*="reservation_test_"] fieldset .full,
.reservation_test_wrap [class*="reservation_test_"] fieldset .half{
	position: relative;
	margin-top: 6px;
}

.reservation_test_wrap fieldset .half.col-1 input{
	width: calc(100% - 58px);
}

.reservation_test_wrap fieldset .half.col-2 {
	display: flex;
	flex-direction: row;
}

.reservation_test_wrap fieldset .half.col-2 .half-area{
	position: relative;
	width: 50%;
	/* flex: 1 1 auto; */
}
.reservation_test_wrap fieldset .half.col-2 .half-area input {
	width: calc(100% - 60px);
}
.reservation_test_wrap fieldset .half a {
	width: 50px;
	border: 1px solid #a3a3a3;
	background: #ece3d7;
	font-weight: 600;
	font-size: 14px;
	color: #8b0028;
	line-height: 33px;
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
	text-align: center;
}

.reservation_test_wrap .agreeList li {
	position: relative;
	padding: 7px 0;
}
.reservation_test_wrap .agreeList li a {
	position: absolute;
	right: 0;
	top: 0;
	background: #f0f0f0;
	border: 1px solid #a3a3a3;
	padding: 5px 10px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}
.reservation_test_wrap .agreeList li font {
	color: #c02e29;
}

.reservation_test_wrap.type2 .radio_ul,
.reservation_test_wrap.type2 .flex_box {
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
}

.reservation_test_wrap.type2 .radio_ul.row,
.reservation_test_wrap.type2 .flex_box.row {flex-direction: row;}
.reservation_test_wrap.type2 .radio_ul li {margin-right: 30px;}
.reservation_test_wrap.type2 .radio_ul li .radio_container {padding-left: 10px;}
.reservation_test_wrap.type2 .radio_ul li input[type="radio"] {width: 20px; height: 20px;}

.reservation_test_wrap .parsley-errors-list {
	position: absolute;
	bottom: 0;
	left: 0;
}

.reservation_test_wrap .parsley-errors-list .parsley-required{
	padding-bottom: 0 !important;
}

.reservation_test_wrap [class*="reservation_test_"] fieldset p,
.reservation_test_wrap [class*="reservation_test_"] fieldset .full,
.reservation_test_wrap [class*="reservation_test_"] fieldset .half.col-1,
.reservation_test_wrap [class*="reservation_test_"] fieldset .half.col-2 .half-area{
	padding: 0 0 13px 0;
}

.reservation_test_wrap [class*="reservation_test_"] fieldset p,
.reservation_test_wrap [class*="reservation_test_"] fieldset .full,
.reservation_test_wrap [class*="reservation_test_"] fieldset .half {
	margin: 0;
}

.reservation_test_wrap .agreeList .parsley-errors-list {
	bottom: -4px;
}


@media (max-width: 1000px) {
	.reservation_test_wrap.type2 .reservation_test_left {
		padding-right: 10px;
	}

	.reservation_test_wrap.type2 .reservation_test_right {
		padding-left: 10px;
	}
}

@media (max-width: 800px) {
	.reservation_test_wrap.type2 .radio_ul.row,
	.reservation_test_wrap.type2 .flex_box.row{
		flex-direction: column;
		align-items: flex-start;
	}

	.reservation_test_wrap fieldset .half.col-2 {
		flex-direction: column;
		align-items: flex-start;
	}

	.reservation_test_wrap fieldset .half.col-2 .half-area {
		width: 100%;
	}

	.reservation_test_wrap.type2 .reservation_test_left {
		width: 100%;
		padding-right: 0;
	}

	.reservation_test_wrap.type2 .reservation_test_right {
		width: 100%;
		padding-left: 0;
	}

	.reservation_test_wrap.type2 .reservation_test_right.type2:before {
		content: none;
	}

	.reservation_test_wrap.type2 .agreeList li a {
		position: static;
		margin: 4px 0;
	}

	.reservation_type2 fieldset .full, .reservation_type2 fieldset .half {
		flex-direction: column;
	}

	.reservation_type2 fieldset .half .half-area {
		width: 100%;
	}

	.reservation_type2 fieldset .half .half-area + .half-area {
		margin: 0;
	}

}

.reservation_test_wrap .certify-info {
	background-color: #aaa;
	color: #fff !important;
	font-weight: 700;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	flex: 1;
	height: 36px;
}

#loading {
	display: inline-block;
	width: 215px;
	height: 215px;
	border: 18px solid #fff;
	border-radius: 50%;
	border-top-color: #b21f24;
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}
 @keyframes spin {
 to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
 to {
-webkit-transform: rotate(360deg);
}
}
/*----------------------------- 로그인 -----------------------------*/
#loginContent {
	max-width: 600px;
	border: 1px solid #dcdcdc;
	margin: 100px auto;
	padding: 60px
}
#loginContent h4 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 10px;
}
#loginContent p {
	background: url(/images/first/login_icon.png) no-repeat;
	padding-left: 120px;
	font-size: 18px;
	line-height: 1.6em;
	min-height: 100px;
	padding-top: 20px;
}
#loginContent fieldset {
	display: flex;
}
#loginContent fieldset div {
	width: 70%;
	padding-right: 20px;
}
#loginContent fieldset div input {
	width: 100%;
	margin-bottom: 10px;
}
#loginContent fieldset div input:last-child {
	margin-bottom: 0;
}
#loginContent fieldset button {
	width: 30%;
	border: none;
	border-radius: 0;
	background: #b21f24;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
}
#loginContent .login-etc-btn {
	color: #e1e1e1;
	text-align: center;
	margin-top: 20px;
}
#loginContent .login-etc-btn a {
	display: inline-block;
	padding: 0 15px;
}
.idsearch-tab {
	margin: 100px auto 0;
	max-width: 600px;
	display: flex;
}
.idsearch-tab a {
	display: block;
	width: 50%;
	background: #d2d2d2;
	color: #000000;
	font-size: 24px;
	text-align: center;
	padding: 25px 0 22px 0;
	border-left: 1px solid #fff;
}
.idsearch-tab a:first-child {
	border-left: none;
}
.idsearch-tab a.active {
	background: #403f3b;
	color: #fff;
	font-weight: 600;
}
#idsearchContent {
	max-width: 600px;
	border: 1px solid #dcdcdc;
	border-top: none;
	margin: 0px auto 100px;
	padding: 60px
}
#idsearchContent p {
	text-align: center;
	margin-bottom: 20px;
}
#idsearchContent fieldset input, #idsearchContent fieldset select {
	width: 100%;
	margin-bottom: 10px;
}
#idsearchContent fieldset button {
	width: 100%;
	border: none;
	border-radius: 0;
	background: #b21f24;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	font-weight: 600;
	font-size: 24px;
}
/*----------------------------- 약관 -----------------------------*/
.agreement-wrap h3 {
	font-size: 32px;
	line-height: 1.5em;
	;
}
.agreement-wrap h4 {
	font-size: 24px;
	line-height: 1.5em;
	;
}
.agreement-wrap > div {
	line-height: 1.5em;
	;
	margin-bottom: 40px;
}
.agreement-wrap > div ol li {
	position: relative;
	padding-left: 20px;
}
.agreement-wrap > div ol li strong {
	font-weight: 400;
	position: absolute;
	top: 0;
	left: 0;
}
.agreement-wrap > div table {
	width: 100%;
	border: 1px solid #ededed;
	border-top: 2px solid #9c9791;
}
.agreement-wrap > div table thead th {
	background: #f4f4f4;
	color: #000;
	padding: 15px 5px;
	border: 1px solid #ededed;
}
.agreement-wrap > div table tbody td {
	padding: 10px 5px;
	border: 1px solid #ededed;
	text-align: center;
}
/*----------------------------- 말하기 대회 -----------------------------*/
.speakingArea {
}
.speakingArea .speakingSec {
	padding: 50px 0;
}
.speakingArea .speakingSec h4 {
	color: #000000;
	font-size: 42px;
	margin-top: 10px;
	line-height: 1.5em;
}
.speakingArea .speakingSec p {
	color: #80817d;
	font-size: 23px;
	line-height: 1.5em;
}
.speakingArea .speakingSec1 p {
	color: #3c3c3c;
	font-size: 24px;
	margin-bottom: 30px;
	word-break: keep-all;
	line-height: 1.5em
}
.speakingArea .speakingSec1 ul {
	margin: 0 15px 30px 15px;
}
.speakingArea .speakingSec1 li {
	line-height: 1.5em;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	background: url(/images/speaking/li_icon.png) no-repeat 0 5px;
	padding-left: 17px;
}
.speakingArea .speakingSec1 .cm-ac {
	margin-top: 20px;
}
.speakingArea .speakingSec2 {
	background: #f3efe9;
	border: 20px solid #f3efe9;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 70px 0;
}
.speakingArea .speakingSec2 .sp_title {
	font-weight: 600;
	font-size: 24px;
	color: #8b0028;
	text-align: center;
	margin-bottom: 10px;
}
.speakingArea .speakingSec2 .speakingSec2_l {
	width: 25%;
}
.speakingArea .speakingSec2 .speakingSec2_r {
	width: 75%;
}
.speakingArea .speakingSec2 .speakingSec2_r .speakingSec2_part {
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
}
.speakingArea .speakingSec2 .part {
	align-self: center;
	padding: 60px 0;
	font-size: 28px;
	font-weight: 600;
}
.speakingArea .speakingSec2 .part strong {
	font-size: 45px;
}
.speakingArea .speakingSec2 .speakingSec2_r .speakingSec2_part .seakingSec2_part_box {
	width: 33.3333%;
	padding: 60px 0;
	font-size: 28px;
	font-weight: 600;
}
.speakingArea .speakingSec2 .speakingSec2_r .speakingSec2_part .seakingSec2_part_box strong {
	font-size: 40px;
}
.speakingArea .speakingSec2 .speakingSec2_r .speakingSec2_part .seakingSec2_part_box span {
	display: block;
	font-size: 18px;
	font-weight: 300;
	margin-top: 10px;
}
.speakingArea .speakingSec3 {
	margin-bottom: 70px;
}
.speakingArea .speakingSec3 .subtitle {
	font-size: 32px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
}
.speakingArea .speakingSec3 .photo_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.speakingArea .speakingSec3 .photo_wrap p {
	width: 49%;
	margin: 1% 0;
}
.speakingArea .speakingSec3 .speakingTab {
	margin-top: 70px;
}
.speakingArea .speakingSec3 .speakingTab .subtabs {
	display: flex;
	flex-wrap: wrap;
}
.speakingArea .speakingSec3 .speakingTab .subtabs li {
	width: 25%;
	text-align: center;
	border-left: 1px solid #fff;
	background: #d2d2d2;
}
.speakingArea .speakingSec3 .speakingTab .subtabs li:first-child {
	border-left: none;
}
.speakingArea .speakingSec3 .speakingTab .subtabs li.active {
	background: #403f3b;
}
.speakingArea .speakingSec3 .speakingTab .subtabs li a {
	display: block;
	padding: 25px 0 22px 0;
	font-size: 30px;
	color: #000;
}
.speakingArea .speakingSec3 .speakingTab .subtabs li.active a {
	color: #fff;
	font-weight: 600;
}
.speakingArea .speakingSec3 .speakingTab .tab_content.comingsoon {
	background: #f7f7f7;
	padding: 100px 20px;
	text-align: center;
}
.tab_area {
	padding: 70px 0;
	border-top: 1px solid #dbdee7;
}
.tab_area:first-child {
	border-top: none;
}
.tab_area .cm-ac {
	margin-bottom: 50px;
}
.fame_list {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
}
.fame_list .fame_title {
	width: 18%;
	text-align: center;
}
.fame_list .fame_title span {
	display: block;
	background: #eae3d9;
	color: #000000;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	padding: 15px 5px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.fame_list .fame_list_list {
	width: 80%;
	padding-left: 20px;
	padding-top: 10px;
}
.fame_list .fame_list_list p {
	width: 33.3333%;
	float: left;
	background: url(/images/speaking/speaking_esc_icon.png) no-repeat left top;
	padding: 15px 0 15px 50px;
	font-size: 17px;
	letter-spacing: -1.2px;
	line-height: 1.5em;
}
.fame_list .fame_list_list p strong {
	font-size: 24px;
}
.youtube-slide {
	margin-top: 50px;
}
.youtube-slide-thum {
	margin-top: 40px;
	padding: 0 60px
}
.youtube-slide-thum .item p {
	font-size: 18px;
	line-height: 1.5em;
	color: #000;
	margin-top: 10px;
}
.youtube_slide-thum-box {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 1px solid #dfdfdf;
}
.youtube_slide-thum-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}
.youtube_slide-thum-box1 {
	position: relative;
	border: 1px solid #dfdfdf;
}
.youtube-slide-thum .item {
	padding: 0 10px;
	cursor: pointer;
}
.youtube-slide-thum .item img {
	width: 100%;
}
.youtube-slide-thum .item.slick-current .youtube_slide-thum-box1:before {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 5px solid #b21f24;
	z-index: 10;
	display: block;
	content: "";
}
.youtube-slide-thum .slick-arrow {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 79px;
	margin-top: -70px;
	cursor: pointer;
	z-index: 999;
}
.youtube-slide-thum .slick-arrow.slick-prev {
	left: 0px;
	background: url(/images/mainSec01_arrow_left.png) no-repeat;
}
.youtube-slide-thum .slick-arrow.slick-next {
	right: 0px;
	background: url(/images/mainSec01_arrow_right.png) no-repeat;
}
.first_wrap.level_test .first_sec03 h3 {
	margin-bottom: 0;
}
.test_tabs ul {
	display: flex;
	flex-wrap: wrap;
}
.test_tabs ul li {
	width: 33.3333%;
}
.test_tabs ul li a {
	padding: 20px 5px;
	background: #d2d2d2;
	font-size: 24px;
	color: #000000;
	display: block;
	margin-left: 1px;
}
.test_tabs ul li:first-child a {
	margin-left: 0;
}
.test_tabs ul li.active a {
	background: #403f3b;
	color: #fff;
	font-weight: 600;
}
.first_wrap.level_test .first_location_wrap {
	background: rgba(255,255,255,0.9);
	border-radius: 0px;
	margin-top: 0px;
	padding: 25px;
}
.first_wrap.level_test .first_location_wrap .location_info {
	max-height: 600px;
}
.first_wrap.level_test .first_search_wrap {
	width: 100%;
	vertical-align: middle;
	margin-bottom: 30px;
}
.first_wrap.level_test .first_search_wrap select {
	max-width: 140px;
}
.first_wrap.level_test .first_search_wrap input[type=text] {
	width: 40%;
}
.first_search_wrap form button {
	background: #403f3b;
	display: inline-block;
	color: #fff;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: 600;
	vertical-align: middle;
	line-height: 19px;
}
.first_wrap.level_test .first_search_wrap a {
	background: #403f3b;
	display: inline-block;
	color: #fff;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: 600;
	vertical-align: middle;
}
.first_wrap.level_test .location_info {
	border-top: 2px solid #9c9791;
}
.first_wrap.level_test .reservation_test_wrap {
	background: rgba(255,255,255,0.8);
	border-radius: 0px;
	margin-top: 0px;
	padding: 25px 0;
	text-align: left;
}
.first_wrap.level_test .first_sec04 .area {
	background: rgba(255,255,255,0);
	padding: 0px 0px;
	margin-top: 0px;
	border-radius: 0px;
	text-align: center;
}
.first_wrap.level_test .reservation_test_right {
	margin: 0 auto;
}
.speaking-title {
	margin-top: 200px;
}
.speaking-btn {
	margin-top: 25px;
}
.speaking-btn a {
	display: inline-block;
	background: #b21f24;
	padding: 20px 10px;
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	min-width: 270px;
	margin: 0 10px;
	border: 3px solid #b21f24;
}
.speaking-btn a.speaking-write-result {
	background: rgba(0,0,0,0.25);
	border: 3px solid rgba(255,255,255,0.65);
}
.speaking-result-area {
	text-align: center;
	margin-bottom: 60px;
}
.speaking-result-area p {
	margin-top: 20px;
	font-size: 24px;
	color: #3c3c3c;
}
.result-btn {
	font-size: 14px;
	color: #8b0028;
	display: inline-block;
	padding: 5px 10px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
}
.result-btn:hover {
	color: #8b0028;
}
.result-btn1 {
	font-size: 16px;
	color: #8b0028;
	display: inline-block;
	padding: 7px 10px 5px 10px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
}
.result-btn1:hover {
	color: #8b0028;
}
.result-btn2 {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	color: #3c3c3c;
	padding: 2px 10px 0px 10px;
	background: #f0f0f0;
	border: 1px solid #a3a3a3;
}
.result-btn2:hover {
	color: #3c3c3c;
}
.speaking-form-area {
	padding: 0 30px;
}
.pop-title h4 {
	background: url(/images/speaking/icon.png) no-repeat center left;
	padding: 4px 0 4px 34px;
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	float: left;
}
.pop-title > p {
	float: right;
	margin-top: 10px;
}
.pop-title > p strong {
	font-weight: 400;
}
.pop-title > p strong i {
	vertical-align: middle;
}
.orange_font {
	color: #ff6000!important;
}
.red_font {
	color: #b21f24!important;
}
.zipcode {
	font-size: 14px;
	color: #8b0028;
	display: inline-block;
	padding: 5px 10px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
	border-radius: 0;
	margin-left: 5px;
}
.findadd {
	font-size: 14px;
	color: #8b0028;
	display: inline-block;
	padding: 5px 10px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
	border-radius: 0;
}
.sepaking-policy-area {
	clear: both;
	background: #f4f4f4;
	padding: 30px;
	border-top: 2px solid #9c9791;
}
.sepaking-policy-area .policy-wrap {
	height: 120px;
	background: #fff;
	padding: 20px;
	border: 1px solid #bbbbbb;
	margin-top: 10px;
	line-height: 1.5em;
}
.sepaking-full {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sepaking-full .speaking-half {
	width: calc(50% - 10px);
	margin-top: 30px;
}
.speaking-btn1 {
	text-align: center;
}
.speaking-btn1 a {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	background: #403f3b;
	font-size: 18px;
	padding: 15px 25px;
}
.schedule-area {
	margin-bottom: 60px;
}
.schedule-head-area {
}
.schedule-head-area .coltrol-schedule {
	float: left;
}
.schedule-head-area .schedule-year {
	float: left;
	margin-left: 30px;
	font-size: 36px;
	color: #000000;
	font-weight: 600;
	line-height: 40px;
}
.schedule-head-area .schedule-help {
	float: right;
	margin-top: 10px;
}
.schedule-head-area .schedule-help p {
	display: inline-block;
	margin-left: 15px;
}
.schedule-table {
	margin-top: 15px;
}
.schedule-table table {
	table-layout: fixed;
	clear: both;
	width: 100%;
	border-collapse: collapse;
	display: table;
	border: 1px solid #e7ebef;
}
.schedule-table table th {
	background: #eae3d9;
	padding: 10px 0;
	text-align: center;
	color: #000;
	font-size: 18px;
	border: 1px solid #bfbfbf;
}
.schedule-table table td {
	border: 1px solid #e7ebef;
	position: relative;
	padding: 32px 2px 10px 2px;
	height: 120px;
	z-index: 1;
}
.schedule-table table td span {
	position: absolute;
	right: 10px;
	top: 10px;
}
.schedule-table table td.gray span {
	color: #b2b2b2;
}
.schedule-table table td.today {
	background: #f4f4f4;
}
.schedule-table table td.today:before {
	border: 1px solid #b21f24;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.schedule-table table td > div {
	padding: 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 1px;
}
.schedule-table table td .parents {
	background: #70ad47;
}
.schedule-table table td .business {
	background: #5b9bd5;
}
.schedule-table table td .education {
	background: #ffc000;
}
.schedule-table table td > div p {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
}
.epartner-01-area {
	text-align: center;
	line-height: 3em;
}
.epartner-01-area .maintitle {
	margin-bottom: 50px;
	font-size: 42px;
	color: #000000;
	font-weight: 300;
}
.epartner-01-area .maintitle span {
	font-weight: 600;
	color: #b21f24;
}
.epartner-01-area .maintitle .bigtxt {
	font-size: 69px;
	font-weight: 600;
	margin: 40px 0 60px 0;
}
.epartner-success-process {
	margin-top: 100px;
}
.epartner-success-process h4 {
	font-size: 48px;
	color: #000000;
	margin-bottom: 25px;
}
.epartner-success-process .pv {
	display: block;
}
.epartner-success-process .mv {
	display: none;
}
.epartner-success-process ul {
	display: flex;
	flex-wrap: wrap;
}
.epartner-success-process ul li {
	width: calc(33.3333% - 30px);
	margin: 15px;
	border: 1px solid #efefef;
}
.epartner-success-process ul li > p.img {
	padding: 0;
}
.epartner-success-process ul li > p {
	font-size: 24px;
	line-height: 1.5em;
	word-break: keep-all;
	padding: 10px 0;
}
.epartner-success-process ul li > p span {
	display: block;
	font-size: 18px;
}
.epartner-slide {
	background: url(/images/epartner/partner_slider_bg.png) no-repeat center left;
	padding: 70px 30px;
	overflow: hidden;
	border-radius: 15px;
}
.epartner-slide .item p {
	padding-left: 45%;
	font-size: 36px;
	font-weight: 300;
}
.epartner-slide .item p strong {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}
.epartner-slide .slick-arrow {
	position: absolute;
	top: 50%;
	width: 18px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 999;
}
.epartner-slide .slick-arrow.slick-prev {
	left: 30px;
}
.epartner-slide .slick-arrow.slick-next {
	right: 30px;
}
.bbs-ment {
	margin-bottom: 20px;
	word-break: keep-all;
	font-size: 18px;
}
.epartner-wrap .first_search_wrap {
	width: 100%;
	vertical-align: middle;
	margin-bottom: 30px;
}
.epartner-wrap .first_search_wrap {
	width: 100%;
	vertical-align: middle;
	margin-bottom: 30px;
}
.epartner-wrap .first_search_wrap select {
	max-width: 140px;
}
.epartner-wrap .first_search_wrap input[type=text] {
	width: 40%;
}
.epartner-wrap .first_search_wrap a {
	background: #403f3b;
	display: inline-block;
	color: #fff;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: 600;
	vertical-align: middle;
}
.epartner-wrap .location_info {
	border-top: 0px solid #9c9791;
}
.epartner-wrap .reservation_test_wrap {
	background: rgba(255,255,255,0.6);
	border-radius: 0px;
	margin-top: 0px;
	padding: 25px 0;
	text-align: left;
}
.epartner-wrap .first_sec04 .area {
	background: rgba(255,255,255,0);
	padding: 0px 0px;
	margin-top: 0px;
	border-radius: 0px;
	text-align: center;
}
.epartner-wrap .reservation_test_right {
	margin: 0 auto;
}
.epartner-wrap .first_location_wrap .first_map {
	width: 62%;
	margin-right: 3%;
	height: 640px;
	overflow: hidden;
}
.epartner-wrap .first_location_wrap .first_map .iframe {
	position: relative;
	padding-top: 96%;
	width: 100%;
	height: 0;
}
.epartner-wrap .first_location_wrap .location_info ul {
	max-height: 604px;
	padding-right: 0;
	padding-left: 0;
}
.epartner-wrap .first_location_wrap .location_info li {
	padding-right: 20px;
}
.result-tit {
	font-weight: 600;
	font-size: 24px;
	border-bottom: 2px solid #9c9791;
	padding-bottom: 10px;
}
.result-tit strong {
	color: #b21f24;
}
.epartner-store-head {
	position: relative;
	text-align: center;
}
.epartner-store-head h4 {
	font-size: 42px;
	color: #000;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.epartner-store-head p span {
	display: inline-block;
	padding: 0 15px;
}
.epartner-store-head p span font {
	display: inline-block;
	background: #e2e2e2;
	line-height: 28px;
	width: 28px;
	height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
}
.epartner-store-head p span font i {
	font-size: 18px;
}
.epartner-store-head p.prev_list {
	position: absolute;
	left: 0;
	top: 0;
}
.epartner-store-head p.sns-area {
	text-align: right;
	margin: 10px 0 10px 0;
}
.epartner-store-body {
}
.epartner-store-body .store-title {
	display: inline-block;
	padding: 20px 30px 15px 30px;
	color: #fff;
	background: #b21f24;
	font-size: 24px;
	font-weight: 600;
	border: 1px solid #8b0028;
	margin: 40px 0 0 0;
}
.epartner-store-body .store-title i {
	font-size: 1em;
	font-weight: 400;
	margin-left: 10px;
}
.epartner-store-body ul {
	border: 1px solid #bbbbbb;
	height: 470px;
}
.epartner-store-body ul li {
	padding: 15px;
	display: flex;
	justify-content: space-between;
}
.epartner-store-body ul li .blog_img {
	width: 112px;
}
.epartner-store-body ul li > div {
	width: calc(100% - 125px);
}
.epartner-store-body ul li > div .tit {
	font-size: 24px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #3c3c3c;
}
.epartner-store-body ul li > div .txt {
	font-size: 18px;
	font-weight: 300;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.epartner-store-body ul li > div .user {
}
.epartner-store-body ul li > div .user span {
	display: inline-block;
	margin-right: 15px;
}
.epartner-store-body ul li > div .user span.date {
	color: #8a8a8a;
}
.epartner-store-body ul li > div .user span.sns {
	color: #1ec329;
}
.teacher-banner-area {
	background: url(/images/epartner/partner_bg.png) no-repeat center center;
	padding: 80px 10px 40px 10px;
	text-align: center;
}
.teacher-banner-area h4 {
	font-size: 48px;
	color: #000;
	margin-bottom: 20%;
}
.teacher-banner-area > div a {
	padding: 20px 10px 20px 30px;
	background: #b21f24;
	color: #fff;
	display: inline-block;
	margin: 0 5px;
	min-width: 310px;
	;
}
.teacher-banner-area > div a:last-child {
	background: #7a65dc;
}
.teacher-banner-area > div a div {
	display: flex;
	align-items: center;
}
.teacher-banner-area > div a p.txt {
	width: 70%;
	text-align: left;
	font-size: 24px;
}
.teacher-banner-area > div a p.txt strong {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-top: 5px;
}
.teacher-banner-area > div a p.txt strong i {
	font-size: 0.8em;
}
.teacher-banner-area > div a p.go {
	width: 30%;
}
.teacher-banner-area > div a p.go span {
	background: rgba(0,0,0,0.2);
	border-radius: 50%;
	width: 54px;
	height: 54px;
	line-height: 54px;
	font-weight: 300;
	display: block;
	font-size: 24px;
	margin: 0 auto;
}
.teacher-phone-area {
	max-width: 640px;
	margin: 50px auto 0;
}
.teacher-phone-area h4 {
	text-align: center;
	font-size: 24px;
	margin: 0 0 15px 0;
}
.teacher-phone-area h4 i {
	color: #9e9e9c;
}
.teacher-phone-area th {
	width: 30%;
}
.sepaking-policy-area.teacher {
	margin-bottom: 40px;
}
.sepaking-policy-area.teacher1 {
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 40px;
}
.sepaking-policy-area.teacher p {
	padding: 3px 0
}
.sepaking-policy-area.teacher .box {
	background: #fff;
	border: 1px solid #bbbbbb;
	padding: 20px;
	line-height: 1.5em;
	margin-top: 15px;
	margin-bottom: 10px;
}
.area-check-area .area-check {
	margin-top: 10px;
	display: inline-block;
	margin-right: 5px;
	padding: 10px 50px 10px 10px;
	;
	background: #f3f0ec;
	border-radius: 5px;
	position: relative;
}
.area-check-area .area-check strong {
	display: inline-block;
	background: #484966;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margi-right: 5px;
}
.area-check-area .area-check p {
	display: inline-block;
}
.area-check-area .area-check p.del {
	position: absolute;
	right: 10px;
	top: 12px;
	cursor: pointer;
}
.school_search_wrap {
	margin-bottom: 20px!important;
	position: relative;
}
.school_search_wrap input[type=text] {
	width: 40%;
}
.school_search_wrap a {
	background: #403f3b;
	display: inline-block;
	color: #fff;
	padding: 6px 20px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: middle;
}
.school_search_wrap a.no-school {
	font-size: 14px;
	color: #8b0028;
	display: inline-block;
	padding: 5px 10px;
	background: #ece3d7;
	border: 1px solid #a3a3a3;
	position: absolute;
	right: 0;
	top: 0;
}

.full {
  display: block !important;
  width: 100% !important;
}