@charset "UTF-8";

/* ==== modal === */
.modalSmall .btn{cursor: pointer;outline: none;font-weight: 500;float:left;height: 50px;}
.dimLayer{position:fixed; z-index: 2000; width:100%; left: 0;top: 0px;margin: 0; background-color: rgba(0, 0, 0, 0.6);max-width: 100%;}
.modalSmall{width: 450px; border-radius: 0.375rem; padding-top:56px; box-sizing: border-box; text-align: center;max-width: 100%;}
.modalSmall-section{background: #ffffff;box-sizing: border-box;display: none;position: fixed; top: 50%; left: 50%; 
   -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
   display: none;z-index: 9999;}
.menu_msg{font-size: 16px; font-weight: 500; padding:0 20px;color:#384551}
.enroll_box p{padding-bottom: 56px;}
.gray_btn {width: 50%; background: #d8d8d8; color: #333; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 0.375rem; border-top-left-radius: 0; border-top-right-radius: 0; border:0}
.gray_btn:hover {width: 50%; background: #d8d8d8; color: #333; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 0.375rem; border-top-left-radius: 0; border-top-right-radius: 0; border:0;transform:translateY(0px);}
.gray_btn:active:hover {width: 50%; background: #d8d8d8; color: #333; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 0.375rem; border-top-left-radius: 0; border-top-right-radius: 0; border:0;transform:translateY(0px);}

.pink_btn {width: 50%; background: #696cff; color: #fff; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border:0 }
.pink_btn:hover {width: 50%; background: #696cff; color: #fff; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border:0;transform:translateY(0px); }
.pink_btn:active:hover {width: 50%; background: #696cff; color: #fff; height: 50px;line-height: 50px;transition: 0.5s;font-size: 16px; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border:0;transform:translateY(0px); }

.pink_btn_full{width: 100%; background: #696cff; border:0; color: #fff; height: 50px;line-height: 50px; font-size: 16px; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-top-left-radius: 0; border-top-right-radius: 0; }
.pink_btn_full:hover{width: 100%; background: #696cff; border:0; color: #fff; height: 50px;line-height: 50px; font-size: 16px; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem;border-top-left-radius: 0; border-top-right-radius: 0; transform:translateY(0px);}
.pink_btn_full:active:hover{width: 100%; background: #696cff; border:0; color: #fff; height: 50px;line-height: 50px; font-size: 16px; border-bottom-right-radius:0.375rem; border-bottom-left-radius: 0.375rem;border-top-left-radius: 0; border-top-right-radius: 0; transform:translateY(0px);}


.enroll_btn{position:relative; overflow: hidden;}
.blocker{z-index:100 !important}
.styleM{padding:0 !important; max-width:800px !important;}


.txt-red {color:#ff3e1d;}
.txt-orange {color:#ff9900;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}

/*
.col-form-label {
  text-align: right;
}
*/

.logo-img {width:30px}
/* 
.table>:not(caption)>*>* {
    padding: 0.344rem 1.25rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}
 */
.db-container {			
	justify-items: center;			
}
.WIDTH {background-color:white;}
.WIDTH_100PER {width:100%;;max-width:100%;}
.WIDTH_1200PX {width:1200px;max-width:100%;}
.WIDTH_800PX {width:800px;max-width:100%;}
.db-row {margin:0;padding:0;max-width:100%;}
.db-row.TXT {padding: 1rem;word-wrap: break-word;}
.db-row.IMG img {max-width:100%;}
.WIDTH_100PER .db-row.IMG img {width:100%;}
.db-row.FRM {padding: 1rem;}
.db-row.BTN {text-align:center;}
.db-row.BTN input {max-width:100%;}
.bold {font-weight: bold;}

.rend-contents .avatar-cxl {
    --bs-avatar-size: 7rem;
    --bs-avatar-initial: 1.875rem;
    --bs-avatar-initial-inline: 5px;
    cursor: default;
    margin-inline-start: -1rem;
}

.rend-contents .avatar {
    cursor: default;
}

.rend-contents.slide {
	overflow: scroll;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.rend-contents .slide-images {
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
}

.db-container .swiper-slide {
	width: auto;
	justify-content: center;
}

.rend-contents.movie {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;	
}

.video_container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
}
  
.video_container iframe {
   position:absolute;
   width:100%;
   height:100%;
   top:0%;
   left:0%;
}