@charset "utf-8";
@import "morpheus-reset.css";
@import "lightslider.css";
/* uracle pjt-team */

/**
 * CSS Order
 * 1. clear/display/position/z-index/overflow/float
 * 2. width/height/margin/padding
 * 3. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
 * 4. etc/background/border
 */



/* Wrapper */
.wrap{display:-webkit-box;width: 100%; height:100%;-webkit-box-orient:vertical;}
.scroll.bgfc {background: #fcfaf5;}

/* Header */
header {position:relative;height:4.5rem;background:#ff8131;z-index:30;}
header h1 {line-height:4.5rem;color:#fff;font-size:1.8rem;text-align:center;font-weight:700;}
header h1.lft:before {
	float: left;content: '';display: block;width: 1.1rem;height:4.5rem;margin: auto;
	background:url(../img/i_logo.png) no-repeat center center;background-size:1.1rem;
}
header h1.lft {padding-left: 1.5rem;line-height:4.5rem;color:#fff;font-size:1.6rem;text-align:left;}

header button:before {content: '';display: block;width: 2rem;height: 2.5rem;margin: auto;}
header .btn-setting {right: 1.5rem;width: 2.5rem;}
header .btn-setting:before {background:url(../img/ico_setting.png) no-repeat center center;background-size:2rem;}

header .btn-prev {left: .5rem;width: 2.5rem;}
header .btn-prev:before {background:url(../img/ico_back.png) no-repeat center center;background-size:1.1rem;}

header .btn-del {right: 1.5rem;width: 2.5rem;}
header .btn-del:before {background:url(../img/ico_delete.png) no-repeat center center;background-size:2rem;}

header .btn-close {right: 1.5rem;width: 2.5rem;}
header .btn-close:before {background:url(../img/ico_close.png) no-repeat center center;background-size:2rem;}

header .btn-setting.new:after {
	content:'';display: block;width: 1.3rem;height: 1.3rem;position: absolute;left: -.5rem;top: 1.2rem;
	 background:url(../img/bdg_new.png) no-repeat center center;background-size:1.3rem;
	}


header .btn-setting, header .btn-prev, header .btn-del, header .btn-close {display: block;position: absolute;top: 0;height: 100%;font-size: 0;text-indent: -9999rem;}

footer {display:-webkit-box; position:relative; height:6rem;border-top: 1px solid #a6a6a6;}
footer button {position: relative;display: block;-webkit-box-flex:1;font-size: 1.1rem;color: #4a4a4a; text-align: center;}
footer button:before {content:'';display: block;height: 2.8rem;margin: auto;}
footer .ft-btn-home:before {background:url(../img/ico_home_off.png) no-repeat center center;background-size:1.8rem;}
footer .ft-btn-school:before {background:url(../img/ico_bell_off.png) no-repeat center center;background-size:1.5rem;}
footer .ft-btn-teacher:before {background:url(../img/ico_mphone_off.png) no-repeat center center;background-size:2rem;}
footer .ft-btn-news:before {background:url(../img/ico_board_off.png) no-repeat center center;background-size:2rem;}
footer .ft-btn-store:before {background:url(../img/ico_store_off.png) no-repeat center center;background-size:2rem;} /* 20210120 추가 */
footer .ft-btn-service:before {background:url(../img/ico_more_off.png) no-repeat center center;background-size:1.93rem;}
footer button.on {color: #ff8131;}
footer .on.ft-btn-home:before {background:url(../img/ico_home_on.png) no-repeat center center;background-size:1.8rem;}
footer .on.ft-btn-school:before {background:url(../img/ico_bell_on.png) no-repeat center center;background-size:1.5rem;}
footer .on.ft-btn-teacher:before {background:url(../img/ico_mphone_on.png) no-repeat center center;background-size:2rem;}
footer .on.ft-btn-news:before {background:url(../img/ico_board_on.png) no-repeat center center;background-size:2rem;}
footer .on.ft-btn-store:before {background:url(../img/ico_store_on.png) no-repeat center center;background-size:2rem;} /* 20210120 추가 */
footer .on.ft-btn-service:before {background:url(../img/ico_more_on.png) no-repeat center center;background-size:1.93rem;}
footer button.new:after {
	content:'';display: block;width: 1.5rem;height: 1.5rem;position: absolute;left: .8rem;top: 1.5rem;
	 background:url(../img/bdg_new.png) no-repeat center center;background-size:1.5rem;
	}
footer button em {
	position: absolute;left: 1.3rem;top: 1.5rem;display: inline-block; width: 1.5rem;height: 1.5rem;font-size: 1rem;border-radius: 50%;
	background: #ff0000;color: #fff;text-align: center;
}
footer button.ft-btn-teacher em {left: 1.8rem;}


.public {height: 14.5rem;padding: 0 1.5rem; background:#ff8131;}
.public li {text-align: center;}
.public li button.add {
	display: block;width: 100%;height: 4rem; padding: .5rem 1.3rem .5rem 1.3rem; font-size: 1.6rem;color: #4a4a4a;text-align: center; border-radius: .5rem;font-weight: 600;background:#fff;
}
.public .st_info2 {padding: 1.5rem 0 /*2.5rem*/; color: #fff;}
.public .st_info2 .name {display: block; font-size:1.8rem;font-weight: 600;color: #fff;text-decoration: underline;text-align: center;}
.public .st_info2 .school {font-size:1.6rem;font-weight: 300;color: #fff;text-align: center;}

.main_lightslider {height: 14.5rem;position: relative; background:#ff8131;}
.main_lightslider .lSSlideOuter {padding-top: 3.5rem;}
.main_lightslider .lslide {padding: 0 1.5rem 0 1rem;}
.main_lightslider ul li {display: inline-block;}
.main_lightslider ul li span.img {
	display: inline-block;width: 7rem;height: 7rem; padding: .6rem;overflow: hidden;
	/*background: url(../img/mask_pht_org.png) no-repeat center center;background-size:7rem;*/
	background-color: white;background-size: 7rem;border-radius: 50%;
}
.main_lightslider ul li span.img em {display: inline-block;width: 5.8rem;height: 5.8rem;overflow: hidden;border-radius: 50%;}
.main_lightslider ul li span.img img {width: 100%;border-radius: 50%;}
.main_lightslider ul li .student_setting {
	width: 2rem;height: 2rem;font-size: 0;text-indent: -9999rem;position: absolute;bottom: .5rem;left: 5.2rem;
	background: url(../img/ico_setting_sm.png) no-repeat center center;background-size:2rem;
}
.main_lightslider ul li .student_exten {
	position: absolute;top: 5rem;left: 53%;margin-left: -3.3rem;display: inline-block;opacity: .7;padding:.4rem 1.8rem .2rem 1.8rem;font-size: 1rem;color: #ff8131;
	text-align: center;font-weight: 600;border-radius: 1rem;background: #000;line-height: 1.5rem;
}
.main_lightslider ul li .student_upgrade {
    top:0; left:0; line-height: 1rem; padding: .3rem 1rem .2rem 1rem; margin-left:0;
}
.main_lightslider ul li.student_info {padding-top: 1.5rem;color: #fff;}
.main_lightslider ul li.student_info .name {display: block; font-size:1.7rem;font-weight: 600;color: #fff;/*text-decoration: underline;*/}
.main_lightslider ul li.student_info .school {font-size:1.5rem;font-weight: 300;color: #fff;}
.main_lightslider ul li .edit {
	padding: .5rem 1.3rem .5rem 2.3rem; font-size: 1.3rem;color: #4a4a4a;border-radius: 1.5rem;
	background:#fcfaf5 url(../img/arr_mini.png) no-repeat 1.5rem center;background-size:.5rem;line-height: 19px;
}
.main_lightslider .lSSlideOuter .lSPager.lSpg {margin: 1rem 0;}
.lSSlideOuter .lSPager.lSpg > li {padding: .2rem .5rem;}
.main_lightslider .lSSlideOuter .lSPager.lSpg > li a {width: 1.2rem;height: 1.2rem;border-radius: 50%;background: #ff8131;border:3px solid #fff;}
.main_lightslider .lSSlideOuter .lSPager.lSpg > li:hover a, .main_lightslider  .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #fff;
}
.main_lightslider .txt_content {display:-webkit-box; position:relative;}
.main_lightslider .txt_content li:first-of-type {/*float: left;*/min-width: 8rem;max-width: 8rem;}
.main_lightslider .txt_content li {position: relative;display: block;-webkit-box-flex:1;}
.main_lightslider .txt_content li:last-of-type {float: right;min-width: 8rem; text-align: right;line-height: 5.5rem;}

.main_lightslider .img_btn {position: absolute;right: 1.5rem;top: .5rem;}
.main_lightslider .img_btn span.img {position: relative; display: inline-block;width: 3rem;height: 3rem; padding: .3rem;overflow: hidden;}
.main_lightslider .img_btn span.img:before {
	width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom:0;left:0; content: '';display: block;background:#fff;opacity: .6;border-radius: 50%;
}
.main_lightslider .img_btn span.exten:after {
	position: absolute;bottom: -.4rem;left: .3rem;content: '';display: block;background:url(../img/ico_exten.png) no-repeat center center;background-size:2.4rem;width: 2.4rem;height: 2rem;
}
.main_lightslider .img_btn span.add:after {
	position: absolute;bottom: -.4rem;left: .3rem;content: '';display: block;background:url(../img/ico_add.png) no-repeat center center;background-size:2.4rem;width: 2.4rem;height: 2rem;
}
.main_lightslider .img_btn button.on span.img:before {/*background:#fcb503;*/background:white;opacity: 1;}
.main_lightslider .img_btn span.img em {position: relative;display: inline-block;width: 2.4rem;height: 2.4rem;overflow: hidden;border-radius: 50%;}
.main_lightslider .img_btn span.img img {width: 100%;border-radius: 50%;}

.main_lightslider .student_mg {position: absolute;top: 13.8rem;left: 50%;margin-left: -4.7rem;;}
.main_lightslider .student_mg span {position: relative; display: inline-block;padding: .3rem 1.5rem .3rem 1.5rem; font-size: 1.4rem; color: #fff; background:#fbb505;border-radius: .5rem;}
.main_lightslider .student_mg span:after {
	position: absolute;right: 45%;top: -1rem; content: '';display: block;width: 1.5rem;height: 1.5rem;margin: auto;background:url(../img/ico_mg02.png) no-repeat center center;
	background-size:2rem;
}

.service_btn {display:-webkit-box; position:relative;padding: 0 1.2rem 1.8rem 1.2rem;}
.main_service h2 {padding: 3rem 0 2.5rem; font-size: 1.8rem;color: #232323;text-align: center;}
/*.service_btn button {position: relative;display: block;-webkit-box-flex:1;font-size: 1.6rem;color: #232323; text-align: center;}
.service_btn button:before {content:'';display: block;width: 8rem; height: 8rem;margin: auto;margin-bottom: 1rem;border:1px solid #e7e7e7;border-radius: 1rem;} 20210120 수정 */
.service_btn button {position: relative;display: block;-webkit-box-flex:1;padding-top:9rem;font-size: 1.6rem;color: #232323; text-align: center;} /* 20210120 수정 */
.service_btn button:before {content:'';display: block;position:absolute;top:0;left:50%;width: 8rem; height: 8rem;margin-left:-4rem;border:1px solid #e7e7e7;border-radius: 1rem;} /* 20210120 수정 */
.service_btn .btn_school:before {background:#fcfaf5 url(../img/ico_bell_lg.png) no-repeat center center;background-size:3rem;}
.service_btn .btn_safezone:before {background:#fcfaf5 url(../img/ic_zone.png) no-repeat center center;background-size:4.5rem;}
.service_btn .btn_teacher:before {background:#fcfaf5 url(../img/ico_mnscdt_lg.png) no-repeat center center;background-size:5.8rem;}
.service_btn .btn_service:before {background:#fcfaf5 url(../img/ico_mnst_lg.png) no-repeat center center;background-size:5.8rem;}
.service_btn .btn_safezone::after {
    content: ''; /* Unicode 또는 아이콘 클래스를 사용해 아이콘 추가 */
    margin-left: 0.5rem; /* 아이콘과 텍스트 사이 간격 조절 */
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background:#fcfaf5 url(../img/ico_b_new.png) no-repeat center center;background-size:1.2rem;
}

.choice_main_btn {display:-webkit-box; position:relative;padding: 0 1.2rem 1.8rem 1.2rem;}
.choice_main_btn button {position: relative;display: block;-webkit-box-flex:1;padding-top:9rem;font-size: 1.6rem;color: #232323; text-align: center;} /* 20210120 수정 */
.choice_main_btn button:before {content:'';display: block;position:absolute;top:0;left:50%;width: 8rem; height: 8rem;margin-left:-4rem;border:1px solid #e7e7e7;border-radius: 1rem;} /* 20210120 수정 */
.choice_main_btn .btn_child:before {background:#fcfaf5 url(../img/ico_bell_lg.png) no-repeat center center;background-size:3rem;}
.choice_main_btn .btn_guardian:before {background:#fcfaf5 url(../img/ico_mnscdt_lg.png) no-repeat center center;background-size:5.8rem;}

.main_banner { display: -webkit-box;position: relative;padding: 0 2.7rem 1.8rem;}
.main_banner img { width: 100%; border-radius: 0.9rem;}

.main_noti {border-bottom: 1px solid #cdcdcd;}
.main_noti button {
	position: relative; width: 100%;display: block;padding: 1.2rem 3rem 1.2rem 1rem;border-top: 1px solid #cdcdcd; font-size: 1.6rem;color: #111;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.main_noti button:before {
	position: absolute;right: 1.4rem; content: '';display: block;width: 1rem;height: 2rem;margin: auto;background:url(../img/arr_black.png) no-repeat center center;
	background-size:.8rem;}

.splash {
    position: relative;text-align: center;display: flex;justify-content: center;align-items: center; height: 100%; background: #fff;
}
.splash .logo {
	position: absolute;top: 50%;margin-top: -12rem; display: inline-block;width: 100%;height: 10rem;font-size: 0;text-indent: -9999px;
	 background: url(../img/img_logo2.jpg) no-repeat center top;background-size: 17.1rem;
}

.splash .loading {
	display: inline-block;width: 8rem;height: 8rem;font-size: 0;text-indent: -9999px;border-radius: 1rem;
	background:#000 url(../img/intro_loader.gif) no-repeat center center;background-size: 4rem;
}
.splash .progress {background: #fff;}
.splash .bar {width: 0%;height: 100%;background: #ff8131;}
.splash .animation {-webkit-animation: progress 10s infinite linear;}
@-webkit-keyframes progress {
	0% {width: 0%;}
	100% {width: 100%;}
}
.splash .progress {overflow: hidden;position: relative;width: 16.5rem;height: .8rem;margin: .5rem auto;border-radius: .7rem;background: #cdcdcd;}
.splash .progress .bar {background: #ff8131;}
.splash .splashbox {width: 100%;bottom: 4rem;padding: 0 3rem;text-align: center;margin-top: 3rem;}

.splash .numb {font-size: 1.4rem;color: #005ca5;letter-spacing: 0;}
.splash .emblem {
    position: absolute;
    bottom: 26%;
    margin-bottom: -12rem;
    display: inline-block;
    width: 100%;
    height: 15rem;
    font-size: 0;
    text-indent: -9999px;
    background: url(../img/img_emblem_new.png) no-repeat center top;
    background-size: 25rem;
}

.ph_txt {padding-top: 20%;text-align: center;font-size: 1.6rem;color: #232323;}
.ph_txt span {display: block; font-size: 1.8rem;text-align: center;}

.ip_box {position: relative; max-width: 40rem;width: 65%;margin: 2.7rem auto; text-align: center;}
.ip_close {display: none; position: absolute;right: 1rem;top: 1.2rem;font-size: 0;text-indent: -9999px;}
.ip_close:before {width: 1.6rem;height: 1.6rem;content: '';display: block;background:url(../img/ico_close2.png) no-repeat center center;background-size:1.6rem;}

.message_txt {float: left;padding:0 1.5rem 0 3.5rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt:before {
	display: inline-block; width: 1.5rem;height: 1.5rem;padding-right: .5rem;vertical-align:middle;float: left;margin-left: -2rem;
	content: '';display: block;background:url(../img/ico_info.png) no-repeat left center;background-size:1.5rem;
}
.message_txt span {display: block;font-size: 1.3rem;color: #999;line-height: 2.1rem;}
.message_txt span.tit {display: block;font-size: 1.3rem;color: #ff8131;line-height: 1.5rem;font-weight: 600;}
.message_txt span em {font-size: 1.3rem;color: #232323;}

.message_txt .orange {color: #ff8131;}


.calendar_head {position: relative;background: #fcfaf5; z-index:1}
.calendar_head.teacher {background: #fff;border-bottom: 1px solid #cdcdcd;width: 100%;z-index: 3;}
.calendar_head h2 {text-align: center;line-height: 4.8rem;}
.calendar_head h2 .txt_month {font-size: 1.8rem;color: #4a4a4a;text-align: center;line-height: 5rem;}
.calendar_head h2 .btn_month {
	margin-left: .5rem; padding: .2rem .9rem; font-size: 1.1rem;color: #ff8131;text-align: center;font-weight: 600;border:1px solid #ff8131;border-radius: 1rem;
}
.calendar_head .prev {
	position: absolute;left: 1.5rem;top:50%;margin-top:-1.5rem;padding: 1.5rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_l.png) no-repeat center center;background-size:3rem;
}
.calendar_head .next {
	position: absolute;right: 1.5rem;top:50%;margin-top:-1.5rem;padding: 1.5rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_r.png) no-repeat center center;background-size:3rem;
}
.calendar_date {font-size: 1.5rem;color: #ff8131;text-align: center;line-height: 4rem;font-weight: bold;border-top: 1px solid #a9a9a9;background: #fff;}

.reg_bf {background: #f4f4f4;}
.reg_bf > ul {padding: 0 1.5rem;background: #fff;margin-bottom: 1rem;border-top: 1px solid #a9a9a9;}
.reg_bf li.img {padding-bottom: 0; font-size: 0;text-indent: -9999rem;}
.reg_bf li.img:before {content: '';display: block;width: 5rem;height: 5rem;margin:4rem auto 2rem;background:url(../img/alt_mobile.png) no-repeat center center;background-size:5rem;}
.reg_bf li {padding-bottom: 2rem; font-size: 1.6rem;color: #232323;text-align: center;}
.reg_bf li button {
 	display: block;width: 16rem;height: 4rem;margin:auto; padding: 0 1rem;font-size: 1.6rem;color: #fff;font-weight: 600; line-height: 3.8rem;text-align: center;-webkit-box-flex: 1;box-flex: 1;
 	background: #ff8131;
 }


.stnt_info {background: #f4f4f4;}
/* .stnt_info > ul {padding: 0 1.5rem;background: #fff;margin-bottom: .5rem;border-bottom: 1px solid #a9a9a9;border-top: 1px solid #a9a9a9;}
.stnt_info > ul > li {padding: 1rem 0;border-bottom:1px solid #a9a9a9;overflow: hidden;}
.stnt_info > ul > li:last-of-type {border-bottom:0;}
.stnt_info > ul > li:first-of-type {border-top:0;}
.stnt_info .info {position: relative; overflow: hidden;min-height: 5rem;}
.stnt_info .info dt {position: absolute;left: 0;top: 50%;margin-top: -2.4rem;} */
.stnt_info > ul { padding: 0 1rem; background: #fff;border-top: 1px solid #a9a9a9;}
.stnt_info > ul > li {padding: .3rem 0; overflow: hidden;}
.stnt_info > ul > li:first-of-type {border-top: 0;padding-top: .6rem;}
.stnt_info > ul > li:last-of-type {border-bottom: 0;padding-bottom: .6rem;}
.stnt_info .info {position: relative;overflow: hidden;min-height: 5.6rem;background-color: #f6f6f6;padding: .4rem;border-radius: 2rem; border: 1.2px #a9a9a9 solid;}
.stnt_info .info dt {position: absolute;left: .7rem;top: 50%;margin-top: -2.4rem;}
.stnt_info .info dd {display: inline-block;}
.stnt_info .info .img {position: relative; display: inline-block;width: 4.7rem;height: 4.7rem;float: left;margin-right: 1rem; padding: .3rem;overflow: hidden;}
.stnt_info .info .img:before {width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom:0;left:0; content: '';display: block;background:#4fa6d3;border-radius: 50%;}
.stnt_info .info .img.attend:before {background:#65d6c6;} /*하교*/
.stnt_info .info .img.inst:before {background:#fcb503;} /*등교*/

.stnt_info .info .img em {position: relative;display: inline-block;width: 4.1rem;height: 4.1rem;overflow: hidden;border-radius: 50%;}
.stnt_info .info .img img {width: 100%;border-radius: 50%;}

/* .stnt_info .info dd.time {position: absolute;left: 5.5rem;top: 50%;margin-top: -1.2rem;font-size: 1.6rem;color: #232323;font-weight: 600;} */
.stnt_info .info dd.time { position: absolute;left: 6rem; top: 50%; margin-top: -1.2rem;font-size: 1.6rem;color: #232323;font-weight: 600;}
.stnt_info .info dd.time span {padding-left: .5rem; font-size: 1rem;color: #999;font-weight: 600;vertical-align: baseline;}
.stnt_info .info dd.txt_info {padding: .5rem .1rem .5rem 12rem;font-size: 1.4rem;color: #232323;min-height: 5rem;}
.stnt_info .info dd.txt_info em {font-size: 1.4rem;font-weight: 600;}

.stnt_info .info.exten dt:after {
	position: absolute;bottom:-.2rem;left:.7rem; content: '연장';display: block;opacity: .7;
	padding: .4rem .9rem .1rem .9rem;line-height: 1.4rem; font-size: 1rem;color: #ff8131;text-align: center;font-weight: 600;border-radius: 1rem;background: #000;
}


.teacher_info {padding-top: .5rem;background: #f4f4f4;}
.teacher_info > ul {background: #fff;border-top: 1px solid #cdcdcd;}
.teacher_info li {position: relative; padding-left: 8.5rem; background: #fff;}

.teacher_info li dl {padding: 1.5rem 0;border-bottom: 1px solid #c8c8c8;}
.teacher_info li dt {position: absolute;top: 50%;margin-top: -2rem;left: 2rem;z-index: 2;}
.teacher_info li:after {display: block;position: absolute;width: .4rem;height: 100%;left:3.7rem;top: 0;content: '';z-index: 0;background: #f4f4f4;}
.teacher_info li:first-of-type:after {top: 4rem;}
.teacher_info li:last-of-type:after {height: 50%;}
.teacher_info li.single:after {background:none;}/* 공지가 하나 있을경우 라인삭제 클래스 추가 */

.teacher_info li dt span {display: inline-block;width: 3.9rem;height: 3.9rem;line-height: 4rem; background: #4ecaba;border-radius: 50%;font-size: 1.3rem;font-weight: 600; color: #fff;text-align: center;}
.teacher_info li dt span.bg_orange {background: #ff8131 !important;}
.teacher_info li dt span.bg_gray {background: #808080 !important;}
.teacher_info li dd a {display: block;margin-right: 1.5rem; background:url(../img/arr_orange.png) no-repeat right 70%;background-size:.8rem;}
.teacher_info li dd em {display: block; font-size: 1.3rem;color: #999;letter-spacing: 0;}
.teacher_info li dd em.stdnm {display: inline; position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.teacher_info li dd em.date {position: relative;text-align: right;}
.teacher_info li dd span {
	width: 100%; font-size: 1.4rem;color: #232323;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 2rem;max-height: 3.7rem;
padding-top: .5rem;white-space: normal;line-height: 1.2;height: 3.7em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.teacher_info li dt.new:before {position: absolute;right: -.2rem;top:0;content: '';display: block;padding: .3rem;background:url(../img/ico_dot_red.png) no-repeat center center;background-size:.6rem;}

.notice_view h2 {min-height: 4rem;padding: 2rem 1.5rem;font-size: 1.8rem;font-weight: 600;color: #232323;line-height: 1.8rem;}
.notice_view ul {padding-top: .5rem;background: #f4f4f4;}
.notice_view ul li {padding: 1.5rem; border-top: 1px solid #a9a9a9;background: #fff;}
.notice_view ul li .date {display: block; font-size: 1.4rem;color: #999;letter-spacing: 0;}
.notice_view ul li .date em {display: inline-block; font-size: 1.4rem;color: #ff8131;}
.notice_view ul li .date em:after {
	content: '|';display: inline-block;width: .1rem;height: 2rem;font-size: 1.1rem;color: #999;vertical-align: bottom;padding: 0 .5rem 0 1rem;}
.notice_view ul li div {padding-top: 1.5rem; font-size: 1.6rem;color: #232323;}
.notice_view ul li div a {font-size: 1.6rem; color: #ff8131;}
.notice_view ul li div p {font-size: 1.6rem; color: #232323; text-align: left;line-height: 1.2;}
.notice_view ul li div p a {font-size: 1.6rem; color: #ff8131;}
.notice_view ul li div p strong {font-weight: bold; font-size: 1.7rem;}
.notice_view ul li div p span {font-size: 1.6rem;}
.notice_view ul li div p strong span {font-size: 1.7rem;font-weight: bold;}
.notice_view ul li div p .tableWrapper {overflow: auto;}
.notice_view ul li div p .tableWrapper table {width: 100%; max-width: 100%;}
.notice_view ul li div p .tableWrapper th, td {border: 1px solid #ccc; padding: 8px; text-align: left;}


.school_news {padding: 1.5rem;}
.school_news li {padding-bottom: 1.5rem;}
.school_news li a {position: relative; display: block;padding: 2rem 2.7rem 2rem 1.7rem; border:1px solid #cdcdcd;font-size: 1.6rem;font-weight: 600;color: #232323; background: #fff;}
.school_news li a:after {
	content: '';display: block;margin-right: 1.5rem;width: 1rem;height: 2rem; position: absolute;right: -.2rem;top:50%;margin-top: -1rem;
	background:url(../img/arr_orange.png) no-repeat right center;background-size:.8rem;
}

.school_nlist {}
.school_nlist h2 {padding: 1rem 1.5rem; overflow: hidden;position: relative;}
.school_nlist h2 .img {position: relative; display: inline-block;width: 5.6rem;height: 5.6rem;float: left;margin-right: 1rem; padding: .3rem;overflow: hidden;}
.school_nlist h2 .img:before {
	width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom:0;left:0; content: '';display: block;background: url(../img/mask_pht_org.png) no-repeat center center;background-size:7rem;border-radius: 50%;
}
.school_nlist h2 .img em {position: relative;display: inline-block;width: 5rem;height: 5rem;overflow: hidden;border-radius: 50%;background: #fff;}
.school_nlist h2 .img img {width: 100%;border-radius: 50%;}
.school_nlist h2 .txt {display: block; padding-top: 1rem; color: #4a4a4a;font-size: 1.8rem;vertical-align: middle;line-height: 1.8rem;text-decoration: underline;font-weight: 600;}
.school_nlist h2 .adr {display: block; padding-top: .5rem; color: #999;font-size: 1.4rem;vertical-align: middle;line-height: 1.4rem;}
.school_nlist h2 .btn_school_info {
	right: 22px;top: 22px;position: absolute; margin-left: .5rem; padding: .5rem 1.2rem; font-size: 1.1rem;color: #ff8131;text-align: center;font-weight: 600;border:1px solid #ff8131;border-radius: 1rem;
}

.school_nlist .nlist h3,.school_nlist .hlist h3 {font-size: 1.5rem;color: #ff8131;text-align: center;line-height: 4rem;font-weight: bold;border-top: 1px solid #a9a9a9;background: #fff;}
.school_nlist .nlist h3:first-of-type, .school_nlist .hlist h3:first-of-type {border-top:0;}

.school_nlist .nlist,.school_nlist .hlist {background: #f4f4f4;}
.school_nlist .nlist > ul,.school_nlist .hlist > ul {background: #fff;margin-bottom: 3.5rem;border-bottom: 1px solid #a9a9a9;border-top: 1px solid #a9a9a9;overflow: hidden;}
.school_nlist .nlist > ul > li,.school_nlist .hlist > ul > li {position: relative;display: flex; padding: 1rem 0;border-bottom:1px solid #a9a9a9;min-height:70px;align-items: center; overflow: hidden;}
.school_nlist .nlist > ul > li:last-of-type,.school_nlist .hlist > ul > li:last-of-type {border-bottom:0;}
.school_nlist .nlist > ul > li:first-of-type,.school_nlist .hlist > ul > li:first-of-type {border-top:0;}
.school_nlist .nlist.notice > ul > li{min-height: 5rem;padding-top: 1.2rem;}
.school_nlist .nlist > ul > li p,.school_nlist .hlist > ul > li p {position: relative; padding: 0 1.5rem 0 8rem ;}
.school_nlist .nlist > ul > li p .txt_tit,.school_nlist .hlist > ul > li p .txt_tit {display: block; font-size: 1.6rem;color: #232323;}
.school_nlist .nlist > ul > li p .txt_tit em{font-size: inherit; background-color: #6b8bff;color: white; padding-top: 1.5rem;padding-bottom: 2.5rem; margin-right: .5rem;}
.school_nlist .nlist > ul > li p .txt,.school_nlist .hlist > ul > li p .txt {
	display: flex;
    align-items: center; /* 텍스트를 세로 중앙에 정렬합니다. */
    font-size: 14px;
    color: #000;
	padding-left: 1.9rem;
    overflow: hidden;
}
.school_nlist .nlist > ul > li p .txt,.school_nlist .hlist > ul > li p .txt {
	content: '';
    display: inline-block; /* 이미지를 인라인 블록으로 변경합니다. */
    height: 1.5rem;
	margin-top: 1.2rem;
    margin-right: .5rem;
    vertical-align: middle; /* 이미지를 세로 중앙에 정렬합니다. */
    background: url(../img/ico_clip.png) no-repeat left center;
    background-size: 1.5rem;
}
.school_nlist .nlist > ul > li p .txt .file-count,.school_nlist .hlist > ul > li p .txt .file-count {
    color: #fe8131;
	font-size: 14px;
}
.school_nlist .nlist > ul > li p.new:before,.school_nlist .hlist > ul > li p.new:before {position: absolute;left:7rem;top:0;content: '';display: block;padding: .3rem;background:url(../img/ico_dot_red.png) no-repeat center center;background-size:.6rem;}
.school_nlist .nlist > ul > li .date,.school_nlist .hlist > ul > li .date {
	position: absolute;left:0;width: 6.2rem;padding: 1.2rem; border-right: 1px solid #a9a9a9;font-size: 1.6rem;color: #232323;text-align: center;
}
.school_nlist .nlist > ul > li .date em,.school_nlist .hlist > ul > li .date em {display: block;font-size: 1.3rem;color: #999;text-align: center;}

.school_nlist .menu_calendar {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.school_nlist .menu_calendar_weekdays div {
	display: inline-block;
	vertical-align: top;
}
.school_nlist .menu_calendar_weekdays, .menu_calendar_headr {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 45px;
	overflow: hidden;
	float: left;
	z-index: 10;
}
.school_nlist .menu_calendar_weekdays div {
	width: calc(100% / 5);
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	color: #111;
}
.school_nlist .menu_calendar_content div {
	width: calc(100% / 5);
	overflow: hidden;
	background-color: #fff;
}
.school_nlist .menu_calendar_content div { float: left; }
.school_nlist .menu_calendar_content div:hover { background-color: #f8f8f8; }
.school_nlist .menu_calendar_content div.blankhead {
	width: calc(100% / 5);
	text-align: center;
	font-size: 13px;
	color: #3fb92f;
	background-color: #3fb92f;
}
.school_nlist .menu_calendar_content div.blank {
	/* width: calc(100% / 5); */
	background-color: #fff;
	color: #fff;
	width: 100%;
	top: 25px;
}
.school_nlist .menu_calendar_content div.day {
	width: calc(100% / 5);
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #3fb92f;
}
.school_nlist .menu_calendar_content div.msg {
	width: 100%;
	top: 25px;
	text-align: left;
	color: #111;
	padding: 5px;
}
.school_nlist .menu_calendar_headr, .menu_calendar_content div.today {
	zoom: 1;
	filter: alpha(opacity = 70);
	opacity: 0.7;
}
.school_nlist .menu_calendar_content div.today {
	width: calc(100% / 5);
	height: 25px;
	text-align: center;
	color: #fff;
}
.school_nlist .menu_calendar_headr {
	width: 100%;
	height: 37px;
	text-align: center;
	background-color: #ff6860;
	padding: 18px 0px;
}
.school_nlist .menu_calendar_headr h1 {
	font-size: 1.5rem;
	color: #fff;
	float: left;
	width: 70%;
}
.school_nlist i[class^=icon-chevron] {
	color: #fff;
	float: left;
	width: 15%;
	border-radius: 50%;
}

.menu_table {}
.menu_head {position: relative;background: #fcfaf5;}
.menu_head {position: relative;background: #fff;border-bottom: 1px solid #a9a9a9;}
.menu_head h2 {padding: 0;text-align: center;line-height: 3.8rem;}
.menu_head h2 .txt_month {font-size: 1.8rem;color: #4a4a4a;text-align: center;line-height: 4rem;}
.menu_head h2 .btn_month {
	margin-left: .5rem; padding: .2rem .9rem; font-size: 1.1rem;color: #ff8131;text-align: center;font-weight: 600;border:1px solid #ff8131;border-radius: 1rem;
}
.menu_head .prev {
	position: absolute;left: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_l.png) no-repeat center center;background-size:2.5rem;
}
.menu_head .next {
	position: absolute;right: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_r.png) no-repeat center center;background-size:2.5rem;
}
.news_head {position: relative;background: #fff;}
.news_head {position: relative;background: #fff;border-bottom: 1px solid #a9a9a9;}
.news_head h2 {padding: 0;text-align: center;line-height: 3.8rem;}
.news_head h2 .txt_news_month {font-size: 1.8rem;color: #4a4a4a;text-align: center;line-height: 4rem;}
.news_head h2 .btn_news_month {
	margin-left: .5rem; padding: .2rem .9rem; font-size: 1.1rem;color: #ff8131;text-align: center;font-weight: 600;border:1px solid #ff8131;border-radius: 1rem;
}
.news_head .news_prev {
	position: absolute;left: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_l.png) no-repeat center center;background-size:2.5rem;
}
.news_head .news_next {
	position: absolute;right: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_r.png) no-repeat center center;background-size:2.5rem;
}
.letter_head {position: relative;background: #fcfaf5;}
.letter_head {position: relative;background: #fff;border-bottom: 1px solid #a9a9a9;}
.letter_head h2 {padding: 0;text-align: center;line-height: 3.8rem;}
.letter_head h2 .txt_letter_month {font-size: 1.8rem;color: #4a4a4a;text-align: center;line-height: 4rem;}
.letter_head h2 .btn_letter_month {
	margin-left: .5rem; padding: .2rem .9rem; font-size: 1.1rem;color: #ff8131;text-align: center;font-weight: 600;border:1px solid #ff8131;border-radius: 1rem;
}
.letter_head .letter_prev {
	position: absolute;left: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_l.png) no-repeat center center;background-size:2.5rem;
}
.letter_head .letter_next {
	position: absolute;right: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_r.png) no-repeat center center;background-size:2.5rem;
}

/* .school_head {position: relative;background: #fcfaf5;}
.school_head {position: relative;background: #fff;border-bottom: 1px solid #a9a9a9;}
.school_head h2 {padding: 0;text-align: center;line-height: 3.8rem;}
.school_head h2 .txt_schoolNm {font-size: 1.8rem;color: #4a4a4a;text-align: center;line-height: 4rem;}
.school_head .school_prev {
	position: absolute;left: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_l.png) no-repeat center center;background-size:2.5rem;
}
.school_head .school_next {
	position: absolute;right: 1.5rem;top:50%;margin-top:-1.3rem;padding: 1.3rem;font-size: 0;text-indent: -9999px;
	background:url(../img/arr_org_r.png) no-repeat center center;background-size:2.5rem;
} */

.school_nlist .menu_list {background: #f4f4f4;}
.school_nlist .menu_list > ul {background: #fff;margin-bottom: .5rem;border-bottom: 1px solid #a9a9a9;overflow: hidden;}
.school_nlist .menu_list > ul > li {position: relative;display: flex; padding: 1rem 0;border-bottom:1px solid #a9a9a9;align-items: center; overflow: hidden;}
.school_nlist .menu_list > ul > li:last-of-type {border-bottom:0;}
.school_nlist .menu_list > ul > li:first-of-type {border-top:0;}
.school_nlist .menu_list > ul > li .date {
	position: absolute;left:0;width: 6.2rem;padding: 1.2rem; border-right: 1px solid #a9a9a9;font-size: 1.6rem;color: #232323;text-align: center;
}
.school_nlist .menu_list > ul > li .date em {display: block;font-size: 1.3rem;color: #999;text-align: center;}
.school_nlist .menu_list > ul > li p {display: flex;flex-direction: row;align-items: center;padding: 0 1.5rem 0 7.5rem ;}
.school_nlist .menu_list > ul > li p .txt_tit {display: block;margin-left:1.5rem; font-size: 1.4rem;color: #232323;}
.school_nlist .menu_list > ul > li p .txt_tit em {display: block;font-size: 1.4rem;color: #232323;}
.school_nlist .menu_list > ul > li .img {
	float: left;display: inline-block; width: 11rem;height: 8.3rem; border:1px solid #d0d0d0;overflow: hidden;
	background:url(../img/ico_fork.png) no-repeat center center;background-size:3.5rem;
}
.school_nlist .menu_list > ul > li .img img {width: 100%;}

.school_nlist .menu_info {display: flex; background: #fff;margin: 1rem 1rem 1rem 1rem;border-radius: 8px;min-height: 100px;}
.school_nlist .menu_info p {padding: 12px 40px 12px 17px;font-size: 14px;}
.school_nlist .menu_info .menu_info_close {position: relative;right: 14px;top: 14px;font-size: 0;text-indent: -9999px;}
.school_nlist .menu_info .menu_info_close:before {width: 20px;height: 20px;content: '';display: block;background:url(../img/ico_close2.png) no-repeat center center;background-size:20px;}

.school_info {padding: 1.5rem;}
.school_info dl dt {position: relative;float: left;padding-left: 1rem; font-size: 1.6rem;color: #999;text-decoration: underline;}
.school_info dl dt:before {
	position: absolute;top:.7rem;left:0; content: '';display: block;padding: .2rem;
	background: url(../img/bullet.png) no-repeat center center;background-size:.3rem;
}
.school_info dl dd {padding-left:10rem;padding-bottom: 1rem; font-size: 1.6rem;color: #232323;}
.school_info dl dd  a { font-size: 1.6rem;color: #34bba8}
.school_info .grade {margin-top: 1rem; border-top: 2px solid #a9a9a9;}
.school_info .grade li {border-bottom: 1px solid #a9a9a9;overflow: hidden;}
.school_info .grade p {float: left;width: 50%;}
.school_info .grade p span {min-height: 4.5rem;line-height: 4.3rem;}
.school_info .grade p .gt {float: left;font-size: 1.5rem;color: #999;}
.school_info .grade p .nmb {padding-left: 1rem;font-size: 1.5rem;color: #232323;}

.info_head {position: relative;min-height: 7rem;padding: 0 1.7rem; background: #fcfaf5;border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.info_head span, .info_head em {font-size: 1.6rem;color:#232323;line-height: 7rem;}
.info_head button {float: right;margin-top: 1.8rem;}

.no_st_info {padding: 5rem 1.5rem;}
.no_st_info li {text-align: center;}
.no_st_info li button.add {
	display: block;width: 60%;max-width: 16rem; height: 4rem; padding: .5rem 1.3rem .5rem 1.3rem; font-size: 1.6rem;color: #fff;
	text-align: center; font-weight: 600;background:#ff8131;margin: auto;
}
.no_st_info .st_info2 {padding: 0 0 2rem; color: #fff;}
.no_st_info .st_info2 .name {display: block; font-size:1.8rem;font-weight: 600;color: #232323;text-decoration: underline;text-align: center;}
.no_st_info .st_info2 .school {font-size:1.6rem;font-weight: 300;color: #232323;text-align: center;}


.st_info {}
.st_info > ul {padding: 1.5rem 1.5rem  0 1.5rem;background: #fff;margin-bottom: .5rem;}
.st_info > ul li {margin-bottom: 1.5rem;padding: 1rem; border: 1px solid #cdcdcd;}
.st_info ul li > button {position: relative;width: 100%;min-height: 5rem;}
.st_info ul li > button:after {
	content: '';display: block;margin-right: .5rem;width: 1rem;height: 2rem;position: absolute;
    right: -.2rem;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .8rem;
}
.st_info ul li > button .name{padding-right:1rem;}

.st_info ul li button .st_face {
	display: inline-block;width: 4.8rem;height: 4.8rem; padding: .4rem;overflow: hidden;position: absolute;top: 0;left: 0;
	background: url(../img/mask_pht_org.png) no-repeat center center;background-size:4.8rem;
}
.st_info ul li button .st_face em {display: inline-block;width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;}
.st_info ul li button .st_face img {width: 4rem;border-radius: 50%;}
.st_info ul li span {display: block;padding-left: 6rem;}
.st_info ul li .school {font-size: 1.3rem;color: #999;}
.st_info ul li .deviceyn {font-size: 1.3rem;color: #999;}
.st_info ul li .name {font-size: 1.6rem;color: #232323;font-weight: 700;}
.st_info ul li p {margin-top: 1rem;}
.st_info ul li .account_info {margin: 1rem -1rem -1rem -1rem; border-top: 1px solid #cdcdcd;}
.st_info ul li .account_info button {width: 100%; font-size: 1.3rem;color: #232323;padding: 1rem;letter-spacing: 0;}
.st_info ul li .account_info button em {padding: 0 1rem 0 .5rem;/*background: url(../img/arr_mini.png) no-repeat right center;*/background-size:.5rem;}

.service_guide {padding: 0 1.5rem;}
.service_guide > ul {border: 1px solid #cdcdcd; background: #fff;margin-bottom: .5rem;}
.service_guide li {position: relative; padding: 0; border-top: 1px solid #cdcdcd;}
.service_guide li:after {
	content: '';display: block;margin-right: .5rem;width: 1rem;height: 2rem;position: absolute;
    right: 1rem;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .6rem;
}
.service_guide li:first-of-type {border-top: 0;}
.service_guide li button {display: block;width: 100%; font-size: 1.4rem;color: #232323;padding:1rem;}
.bill {padding: .5rem 1.5rem 0 1.5rem;}
.bill button {padding-left: 2rem; font-size: 1.3rem;color: #232323;text-decoration: underline; background: url(../img/ico_won.png) no-repeat left center;background-size: 1.5rem;}

.toggle_box button {position: fixed;right: 1.5rem;bottom: 8rem;z-index: 2;}
.toggle_box .btn11 {position: fixed;right: 6.5rem;bottom: 8rem;z-index: 2;}
.toggle_box.no_ft button {position: fixed;right: 1.5rem;bottom: 1.5rem;z-index: 2;}
.toggle_box.no_ft2 button {position: fixed;right: 1.5rem;bottom: 8.5rem;z-index: 2;}

.int_box {padding: 1.5rem 1.5rem  0 1.5rem;background: #fff;margin-bottom: .5rem;overflow: hidden;}
.int_box li {padding-bottom: 1rem;}
.int_box label span {position: absolute;top: 0px;right: -10000px;font-size: 0;text-indent: -9999px;}
.int_box label input, .int_box label select, .int_box label div:not(.hbox) {display: block;-webkit-box-flex: 1;box-flex: 1;}
.int_box input + .btn04 {margin-left: 1rem;}
.int_box label.aft select,.int_box label.aft div {display: inline-block;}
.int_box li .txt01 {font-size: 1.3rem;color: #232323;line-height: 3.5rem;padding-right: 2rem;}
.int_box li .txt02 {font-size: 1.3rem;color: #232323;line-height: 3.5rem;text-align: center;}

.int_box .ico_rg {position: relative;}
.int_box .ico_rg button {position: absolute;right: 1rem;top: 50%;margin-top: -1.5rem;}

.int_box li.ext {padding: 1rem 1rem; background: #fcfaf5;text-align: center;}/* 20210120 */

.wp100 {width: 100%;display: block;-webkit-box-flex: 1;box-flex: 1;}

.wp50 {width: 100%;display: block;-webkit-box-flex: 1;box-flex: 1;}

.sign_box {padding: 1.5rem 1.5rem  0 1.5rem}
h3.typ1, h3.typ1 em {position: relative;min-height: 2.2rem;font-size: 1.6rem;color: #232323;font-weight: 600;}
h3.typ1 button {position: absolute;right: 0;top: 50%;margin-top: -1.5rem;}
h4.typ1, h4.typ1 em {position: relative;padding-top: 2rem; min-height: 2.2rem;font-size: 1.6rem;color: #232323;font-weight: 600;}
h5.typ1, h5.typ1 em {position: relative;padding-top: 2rem; min-height: 2.2rem;font-size: 1.3rem;color: #232323;font-weight: 300;}

.canvas {padding-top: 1rem;}
.canvas canvas {width: 100%;height: 10rem;background: #efefef;}

.insu_agree {margin-top: 3rem;border: 1px solid #a9a9a9;border-radius: 1rem;}
.insu_agree li {position: relative;padding: 1.2rem 2rem;}
.insu_agree li + li {border-top: 1px solid #a9a9a9;}
.insu_agree li button {position: absolute;right: 2rem;font-size: 1.3rem;color: #232323;text-decoration: underline;}
.insu_agree li label {color: #232323;}

.message_txt2 {padding-top: 1.5rem; font-size: 1.2rem;color: #999;}

.message_txt3 {padding:1rem 1.5rem 0 2rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt3:before {
	display: inline-block; width: 1.5rem;height: 1.5rem;padding-right: .5rem;vertical-align:middle;float: left;margin-left: -2rem;
	content: '';display: block;background:url(../img/ico_info.png) no-repeat left center;background-size:1.5rem;
}
.message_txt4 {padding:1rem 1.5rem 0 2rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt5 {padding:1rem 0 0 0; font-size: 1.4rem;color: #232323;line-height: 1.8rem;}
.message_txt6 {padding:.5rem 0 0 0; font-size: 1.4rem;color: #232323;line-height: 1.8rem;}
.message_txt7 {padding-top: .5rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt8 {padding:.5rem 0 0 0; font-size: 1.6rem;color: #232323;line-height: 1.8rem;}
.message_txt9 {display: block;padding: 1rem 0; font-size:1.6rem;font-weight: 600;color: #ff8131;text-decoration: underline;text-align: center;}
.message_txt10 {display: block;padding-top: .5rem; font-size: 1.2rem;color: #999;}

.message_txt11 {padding: 0rem 1rem 0rem 4rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt11:before {
	display: inline-block; width: 1.5rem;height: 1.5rem;padding-right: .5rem;vertical-align:middle;float: left;margin-left: -2rem;
	content: '';display: block;background:url(../img/ico_info.png) no-repeat left center;background-size:1.5rem;
}
.message_txt12 {display: block; font-size:1.4rem;font-weight: 600;color: #fff;/*text-decoration: underline;*/}
.message_txt13 {padding:1rem 1.5rem 1rem 2rem; font-size: 1.3rem;color: #999;line-height: 1.5rem;}
.message_txt13:before {
	display: inline-block; width: 1.5rem;height: 1.5rem;padding-right: .5rem;vertical-align:middle;float: left;margin-left: -1rem;
	content: '';display: block;background:url(../img/ico_info.png) no-repeat left center;background-size:1.5rem;
}

.payment_box {margin-top: 3rem; border: 1px solid #d4d4d4;}
.payment_box dt {text-align: center;}
.payment_box dt button {padding: 1rem 2rem;font-size: 1.4rem;color: #232323; background: url(../img/ico_mn_open.png) no-repeat left center;background-size: 1.2rem;}
.payment_box dt button em {font-size: inherit;color: red;font-weight: 600;}
.payment_box dd {padding: 2rem 1.5rem; border-top: 1px solid #d4d4d4;}
.payment_box dd p:first-of-type {min-height: 19.2rem; padding-right: 13.5rem; font-size: 1.3rem;color: #232323;background: url(../img/img_alarm2.png) no-repeat right top;background-size: 12.5rem;}
.payment_box dd p:nth-child(2) {padding-top: 1rem; font-size: 1.2rem;color: #232323;}
.payment_box dd p:nth-child(3), .payment_box dd p:nth-child(4) {font-size: 1.2rem;color: #232323;}
.payment_box dd p.price {padding-top:1rem;font-size: 1.5rem;color: #ff8131;font-weight: 600;}
.payment_box dd p.price em {font-size: 1.5rem;color: #232323;}
.payment_box dd label {padding-top: 2rem; color: #232323;}

.no_st_info.phone {padding: 4rem 1.5rem 1.5rem 1.5rem;}/* 20210120 */
.no_st_info.phone .st_info .school {display: block;padding-top: 1rem; font-size: 1.4rem;}
.no_st_info.phone .st_info2 .school {display: block; margin-top:1rem;font-size:1.3rem;font-weight: 300;line-height:1.31;color: #999;text-align: center;}/* 20210120 */

.ph_location {padding: 2rem 1.5rem 0 1.5rem;}
.ph_location button {padding-left: 2rem; font-size: 1.3rem;color: #232323;text-decoration: underline; background: url(../img/ico_arr_1.png) no-repeat left center;background-size: 1.5rem;}

.chn_info_head {position: relative;min-height: 7rem;padding: 1.5rem 2rem 1.5rem 2rem; background: #fcfaf5;border-bottom: 1px solid #cdcdcd;overflow: hidden;}
.chn_info_head .info {position: relative;width: 100%;min-height: 5rem;}

.chn_info_head .info .st_face {
	display: inline-block;width: 4.8rem;height: 4.8rem; padding: .4rem;overflow: hidden;position: absolute;top: 0;left: 0;
	background: url(../img/mask_pht_org.png) no-repeat center center;background-size:4.8rem;
}
.chn_info_head .info .st_face em {display: inline-block;width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;}
.chn_info_head .info .st_face img {width: 4rem;border-radius: 50%;}
.chn_info_head .info span {display: block;padding-left: 6rem;}
.chn_info_head .info .school {font-size: 1.3rem;color: #999;}
.chn_info_head .info .name {padding-top: .5rem;font-size: 1.6rem;color: #232323;font-weight: 700;}
/*.chn_info_head p {padding-top: .5rem;text-align: center;}*/
.chn_info_head p {padding-top: .5rem;text-align: left; padding-left : 7rem;}
/*.chn_info_head p button + button {margin-left: .5rem;}*/

.permission_receive {margin-top: 0rem;padding: 0;}
.permission_receive > ul {background: #fff;margin-bottom: 1rem;border-top: 1px solid #e0e0e0;}
.permission_receive li {position: relative;padding: 1rem; border-bottom: 1px solid #e0e0e0;}
.permission_head {position: relative;min-height: 5rem;padding: 1rem 1rem 1rem 1rem; background: #fff;border-bottom: 1px solid #fff;overflow: hidden;}
.permission_head .info {position: relative;width: 100%;min-height: 5rem;}
.permission_head .info .st_perm_call {
	display: inline-block;width: 4.8rem;height: 4.8rem; padding: .4rem;overflow: hidden;position: absolute;top: 0;left: 0;
	background: url(../img/ico_pms_phone.png) no-repeat center center;background-size:4.8rem;
}
.permission_head .info .st_perm_storage {
	display: inline-block;width: 4.8rem;height: 4.8rem; padding: .4rem;overflow: hidden;position: absolute;top: 0;left: 0;
	background: url(../img/ico_pms_storage.png) no-repeat center center;background-size:4.8rem;
}
.permission_head .info .st_perm_call em {display: inline-block;width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;}
.permission_head .info .st_perm_call img {width: 2rem;border-radius: 50%;}
.permission_head .info .st_perm_storage em {display: inline-block;width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;}
.permission_head .info .st_perm_storage img {width: 2rem;border-radius: 50%;}
.permission_head .info span {display: block;padding-left: 6rem;}
.permission_head .info input[type="radio"] {
	display: inline-block; position: absolute; border-radius: 2rem;
	width: 4rem; height: 4rem;margin-right: .5rem;vertical-align: middle;background:#fff url(../img/ico_per_chk_off.png) no-repeat center center;background-size: 4rem;
}
.permission_head .info input[type="radio"]:checked {
	background: url(../img/ico_per_chk_on.png) no-repeat center center;background-size: 4rem;
}
.permission_head .info .school {font-size: 1.3rem;color: #999;}
.permission_head .info .name {padding-top: .5rem;font-size: 1.6rem;color: #232323;font-weight: 700;}
.permission_head p {padding-top: .5rem;text-align: left; padding-left : 7rem;}

.ph_info {margin-top: 1rem; border: 1px solid #cdcdcd;border-bottom: 0;}
.ph_info li {padding: 1rem; border-bottom: 1px solid #cdcdcd;}
.ph_info li:last-of-type {border-bottom: 0;}
.ph_info li:last-of-type.border_bot {border-bottom: 1px solid #cdcdcd;}
.ph_info li span {font-size: 1.4rem;color: #232323;letter-spacing: 0;vertical-align: middle;}
.ph_info li span.nb {padding-right: 3.5rem; min-width: 9.1rem; display: inline-block; font-size: 1.6rem;color: rgb(39,98,183);}
.ph_info li span.nb2 {padding-right: 3.5rem; min-width: 9.1rem; display: inline-block; font-size: 1.6rem;color: #000000;}
.ph_info li span.date.leader:after {
	content: '대표보호자';display: inline-block;margin-left: .5rem;font-size: 1.1rem;color: #ff8131; border: 1px solid #ff8131;border-radius: 1.8rem;padding: 0rem .5rem;letter-spacing: -1px;
}

.ph_info li button {position: relative;width: 100%;}
.ph_info li button:after {
	content: '';display: block;margin-right: .5rem;width: 1rem;height: 2rem;position: absolute;
    right: 0;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .6rem;
}
.bill_info {margin-top: .5rem;}

.info_change {display: block;padding-top: 4rem; text-align: center;}
.info_change .face {position: relative;display: inline-block; margin: auto;}
.info_change .face .img {
	display: inline-block;width: 7rem;height: 7rem; padding: .6rem;overflow: hidden;
	background: url(../img/mask_pht_org.png) no-repeat center center;background-size:7rem;
}
.info_change .face .img em {display: inline-block;width: 5.8rem;height: 5.8rem;overflow: hidden;border-radius: 50%;}
.info_change .face .img img {width: 100%;border-radius: 50%;}

.info_change .face .student_setting {
	width: 2rem;height: 2rem;font-size: 0;text-indent: -9999rem;position: absolute;bottom: .5rem;left: 5.2rem;
	background: url(../img/ico_setting_sm.png) no-repeat center center;background-size:2rem;
}

.info_change .face .student_setting2 {
    width: 5rem; height: 4.4rem; font-size: 1rem; position: absolute; bottom: .5rem; top: 3.4rem; left: 3.8rem; text-align: center;
    background: url(../img/ico_setting_sm.png) no-repeat center center; background-size: 2rem; padding-top: 3.1rem;
}

/*20190411 신규추가*/
.hidden-btns{display:none;position:absolute;/* right:-3rem;bottom:-2.5rem; */ right: -4.5rem;bottom: -4rem; width:7rem;height:6.5rem;text-align:center;background-color:#fff;border:2px solid #eee;}
.hidden-btns.show{display:block;}
.hidden-btns button{width:100%;height:3rem;font-size:1.4rem;text-align:center;}
.hidden-btns button + button{border-top:1px solid #eee;}

.info_change .name {display: block;padding-top: 2rem; font-size:1.8rem;font-weight: 600;color: #232323;text-decoration: underline;text-align: center;}
.info_change .school {display: block;font-size:1.6rem;font-weight: 300;color: #232323;text-align: center;}

.order_box {padding: 1.5rem;}
.order_box li {margin-bottom: 1.5rem; font-size: 1.6rem;color: #232323;}
.order_box li.half {float: left; width: 50%}
.order_box li .txt {margin-bottom: 1rem; font-size: 1.6rem;color: #232323;}
.order_box li:after {content: '';display: block;clear: both;}
.order_box li p.img2 {width: 50%;padding-right: .5rem;}

.order_box li p img {max-width: 20rem;width: 100%;}
.order_box li .hbox p + p {margin-left: 1rem;}
.order_box li .hbox p {display: block;-webkit-box-flex: 1;box-flex: 1;}

.alarm_img {margin-top: 1rem; padding:1rem; background: #fcfaf5;text-align: center;}
.alarm_img img {width: 100%;max-width: 40rem;}

.appl_form {margin-top: 1rem; text-align: center;}
.appl_form img {width: 100%;max-width: 40rem;}

.alarm_txt {}
.alarm_txt .txt {padding: .5rem 0; font-size: 1.3rem;color: #232323;}
.alarm_txt .message {padding: 2rem; font-size: 1.3rem;color: #232323;border:1px solid #a9a9a9;background: #f4f4f4;border-radius: 2rem;}

.product {}
.product .img {display: inline-block;padding-top: 1rem; margin: auto 2.5rem;}
.product .img img {max-width: 40rem;width: 100%;}
.product .no_ask {height: 10rem; background: url(../img/alert_no.png) no-repeat center center;background-size: 5rem;}

.use_guide {margin-top: 1rem; padding: 0;}
.use_guide > ul {border-bottom: 1px solid #cdcdcd;background: #fff;margin-bottom: .5rem;}
.use_guide li {position: relative;border-top: 1px solid #cdcdcd;}
.use_guide li:after {
	content: '';display: block;margin-right: .5rem;width: 1rem;height: 2rem;position: absolute;
    right: 1.5rem;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .7rem;
}
.use_guide li button {display: block; padding: 1.4rem 1.5rem;width: 100%; font-size: 1.6rem;color: #232323;}


.faq_box {background: #fff;}
.faq_box dt {position: relative; padding: 1.5rem 3.6rem; border-bottom: 1px solid #a9a9a9;}
.faq_box dt:before {content: 'Q';display: block;font-size: 1.8rem;color: #ff8131;font-weight: 600;width: 1.3rem;height: 2rem; position: absolute;left: 1.5rem;top:1.6rem;}
.faq_box dt button {width:100%;font-size: 1.6rem;color: #232323;}
.faq_box dd {position: relative; padding: 1.5rem 3.6rem; border-bottom: 1px solid #a9a9a9;font-size: 1.6rem;color: #232323;background: #f4f4f4}
.faq_box dd:before {content: 'A';display: block;font-size: 1.8rem;color: #999;font-weight: 600;width: 1.3rem;height: 2rem; position: absolute;left: 1.5rem;top:1.6rem;}

.notice_guide {padding: 0;}
.notice_guide > ul {background: #fff;margin-bottom: .5rem;}
.notice_guide li {position: relative;border-bottom: 1px solid #a9a9a9;}
.notice_guide li .date {position: relative;display: inline-block; padding: 1rem 4rem .2rem 1.5rem; font-size: 1.4rem;color: #999;letter-spacing: 0}
.notice_guide li .date.new:after {content: ''; display: inline-block;width: 2rem;height: 2rem;
	position: absolute;right: 2rem;background:url(../img/bdg_new.png) no-repeat center center;background-size:1.3rem;
}
.notice_guide li .date.file:before {content: '';display: block;width: 2rem;height: 2rem; position: absolute;right: 1.5rem;
	background:url(../img/ico_clip.png) no-repeat left center;background-size:1.3rem;}

.notice_guide li:after {
	content: '';display: block;margin-right: .5rem;width: 1rem;height: 2rem;position: absolute;
    right: 1.5rem;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .7rem;
}
.notice_guide li .date.file.new:after {position: absolute;right: 0;}
.notice_guide li button {display: block; padding: 0 1.5rem 1.4rem 1.5rem;/*width: 100%;*/ width:93%; font-size: 1.6rem;color: #232323;}

.setting_guide {margin-top: 1rem; padding: 0;}
.setting_guide > ul {background: #fff;margin-bottom: 1rem;border-top: 1px solid #e0e0e0;}
.setting_guide li {position: relative;border-bottom: 1px solid #e0e0e0;}
.setting_guide li:after {
	content: '';display: block;width: 1rem;height: 2rem;position: absolute;
    right: 1.5rem;top: 50%;margin-top: -1rem;background: url(../img/arr_orange.png) no-repeat right center;background-size: .7rem;
}
.setting_guide li button {display: block; padding: 1.4rem 1.5rem 1.4rem 4rem;width: 100%; font-size: 1.6rem;color: #232323;}
.setting_guide li button.alarm {display: block; padding: 1.4rem 1.5rem 1.4rem 1.5rem;width: 100%; font-size: 1.6rem;color: #232323;}

.setting_guide li:before {content: '';display: block;margin-right: .5rem;width: 2rem;height: 2rem;position: absolute;left: 1.5rem;top: 50%;margin-top: -1rem;}
.setting_guide li.set_nt:before {background: url(../img/ico_set_1.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_vs:before {background: url(../img/ico_set_2.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_am:before {background: url(../img/ico_set_3.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_is:before {background: url(../img/ico_set_4.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_ps:before {background: url(../img/ico_set_5.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_cl:before {background: url(../img/ico_set_6.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_fq:before {background: url(../img/ico_set_7.png) no-repeat center center;background-size: 1.5rem;}
.setting_guide li.set_nt button.new:after {
	content: ''; display: inline-block;width: 2rem;height: 2rem;vertical-align: bottom;	background:url(../img/bdg_new.png) no-repeat center center;background-size:1.3rem;
}
.setting_guide li.set_vs:after{content: none;}
.setting_guide li.set_vs span {float: right; font-size: 1.6rem;color: #999;}
.setting_guide li.set_vs p {float: left; font-size: 1.6rem;}

.setting_guide label.check1 { text-align: right; display: block; padding: 1.5rem 1rem; font-size: 1.5rem; line-height: 1.5rem;}

.alarm_box {padding: 1.5rem; border-bottom: 1px solid #e2e1e1;border-top: 1px solid #e2e1e1; background: #fff;}

.policy {padding: 0 1.5rem;}
.policy p {padding-top: .5rem; font-size: 1.2rem;color: #232323;}
.policy .txt {position: relative;padding: 1rem 0 1rem 1.2rem; font-size: 1.2rem;color: #232323;}
.policy .txt p {padding: 0 0 .5rem;color: #444;}
.policy .txt p.txt2 {padding: 0 0 .5rem 1rem;color: #444;}
.policy .mb {position: absolute;top: .5rem;left: 0; padding-top: .5rem; font-size: 1.3rem;color: #232323;}

.policy .txt3 {position: relative;padding: 0 0 .5rem 1.2rem; font-size: 1.2rem;color: #232323;}
.policy .txt3 p {padding: 0 0 .5rem;color: #444;}
.policy .txt3 p.txt4 {padding: 0 0 0 1rem;color: #444;}
.policy .mb2 {position: absolute;top:0;left: 0; font-size: 1.3rem;color: #232323;}


.hbox .photo {width: 10rem;height: 15rem; background:#f4f4f4 url(../img/ico_add_img.png) no-repeat center center;background-size:4rem;overflow:hidden;}
.hbox .photot {width: 10rem;height: 15rem; background:#f4f4f4 url(../img/img_temp.jpg) no-repeat center center;background-size:100%;overflow:hidden;}
.hbox .photo button {display: block;width: 100%;height: 100%;font-size: 0;text-indent: -9999px;}
.hbox .photo img {display: block;width: 100%;height: auto; min-height: 100%;}
.hbox .photo + .photo {margin-left: 1rem;}
.hbox .photo + .photot {margin-left: 1rem;}
.hbox .photo {display: block;-webkit-box-flex: 1;box-flex: 1;}
.hbox .photot {display: block;-webkit-box-flex: 1;box-flex: 1;}
/* .hbox .photo img{width: 10rem;height: 10rem;} */

.app_view ul {padding-top: .5rem;background: #fbfaf5;}
.app_view ul li {padding: 0 1.5rem 1rem 1.5rem; background: #fff;border-top: 1px solid #a9a9a9;border-bottom: 1px solid #a9a9a9;}
.app_view ul li h3 {padding: .9rem 0; font-size: 1.6rem;color: #232323;border-bottom: 1px solid #a9a9a9;}
.app_view ul li h3 span {float: right; font-size: 1.4rem;color: #999;}
.app_view ul li .contents >p {padding: 2rem 0 1rem; font-size: 1.6rem;color: #232323;}
.app_view ul li .contents .img img {max-width: 100%;margin-bottom: 2rem;}
.app_view ul li .answer {position: relative;padding: 1rem 1.5rem; border:1px solid #a9a9a9;background: #fff8ee;}
.app_view ul li .answer .txt {position: absolute;top: 0;left: 0;padding: .2rem 1rem;font-size: 1.4rem;color: #fff;font-weight: 600;background: #ff8131;}
.app_view ul li .answer .date {display: block;padding-left: 5rem;margin-top: -.5rem;font-size: 1.4rem;color: #999;height: 1.9rem;}
.app_view ul li .answer p {padding: 2rem 0 1rem;  font-size: 1.6rem;color: #232323;}
.app_view ul li .answer .img img {max-width: 70%;margin-bottom: 2rem;}
.app_view ul li .img {display:block;text-align: center;}


/*button*/
.btn01 {padding: .5rem 1.5rem .5rem 2.5rem;font-size: 1.3rem;color: #ff8131;background:#fff url(../img/arr_mini.png) no-repeat 1.5rem center;background-size: .6rem;border: 1px solid #ff8131; border-radius: 1.8rem;line-height: 21px;}
.btn02 {display: block;width: 100%;height: 4rem;padding: 0 1rem;font-size: 1.5rem;color: #fff;font-weight: 600;line-height: 2.8rem;text-align: center; background: #ff9900;}
/* .btn03 {width: 6rem;height: 6rem;text-indent: -9999rem;background: url(../img/ico_add_child6.png) no-repeat right center;background-size: 5.9rem;} */
.btn03 {
	display: inline-block;padding:.4rem 1.8rem .4rem 1.8rem;font-size: 1.4rem;color: #fff;
	text-align: center;font-weight: 600;border-radius: 2rem;background: #ff8131;line-height: 1.5rem;width: 7rem;height: 7rem;
}
.btn04 {width: 8rem;height: 3.6rem;font-size:1.3rem;color: #fff;text-align: center;line-height:3.4rem;   background: #a9a9a9;}
.btn05 {width: 3rem;height: 3rem;text-indent: -9999rem;background: url(../img/ico_reflesh.png) no-repeat right center;background-size: 2.5rem;}
.btn06 {height: 3rem;padding-left: 2rem; font-size: 1.3rem;color: #232323;text-decoration: underline; background: url(../img/ico_won.png) no-repeat left center;background-size: 1.5rem;line-height: 3.2rem;}
.btn07 {display: inline-block;width: 2rem;height: 2rem;font-size: 0; text-indent: -9999rem;text-decoration: underline; background: url(../img/ico_del_text.png) no-repeat left center;background-size: 2rem;}
.btn08 {width: 100%;display: block;padding: 1rem; font-size: 1.6rem;color: #232323;text-align: center;}
.btn09 {width: 6rem;height: 6rem;text-indent: -9999rem;background: url(../img/ico_write.png) no-repeat right center;background-size: 6rem;}
.btn10 {width: 4rem;height: 4rem;text-indent: -9999rem;background: url(../img/ico_add_child.png) no-repeat center center;background-size: 3.8rem;}
.btn11 {width: 4rem;height: 4rem;text-indent: -9999rem;background: url(../img/ico_re_child.png) no-repeat center center;background-size: 3.8rem;}
.btn12 {width: 6rem;height: 6rem;text-indent: -9999rem;background: url(../img/ico_chatbot.png) no-repeat center;background-size: 6rem;}


/*icon*/
.ico_normal {display: inline-block; width: 5rem;height: 2rem;font-size: 0; text-indent: -9999rem;background: url(../img/bnr_work.png) no-repeat right center;background-size: 5rem;vertical-align: -5px;}
.ico_abnormality {display: inline-block;width: 5rem;height: 2rem;font-size: 0;text-indent: -9999rem;background: url(../img/bnr_notwork.png) no-repeat right center;background-size: 5rem;}



/* Tab */
.tabs {display:-webkit-box;position: relative; width:100%; height:4rem;z-index:20;overflow: hidden;}
.tabs button {display: block;position: relative;width: 100%; -webkit-box-flex:1;text-align: center;border-top: 1px solid #a9a9a9;border-bottom: 1px solid #a9a9a9;background:#fcfaf5;}
.tabs button span {display: inline-block;padding:0 .5rem;font-size: 1.5rem; color:#232323;height: 4rem;line-height: 4rem; text-align:center;white-space: nowrap;}
.tabs button.active {border: 0;}
.tabs button.active span {display: block; color:#fff;background: #ff9900;}
.tabs button {border-left: 1px solid #a9a9a9;}
.tabs button:first-of-type {border-left: 0;}
.tabs button.active + button {border-left: 0;}
.tabs_container {
	display:block;position:relative; width:100%; min-height: 8rem;z-index:20;overflow: hidden;background-color: #f4f4f4;
}
.sticky {
	position: sticky;
	top: 0;
	width: 100%;
}

/* popup */

.wrap_pop {display: none;position:absolute;top: 0;bottom:0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.wrap_pop .bg {position: absolute;top: 0;bottom:0;left: 0;width: 100%;height: 100%; filter: alpha(opacity=.85);background: #666666;/*opacity: .85;*/}
.wrap_pop .pop_layer {
	display: none;padding: 0;
	position: absolute;top: 50%;left: 50%;width: 100%;max-width: 40rem; height: auto;z-index: 10;
}
.wrap_pop .pop_layer:before {content: none;}
.mu_img {width: 100%;}
.mu_img img {width: 100%;}
.wrap_pop .pop_layer .pop_download {
	padding:1.5rem;font-size: 0;text-indent: -9999rem;position: fixed;top: 3rem;right: 2rem;background: url(../img/ico_download.png) no-repeat center center;background-size:3rem;
}
.wrap_pop .pop_layer .pop_close {
	padding:1.2rem;font-size: 0;text-indent: -9999rem;position: fixed;top: 3rem;left: 2rem;background: url(../img/ico_close.png) no-repeat center center;background-size:3rem;
}

.wrap_pop .srh_box {padding:1.5rem; border-bottom: 1px solid #a9a9a9; background: #fcfaf5;}
.wrap_pop .srh_box input {background: #fff;height: 3.5rem;}
.wrap_pop .srh_box input, .wrap_pop .srh_box input {display: block;-webkit-box-flex: 1;box-flex: 1;}
.wrap_pop .srh_box input + .btn04 {margin-left: 1rem;}

.wrap_pop .no_result {margin:1rem;padding: 1rem;min-height: 12.5rem; background: #efefef;}
.wrap_pop .no_result h3 {padding-bottom: .5rem; font-size: 1.2rem;color: #232323;}
.wrap_pop .no_result p {font-size: 1.2rem;color: #999;}
.wrap_pop .add_guide h3 {padding: 1.5rem 1.5rem .5rem; font-size: 1.2rem;color: #232323;}
.wrap_pop .add_guide h3 em {font-size: 1.2rem;color: #ff8131;}
.wrap_pop .add_guide .no_result h3 {padding: 1.5rem 1.5rem .5rem 0; font-size: 1.4rem;color: #232323;}
.wrap_pop .add_list {padding: 0 1.5rem 3rem 1.5rem;}
.wrap_pop .add_list button {position: relative; display: block;width: 100%;padding:1rem .5rem; border-bottom: 1px solid #a9a9a9;}
.wrap_pop .add_list .add_nb {position: absolute;top: 1rem;left: 0; font-size: 1.2rem;color: #999;letter-spacing: 0}
.wrap_pop .add_list .add_txt {display: block;padding-left: 3.5rem; font-size: 1.2rem;color: #999;letter-spacing: 0}
.pop_layer .scroll {overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-box-flex: 1;}

.pop_layer .location_img {padding: 2rem 0;}
.pop_layer .location_img p {text-align: center;}
.pop_layer .location_img img{width: 18rem;margin: auto;}
.pop_layer .location_img .txt {font-size: 1.3rem;color: #232323;}

.pop_layer .scroll.txt {padding: 3rem 0 2rem;}
.pop_layer .scroll.txt p {font-size: 1.6rem;letter-spacing: 1.5px; color: #232323;text-align: center;padding: 1rem 2rem;}

/*input*/
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], .int_box textarea {
    width: 100%;height: 4rem;padding: 0 1rem;border: #cdcdcd 1px solid;letter-spacing: 0;vertical-align: middle;font-size: 1.6rem;color: #232323;text-align: left;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;font-size: 1.5rem;font-weight: normal;}
.ip_box input[type="tel"] {font-size: 2rem;font-weight: 600;}

.int_box input[type="text"], .int_box input[type="password"], .int_box input[type="tel"], .int_box input[type="number"], .int_box input[type="date"], .int_box input[type="search"], .int_box textarea,
.srh_box input[type="text"], .srh_box input[type="password"], .srh_box input[type="tel"], .srh_box input[type="number"], .srh_box input[type="date"], .srh_box input[type="search"], .srh_box textarea {
	height: 3.6rem;font-size: 1.3rem;
}

.int_box input[type="text"]:disabled, .int_box input[type="password"]:disabled, .int_box input[type="tel"]:disabled, .int_box input[type="number"]:disabled, .int_box input[type="date"]:disabled, .int_box input[type="search"]:disabled{
	color:#a5a5a5 !important;
}

.int_box textarea {padding: 1rem; font-size: 1.5rem;}
.int_box textarea.h20 {height: 20rem;}
.int_box textarea.h10 {height: 7rem;}
/*
.no_st_info.phone input {border: #ff8131 2px solid;font-size: 1.8rem; color: #ff8131;font-weight: 600;text-align: center;}
.no_st_info.phone label span {position: absolute;top: 0px;right: -10000px;font-size: 0;text-indent: -9999px;}
.no_st_info.phone input::-webkit-input-placeholder {color: #ff8131;font-size: 1.3rem;font-weight: normal;text-align: left;}
20210120 삭제 */

.pg_file_box {padding: .6rem 0; border-top: 1px solid #a9a9a9;}
.pg_file_box button {position: relative; display: block;width: 100%;}
.pg_file_box button.file {padding: 1rem 1rem 1rem 3.5rem;font-size: 1.3rem;color: #232323;}
.pg_file_box button.file:before {content: '';display: block;margin-right: 1.5rem;width: 1.3rem;height: 2rem; position: absolute;left: 1.5rem;top:50%;margin-top: -1rem;
	background:url(../img/ico_clip.png) no-repeat left center;background-size:1.3rem;}
.pg_file_box button.file1 {padding: 1rem 1rem 1rem 3.5rem;font-size: 1.3rem;color: #232323;}
.pg_file_box button.file1:before {content: '';display: block;margin-right: 1.5rem;width: 1.3rem;height: 2rem; position: absolute;left: 1.5rem;top:50%;margin-top: -1rem;
	background:url() no-repeat left center;background-size:1.3rem;}

/*select*/
select.type1, div.type1 {position: relative; width: 100%;padding: .7rem 1rem;border: 1px solid #cdcdcd;height: 3.6rem;font-size: 1.5rem;color: #232323;background: #fff;}
.aft {position: relative;}
.aft:after {content:'';display: block;width: 3.5rem;height: 3.5rem;position: absolute;right: 0;top: 50%;margin-top: -1.6rem;border-left:1px solid #cdcdcd;
	 background:url(../img/ico_slct_arr.png) no-repeat center center;background-size:1rem;pointer-events: none;}


/*checkbox*/
label.check1 {display:inline-block;padding-left: 2rem;font-size: 1.3rem;line-height: 1.4rem;color: #a9a9a9;}
label.check1 input[type=checkbox] {width: 1.5rem; height: 1.5rem;margin-right: .5rem;border: 1px solid #a9a9a9;vertical-align: middle;background:#fff url(../img/ico_chk_off.png) no-repeat center center;background-size: 1rem;}
label.check1 input[type=checkbox]:checked {background: url(../img/ico_chk_on.png) no-repeat center center;background-size: 1rem;}
label.check1 input[type=checkbox]:disabled {background: url(../img/ico_chk_on.png) no-repeat center center;background-size: 1rem;}
label.check1 input[type=checkbox] {margin-left: -2rem;display: inline-block;}
label.check1 p {display:inline-block;padding-left: 0.5rem;font-size: 1.3rem;line-height: 1.4rem;color: #a9a9a9;}

/*radio*/
.protector_choice {border: 1px solid #d4d4d4;}
.protector_choice label {padding: .7rem 1rem;font-size: 1.4rem;color: #232323;vertical-align: top;line-height:2.6rem;display: block;border-bottom: 1px solid #d4d4d4;}
.protector_choice label:last-of-type {border-bottom: 0;}
label.radio1 input[type=radio] {float: right;display:inline-block;position:relative;width: 2rem;font-size:1.5rem;line-height:2rem;text-align:left;vertical-align: top;}
label.radio1.left input[type=radio]{float:left;}
label.radio1 input[type=radio]:before {content:"";display:inline-block;width:2rem;height:2rem;vertical-align: top;background:url('../img/radio.png') no-repeat center center; background-size:1.6rem;margin-top: 2px;}
label.radio1 input[type=radio]:checked:before {background:url('../img/radio_checked.png') center center no-repeat;background-size:1.6rem;}

.alarm_choice {border-top: 1px solid #e0e0e0;background: #fff;}
.alarm_choice label {padding: .7rem 1rem;font-size: 1.6rem;color: #232323;vertical-align: top;line-height:2.6rem;display: block;border-bottom: 1px solid #e0e0e0;}



/*button*/
 .pg_btn_box {display: -webkit-box;display: box;text-align: center;-webkit-box-orient: horizontal;box-orient: horizontal;padding: 1.5rem; border-top: 1px solid #fff;}
 .pg_btn_box button {
 	display: block;width: 100%;height: 4.5rem; padding: 0 1rem;font-size: 1.8rem;color: #fff;font-weight: 600; line-height: 3.8rem;text-align: center;-webkit-box-flex: 1;box-flex: 1;
 	background: #ff8131;
 }
 .pg_btn_box div {
	display: block;width: 100%;height: 2rem;padding: 0 5px;font-size: 1.2rem;color: #000;font-weight: 500;text-align: center;-webkit-box-flex: 1;box-flex: 1;
 }
 .pg_btn_box button:disabled, .pg_btn_box button.disabled {background: #a9a9a9 !important}
 .pg_btn_box button.type01 {background: #4ecaba;}
 .pg_btn_box button.type02 {background: #ff8131;}
 .pg_btn_box button.type03 {background: #a9a9a9;}
 .pg_btn_box button + button {margin-left: 1rem;}
 .pg_btn_box div + div {margin-left: 1rem;}

 .pg_btn_box {display: -webkit-box;display: box;text-align: center;-webkit-box-orient: horizontal;box-orient: horizontal;padding: 1.5rem; border-top: 1px solid #fff;}

/*layer*/
.pop_layer {position: absolute;width: 80%;max-width: 40rem;top: 50%;left: 10%;padding: 1rem;}
.pop_layer.pd0 {padding: 0;}
.pop_layer div {position: relative;overflow: hidden;padding-bottom: 1rem;z-index: 2;}
.pop_layer:before {position: absolute;top: 0;bottom: 0;left: 0;right: 0; content: '';display: block;border-radius: 1rem; background: #fff;/*opacity: .7;*/z-index: 1}
.pop_layer > div .tit {float: left;display: inline-block;margin: auto;padding-left: .8rem; color: #fff;font-size: 1rem;
	background:url(../img/i_logo.png) no-repeat left center;background-size:.7rem;}
.pop_layer > div .date {float: right;color: #fff;font-size: 1rem;}

.pop_layer > div .info {clear: both;padding: .5rem 0;}
.pop_layer > div .img {position: relative; display: inline-block;width: 8.7rem;height: 8.7rem;float: left;margin-right: 1rem; padding: .3rem;overflow: hidden;}
.pop_layer > div .img:before {
	width: 100%;height: 100%;position: absolute;top:0;right: 0;bottom:0;left:0; content: '';display: block;background:#fcb503;border-radius: 50%;
}

.pop_layer > div .img em {position: relative;display: inline-block;width: 8.1rem;height: 8.1rem;overflow: hidden;border-radius: 50%;}
.pop_layer > div .img img {width: 100%;border-radius: 50%;}
.pop_layer > div .txt {padding-top: 1rem; color: #000;font-size: 1.2rem;vertical-align: bottom;line-height: 1.4rem;}

.pop_layer .ialimee_toast {padding: 1rem;text-align: center; color: #fff;font-size: 1.2rem;}

.pop_layer .scroll .ialimee_mg {padding: 0.5rem 1rem  0rem 1rem;}
.pop_layer .btn_box {display: -webkit-box;display: box;text-align: center;-webkit-box-orient: horizontal;box-orient: horizontal;padding: 0; border-top: 1px solid #a9a9a9;}
.pop_layer .btn_box button {display: block;width: 100%;height: 5rem;padding: 0 1rem;font-size: 1.6rem;color: #000;line-height: 3.8rem;text-align: center;-webkit-box-flex: 1;box-flex: 1;}
.pop_layer .btn_box button.confirm {color:#ff8131;}
.pop_layer .btn_box button.confirm:disabled {color:#999;background: #666;}
.pop_layer .btn_box button.cancel {}
.pop_layer .btn_box button.confirm2 {color: #1e50c3; background: #fff;}
.pop_layer .btn_box button + button {border-left: 1px solid #a9a9a9;}

.pop_layer .push_msg_wrap {padding: 1rem 0 0 1rem;}
.pop_layer .push_msg {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-width: 90%;}

.pop_layer.w80 {width: 90%;max-width: 40rem;max-height: 90%; background: #fff; }
.pop_layer.w80 .bill_guide {position: relative;}
.pop_layer.w80 .bill_list {padding: 1.5rem;}
.wrap_pop .pop_layer.pop_flex {display: -webkit-box !important;-webkit-box-orient: vertical;}


.pop_layer h2 {min-height: 3.5rem;padding: 0 1.5rem; background: #ff8131;font-size: 1.4rem;font-weight: 600;color: #fff;line-height: 3.3rem;}
.pop_layer.w80 .close_pop {
	padding: 1.2rem;font-size: 0;text-indent: -9999rem;position: absolute;top: .5rem;right: 1rem;left: auto;background: url(../img/ico_close.png) no-repeat center center;
	background-size: 1.5rem;z-index: 999;
}


/*table*/

.tb01 {border: 1px solid #cecece;}
.tb01 tbody th {padding: .5rem;font-size: 1.4rem;color: #232323;font-weight: 600;text-align: center; border-left: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.tb01 tbody td {padding: .5rem;font-size: 1.4rem;color: #232323;font-weight: 600;text-align: center;border-left: 1px solid #cecece;border-bottom: 1px solid #cecece;}

.tb02 {border: 1px solid #cfcfcf;}
.tb02 thead th {padding: .5rem;font-size: 1.4rem;color: #232323;font-weight: 300;text-align: center; border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;vertical-align: top;}
.tb02 tbody th {padding: 1rem;font-size: 1.4rem;color: #232323;font-weight: 300;text-align: left; border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;vertical-align: middle;}
.tb02 tbody td {padding: 1rem;font-size: 1.4rem;color: #232323;font-weight: 300;text-align: left;border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.tb02 tbody td span.txt {display: block;font-size: 1.3rem;color: #999;font-weight: 300;}
.tb02 tbody td span.txt2 {font-size: 1.4rem;font-weight: 700;}
.tb02 tbody td em {font-size: 1.4rem;}
.tb02.ctn tbody th, .tb02.ctn tbody td {text-align: center;}

.tb03 {border-top: 1px solid #a9a9a9;}
.tb03 tbody th {padding: 1rem;font-size: 1.4rem;color: #232323;font-weight: 300;text-align: left; border-bottom: 1px solid #a9a9a9;}
.tb03 tbody td {padding: 1rem;font-size: 1.4rem;color: #999;font-weight: 300;text-align: left;border-bottom: 1px solid #a9a9a9;}

.tb04 {border: 1px solid #cfcfcf;}
.tb04 thead th {padding: .5rem;font-size: 1.2rem;color: #232323;font-weight: 300;text-align: center; border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.tb04 tbody th {padding: .5rem;;font-size: 1.2rem;color: #232323;font-weight: 300;text-align: left; border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.tb04 tbody td {padding: .5rem;;font-size: 1.2rem;color: #232323;font-weight: 300;text-align: left;border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.tb04 tbody td span.txt {display: block;font-size: 1.3rem;color: #999;font-weight: 300;}
.tb04 tbody td em {font-size: 1.4rem;}
.tb04.ctn tbody th, .tb04 tbody td.ctn , .tb04.ctn tbody td {text-align: center;}

/*pull down*/
.pullDown{text-align:center;}
.pullDown .pullDownIcon{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.pullDown.scrolledUp{margin-top: -4.4rem; height: 4.4rem;}
.pullDown.flip .pullDownIcon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.pullDown.flip .pullDownLabel:before{content:'새로고침'}
.pullDown.flip .pullDownIcon:before{content:''; display:inline-block;width:1.7rem;height:4.7rem;margin-right:.5rem;vertical-align:middle;background:url(../img/ico_reflesh.png) no-repeat 50% 50%;-webkit-background-size:1.7rem 1.7rem;background-size:1.7rem 1.7rem;-webkit-transition:transform 500ms;transition:transform 500ms;z-index:-1}

/*paging*/
.paging {margin: 0 auto; padding: 1rem 0;text-align: center;overflow:hidden;border-top: 1px solid #ddd;}
.paging .pages {display: inline-block;margin: 0 auto; padding:0 .6rem;}
.paging > button {min-width: 2.2rem;padding:0 .5rem; border-radius: .2rem;border: 1px solid #e1e1e1;font-size: 0;line-height: 2.1rem;vertical-align: middle;background: #fff;}
.paging > button.first {text-indent: -999rem;background: url(../img/page_mprev.png) no-repeat center center;background-size: 1rem;}
.paging > button.prev {text-indent: -999rem;background: url(../img/page_prev.png) no-repeat center center;background-size: .6rem;}
.paging > button.next {text-indent: -999rem;background: url(../img/page_next.png) no-repeat center center;background-size: .6rem;}
.paging > button.last {text-indent: -999rem;background: url(../img/page_mnext.png) no-repeat center center;background-size: 1rem;}
.pages > button, .paging button {
	min-width: 2.2rem;margin-left: .2rem;padding:0 .5rem;border-radius: .2rem;border: 1px solid #e1e1e1;font-size:1.3rem;color:#757575;line-height: 2.1rem;
	text-align: center; vertical-align: middle;background: #fff;
}
.pages > button:first-of-type {margin-left: 0;}
.paging button.curr {color: #fff;border: 1px solid #ff8131;background: #ff8131;}
.paging button.disabled {display: none}

/** dimd indecator **/
.dimd{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 998;background-color: rgba(0,0,0, 0);}/*background-color: rgba(0,0,0, 0.3);*/
.dimd .loadingspinner{position: absolute;top: 50%;left: 50%;margin-top: -24px;margin-left: -10px;}
.dimd .circle-draw{width: 28px;height: 28px;background: url(../img/img_loading.png) no-repeat 100%;background-size: 28px;}


/** list popup **/
.popup-box { position: relative; display: table; z-index: 102; width: 100%; height: 100%; table-layout:fixed;}
.popup-box .popup-mid { display: table-cell;width: 100%;height: auto;vertical-align: middle;}
.popup { display: -webkit-box;-webkit-box-orient: vertical; display: -moz-box; -moz-box-orient: vertical; display: box; box-orient: vertical; max-height: 50rem;height: auto;}
.popup-box .popup { position: relative; width: 80%; margin: 0 auto;padding: 1.5rem; text-align: center;background-color: #fff;}
.popup.list { padding-top: 0 !important;}
.popup .pop-title {display: none;margin: 0 0 1.5rem 0;font-size: 1.8rem;}
.popup .pop-body {-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;position: relative;overflow-y: auto;-webkit-overflow-scrolling: touch; margin-bottom: 2rem;}
.popup.list .pop-body { margin: 0 -1.5rem; padding: 0; border-bottom: 1px solid #c0c0c0;}
.popup .pop-body > * {color: #53565a; font-size: 1.3rem;line-height: 1.4;}
.popup.list .list-popup li {display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box;-moz-box-orient: horizontal;display: box; box-orient: horizontal;-webkit-box-pack: justify;-webkit-box-align: center;-moz-box-pack: justify;-moz-box-align: center;box-pack: justify;box-align: center;line-height: 1.4; min-height: 5rem; padding: 0 1.5rem;border-bottom: 1px solid #c0c0c0;}
.popup.list .list-popup li:last-child {border-bottom: none;}
.popup.list .list-popup li > * {display: block;}
.popup.list .list-popup li > label {-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;text-align: left;font-size: 1.7rem;height: 100%;padding: 1rem .5rem 1rem 0;}
.popup.list .list-popup li > input {margin-right: 0; display: block; background: url(../img/checkbox-type03.png) no-repeat 0 0; background-size: 4.7rem 4.7rem; width: 2.5rem;height: 2.5rem;border-radius: 0;}
.popup.list .list-popup li > input[type="radio"]:checked { background-position: 0 bottom;}
.popup .btn-wrap {width: 100%; display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; display: box; box-orient: horizontal;}
.popup .pop-body + .btn-wrap {margin-top: 2rem;}
.popup .btn-txt {font-size: 2rem;font-family: 'RenaultSamsungMotors-Bold' !important; border-radius: 0;}
.popup .btn-wrap > button {-webkit-box-flex: 1; -moz-box-flex: 1;box-flex: 1; display: block;width: 100%;height: 4.5rem; margin: 0 .2rem; text-align:center;}
.popup .btn-txt.gray { background-color: #dadada;}
.popup .btn-wrap > button:first-child { margin-left: 0;}
.popup .btn-wrap > button:last-child {margin-right: 0;}

/*popup 하단위치*/
.popup-box .popup .pop-hd h3{font-size:1.8rem;font-weight:500;}
.pop-hd .pop_close{position:absolute;top:1.6rem;right:1.6rem;width:3.4rem;height:3.4rem;background:url(../img/btn-close-pop.png) no-repeat;background-size:100% auto;}
.popup-box .popup-btm{display:table-cell;width:100%;height:auto;max-height:100%;vertical-align:bottom;}
.popup-btm .popup{width:100%;max-height:52rem;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:2rem;border-radius:3.4rem 3.4rem 0 0;}
.popup-btm .pop-title{padding:2rem 2rem 0;text-align:left;font-size:1.8rem;font-weight:500;line-height:1.38;}
.popup-btm .pop-cont{padding:2rem 2rem 1.4rem;}
.popup-btm .btn-wrap{padding:2rem;}

.popup-btm{-webkit-animation-name:fadeInUp;animation-name: fadeInUp;}
.popup-btm, .popup-bg{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode: both;}
/*popup 하단위치 애니메이션*/
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/** a tag link **/
.linkTag {text-decoration: underline !important;color: blue;font-size: 1.6rem;}

/** maintenance popup **/
.pop_layer .mt-title {font-size: 2.5rem !important; margin-bottom: 2rem; font-weight: bold !important; }
.pop_layer .mt-msgWrap {background: #00b0f0;min-height: 80px;width: 100%; margin-bottom: 2rem;margin-top: 2rem;}
.pop_layer .mt-msgWrap th {text-align: center;}
.pop_layer .mt-msgWrap th em {background: white; border-radius: 2rem; padding: 5px; font-size:1.6rem;}
.pop_layer .mt-msgWrap td {color: white; font-size:1.6rem; padding-right: 1rem;}
.pop_layer .mt-msgWrap tr:first-of-type th, .pop_layer .mt-msgWrap tr:first-of-type td{padding-top: 2rem; padding-bottom: 1rem;}
.pop_layer .mt-msgWrap tr:last-of-type th, .pop_layer .mt-msgWrap tr:last-of-type td{padding-top: 1rem; padding-bottom: 2rem;}
.pop_layer.sub_layer {left: 0%;border: 1px solid; width: 100%;}

/** event **/
.coupon {text-align: center;}
.coupon input{font-size: 2.5rem; font-weight: bold; border:0; text-align:center; width:50%;}
.loser-view {font-size: 1.8rem !important; text-align: center;}

/*20200602*/
.setting-tit {padding: 1.5rem 2rem .5rem 1.5rem;}
.setting-tit h2 {display: inline-block;font-size: 1.6rem;font-weight: 600;color: #232323;line-height: 1.8rem;}
.setting-tit .switch {float: right;display: inline-block;position: relative;width: 3.5rem;height: 1em;margin-top: .5rem;}
.setting-tit .switch input {display: none;}
.setting-tit .slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #8f8f8f;-webkit-transition: .4s;transition: .4s;}
.setting-tit .slider:before {content: '';position: absolute;left: -.5rem;bottom: -.6rem;width: 2.5rem;height: 2.5rem;background: #cfcfcf;-webkit-transition: .4s;transition: .4s;box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.5);}
.setting-tit .switch input:checked + .slider {background: #8f8f8f;}
.setting-tit .switch input:focus + .slider {box-shadow:  0 0 .1rem #2196f3;}
.setting-tit .switch input:checked + .slider:before {-webkit-transform:translateX(2.6rem);transform:translateX(2.6rem);left: -1rem;bottom: -.6rem;background: #ffb74b;}
.setting-tit .slider.round {border-radius: 3.4rem;}
.setting-tit .slider.round:before {border-radius: 50%;}


/*20200629*/

.ralim_receive {margin-top: 1rem;padding: 0;}
.ralim_receive > ul {background: #fff;margin-bottom: 1rem;border-top: 1px solid #e0e0e0;}
.ralim_receive li {position: relative;padding: 1rem; border-bottom: 1px solid #e0e0e0;}
.ralim_receive .info {position: relative;width: 100%;min-height: 5rem;}

.ralim_receive .info .st_face {
	display: inline-block;width: 4.8rem;height: 4.8rem; padding: .4rem;overflow: hidden;position: absolute;top: 0;left: 0;
	background: url(../img/mask_pht_org.png) no-repeat center center;background-size:4.8rem;
}
.ralim_receive .info .st_face em {display: inline-block;width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;}
.ralim_receive .info .st_face img {width: 4rem;border-radius: 50%;}
.ralim_receive .info span {display: block;padding-left: 6rem;}
.ralim_receive .info .school {font-size: 1.3rem;color: #999;}
.ralim_receive .info .name {padding-top: .5rem;font-size: 1.6rem;color: #232323;font-weight: 700;}
.ralim_receive p {padding-top: .5rem;text-align: center;}
.ralim_receive p button + button {margin-left: .5rem;}

.ralim_receive .switch {float: right;display: inline-block;position: relative;width: 3.5rem;height: 1em;margin-top: -.5rem;position: absolute;right: 2rem;top: 50%;}
.ralim_receive .switch input {display: none;}
.ralim_receive .slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #8f8f8f;-webkit-transition: .4s;transition: .4s;}
.ralim_receive .slider:before {content: '';position: absolute;left: -.5rem;bottom: -.6rem;width: 2.5rem;height: 2.5rem;background: #cfcfcf;-webkit-transition: .4s;transition: .4s;box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.5);}
.ralim_receive .switch input:checked + .slider {background: #8f8f8f;}
.ralim_receive .switch input:focus + .slider {box-shadow:  0 0 .1rem #2196f3;}
.ralim_receive .switch input:checked + .slider:before {-webkit-transform:translateX(2.6rem);transform:translateX(2.6rem);left: -1rem;bottom: -.6rem;background: #ffb74b;}
.ralim_receive .slider.round {border-radius: 3.4rem;}
.ralim_receive .slider.round:before {border-radius: 50%;}


/* 20201228 */
.terms_mbox{display:block;overflow:auto;width:100%;height:7rem;margin-top:0.5rem;padding:1rem 0;border: 1px solid #a9a9a9;border-radius:1rem;}
.terms_mbox *{color:#666 !important;font-size:1.2rem !important;font-weight:400 !important;}
.terms_mbox h5.typ1,.terms_mbox h5.typ1 em{padding-top:1rem;}
.terms_mbox h5.typ1:first-child, .terms_mbox h5:first-child.typ1 em{padding-top:0;}
.terms_agree{margin-top:0.5rem;text-align:right;}
.terms_agree label{display:inline-block;padding-left:0.3rem;padding-top:0.3rem;font-size:1.4rem;line-height:1.8rem;}
.terms_agree input[type=radio] {display:inline-block;position:relative;width: 2rem;font-size:1.5rem;line-height:2rem;text-align:left;vertical-align: top;}
.terms_agree input[type=radio]:before {content:"";display:inline-block;width:2rem;height:2rem;vertical-align: top;background:url('../img/radio.png') no-repeat center center; background-size:1.6rem;margin-top: 2px;}
.terms_agree input[type=radio]:checked:before {background:url('../img/radio_checked.png') center center no-repeat;background-size:1.6rem;}
.terms_agree label + input{margin-left:1rem;}
.terms_agree_samsung{margin-top: 1.5rem;margin-left: 2rem;}
.terms_agree_samsung label{display:inline-block;padding-left:0.3rem;padding-top:0.3rem;font-size:1.4rem;line-height:1.8rem;}
.terms_agree_samsung input[type=radio] {display:inline-block;position:relative;width: 2rem;font-size:1.5rem;line-height:2rem;text-align:left;vertical-align: top;}
.terms_agree_samsung input[type=radio]:before {content:"";display:inline-block;width:2rem;height:2rem;vertical-align: top;background:url('../img/radio.png') no-repeat center center; background-size:1.6rem;margin-top: 2px;}
.terms_agree_samsung input[type=radio]:checked:before {background:url('../img/radio_checked.png') center center no-repeat;background-size:1.6rem;}
.terms_agree_samsung label + input{margin-left:1rem;}



/* 20210120 : 하단 위치 팝업 TYPE-02 추가*/
.wrap_pop{position:fixed;}
.popup-btm.type02{display:table-cell;width:100%;height:auto;max-height:100%;vertical-align:bottom;}
.popup-btm.type02 .popup{width:100%;max-height:52rem;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:2.2rem;border-radius:0.6rem 0.6rem 0 0;}
.popup-btm.type02 .pop-hd h3{color:#232323;font-size:1.8rem;font-weight:500;text-align:center;}
.popup-btm.type02 .pop-hd .pop_close{display:block;overflow:hidden;text-indent:-9999px;position:absolute;top:1.6rem;right:1.6rem;width:3.4rem;height:3.4rem;background:url(../img/btn-close-pop_b.png) 50% 50% no-repeat;background-size:2rem;}
.popup-btm.type02 .pop-body{margin-bottom:0;}
.popup-btm.type02 .pln-bd-box{display:block;margin-top:1.2rem;}
.popup-btm.type02 .pln-bd-box li{display:block;padding:1rem;margin-top:1rem;border:1px solid #a9a9a9;background-color:#fff;color:#232323;}
.popup-btm.type02 .pln-bd-box .ipt-radio label{display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;box-pack:justify;box-align:center}
.popup-btm.type02 .pln-bd-box .ipt-radio label > *{display:block;font-size:1.6rem;font-weight:500;line-height:1.6rem;}
.popup-btm.type02 .pln-bd-box .ipt-radio input[type="radio"]{margin-top:-2px;}
.popup-btm.type02 .pln-bd-box .ipt-radio .pln-name{-webkit-box-flex:1;box-flex:1;padding:0 0.8rem;}
.popup-btm.type02 .pln-bd-box .ipt-radio .pln-price{color:#ff8131;padding:0 0.3rem;}
.popup-btm.type02 .pln-bd-box .sub-txt{display:block;margin-top:0.8rem;padding:0 0.3rem;font-size: 1.4rem;line-height:1.67;}
.popup-btm.type02 .pln-bd-box .sub-txt:only-child{margin-top:0}
.popup-btm.type02 .pg_btn_box{padding-right:0;padding-left:0;}

.popup-btm.type02 .pln-bd-box .ipt-radio .pln-price-black{font-size:1.6rem;font-weight:500;line-height:1.6rem;color:#232323;padding:0 0.3rem;}
.popup-btm.type02 .pln-bd-box .sub-title-txt{display:block;font-size:1.6rem;font-weight:500;line-height:1.6rem;text-align: center;margin-bottom: 10px;}
.popup-btm.type02 .pln-bd-box .sub-title-txt{color:#ff8131;padding:0 0.3rem;}

.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.mt5{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mt30{margin-top:3rem !important;}
.mt40{margin-top:4rem !important;}
.pb0{padding-bottom:0 !important;}
.txtclr-g{color:#999 !important;}
.strong{font-weight:600 !important;}

.result-wrap{padding:1.5rem;}
.result-cmt{padding-top:10rem;}
.result-cmt .result-cmt-ttl{display:block;position:relative;color:#232323;font-size:1.8rem;font-weight:600;line-height:1.38;text-align:center;}
.result-cmt .result-cmt-ttl:before{content:'';display:block;margin:0 auto;width:8.3rem;height:9.9rem;}
.result-cmt .result-cmt-ttl.type-attbck:before{background:url('../img/ico_result_attbck.png') 50% 0% no-repeat;background-size:100%;}
.result-cmt .result-cmt-ttl.type-plchng:before{background:url('../img/ico_result_plchng.png') 50% 0% no-repeat;background-size:100%;}
.result-cmt .result-cmt-txt{display:block;color:#999;font-size:1.4rem;line-height:1.31;text-align:center;}
.result-cmt .result-cmt-ttl + .result-cmt-txt{margin-top:1rem;}
.result-cmt + .result-data{margin-top:3.3rem;}

.no_st_info.phone input, .no_st_info.phone select{/*border-radius:0.3rem;*/border: #ff8131 2px solid;background:#fff;color: #ff8131;font-size:1.5rem;}
.no_st_info.phone input, .no_st_info.phone div.type1{/*border-radius:0.3rem;*/border: #ff8131 2px solid;background:#fff;color: #ff8131;font-size:1.5rem;}
.no_st_info.phone .aft:after {content: '';display: block;width: 3.5rem;height: 3.5rem;position: absolute;left: 13.5rem;top: 45%;margin-top: 0rem;border-left:0;background: url(../img/ico_slct_arr02.png) no-repeat center center;background-size: 2rem;pointer-events: none;}
.no_st_info.phone label span {position: absolute;top: 0px;right: -10000px;font-size: 0;text-indent: -9999px;}
.no_st_info.phone input::-webkit-input-placeholder {color: #ff8131;font-size: 1.3rem;font-weight: normal;text-align: left;}
.no_st_info.phone .hbox.type02 > span{display:block;width:2rem;height:4rem;color: #ff8131;font-size:1.5rem;font-weight:600;line-height:4rem;text-align:center;vertical-align:middle}
.no_st_info.phone .hbox.type02 input{padding:1rem 0.3rem;text-align:center}
.no_st_info.phone .bd-rnd-box{-webkit-box-flex:1;box-flex:1;display:block;padding:1.3rem;border-radius:1.3rem;border: solid 1px #a9a9a9;background-color: #ffffff;}
.no_st_info.phone .bd-rnd-box > *{display:block;text-align:center}
.no_st_info.phone .bd-rnd-box .phnum-ttl{color:#232323;font-size:1.6rem;font-weight:400;}
.no_st_info.phone .bd-rnd-box .phnum-sub{color:#ff8131;font-size:1.3rem;}

.type1.disabled{border:1px solid #cdcdcd !important;background-color:#efefef !important;}
.tb02 .td > *{display:inline;font-size:1.4rem;}
.ph_info.type-inbtn li{position:relative;padding-right:4rem;}
.ph_info.type-inbtn li button.btn-list-del{display:block;overflow:hidden;position:absolute;top:0;right:0;width:4rem;height:100%;background:url('../img/btn-close-pop_b.png') 50% 50% no-repeat;background-size:2rem;text-indent:-999px;}
.ph_info.type-inbtn li button.btn-list-del:after{display:none}

.chn_info_head .info .name{padding-right:8rem;}
.btn-inline-txt{display:inline-block;position:absolute;top:1.2rem;right:2.5rem;padding:1rem;font-size:1.4rem;font-weight:600;}
.btn-inline-txt.blue{color:#377fe5;}

.ttl-store{display:block;overflow:hidden;width:100%;height:15rem;background:url('../img/img_store_title.png') 50% 50% no-repeat;background-size:auto 15rem;text-indent:-9999px;}
.store-txt-box{display:block;position:relative;padding-bottom:26.8rem;}
.store-txt-box:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:23.8rem;background:url('../img/img_store_character.png') 50% 50% no-repeat;background-size:auto 23.8rem;}
.txt-store{color:#232323;font-size:1.6rem;line-height:1.59;}
.txt-store strong{display:inline;font-size:1.6rem;font-weight:600;top:-0.05rem; position: relative;}
.btn02.type-store{height:7.2rem;padding:2.2rem;}
.btn02.type-store em{display:inline-block;position:relative;padding-left:5rem;color:#fff;font-size:2rem;line-height:3rem;background:url('../img/ico_gift_w.png') 0% 50% no-repeat;background-size:3rem;}

.ttl-info{display:block;overflow:hidden;width:100%;height:36.2rem;background:url('../img/img_info_title.png') 50% 50% no-repeat;background-size:29rem;text-indent:-9999px;}
.img-info{width:100%;}
.img-info img{width:100%;}
.call-info{display:block;overflow:hidden;width:100%;height:11rem;background:#f5f5f5 url('../img/img_info_call.png') 50% 50% no-repeat;background-size:auto 11rem;text-indent:-9999px;}

.img-systemcheck {width: 100%;height: 100%; position: absolute;display: flex;justify-content: center;align-items: center;}
.img-systemcheck img{width: 80%}

/*20210129 추가*/
.info-btn-box{padding-left: 6rem;}
.info-btn-box > *{margin: 0.3rem 0;}
.info-btn-box > * + *{margin-left: 0;}

/*20210222 intro 수정 */
.splash .splashbox{position:relative;margin-top:63%;z-index:1;}
.splash .numb{color:#767777;}
.splash .bg-box{position: absolute;width:100%;max-height:100%;top:0;left:0; display: inline-block;text-align:center;z-index:0;}
.splash .bg-box .bg-svg-box{position:relative;overflow:hidden;width:100%;height:100vh;}
.splash .bg-box .bg-svg-box svg{position:absolute;top:50%;left:50%;width:100% !important;height:auto !important;max-height:100%;transform: translate(-50%, -50%);}


/* 20210408 단말기 이미지 추가 */
.phnum-img{display:block;overflow:hidden;width:100%;margin:0 auto;border-radius:0.3rem;}
.phnum-img img{width:100%;}
.phnum-tel{padding:1rem 0 0;font-size: 1.3rem;color: #999;line-height: 1.5rem;}


/* 20210928 대표 보호자 버튼, 쿠폰 형식 팝업 추가 */
/* 보호자 버튼 */
.btn-code{display: block;width: 100%;height: 4.5rem;margin-top: 2.7rem;text-align: center;border-radius: 2.3rem;border: 1px solid #FD8030;background: #fff;}
.btn-code span{display: inline-block;padding-left: 1.8rem;color: #FD8030;font-size: 1.6rem;line-height: 2.5rem;letter-spacing: 0;background: url(../img/ico_user.svg) left center / 1rem no-repeat;}
/* 쿠폰 형식 팝업 */
.code-popup{position: fixed;top: 0;z-index: 999;width: 100%;height: 100%;}
.code-popup .popup-bg{width: 100%;height: 100%;position: fixed;top: 0;z-index: 30;background: #000000BF;}
.code-popup .popup-wrap{position: fixed;top: 0;z-index: 31;width: 100%;height: 100%;padding: 0 1.9rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/* 쿠폰 형식 팝업 > 컨텐츠 */
.code-popup .pop-cont-wrap{padding: 0 1.5rem;background: url(../img/bg_user.png) no-repeat;background-size: contain;background-position: center;}
.code-popup .popup-info-box{padding-top:3.9rem;text-align: center;}
/* 쿠폰 형식 팝업 > 컨텐츠 > 첫번째 */
.popup-info-box .info-ti{color: #000;text-align: center;font-size: 2.4rem;font-family: 'Noto sans-serif';}
.popup-info-box span{display: block;margin-top: 2.4rem;padding-top: 7.8rem;color: #000;font-size: 2rem;font-weight: bold;font-family: 'NanumGothic';text-align: center;background: url(../img/ico_default_child.png) top center / 6.9rem no-repeat;}
.popup-info-box span em{margin-right: 4px;color: #959595;font-size: 1.6rem;font-family: 'Noto Sans CJK';line-height: 2.2rem;vertical-align: middle;}
.popup-info-box .info-txt{min-height: 4.3rem;margin-top: 1.4rem;color: #333;font-size: 1.6rem;font-family: 'Noto Sans';line-height: 1.3;text-align: center;letter-spacing: 0;}
.popup-info-box .info-child-txt{color: #959595;font-size: 1.2rem;font-family: 'Noto Sans';line-height: 1.3;text-align: center;letter-spacing: 0;}
.popup-info-box .info-date{margin-top: 1.5rem;color: #333;font-size: 1.7rem;font-family: 'Noto Sans KR';line-height: 2.5rem;text-align: center;letter-spacing: 0;}
/* 쿠폰 형식 팝업 > 컨텐츠 > 두번째 */
/* .popup-code-box {padding: 8.5rem 0 3.8rem;} */
.popup-code-box {padding: 3.8rem 0 3.8rem;}
.popup-code-box p{padding-top: 3.8rem;color: #fff;font-size: 1.6rem;font-family: 'Noto Sans CJK';line-height: 2.4rem;text-align: center;letter-spacing: 0;background: url(../img/ico_user_wt.png) top center / 2.5rem no-repeat;}
.popup-code-box span{display: block;margin-top: 1.2rem;color:#fff;font-size: 2rem;font-weight: bold;font-family: 'NanumGothic';line-height: 1;text-align: center;}
.popup-code-box em{margin-right: 4px;color: #fff;font-size: 1.6rem;line-height: 2.4rem;vertical-align: middle;font-family: 'Noto Sans CJK';}
/* 쿠폰 형식 팝업 > 닫기 버튼 */
.popup-close{display:block;margin:1.9rem auto 0;width:3rem;height:3rem;color:transparent;font-size:0px;text-indent: -99999px;background: url(../img/btn_close_x.svg) center / 2.4rem no-repeat;}

/*20211207 intro 수정*/
.ft-txt-box{position: absolute;loft: 0;bottom: 10%;width: 100%;text-align:center;}
.ft-txt-box > *{text-align:center;color: #000}
.ft-txt-box .txtclr-o{color: #FF6400 !important;}
.ft-txt-box .ft-txt-s,
.ft-txt-box .ft-txt-s *{font-size: 1.8rem;letter-spacing: -1px;}
.ft-txt-box .ft-txt-l{margin-top: 0.6rem;font-size: 3rem;letter-spacing:-2px;}
.ft-txt-box .ft-txt-l *{font-size: 3rem;letter-spacing:-2px;}


@media only screen and (max-height:640px) {
.popup-code-box {padding: 7rem 0 3.8rem;}
}

@media only screen and (min-width:540px){
.code-popup .pop-cont-wrap{background-position: center;}
}

@media only screen and (max-width:320px) {
/* 쿠폰 형식 팝업 > 컨텐츠 */
.code-popup .popup-info-box{padding-top:1.9rem;}
/* 쿠폰 형식 팝업 > 컨텐츠 > 첫번째 */
.popup-info-box .info-ti{font-size: 2rem;}
.popup-info-box span{margin-top: 1.8rem;padding-top: 7rem;font-size: 1.6rem;background: url(../img/ico_default_child.png) top center / 6.2rem no-repeat;}
/* 쿠폰 형식 팝업 > 컨텐츠 > 두번째 */
.popup-code-box {padding: 5.4rem 0 3.8rem;}
.popup-code-box p{background: url(../img/ico_user_wt.png) top center / 2rem no-repeat;}
.popup-code-box span{font-size: 1.8rem;}
.popup-code-box em{margin-right: 4px;color: #fff;font-size: 1.6rem;line-height: 2.4rem;vertical-align: middle;font-family: 'Noto Sans CJK';}
}

@media only screen and (max-width:300px) {
/* 쿠폰 형식 팝업 > 컨텐츠 > 첫번째 */
.popup-info-box span{margin-top: 1rem;padding-top: 6rem;font-size: 1.4rem;background: url(../img/ico_default_child.png) top center / 5.2rem no-repeat;}
.popup-info-box .info-txt{font-size: 1.4rem;}
.popup-info-box .info-child-txt{font-size: 1.0rem;}
/* 쿠폰 형식 팝업 > 컨텐츠 > 두번째 */
.popup-code-box {padding: 3rem 0;}
.popup-code-box span{font-size: 1.4rem;}
.popup-code-box p {padding-top: 2.8rem;background: url(../img/ico_user_wt.png) top center / 1.8rem no-repeat;}
}

@media only screen and (min-width:717px){
.code-popup .popup-wrap{overflow: auto;}
.code-popup .pop-cont-wrap{background-size: 40%;}
.code-popup .popup-info-box{padding-top: 3rem;}
.popup-info-box .info-ti{font-size: 1.2rem;}
.popup-info-box span{margin-top: 0.4rem;padding-top: 2rem;font-size: 1rem;background: url(../img/ico_default_child.png) top center / 2rem no-repeat;}
.popup-info-box span em{margin-right: 0.4rem; font-size: 1rem;}
.popup-info-box .info-txt{min-height: 2rem;margin-top: 1rem;font-size: 1rem;}
.popup-info-box .info-child-txt{font-size: 0.8rem;}
.popup-info-box .info-date{margin-top: .6rem;font-size: 1.2rem;line-height: 1.2rem;}
.popup-code-box{padding: 4rem 0 1.8rem;}
.popup-code-box p{padding-top: 2rem;font-size: 1.2rem;line-height: 1.2rem;background: url(../img/ico_user_wt.png) top center / 1rem no-repeat;}
.popup-code-box span{margin-top: 0;font-size: 1rem;}
.popup-code-box em{font-size: 1rem;}
.popup-close{width: 2rem;height: 2rem;margin: 0 auto;background: url(../img/btn_close_x.svg) center / 1.4rem no-repeat;}
}