@font-face {
    font-family: 'NanumSquareRound';
    src: url(../font/NanumSquareRoundR.eot);
    src: url(../font/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundR.woff2) format("woff2"), url(../font/NanumSquareRoundR.woff) format("woff"), url(../font/NanumSquareRoundR.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareRoundB';
    src: url(../font/NanumSquareRoundB.eot);
    src: url(../font/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundB.woff2) format("woff2"), url(../font/NanumSquareRoundB.woff) format("woff"), url(../font/NanumSquareRoundB.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareRoundEB';
    src: url(../font/NanumSquareRoundEB.eot);
    src: url(../font/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundEB.woff2) format("woff2"), url(../font/NanumSquareRoundEB.woff) format("woff"), url(../font/NanumSquareRoundEB.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareRoundL';
    src: url(../font/NanumSquareRoundL.eot);
    src: url(../font/NanumSquareRoundL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareRoundL.woff2) format("woff2"), url(../font/NanumSquareRoundL.woff) format("woff"), url(../font/NanumSquareRoundL.ttf) format("truetype");
}


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  width:77%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.modal-dialog2 {
  width:95%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header {
    border-bottom: 0;
}
.modal-body {
	padding: 15px 15px 30px 15px;
    color: #000;
/*     font-size: .9rem; */
    line-height: 25px;
}
.modal-footer {
    border-top: 0;
    text-align: center;
    margin: 0 auto;
    padding: 23px;
    padding-top: 5px;
    width:100%;
    display: block;
}
.modal-footer .btn{
	width:40%;
/* 	height: 33px; */
    color: #fff;
    border : 0 !important;
    text-align: center;
}

/*
.modal-dialog .modal-body {
    padding: 11px 15px 30px 15px;
    color:#000;
    font-size: .9rem;
    line-height: 1.6;
}
.modal-dialog .btn-default {
    width: 40%;
    height: 33px;
    color: #fff;
    border : 0 !important;
    text-align: center;
}
.modal-dialog .btn-default:NTH-CHILD(2) {
    background-color:#eb002a;
}
.simple .modal-dialog .modal-footer {
    padding-top: 0;
}

.modal-dialog2 .modal-body {
    padding: 11px 15px 30px 15px;
    color:#000;
    font-size: .9rem;
    line-height: 1.6;
}
.modal-dialog2 .btn-default {
    width: 40%;
    height: 33px;

    color: #fff;
    border : 0 !important;
    text-align: center;
}
.modal-dialog2 .btn-default:NTH-CHILD(2) {
    background-color:#eb002a;
}
.modal-dialog2 .modal-footer {
    padding-top: 0;
}
*/
.modal-header .close {
    opacity: 1;
}
.modal-close {
    display: inline-block;
    width:15px;
    height:15px;
    background: url(../img/common/ico_modal_close.png) no-repeat center;
    background-size: cover;
}
.modal-footer.triple .btn-default {
    width:30%;
}
.modal-backdrop.in {
    opacity: .7;
}
.slide {
  width: 100%;
  padding-bottom:   12px;
  display: block;
  overflow: hidden;
}

.modal-lp01 {background: url(../img/common/bg_lp_01.png) no-repeat;background-size:cover;}
.modal-lp01 .modal-body{height:360px;text-align: center;box-shadow:none;}
.modal-lp02 {background: url(../img/common/img_fail.png) no-repeat center;background-size:contain;box-shadow: none;border:0;}
.modal-lp02 .modal-body{width:155px;height:155px;text-align: center;padding: 0;margin: 0 auto;}
.modal-lp01 .coupon {
    width:165px;
    height:228px;
    margin: 30px auto 0;
    padding-top: 75px;
    background: url(../img/common/bg_img_coupon.png) no-repeat;
    background-size: contain;
}
.modal-lp01 .coupon p{
    font-size:20px;
    color:#000;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 17px 0;
}
.modal-lp01 .coupon .value{
    font-size: 11px;
    margin-top: 10px
}
.modal-lp02 .btn-close {
    position: absolute;
    right:  -10px;
    top: -40px;
    width: 85px;
    height:95px;
    background: url(../img/common/btn_fail_close.png) no-repeat;
    background-size: cover;
}
.modal-lp03 {background: url(../img/common/bg_lp_03.png) no-repeat;background-size:cover;}
.modal-lp03 .modal-body{height:420px;text-align: center;color:#fff;}
.lp_txt_tit_01 {color:#fff;font-size: 1.5rem;line-height: 1.2;}
.lp_txt_tit_02 {color:#fff;font-size: .8rem;line-height: 1.2;margin-top: 10px;}
.lp_txt_tit_04 {color:#252525;font-size: 2rem;line-height: 1.2;}
.lp_txt_tit_04 .num {font-size: 2.3rem;}
.lp_txt_tit_05 {color:#ffd515;font-size: 2.1rem;line-height: 1.2;font-weight: 900;}
.mypage_list li {border-bottom:1px solid #e5e5e5;}
.mypage_list li a{display: block;font-size:1rem;color:#000;padding:15px 38px;background: url(../img/common/arrow_aside_next.png) no-repeat 95% center;background-size: 10px auto;}


.m_layer-page { 
    /* display:none; */
    position:absolute; 
    width:100%; 
    height:100%;
    left:0; 
    top:0; 
    z-index:5;
    background:#fff;
    
    -webkit-transition:-webkit-transform ease .4s;
    -moz-transition:-moz-transform ease .4s;
    -ms-transition:-ms-transform ease .4s;
    transition:transform ease .4s;
    
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
}
.m_layer-page.active { 
    animation: fadeIn .8s;
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%); 
}

.m_layer-page2 { 
    /* display:none; */
    position:absolute; 
    width:100%; 
    height:100%;
    left:0; 
    top:0; 
    z-index:5;
    background:#fff;
    
    -webkit-transition:-webkit-transform ease .4s;
    -moz-transition:-moz-transform ease .4s;
    -ms-transition:-ms-transform ease .4s;
    transition:transform ease .4s;
    
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
}
.m_layer-page2.active { 
    animation: fadeIn 1.5s;   
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);     
}

#Progress {
     position: absolute; top:0%; left:0%; background: #000; opacity: 0.8;      
     width:100%; height:100%; margin: 0px 0 0 0px; z-index: 100;
}


.modal-body-div{padding:10px 0px}
.modal-body-div input{width: 100%; color: #000;}
.modal-body-div .cert {right:0;bottom:0;width:60px;height: 33px;background: #3c3939;color:#fff;font-size:12px;}
.modal-body-div .err_msg{text-align: left; padding-top:5px; color:red; font-size:3.1vmin;}


.modal-dialog .modal-footer .btn2:FIRST-CHILD{background:rgba(127, 196, 253, 1); font-size: 14px; line-height: 16px; height: 50px; margin-right:20px;}
.modal-dialog .modal-footer .btn2:LAST-CHILD{ background:#eb002a; font-size: 14px; line-height: 16px; height: 50px; }




/* KIDSPLUS */

/* common */
html{
	margin: 0;
	padding: 0;
	font-family: 'NanumSquareRoundB !important';	
}
body {
	margin: 0;
    padding: 0;
    font-family: 'NanumSquareRoundB !important';
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
}
a{text-decoration: none;}
input{padding: 4px 0 5px; padding-left: 8px; font-size: 14px !important; font-weight: normal; vertical-align: middle; -webkit-appearance: none;}
select{width: 100%; height: 35px; border:1px solid #d9d9d9; padding-left: 8px; background: #fff; font-size: 15px;}
input:focus, textarea:focus{outline-color: #52a4da;}
button{cursor: pointer; border: none; line-height: 1;}
select:focus{outline-color: #52a4da; }
ul, li {list-style: none;}
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
/*     color:#f2f2f2; */
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../img/common/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
    background-size:auto 19px;
}

input[type="checkbox"]:checked + label span {
    background:url(../img/common/check_radio_sheet.png) -21px top no-repeat;
    background-size:auto 19px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#f2f2f2;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin-right:3px;
    vertical-align:middle;
    background:url(../img/common/check_radio_sheet.png) -40px top no-repeat;
    cursor:pointer;
    background-size: auto 17.8px;
}

input[type="radio"]:checked + label span {
    background:url(../img/common/check_radio_sheet.png) -59px top no-repeat;
    background-size: auto 17.8px;
}

.common_btn_previous{
	display: inline-block;
    width: 18px;
    height: 29px;
    background: url(../img/common/arrow_aside_previous.png) no-repeat center center;
    background-size: cover;
    text-indent: -99999px;
    margin-left: 15px;
    border: 0px;
}
.modal_kinderName{font-family:NanumSquareRoundEB; padding-bottom: 10px;}


header {/* 	position: absolute; */position: fixed; top: 0; width: 100%; background-color: #fff; height: 60px; margin: 0; padding: 0; box-shadow: 3px 3px 3px 3px #dedede; z-index: 2;}
.header_logo { margin-top: 10px; height: 45px; float: left; padding-left: 5px;}
.header_menu { margin-top: 10px; height: 45px; float: right; padding-right: 5px;}
.header_sc {/* display: none; */ position: fixed; width: 80%; height: 100vh; background-color: #fff; left: 100%; top: 0; z-index: 10; transition: 0.5s; background-color: #f4f4f4; border-left:1px solid #dedede;}
.menu_header {height: 60px; width: 100%; background-color: #fff;}
.myInfoList{overflow-y: scroll; height: calc(100% - 120px); padding-bottom: 20px;}
.menu_profile { display: inline-block; width: 120px; height: 60px; text-align: center; position: absolute; right: 0px;}
.menu_profile > a { margin: 0; padding: 0; display: inline-block; padding-top:3px;}
.menu_profile > a>img {width: 20px;margin-top: 10px;/* margin-bottom: -8px; */}
.menu_profile> a >p { font-size: 12px; margin: 0; margin-top: 3px;color: #52a4da;}
.header_menu_cancel{ display: inline-block; width: 20px; height: 20px; margin-bottom: 23px; margin-left: 10px;}
.menu_info_wrap{ position: relative; margin:0 auto; width: calc(100% - 40px); margin-top: 30px; height: 140px; background-color: #fff; border-radius: 15px; box-shadow: 2px 2px 2px 3px #dedede;}
.menu_info_wrap .info_name{ position: absolute; width: 100%; height: 30px; background-color: #52a4da; border-radius: 15px 15px 0 0;}
.menu_info_wrap .info_name .set_profile{ position: absolute; top: 30px; right: 22px; z-index: 10; color: #999;  border-radius: 18px; padding: 5px; background: #fff; font-size: 11px; border: 1px solid #ccc;}
.menu_info_wrap .info_name .detail{display: inline-block; margin: 0; padding: 0; font-size: 12px; line-height: 3; color: #dedede; margin-left: 20px;}
.menu_info_wrap .info_name .detail_name{margin: 0; padding: 0; display: inline-block; color: #fff; font-size: 15px;}
.menu_info_wrap .info_profile{ position: absolute; width: 70px; height: 70px; border-radius: 50%; background-size: cover; top: -20px; right: 20px;}
.menu_info_wrap .info_profile img{width: 70px; height: 70px; border-radius: 35px;}

.menu_info_wrap .etc_info{width: 100%; padding:0 15px;position: relative;top: 40px; line-height: 30px; height: 80px;}
.menu_info_wrap .etc_info .info_kinder{ position: absolute; margin: 0; padding: 0; font-size: 14px; font-weight: 800; width:calc(100% - 25px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu_info_wrap .etc_info .info_class{ position: absolute; margin: 0; padding: 0; font-size: 12px; top: 25px; font-family:NanumSquareRound;}
.menu_info_wrap .etc_info .info_date{position: absolute; margin: 0; padding: 0; font-size: 7px; top: 45px; color:#999}

.menu_info_wrap .info_button{position: relative; top: 25px; text-align: right; right: 20px;}
.menu_info_wrap .info_button .info_btn{padding: 5px 15px;	border-radius: 10px; border: none; font-size: 10px;	background:#52a4da; color:#fff; /*background-color: #e8f3fa; color: #52a4da;*/font-family: 'NanumSquareRound'; bottom: 5px; margin-left: 15px;/*    	left: 15px; */}
.menu_info_wrap .info_button .info_btn2{padding: 5px 15px;	border-radius: 10px; border: none; font-size: 10px;	background:#999; color:#fff; /*background-color: #e8f3fa; color: #52a4da;*/font-family: 'NanumSquareRound'; bottom: 5px; margin-left: 15px;/*    	left: 15px; */}
.menu_info_wrap .info_button .info_btn2.act{background:#ed559a;}


.info_menu_wrap {position: absolute; bottom: 0; width: 100%; height: auto; padding-top: 10px;/* border: 1px solid red; */ display: flex; flex-wrap: wrap; background-color: #fff; justify-content: space-around;}
.info_menu_wrap .info_menu { width: 60px; height: 60px; text-align: center;}
.info_menu_wrap .info_menu > a > img {display: inline-block; width: 20px; /* margin-bottom: -8px; */}
.info_menu_wrap .info_menu>a>span {display:block; margin: 0; margin-top: 10px; color: #000; font-size: 12px; line-height: 12px;}

        
.sub_header {position: fixed; width: 100%; height: 50px; background-color: #52a4da; top: 60px; z-index: 3; text-align: center;}
.sub_header .title {display: inline-block; margin: 0; padding: 0; font-size: 20px; color: #fff; padding-top: 9px;}
.back_btn {position: absolute; display: inline-block; width: 30px; height: 30px; background: none; border: none;/* padding-left: 5px; */ top: 10px; margin: 0; padding: 0; left: 5px;}
.back_btn>img {width: 25px;}        
.header_write_btn {position: absolute; display: inline-block; width: 30px; height: 30px; background: none; border: none;/* padding-left: 5px; */ top: 10px; margin: 0; padding: 0; right: 5px;}
.header_write_btn>img {width: 25px;}         
       
       
       
        
        
/* Login */
.login_logo{position: absolute; left: 50%; top: 25%; transform: translateX(-50%);}
.login_logo>img {height: 80px;}
.logo_sentense {width: 80%; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); text-align: center; color: #fff;}
.sc1 {display: inline-block; position: relative; width: 100%; height: 60vh; background-color: #fff; top: 40vh; border-radius: 40px 40px 0 0; text-align: center; padding-top: 50px;}
.login-text-field {font-size: 14px; padding: 10px; border:0px; border-bottom: 1px solid #000; width: 75%; margin-bottom: 10px;}
.login-id{background-image: url(../img/common/icon/ico_login_01.png);background-repeat: no-repeat;background-position: 5px center;background-size: 16px auto; text-indent: 25px;}
.login-pw{background-image: url(../img/common/icon/ico_login_02.png);background-repeat: no-repeat;background-position: 5px center;background-size: 16px auto; text-indent: 25px;}
.submit-btn {font-size: 14px; border-radius: 20px; border: none; padding: 10px; width: 75%; background-color: #ed559a; margin-top:10px; color: white;}
.submit-btn2 {font-size: 14px; border-radius: 20px; border: none; padding: 10px; width: 75%; background-color: #52a4da; margin-top:10px; color: white;}

.login-find-set {float:left; width:100%; text-align: center;padding: 22px 0; border-top: 1px solid #707070;}
.login-find-set a {display:inline-block;padding: 0 10px;border-left: 1px solid #e0e0e0;line-height: 1;height: 17px;font-size: .9rem;color:#000;}
.login-find-set a:first-child{border-left: 0;}



/* Join */

.common_contents{width:100%; padding-top:0px;}
.common_header{position: relative; background: #fff; width: 100%; height: 60px;}
.common_header .left-btns {position: absolute; left: 10px; top: 14px; z-index: 1;}
.common_header button{color: #0089cf; line-height: 15px; font-size: 16px; outline: 0;}
.common_header .text-title{position: relative; top: 17px; display: inline-block; margin-left: 53px; font-size: 18px; font-family: NanumSquareRoundEB;}
.common_header .text-title.text-center{margin: 0 auto; display: block;}

.common_footer {position: fixed;bottom:0;left:0;width:100%;}
.common_footer .btn_btm {position: fixed; display: block; text-align: center; line-height: 55px; left: 0; bottom: 0; width: 100%;  height: 55px;  background: #52a4da; color: #fff; font-size: 1rem;}
	
.common_footer2{width: 100%; height:55px; position:fixed; border-top:1px solid #ccc; display: block; line-height: 55px; left:0; bottom: 0; color:#fff; background: #52a4da; text-align:center; font-size: 1.1rem;}
.common_footer2 div{width: 50%; height:100%; display: inline-block; }
.common_footer2 div:FIRST-CHILD{float:left; background:#fff; display: inline-block; color:#000; font-size: 1.1rem; }
.common_footer2 div:FIRST-CHILD .price{font-weight: bold;}
	
	
.mjoin {/*     margin:60px 0 0; */padding: 22px 24px;}
.m_mobile_time{padding:5px 0 0 8px; font-weight: bold; font-size:12px; text-align: left;}
.mjoin .tit {font-size: .9rem;}
.mjoin input{
    width:100%;
    height:35px;
    background: none;
    border:0;
    border-bottom:1px solid #ccc;
    padding-right: 5px;
    color:#000;
}    
.mjoin select{
    width:100%;
    height:35px;
    background: none;
    border:0;
    border-bottom:1px solid #ccc;
    padding-right: 25px;
    color:#000;
    padding: 4px 0 5px;
    border: 1px solid #d9d9d9;
    padding-left: 8px;
    font-size: 14px !important;
    font-weight: normal !important;
    vertical-align: middle;
}    
.mjoin textarea{
    width:100%;
    height:200px;
    background: none;
    border:0;
    border-bottom:1px solid #ccc;
    color:#000;
    padding: 10px;
    line-height:25px;
    border: 1px solid #d9d9d9;
    padding-left: 8px;
    font-size: 14px !important;
    font-weight: normal !important;
    vertical-align: middle;
}   
.mjoin .ipts {position: relative; margin-top: 23px;}
.mjoin .ipts:first-child{margin-top: 0;}
.mjoin .chk{position:absolute;right:0;top:3px;display: inline-block;width: 23px;height:23px;background: url(../img/common/ico_chk_off.png) no-repeat center;background-size: cover;}
.mjoin .chk.on {background-image: url(../img/common/ico_chk_on.png);}
.mjoin .cert {
    position: absolute;
    right:0;
    bottom:0;
/*     width:60px; */
    min-width:60px;
    height: 30px;
    background: #3c3939;
    color:#fff;
    font-size:12px;
}
.mjoin .btn-set {margin-top: 23px;}
.mjoin .btn-set.double button{
    width:48%;
    height:33px;
    line-height: 33px;
    color: #fff;
    font-size: .9rem;
}
.mjoin .btn-set button:hover{background:#eb002a;}
.mjoin .btn-set button{background:#3c3939;background-size: 12px auto;}
.mjoin .btn-set .woman{
    float: right;
    background:#3c3939;
    background-size: 12px auto;
}
.mjoin .btn-set .man i {
    position: relative;
    top:1px;
    margin-right: 5px;
    display: inline-block;
    width:15px;
    height:15px;
    background:url(../img/common/ico_mjoin_man.png) no-repeat 30% center;
    background-size: 15px auto;
    background-size: contain;
}
.mjoin .btn-set .woman i {
    position: relative;
    top:2px;
    margin-right: 5px;
    display: inline-block;
    width:15px;
    height:15px;
    background:url(../img/common/ico_mjoin_woman.png) no-repeat 30% center;
    background-size: contain;
}
.mjoin .sel {margin-top: 23px;}
.mjoin .sel select{width:100%;background: #fff;border:1px solid #ebebeb; font-size:14px; padding-left:8px}
.mjoin .warning {margin-top: 23px;}
.mjoin .warning li{text-indent: -7px; color:#797979; margin-bottom: 20px;}
.mjoin .warning li:before {content: "-";}
.mjoin .warning .tit{color:#000;}
.mjoin .warning li.tit:before {content: "";}
.mjoin .warning li.tit {margin-bottom: 0;}
.mjoin .agree_div{width: 100%; margin:20px 0; margin-bottom:60px; padding:15px; font-size:15px; line-height: 22px; background: #F1F9FF;}
.mjoin .agree_div .agree_msg{width: 100%; font-weight: bold; padding-bottom: 10px;}
.mjoin .agree_div .agree_box{width: 100%; padding:15px 0px; font-size:15px; line-height: 24px;}
.mjoin .agree_div .agree_box:LAST-CHILD{padding: 0px;}
.mjoin .agree_div .agree_box .arrow_guide{float: right; font-size: 3vmin; margin-right: -20px; font-weight: 100; padding: 1.5vmin 20px;}
.mjoin .agree_div .all_msg{width: 100%; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px;}




/* Index */
.index_sc_1 {width: 100%; position: absolute; top: 65px;}
.index_sc_1 .profile_wrap {position: relative; margin:0 auto; margin-top: 10px; width: calc(100% - 40px); height: 160px; background-color: #52a4da; border-radius: 35px; box-shadow: 2px 2px 2px 3px #dedede;}
.index_sc_1 .profile_img {position: absolute; width: 79px; height: 79px; border-radius: 50%; top: 20px; left: 25px; margin: 0; padding: 0;}
.index_sc_1 .profile_img img{width: 79px; height: 79px; border-radius: 40px; border: 1px solid #dedede; }
/*
.index_sc_1 .profile_detail{width: calc(100% - 185px); position: relative; left: 120px; top:35px; line-height: 20px; height: 60px;}
.index_sc_1 .profile_detail .name1 {position:absolute; top:0px; font-size: 14px; margin: 0; padding: 0; color: #dedede; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_sc_1 .profile_detail .name2 {position:absolute; top:20px; font-size: 13px; margin: 0; padding: 0; color: #fff; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_sc_1 .profile_detail .name3 {position:absolute; top:42px; font-size: 14.5px;  margin: 0; padding: 0; color: #fff; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
*/
.index_sc_1 .profile_detail{width: calc(100% - 185px); position: relative; left: 120px; top:30px; line-height: 20px; height: 60px;}
.index_sc_1 .profile_detail .name1 {position:absolute; top:0px; font-size: 15px; margin: 0; padding: 0; color: #dedede; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_sc_1 .profile_detail .name2 {position:absolute; top:20px; font-size: 13px; margin: 0; padding: 0; color: #fff; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_sc_1 .profile_detail .name3 {position:absolute; top:42px; font-size: 14.5px;  margin: 0; padding: 0; color: #fff; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




.index_sc_1 .notice_box {position: relative; width: calc(100% - 50px); height: 30px; background-color: #fff; margin: 0 auto; top: 55px; border-radius: 10px; font-weight: 900;}
.index_sc_1 .notice_box>li {width:100%; padding:6px 10px; font-size: 12px;}
.index_sc_1 .notice_box>li::marker {color: #ed559a;}
.index_sc_1 .notice_box>li>span {color: #ed559a;}
.index_sc_1 .rabbit {position: absolute; width: 96px; right: 0; top: 15px;}

.index_sc_2 {position: relative; height: 160px; top: 240px; width: 100%; background-color: #fff;}
.index_sc_2>p {position: absolute; margin: 0; padding: 0; width: 90%; left: 5%; font-size: 20px; top: 10px;}
.index_sc_2>p>span {color: #ed559a; font-weight: 900;}
.index_sc2box_wrap {position: absolute; width: 90%; height: auto; top: 45px; /* background-color: aqua; */ left: 5%;}
.index_sc2box_1 {width: 48%; height: 110px; border-radius: 20px; background-color: #fff; float: left; border: 1px solid rgb(182, 182, 182); box-shadow: 2px 2px 2px rgb(182, 182, 182); text-align: center;}
.index_sc2box_2 { width: 48%; height: 110px; border-radius: 20px; background-color: #fff; float: right; border: 1px solid rgb(182, 182, 182); box-shadow: 2px 2px 2px rgb(182, 182, 182); text-align: center;}
.status_box {margin-top: 15px; display: inline-block; /*width: 60px; line-height: 0;*/ height: 20px; border-radius: 10px; background-color: #52a4da; text-align: center; }
.status_box>p {color: #fff; font-size: 10px; margin-top:3px; padding:0 15px;}
.attendance {display: inline-block; margin: 0; margin-top: 10px; width: 100%;}
.attendance_txt1 {margin: 0; margin-left: 30px; padding: 0; float: left;}
.attendance>.attendance_txt2>img {width: 10px; margin-left: 5px;}
.attendance_txt2 {color: #ed559a; margin: 0; margin-right: 30px; padding: 0; float: right; font-weight: 800;}
.absent {display: inline-block; margin: 0; margin-top: -10px; width: 100%;}
.absent_txt1 {margin: 0; margin-left: 30px; padding: 0; float: left;}
.absent>.absent_txt2>img {width: 10px;margin-left: 5px;}
.absent_txt2 {color: #ed559a; margin: 0; margin-right: 30px; padding: 0; float: right; font-weight: 800;}
.calender_time {margin: 0; margin-top: 10px; display: block; padding: 0; font-size: 15px; color: #bebebe;}
.calender_txt {margin: 0;margin-top: 0px;font-size: 18px}

.index_sc_3 {position: relative; height:400px; margin-top:10px; /*height: calc(100% - 170px - 170px - 60px);*/ top: 240px; width: 100%; background-color: #f4f4f4; overflow-y: scroll; /* overflow-x: hidden; */ text-align: center; margin-left: auto;}
.icon_menu_wrap {width: 100%; height: auto; /* border: 1px solid red; */ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px;}
.icon {width: 75px; height: 75px; margin: 11px; border-radius: 15px; background-color: #fff; text-align: center;}
.icon>a>p {width: 75px; height: 30px; line-height: 12px; padding-top: 5px; font-size: 11px; margin: 0; padding: 0; color: #000; vertical-align: middle; display: table-cell; }
.icon>a>img {width: 33.5px; margin-top: 7px;}
.icon_txt>img {width: 45px; margin-bottom: -8px;}

.index_sc_4 {position: absolute; /*position: fixed;*/ display: block; width: 100%; height: 70px; background-color: #fff; bottom: 0; left: 0; margin: 0; padding: 0; z-index: 2;}
.cooperation_wrap {/*position:absolute; bottom:0px;*/ margin: 10px 0; margin-bottom: 20px; width:100%;}
.cooperation_wrap>img {width: 40px;}
.bottom_menu_wrap {width: 100%; height: auto; /* border: 1px solid red; */ display: flex; flex-wrap: wrap; margin-top: 10px; justify-content: space-around;}
.bottom_menu {width: 100px; height: 60px; text-align: center;}
.bottom_menu>a>img {width: 30px;/* margin-bottom: -8px; */}
.bottom_menu>a>p {margin: 0; margin-top: 5px; color: #000;}
.bottom_menu.act>a>p{color:#52a4da; font-weight: bold;}






/* Kids On */
.kidsOn_title{width: 100%; height:50px; text-align: center; font-size: 17px; font-family: 'NanumSquareRoundEB'; display: flex; justify-content:center; align-items:center; border-bottom: 2px solid #dedede;}
.kidsOn{width: 100%; height:80px; padding:0 20px; border-bottom: 1px solid #dedede;}
.kidsOn .eduCLogo{float:left; width: 80px; height:80px; padding: 10px;}
.kidsOn .eduCLogo img{width: 100%; height: 100%;}
.kidsOn .eduInfo{float:left; width:calc(100% - 80px); height:100%; padding-left: 10px; }
.kidsOn .eduInfo .eduCName{width:100%; font-size:15px; font-family: 'NanumSquareRoundEB'; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-top: 18px;}
.kidsOn .eduInfo .eduVName{width:100%; height:51px; font-size:13px; font-family: 'NanumSquareRoundEB'; line-height:18px; padding-top:15px;}
.kidsOn .eduInfo .etcInfo{width:100%; color:#666; font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.kidsOn_playerInfo{width: 100%; padding:10px 20px; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede;}
.kidsOn_playerInfo .player_title{width: 100%; height: 50px; font-size:15px; font-family: 'NanumSquareRoundEB';}
.kidsOn_playerInfo .player_detail{color:#666; font-size:14px;}


/* Set Kinder */
.m_title {position: relative; top: 95px; width: 100%; background-color: #eeeeee; font-size: 12px; margin: 0; padding: 0; height: 30px; padding-left: 15px; color: #a9a9a9; padding-top:7px;}
.m_sub{ width:100%; position: relative; top: 95px; padding: 10px 20px;}
.m_sub .tit {font-size: .9rem;}
.m_sub input{ width:100%; height:35px; /*text-indent:5px;*/ background: none; border:0; border-bottom:1px solid #ccc; padding-right: 5px; color:#000;}    
.m_sub select{ width:100%; height:35px;  background: none; border:0; border-bottom:1px solid #ccc; padding-right: 25px; color:#000; padding: 4px 0 5px; border: 1px solid #d9d9d9; padding-left: 8px; font-size: 14px !important; font-weight: normal !important; vertical-align: middle;}    
.m_sub textarea{ width:100%; height:200px; background: none; border:0; border-bottom:1px solid #ccc; color:#000; padding: 10px; line-height:25px; border: 1px solid #d9d9d9; padding-left: 8px; font-size: 14px !important; font-weight: normal !important; vertical-align: middle;}   
.m_sub .ipts {position: relative; margin-top: 23px;}

.m_sub .profile_form{width: 80px; height:100%; float:left; text-align: center;}
.m_sub .profile_form input{display: none;}
.m_sub .profile_form .clear_btn{background: #999; color:#fff; padding:6px 10px 5px 10px; border-radius: 10px; font-size: 13px; line-height: 13px;}
.m_sub .profile_img{width: 80px; height:80px; float:left; padding:10px;}
.m_sub .profile_img img{width: 60px; height: 60px; border-radius: 30px;}
.m_sub .set_profile{position: absolute; top: 60px; left: 65px; z-index: 2; color: #999; border-radius: 18px; padding: 5px; background: #fff; font-size: 11px; border: 1px solid #ccc;}
.m_sub .profile_info_t{width:calc(100% - 100px); float: right; margin-top:20px;}
.m_sub .profile_info_s{width:calc(100% - 100px); float: right; margin-top:10px;}
.m_sub .profile_info_s .radio_area, .m_sub .profile_info_t .radio_area{margin-top:10px; display: flex;}
.m_sub .profile_info_s .radio_area label, .m_sub .profile_info_t .radio_area label{width: 50%;}
.m_sub .profile_info_s .radio_area label .text, .m_sub .profile_info_t .radio_area label .text{position: absolute; margin-top: 3px;}
.m_sub .profile_info_t input, .m_sub .profile_info_s input{margin-bottom: 5px;}

.sub_list {position: relative; top: 95px; list-style: none; margin: 0; padding: 0; width: 100%;}
.sub_list li {position: relative; width: 100%; height: 50px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0; padding: 0; padding-left: 20px; }
.sub_list li.empty{height: 200px; display: flex; justify-content: center; align-items: center;}
.sub_list .main_txt {position: absolute; padding: 0; margin: 0; top: 12px;}

.sub_list .circle {/*position: absolute;*/ display: inline-block; width: 30px; height: 30px; border-radius: 15px; background-color: #ed559a; color: #fff; line-height: 2; top: 10px; left: 80px; text-align: center;}
.sub_list .square {top: 9px; right:55px; position: absolute; display: inline-block; width: 65px; height: 30px; background-color: #eeeeee;}
.sub_list .square>img {display: inline-block; width: 20px; margin-top: 5px; margin-left: 5px; }
.sub_list .square>p {position: absolute; display: inline-block; padding: 0; margin: 0; right: 10px; top: 5px; right: 5px;}
.sub_list .next {background: none; border: none; padding: 0; float: right; margin-right: 20px; margin-top: 15px;}
.sub_list .next>img { height: 20px;}
.sub_list .class_txt {position: absolute; padding: 0; margin: 0; right: 55px; color: #52a4da; top: 12px;}

.sub_list3 {position: relative; top: 95px; margin: 0; padding: 0; width: 100%;}
.sub_list3 li {position: relative; width: 100%; height: 70px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0; padding: 10px 20px; }
.sub_list3 li .txt_area, .sub_list3 li .txt_area2{width: 100%; height:100%; line-height: 25px;}
.sub_list3 .txt_area .main_txt {padding: 0; margin: 0; font-size:15px;}
.sub_list3 .txt_area .sub_txt {padding: 0; margin: 0; color:#999; font-size:13.5px; padding-left: 5px;}
.sub_list3 li .txt_area2{width: 100%; line-height: 25px;}
.sub_list3 .txt_area2 .main_txt {padding: 0; margin: 0; font-size:15px; height:100%; display: flex; align-items: center;}
.sub_list3 li .next {background: none; border: none; padding: 0; float: right; margin-top: 14px;}
.sub_list3 li .next>img { height: 20px;}





/* Set Kinder2 [memberList] */

.approve_wrap {width: 100%; position: fixed; text-align: center; top: 110px; height: 50px; border-bottom: 3px solid #eeeeee; background: #fff;}
/* .approve_wrap div{width: 33%; display: inline-block; float: left;} */

.approve_wrap div{width: 50%; height:50px; float: left; display: flex; justify-content: center; align-items: center;}
.approve_wrap div.act{border-bottom: 3px solid #52a4da;}
/*
.approve_wrap .finish {margin: 0; padding: 0; width: 100px; background-color: #52a4da; color: #fff; height: 24px; margin-top: 13px; border: 1px solid #52a4da;}
.approve_wrap .wait {margin: 0; padding: 0; width: 100px; background-color: #ffffff; color: #52a4da; height: 24px; margin-top: 13px;border: 1px solid #52a4da;}
.approve_wrap .ing {margin: 0; padding: 0; width: 100px; background-color: #ffffff; color: #52a4da; height: 24px; margin-top: 13px; border: 1px solid #52a4da;}
*/
.all_peple_list { position: fixed; top: 160px; width: 100%; height: 40px; /*border-top: 3px solid #eeeeee;*/ border-bottom: 3px solid #eeeeee;  background-color: #fff;}
.people_txt { margin: 0; padding: 0; position: absolute; font-size: 14px; color: #666; font-weight: 900; top: 7px; left: 20px;}

.management_list {margin: 0; padding: 0; list-style: none; margin-top: 140px;}
.management_list li {display: inline-block;width: 100%; height: 70px;/* background-color: orange; */ border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.management_list li:FIRST-CHILD{border-top: 0px;}
.management_list li.empty{height: 200px !important; display: flex; justify-content: center; align-items: center;}

/*
.management_list li .set_info { display: inline-block; font-size: 16px;}
.management_list li .set_info .profile {width: 45px; height: 45px; border-radius: 20px; background-image: url(/design/img/common/profile.png); background-size: cover; display: inline-block; margin-left: 15px; margin-top: 10px;}
.management_list li .set_info .set_detail { margin-top: -44px; margin-left: 65px; text-align: left; line-height: 19px}
.management_list li .set_info .set_detail .set_name { margin: 0; padding: 0; font-weight: 800;}
.management_list li .set_info .set_detail .set_class { margin: 0; padding: 0; font-size: 13px; color: rgb(150, 150, 150);}
*/
.management_list li .set_info { display: inline-block; padding-top: 12px; width:calc(100% - 125px);}
.management_list li .set_info .profile {width: 45px; height: 45px; border-radius: 20px; background-image: url(/design/img/common/profile.png); background-size: cover; display: inline-block; margin-left: 20px;}
.management_list li .set_info .set_detail { margin-top: -46px; margin-left: 75px; text-align: left; line-height: 19px}
.management_list li .set_info .set_detail .set_name { margin: 0; padding: 0; font-weight: 800;}
.management_list li .set_info .set_detail .set_name2 { margin: 0; padding: 0; font-weight: 800; margin-top:7px;}
.management_list li .set_info .set_detail .set_class { margin: 0; padding: 0; font-size: 13px; color: rgb(150, 150, 150);}
.management_list li .set_subDirector { position:relative; width:fit-content; top:22px; right:10px; float:right; padding: 5px 10px; font-size:10px; color:#fff; background: #ff47a1; border-radius: 10px;}

.management_list li .next {display: inline-block; background: none; border: none; padding: 0; float: right; margin-right: 20px; margin-top: 25px;}
.management_list li .next>img { height: 20px;}





/* Set Kinder3 [memberDetail] */
.personal_profile {display: block; position: absolute; width: 100%; height: 100vh; top: 0; /*right: 100%;*/ background-color: #fff; z-index: 10;}
.personal_profile .bg {position: absolute; width: 100%; height: 200px; top: 0; background-color: #eeeeee;}
.personal_profile .cancel_btn{ position: absolute; width: 40px; height: 40px; background: none; border: none; z-index: 99; left: 0px; top: 0px;} 
.personal_profile .cancel_btn > img{width: 20px; }
.personal_profile .leave_btn {position: absolute; /*width: 50px; height: 20px;*/ padding:5px 15px; border-radius: 15px; border: 1px solid #787878; right: 15px; bottom: 50px; font-family: 'NanumSquareRound'; }
.personal_profile .subDirector_btn {position: absolute; /*width: 50px; height: 20px;*/ padding:5px 15px; border-radius: 15px; border: 1px solid #787878; left: 15px; bottom: 50px; font-family: 'NanumSquareRound'; }
.personal_profile .subDirector_btn.act{background:#ff47a1; color:#fff; border:1px solid #ff47a1;}


.personal_info_wrap {width: 100%; height: 200px; /* background-color: red; */ position: absolute; top: 200px; text-align: center;}
.personal_info_wrap .personal_info_profile { display: inline-block; width: 90px; height: 90px; border-radius: 45px; background-image: url(/design/img/common/profile.png);  background-size: cover; margin-top: -50px;}
.personal_info_wrap .personal_etc { display: block; font-size: 18px; font-weight: 900; margin: 8px 0; margin-bottom: 15px;}
.personal_info_wrap .personal_etc .name{ }
.personal_info_wrap .personal_etc .etc{ font-size:16px; color:#999}

.personal_info_wrap .personal_class {width: 100%; height: 35px; /* background: red; */ border-bottom: 3px solid #dedede;}
.personal_info_wrap .personal_class>p {margin: 0;  padding: 0; display: inline-block; float: left; margin-left: 20px;}
.personal_info_wrap .personal_class>button {padding:5px 15px; border-radius: 15px; font-family: 'NanumSquareRound'; background: none; border: 1px solid #52a4da; color: #52a4da; float: right; margin-right: 20px;}

.personal_info_wrap .class_txt {display: inline-block; padding: 0; margin: 0;  margin-top: 15px;  float: left; margin-left: 15px; }
.personal_info_wrap .button_wrap { float: right; /*margin-top: 10px;*/ margin-right: 20px;}
.personal_info_wrap .refuse_btn { padding:5px 15px; border-radius: 12px; border: 1px solid #999; font-family: 'NanumSquareRound'; color: #fff; background: #999;}
.personal_info_wrap .approval_btn {padding:5px 15px; border-radius: 12px; border: 1px solid #52a4da; font-family: 'NanumSquareRound'; color: #fff; background: #52a4da}
.personal_info_wrap .next {background: none; border: none; padding: 0; float: right; margin-right: 20px;margin-top: 15px; }
.personal_info_wrap .next>img { height: 20px; }




/* Search Kinder */
.kinder_searchList{width:100%;}
.kinder_searchList .kinder{width:100%; float: left; padding:15px 20px; border-bottom: 1px solid #eeeeee; line-height: 22px;}
.kinder_searchList .kinder .kinder_info{width:calc(100% - 40px); float: left;}
.kinder_searchList .kinder .kinder_info .kinderName{width:100%; color: #52a4da; font-size: 16px; font-weight: bold; padding-bottom: 5px; font-family: 'NanumSquareRoundEB'; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kinder_searchList .kinder .kinder_info .kinderAddr{width:100%; font-size: 13px; color: #666; text-indent: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kinder_searchList .kinder .kinder_info .kinderTel{width:100%; font-size: 12px; color: #666; text-indent: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.kinder_searchList .kinder .btn_area{width:40px; float: right;}
.kinder_searchList .kinder .btn_area .next{background: none; border: none; padding: 0; float: right; margin-top: 25px;}
.kinder_searchList .kinder .btn_area .next>img{height: 20px;}





/* Schedule */
.calender {width: 100%; z-index: 2;  background-color: #fff;}
.calender_header {display: flex; justify-content: space-between; align-items: center; height: 50px; border: 1px solid #dedede;}
.calender_header>.year_month {font-size: 20px; color: #52a4da;}
.calender_header>.btn_prev { background: none; border: none; font-size: 20px; color: #52a4da;}
.calender_header>.btn_next { background: none;border: none;font-size: 20px;color: #52a4da;}

.calender .days { display: flex; margin: 10px 0 10px; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
.calender .day { width: calc(100% / 7); text-align: center; font-size: 13px;}
.calender .dates {display: flex; flex-flow: row wrap; height: 300px; padding: 0;}
.calender .date {width: calc(100% / 7); text-align: center; padding: 0; /* margin-right: 5px; */ /* border-bottom: 1px solid #333333; border-left: 1px solid #333333; */}
.calender .day:nth-child(7n + 1), .date:nth-child(7n + 1) {color: #D13E3E;}
.calender .day:nth-child(7n), .date:nth-child(7n) {color: #396EE2;}
.calender .date.before, .date.after{color:#dfdfdf !important;}
.calender .date .today{border: 1.5px solid #D13E3E; border-radius: 20px; padding: 5px 9px;}
.calender .date .today2{border: 1.5px solid #D13E3E; border-radius: 20px; padding: 5px;}
.calender .date .schedule_check{position: absolute; width: calc(100% / 7); color: #52a4da; display: block;}

.event_wrap {width: 100%; overflow: auto; padding:15px 20px;}
.event_wrap .event {width:100%; height: 70px;; background-color: #fff; border-radius: 20px; margin-bottom: 15px;}
.event_wrap .event:LAST-CHILD {margin-bottom: 0px;}
.event_wrap .event .event_date {float: left; width: 60px; height: 70px; border-radius: 20px 0 0 20px; background-color: #52a4da;display: inline-block; text-align: center; color: #fff;}
.event_wrap .event .event_date .num {margin: 0; font-size: 23px; padding-top: 13px;}
.event_wrap .event .event_date .day {margin: 0; font-size: 10px; line-height: 5px;}
.event_wrap .event .event_content{width: 100%; height: 100%; text-align: left;}
.event_wrap .event .event_content .refer {width: calc(100% - 70px); color:#52a4da; font-size: 14px; padding-left: 15px; padding-top: 12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event_wrap .event .event_content .title {width: calc(100% - 70px); font-size: 16px; padding-left: 15px; padding-top: 3px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.event_detail {display: none; width: 100%; height: 100vh; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.418); text-align: center;}
.event_info {position: absolute; width: 70%; height: 200px; background-color: #fff; border-radius: 40px; left: 15%; top: 50%; transform: translateY(-50%);}
.event_info_date {margin-left: 30px; margin-right: 30px; padding-bottom: 10px; font-size: 20px; border-bottom: 1px solid #777;}
.content_txt {text-align: left; margin-left: 20px; margin-right: 20px; font-size: 12px;}
.event_cancel {width: 50px; height: 50px; background: none; border: none;}
.event_cancel>img {position: absolute; width: 30px; top: 30px; right: 30px;}





/* Notice */
.search_box_wrap {width: 100%; position: fixed; top: 110px; height: 50px; background-color: #fff; z-index: 1;}
.search_box {position: relative; width: calc(100% - 40px); height: 35px; border-radius: 14px; border: 1px solid #52a4da; background-color: #fff; top: 8px; margin: 0 auto;}
.search_box>input {width: calc(100% - 40px); border: none; height: 35px; font-family: 'NanumSquareRound'; background: none; text-indent: 10px;}
.search_btn { background: none; border: none;  float: right; padding-top: 7px; margin-right: 10px;}
.search_btn>img {width: 14px;}
.point_notice .notice_list {display:flex; align-items:center; width:100%; height:40px;}
.point_notice {position: fixed; width: 100%; height: 40px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; /*margin-top: 100px;*/ top: 160px; background-color: #fff; overflow:hidden;  z-index: 1;}
.point {display: inline-block; /*width: 40px;*/ padding: 5px 14px; height: 25px; border-radius: 10px; background-color: #52a4da; color: #fff; font-size: 12px; line-height: 1.5; text-align: center; margin-top:0; margin-left: 15px;}
.point_txt {width: calc(100% - 130px);  display: inline-block;  margin: 0; padding: 0; font-size: 13px; font-weight: 900;  margin-left: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.more_btn {position:absolute; top:0; right:10px; width:35px; height:40px; padding:0 10px; border:none; background:#fff;}
.more_btn img {display:block; width:100%; height:auto; transform:rotate(90deg);}
.more_btn img.act {display:block; width:100%; height:auto; transform:rotate(270deg);}
 
.notice_content {width:100%; margin: 0; padding: 0; }
.notice_content li {width: 100%; /*height: 135px;*/ height: 165px; padding:15px 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.notice_content li:FIRST-CHILD{/*border-top: 0px;*/}
.notice_content li .notice_class {font-size: 10px; color:#52a4da; font-weight: 800; padding-bottom: 5px; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notice_content li .notice_class div{padding: 5px 7px; color: #fff; background: #52a4da; margin-right: 10px; width: fit-content; display: inline-block; border-radius: 2px;}
.notice_content li .notice_title {font-size: 15px; font-weight: 800; padding-bottom: 5px; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notice_content li .content_txt {margin: 0; padding: 0; font-size: 12px; width: 100%; height:60px; padding-bottom: 5px; font-family: 'NanumSquareRound'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 19px;}
.notice_content li .img_area{width: 100%; margin: 5px 0;}
.notice_content li img{width:80px; height:80px; border-radius: 20px;}
.notice_content li .notice_etc{width:100%; display: inline-block; font-size: 12px; }
.notice_content li .notice_etc .att{padding-right: 10px;}
.notice_content li .notice_etc .reply{}
.notice_content li .notice_etc .date{float:right; color: #a5a5a5;}
.notice_content li .notice_date{margin: 0; padding: 0; font-size: 12px; color: #a5a5a5; position: absolute; right: 20px;}
.notice_content li.empty{height: 400px; display: flex; justify-content: center; align-items: center;}

.write_btn {position: fixed; width: 50px; height: 50px; border-radius: 25px; background-color: #ed559a; bottom: 30px; border: none; right: 20px;  z-index: 9;}
.write_btn>img { width: 30px;}
.write_modal {display: none; position: fixed; width: 100%; height: 100vh; z-index: 100; background-color: rgba(0, 0, 0, 0.523); right: 0; top: 0;}
.write_txt {position: absolute; font-weight: 800; color: #fff; font-size: 13px; bottom: 90px;right: 90px; }
.cancel_txt {position: absolute; font-weight: 800; color: #fff; font-size: 13px; bottom: 30px; right: 90px;}
.cancel_btn {position: absolute; width: 50px; height: 50px; background-color: #a5a5a5; border-radius: 25px; border: none; bottom: 30px; border: none; right: 20px;}
.cancel_btn>img {width: 20px;}
.m_write_btn {position: fixed; width: 50px;  height: 50px; border-radius: 25px; background-color: #ed559a; bottom: 90px; border: none; right: 20px; z-index: 100;}
.m_write_btn>img {width: 30px;}






/* Message_list */
.fixed_bar {position: relative; width: 100%; height: 40px; position: fixed; background-color: #fff;  top: 110px; z-index: 5; }
.fixed_bar .select {width: 85%; position: absolute;  /* top: 100px; */ left: 3%; height: 26px; border-radius: 13px; border: 1px solid #52a4da; font-family: 'NanumSquareRound';  color: #52a4da; padding-left: 10px; padding-right: 20px; display: inline-block; top: 7px; }
.filter_btn {position: absolute; width: 26px; height: 26px; background-color: #fff; border: none; right: 10px; margin: 0; padding: 0; background-image: url(/design/img/common/filter.png); background-size: cover;top: 7px;}

.search_type{ width: 100%; background: #52a4da; display: none; min-height:50px; margin-top:110px; color:#fff; font-size: 15px; line-height: 15px; padding: 0px 20px; padding-right: 0px;}
.search_type .search_area {width:calc(100% - 40px); display: inline-block;}
.search_type .search_area div{padding: 5px 7px; margin: 10px 10px 10px 0; width: fit-content; display: inline-block;}
.search_type .search_close{position: absolute; top:120px; right: 3px;}
.search_type .search_close img{width:20px; height: 20px;}

.content_wrap {position: relative; width: 100%; /* border-top: 15px solid #dedede; border-bottom: 15px solid #dedede; */}
.content_wrap:LAST-CHILD {padding-bottom: 5px;}
.content_wrap .empty{height: 200px; display: flex; justify-content: center; align-items: center;}
.content_wrap .line{width: 100%; padding:6px 0px; background-color: #eee; font-size: 13px; padding-left: 15px; line-height: 20px;}

.event_wrap2 {width: 100%; overflow: auto; }
.event_wrap2 .event {position: relative; width: calc(100% - 20px); height: 70px; background-color: #fff; border-radius: 20px; border: 2px solid #52a4da; /* background-color: red; */ margin:15px 10px; }
.event_wrap2 .event.unchecked{background: #ddf6ff;}
.event_wrap2 .event:LAST-CHILD {margin-bottom: 0px;}
.event_wrap2 .event .event_date {margin: 0;  padding: 0; position: absolute; width: 60px;height: 68px; background-color: #52a4da; left: -1px; border-radius: 17px 0 0 17px; border: 2px solid #52a4da; top: -1px; text-align: center; color: #fff;}
.event_wrap2 .event .event_date .num {margin: 0; font-size: 23px; padding-top: 10px;}
.event_wrap2 .event .event_date .day {margin: 0; font-size: 10px; line-height: 5px;}
.event_wrap2 .event .event_content{width: 100%; height: 100%; text-align: left; padding-left: 70px;}
.event_wrap2 .event .event_content .profile{width: 50px; float: left; padding-top: 9px;}
.event_wrap2 .event .event_content .profile img{width:50px; height: 50px; border-radius: 25px;}
.event_wrap2 .event .event_content .info{ float:left; width: calc(100% - 70px); padding-left: 10px;}
.event_wrap2 .event .event_content .info .name {width:100%; font-size: 15px; font-weight:800; padding-top: 14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event_wrap2 .event .event_content .info .class {width:100%; font-size: 14px; color:rgb(150, 150, 150); white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event_wrap2 .event .event_content .read_check{display:inline-block; position: absolute; top:25px; right: 15px; background: #999; color: #fff; float:right; border-radius:10px; padding:4px 10px; font-size: 12px; line-height: 12px;}
.event_wrap2 .event.unchecked .read_check{background: #52a4da;}


.basic_health{width: 100%; position:relative; margin-top: 110px; padding-top:12px; padding-bottom: 5px; display: none;}
.basic_health .health_wrap{position: relative; margin: 0 auto; width: calc(100% - 40px); height: 70px; padding:15px; background: #fff; border-radius:20px; box-shadow:2px 2px 2px 3px #dedede; font-size: 13px;}
.basic_health .health_wrap .general{font-size: 15px;}
.basic_health .health_wrap .regDate{color:#999; text-align: right;}


.message_content {position: relative; width: calc(100% - 20px); height: 110px; background-color: #fff; border-radius: 20px; border: 2px solid #52a4da; /* background-color: red; */ margin:20px 10px; margin-bottom: 20px; }
.message_content .message_content_date {margin: 0;  padding: 0; position: absolute; width: 75px; height: 108px; background-color: #52a4da; left: -1px; border-radius: 20px 0 0 20px; border-bottom: 2px solid #52a4da; border-left: 2px solid #52a4da; top: -1px; text-align: center; line-height: 25px}
.message_content .message_content_date .date_number {padding: 0; margin: 0; font-size: 30px; color: #fff; padding-top: 32px;}
.message_content .message_content_date .date_day {padding: 0; margin: 0; font-size: 12px; color: #fff;}
.detail_date {position: absolute; margin: 0; padding: 0; font-size: 12px; padding-top: 5px; left: 80px; color: #cbcbcb; font-weight: 900;}
.parente {margin: 0; padding: 0; position: absolute; right: 10px; color: #000; font-size: 12px; padding-top: 5px;}
.message_content .write_info {position: absolute; width: calc(100% - 100px); font-family: 'NanumSquareRoundEB'; margin: 0; padding: 0; font-size: 14px; padding-top: 15px; left: 85px; color: #000; font-weight: 900;}
.message_content .detail_content {overflow: hidden; width: calc(100% - 150px); height: 80px; position: absolute; padding: 0; margin: 0; font-size: 11px; color: #000; padding-top: 40px; left: 85px; line-height: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /*display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.message_content .detail_content2 {overflow: hidden; width: calc(100% - 100px); height: 80px; position: absolute; padding: 0; margin: 0; font-size: 11px; color: #000; padding-top: 40px; left: 85px; line-height: 20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /*display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.message_content .img_box{position: absolute; width: 45px; height: 45px; background-color: #dfdfdf; bottom: 25px; right: 15px;}
.message_content .message_etc{position: absolute; width: calc(100% - 100px); padding-top: 84px; left: 85px; font-size: 12px;}
.message_content .message_etc .att{padding-right: 10px;}
.message_content .message_etc .reply{}
.message_content .message_etc .etc_info{float: right; color:#666;}
.message_content .message_etc .etc_info2{display: inline-block; position: relative; top: -4px; background: #52a4da; color: #fff; float: right; border-radius: 10px; padding: 4px 10px; font-size: 12px; line-height: 12px;}



/* Message_view */
.view_write_info {display: inline-block; width: 100%; height: 60px; /* background-color: orange; */ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff;}
.view_write_info .set_info {width: 100%; }
.view_write_info .set_info .profile_img {width: 40px; height: 40px;  border-radius: 20px; margin-left: 20px; margin-top:10px;}
.view_write_info .set_info .profile_img img{width: 40px; height: 40px; border-radius: 20px;}
.view_write_info .set_info .set_detail {/*width: 100px; height: 30px;*/ width:calc(100% - 120px); margin-top: -34px; margin-left: 70px; text-align: left; line-height: 15px;}
.view_write_info .set_info .set_detail .set_name {margin: 0;  padding: 0; font-weight: 800; padding-bottom: 5px;}
.view_write_info .set_info .set_detail .set_class {margin: 0; padding: 0; font-size: 11px; color: rgb(150, 150, 150); }
.view_write_info .set_info .mod_info{width:40px;}
.view_write_info .remake_btn {position: absolute; right: 10px; padding:10px; font-size: 20px; text-decoration: none; top: 122px; color:#000;}

.messageView_content_wrap {float:left; width:100%; position: relative; /*margin-left: 10px; margin-right: 10px; margin-top: 20px;*/ border-bottom: 1px solid #dedede; padding-bottom: 15px;}
.messageView_content_wrap .host_info{width: 100%; font-family: 'NanumSquareRound'; float: left; padding: 15px 20px; font-size: 13px; color: #52a4da; padding-bottom: 20px;}
/* .messageView_content_wrap .host_info .host_name{width: calc(100% - 100pX); background-image: url(/design/img/common/profile.png); background-size: 20px; background-repeat: no-repeat; float: left; text-indent: 30px; font-family: 'NanumSquareRoundB'; padding-top: 3px;} */
.messageView_content_wrap .host_info .host_name{width: calc(100% - 100px); float: left; font-family: 'NanumSquareRoundEB';}
.messageView_content_wrap .host_info .host_name img{width: 20px; margin:0px; border: 0px; border-radius: 10px; margin-right: 10px;}
.messageView_content_wrap .host_info .host_name .info{position: relative; top: 3px;}
.messageView_content_wrap .host_info .read_check{float: right; text-align: right;}
.messageView_content_wrap .host_class{width: 100%; font-family: 'NanumSquareRound'; float: left; padding: 15px 20px; font-size: 13px; color: #52a4da; padding-bottom: 0px;}
.messageView_content_wrap .host_class .class_info{width: 100%; float: left;}
.messageView_content_wrap .host_class .class_info div{padding:5px 7px; color:#fff; background: #52a4da; margin-right: 10px; margin-bottom:10px; width: fit-content; display: inline-block; border-radius: 2px;}
.messageView_content_wrap .host_class .class_info span{font-weight: bold; }

.messageView_content_wrap .title{float: left; width: calc(100% - 40px); font-size: 15px; font-family: 'NanumSquareRoundEB'; padding: 10px 0px; margin : 0 20px; line-height: 25px; border-bottom: 1px solid #dedede;}
.messageView_content_wrap .content_detail {float:left; width:100%; font-size: 14.5px; font-family: 'NanumSquareRound'; padding:20px; padding-bottom: 30px; line-height: 25px; min-height: 350px;}
.messageView_content_wrap .confirm_area{float:left; width:100%; padding:0 20px; margin-bottom:10px; font-family: 'NanumSquareRoundEB'; height: 40px; bottom: 40px; display: none;}
.messageView_content_wrap .confirm_area.confirmed{/*color:#ff47a1;*/ font-size:13px; text-align: right;}
.messageView_content_wrap .confirm_area .confirm_btn{width:100%; height:100%; text-align:center;color: #fff; background: #52a4da; display: inline-block; border-radius: 4px; font-size: 14.5px; line-height: 40px;}
.messageView_content_wrap .life_check {position: absolute; width: 100px; border: 1px solid #ed559a; height: 20px;  font-size: 11px; border-radius: 10px; background: none; font-family: 'NanumSquareRound'; color: #ed559a;right: 10px;}
.messageView_content_wrap img {margin: 10px 0px; width: 100%; /*background-color: #fff;*/ border: 1px solid #dfdfdf;}

.messageView_content_wrap .info_table{width: 100%; padding:15px; float: left; }
.messageView_content_wrap .info_table .import{width: 100%; height: 50px; /*background: #ccc;*/ background:#f4f4f4; float: left; border-bottom: 1px solid #ccc; padding-top:13px; padding-left:15px; }
.messageView_content_wrap .info_table .import .info_txt{float:left; width: calc(100% - 50px); font-weight: 800; font-size:15px;}
.messageView_content_wrap .info_table .import .info_detail{float:right; width:50px; font-size:25px; color: #52a4da; text-align:right; margin-top:-10px; padding:10px;}
.messageView_content_wrap .info_table .normal{width: 100%; min-height: 50px; float: left; border-bottom: 1px solid #ccc; padding-top:15px; padding-left:15px; font-size:14px;}
.messageView_content_wrap .info_table .normal .info_txt{width: 135px; float: left; font-size: 15px; font-weight: 800;}
.messageView_content_wrap .info_table .normal .info_sub{width: calc(100% - 135px); float: left;}
.messageView_content_wrap .info_table .normal .info_sub input{width: calc(100% - 20px); border:0px; border-bottom: 1px solid #000; text-align: left; padding:4px 5px; margin-top:-5px;}
.messageView_content_wrap .info_table .normal .info_sub .blood_list{width: 100%;  padding-left: 0px; display: flex; text-align: center;}
.messageView_content_wrap .info_table .normal .info_sub .blood_list li{width: 50px; display: inline-block;}
.messageView_content_wrap .info_table .normal2{width: 100%; height: 160px; float: left; border-bottom: 1px solid #ccc; padding-top:15px; padding-left:15px; font-size:14px;}
.messageView_content_wrap .info_table .normal2 .info_txt{width: 150px; float: left; font-size: 15px; font-weight: 800;}
.messageView_content_wrap .info_table .normal2 .info_sub{width: 100%; height:calc(100% - 40px); float: left; border:1px solid #ccc; margin-top:5px;}
.messageView_content_wrap .info_table .normal2 .info_sub textarea{width: 100%; border:0px; height: 100%; padding:10px; resize: none;}
.messageView_content_wrap .info_table .normal3{width: 100%; height: 150px; border-bottom: 1px solid #ccc; font-size:14px;}
.messageView_content_wrap .info_table .normal3 .info_txt{width: 150px; float: left; font-size: 15px; font-weight: 800;}
.messageView_content_wrap .info_table .normal3 .info_sub{width: 100%; height:calc(100% - 40px); float: left; border:1px solid #ccc; margin-top:5px;}
.messageView_content_wrap .info_table .normal3 .info_sub textarea{width: 100%; border:0px; height: 100%; padding:10px; resize: none;}
.messageView_content_wrap .info_table .normal4{width: 100%; height: 100%; float: left; padding:15px 15px 0 15px; font-size:14px;}
.messageView_content_wrap .info_table .normal4 .info_txt{width: 100%; float: left; font-size: 15px; padding-bottom: 10px;}
.messageView_content_wrap .info_table .normal4 .info_txt2{width: 100%; float: left; font-size: 14px; font-weight: 800; color:#ff47a1}
.messageView_content_wrap .info_table .normal4 .info_sub{width: 100%; height:90px; float: left; border:1px solid #ccc; margin:5px 0px 10px 0px; padding:10px; overflow: auto;}
.messageView_content_wrap .info_table .submit{width: 100%; min-height: 50px; float: left; text-align:right; border-bottom: 1px solid #ccc; padding-top:15px; padding-left:15px; font-size:14px; color:#fff;}
.messageView_content_wrap .info_table .submit .clear_btn{width:fit-content; padding:10px 20px;  background: #666; border-radius: 5px;}
.messageView_content_wrap .info_table .submit .reg_btn{width:fit-content; padding:10px 20px; background: #52a4da; border-radius: 5px; margin-left:5px;}


.health_graphArea{width: 100%; padding:20px 0;}
.health_graphArea .main_text{width: 100%; text-align: center;}
.health_graphArea .main_text div{width: 100%; display: inline-block; color: #000; font-size: 16px; width: 20%; padding: 10px 0; border: 1px solid #1fa7e0;}
.health_graphArea .main_text div.act{background: #52a4da; color: #fff; font-weight: 800;}


.comment_wrap {float:left; position: relative; background: #f9f9f9; padding:20px; width: 100%; padding-bottom: 60px;}
.comment_wrap .comment_count {font-size: 15px; color: #000; padding-bottom: 10px}
.comment_wrap .comment {float:left; position: relative; width: 100%; padding:10px 0;  font-family: 'NanumSquareRound'; }
.comment_wrap .comment:NTH-CHILD(1){margin-top:0px;}
.comment_wrap .comment .comment_profile{float:left; width: 50px; height: 50px; margin-right:10px; }
.comment_wrap .comment .comment_profile img{width: 50px; height: 50px; border-radius: 25px;}
.comment_wrap .comment .comment_detail{float:left; width:calc(100% - 60px); padding : 10px; border-radius: 10px; box-shadow: 3px 3px 3px 3px #dedede;  background: #fff; }
.comment_wrap .comment .comment_detail .commnet_write_info{width: 100%; font-size: 14px; float: left;}
.comment_wrap .comment .comment_detail .commnet_write_info .nickname {width:200px; float:left; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.comment_wrap .comment .comment_detail .commnet_write_info .mod_info {float: right; padding: 3px; margin-top: 1px;}
.comment_wrap .comment .comment_detail .comment_txt {float:left; width:100%; font-size: 12px; padding:5px;}
.comment_wrap .comment .comment_detail .regDate {width:100%; float: right; text-align: right; font-size: 11px; color: #999; font-weight: 800;}



/*
.comment_wrap .comment {position: relative; padding : 10px 0; width: 100%; background: #fff; margin:10px 0; padding:10px; border-radius: 10px; font-family: 'NanumSquareRound';  box-shadow: 3px 3px 3px 3px #dedede;}
.comment_wrap .comment .commnet_write_info{width: 100%; font-size: 14px;font-weight: 800; padding-bottom: 5px;}
.comment_wrap .comment .commnet_write_info .nickname {}
.comment_wrap .comment .commnet_write_info .regDate {color: #999; font-size: 12px; padding-left: 5px;}
.comment_wrap .comment .comment_txt {font-size: 12px; padding:0 5px;}
*/
.comment_write_wrap { position: fixed; width: 100%; height: 50px; bottom: 0; background-color: #52a4da; border-top: 1px solid #dedede;}
.comment_write_wrap .comment_write{ position: absolute; width: calc(100% - 50px); border: none; background-color: #fff; height: 50px;}
.comment_write_wrap .comment_icon{background: #fff; position: absolute; bottom: 7px; left: 2px; z-index: 100; font-size: 16px; padding: 10px; color: #999;		}
.comment_write_wrap input{height: 48px !important; text-indent: 30px;}
.comment_write_wrap textarea{height: 48px !important; font-size: 14px !important; padding: 13.5px 0; padding-left: 38px;}
.comment_write_wrap .comment_write_btn{ position: absolute; width: 25px; height: 25px; background-color: #52a4da; right: 12px; border: none; background-image: url(/design/img/common/icon/email.png); background-size: cover; top: 12px;}

    


/* Message_write */
.write_send_info {width: 100%; height: 60px; /* background-color: orange; */ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff;}
.write_send_info .set_info {width: 100%; height: 40px;  padding-top:10px; padding-left: 20px; }
.write_send_info .set_info .profile_img {width: 40px; height: 40px; float: left; margin-right: 10px;}
.write_send_info .set_info .profile_img img{width: 40px; height: 40px;  border-radius: 20px;}
.write_send_info .set_info .set_detail {/*width: 100px; height: 30px;*/ width:calc(100% - 120px); float:left; line-height: 15px; margin-top:6px;}
.write_send_info .set_info .set_detail .set_name {margin: 0;  padding: 0; font-weight: 800; padding-bottom: 5px;}
.write_send_info .set_info .set_detail .set_class {margin: 0; padding: 0; font-size: 11px; color: rgb(150, 150, 150); }
.write_send_info .set_info .set_detail2 {width:calc(100% - 45px); float:left; line-height: 15px;}
.write_send_info .set_info .set_detail2 .set_name2 {margin: 0;  padding: 0; font-weight: 800; margin-top:12px;}
.write_send_info .more_btn {position:absolute; top:120px; right:10px; width:35px; height:40px; padding:0 10px; border:none; background:#fff;}
.write_send_info .add_btn {float:left; height:100%; width: 30px; padding-top:15px;}
.write_send_info .add_btn span{color:#fff; padding:4px; font-size:10px; background: #52a4da;}

.write_send_info4 {float:left; width: 100%; min-height: 50px;  border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff; font-size: 15px; line-height: 15px; padding: 0px 20px;}
.write_send_info4 .add_btn {float:left; height:100%; width: 30px; padding-top:15px;}
.write_send_info4 .add_btn span{color:#fff; padding:4px; font-size:10px; background: #52a4da;}
.write_send_info4 .class_refer {float:left; width: calc(100% - 30px); height: 100%; padding-top:15px;}
.write_send_info4 .class_refer div{background:#dfdfdf; padding:5px 7px; font-size:12px; margin-right: 10px; margin-bottom: 10px; margin-top:-10px;  width: fit-content; display: inline-block;}


.write_title{float:left; width: 100%; height: 50px; border-bottom: 1px solid #dedede;}
.write_title input{width: 100%; border: 0px; height: 48px; padding:3px 20px;}
.write_date{float:left; width: 100%; height: 50px; border-bottom: 1px solid #dedede; padding:0 20px;}
.write_date .date_info{display: inline-block; width: calc(100% - 104px);}
.write_date input{display: inline-block; width: 100px; border: 0px; height: 48px; padding:3px 10px; text-align: right;}
.write_contents{float:left; width: 100%; height: 400px; border-bottom: 2px solid #dedede; }
.write_contents .sent_txt{ width: 100%; height:100%; border:0px; padding: 20px;  font-family: 'NanumSquareRound'; box-sizing:border-box;}
.write_title2{float:left; width: 100%; height: 50px; border-bottom: 1px solid #dedede; padding:0 20px; background: #f4f4f4; display: flex; align-items:center;}
.write_contents2{float:left; width: 100%; height: 100%; /*border-bottom: 1px solid #dedede;*/}
.write_contents2 .cont_title{width: 100%;  height: 40px; border-bottom: 1px solid #dedede; padding:0 20px; display: flex; align-items:center;}
.write_contents2 .cont_title .btn_area{position: absolute; right: 5px; font-size:20px; padding:10px; color: #ff47a1;}
.write_contents2 .cont_detail{width: 100%; height: 100%; border-bottom: 1px solid #dedede;}
.write_contents2 .cont_detail .time{width: 100%; height: 40px; padding:0 20px; display: flex; align-items:center;}
.write_contents2 .cont_detail .time input{border: 0px; border-bottom: 1px solid #000; text-align: center;; width: 100px; padding: 4px 5px; width: 80px}
.write_contents2 .cont_detail .btn_area{position: absolute; right: 5px; font-size:20px; padding:10px; color: #52a4da;}
.write_contents2 .cont_detail textarea{width: calc(100% - 40px); height:90px; margin:10px 20px 0 20px; padding:10px; resize: none; background: #f4f4f4; border-radius: 5px; border:1px solid #dedede;}


.write_menu{float: left;width: 100%; height: 100px; font-size: 14px; border-bottom: 1px solid #ccc; padding: 0 10px 0 20px; }
.write_menu .menu_title{width: 30%; float: left; padding-top: 15px;}
.write_menu .menu_sub{width: 70%;display: inline-block; padding-top: 5px;}
.write_menu .menu_sub textarea{width: 100%; height:90px; padding:10px; resize: none; background: #f4f4f4; border-radius: 5px; border:1px solid #dedede;}



.add_img_wrap{float:left; margin: 0; width: 100%; height: auto; padding:20px; border-bottom: 2px solid #dedede; box-sizing: border-box;}
.add_img_wrap .descript{font-size: 13px; color: #666; padding-bottom: 10px; margin: 0;}
.add_img_wrap .img_area{width: 100%; display: flex; flex-wrap: wrap; justify-content: left;}
.add_img_wrap .img_area .img_add{width: 60px; height: 60px; background-color: #fff; border: 1px solid #52a4da; margin: 0 10px 10px 0; display: flex; align-items: center; justify-content: center;}
.add_img_wrap .img_area .img_add > img{ width: 20px; margin: 0; padding: 0;}
.add_img_wrap .img_area .img_view{ margin: 0; padding: 0;    width: 60px; height: 60px; /*background-color: #dedede;*/ margin-right: 10px; border:1px dashed #000; margin: 0 10px 10px 0; background-size: 60px;}
.add_img_wrap .img_area .img_view > img{ width: 60px; height: 60px}
.add_img_wrap .img_area .delete{float: right; background: none; border: none; width: 12px; height: 12px; /*background-image: url(/design/img/common/close_w.png);*/ background-size: cover;  margin: 5px;}


.add_img_wrap .file_area{width: 100%; display: flex; flex-wrap: wrap; justify-content: left; margin-top: 10px;}
.add_img_wrap .file_area .file_view{width: 100%; border : 1px solid #dedede; border-radius: 10px; font-size: 13px; line-height: 13px; margin-bottom: 10px;}
.add_img_wrap .file_area .file_view .file_name{width: calc(100% - 35px); padding:10px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.add_img_wrap .file_area .file_view .file_name span{margin-right: 5px;}
.add_img_wrap .file_area .file_view .file_delete{float: right; padding: 7px; margin-top: 4px; margin-right: 5px;}






.icon_menu_wrap {width: 100%; height: auto; /* border: 1px solid red; */ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px;}
.icon {width: 75px; height: 75px; margin: 11px; border-radius: 15px; background-color: #fff; text-align: center;}
.icon>a>p {width: 75px; height: 30px; line-height: 12px; padding-top: 5px; font-size: 11px; margin: 0; padding: 0; color: #000; vertical-align: middle; display: table-cell; }
.icon>a>img {width: 33.5px; margin-top: 7px;}


/*
.add_img_wrap{ position: relative; margin: 0; width: 100%; padding:10px; border-bottom: 2px solid #dedede; padding-left: 10px; box-sizing: border-box;}
.add_img_wrap > p{font-size: 13px; color: gray;}
.img_add{ position: absolute; display: inline-block; width: 54px; height: 54px; top: 30px; background-color: #fff; border: 1px solid #52a4da;}
.img_add > img{ width: 20px; margin: 0; padding: 0;}
.img_view{ margin: 0; padding: 0;  position: absolute; display: inline-block; width: 54px; height: 54px; top: 30px; left: 80px;  background-color: #dedede; }
.delete{float: right; background: none; border: none; width: 12px; height: 12px; background-image: url(/design/img/common/close_w.png); background-size: cover;  margin: 5px;}
*/




/* Absence_list */

.content_wrap .absence_content{display: inline-block; width: 100%; height: 70px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.content_wrap .absence_content:FIRST-CHILD{border-top: 0px;}
/*
.content_wrap .absence_content .set_info { display: inline-block;padding-top: 12px;}
.content_wrap .absence_content .set_info .profile {width: 45px; height: 45px; border-radius: 20px; margin-left: 20px; }
.content_wrap .absence_content .set_info .profile img{width: 45px; height: 45px; border-radius: 25px; }
.content_wrap .absence_content .set_info .set_detail { margin-top: -46px; margin-left: 75px; text-align: left; line-height: 19px; margin-top:10px; }
.content_wrap .absence_content .set_info .set_detail .set_name { margin: 0; padding: 0; font-weight: 800;}
.content_wrap .absence_content .set_info .set_detail .set_class { margin: 0; padding: 0; font-size: 13px; color: rgb(150, 150, 150);}
.content_wrap .absence_content .read_check{background: #999; color: #fff; float:right; border-radius:10px; padding:4px 10px; margin:25px 20px 0 0; font-size: 12px; line-height: 12px;}
*/

.content_wrap .absence_content .set_info { width: calc(100% - 135px); display: inline-block;}
.content_wrap .absence_content .set_info .profile {width: 45px; height: 45px;  border-radius: 20px; margin-left: 20px; margin-top:10px;}
.content_wrap .absence_content .set_info .profile img{width: 45px; height: 45px; border-radius: 25px; }
.content_wrap .absence_content .set_info .set_detail { width:calc(100% - 85px); margin-top: -36px; margin-left: 75px; text-align: left; line-height: 15px; }
.content_wrap .absence_content .set_info .set_detail .set_name {margin: 0;  padding: 0; font-weight: 800; padding-bottom: 5px; font-size: 16px;}
.content_wrap .absence_content .set_info .set_detail .set_class { margin: 0; padding: 0; font-size: 11px; color: rgb(150, 150, 150); }
.content_wrap .absence_content .read_check{display:inline-block; position: relative; top:25px; right: 15px; background: #999; color: #fff; float:right; border-radius:10px; padding:4px 10px; font-size: 12px; line-height: 12px;}

.content_wrap .absence_content.unchecked{background: #ddf6ff;}
.content_wrap .absence_content.unchecked .read_check{background: #52a4da;}




/* DoseRequest_write */
.write_send_info2 {display: inline-block; width: 100%; height: 60px; /* background-color: orange; */ border-bottom: 1px solid #dedede; background-color: #fff;}
.write_send_info2 .set_info {width: 100%; font-size:16px;}
.write_send_info2 .set_info .profile_img {width: 40px; height: 40px;  border-radius: 20px; background-image: url(/design/img/common/profile.png); background-size: cover; display: inline-block; margin-left: 15px; margin-top:10px;}
.write_send_info2 .set_info .set_detail { margin-top: -44px; margin-left: 65px; text-align: left; line-height: 19px}
.write_send_info2 .set_info .set_detail .set_name { margin: 0; padding: 0; font-weight: 800;}
.write_send_info2 .set_info .set_detail .set_class { margin: 0; padding: 0; font-size: 13px; color: rgb(150, 150, 150);}
.write_send_info2 .more_btn {position:absolute; top:120px; right:10px; width:35px; height:40px; padding:0 10px; border:none; background:#fff;}
.write_send_info3 {display: inline-block; width: 100%; height: 60px; /* background-color: orange; */ border-top: 1px solid #dedede; border-bottom: 3px solid #dedede; background-color: #fff;}

.sub_list2 {position: relative; margin: 0; padding: 0; width: 100%;}
.sub_list2 li {position: relative; width: 100%; height: 50px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0; padding: 0; padding-left: 20px; }
.sub_list2 .main_txt {position: absolute; padding: 0; margin: 0; top: 12px;}

.sub_list2 .circle {position: absolute; display: inline-block; width: 30px; height: 30px; border-radius: 15px; background-color: #ed559a; color: #fff; line-height: 2; top: 10px; left: 80px; text-align: center;}
.sub_list2 .square {top: 9px; right:55px; position: absolute; display: inline-block; width: 60px; height: 30px; background-color: #eeeeee;}
.sub_list2 .square>img {display: inline-block; width: 20px; margin-top: 5px; margin-left: 5px; }
.sub_list2 .square>p {position: absolute; display: inline-block; padding: 0; margin: 0; right: 10px; top: 5px; right: 5px;}
.sub_list2 .next {background: none; border: none; padding: 0; float: right; margin-right: 20px; margin-top: 15px;}
.sub_list2 .next>img { height: 20px;}
.sub_list2 .class_txt {position: absolute; padding: 0; margin: 0; right: 55px; color: #52a4da; top: 12px;}
.sub_list2 .input_txt {position: absolute; padding: 0; margin: 0; right: 15px; color: #52a4da; top: 8px;}
.sub_list2 .input_txt input{border:0px; border-bottom: 1px solid #000; text-align: right; width:100px; padding:4px 5px;}
.sub_list2 .input_txt2 {position: absolute; padding: 0; margin: 0; left: 150px; color: #52a4da; top: 8px;}
.sub_list2 .input_txt2 input{border:0px; border-bottom: 1px solid #000; text-align: right; width:50px; padding:4px 5px; margin-right: 5px;}



/* PreView */
.preview{width: 100%; height: 100%; color: #fff; font-size: 18px; text-align: center;}
.preview .download_header{width: 100%; position: absolute; margin: 0 auto; top: 30px; }
.preview .contents{width: 100%; height: 100%; display: flex; align-items: center;}
.preview .download_footer{width: 100%; position: absolute; margin: 0 auto; bottom: 0px; z-index: 1;}
.preview .download_footer div{border: 1px solid #fff; padding: 10px; margin: 10px; border-radius: 10px;}





/* Filter */
.filter1_modal,.filter2_modal{display: inline-block; width: 100%; height: 100vh; overflow:scroll; position: fixed; z-index: 999; background-color:#fff; top:0; right:-100%; padding-top: 60px;}
.filter1_modal .cancel,.filter2_modal .cancel{padding:0;}
.filter1_modal .cancel img,.filter2_modal .cancel img {width:100%;}
.filter1_modal .cont .setting{height:75px; display:flex; justify-content:space-between; align-items:center; border-top:5px solid #ededed; border-bottom:5px solid #ededed; box-sizing:border-box; padding:0 27px;}
.filter1_modal .cont .setting>span{font-size:16px;}
.filter1_modal .cont .setting .switch_area{margin-top:7px;}

.filter1_modal .cont .select_people_h{float: right; color:#999; font-size:13px; line-height: 25px;}
.filter1_modal .cont .select_people_m{float: right; color:#999; font-size:13px; line-height: 25px;}

.filter1_modal .cont .class_name{font-family: 'NanumSquareRound';}
.filter1_modal .cont .student_info{font-family: 'NanumSquareRound'; padding-left:36px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter1_modal .cont .student_info .profile_img{padding-right: 10px;}
.filter1_modal .cont .student_info .profile_img img{width: 30px; height: 30px; border-radius: 20px;}
.filter1_modal .cont .student_info .student_name{}

.filter1_header,.filter2_header { position: fixed; top: 0; width: 100%; background-color: #52a4da; height: 60px; margin: 0; padding: 0; z-index: 2;}
.filter1_header .header_main,.filter2_header .header_main{margin: 0; padding: 0; position: absolute; font-size: 18px; color: #fff; top: 18px; left: 55px;}
.filter1_header .apply,.filter2_header .apply{margin: 0; padding: 0; position: absolute; font-size: 25px; color: #fff; top: 7.5px; right: 10px; padding:10px;}
.filter1_header .cancel, .filter2_header .cancel {position: absolute; width: 20px; height: 20px; background: none; border: none; top: 20px; left: 20px;}
.filter1_header .cancel>img, .filter2_header .cancel>img{width: 20px;}
.filter2_modal .cont .student_name{font-family: 'NanumSquareRound';}

.filter1_modal .class_list, .filter1_modal .student_list, .filter2_modal .class_list{padding:0; margin:0;}
.filter1_modal .class_list > li, .filter1_modal .student_list > li, .filter2_modal .class_list > li{border-bottom:1px solid #dedede;}
.filter1_modal .class_list > li > label, .filter2_modal .class_list > li > label{display:block;margin:18px 26px;}
.filter1_modal .student_list > li > label{display:block; margin:0px; padding:18px 26px;}
.filter1_modal .class_list > li input[type="checkbox"], .filter1_modal .student_list > li input[type="checkbox"],
.filter2_modal .class_list > li input[type="checkbox"]{display:none;}

.filter1_modal .class_list > li > label .check_box, .filter1_modal .student_list > li > label .check_box, .filter2_modal .class_list > li > label .check_box,
.blood_list > li > label .check_box {
    position:relative;
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
/*     border:1px solid #e4e4e4; */
    border:1px solid #ccc;
    margin-bottom:-5px;
    margin-right:10px;
}

.filter1_modal .class_list > li > label input[type="checkbox"] + .check_box::after,
.filter1_modal .student_list > li > label input[type="checkbox"] + .check_box::after, 
.filter2_modal .class_list > li > label input[type="checkbox"] + .check_box::after{
    content:'';
    display:none;
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    top:50%;
    left:50%;
    margin:-5px 0 0 -5px;
    background:#52a4da;
}
.filter1_modal .student_list > li > label input[type="checkbox"] + .check_box::after{background:#ff47a1;}


.filter1_modal .class_list > li > label input[type="radio"] + .check_box::after, .filter1_modal .student_list > li > label input[type="radio"] + .check_box::after, 
.filter2_modal .class_list > li > label input[type="radio"] + .check_box::after, .blood_list > li > label input[type="radio"] + .check_box::after{
    content:'';
    display:none;
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    top:50%;
    left:50%;
    margin:-5px 0 0 -5px;
    background:#52a4da;
}
.filter1_modal .student_list > li > label input[type="radio"] + .check_box::after{background:#ff47a1;}


.filter1_modal .class_list > li > label input[type="checkbox"]:checked + .check_box::after,
.filter1_modal .student_list > li > label input[type="checkbox"]:checked + .check_box::after,
.filter2_modal .class_list > li > label input[type="checkbox"]:checked + .check_box::after{display:block;}


.filter1_modal .class_list > li > label input[type="radio"]:checked + .check_box::after,
.filter1_modal .student_list > li > label input[type="radio"]:checked + .check_box::after,
.filter2_modal .class_list > li > label input[type="radio"]:checked + .check_box::after,
.blood_list > li > label input[type="radio"]:checked + .check_box::after{display:block;}



.modal2{float: right; width: 15px; height: 15px; border: none; background: none; background-image: url(/design/img/common/next.png); background-size: cover; padding-top: 15px; margin-top:4px;/* margin-left: 70%; */}

.modal3{transform: rotate(90deg); float: right; width: 15px; height: 15px; border: none; background: none; background-image: url(/design/img/common/next.png); background-size: cover; 

position: relative;
    right: -10px;
    margin: 10px;
    top: -5px;
/*    
padding-top: 15px; margin-top:4px;
*/

}
.modal3.act{transform: rotate(270deg);}




li input[type="radio"]{display:none;}

label .radio_box{
    position:relative;
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid #e4e4e4;
    margin-bottom:-5px;
    margin-right:10px;
}

label input[type="radio"] + .radio_box::after{
    content:'';
    display:none;
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    top:50%;
    left:50%;
    margin:-5px 0 0 -5px;
    background:#52a4da;
}
label input[type="radio"]:checked + .radio_box::after{display:block;}







/*switch*/
.el-switch,.el-switch-style,.el-switch-style:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.el-switch {display: inline-block; font-size: 100%; height: 20px; position: relative; overflow: visible;}
.el-switch > input[type="checkbox"] {display: none;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {background-color: #52a4da;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {left: 50%;}
.el-switch .el-switch-style:before {
	display: block;
	content: '';
	height: 25px;
	top:50%;
	transform:translateY(-50%);
	position: absolute;
	width: 25px;
	background-color: #eaeaea;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left:0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.el-switch .el-switch-style {
	height: 18px;
	left: 0;
	background: #a3a3a3;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: inline-block;
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 45px;
	cursor: pointer;
}





@media all and (orientation:portrait){
  
    @media (min-width:250px) and (max-width:350px){
       
		/* INDEX */
		.index_sc_1 .profile_img {width:70px; height: 70px; }
		.index_sc_1 .profile_detail{left:110px; width:calc(100% - 165px);}
		.icon {width: 67px; height: 67px; margin: 10px; }
		.icon>a>p {width: 67px; font-size: 10.5px; height: 30px; line-height: 12px; padding-top: 5px;}
		.icon>a>img {width: 30px; margin-top: 5px;}
		
    }
    @media (min-width:351px) and (max-width:400px){

		/* INDEX */
		.index_sc_1 .profile_img {width:70px; height: 70px; }
		.index_sc_1 .profile_detail{left:110px; width:calc(100% - 165px);}
		.icon {width: 67px; height: 67px; margin: 10px; }
		.icon>a>p {width: 67px; font-size: 10.5px; height: 30px; line-height: 12px; padding-top: 5px;}
		.icon>a>img {width: 30px; margin-top: 5px;}

    }
    @media (min-width:410px) and (max-width:430px){
        
        /* INDEX */
        .icon {width: 75px; height: 75px; margin: 11px; }
		.icon>a>p {width: 67px; font-size: 11px; height: 30px; line-height: 12px; padding-top: 5px;}
		.icon>a>img {width: 33.5px; margin-top: 7px;}
	
    }   
    @media (min-width:500px){
    
        /* INDEX */
        .icon {width: 75px; height: 75px; margin: 11px; }
		.icon>a>p {width: 67px; font-size: 11px; height: 30px; line-height: 12px; padding-top: 5px;}
		.icon>a>img {width: 33.5px; margin-top: 7px;}
    }       
    
    
    @media (min-height:560px) and (max-height:649px){

    }   
    @media (min-height:650px) and (max-height:739px){

    }   
    @media (min-height:740px) and (max-height:799px){

    }   
    @media (min-height:800px) and (max-height:1000px){

    }   
}