/*----------------------------------잇올 랩 - 입시-----------------------------------*/
@media all and (max-width: 320px) {
	.labfirst_wrap .labfw_b_subtxt{font-size: .75rem !important;}
	.labfirst_wrap .labfw_b_img img{width: 40px !important; height: 40px !important;}
	.lab_third .lab_third_box2 p,
	.lab_second_wrap .lab_second_subtxt{font-size: .625rem !important;}
}
@media all and (min-width: 500px) {
	.leb_p_swiper .sts_slide{flex-direction: row !important; text-align: left !important;}
	.leb_p_swiper .swiper3 .swiper-slide img{width: 100% !important; height: auto !important;}
}



/*잇올 랩 - 상단 띠 타이틀*/
.lab_topline_wrap{background: #f5f5f5; text-align: center; padding: 20px;}
.lab_topline_wrap strong{font-size: 1.25rem;}
.lab_topline_wrap strong span{color: #0083ae;}
.lab_topline_wrap p:nth-of-type(1){margin-top: 4px; font-weight: 400; font-size: .875rem;}
.lab_topline_wrap p:nth-of-type(1) span{position: absolute; margin-top: -5px; margin-left: -1px; font-size: .625rem; color: #bebebe;}
.lab_topline_wrap p:nth-of-type(2){font-size: .625rem; color: #bebebe; margin-top: 2px;}


/*잇올 랩 - 입시컨설팅 제목*/
.lab_topfirst_title{padding: 40px 20px 5px; word-break: keep-all;}
.lab_topfirst_title strong{font-size: 1.25rem; font-weight: 700;}
.lab_topfirst_title p{font-size: .875rem; margin-top: 10px; letter-spacing: -.05rem;}
.lab_topfirst_title p span{color: #0083AE;}



/*잇올 랩 입시컨설팅 - swiper*/
.labfirst_wrap {overflow-x: hidden; margin: 20px 0 40px;} 
.labfirst_wrap .swiper-slide {transition:all 200ms linear; transform: scale(0.8) !important; opacity: .5;}
.labfirst_wrap .swiper-slide-active{transform: scale(1) !important; opacity: 1;}
.labfirst_wrap .labfw_box{padding: 20px; background: #F8F8F8; border-radius: 5px;}
.labfirst_wrap .labfw_b_txt{word-break: keep-all; display: flex; flex-direction: column; align-items: flex-start;}
.labfirst_wrap .labfw_b_txt strong{font-size: 1rem; font-weight: 700;}
.labfirst_wrap .labfw_b_subtxt{font-size: .875rem; margin-top: 10px; margin-top: 10px;}
.labfirst_wrap .labfw_b_subtxt p{margin-top: 4px;}
.labfirst_wrap .labfw_b_subtxt p:nth-of-type(1){margin-top: 0px;}
.labfirst_wrap .labfw_b_img{margin-top: 10px; display: flex; justify-content: flex-end;}
.labfirst_wrap .labfw_b_img img{width: 50px; height: 50px;}
.labfirst_wrap .swiper-pagination{position: relative; margin-top: 15px;}
.labfirst_wrap .swiper-pagination-bullet-active{background: #2E96C1;}

.labfirst_wrap .btn_wrap{padding: 0 20px;margin-top: 20px;}


/*빅데이터 분석 프로그램*/
.lab_bigdata_wrap{background: #0083AE; padding: 20px; text-align: center; color: #fff; margin-top: 10px;}
.lab_bigdata_wrap strong{font-size: 1.25rem; font-weight: 600;}
.lab_bigdata_wrap p{font-size: .75rem; margin-top: 10px;}
.lab_bigdata_wrap p:after{
	content: '';
    position: absolute;
    border-top: 8px solid #0083ae;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 50%;
    margin-left: -5px;
    margin-top: 34px;
}
.lab_bigdata_wrap p span{color: #FFF6BB; font-weight: 600;}


/*잇올 배치표*/
.lab_second_wrap{padding: 40px 20px; word-break: keep-all;}
.lab_second_wrap .lab_second_title strong{font-size: 1.25rem; font-weight: 700;}
.lab_second_wrap .lab_second_title p{font-size: .875rem; margin-top: 10px;}
.lab_second_wrap .lab_second_title p span{color: #0083AE;}
.lab_second_wrap img{width: 100%; height: 100%; object-fit: cover; padding: 15px 0px 10px;}
.lab_second_wrap .lab_second_subtxt{font-size: .7rem; letter-spacing: -.05rem;}



/*잇올 랩 계산기*/
.lab_third{padding: 0px 20px 50px;}
.lab_third .lab_third_title strong{font-size: 1.25rem; font-weight: 700;}
.lab_third .lab_third_title p{font-size: .875rem; margin-top: 10px;}
.lab_third .lab_third_box{display: flex; background: #fff; border-radius: 5px; margin-top: 20px;}
.lab_third .l_third_img{width: 50%; border: 1px dashed #0083AE; border-radius: 5px; margin-right: 10px; padding: 5px; height: 243px; overflow-x: hidden; overflow-y: scroll;}
.lab_third .l_third_img img{width: 100%;}
.lab_third .l_third_txtbox{width: 50%;}
.lab_third .lttb_box{text-align: center; border: 1px dashed #bebebe; border-radius: 5px; padding: 10px; margin-bottom: 10px;}
.lab_third .lttb_box:nth-of-type(3){border: 1px dashed #0083AE; margin-bottom: 0px;}
.lab_third .lttb_box:nth-of-type(3) strong{color: #0083AE;}
.lab_third .lttb_box strong{font-size: .875rem; font-weight: 700;}
.lab_third .lttb_box p{font-size: .625rem;}
.lab_third .lttb_box p:nth-of-type(1){margin-top: 6px;}
.lab_third .btn_wrap{margin-top: 30px;}


/*잇올 랩 시크릿코드*/
.lab_dotline{margin-top: 20px; display: flex;}
.lab_dotline .l_dotline_txt{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;margin-right: 10px;border: 1px dashed #bebebe;border-radius: 5px;padding: 14px 8px;background: #fff;justify-content: center;}
.lab_dotline .l_dotline_txt strong{font-size: .875rem; font-weight: 700;}
.lab_dotline .l_dotline_txt p{font-size: .625rem; margin-top: 6px;}
.lab_dotline .l_dotline_bluetxt{width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;border: 1px dashed #0083AE;border-radius: 5px;padding: 14px 8px;background: #fff;}
.lab_dotline .l_dotline_bluetxt strong{color: #0083AE; font-size: .875rem; font-weight: 700;}
.lab_dotline .l_dotline_bluetxt p{font-size: .625rem; margin-top: 6px;}


/*시크릿코드 1*/
.lab_third2{background: #f8f8f8; padding: 40px 20px 0px;}
.lab_third2 .lab_third2_title strong{font-size: 1.25rem; font-weight: 700;}
.lab_third2 .lab_third2_title p{font-size: .875rem; font-weight: 400; margin-top: 8px;}
.lab_third2 .lab_third2_title p span{color: #0083AE;}
.lab_third2 .lab_third2_box2{background: #fff; border-radius: 5px; padding: 30px 20px; margin-top: 20px; display: flex;}
.lab_third2 .lab_third2_box2 img{border: 2px solid #e0462e; border-radius: 5px; width: 100%; height: 100%; object-fit: cover;}
.lab_third2 .lab_third2_box2 p{text-align: center; font-size: .75em;}
.lab_third2 .l_third_circle{
	position: absolute;
    z-index: 1;
    color: #0083AE;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #0083ae;
    font-weight: 700;
    font-size: .625rem;
    padding: 20px 11px;   
    margin-top: -20px;
    right: 30px;
}


/*시크릿코드 2*/
.lab_third2 .l_tbox2_img{display: flex;}
.lab_third2 .l_tbox2_img img{margin: 0 auto;}
.lab_third2 .l_tbox2_txt{display: flex; margin-top: 10px;}
.lab_third2 .lt2t_txt{
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px dashed #bebebe;
    border-radius: 5px;
    padding: 10px 0px;
}
.lab_third2 .lt2t_txt:nth-of-type(1){margin-right: 10px;}
.lab_third2 .lt2t_txt strong{font-size: .875rem; font-weight: 700;}
.lab_third2 .lt2t_txt p{font-size: .625rem; margin-top: 6px;}
.lab_third2 .l_tbox2_txt2{
	border: 1px dashed #0083ae;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lab_third2 .l_tbox2_txt2 strong{font-size: .875rem; font-weight: 700; color: #0083AE;}
.lab_third2 .l_tbox2_txt2 p{font-size: .625rem;}
.lab_third2 .l_tbox2_txt2 p:nth-of-type(1){margin-top: 6px;}


/*농어촌 전략 컨설팅*/
.lab_fourth{padding: 40px 20px;}
.lab_fourth .lab_fourth_title{font-size: 1.25rem; font-weight: 700;}
.lab_fourth .lab_fourth_title p{font-size: .875rem; font-weight: 400; margin-top: 8px;}
.lab_fourth .lab_fourth_title p span{color: #0083AE;}
.lab_fourth table{margin-top: 20px; width: 100%;}
.lab_fourth tr{display: flex;}
.lab_fourth tr:first-child{border-top: 1px solid #e9e9e9;}
.lab_fourth td{
	font-size: .75rem; 
	text-align: center; 
	padding: 12px 0px; 
	letter-spacing: -.05rem;
	border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
	justify-content: center;
    align-items: center;
	word-break: keep-all;
}
.lab_fourth td:nth-of-type(1){width: 25%;}
.lab_fourth td:nth-of-type(2){width: 25%;background: #F8FCFE; color: #0083AE;}
.lab_fourth td:nth-of-type(3){width: 50%;}
.lab_fourth td:last-child{border-right: none;}
.fontjusuk{font-size: .75rem; margin-top: 10px;}
.fontjusuk2{font-size: .875rem; margin-top: 16px; padding: 0 20px;}
.lab_fourth_title sub {position: relative; top: -4px; font-size: .5rem;}


/*잇올 랩 프로필*/
.leb_p_swiper{margin-top: 30px; border: 1px solid #97cfe1; border-radius: 5px; padding: 20px 20px 0px; background: #fbfeff;}
.leb_p_swiper .swiper-pagination{position: relative; margin-top: 20px;}
.leb_p_swiper .swiper3{margin-bottom: 5px !important;}
.leb_p_swiper .swiper3 .swiper-pagination-bullet-active{background: #0083AE;}
.leb_p_swiper .sts_slide .sts_text .mt_5{font-size: .7rem !important;}
.leb_p_swiper .sts_slide{justify-content: space-evenly;}
.leb_p_swiper .sts_slide{align-items: center !important; flex-direction: column; text-align: center;}
.leb_p_swiper .sts_slide img{margin-right: 0px !important; margin-bottom: 10px;}
.leb_p_swiper .swiper3 .swiper-slide{padding: 0px !important;}
.leb_p_swiper .swiper3 .swiper-slide img{border-radius: 100% !important;}




/*----------------------------------학습/입시-----------------------------------*/
/*학습/입시 - 제목*/
.g_main_title .gm_stxt_02{padding: 8px 20px 0px; font-size: .875rem; font-weight: 400; letter-spacing: -.5px;}
.g_main_title .gm_stxt_02 span{color: #e0462e;}


/*학습/입시 - 아코디언*/
.subject_accordion{padding: 20px 20px 0px; word-break: keep-all;}
.subject_accordion .accordion_wrap{border: 1px solid #E0462E; background: #f8f8f8; border-radius: 5px; box-sizing: border-box;}
.subject_accordion .que{
	position: relative; 
	padding: 16px 20px; 
	cursor: pointer; 
	font-size: 1rem; 
	font-weight: 500; 
	border-bottom: 1px solid #E9E9E9;
	background: #fff;
}
.subject_accordion .que:first-child{border-radius: 3px 3px 0px 0px;}
.subject_accordion .que.on{background: #E0462E; border-radius: 0px !important;}
.subject_accordion .que.on>span{color: #F8F8F8;}
.subject_accordion .que.on>.arrow-wrap{color: #F8F8F8 !important;}	
.subject_accordion .anw {
	display: none; 
	overflow: hidden; 
	font-size: .875rem; 
	background-color: #f8f8f8; 
	padding: 20px; 
	border-bottom: 1px solid #E9E9E9;
}
.subject_accordion .anw p{margin-bottom: 10px; display: flex; align-items: flex-start;}
.subject_accordion .anw p:last-child{margin-bottom: 0px;}
.subject_accordion .anw p>span{color: #E0462E; font-size: 1.375rem; margin-right: 6px;}
.subject_accordion .anw .s_gray_txt{font-size:.75rem; color: #707070; margin: -12px 0px 0px 26px;}
.subject_accordion .anw .s_black_txt{font-size:.75rem; color: #181919; margin: -6px 0px 0px 0px;}
.subject_accordion .que .arrow-top {display: none;}
.subject_accordion .que .arrow-bottom {display: block;}
.subject_accordion .que.on .arrow-bottom {display: none;}
.subject_accordion .que.on .arrow-top {display: block;}
.subject_accordion .arrow-wrap {position: absolute; top:50%; right: 20px; transform: translate(0, -50%); font-weight: 400;}
.subject_accordion .asterisk{margin: 0px -4px 0px -2px; color: #bebebe;}


/*학습/입시*/
.w_slide_wrapper{padding: 20px;}


/*학습/입시 - STEP content*/		
.step_wrapper{padding: 0px 20px 10px;}
.step_wrapper .step_wrap{width: 100%; height: auto; word-break: keep-all;}
.step_wrap .step_box{display: flex; align-items: center;}
.step_wrap .step_box .st_title{font-size: 1rem; color: #E0462E; margin-left: 25px;}
.step_wrap .step_box .st_dot,
.step_wrap .step_box .st_dots{
	width: 12px; 
	height: 12px; 
	background: #fff; 
	border: 1px solid #e0462e; 
	position: absolute; 
	border-radius: 50px;
} 
.step_wrap .step_box .st_dots{border: 1px solid #006087 !important;}
.step_wrap .step_box .st_dot:after{
	content: ""; 
	position: absolute; 
	width: 6px; 
	height: 6px; 
	margin: 3px; 
	border-radius: 10px; 
	background: #E0462E;
} 
.step_wrap .step_box .st_dots:after{
	content: ""; 
	position: absolute; 
	width: 6px; 
	height: 6px; 
	margin: 3px; 
	border-radius: 10px; 
	background: #006087; 
} 
.step_wrap .step_content{display: flex; flex-flow: row nowrap;}
.step_wrap .step_content .st_bar,
.step_wrap .step_content .st_bars{width: 2px; display: flex; justify-content: center; margin: 2px 6px;}
.step_wrap .step_content .st_bar p{width: 4px; height: 100%; background: #E0462E;}
.step_wrap .step_content .st_bars p{width: 4px; height: 100%; background: #fff;}
.step_wrap .step_content .st_text{
	width: 100%;
    position: relative;
    background: #fff;
    margin: 10px 0px 30px 10px;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    box-shadow: 2px 2px 6px #0000000d;
    word-break: keep-all;
    overflow-x: hidden;
}
.st_text .t_big{font-size: 1rem; padding: 20px 20px 0px; display: block;}
.st_text .t_sub_wrap{overflow-x: hidden; padding: 20px 20px 0px;}
.st_text .t_sub_wrap2{padding: 20px;}
.st_text .t_sub_wrap span,
.st_text .t_sub_wrap2 span{font-size: .875rem;}
.st_text .t_sub_wrap .t_sub_graytxt{color: #bebebe;}
.st_text .t_sub_wrap p,
.st_text .t_sub_wrap2 p{font-size: 0.75rem; color: #181919; letter-spacing: -.06rem; margin-top: 4px;}
.st_text .t_sub_wrap p .t_asterisk{margin: 0px -2px 0px -3px; color: #8f8f8f;}
.st_text .t_graytxt10{
	font-size: .625rem !important;
    margin-top: 4px;
    color: #bebebe !important;
    letter-spacing: -.05rem !important;	
}
/*.st_text .t_sub_wrap2 .sub_txticon{display: flex; align-items: stretch;}*/
.sub_txticon .sti_txt{width: 100%;}
.sub_txticon .sti_txt p span{
	font-size: .75rem;
    color: #777;
    margin-bottom: 5px;
    display: block;
}
.sub_txticon .sti_icon{width: calc(13vw); display: flex; align-items: flex-end; position: absolute; right: 20px; bottom: 20px;}
.sub_txticon .sti_icon img{max-width: 76px; width: 100%; object-fit: cover;}
@media (max-width: 375px){
	.sub_txticon .sti_icon{
		width: calc(12vw);
		position: absolute;
		right: 14px;
		bottom: 20px;
	}
}
/*230112 #j*/
.step_content .t_bg_box1{background: #FCFCF4;}
.step_content .t_bg_box2{background: #f9f9f9;}
.step_content .t_bg_box3{background: #F4FAFC;}
.step_content .t_bg_box4{background: #FCFAF4;}
.step_content .t_guide_txt{padding: 0px 20px;}
.step_content .tgut_01{font-size: .875rem; color: #e0462e; font-weight: 500; padding: 10px 0px 0px;}
.step_content .tgut_02{font-size: .75rem;}


/*학습/입시 - 합격전략 연구소 '잇올 랩' 입시관리*/
.labexam_wrap{padding: 40px 20px; background: #f8f8f8;}
.labexam_wrap .le_title strong{font-size: 1.25rem; font-weight: 700;}
.labexam_wrap .le_title strong span{color: #0083AE;}
.labexam_wrap .le_title p{margin-top: 8px; font-size: .875rem;}
.labexam_wrap .le_title .asterisk{margin: 0px -4px 0px -2px; color: #bebebe;}
.labexam_wrap .le_title .le_t_graytxt{font-size: .625rem; color: #bebebe; margin-top: 0px;}
.labexam_wrap .le_content{
	padding: 30px 20px; 
	background: #fff; 
	border-radius: 5px; 
	margin-top: 20px; 
	text-align: center; 
	box-shadow: 1px 1px 6px #0000000d;
}
.le_content .le_subtitle{
	width: 80%; 
	margin: 0 auto; 
	font-size: .875rem; 
	font-weight: 700; 
	word-break: keep-all;
}
.le_content .le_subtitle p{
	color: #fff; 
	background: #0083AE; 
	padding: 6px 20px; 
	border-radius: 50px;
}
.le_content .le_img{margin: 15px 0px 5px;}
.le_content .le_img img{width: 100%; object-fit: cover;}
.le_content .le_subtxt{
	font-size: .875rem; 
	letter-spacing: -.05rem; 
	font-weight: 600; 
	line-height: 20px; 
	margin-bottom: 30px;
}
.le_content .le_subtxt .le_tblue{color: #0083ae;}
.le_content .le_box_wrap .leb_box{
	padding: 20px; 
	border: 1px solid #dadada; 
	border-radius: 5px; 
	margin-top: 20px;
}
.le_content .le_box_wrap .leb_box:after{
	content: '>';
    display: flex;
    position: absolute;
    margin-top: 20px;
    color: #0083ae;
    font-weight: 800;
    transform: rotate(90deg);
    right: 48.5%;
}
.le_content .le_box_wrap .leb_box:last-child::after{display: none;}
.leb_box strong{font-size: .875rem;}
.leb_box p{
	font-size: .75rem; 
	margin-top: 6px; 
	letter-spacing: -.05rem; 
	word-break: keep-all;
}
.le_content .le_subtitle2{
	width: 92%; 
	font-size: .875rem; 
	font-weight: 700; 
	margin: 30px auto 20px; 
	word-break: keep-all;
}
.le_content .le_subtitle2 p{
	color: #0083AE; 
	background: #fff; 
	padding: 6px 20px; 
	border-radius: 50px; 
	border: 1px solid #0083AE;
}
.le_content .le_graph table{width: 100%;}
.le_graph tr{display: flex;}
.le_graph tr td{
	border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    padding: 12px 5px;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    word-break: keep-all;
}
.le_graph tr td:nth-of-type(1){width: 15%;}
.le_graph tr td:nth-of-type(2){width: 40%;}
.le_graph tr td:nth-of-type(3){width: 45%;}
.le_graph .leg_title{background: #f8f8f8; font-weight: 700;}


/*학습/입시 - STEP slide*/
.sts_slide{width: 100%; display:flex; align-items: flex-start;}
.sts_slide img{object-fit: cover; margin-right: 20px;}
.sts_slide .sts_text strong{display: block; margin: 2px 0px 5px;}
.sts_slide .sts_text .stx_plustxt{background: #0a86b9; color: #fff; padding: 3px 10px; margin: 10px 0px; border-radius: 4px; font-size: .75rem; text-align: center; font-weight: 500;}
.sts_slide .sts_text p{font-size: 0.875rem; color: #181919;}
.sts_slide .sts_text .t_blue{font-weight: 600;}
.sts_slide .sts_text .t_b12{font-size: 0.75rem !important; word-break: keep-all;}
.swiper3 {width: 100%; height: 100%; margin-bottom: 20px; overflow: hidden;}
.swiper3 .swiper-slide {
	text-align: left; 
	font-size: 0.875rem; 
	padding: 2px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	flex-direction: column; 
}
.swiper3 .swiper-slide img {display: block; width: 80px; height: 80px; object-fit: cover; border: 1px solid #f8f8f8; border-radius: 50px;}
.swiper3 .swiper-pagination-bullet-active{background: #E0462E;}
.target{
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transform:translate3d(0, 0, 0);
}
.swiper3 .t_red{font-weight: 600;}


/*학습/입시 - STEP big data*/
.bigdata_wrapper{border: .5px solid #E5E5E5; border-radius: 5px; margin: 10px 0px;}
.bigdata_wrapper .bigdata_wrap {width: 100%; border-collapse: collapse;}
.bt_body tr{display: flex; justify-content: space-around;}
.bt_body td {
	font-size: 0.7rem;
    border: 0.5px solid #E5E5E5;
    border-right: none;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 12px 0px 10px;
    letter-spacing: -.1rem;
    line-height: .85rem;
}
.bt_body td span{color: #E0462E !important; font-size: 1.2rem !important; margin-bottom: 4px;}
.bigdata_wrapper .bt_head{
	font-size: 0.875rem;
    font-weight: 600;
    background: #fff3d1;
    padding: 6px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 5px 5px 0px 0px;
}
.bigdata_wrapper .bt_body{background: #fff; border-radius: 0px 0px 5px 5px; display: flex; flex-direction: column;}
.bigdata_wrapper .bt_body td img{width: 24px; height: 24px; margin-bottom: 6px;}
.t_sub_wrap2 .bt_footer{text-align: center;}
.t_sub_wrap2 .bt_footer strong{font-size: 0.875rem;}
.t_sub_wrap2 .bt_footer p{font-size: 0.75rem; margin-top: 2px;}


/* 231204 - 버튼 */
.sc1_btn{
	border-radius: 5px;
    margin-top: 8px;
	padding: 6px 0;
    width: 140px;
    background: #e0462e;
	display: flex;
    justify-content: center;
    align-items: center;
}
.sc1_btn a{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}






/*----------------------------------콘텐츠 관리-----------------------------------*/
@media all and (max-width: 320px) {
	.ft_con_title .ft_con_txt,
	.sp_con_title .sp_con_txt,
	.th_con_title .th_con_txt,
	.four_con_title .four_con_txt,
	.bio_main_title .bio_txt{font-size: 1.3rem !important;}
	.itallpassbutton{font-size: .625rem !important;}
}

/*콘텐츠 - 잇올 인강패스+콘텐츠패스 공통*/
.block_stxt{
	padding: 12px 20px 0px;
    font-size: .75rem;
    font-weight: 400;
    color: #4D4D4D;
    text-align: left;
    letter-spacing: -.05rem;
}


/*콘텐츠 - 잇올 인강패스*/
.ft_con_title{width: 100%; word-break: keep-all;}
.ft_con_title .ft_con_txt{font-size: 1.5rem; letter-spacing: -.05rem; font-weight: bold; padding: 30px 20px 0px; display: flex; justify-content: space-between;}
.first_pass{padding: 20px 20px 40px;}
.first_pass .accordion_wrap{border: 1px solid #E0462E; background: #fff; border-bottom: none; border-radius: 5px 5px 0px 0px;}
.first_pass .que{position: relative; padding: 16px 20px; cursor: pointer; font-size: .875rem; font-weight: 500; border-bottom: 1px solid #E9E9E9;}
.first_pass .que.on{background: #E0462E; border-radius: 3px 3px 0px 0px;}	
.first_pass .que.on>span{color: #F8F8F8;}
.first_pass .que.on>.arrow-wrap{color: #F8F8F8 !important;}	
.first_pass .anw {display: none; overflow: hidden; font-size: .875rem; background-color: #fff; padding: 20px; border-bottom: 1px solid #E9E9E9;}
.first_pass .anw p{margin-bottom: 10px; display: flex; align-items: center;}
.first_pass .anw p:last-child{margin-bottom: 0px;}
.first_pass .anw p>span{color: #E0462E; font-size: 1.375rem; margin-right: 4px;}
.first_pass .anw .s_gray_txt{font-size:.75rem; color: #707070; margin: -12px 0px 0px 26px;}
.first_pass .anw .s_black_txt{font-size:.75rem; color: #181919; margin: -6px 0px 0px 0px;}
.first_pass .que .arrow-top {display: none;}
.first_pass .que .arrow-bottom {display: block;}
.first_pass .que.on .arrow-bottom {display: none;}
.first_pass .que.on .arrow-top {display: block;}
.first_pass .arrow-wrap {position: absolute; top:50%; right: 20px; transform: translate(0, -50%); font-weight: 400;}
.first_pass .fp_subtxt{border: 1px solid #e0462e; border-top: none; background: #f9f9f9; padding: 20px; font-size: .75rem; border-radius: 0px 0px 5px 5px;}
.first_pass .fp_subtxt p{letter-spacing: -.05rem;}
.first_pass .fp_subtxt p:nth-of-type(1){margin-bottom: 4px;}
.first_pass .fp_subtxt p span{color: #e0462e;}


/*콘텐츠 - 콘텐츠 패스*/
.sp_con_title{width: 100%; word-break: keep-all;}
.sp_con_title .sp_con_txt{font-size: 1.5rem; letter-spacing: -.05rem; font-weight: bold; padding: 0px 20px;  display: flex; justify-content: space-between;}
.second_pass{padding: 20px 20px 40px;}
.second_pass .accordion_wrap{border: 1px solid #E0462E; background: #fff; border-bottom: none; border-radius: 5px 5px 0px 0px;}
.second_pass .que{position: relative; padding: 16px 20px; cursor: pointer; font-size: .875rem; font-weight: 500; border-bottom: 1px solid #E9E9E9;}
.second_pass .que.on{background: #E0462E; border-radius: 3px 3px 0px 0px;}	
.second_pass .que.on>span{color: #F8F8F8;}
.second_pass .que.on>.arrow-wrap{color: #F8F8F8 !important;}	
.second_pass .anw {display: none; overflow: hidden; font-size: .875rem; background-color: #fff; padding: 20px; border-bottom: 1px solid #E9E9E9;}
.second_pass .anw p{margin-bottom: 10px; display: flex; align-items: flex-start;}
.second_pass .anw p:last-child{margin-bottom: 0px;}
.second_pass .anw p>span{color: #E0462E; font-size: 1.375rem; margin-right: 4px;}
.second_pass .anw .s_gray_txt{font-size:.75rem; color: #707070; margin: -12px 0px 0px 26px;}
.second_pass .anw .s_black_txt{font-size:.75rem; color: #181919; margin: -6px 0px 0px 0px;}
.second_pass .que .arrow-top {display: none;}
.second_pass .que .arrow-bottom {display: block;}
.second_pass .que.on .arrow-bottom {display: none;}
.second_pass .que.on .arrow-top {display: block;}
.second_pass .arrow-wrap {position: absolute; top:50%; right: 20px; transform: translate(0, -50%); font-weight: 400;}
.second_pass .sp_subtxt{border: 1px solid #e0462e; border-top: none; background: #f9f9f9; padding: 20px; font-size: .75rem; border-radius: 0px 0px 5px 5px;}
.second_pass .sp_subtxt p{letter-spacing: -.05rem;}
.second_pass .sp_subtxt p:nth-of-type(1){margin-bottom: 4px;}
.second_pass .sp_subtxt p span{color: #e0462e;}


/*잇올X강대모고 - banner*/
.big_banner{padding: 0 20px 40px;}
.big_banner img{width: 100%; margin: 0 auto;}
.big_banner a{display: block;}
.big_banner a + a{margin-top: 20px;}


/*콘텐츠 - 대치동 국어 BIG4 swiper*/
.th_con_title{width: 100%; word-break: keep-all;}
.th_con_title .th_con_txt{font-size: 1.5rem; letter-spacing: -.05rem; font-weight: bold; padding: 0px 20px;  display: flex; justify-content: space-between;}
.kor_con_wrap{padding: 20px 20px 0; margin-bottom: -5px;}
.kor_con_wrap2{padding: 0 0 15px;}
.kor_con_wrap li,
.kor_con_wrap2 li{
	border-radius: 99px;
	font-size: 14px;
	padding: 6px 10px;
	width: 20vw;
    border: 1px solid #e0462e;
    color: #e0462e;
	text-align: center;
}

.third_pass{padding: 10px 20px 30px 15px;}
.third_pass .contents {width: 100%; height: 100%; overflow-x: auto; padding: 10px 0px;}
.third_pass .contents .swiper-slide {
	text-align: center;
    padding: 10px;
    background: #fff;
    border: 1px solid #efefef;
	box-shadow: 0px 3px 10px #e1d7d76b;
    border-radius: 5px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: column;
}
.third_pass .contents .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.third_pass .contents .swiper-slide p{font-size: .75rem; font-weight: 600; margin-top: 5px;}


/*콘텐츠 - 독점콘텐츠/자체제작/제휴할인 auto swiper*/
.four_con_title{width: 100%; word-break: keep-all; background: #f8f8f8;}
.four_con_title .four_con_txt{font-size: 1.5rem; font-weight: bold; padding: 40px 20px 0px;}
.fourth_pass .fourth_bg{padding: 0 20px 40px;}
.fourth_pass .fourth_bg .black_btn{padding: 0px 20px;}
.fourth_slide .swiper-wrapper{transition-timing-function:linear!important; position: relative;}
.fourth_slide {width: 100%; height: 100%;}
.fourth_slide .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	overflow: hidden;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.fourth_slide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.fourth_slide .trs_box{width: 100%;}


/*콘텐츠 - 실전바이오리듬*/
.bio_main_title{width: 100%; word-break: keep-all; padding-top: 40px;}
.bio_main_title .bio_txt{font-size: 1.5rem; font-weight: bold; padding: 0px 20px;}
.bio_main_title .red_txt{color: #E0462E; font-weight: 600;}
.bio_main_title p{padding: 10px 20px 0px; font-size: .875rem; font-weight: 400; letter-spacing: -.5px;}


/*콘텐츠 - 실전바이오리듬 컨텐츠*/
.bio_txt_content{padding: 20px 20px 0px;}
.bio_txt_content .biotc_box{border: 1px solid #ddd; padding: 20px; border-radius: 5px; text-align: center; display: flex; flex-direction: column; align-items: center;}
.bio_txt_content .biotc_box div{font-size: 1rem; font-weight: 600; border-bottom: 2px solid #fffecc; box-shadow: inset 0 -7px 0 #fffecc; }
.bio_txt_content .biotc_box p{font-size: .75rem; margin-top: 10px;}


/*콘텐츠 - 실전바이오리듬 일정 및 표*/
.calendar_wrap{width: 100%; margin: 20px 0px 40px; word-break: keep-all;}
.calendar_wrap .cl_wrap{padding: 0px 20px; text-align: center;} 
.calendar_wrap .cl_wrap .cl_content{background: #F8F8F8; border-radius: 5px; padding: 20px 0px 20px;}
.cl_content .clcont_01{font-size: 0.875rem; font-weight: 400; padding: 30px 20px 14px;}
.cl_content .clcont_01 span{font-weight: 600;}
.cl_content .clcont_02{background: #fff; margin: 0px 20px 10px; padding: 20px; border-radius: 5px;}
.cl_content .clcont_02 strong{font-size: 1rem;}
.cl_content .clcont_02 p{margin-top: 10px; font-size: 0.75rem; letter-spacing: -.4px;}
.clcont_03 .cl_title{
	color: #181919;
    font-size: 1rem;
    font-weight: 700;
    background: #fff;
    padding: 20px 0px 10px;
    border-radius: 5px 5px 0px 0px;
}
.cl_content .clcont_02 p span{color:#e0462e; font-weight: 600;}
.clcont_03{padding: 0px 20px 20px;}
.clcont_03 .cl_graph {padding: 0px 20px 20px; background: #fff; border-radius: 0px 0px 5px 5px;}
.clcont_03 .cl_graph table{width: 100%;}
.clcont_03 .cl_graph tr{border: 1px solid #E9E9E9; border-right: none; border-left: none;}
.clcont_03 .cl_graph tr:first-child{font-weight: 600;}
.clcont_03 .cl_graph td{border-right: 1px solid #E9E9E9; padding: 8px; font-size: 0.75rem; word-break: keep-all; letter-spacing: -.5px;}
.clcont_03 .bg_lightyellow{background: #FFFDEF;}
.clcont_03 .cl_graph td:nth-of-type(1){background: #FFFDEF;}


/*콘텐츠 - Tab*/
.content_tabwrap{width: 100%;}
.content_tabwrap .ctab_wrap{padding: 0px 20px;}
.ctab_wrap .tab_wrapper{box-sizing:border-box;}
.ctab_wrap .tab_wrapper ul, .ctab_wrap .tab_wrapper ul li{
	width: 100%;
    height: 30px;
	margin: 0px 0px 20px 0px;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.ctab_wrap .tab_wrapper ul li{
	width: 20%;
    margin: 0px 0px;
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    color: #BEBEBE;
    background: #E9E9E9;
    border-radius: 5px;
    word-break: keep-all;
    text-align: center;
    justify-content: center;
    align-items: center;
	letter-spacing: -.5px;
    line-height: 14px;
}
.ctab_wrap .tab_wrapper ul li.active{background: #E0462E; color: #f8f8f8;}
.ctab_wrap .tab_wrapper ul li:last-child{width: 12%;}
.ctab_wrap .tab_content .tab_title{display: flex; flex-direction: column; align-items: center; margin-bottom: 16px;}
.ctab_wrap .tab_content .tab_title p{font-size: 1rem; color: #006087; font-weight: 500; padding: 0px;}
.ctab_wrap .tab_content .tab_title strong{font-size: 1.25rem; font-weight: 600;}

.itallpassbutton{
	background-color: #333;
    color: #fff;
    border-radius: 5px;
    padding: 4px 12px;
    position: relative;
    top: -4px;
    font-family: 'SUIT';
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: -.05rem;
}




/*----------------------------------입시관리-----------------------------------*/
/*입시관리 - 잇올 랩 소개*/
.lab_wrapper{height: auto; padding: 20px; word-break: keep-all;}
.lab_wrapper .lab_wrap{display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 18px 20px; background: #F8F8F8; border-radius: 10px; align-items: center;}
.lab_wrapper .lab_wrap span{font-size: 0.75rem; font-weight: 400; letter-spacing: -1px;}
.lab_wrapper .lab_wrap img{width: 98px; height: auto;}
	

/*입시관리 - 입시 랩의 5가지 장점*/
.five_wrapper{padding: 20px 20px 40px 20px; word-break: keep-all;}
.five_wrapper .five_title{font-size: 1.25rem; font-weight: 600; margin-bottom: 20px;}
.five_wrapper .five_content{display: flex; flex-wrap: nowrap;}
.five_content .fc_box{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 10px 0px;
	padding: 20px 0px 15px;
	border-radius: 10px;
	background: #F8F8F8;
	text-align: center;
	letter-spacing: -1px;  
}
.five_content .fc_box img{margin-bottom: 15px; width: 34px;}
.five_content .fc_box .f_small{font-size: 0.75rem;}
.five_content .fc_box .f_small span{position: absolute; margin-top: -4px; color: #BEBEBE; font-weight: 100;}
.five_content .fc_box .f_big{font-size: 0.875rem; font-weight: 500;}
	

/*입시관리 - ONE STOP 서비스*/
.onestop_wrapper{padding: 40px 20px; word-break: keep-all; background: #fff;}
.onestop_wrap .os_title{font-size: 1.25rem; font-weight: 700;}
.onestop_wrap .os_subtxt{font-size: 0.875rem; letter-spacing: -.6px;}
.onestop_wrapper .black_btn{margin-top: 30px;}

.ws_wrap .box_img{position: relative;}
.box_img .img_tab_wrap{position: absolute;width: 1050px;height: 160px;}
.box_img .img_tab_wrap button{position: absolute;width: 100px;height: 75px;padding: 0;background-color: transparent;}

.box_img .img_tab_wrap button:nth-child(1){top: 0;left: 125px;}
.box_img .img_tab_wrap button:nth-child(2){bottom: 10px;left: 240px;}
.box_img .img_tab_wrap button:nth-child(3){top: 0;left: 365px;}
.box_img .img_tab_wrap button:nth-child(4){bottom: 10px;left: 498px;width: 75px;}
.box_img .img_tab_wrap button:nth-child(5){top: 0;right: 355px;}
.box_img .img_tab_wrap button:nth-child(6){bottom: 10px;right: 250px;width: 75px;}
.box_img .img_tab_wrap button:nth-child(7){top: 0;right: 120px;}


/*입시관리 - 탭 > 아코디언*/
.exam_tab .tab_wrapper{box-sizing:border-box;}
.exam_tab .tab_wrapper ul, .exam_tab .tab_wrapper ul li{width: 100%; height: 30px; margin: 10px 0px 20px 0px; padding: 0; display: flex; justify-content: space-between;}
.exam_tab .tab_wrapper ul li{
	width: 24%;
	margin: 0px 0px;	
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 0.7rem;
	font-weight: 600;
	color: #BEBEBE;
    background: #f8f8f8;
    border-radius: 5px;
}
.exam_tab .tab_wrapper ul li.active{background: #0083AE; color: #fff;}
.exam_tab .tab_content .tab_title{display: flex; flex-direction: column; align-items: center; margin-bottom: 16px;}
.exam_tab .tab_content .tab_title p{font-size: .875rem; color: #0083AE; font-weight: 500; padding: 0px;}
.exam_tab .tab_content .tab_title strong{font-size: 1.125rem; font-weight: 600;}
.exam_tab .accordion_wrap{border: 1px solid #0083AE;}
.exam_tab .que{
	position: relative; 
	padding: 16px 20px; 
	cursor: pointer; 
	font-size: .875rem; 
	font-weight: 500; 
	border-bottom: 1px solid #E9E9E9;
}
.exam_tab .que.on{background: #0083AE;}	
.exam_tab .que.on>span{color: #F8F8F8;}
.exam_tab .que.on>.arrow-wrap{color: #F8F8F8 !important;}	
.exam_tab .anw {
	display: none; 
	overflow: hidden; 
	font-size: .875rem; 
	background-color: #f9f9f9; 
	padding: 20px; 
	border-bottom: 1px solid #E9E9E9;
	text-align: center;
}
.exam_tab .anw img{width: 100%; max-width: 600px;}
.exam_tab .anw p{margin-bottom: 10px; display: flex; align-items: flex-start;text-align: left;}
.exam_tab .anw p:last-child{margin-bottom: 0px;}
.exam_tab .anw p>span{color: #0083AE; font-size: 1.375rem; margin-right: 6px;}
.exam_tab .anw .s_gray_txt{font-size:.75rem; color: #707070; margin: -12px 0px 0px 26px;}
.exam_tab .anw .s_black_txt{font-size:.75rem; color: #181919; margin: -6px 0px 0px 0px;}
.exam_tab .arrow-wrap {position: absolute; top:50%; right: 20px; transform: translate(0, -50%); font-weight: 400;}
.exam_tab .que .arrow-top {display: none;}
.exam_tab .que .arrow-bottom {display: block;}
.exam_tab .que.on .arrow-bottom {display: none;}
.exam_tab .que.on .arrow-top {display: block;}




/*----------------------------------멘토-----------------------------------*/
/*멘토 - 명문대 라이브멘토 상단*/
.mento_top_wrap{width: 100%; background: #8f2a2a;}
.mento_top_wrap .mtop_wrap{padding: 30px 20px 20px; color: #f8f8f8;}
.mtop_wrap .mt_stxt{font-size: 0.875rem;}
.mtop_wrap .mt_stxt strong{color: #FFA928;}
.mtop_wrap .mt_btxt{font-size: 1.625rem; font-weight: bold; margin: 10px 0px 20px;}
.mtop_wrap .mt_btxt span{color: #FFA928;}
.mtop_wrap .mt_btn_wrap{display: flex;}
.mt_btn_wrap .mt_btn{width: 42%; display: flex; flex-direction: column; align-items: stretch; text-align: center; font-size: 0.875rem; font-weight: 600;}
.mt_btn_wrap .mt_btn a{padding: 14px 0px; background: #FFA928; color: #f8f8f8; border-radius: 5px;}
.mt_btn_wrap .mt_btn a:last-child{margin-top: 10px;}
.mt_btn_wrap .mt_img img{width: auto; height: 140px; object-fit: cover; position: absolute; right: 20px; margin-top: -10px;}
@media all and (max-width: 320px) {
	.mt_btn_wrap .mt_img img {height: 120px; margin-top: 8px;}
}
@media all and (min-width: 321px) and (max-width: 767px) {
	.mt_btn_wrap .mt_img img{height: 140px; margin-top: -10px;}
}
@media all and (min-width: 768px) and (max-width: 1920px) {
	.mt_btn_wrap .mt_btn{flex-direction: row; align-items: center;}
	.mt_btn_wrap .mt_btn a {width: 100%; height: 50%; display: flex; justify-content: center; align-items: center;}
	.mt_btn_wrap .mt_btn a:last-child {margin: 0px 0px 0px 10px;}
	.mt_btn_wrap .mt_img img{height: 140px; margin-top: -65px;}
}
@media all and (max-width: 375px) {
	.mc_wrap .mc_title{font-size: 1.125rem !important; letter-spacing: -.05rem;}
}


/*멘토 - 멘토링이란?*/
.m_content_wrap .mc_wrap{padding: 40px 20px 0px;}
.mc_wrap .mc_title{display: flex; justify-content: space-between; align-items: flex-start; font-size: 1.25rem; font-weight: 600; word-break: keep-all;}
.mc_wrap .mc_title .mc_red{font-size: 0.75rem; padding: 4px 16px; border: 1px solid #E0462E; color: #E0462E; border-radius: 50px; background: #fff;}
.mc_wrap .mc_title .mcto_red{font-size: 0.75rem; padding: 4px 16px; background: #E0462E; color: #f8f8f8; border-radius: 50px;}
.mc_wrap .mc_sub_txt{font-size: .875rem; margin-top: 6px; letter-spacing: -0.03rem; word-break: keep-all;}
.mc_wrap .mc_content{margin-top: 20px; word-break: keep-all;}
.mc_content .mcc_box{display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mc_content .mcc_box:last-child{margin-top: 10px;}
.mc_content .mcc_box span{display: flex; flex-direction: column; align-items: center; font-size: 0.75rem; width: 100%; padding: 14px 0px; background: #f8f8f8; border-radius: 5px; text-align: center; margin-right: 10px; font-weight: 500;}
.mc_content .mcc_box span img{width: 30px; height: 30px; margin-bottom: 6px;}


/*멘토 - 나는 명문대 라이브멘토가 필요할까?*/
.mc_content .mc_checklist{padding: 30px 20px; background: #FEF4DD; border-radius: 5px;}
.mc_checklist .cl_title{display: flex; flex-direction: column; align-items: center; text-align: center;}
.mc_checklist .cl_title strong{font-size: 1.125rem;}
.mc_checklist .cl_title strong span{color: #E0462E;}
.mc_checklist .cl_title p{font-size: 0.75rem; margin: 10px 0px 20px;}
.mc_checklist .cl_box{background: #fff; padding: 20px; border-radius: 5px; font-size: 0.875rem; word-break: keep-all;}
.mc_checklist .cl_box p{display: flex; align-items: center; letter-spacing: -.05rem; margin-top: 10px;}
.mc_checklist .cl_box p:first-child{margin-top: 0px;}
.mc_checklist .cl_box p span{color: #E0462E; margin-right: 4px;}


/*멘토 - 멘토링 신청 방법*/
.bg_yellow{background: #F8C857; margin-top: 40px; padding-bottom: 40px;}
.mc_content .mc_guide{display: flex; justify-content: space-between;}
.mc_content .mc_guide:nth-of-type(2){margin-top: 20px;}
.mc_guide .mcg_box{
	width: 100%; 
	height: 150px; 
	border: 1px solid #ddd; 
	border-radius: 5px; 
	padding: 14px 14px 0px; 
	display: flex; 
	flex-direction: column; 
	justify-content: space-between; 
	background: #fff;
}
.mc_guide .mcg_box:nth-of-type(1),
.mc_guide .mcg_box:nth-of-type(3){margin: 0px 10px 0px 0px;}
.mc_guide .mcg_box:nth-of-type(2),
.mc_guide .mcg_box:nth-of-type(4){margin: 0px 0px 0px 10px;}
.mc_guide .arrow_mcg1:after{
	content: '>'; 
	display: flex; 
	align-items: center; 
	height: 140px; 
	position: absolute; 
	right: 48.5%; 
	color: #E0462E; 
	font-weight: 800;
}
.mc_guide .arrow_mcg2:after{
	content: '>'; 
	display: flex; 
	align-items: center; 
	height: 120px; 
	position: absolute; 
	right: 25%; 
	margin-top: 100px; 
	color: #E0462E; 
	font-weight: 800; 
	transform: rotate(90deg);
}
.mc_guide .arrow_mcg3:after{
	content: '>'; 
	display: flex; 
	align-items: center; 
	height: 140px; 
	position: absolute; 
	right: 48.5%; 
	color: #E0462E; 
	font-weight: 800; 
	transform: rotate(180deg);
}
@media all and (min-width: 600px) {
	.mc_guide .arrow_mcg1:after,.mc_guide .arrow_mcg3:after{right: 49%;}
}
@media all and (min-width: 1024px) {
	.mc_guide .arrow_mcg1:after,.mc_guide .arrow_mcg3:after{right: 49.5%;}
}
.mc_guide .mcg_box strong{font-size: 1rem; color: #E0462E;}
.mc_guide .mcg_box p{font-size: 0.875rem; margin-top: 10px;}
.mc_guide .mcg_box a{
	padding: 12px 0px; 
	width: 100%; 
	background: #e0462e; 
	color: #f8f8f8; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	border-radius: 5px; 
	font-size: .875rem; 
	font-weight: 600; 
	margin-bottom: 14px;
}
.mc_guide .mcg_box .mcg_img{display: flex; justify-content: flex-end; margin-top: -3px;}
.mc_guide .mcg_box .mcg_img img{width: 60px; height: auto; position: relative; top: -1px;}
@media all and (max-width: 370px) {
	.mc_guide .mcg_box .mcg_img img{width: 40px; height: auto;}
}
@media all and (max-width: 305px) {
	.mc_guide .mcg_box .mcg_img img{width: 30px; height: auto;}
}


/*멘토 - 잇올 라멘 힐링 콘서트*/
.healing_wrap{width: 100%;}
.healing_wrap .hl_top_wrap{display: flex; flex-direction: column; align-items: center;}
.hl_top_wrap .hlt_txt{
	display: flex; 
	justify-content: center; 
	flex-direction: column; 
	align-items: center; 
	padding: 90px 0px 60px; 
	z-index: 1;
}
.hlt_txt p{font-size: 1.375rem; font-weight: 700;}
.hlt_txt p span{color: #E0462E;}
.hl_top_wrap img{width: 100%; height: auto; object-fit: cover;}
.healing_wrap .hl_wrap{padding: 40px 20px; background: #FEF4DD; margin-top: -25px;}
.hl_title .hl_btxt_w{font-size: 1.25rem; color: #181919; font-weight: 600;}
.hl_title .hl_btxt_w span{color: #e0462e;}
.hl_title .hl_stxt_w{font-size: 0.875rem; color: #181919; margin-top: 4px;}


/*멘토 - 잇올 라멘 힐링 콘서트 : 콘텐츠*/
.hl_content .hlc_youtube{margin-top: 20px;}
.hl_content .hlc_txt{margin: 20px 0px; padding: 20px; background: #fff; border-radius: 5px; display: flex; flex-direction: column; align-items: center; text-align: center; word-break: keep-all;}
.hl_content .hlc_txt strong{color: #E0462e;}
.hl_content .hlc_txt p{font-size: .75rem; margin-top: 10px;}


/*멘토 - 잇올 라멘 힐링 콘서트 : 유튜브 팝업*/
.hlc_youtube .popupModalVideo{display: flex; justify-content: space-between;}
.hlc_youtube .popupModalVideo a{width: 49%;}
.hlc_youtube .popupModalVideo a img{width: 100%; height: auto; border-radius: 5px;}
.video_modal_popup .close_btn{display: none; z-index: 11; border: none; background: none; position: relative; left: 37.5%; margin-bottom: 5px;}
.video_modal_popup .close_btn img{width: 21px; height: auto;}
.video_modal_popup.reveal {display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; flex-direction: column; justify-content: center; align-items: center; z-index: 999;}
.video_modal_popup .video-wrapper {position: relative; width: 80%; padding-bottom: 45%; z-index: 10;}
.video_modal_popup .video-wrapper iframe {position: absolute; width: 100%; height: 100%; border: none;}
.video_modal_popup.reveal .video_modal_popup-closer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 2;}


/*멘토 - 잇올 라멘 힐링 콘서트 : 탭 > 아코디언*/
.mento_tab .tab_wrapper{box-sizing:border-box; word-break: keep-all;}
.mento_tab .tab_wrapper .tab_menu::-webkit-scrollbar{display:none;}
.mento_tab .tab_wrapper ul, .mento_tab .tab_wrapper ul li{width: 100%; height: auto; margin: 20px 0px 0px 0px; padding: 0; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
.mento_tab .tab_wrapper ul li{
	margin: 0px 0px 10px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #BEBEBE;
    background: #FFF;
    border-radius: 5px;
    display: inline-block;
    padding: 6px 16px;
    width: auto;
    text-align: center;
    margin-right: 6px;
	overflow: hidden;
}
.mento_tab .tab_wrapper ul li.active{background: #E0462E; color: #f8f8f8;}
.mento_tab .tab_content .tab_title{display: flex; flex-direction: column; align-items: center; margin-bottom: 16px;}
.mento_tab .tab_content .tab_title p{font-size: 1rem; color: #E0462E; font-weight: 500; padding: 0px;}
.mento_tab .tab_content .tab_title strong{font-size: 1.25rem; font-weight: 600;}
/*.que:first-child{border-top: 1px solid black;}*/
.mento_tab .accordion_wrap{border: 1px solid #E0462E; background: #f8f8f8;}
.mento_tab .que{position: relative; padding: 16px 20px; cursor: pointer; font-size: .875rem; font-weight: 500; border-bottom: 1px solid #E9E9E9;}
.mento_tab .que.on{background: #E0462E;}	
.mento_tab .que.on>span{color: #F8F8F8;}
.mento_tab .que.on>.arrow-wrap{color: #F8F8F8 !important;}	
.mento_tab .anw {display: none; overflow: hidden; font-size: .875rem; background-color: #fff; padding: 20px; border-bottom: 1px solid #E9E9E9;}
.mento_tab .anw p{margin-bottom: 10px; display: flex; align-items: flex-start;}
.mento_tab .anw p:last-child{margin-bottom: 0px;}
.mento_tab .anw p>span{color: #E0462E; font-size: 1.375rem; margin-right: 6px;}
.mento_tab .anw .s_gray_txt{font-size:.75rem; color: #707070; margin: -12px 0px 0px 26px;}
.mento_tab .anw .s_black_txt{font-size:.75rem; color: #181919; margin: -6px 0px 0px 0px;}
.mento_tab .que .arrow-top {display: none;}
.mento_tab .que .arrow-bottom {display: block;}
.mento_tab .que.on .arrow-bottom {display: none;}
.mento_tab .que.on .arrow-top {display: block;}
.mento_tab .arrow-wrap {position: absolute; top:50%; right: 20px; transform: translate(0, -50%); font-weight: 400;}


/*멘토 - 멘토 지원 Swiper*/
.mento {width: 100%; height: 100%; margin-bottom: 20px;}
.mento2 {width: 100%; height: 100%; padding-bottom: 22px !important;}
.mento .swiper-wrapper,
.mento2 .swiper-wrapper{height: auto !important;}
.mento .swiper-slide,
.mento2 .swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mento .swiper-slide img,
.mento2 .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.mento .swiper-pagination,
.mento2 .swiper-pagination{bottom: 0px !important;}
.mento .swiper-pagination-bullet-active,
.mento2 .swiper-pagination-bullet-active{background: #E0462E;}
.target{
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transform:translate3d(0, 0, 0);
}
.mc_content .cl_span_top p:nth-of-type(1),
.mc_content .cl_span_top p:nth-of-type(6),
.mc_content .cl_span_top p:nth-of-type(9){align-items: flex-start;}


/*멘토 - 명문대 라이브멘토 신청 방법*/
.application_wrap{display: flex; flex-direction: column;}
.application_wrap .ac_box{display: flex; flex-direction: row; justify-content: space-between; border: 1px solid #E5E5E5; border-radius: 5px; padding: 14px 20px; align-items: flex-end; background: #fff;}
.application_wrap .ac_arrow{color: #E0462E; margin: 2px 0px; display: flex; justify-content: center; align-items: center;}
.ac_box .ac_txt strong{color: #E0462E;}
.ac_box .ac_txt p{margin-top: 10px; font-size: 0.875rem; letter-spacing: -.04rem;}
.ac_box .ac_txt p:nth-of-type(2){margin-top: 4px;}
.ac_box .ac_btn a{padding: 12px 40px; background: #e0462e; color: #f8f8f8; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-size: .875rem; font-weight: 600;}
.ac_box .ac_icon span{color: #E0462E; font-size: 2rem;}


/*멘토 - 잇올의 멘토가 된다면?*/
.itall_mento_wrap{display: flex; flex-wrap: nowrap; word-break: keep-all; flex-direction: column;}
.itall_mento_wrap .im_wrap{display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between;}
.itall_mento_wrap .im_wrap:last-child{margin-top: 10px;}
.im_wrap .im_box{
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 4px;
    background: #f8f8f8;
    width: 33%;
    text-align: center;
    border-radius: 5px;
	justify-content: space-between;
	letter-spacing: -.04rem;
}
.im_wrap .im_box:nth-of-type(2){margin: 0px 10px;}
.im_wrap .im_box .imb_01,
.im_wrap .im_box .imb_01 strong,
.im_wrap .im_box .imb_02 strong{color: #E0462E;}
.im_wrap .im_box .imb_02{margin-top: 10px; font-size: 0.75rem; height: 100%; display: flex; flex-direction: column; justify-content: center;}


/*멘토 - 라이브멘토 현장 - 탭 > 슬라이드*/
.tab_wrapper2{box-sizing:border-box; word-break: keep-all;}
.tab_wrapper2 .tab_menu2::-webkit-scrollbar{display:none;}
.tab_wrapper2 ul, .tab_wrapper2 ul li{width: 100%; height: auto; margin: 20px 0px 0px 0px; padding: 0; white-space: nowrap; display: flex;}
.tab_wrapper2 ul li{
	margin: 0px 0px 10px;
    font-size: 0.813rem;
    font-weight: 600;
    color: #BEBEBE;
    background: #E9E9E9;
    display: inline-block;
    padding: 10px 16px;
    width: 50%;
    text-align: center;
    letter-spacing: -.06rem;
}
.tab_wrapper2 ul li:first-child{border-radius: 5px 0px 0px 5px;}
.tab_wrapper2 ul li:last-child{border-radius: 0px 5px 5px 0px;}
.tab_wrapper2 ul li.active2{background: #E0462E; color: #f8f8f8;}


/*멘토 - 라이브멘토 인터뷰 - 영상*/
.mc_content .more_full{display: flex;}
.mc_content .more_full img{width: 100%; border-radius: 5px;}




/*멘토 - 라이브멘토 인터뷰 - 더보기 버튼*/
.livemore_btn{
	width: 100%;
    font-size: .875rem;
    height: 10vw;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border: 1px solid #e0462e;
    color: #e0462e;
}



/*멘토 - 라이브멘토 현장 - 동영상*/
.mento_live{position: relative; width: 100%; padding-bottom: 56.25%; margin-top: 5px;}
.mento_live iframe{position: absolute; width: 100%; height: 100%; border-radius: 5px; border: 0;}




/*----------------------------------초격차 6대관리-----------------------------------*/
@media all and (max-width: 320px) {
	.gap_banner .gb_box{align-items: flex-end !important;}
	.gap_banner .gb_txt p:nth-of-type(1){font-size: .75rem !important;}
	.gap_banner .gb_txt p:nth-of-type(2){font-size: .875rem !important;}
	.gap_banner .gb_txt p:nth-of-type(3){font-size: .625rem !important;}
}
@media all and (min-width: 426px) {
	.gap_banner .gb_box{align-items: flex-start !important; padding: 25px !important;}
	.gap_banner .gb_txt p:nth-of-type(1),
	.gap_banner .gb_txt p:nth-of-type(3){font-size: .875rem !important;}
	.gap_banner .gb_txt p:nth-of-type(2){font-size: 1.25rem !important;}
}
@media all and (min-width: 650px) {
	.gap_wrapper .gw_img_01{width: 35% !important;}
	.gap_wrapper .gw_img_02{width: 60% !important;}
}


/*초격차 6대관리 - 상단*/
.gap_wrapper{width: 100%; display: flex; flex-direction: column; align-items: center; background: url(/img/sub/wlogo.png)center center no-repeat; background-size: cover;}
.gap_wrapper .gw_img_01{width: 60%; margin-top: 40px;}
.gap_wrapper .gw_img_02{width: 90%; margin-top: 25px;}
.gap_wrapper .gw_img_01 img,
.gap_wrapper .gw_img_02 img{width: 100%; height: 100%; object-fit: cover; margin-bottom: -5px;}
/*animation*/
.gap_wrapper .gw_img_01 img{animation: text 3s both;}
@keyframes text{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.gap_wrapper .gw_img_02 img{animation: left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes left{
	0% {
		transform: rotateX(180deg) translateX(-250px) skewX(-5deg);
    	opacity: 0;
	}
	100% {
		transform: rotateX(0deg) translateX(0) skewX(0deg);
    	opacity: 1;
	}
}


/*초격차 6대관리 - 배너*/
.gap_banner{word-break: keep-all;}
.gap_banner .gb_wrap{padding: 30px 20px 20px;}
.gap_banner .gb_box{padding: 20px; border-radius: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.gap_banner .gb_box:nth-of-type(1){background: #FFF7EC;}
.gap_banner .gb_box:nth-of-type(2){background: #EEFCFE;}
.gap_banner .gb_box:nth-of-type(3){background: #FFF3F3;}
.gap_banner .gb_box:nth-of-type(4){background: #F1F6FC;}
.gap_banner .gb_box:nth-of-type(5){background: #F9F9F9;}
.gap_banner .gb_box:nth-of-type(6){background: #F3F1F7;}
.gap_banner .gb_txt p:nth-of-type(1){color: #e0462e; font-size: .75rem; font-weight: 500;}
.gap_banner .gb_txt p:nth-of-type(2){font-size: 1rem; font-weight: 600; margin-top: 5px;}
.gap_banner .gb_txt p:nth-of-type(3){font-size: .75rem; font-weight: 400; margin-top: 10px;}
.gap_banner .gb_txt p:nth-of-type(3) span{position: relative; top: -1px; margin: 0px -3px;}
.gap_banner .gb_img{width: 25vw; position: relative; top: 5px;}
.gap_banner .gb_img img{width: 100%; height: 100%; object-fit: cover;}
.gap_banner .gb_graytxt{font-size: .625rem; color: #ccc; margin-top: 5px; letter-spacing: -.05rem;}
.gap_banner .gb_blue{color: #31B0C8 !important;}




/* 231204 - 배치표 stamp */
.stamp_img_wrap{
    overflow: hidden;
    position: relative;
}
.stamp_img_wrap:after{
    display: block;
    content: '';
    position: absolute;
    top: 8vw;
    right: 9.5vw;
    width: 33vw;
    height: 21vw;
    background-image: url('/img/itallbach_stamp.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
}
.stamp_img_wrap.active:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: 0.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}