html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; font-weight: bold; } /* =24px */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body, html{
	font-family: 'Pretandard', sans-serif !important;
	/* font-family: 'Noto Sans KR', sans-serif !important; */
}
.fa{font-family: 'FontAwesome' !important;}
/* all css start===================================================== */
.main{
	position:relative;
}
.w-100p{
	width:100%;
}

.w-50p{
	width:50%;
}

.m_category_img.down{
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.filter_form>span{
	display: inline-block;
	color: #707070;
    min-width: 80px;
    height: 24px;
    font-size: 12px;
    border-radius: 12px;
    border: 1px solid #D5D5D5;
    padding: 3px 0px;
	text-align: center;
	margin-right: 10px;
	line-height: 16px;
	cursor: pointer;
}
.filter_form>#filter_selected{
	color: #43A6ED;
	background-color: #e2f5ff;
	border: 1px solid #43A6ED;
}
.header_follow{
	position:fixed;
}
.content-wrapper{
	background:#fff;
}
.skin-red-light .main-header .logo,
.skin-red-light .main-header .logo:hover,
.skin-red-light .main-header .navbar {
	/*background-color: #4E88C7;*/
	background-color: #ffffff;
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover{
	/*background-color: #4E88C7;*/
	background-color: #ffffff00;
}

.feedback_red{
	color:red;
}

.feedback_border{
	border:1px solid #FD0505 !important; 
}

.datatables_tbl1{
	width:100% !important;
}

.datatables_tbl1 tr
{
	cursor:pointer;
}

#users_password_div{
	color:#D73925;
}


.radio label{
	margin:0 10px 0 0;
}

#companies_modal1_search_result,
#companies_modal1_hospitals_idx{
	height:200px;
}

#product_sub_modal1 .modal-dialog{
	width:80%;
}

#product_sub_list_tbl1 td{
	text-align: center;
	vertical-align: middle;
}


.navbar-nav>.user-menu>.dropdown-menu{
	width:180px;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	right: 0;
}

.user-footer div
,.user-footer .btn{
	/* border:1px solid black; */
	width:100%;
}

.top_logo{
	position:absolute;
	/* border:1px solid black; */
	text-align: center;
	width:100%;
	z-index: -1;
}

@media (max-width: 767px){
	.main-sidebar {
		padding-top: 55px;
	}
}


.ccheck input[type="checkbox"] {
	display:none;
}

.ccheck label{
	width:100%;
	height:20px;
	/* border:1px solid green; */
}

.ccheck label .col-xs-11{
	padding:0;
	float:left;
	/* border:1px solid green; */
}

.ccheck label .col-xs-10{
	display: inline-block;
	float:none;
	padding:0;
	font-weight:400;
	line-height: 160% !important;
	/* border:1px solid green; */
}

.ccheck input[type="checkbox"] + label .col-xs-1 {
	/* display: inline-block; */
	padding:0;
	float: right;
	width:20px;
	height:20px;
	background:url("/asset/img/check01_off.png")no-repeat;
	vertical-align: top;
	cursor:pointer;
	/* border:1px solid green; */
}
.ccheck input[type="checkbox"]:checked + label .col-xs-1 {
	background:url("/asset/img/check01_on.png")no-repeat;
}

.ccheck_disable input[type="checkbox"]{
	display:none;
}

.ccheck_disable label{
	width:100%;
	height:20px;
}

.ccheck_disable label .col-xs-10{
	display: inline-block;
	float:none;
	padding:0;
	font-weight:400;
	line-height: 160% !important;
	color:#ccc;
	width:100%;
}

.check_agree_m input[type="checkbox"] {
	display:none;
}

.check_agree_m label{
	width:100%;
	height:20px;
	/* border:1px solid green; */
}

.check_agree_m label .col-xs-11{
	padding:0;
	float:left;
	/* border:1px solid green; */
}

.check_agree_m label .col-xs-10{
	display: inline-block;
	float:none;
	padding:0;
	font-weight:400;
	line-height: 160% !important;
	/* border:1px solid green; */
}

.check_agree_m input[type="checkbox"] + label .agree_all_img {
	/* display: inline-block; */
	padding:0;
	float: left;
	width:24px;
	height:24px;
	background:url("/asset/img/m/drawable/ic_check_off_1.svg")no-repeat;
	vertical-align: top;
	cursor:pointer;
	margin-right:6px;
	/* border:1px solid green; */
}
.check_agree_m input[type="checkbox"]:checked + label .agree_all_img {
	background:url("/asset/img/m/drawable/ic_check_on_1.svg")no-repeat;
}


.check_agree_m input[type="checkbox"] + label .col-xs-1 {
	/* display: inline-block; */
	padding:0;
	float: left;
	width:20px;
	height:20px;
	background:url("/asset/img/m/drawable/ic_check_off_2.svg")no-repeat;
	vertical-align: top;
	cursor:pointer;
	margin-right:6px;
	/* border:1px solid green; */
}
.check_agree_m input[type="checkbox"]:checked + label .col-xs-1 {
	background:url("/asset/img/m/drawable/ic_check_on_2.svg")no-repeat;
}

.check_agree_m_disable input[type="checkbox"]{
	display:none;
}

