/*----------------------------------생활관리-----------------------------------*/
/*스파르타 생활관리 - 제목*/
.g_main_title .gm_stxt{margin-top: 10px;}
.g_main_title .gm_stxt span{font-weight: 700;}
.g_main_title p{padding: 0px 20px 20px;}


/*스파르타 생활관리 - 컨텐츠*/
.five_life_wrap{width: 100%;}
.five_life_wrap .fl_wrap{padding: 0px 20px 20px;}
.five_life_wrap .fl_wrap .fl_content{
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	background: #f8f8f8;
	padding: 16px 20px; 
	border-radius: 5px; 
	margin-bottom: 10px;
}
.fl_content .flc_txt .flc_small{margin-top: 4px; font-size: .75rem; letter-spacing: -.05rem;}
.fl_content .flc_txt .flc_big{font-size: .875rem; font-weight: 600;}
.fl_content .flc_img img{width: 40px; height: auto; object-fit: cover;}
@media all and (max-width: 320px) {
	.fl_content .flc_img img{width: 30px !important;}
	.fl_content .flc_txt .flc_small{font-size: .625rem !important;}
}


/*스파르타 생활관리 - swiper*/
.five_life_wrap .fl_swiper{padding: 0px 20px 20px;}
.swiper {width: 100%; height: 100%; overflow-x: hidden;}
.fivelife .swiper-wrapper{padding-bottom: 25px;}
.fivelife .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
    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;
}
.fivelife .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0px 0px;}
.fivelife .swiper-pagination{bottom: 0px !important;}
.fivelife .swiper-pagination-bullet-active{background: #E0462E;}
.fivelife .fl_box{background: #f8f8f8; display: flex; flex-direction: column; justify-content: space-between; border-radius: 5px;}
.fl_box img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.fl_box .flb_txt{font-size: .75rem; letter-spacing: -.06rem; padding: 24px 0px; word-break: keep-all; height: 50px; display: flex; flex-direction: column; justify-content: center;}
.fl_box .flb_txt strong{margin-bottom: 5px; display: block;}
.fl_box .flb_txt p{font-size: .625rem;}
@media all and (min-width: 768px) {
	.fl_box .flb_txt{font-size: .875rem !important; padding: 30px 0px !important;}
	.fl_box .flb_txt p{font-size: .75rem !important;}
}




/*생활관리 - 오감관리*/
.five_senses_wrap{width: 100%; background: #f8f8f8; padding-bottom: 40px;}
.five_senses_wrap .fs_wrap{padding: 0px 20px;}


/*생활관리 - 오감관리 : 유튜브 팝업*/
.fxs_wrap .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;}


/*생활관리 - 오감관리 : swiper(senses)*/
.senses_slide_wrap{padding: 0px 20px 20px; background: #f8f8f8; margin-top: -10px;}
.senses_slide_wrap .se_s_title{font-size: 1.125rem; font-weight: 600; letter-spacing: -.05rem;}
.senses_slide_wrap .fxs_wrap{margin-top: 14px;}
.senses {width: 100%; height: 100%; padding-bottom: 22px !important;}
.senses .swiper-wrapper{height: auto !important;}
.senses .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;
}
.senses .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}


/*오감관리 - 탭*/
.five_tab .tab_wrapper{box-sizing:border-box; word-break: keep-all;}
.five_tab .tab_wrapper .tab_menu::-webkit-scrollbar{display:none;}
.five_tab .tab_wrapper ul, .five_tab .tab_wrapper ul li{
	width: 100%; 
	height: auto; 
	margin: 0px; 
	padding: 0; 
	white-space: nowrap; 
	overflow-x: scroll; 
	overflow-y: hidden;
}
.five_tab .tab_wrapper ul li{
	margin: 0px 0px 20px; 
	font-size: 0.875rem; 
	font-weight: 600; 
	color: #BEBEBE; 
	background: #f0f0f0; 
	border-radius: 5px; 
	display: inline-block; 
	padding: 6px 10px; 
	width: auto; 
	text-align: center; 
	margin-right: 6px; 
	overflow: hidden;
}
.five_tab .tab_wrapper ul li.active{background: #E0462E; color: #f8f8f8;}
.five_tab .tab_content .tab_title{display: flex; flex-direction: column; align-items: center; margin-bottom: 16px;}
.five_tab .tab_content .tab_title p{font-size: 1rem; color: #E0462E; font-weight: 500; padding: 0px;}
.five_tab .tab_content .tab_title strong{font-size: 1.25rem; font-weight: 600;}


/*오감관리 - 탭 내용 (시각관리)*/
.tc_wrap{padding: 30px 20px; background: #fff; border: 1px solid #e0462e; border-radius: 5px; text-align: center;}
.tc_wrap .tc_txt{width: 100%; display: flex; flex-direction: column; align-items: center;}
.tc_wrap .tc_txt strong{font-size: 1.125rem; color: #e0462e; display: block; margin-bottom: 10px;}
.tc_wrap .tc_txt p{font-size: .75rem; margin-bottom: 20px;}
.tc_wrap .tc_txt .tc_line{width: 80px; border-top: 1px solid #e9e9e9; margin-bottom: 20px;}


/*오감관리 - 탭 > 슬라이드*/
.angle .swiper-slide {
	text-align: center;

	/* 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;
}
.angle .swiper-button-next::after,
.angle .swiper-button-prev::after {display: none;}
.angle .swiper-button-next span, 
.angle .swiper-button-prev span{color: #333; font-size: 2rem; font-weight: 200;}
.angle .ag_img{width: calc(45vw); margin: 10px 0px 20px;}
.angle .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.angle .ag_txt{font-size: 1rem; font-weight: 600;}
.angle .ag_txt p{color: #BEBEBE;}
.angle .ag_txt strong{display: block; color: #181919; padding: 10px 0px; font-weight: 600;}
.angle .ag_subtxt p{color: #bebebe;}
.angle .ag_subtxt p:last-child{color: #181919; font-size: .75rem; font-weight: 500;}
.angle .ag_subtxt{font-size: .875rem; font-weight: 600; color: #181919;}


/*오감관리 - 탭 내용 (청각관리)*/
.tc_content{word-break: keep-all;}
.tc_graybox{width: 100%; font-size: .75rem; font-weight: 600;}
.tc_graybox .tcg_wrap{display: flex; justify-content: center; align-items: center;}
.tc_graybox .tcg_wrap .tcg_box{width: 100%; background: #f8f8f8; border-radius: 5px; margin-right: 10px; padding: 14px 0px;}
.tc_graybox .tcg_wrap .tcg_box:last-child{margin-right: 0px;}
.tc_graybox .tcg_wrap .tcg_box p{letter-spacing: -.05rem;}
.tcg_box .gray_txt{color: #bebebe;}
.tcg_box img{width: 30px; height: auto;}
.tc_content .tc_bottom{display: flex; align-items: center;}
.tc_bottom img{width: 30%; height: auto; margin-right: 10px;}
.tc_bottom .tcb_txt{display: flex; flex-direction: column; text-align: left; width: 100%;}
.tc_bottom .tcb_txt strong{font-size: .875rem;}
.tc_bottom .tcb_txt strong span{color: #e0462e;}
.tc_bottom .tcb_txt p{font-size: .75rem; letter-spacing: -.05rem; margin-top: 4px;}

.tc_ear_wrap{padding: 0px 0px 10px;}
.tc_ear_wrap .tc_ear_img{background: #f8f8f8; border: 1px solid #f3f2f2; border-radius: 5px; padding: 15px; margin-top: 14px;}
.tc_ear_wrap .tc_ear_img img{width: 100%; height: 100%; object-fit: cover;}
.tc_ear_wrap .tc_ear_txt{padding-top: 20px; border-top: 1px solid #ddd;}
.tc_ear_wrap .tc_ear_txt strong{font-size: 1rem; font-weight: 700;}
.tc_ear_wrap .tc_ear_txt p{font-size: .75rem; letter-spacing: -.05rem; margin-top: 4px;}




/*오감관리 - 탭 내용 (후각관리)*/
.tc_smell_wrap{background: #f8f8f8; border-radius: 5px; padding: 20px;}
.tc_smell_wrap .tcs_wrap{display: flex; align-items: center;}
.tc_smell_wrap .tcs_wrap,
.tc_smell_wrap .tcs_wrap .tcs_box{text-align: left; font-size: .875rem; width: 100%;}
.tc_smell_wrap .tcs_wrap .tcs_box{display: flex; flex-direction: column;}
.tc_smell_wrap .tcs_wrap .tcs_box strong{font-weight: 600;}
.tcs_wrap .tcs_box span{font-weight: 700; color: #BEBEBE; margin-bottom: 5px;}
.tcs_wrap .tcs_box p{font-size: .75rem; margin-top: 6px;}
.tcs_wrap .tcs_box p.footnote {font-size: .65rem;}
.tcs_wrap .tcs_box p span{font-weight: 600;}
.tcs_wrap img{width: auto; height: calc(9vw); object-fit: cover;}
.tcs_wrap .tcs_img2{width: auto; height: calc(22vw); object-fit: cover;}
@media all and (min-width: 425px) {
	.tcs_wrap .tcs_img2{height: calc(24vw) !important;}
}


/*오감관리 - 탭 내용 (촉각관리)*/
.tc_touch_wrap{padding: 20px; background: #f8f8f8; text-align: left;}
.tc_touch_wrap .tcto_box{margin-bottom: 10px;}
.tc_touch_wrap .tcto_box strong{font-weight: 600; font-size: .875rem;}
.tc_touch_wrap .tcto_img{display: flex; justify-content: flex-end; margin-top: 20px;}
.tcto_box strong span{margin-right: 6px; color: #bebebe;}
.tcto_sub .tcto_subbox{display: flex; margin-bottom: 10px; word-break: keep-all;}
.tcto_sub .tcto_subbox p{font-size: .75rem; letter-spacing: -.06rem;}
.tcto_sub .tcto_subbox span{color: #e0462e; font-size: 1.4rem; margin-right: 4px;}
.tcto_sub2{display: flex; justify-content: space-between; align-items: flex-start;}
@media all and (max-width: 400px) {
	.tcto_sub2 {align-items: flex-end;}
}
.tcto_sub2 .tcto_subbox{display: flex; word-break: keep-all; align-items: center; letter-spacing: -.05rem;}
.tcto_sub2 .tcto_subbox p{font-size: .75rem; letter-spacing: -.06rem;}
.tcto_sub2 .tcto_subbox span{color: #e0462e; font-size: 1.4rem; margin-right: 4px;}
.tcto_sub2 .tcto_img2 img{width: auto; height: calc(14vw); object-fit: cover;}


/*오감관리 - 탭 내용 (촉각관리 - 슬라이드)*/
.tc_touch_slide{width: 100%;}
.touch3s .swiper-wrapper{padding-bottom: 25px;}
.touch3s .swiper {width: 100%; height: 100%;}
.touch3s .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;
}
.touch3s .swiper-slide img {display: block; width: 100%; height: 160px; object-fit: cover;}
@media ( min-width: 426px ) {
	.touch3s .swiper-slide img {height: 50%;}
}

.touch3s .swiper-pagination-bullet-active{background: #E0462E;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -4px !important;}


.touch3s .touch3s_box{border: 1px solid #ddd; border-radius: 5px;}
.touch3s .t3s_img{border-radius: 5px 5px 0px 0px;}
.touch3s .t3s_img img{width: 100%; height: 100%; object-fit: cover;}
.touch3s .t3s_txt{background: #f9f9f9; padding: 20px; text-align: left; border-radius: 0px 0px 5px 5px; word-break: keep-all;}
.touch3s .t3s_txt strong{font-size: .875rem; color: #181919;}
.touch3s .t3s_txt span{color: #bebebe; margin-right: 6px;}
.touch3s .t3s_txt p{font-size: .75rem; margin-top: 10px;}

.touch3s .t3s_txt2{background: #f9f9f9; padding: 20px; text-align: left; border-radius: 0px 0px 5px 5px; word-break: keep-all;}
.touch3s .t3s_txt2 p{font-size: .75rem; margin-top: 10px;}
.touch3s .t3st_top{display: flex; justify-content: space-between; align-items: flex-end;}
.touch3s .t3st_top strong{font-size: .875rem; color: #181919;}
.touch3s .t3st_top strong span{color: #bebebe; margin-right: 6px;}
.touch3s .t3st_img{width: calc(20vw); position: relative; margin-top: -50px;}
.touch3s .t3st_img img{width: 100%; height: 100%; object-fit: cover;}











/*오감관리 - 탭 내용 (미각관리)*/
.tcall_wrap{padding: 30px 20px; background: #fff; border: 1px solid #e0462e; border-radius: 5px; text-align: center;}
.tcall_wrap .tca_padding{padding: 0px 20px;}
.tca_padding .tca_txt{width: 100%; display: flex; flex-direction: column; align-items: center;}
.tca_padding .tca_txt strong{font-size: 1.125rem; color: #e0462e; display: block; margin-bottom: 10px;}
.tca_padding .tca_txt p{font-size: .75rem; margin-bottom: 20px;}

.tcall_wrap .tc_content{word-break: keep-all; display: flex; flex-direction: column;}
.tcall_wrap .taste_box{
	background: #f8f8f8;
    border-radius: 5px;
    padding: 14px 20px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tcall_wrap .taste_box:nth-of-type(1){margin-top: 0px;}
.tcall_wrap .taste_txt p{font-size: .875rem; font-weight: 600; color: #181919;}
.tcall_wrap .taste_txt p span{color: #bebebe; margin-right: 6px;}
.tcall_wrap .taste_txt p:nth-of-type(2){font-size: .7rem; font-weight: 400; margin-top: 4px; color: #181919; letter-spacing: -.05rem;}
.tcall_wrap .taste_txt p:nth-of-type(2) a{
	color: #345EE4;
    margin-top: 6px;
    display: block;
    border: 1px solid #345ee4;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: .625rem !important;
	font-weight: 500;
	width: 60%;
}
.tcall_wrap .taste_img img{width: calc(22vw); height: auto; object-fit: cover;}
@media ( max-width: 387px ) {
	.tcall_wrap .taste_img img{width: calc(17vw) !important;}
}
@media ( max-width: 327px ) {
	.tcall_wrap .taste_img img{width: calc(14vw) !important;}
}



/*생활관리+오감관리*/
.combine_wrap{width: 100%;}
.combine_wrap .cb_txtwrap{
	display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    background: linear-gradient(90deg, #e0462e 50%, #a0a0a0 50%);
}
.combine_wrap .cb_txtwrap span:nth-of-type(1){width: 50%; padding: 15px 0px;}
.combine_wrap .cb_txtwrap span:nth-of-type(2){position: absolute; left: 50%; margin-left: -7px;}
.combine_wrap .cb_txtwrap span:nth-of-type(3){width: 50%; padding: 15px 0px;}
.combine_wrap .cb_triangle{}
.combine_wrap .cb_triangle p:nth-of-type(1){
	content: '';
    position: absolute;
    border-top: 8px solid #e0462e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    margin-left: -9px;
    margin-top: 10px;
    z-index: -1;
    opacity: .4;
}
.combine_wrap .cb_triangle p:nth-of-type(2){
	content: '';
    position: absolute;
    border-top: 8px solid #e0462e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    margin-left: -9px;
    margin-top: 23px;
    z-index: -1;
    opacity: .7;
}
.combine_wrap .cb_triangle p:nth-of-type(3){
	content: '';
    position: absolute;
    border-top: 8px solid #e0462e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    margin-left: -9px;
    margin-top: 36px;
    z-index: -1;
    opacity: 1;
}



/*순공시간 - 제목*/
.g_main_title .gm_subtxt3{margin-top: 10px;}
.g_main_title .gm_subtxt3 span{font-weight: 600;}




/*순공시간 - swiper(time)*/
.time_slide_wrap{width: 100%;}
.time_slide_wrap .tsw_title{font-size: 1rem; font-weight: 700; letter-spacing: -.05rem; padding: 30px 20px 14px; text-align: center;}
.time_slide_wrap .tsw_title span{color: #e0462e;}
.time_slide_wrap .time_slide{padding: 0px 20px;}
.time {width: 100%; height: 100%; padding-bottom: 22px !important;}
.time .swiper-wrapper{height: auto !important;}
.time .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;
}
.time .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}


/*순공시간 - box*/
.timebox_wrap{padding: 0px 20px 40px;}
.timebox_wrap .tb_wrap{padding: 30px 0px 10px; background: #fff9f8; border-radius: 5px;}
.tb_wrap .tb_title{text-align: center; padding: 0px 20px;}
.tb_wrap .tb_title strong{font-size: 1rem;}
.tb_wrap .tb_title strong span{color: #e0462e;}
.tb_wrap .tb_title p{font-size: .75rem; margin-top: 2px;}
.tb_wrap .tb_topimg{margin: 0px 0px 30px; padding: 0px 20px;}
.tb_wrap .tb_topimg img{width: 100%; height: auto; object-fit: cover; border-radius: 5px;}
.tb_content{margin: 10px 0px; padding: 0px 20px;}
.tb_content .tbc_wrap{background: #fff; border-radius: 5px; padding: 30px 20px; margin: 10px 0px;}
.tbc_wrap .tbc_box{margin-bottom: 20px;}
.tbc_wrap .tbc_box p{display: flex; align-items: flex-start; margin-top: 14px; font-size: .75rem; word-break: keep-all;}
.tbc_wrap .tbc_box p:first-child{margin-top: 0px;}
.tbc_wrap .tbc_box p span{color: #e0462e; margin-right: 2px; font-weight: 600; font-size: 1.25rem;}
.tbc_wrap .tbc_boximg img{width: 100%; object-fit: cover;}
.tb_content .tbc_10gray{font-size: .625rem; color: #bebebe; word-break: keep-all;}
.timebox_wrap .tb_line{margin: 30px 0px 20px;}
.timebox_wrap .tb_line img{width: 100%; object-fit: cover;}
.tb_studytime{padding: 0px 20px;}
.tb_studytime .tbs_wrap{background: #fff; border-radius: 5px; padding: 20px; margin-top: 10px;}
.tb_studytime .tbs_wrap .tbs_display{display: flex; width: 100%; justify-content: space-around;}
.tb_studytime .tbs_wrap .tbs_display .v_line{height: 35px; border-right: 1px solid #ddd;}
.tb_studytime .tbs_wrap .tbs_box{display: flex; flex-direction: column; align-items: center;}
.tbs_box p,
.tbs_box .st_txt span{font-size: .75rem; font-weight: 600;}
.tbs_box .st_txt strong{font-size: 1.25rem; color: #e0462e; margin: 0px -1px 0px 3px;}
.tbs_box .st_txt{margin-top: 4px;}
.tbs_box .st_img{padding: 10px 10px 0px;}
.tbs_box .st_img img{width: 100%; object-fit: cover;}
.tbs_box .st_big{font-size: .875rem;}





/*----------------------------------시설관리-----------------------------------*/
@media ( max-width: 375px ) {
	.sp_main_title .spm_txt{font-size: 1.5rem !important;}
	.warningtitle{padding: 6px 14px !important;}
}
@media ( max-width: 345px ) {
	.sp_main_title .spm_txt{font-size: 1.25rem !important;}
}



/*시설관리 - 제목*/
.sp_main_title{width: 100%; word-break: keep-all;}
.sp_main_title .spm_txt{display: flex; align-items: center; justify-content: space-between; font-size: 1.625rem; font-weight: bold; padding: 30px 20px 0px 20px;}
.sp_main_title .spm_sub_txt{padding: 12px 20px 20px;}
.sp_main_title .spm_sub_txt strong{font-size: 0.875rem; color: #E0462E;}
.sp_main_title .spm_sub_txt p{padding: 0px 0px 10px; font-size: .75rem; font-weight: 400; letter-spacing: -.5px;}
.sp_main_title .spm_sub_txt p:last-child{padding: 0px;}


/*시설관리 - 특허권 침해 경고문 modal popup*/
.warningtitle{
	color: #e0462E; 
	border: 1px solid #e0462E; 
	border-radius: 50px; 
	padding: 6px 20px; 
	font-size: 0.75rem;
	transition: all 0.3s ease-in-out;
}
.warningtitle:hover{color: #fff; background: #f53a3a;}
.warning-popup{
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
.warning-popup .warning-img-wrap{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.warning-popup .warning-img-wrap .war_wrap{padding: 10%;}
.warning-content {height: 500px; overflow-y: scroll;}
.warning-content img{width: 100%;}
.close-center{margin-bottom: 10px; cursor: pointer; text-align: right;}
.close-center img{width: 21px; height: auto;}
.centerlist{word-break: keep-all;}						
.centerlist div{display: flex; flex-direction: column; align-items: flex-start;}


/*시설관리 - 특허권 침해 경고문 auto txt*/
.autotxt_wrap{width: 100%;}
.autotxt_wrap .at_wrap{padding: 0px 20px 20px;}
.at_wrap .at_content{display: flex; align-items: center; padding: 2px 10px; background: #f8f8f8; border-radius: 5px;} 
.at_content .at_icon{padding-right: 4px;}
.at_content .at_icon img{width: 24px;}
.marquee {width: 100%; overflow: hidden; background: #f8f8f8; color: #BEBEBE; font-size: 0.45rem !important; font-weight: 500;}


/*시설관리 - 잇올 VR*/
.space_content_wrap{width: 100%;}
.space_content_wrap .sc_wrap{padding: 0px 20px 40px;}
.sc_wrap .sc_title{
	display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.05rem;
}
.sc_wrap .sc_title .color_red{
	font-size: 1.7rem;
    color: #E0462E;
    margin-right: 8px;
    margin-top: 0px;
}


/*시설관리 - 잇올 VR - swiper*/
.sc_content{padding: 12px 0px 0px;}
.sc_content .swiper-wrapper{padding-bottom: 25px;}
.sc_content .swiper {width: 100%; height: 100%;}
.sc_content .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;
}
.sc_content .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.sc_content .swiper-pagination-bullet-active{background: #E0462E;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -4px !important;}
.sc_content .sc_swiper_txt{
	position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sc_content .sc_swiper_txt strong{
	font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin: 16px 0px 0px 12px;
}
.sc_content .sc_swiper_txt p{
    font-size: .625rem;
    font-weight: 400;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    margin: 0px 0px 10px -10px;
}
@media ( max-width: 320px ) {
	.sc_content .sc_swiper_txt strong{font-size: 1rem !important;}
}
@media ( min-width: 425px ) {
	.sc_content .sc_swiper_txt strong{font-size: 1.4rem !important;}
	.sc_content .sc_swiper_txt p{font-size: .75rem !important;}
}
@media ( min-width: 768px ) {
	.sc_content .sc_swiper_txt strong{font-size: 2.2rem !important;     margin: 25px 0px 0px 20px !important;}
	.sc_content .sc_swiper_txt p{font-size: 1rem !important; margin: 0px 0px 15px -15px !important;}
}



/*시설관리 - box*/
.study_space_wrap{width: 100%;}
.study_space_wrap .ss_wrap{padding: 40px 20px 20px;}
.ss_wrap .ss_big_title{    
	display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.05rem;
	margin-bottom: 30px;
}
.ss_wrap .ss_title{
	display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -.05rem;
}
.ss_wrap .ss_title .color_red{
	font-size: 1.25rem;
    color: #E0462E;
    margin-right: 6px;
    margin-top: 0px;
}
.ss_wrap .ss_subtxt{font-size: .75rem; word-break: keep-all; padding: 12px 0px 0px;}
.ss_wrap .ss_subtxt p{
	padding: 2px 8px;
    font-size: .75rem;
    font-weight: 600;
    border: 1px solid #333;
    display: flex;
    width: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-bottom: 6px;
}
.ss_wrap .ss_subtxt .pd_3{padding: 2px 2px; width: 85px;}


/*시설관리 - swiper*/
.ss_content_wrap{width: 100%; background: linear-gradient(0deg, #f8f8f8 60%, #fff 60%);}
.ss_content_wrap .ssc_wrap{padding: 0px 20px 40px;}
.ssc_wrap .swiper-wrapper{padding-bottom: 25px;}
.ssc_wrap .swiper {width: 100%; height: 100%;}
.ssc_wrap .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;
}
.ssc_wrap .swiper-slide img {display: block; width: 100%; height: 160px; object-fit: cover;}
@media ( min-width: 426px ) {
	.ssc_wrap .swiper-slide img {height: 50%;}
}

.ssc_wrap .swiper-pagination-bullet-active{background: #E0462E;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -4px !important;}





/*----------------------------------공기질-----------------------------------*/
@media (min-width: 425px) {
	.air_wrap .air_title strong{font-size: 1.5rem !important;}
	.air_box .air_b_title p{font-size: 1.25rem !important;}
	.ab_link .ab_link_txt strong{font-size: .875rem !important;}
	.ab_link .ab_link_txt p{font-size: .75rem !important;}
	.air_box .air_y_bar_01:after{width: 292px !important;}
	.air_box .air_y_bar_02:after{width: 213px !important;}
	.air_box .air_y_bar_03:after{width: 215px !important;}
	.air_box .air_y_bar_04:after{width: 230px !important;}
}
@media (max-width: 333px) {
	.air_box .air_b_title p{font-size: 1rem !important;}
}
@media (max-width: 320px) {
	.air_b_linkbox .ab_link{flex-direction: column;}
	.ab_link .ab_link_img{width: 100% !important; height: calc(20vh);}
	.ab_link .ab_link_img img{border-radius: 4px 4px 0px 0px !important;}
	.ab_link .ab_link_txt{width: auto !important;}
	.air_tab_wrap .air_txt{font-size: .75rem !important;}
}
@media (max-width: 303px) {
	.air_tab_wrap .tab_menu li{width: 49.7% !important;}
	.air_box .air_y_bar_01:after,
	.air_box .air_y_bar_02:after,
	.air_box .air_y_bar_03:after,
	.air_box .air_y_bar_04:after{display: none;}
}


/*공기질 - 제목*/
.air_wrap{padding: 50px 20px 10px; display: flex; justify-content: space-between;}
.air_wrap .air_title{letter-spacing: -.07rem; word-break: keep-all;}
.air_wrap .air_title strong{display: block; font-size: 1.25rem; font-weight: 700; margin-top: 4px;}
.air_wrap .air_title p{font-size: 1rem; font-weight: 600; margin-top: 20px;}
.air_wrap .air_title p span{color: #06B2C6;}
.air_wrap .air_img{width: 90px; height: 60px; position: absolute; right: 20px; margin-top: -18px;}
.air_wrap .air_img img{width: 100%; height: 100%; object-fit: cover;}


/*공기질 - subtxt*/
.air_subtxt{padding: 0px 20px 20px; word-break: keep-all;}
.air_subtxt p{font-size: .75rem; font-weight: 400;}
.air_subtxt p:nth-of-type(2),
.air_subtxt p:nth-of-type(3){margin-top: 10px;}


/*공기질 - tab*/
.air_tab_wrap{padding: 0px 20px 40px;}
.air_tab_wrap .tab_menu{display: flex; flex-wrap: wrap; border: 1px solid #ddd; color: #bebebe; border-radius: 5px; background: #fff; text-align: center; word-break: keep-all;}
.air_tab_wrap .tab_menu li{width: 49.8%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0px;}
.air_tab_wrap .air_txt{font-size: .875rem; font-weight: 600; letter-spacing: -.07rem;}
.air_tab_wrap .tab_wrapper ul li.active{background: #06B2C6; color: #fff;}
.air_tab_wrap .tab_wrapper ul li.active:nth-of-type(1){border-radius: 5px 0px 0px 0px;}
.air_tab_wrap .tab_wrapper ul li.active:nth-of-type(2){border-radius: 0px 5px 0px 0px;}
.air_tab_wrap .tab_wrapper ul li.active:nth-of-type(3){border-radius: 0px 0px 0px 5px;}
.air_tab_wrap .tab_wrapper ul li.active:nth-of-type(4){border-radius: 0px 0px 5px 0px;}


/*공기질 - tab content*/
.air_tab_wrap .air_box{padding: 30px 0px; border: 1px solid #06B2C6; border-radius: 5px; margin-top: 20px; word-break: keep-all;}
.air_tab_wrap .pb_none {padding-bottom: 0px !important;}
.air_box .air_b_title{word-break: keep-all; letter-spacing: -.07rem; padding: 0px 20px;}
.air_box .air_b_title p{font-size: 1.125rem; font-weight: 700;}
.air_box .air_y_bar_01:after{
	content: '';
    border-bottom: 12px solid #FFFBDE;
    position: absolute;
    width: 69vw;
    left: 40px;
    margin-top: 14px;
    z-index: -1;
}
.air_box .air_y_bar_02:after{
	content: '';
    border-bottom: 12px solid #FFFBDE;
    position: absolute;
    width: 50vw;
    left: 40px;
    margin-top: 14px;
    z-index: -1;
}
.air_box .air_y_bar_03:after{
	content: '';
    border-bottom: 12px solid #FFFBDE;
    position: absolute;
    width: 52vw;
    left: 40px;
    margin-top: 14px;
    z-index: -1;
}
.air_box .air_y_bar_04:after{
	content: '';
    border-bottom: 12px solid #FFFBDE;
    position: absolute;
    width: 55vw;
    left: 40px;
    margin-top: 14px;
    z-index: -1;
}
.air_box .air_b_subtxt{margin-top: 20px; padding: 0px 20px;}
.air_box .air_b_subtxt p{font-size: .75rem;}
.air_box .air_b_subtxt p:nth-of-type(2),
.air_box .air_b_subtxt p:nth-of-type(3){margin-top: 10px;}


/*공기질 - 공기질과 합격 swiper*/
.air_swiper_01 {overflow: hidden; margin-top: 20px;} 
.air_swiper_01 .swiper-slide {transition:all 200ms linear; transform: scale(0.8) !important; opacity: .5;}
.air_swiper_01 .swiper-slide img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.air_swiper_01 .swiper-slide-active{transform: scale(1) !important; opacity: 1;}
.air_swiper_01 .swiper-pagination{position: relative;}
.air_swiper_01 .swiper-pagination-bullet-active{background: #2E96C1;}


/*공기질 - 프리미엄 공기청정 첨단장비*/
.air_b_linkbox{margin-top: 20px; padding: 0px 20px;}
.air_b_linkbox .ab_link{display: flex; border: 1px solid #ddd; border-radius: 5px; margin-top: 15px;}
.ab_link .ab_link_img{width: 45%;}
.ab_link .ab_link_img img{width: 100%; height: 100%; object-fit: cover; border-radius: 4px 0px 0px 4px;}

.ab_link .ab_link_txt{width: 55%; padding: 20px 15px; display: flex; flex-direction: column; justify-content: space-between;}
.ab_link .ab_link_txt strong{font-size: .75rem; font-weight: 700; letter-spacing: -.07rem;}
.ab_link .ab_link_txt p{font-size: .625rem; margin-top: 6px;}

.ab_link .link_graytxt{font-size: .625rem !important; color: #bebebe;}

.ab_link .ab_link_tag{margin-top: 10px; display: flex; justify-content: flex-end;}
.ab_link .ab_link_tag a{font-size: .75rem; font-weight: 700; border: 1px solid #06B2C6; border-radius: 50px; padding: 4px 16px;}


/*공기질 - 이중공기청정 시스템*/
.air_tab_wrap .air_txt_box{background: #f9f9f9; border-radius: 0px 0px 5px 5px; text-align: center; padding: 20px; margin-top: 20px;}
.air_tab_wrap .air_txt_box p{font-size: .75rem; font-weight: 500;}
.air_tab_wrap .air_txt_box p span{color: #e0462e;}


/*공기질 - 이중공기청정 시스템 swiper*/
.air_swiper_02{padding: 20px 20px 0px; overflow: hidden;}
.air_swiper_02 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	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;
}
.air_swiper_02 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.air_swiper_02 .swiper-pagination{position: relative;}
.air_swiper_02 .swiper-pagination-bullet-active{background: #2E96C1;}


/*공기질 - 보건법 공기질 관리기준 표*/
.air_b_table{padding: 0px 20px; margin-top: 20px;}
.air_b_table .air_b_bold{background: #F2FFFF; font-weight: 700;}
.air_b_table .air_b_bold .air_b_blank{margin-left: -2px; color: #bebebe; position: absolute; margin-top: -2px;}
.air_b_table table{width: 100%; text-align: center; border-top: 1px solid #ddd; border-collapse: inherit !important;}
.air_b_table td{width: 25%; font-size: .75rem; padding: 12px 2px; border: 1px solid #ddd; border-top: none; border-left: none;}
.air_b_table td span{font-size: .625rem; font-weight: 400;}


/*공기질 - 보건법 공기질 관리기준 스투키*/
.air_plant{padding: 0px 20px; margin-top: 20px;}
.air_plant .air_plant_box{
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
}
.air_plant .air_pl_img1{width: 25%;}
.air_plant .air_pl_img1 img{width: 100%; height: auto; object-fit: cover;}
.air_plant .air_pl_img2{width: 25%;}
.air_plant .air_pl_img2 img{width: 100%; height: auto; object-fit: cover;}
.air_plant .air_pl_txt{width: 40%;}
.air_plant .air_pl_txt p{text-align: left;}
.air_plant .air_pl_txt p:nth-of-type(1){color: #06B2C6; font-size: .625rem; font-weight: 700;}
.air_plant .air_pl_txt p:nth-of-type(2){font-size: .625rem; font-weight: 500; margin-top: 4px;}


/*공기질 - 보건법 공기질 관리기준 bluetxt box*/
.air_bluetxt_box{background: #06B2C6; padding: 15px 0px; margin-top: 20px;}
.air_bluetxt_box .air_bl_txt{text-align: center;}
.air_bluetxt_box .air_bl_txt:nth-of-type(2){margin-top: 10px;}
.air_bluetxt_box .air_bl_txt strong{color: #FFF9A7; font-size: .75rem; font-weight: 700;}
.air_bluetxt_box .air_bl_txt p{color: #fff; font-size: .625rem; font-weight: 500;}


/*공기질 - 보건법 공기질 관리기준 swiper*/
.air_swiper_03 {overflow: hidden; margin-top: 30px;} 
.air_swiper_03 .swiper-slide {transition:all 200ms linear; transform: scale(0.8) !important; opacity: .5;}
.air_swiper_03 .swiper-slide img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.air_swiper_03 .swiper-slide-active{transform: scale(1) !important; opacity: 1;}
.air_swiper_03 .swiper-pagination{position: relative;}
.air_swiper_03 .swiper-pagination-bullet-active{background: #2E96C1;}





/*-------------------------------공기질 - 서브페이지--------------------------------*/
/*공기질 - 서브페이지 1*/
.airsub_wrapper{padding: 30px 20px 40px; word-break: keep-all;}
.airsub_wrapper .airsub_wrap{border: 1px solid #06B2C6; border-radius: 5px;}
.airsub_wrapper .airsub_title{padding: 30px 20px 0px;}
.airsub_wrapper .airsub_title strong{font-size: 1.5rem; font-weight: 700; letter-spacing: -.05rem;}
.airsub_wrapper .airsub_title p{font-size: .875rem; font-weight: 400; margin-top: 10px;}
.airsub_wrapper .airsub_img{padding: 20px 20px 0px;}
.airsub_wrapper .airsub_img img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.airsub_wrapper .airsub_subtxt{padding: 20px 20px 30px;}
.airsub_wrapper .airsub_subtxt p{font-size: .7rem; margin-top: 6px; font-weight: 500; letter-spacing: -.07rem;}
.airsub_wrapper .airsub_subtxt p span{color: #e0462e;}
.airsub_wrapper .airsub_graytxt{color: #bebebe !important; font-size: .625rem;}
.airsub_wrapper .airsub_graybox{background: #f9f9f9; border-radius: 0px 0px 4px 4px; padding: 30px 20px; text-align: center;}
.airsub_wrapper .airsub_gb_title strong{font-size: 1rem; font-weight: 700; letter-spacing: -.05rem;}
.airsub_wrapper .airsub_gb_title p{font-size: .625rem; font-weight: 400; color: #bebebe; margin-top: 4px; text-align: right;}
.airsub_wrapper .airsub_gb_table{margin-top: 10px;}
.airsub_wrapper .airsub_gb_table table{
	width: 100%; 
	background: #fff; 
	border-top: 1px solid #ddd; 
	border-collapse: inherit !important;
}
.airsub_wrapper .airsub_gb_table table td{
	font-size: .75rem; 
	padding: 10px 0px; 
	border: 1px solid #ddd; 
	border-top: none; 
	border-left: none; 
	letter-spacing: -.05rem;
}
.airsub_wrapper .airsub_gb_table table td span{font-size: .625rem; font-weight: 400;}
.airsub_wrapper .airsub_gb_bold{background: #F2FFFF; font-weight: 700;}


/*공기질 - 서브페이지 2*/
.airsub_wrapper .airsub_t_sub{display: flex; align-items: flex-start; margin: -6px 0px 6px; flex-direction: column;}
.airsub_wrapper .airsub_t_sub p{font-size: .75rem; letter-spacing: -.05rem;}
.airsub_wrapper .airsub_t_sub p:nth-of-type(2),
.airsub_wrapper .airsub_t_sub p:nth-of-type(3){margin-top: -6px;}
.airsub_wrapper .airsub_t_sub span{color: #06B2C6; margin-left: -5px; position: relative; top: 8px;}
.airsub_wrapper .airsub_img2{padding: 12px 20px 0px;}
.airsub_wrapper .airsub_img2 img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.airsub_wrapper .airsub_t_blue{margin-left: 1px !important; font-weight: 500; top: 0px !important;}
.airsub_second_wrap{padding: 20px; word-break: keep-all;}
.airsub_second_wrap .airsub_sw_title strong{font-size: 1.125rem; font-weight: 700;}
.airsub_second_wrap .airsub_sw_title p{font-size: .875rem; font-weight: 400; margin-top: 10px;}
.airsub_second_wrap .airsub_sw_graytxt{font-size: .625rem !important; color: #bebebe;}
.airsub_second_wrap .airsub_sw_img{display: flex; justify-content: flex-end; margin-top: -5px; z-index: -1; position: relative;}
.airsub_second_wrap .airsub_sw_img img{width: calc(50vw); height: 100%; object-fit: cover;}


/*공기질 - 서브페이지 3*/
.airsub_wrapper .airsub_graybox2{background: #f9f9f9; padding: 20px; word-break: keep-all; border-radius: 0px 0px 5px 5px;}
.airsub_wrapper .airsub_gb2_txt:nth-of-type(2){margin-top: 10px;}
.airsub_wrapper .airsub_gb2_txt strong{font-size: .875rem; font-weight: 700;}
.airsub_wrapper .airsub_gb2_txt p{font-size: .7rem; font-weight: 400; margin-top: 2px;}
.airsub_wrapper .airsub_subtxt2{padding: 10px 20px 20px;}
.airsub_wrapper .airsub_subtxt2 p{font-size: .7rem; margin-top: 6px; font-weight: 500; letter-spacing: -.08rem;}

.color_red{color: #b8292f;}

/* 240618 오감관리 quick link 추가 */
.quick_area{position: relative;}
.quick_link{position: absolute;top: -110px;left: 0;z-index: -1;width: 100%;height: 1px;}