.check_agree_m_disable label{
	width:100%;
	height:20px;
}

.check_agree_m_disable label .col-xs-10{
	display: inline-block;
	float:none;
	padding:0;
	font-weight:400;
	line-height: 160% !important;
	color:#ccc;
	width:100%;
}

.request_modal1_request_addr_class{
	margin-right: 2px;
    width: 74%;
    padding: 0;
    padding-left: 8px;
    border-radius: 8px;
    height: 48px;
	display: inline-block;
	background-color:white !important;
}

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

.rradio18 input[type="radio"] + label{
	display:inline-block;
	border: 1px solid #D5D5D5;
    padding: 0;
    line-height: 32px;
    height: 32px;
	width: 23%;
	margin-right:8px;
    text-align: center;
    color:#AAAAAA;
    border-radius: 16px;
    font-weight: 500;
}

.rradio18 input[type="radio"]:checked + label {
	font-weight: bold;
    color: white;
    border: none;
    background-color: #43A6ED;
}

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

.rradio_gender input[type="radio"] + label{
	border: 1px solid #D5D5D5;
    padding: 0;
    line-height: 48px;
    height: 48px;
    /* float: left; */
    width: 47%;
    margin-right: 0px;
    text-align: center;
    color: #A8A8AA;
    border-radius: 8px;
    font-weight: 500;
}

.rradio_gender input[type="radio"]:checked + label {
	font-weight: bold;
    color: white;
    border: none;
    background-color: #43A6ED;
}





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

.rradio input[type="radio"] + label{
	border: 1px solid #D5D5D5;
    padding: 0;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    width: 31%;
    margin-right: 10px;
    text-align: center;
    color: #D5D5D5;
    border-radius: 16px;
    font-weight: 500;
}

.rradio input[type="radio"]:checked + label {
	font-weight: bold;
    color: white;
    border: none;
    background-color: #43A6ED;
}

.gender_2{
	width: 50%;
    text-align: center;
    height: 48px;
    display: inline-block;
    line-height: 48px;
	padding: 0;
	margin-right:16px !important;
}

.gender_3{
	width: 50%;
    display: inline-block;
    text-align: center;
    height: 48px;
    line-height: 48px;
}


.swal-overlay {
  background-color: rgba(211,61,78, 0.45);
}

.title_div1{
	font-weight:bold;
	font-size:16px;
	width:100%;
	margin:5px 15px 5px 15px;
	padding:0;
}
.custom_title{
	font-weight: bold;
	font-size: 1.5rem;
	height: 5vh;
	line-height: 5vh;
	margin: 0 auto;
	padding-left: 5vw;
}
.custom_subtitle{
	font-weight: bold;
	font-size: 27px;
	height: 80px;
	line-height: 80px;
	width: 1400px;
	margin: 0 auto;
}

.form-control{
	border-radius: 5px;
}



.btn-info {
	background-color: #6D6E72;
	border-color: #C8C8CA;
	border-radius: 5px;
}
.btn-info:hover, .btn-info:active, .btn-info.hover{
	background-color: #5D5E62;
	border-color: #C8C8CA;
}

.btn-danger {
	background-color: #EF5998;
	border-color: #C8C8CA;
	border-radius: 5px;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover{
	background-color: #dF4998;
	border-color: #C8C8CA;
}

.custom-form-box{
	text-align: center;
}
.search_form{
	float: left;
}
.search_box{
	width: 70vw !important;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
}
.search_button{
	width: 10vw;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	background-color: #43a6eb;
	background-image: url('/asset/img/search.png');
	background-position: center;
	background-repeat: no-repeat;

}

.customer_tbl1{
	/* border:1px solid black; */
	margin:0;
	padding:0;
	width:100%;
}

.customer_tbl1 td{
	padding:5px;
	text-align: center;
	border-bottom: 1px solid #E2E2E4;
}

.customer_tbl1 .title1{
	border:0;
	background-color:#6D6E72;
	color:#fff;
	border-radius: 5px 5px 0 0;
}

.customer_tbl2{
	margin:0;
	padding:0;
	width:100%;
}

.customer_tbl2 th{
	width:35%;
	padding:10px;
	background-color: #E7E7E9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.customer_tbl2 td{
	padding:10px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}


.btn-b2b1{
	padding:5px 10px 5px 10px;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
	border:2px solid #6D6E72;
	color: #6D6E72;
}

.btn-b2b2{
	padding:5px 10px 5px 10px;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
	border:2px solid #4E88C7;
	color: #4E88C7;
}

.btn-b2b3{
	padding:5px 10px 5px 10px;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
	border:2px solid #EF5394;
	color: #EF5394;
}

.customer_title1{
	width:100%;
	font-weight:bold;
	font-size:18px;
	margin:5px;
}

.modal1 .modal-dialog{
	border-radius:5px;
	
}
.modal1 .modal-content{
	/* border-radius:5px; */
	width:100%;
	/* margin:56px auto; */
}



#daum_tr1{
	display:none;
}
#daum_div1{
	display:none;
	position:relative;
	width:100%;
	height:350px;
}

#daum_close_img1{
	cursor:pointer;
	position:absolute;
	right:0px;
	top:-1px;
	z-index:1;
}


/* all css end===================================================== */

#loginformtext{
    color: #707070;
    text-align: left;
    font-size: 12px;
    font-family:Noto Sans CJK KR;
    margin-bottom:4px;
  }
  .btn-primary{
    border: none;
  }
  .btn-primary:hover{
    border: none;
  }
  .login-info{
      width: 50%;
      height: 100%;
      background: rgb(1,180,208);
      background-image: linear-gradient(150deg, #01b4d0 24%, #313193 139%);
      float: left;
      border-top-left-radius: 16px;
      border-bottom-left-radius: 16px;
  }
  
  #login_btn_div1 {
      display: inline-block;
      margin: 0 0 13px;
      width: 100%;
  }
  #yellow_register_link{
    color: #43a6ed;
  }
  #yellow_register_link:hover{
    text-decoration: underline;
  }

.yellow-agree-title{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}
.yellow-agree-btn-cancel{
	display: inline;
    background-color: #AAAAAA;
    width: 50vw;
    height: 54px;
    border: none;
    color: white;
    font-size: 18px;
    cursor: point;
    margin: 0;
    padding: 0;
    float: left;
}
.yellow-agree-btn-ok{
	display: inline;
    background-color: #43A6ED;
    width: 50vw;
    height: 54px;
    border: none;
    color: white;
    font-size: 18px;
    cursor: point;
    margin: 0;
    padding: 0;
    float: right;
}


#kbiz_register_link,
#hello_register_link,
#innobiz_register_link,
#thek_register_link{
	color: #43a6ed;
}

#kbiz_register_link:hover,
#hello_register_link:hover,
#innobiz_register_link:hover,
#thek_register_link:hover{
	text-decoration: underline;
}

.kbiz-agree-title,
.hello-agree-title,
.innobiz-agree-title,
.thek-agree-title{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}
.kbiz-agree-btn-cancel,
.hello-agree-btn-cancel,
.innobiz-agree-btn-cancel,
.thek-agree-btn-cancel{
	display: inline;
    background-color: #AAAAAA;
    width: 50vw;
    height: 54px;
    border: none;
    color: white;
    font-size: 18px;
    cursor: point;
    margin: 0;
    padding: 0;
    float: left;
}
.kbiz-agree-btn-ok,
.hello-agree-btn-ok,
.innobiz-agree-btn-ok,
.thek-agree-btn-ok{
	display: inline;
    background-color: #43A6ED;
    width: 50vw;
    height: 54px;
    border: none;
    color: white;
    font-size: 18px;
    cursor: point;
    margin: 0;
    padding: 0;
    float: right;
}


/* agree css start===================================================== */

.agree_div1{
	margin:20px 0 0 0;
	padding:0 15px 0 15px;
	font-weight:bold;
	font-size:14px;
	/* border:1px solid black; */
	width:100%;
}

.agree_div2 textarea{
	border:2px solid #ddd;
	border-radius: 5px;
	padding:15px;
	height:100px;
	line-height: 160%;
	text-align: justify;
	margin:0 0 20px 0;
	font-size:12px;
}

.agree_div2 textarea[readonly]{
	background:#fff;
}

#agree_btn1{
	width:100%;
	margin:0 0 50px 0;
}

#agree_btn1{
	background-color:#AAAAAA;
	border:none;
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
	padding:8px 12px;
}
.agree_ment{
	font-size:16px;
	font-weight:bold;
	color:#111111;
	line-height:24px;
	margin-bottom:27px;
}

.agree_margin{
	padding:0;
}

.agree_all{
	font-size:14px;
	border:1px solid #ededed;
	border-radius:10px;
	padding:7px 0;
	margin-bottom:16px;
	padding-left:8px;
}

.agree_all_text{
	width:58%;
	margin-top:2px;
}

.all_label{
	margin:0;
	display:block;
	height:0px;
}

.agree_label{
	margin:0;
	display:block;
	height:0px;
	font-weight:500;
}

.agree_ment1{
	margin-bottom:19px;
	font-size:14px;
	color:#707070;
}

.agree_ment2{
	margin-bottom:52px;
	font-size:14px;
	color:#707070;
}

.agree_text>img{
	float:right;
}

/* #site-review-default{
	display:none;
} */


.agree-box-img{
	margin-top:28px;
	margin-bottom:76px;
}

.agree-box-img>img{
	display:block;
	margin:0 auto;
	margin-top:17px;
}
.m_agreetext_row{
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  display: none;
}
#agree_text_area{
  width: 100%;
  height: calc(100% - 57px);
  border: none;
  padding: 20px;
  color: #707070;
}
#agree_text_area:focus,
#agree_text_area:focus-visible,
#agree_text_area:active{
  border: none;
  outline: none;
}
.close_agree_icon{
  position: absolute;
  left: 16px;
  margin: 2px;
}

/* agree css end===================================================== */

/* register css start===================================================== */

.regist_customer_link{
	color: #707070;
	font-size: 15px;
}
.regist_customer_link span{
	color:blue;
}
.regist_customer{
	font-size: 9px;
	padding-top: 10px;
}
.regist_customer_link,
.m_register_header{
  width:100%;
  padding:16px 0px 15.5px 0px;
      border-bottom:1px solid #ededed; 
  background-color:white;
  text-align:center;
}

.logo_purple{
	width: 98px; 
	height: 40px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.m_register_header>a{
  color:black;
  position:absolute;
  left:16px;
}

.m_register_header>a>img{
  transform:rotate(-180deg);
}

.m_register_header>p{
  font-size:16px;
  margin-bottom:0;
  margin-top:2px;
}

/* > 가족검진대상자 회원가입 form css */

.background{
	width: 100vw;
	/* height: 150vh; */
	background-color:#ffff;
	position: relative;
}
.register_form form>h2{
	font-size: 32px;
	font-weight: bold;
}

.register_form_title{
	max-height: 80px;
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
	/* width: 100%;
	height: 50px;
	margin-top: 22px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column; */
}
.register_wrap .register_form_title p{
	font-size: 24px;
	margin-top: 25px;
}	
.register_wrap .register_form_title h1{
	font-size: 36px;
	font-weight: 700;
	margin: 0;
}	
.register_form{
	background-color:#fff;
	width:1004px;
	height:auto;
	border-radius: 1rem;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); */
}
.register_form>.form-group{
	height: auto;
	width: 360px;
	margin-top: 45px;
	margin-bottom: 210px;
}
.register_form h2{
	margin-bottom: 40px;
	text-align: center;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	/* letter-spacing: -3px; */
}
.register_form p{
	/* padding-bottom: 62px; */
}
.register_form_line{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	
}
.register_form_line:nth-child(1){
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.register_form_line.address input{
	width: 55%;
}
.register_form_line input[type="text"],
.register_form_line input[type="password"],
.register_form_line input[type="email"],
.register_form_line input[type="number"],
.register_form_line input[type="tel"]{
	height: 40px;
	padding-left: 15px;
	font-size: 12px;
}
.register_form_line input[type="text"]::placeholder{
	height: 40px;
	font-size: 12px;
	color: #777777;
	/* color: #aaaaaa; */
	/* font-weight: 300; */
}
.register_form_line input:focus{
	outline: none;
}
.register_form_line.address input{
	width: 275px;
	background-color: #fff;
	border: 1px solid #ededed;
}
.register_form_line.address button{
	width: 80px;
	height: 40px;
	border-radius: 20px;
	/* position: absolute;
	top: 0;
	right: 0; */
}
/* .register_form_line:nth-of-type(4),
.register_form_line:nth-of-type(3), */
.register_form_line{
	position: relative;
}
.check_notice,
.register_form_line:nth-of-type(4) p,
.register_form_line:nth-of-type(3) p,
.register_form_line:nth-of-type(2) p{
	position: absolute;
	bottom: 8px;
	font-size: 10px;
	left: 370px;
	color: transparent;
	width: max-content;
}
.register_form_line:nth-of-type(4) input.active,
.register_form_line:nth-of-type(3) input.active,
.register_form_line:nth-of-type(2) input.active{
	border: 1px solid #fd0505;
	background-color: #fff;
}


.register_form_line:nth-child(1){
	margin-bottom: 50px;
}

.register_form_line label{
	width: 100px;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	font-family: 'Pretendard';
	font-weight: 500;
	text-align: left;

}
.register_form_line:nth-of-type(1) label{
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.register_form_line>input{
	width: 100%;
	height: 40px;
	border: 1px solid #f1f1f1;
	border-radius: 20px;
	color: #000;
	background-color: #f6f7f8;
}
.register_form_line.active{
	position: relative;
}
.register_form_line.active>input{
	background-color: #f6f7f8;
}
.register_form_line.active::before{
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 17px;
	background-image: url("/asset/img/m/drawable-mdpi/icon_regist_check.svg");
	background-position: 50% 50%;
	background-size: cover;
}
.register_form_line.agree{
	width: 100%;
	margin-bottom: 75px;
    display: flex;    
    flex-direction: row;
    flex-wrap: nowrap;
}

.register_form_line.agree label{	
	width: 100%;
	text-align: center;
}
.register_form_line button{
	width: 160px;
	height: 40px;
	margin: 0 auto;
	border-radius: 24px;
	background-color: #aaa;
	border: none;
	color: #fff;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 600;
}
/* 세부 디자인 */
.register_form_line label{
	color:#777;
	font-weight: 500;
	position: absolute;
	left: -80px;
}
.register_form_line.agree span{
	cursor: pointer;
	width: 220px;	
	font-size: 12px;
	color: #000;
	font-family: 'Pretendard';
	font-weight: 500;
	z-index: 2;
}
.register_form_line:nth-child(2) label div{
	font-size: 6px;

}
.register_form_line input[type="radio"]{
	position: absolute;
	right: 100px;
	display: none;
}
.register_form_line input[type="radio"]:nth-of-type(2){
	position: absolute;
	right: 50px;
}
#checkLabel {
	position: static;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: 0;
	margin-right: 5px;
	margin: 0px 5px 0px 0px;
	background-size: cover;
	background-image: url('/resource/images/agree_check1.png');
	cursor: pointer;
}
#agree:checked + #checkLabel {
	background-image: url('/resource/images/agree_check2.png'); /* 체크됐을 때 이미지 */
}
.register_form_line input[type="checkbox"]{
	width: 20px;
	transform: translateX(-10px);
	height: 12px;
	width: 12px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
}
.register_form_line>div{
	/* width:	calc(100% - 100px)  */
	width: 100%;	
}
.register_form_line div .gender_btn{
	position: static;
	height: 40px;
	width: 175px;
	border-radius: 20px;
	border: 1px solid #ededed;
	text-align: center;
	font-size: 12px;
	font-family: 'Pretendard-SemiBold';
	line-height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.register_form_line div .gender_btn:nth-of-type(1){
	float: left;
}
.register_form_line div .gender_btn:nth-of-type(2){
	float: right;
	color: #333;
}

input[id="male"]:checked + label[for="male"],
input[id="female"]:checked + label[for="female"]{
	background-color: #111;
	color: #fff;
}
input::placeholder{
	font-size: 11px;
	color: #777777;
}
/* register 팝업 @@@@@@@@@@@@@@@@@@@@@@ */
.modal_wrap{  
	background-color: rgba(17, 17, 17, 0.6);
	width: 100vw;
	height: 100%;
	z-index: 10;
	display: none;
	position: absolute;
	border: 1px solid #000;
}
.modal_window{
	width: 400px;
	height: 229px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none;
	border-radius: 10px;
	box-shadow: 0 1px 8px 0 rgba(20, 46, 110, 0.08);
}	
.modal_window>p{
	font-size: 16px;
  	font-weight: 500;
	width: 390px;
	color: #111;
}
.modal_window.is_privacy_policy{
	width: 500px;
	height: 468px;
	padding: 20px;
	position: fixed;
	color: #000;
}
.modal_window.is_privacy_policy h3{	
	padding-left: 10px;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: bold;	
}
.modal_window.is_privacy_policy h4{
	font-family: 'Pretendard';
	font-size: 14px;
	color: #111;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;	
}
.is_privacy_policy>.privacy_policy_text{
	width: auto;
	height: 300px;
	padding: 0 20px;
	position: static;
	top: 122px;
	left: 15px;	
}
.privacy_policy_text p{
	position: relative;
	margin-bottom: 0px;	
	font-size: 12px;
	font-family: 'Pretendard';
	font-weight: 500;
	color: #111;
	line-height: 20px;
}
.privacy_policy_text p:nth-of-type(6){
	font-size: 14px;
	font-weight: 600;
	padding: 20px 0px 10px;
	margin-left: -10px;
	margin-bottom: 0px;
}

.privacy_policy_text p:nth-of-type(7){
	color: #777;
}

.privacy_policy_text p.bf_dash:before{
	content: "-";
	position: absolute;
	left: -10px;
}
.privacy_policy_text p.bf_refer{
	padding-left: 5px;
	line-height: 20px;
	margin-bottom: 40px;
}
.privacy_policy_text p.bf_refer:before{
	content: "※";
	position: absolute;
	left: -10px;
}
.modal_window.active{
	display: block;
}
.modal_window>div{
	width: 25px;
	height: 25px;
	position: absolute;
	top: -25px;
	right: 0;
	cursor:pointer
}
.modal_window>div>img{
	width: 20px;
	height: 20px;
}
.modal_window>div>span{
	width: 25px;
	height: 2px;
	background-color: #000;
	position: absolute;
}
.modal_window>div>span:nth-child(1){
	top: 50%;
	transform: rotate(-45deg);
}
.modal_window>div>span:nth-child(2){
	top: 50%;
	transform: rotate(45deg);
}
.modal_window>p{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 390px;
	transform: translate(-50%,-50%);
	text-align: center;
	font-family: 'Pretendard';
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111;
}
.modal_window.is_complet{
	top: 80px;
	transform: translate(-50%,0);
	margin: 0;
}
.modal_window>button.modal-close{
	width: 100px;
	height: 32px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard';
	font-size: 14px;
    font-weight: 700;
	background-color: #5436ff;
	color: #fff;
	border-radius: 25px;
	border: none;
}

.modal_window>button.modal-close.check{
	width: 100px;
	height: 32px;
	position: absolute;
	bottom: 30px;
	right: 95px;
	transform: none;
	background-color: #5436ff;
	color: #fff;
	font-size: 16px;
	border-radius: 25px;
	border: none;
}

.modal_window>button.modal-close.cancel{
	width: 100px;
	height: 32px;
	position: absolute;
	bottom: 30px;
	left: 95px;
	transform: none;
	background-color: #fff;
	color: #777;
	font-size: 16px;
	border-radius: 25px;
	border: 1px solid #777;
}
.modal_window:nth-of-type(5)>button.modal-close{
	width: 130px;
	height: 40px;
	position: absolute;
	bottom: 25px;
	left: 36%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 1px solid #777;
	font-family: Pretendard;
	font-weight: bold;
	font-size: 16px;
	color: #777;
	border-radius: 25px;
}

.modal_window:nth-child(5) label{
	width: 130px;
	height: 40px;
	margin:0;
	position: absolute;
	bottom: 25px;
	right: 36%;
	transform: translateX(50%);
	border-radius: 25px;
	border: none;
	background-color:  #5436ff;
	color: #fff;
	font-family: Pretendard;
	font-weight: bold;
	font-size: 16px;
	display: flex;
	justify-content: center;
	line-height: 40px;
	cursor: pointer;
}
/* register css end===================================================== */


/* findme css start===================================================== */



.yellow-find-title{
	font-size: 16px;
	color: #111111;
	font-weight: bold;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 24px;
	letter-spacing: -1px;
}
.yellow_find_form{
	width: 100%;
	height: 50px;
	border-radius: 8px;
	border: solid 1px #d5d5d5;
	background-color: #fff;
	padding-left: 16px;
	margin-bottom: 4px;
}
.form_vaildation{
	font-size: 11px;
	font-weight: 500;
	color: #fc0505;
}
.yellow-find-btn-ok{
	display: inline;
	width: 100%;
	height: 54px;
	border-radius: 8px;
  background-color: #43A6ED;
  border: none;
  font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.36px;
	color: #ffffff;
	cursor: point;
}


/* 메인페이지 footer 푸터 */

.main-footer{
	margin:0 auto;
	background-color:#ffff;
	width:100%;
	height:75px; 
	text-align: center; 
	padding:0; 
	position:relative;
	border-top: 1px solid #e1e1e1;
}

.main-footer>div{
	width:1400px;
	height: 75px;
	margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.footer_info_box{
	display: flex; 
	align-items: center;
}
.footer-logo{
	height: 30px;
	/* float:left;
	margin-top:31.5px; */
}

.footer-content{
	/* width:725px; */
	height:45px;
	margin-left: 72px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* float:left;
	margin:31.5px 0 0 107px; */
	/* font-size:13px; */
	/* font-family:NotoSansCJKkr-Medium,Noto Sans CJK KR;
	color:#AAAAAA; */
}

.footer-content div:nth-child(2) p{
	margin-bottom: 0;
}

.footer-content p{
	margin-bottom: 5px;
	font-family: 'Pretendard';
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #777;
}

.footer-content a p{
	font-family: 'Pretendard';
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #777;
}

.footer-content a:last-child p{
	/* font-weight: bold; */
	text-align: left;
	color: #777;
}

.footer_info_line{
	display: flex;
	justify-content: space-between;
}
.footer_agree {
	/* float:left;
	margin:31.5px 0 0px 111px; */
}
.footer_agree div{
	display: flex;	
	justify-content: flex-end;	
}

/*footer-section3*/
.footer_agree{ 
	font-family: Pretendard;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #777;
}

.footer-cust-center{
    font-size: 18px;
    font-weight: bold;
	margin: 0;
	padding-top: 5px;
}

.footer-phone-number{
	float:left;
	margin-left:12px;
	font-family: Pretendard;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #777;
	margin-bottom: 2px;
}

.footer-service-time{
	margin-bottom: 0;
	font-size: 12px;
}

.footer-service-time>span{
	margin-left: 4px;
}

.footer-rest-day{
	margin-bottom: 0;
	margin-left: 4px;
	color: #777;
	font-size: 12px;
}



/* agree renew */
.agree-header{
    width: 100% !important;
    height: 96.5px !important;
    max-height: 96.5px !important;
    border-bottom: 1px solid #E1E1E1;
    background-color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.agree_renew_all{
    margin: 20px 0 0 0;
    padding: 0 15px 0 15px;
    font-weight: bold;
    font-size: 14px;
    width: 1040px;
    display: flex;
    background-color: #ededed;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.agree_renew_all>.ccheck label{
	height: 20px;
	margin: 0;
}
.agree_renew_title>.ccheck input[type="checkbox"] + label .col-xs-1 ,
.agree_renew_all>.ccheck input[type="checkbox"] + label .col-xs-1 {
	/* display: inline-block; */
	padding:0;
	position: relative;
	bottom:-2px;
	margin: 0px;
	/* float: right; */
	float: left;
	width:18px;
	height:18px;
	background:url("/resource/images/renew_check_gray_off.svg")no-repeat;
	vertical-align: top;
	cursor:pointer;
    background-size: contain;
	/* border:1px solid green; */
}
.agree_renew_title>.ccheck input[type="checkbox"]:checked + label .col-xs-1 ,
.agree_renew_all>.ccheck input[type="checkbox"]:checked + label .col-xs-1 {
	background:url("/resource/images/renew_check_on.svg")no-repeat;
}

.agree_renew_title{
    margin: 30px 0 0 0;
    padding: 0;
    font-weight: bold;
}
.agree_renew_title>.label_margin>label{
	margin-bottom: 10px;
}
.agree_span.required{
	color: #ff3939;
}
.agree_renew_content{
	padding: 0px;
}
.agree_renew_content>div.textarea,
.agree_renew_content>textarea{
    width: 100%;
    height: 200px;
    resize: none;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    border-radius: 10px;
    font-size: 14px;
    overflow: scroll;
    padding: 10px;
	letter-spacing: 0.28px;
	overflow-x: hidden;
}
.textarea>p{
	margin-bottom: 0px;
}

.seoul_agree_group{
    display: inline-block;
    border-top: 1px solid #e2e4fc;
    border-bottom: 1px solid #e2e4fc;
    margin: 50px 0 30px;
    padding: 20px 0 10px;
	font-size: 12px;
	font-weight: 500;
}
.agree_table_seoul th,
.agree_table_seoul td{
	text-align: center;
	border-left: 7.5px solid #f6f7f8;
	border-right: 7.5px solid #f6f7f8;
	padding: 5px;
	vertical-align: top;
}
.agree_table_seoul th:first-child,
.agree_table_seoul td:first-child{
	border-left: none;
}
.agree_table_seoul th:last-child,
.agree_table_seoul td:last-child{
	border-right: none;
}
.agree_table_seoul tbody tr td{
	border-top: 1px solid #ededed;
	min-width: 330px;
}
.extra_space_35{
	display: inline-block;
	width: 100%;
	margin-bottom: 35px;
}

.agree_swal{
    text-align: center;
    width: 600px;
    left: calc(50%);
    margin-left: -300px;
	padding: 30px;
}

.agree_swal h2{
	margin: 10px 0 25px;
}

.agree_swal p {
    font-size: 18px;
    width: 420px;
    margin: auto;
	font-weight: 500;
	color: #111111;
}

.agree_swal button {
    width: 180px;
    border-radius: 30px;
    height: 60px;
    font-size: 20px;
	box-shadow: none;
}
.wrapper{
	overflow-x: hidden;
	overflow-y: hidden;
}


.school-agree-title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}
.school-agree-btn-cancel{
    display: inline-flex;
    width: 160px;
    height: 40px;
    border-radius: 25px;
    border: solid 1px #777777;
    background-color: #ffffff;
    font-size: 16px;
    color: #777777;
    align-items: center;
    justify-content: center;
	margin-right: 10px;
}
.school-agree-btn-ok{
    display: inline-flex;
    width: 160px;
    height: 40px;
    border-radius: 25px;
	border: none;
    background-color: #cccccc;
    font-size: 16px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}



.school_form_line{
	width: 100%;
	height: 60px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}
.school_form_line:nth-child(1){
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.school_form_line.address input{
	width: 55%;
}
.school_form_line input[type="text"],
.school_form_line input[type="password"],
.school_form_line input[type="email"],
.school_form_line input[type="number"],
.school_form_line input[type="tel"]{
	height: 40px;
	padding-left: 15px;
	font-size: 11px;
}
.school_form_line input[type="password"]::placeholder,
.school_form_line input[type="tel"]::placeholder,
.school_form_line input[type="text"]::placeholder{
	height: 40px;
	font-size: 14px;
	color: #777777;
	font-weight: 300;
}
.school_form_line input:focus{
	outline: none;
}
.school_form_line.address input{
    width: 273px;
    border-radius: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ededed;
}
.school_form_line.address button{
	width: 20%;
	height: 40px;
	border-radius: 20px;
	background-color: #333333;
	/* position: absolute;
	top: 0;
	right: 0; */
}

.school_form_line.hidden_notice p{
	position: absolute;
    font-size: 10px;
    left: 480px;
    top: 20px;
	color: transparent;
	width: max-content;
}
.school_form_line.check_require input.active{
	border: 1px solid #fd0505;
	background-color: #fff;
}


.school_form_line:nth-child(1){
	/* margin-bottom: 50px; */
}

.school_form_line label{
	width: 100px;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;

}
.school_form_line:nth-of-type(1) label{
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.school_form_line>input{
	width: 360px;
	/* width: calc(100% - 100px); */
	/* height: 80%; */
	border: 1px solid #ededed;
	border-radius: 20px;
	color: #111;
	background-color: #f5f5f5;
}
.school_form_line.active{
	position: relative;
}
.school_form_line.active>input{
	background-color: #f6f7f8;
}
/* .school_form_line.active::before{
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 22px;
	background-image: url("/asset/img/m/drawable-mdpi/icon_regist_check.png");
	background-position: 50% 50%;
	background-size: cover;
} */
.school_form_line.agree{
	width: 100%;
	display: flex;
	justify-content: center;
}

.school_form_line.agree label{	
	width: 100%;
	text-align: center;
}
.school_form_line button{
	width: 285px;
	height: 48px;
	/* margin: 0 auto; */
	border-radius: 24px;
	background-color: #aaa;
	border: none;
	color: #fff;
	font-size: 16px;
}
/* 세부 디자인 */
.school_form_line label{
	color:#707070;
	font-weight: 500;
}
.school_form_line.agree span{
	cursor: pointer;
	width: 220px;
	text-align: right;
	margin-left: -30px;
	z-index: 2;
}
.school_form_line:nth-child(2) label div{
	font-size: 6px;

}
.school_form_line input[type="radio"]{
	position: absolute;
	right: 100px;
	display: none;
}
.school_form_line input[type="radio"]:nth-of-type(2){
	position: absolute;
	right: 50px;
}
.school_form_line input[type="checkbox"]{
	width: 20px;
	transform: translateX(-10px);
	height: 12px;
	width: 12px;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
}
.school_form_line>div{
	/* width:	calc(100% - 100px)  */
    width: 360px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.school_form_line div .gender_btn{
	height: 40px;
	width: 175px;
	border-radius: 20px;
	border: 1px solid #ededed;
	text-align: center;
	line-height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.school_form_line div .gender_btn:nth-of-type(1){
	float: left;
}
.school_form_line div .gender_btn:nth-of-type(2){
	float: right;
}


.school_search_select{
	/* float: left; */
	display:inline-block;
    width: 208px;
    height: 39px;
    border-radius: 8px;
    border: 1px solid #ededed;
    font-size: 16px;
	font-family: Pretendard;
	font-weight: 500;
	padding-left:16px;
	cursor: pointer;
	margin-right:8px;
	background-color:white;
	background-repeat:no-repeat;
	background-image: url('/asset/img/infinitycare/ic_down_18.svg');
    background-position: 175px 50%;
	appearance: none;
}

.select2-container{
	width: 360px !important;
	/* height: 40px !important; */
}
.select2-container--default .select2-selection--single{
	height: 40px;
    border: 1px solid #ededed;
    border-radius: 20px;
    color: #111;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-radius: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left: 15px;
	line-height: 40px;
	background-repeat:no-repeat;
	background-image: url('/asset/img/infinitycare/ic_down_18.svg');
    background-position: 325px 50%;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus{
	outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
	/* select2 기본 placeholder */
	color: #777777;
	font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	/* select2 기본 화살표 처리 */
	display: none;
}

body>.select2-container.select2-container--default.select2-container--open{
	margin-top: 5px;
}

.select2-dropdown.select2-dropdown--below{
    border: 1px solid #ddd;
    border-radius: 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 20px 0;
}
.select2-results__option{
	padding-left: 15px;
}
.select2-results__option[aria-selected]{
	/* 기본상태 */
	padding-left: 15px;
	color: #000000;
}
.select2-container--default .select2-results__option[aria-selected=true]{
	/* 마우스 올린거 */
    background-color: #f5f5f5;
    color: #000000;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	/* 선택된거 */
    background-color: #f5f5f5;
    color: #000000;
}
.select2-container--default .select2-results__option--selected{
	/* 선택한거 */
	background-color:white;
	background-repeat:no-repeat;
	background-image: url('/asset/img/ic_school_check.svg');
    background-position: 325px 50%;
	color: #5436ff !important;
	font-size: 15px;
	font-weight: bold;
}
.select2-search--dropdown{
	text-align: center;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: none;
    border-bottom: 1px solid #333333;
    width: calc(100% - 30px);
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
	outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background-repeat: no-repeat;
    background-image: url(/resource/images/select2_search_icon.svg);
    background-position: 295px 50%;
}



.school-regi-btn-cancel#school_regi_deny{
    display: inline-flex;
    width: 160px;
    height: 40px;
    border-radius: 25px;
    border: solid 1px #777777;
    background-color: #ffffff;
    font-size: 16px;
    color: #777777;
    align-items: center;
    justify-content: center;
	margin-right:-50px;
}
.school-regi-btn-ok#school_regi_allow{
    display: inline-flex;
    width: 160px;
    height: 40px;
    border-radius: 25px;
	border: none;
    background-color: #cccccc;
    font-size: 16px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}

@font-face {
    font-family: 'MapoPeacefull';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoPeacefullA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.school_bg{
    font-family: 'GmarketSansMedium';
    min-height: calc(100vh - 104px);
    background-image: url(/resource/images/school_banner_bg.png);
    background-size: cover;
    padding: 180px 0 50px;
}
.school_banner{
    width: 700px;
    min-height: 720px;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.school_banner_icon{
    width: 230px;
    height: 230px;
    position: relative;
    top: -100px;
}
.school_banner_content{
	max-width: 510px;
    margin: -80px auto auto;
}
.school_banner_title{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.school_banner_title #sub_title{
	font-size: 20px;
    letter-spacing: 2px;
}
.school_banner_title #title{
	font-family: 'GmarketSansBold';
	font-size: 35px;
    font-weight: bold;
    margin-bottom: 25px;
}
.school_banner_title #title_disc{
    font-family: 'MapoPeacefull';
    font-size: 17px;
    letter-spacing: -0.42px;
    color: #b489f8;
}
.banner_separator{
    width: 150px;
    height: 1px;
    border: 1px solid #dddddd;
    margin: 30px auto 40px;
}
.school_banner_text{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.school_banner_text .benefit_list{
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    font-size: 18px;
    min-width: 330px;
    text-align: left;
    margin-bottom: 20px;
}
.school_banner_text .benefit_list img{
    margin-right: 5px;
}
.school_banner_text .banner_benefit_text{
    font-family: 'MapoPeacefull';
    font-size: 17px;
    color: #777777;
    letter-spacing: -0.42px;
}
.school_banner_text .banner_benefit_text .start_quote{
	vertical-align: super;
    margin-right: 5px;
}
.school_banner_text .banner_benefit_text .end_quote{
    vertical-align: text-bottom;
    margin-left: 5px;
}
.school_banner_btn{
	width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 50px;
}
.school_banner_btn_area{
	width: 240px;
	cursor: pointer;
}
.school_banner_btn_area div{
    width: 240px;
    height: 60px;
    border-radius: 30px;
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
    font-size: 24px;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.school_banner_btn_area #school_regi_btn{
    background-color: #81cad8;
}
.school_banner_btn_area #school_login_btn{
    background-color: #899ef8;
}
.school_banner_btn_area span {
    font-size: 14px;
    font-family: 'Pretandard';
    letter-spacing: -0.35px;
    margin-top: 8px;
    display: inline-block;
}