/*�굹�닎�룿�듃*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/* Login Page Custom Start */
.main-menu.menu-light .navigation>li.open {
	border-left: 4px solid #00B5B8;
}

.main-menu.menu-light .navigation>li ul .active>a {
	color: #00B5B8;
	font-weight: 500;
	background-color: #F5F5F5;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../../app-assets/images/arrow.png') no-repeat 95% 50%; /* 화살표 이미지 추가 */
}

.login-page {
	background: url(../../app-assets/images/backgrounds/bg-1.jpg) no-repeat center center fixed;
	background-size: cover;
}

.login-page .card {
	background-color: rgba(255, 255, 255, 0.1);
}

.login-page .card-footer {
	background-color: rgba(255, 255, 255, 0);
}

.login-page .card-header {
	background-color: rgba(255, 255, 255, 0);
}

.fcw {
	color: #ffffff;
}
.icg{
	color: #b4b8c6;
}

.tran-input {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff !important;
}

.tran-input::-webkit-input-placeholder { /* Chrome */
	color: white !important;
}

.tran-input:-ms-input-placeholder { /* IE 10+ */
	color: white !important;
}

.tran-input::-moz-placeholder { /* Firefox 19+ */
	color: white !important;
	opacity: 1;
}

.tran-input:-moz-placeholder { /* Firefox 4 - 18 */
	color: white !important;
	opacity: 1;
}
.login-page a.card-link{
	color: #ffffff;
}

.tran-input:focus{
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}
.card-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.4); 
 }
/* Login Page Custom End */

/* Data Tables*/
div.dt-buttons {
    float: right !important;
    margin-bottom: 5px;
}

/* Commons*/
.mt_-5{margin-top:-5px;}
.mt_-10{margin-top:-10px;}
.mt_-15{margin-top:-15px;}
.mt_-110{margin-top:-110px;}
.mt_-55{margin-top:-55px;}
.mt_-70{margin-top:-70px;}
.mt48{margin-top: 48px;}
.mt0{margin-top:0px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}
.mt230{margin-top:230px;}
.mt250{margin-top:250px;}
.mt300{margin-top:300px;}
.mt500{margin-top:500px;}

.mb_-20{margin-bottom:-20px;}
.mb0{margin-bottom:0px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb200{margin-bottom:200px;}
.mb300{margin-bottom:300px;}
.mb500{margin-bottom:500px;}

.ml0{margin-left:0px;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml7{margin-left:7px;}
.ml8{margin-left:8px;}
.ml9{margin-left:9px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml17{margin-left:17px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml200{margin-left:200px;}
.ml300{margin-left:300px;}
.ml500{margin-left:500px;}

.mr0{margin-right:0px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr7{margin-right:7px;}
.mr8{margin-right:8px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr200{margin-right:200px;}
.mr300{margin-right:300px;}
.mr500{margin-right:500px;}

.pt0{padding-top:0px;}
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt7{padding-top:7px;}
.pt8{padding-top:8px;}
.pt9{padding-top:9px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt200{padding-top:200px;}
.pt230{padding-top:230px;}
.pt300{padding-top:300px;}
.pt500{padding-top:500px;}

.pb0{padding-bottom:0px;}
.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb4{padding-bottom:4px;}
.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb7{padding-bottom:7px;}
.pb8{padding-bottom:8px;}
.pb9{padding-bottom:9px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb200{padding-bottom:200px;}
.pb300{padding-bottom:300px;}
.pb500{padding-bottom:500px;}

.pl0{padding-left:0px;}
.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl6{padding-left:6px;}
.pl7{padding-left:7px;}
.pl8{padding-left:8px;}
.pl9{padding-left:9px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl27{padding-left:27px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl200{padding-left:200px;}
.pl300{padding-left:300px;}
.pl500{padding-left:500px;}

.pr0{padding-right:0px;}
.pr1{padding-right:1px;}
.pr2{padding-right:2px;}
.pr3{padding-right:3px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr6{padding-right:6px;}
.pr7{padding-right:7px;}
.pr8{padding-right:8px;}
.pr9{padding-right:9px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr200{padding-right:200px;}
.pr300{padding-right:300px;}
.pr500{padding-right:500px;}

/* Tables */
td,th{text-align: center;}


.bg-phoneting{
	border-bottom: 1px inset transparent;
  border-color: #4a61ad;
}
.logo_img{
	max-width: 47px;
}
.notice-1{
	background-color: #7590f3;
	color: white;
	width: 75px;
	height: 30px;
	z-index: 10;
}
.notice-1 >p , .notice-2>p{
	  text-align: center;
		margin: 5px !important;
}
.notice-2{
	background-color: #b4b8c6;
	color: white;
	width: 80%;
	height: 30px;
}
/* main-banner */
.banner-background{
	/* background-image: url("/app-assets/images/slider/background.png"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: auto;
}

.banner-img>img{
	width: 100%;
	height: auto;
}

.nav.nav-tabs.nav-topline >li.col{
	padding: 0;
}
.nav.nav-tabs.nav-topline .nav-item a.nav-link {
	display: inline-block;
	width: 100%;
}

.nav{
 clear: both;
}

.mpi{
	width: 65px;
	height: 65px;
}
.word-brk{
	word-wrap: break-word;
}
.inf{
	margin-left: 2px;
}

.loc-mark{
	color: #669fc3;
}
.loc{
	color:#9aa6cd;
}

.info-list{
	border:0;
	border-bottom: 1px;
	border-color: #e7e7e7;
	border-style: solid;
}

.sort-bt{
	position: fixed;
	right:30px;
	bottom: 30px;
	z-index: 1;
}

.p5{
	padding:5px !important;
}

.badge-pf {
	width: 37px;
	text-align: center;
	font-size: 11px;
	padding: 1px;
	border: 1px solid;
	position: absolute;
	top: 45px;
	left: 20px;
}
.rev-pf{
	width: 65px;
}

.rev-lpf{
	width: 150px;
}
.min-h{
   min-height: 48px;
}
.prev-arrowbt{
   position: absolute;
   padding: 10px;
    left: 5px;
    top: 0;
}

.border-bot-rv{
	border-bottom: 1px solid #e4e4e4 !important;
}

.pf-viewbt{
	  width: 70px;
	  padding: 10px 10px !important;
	  font-size:12px;
    white-space: normal;
}
.f-copys{
		font-weight: bold;
/* 		margin-top: 30px; */
  	color: #ffffff;
    height: 30px;
    bottom: 0;
		position: fixed;
    width: 100%;
}
.fileform:disabled, .fileform[readonly] {
  background-color : #fff !important;
}
.border-lrt-0{
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-radius: 0 !important;
}
.border-radius-0{
	border-radius: 0 !important;
}
/* .pl17{
	padding-left:17px;
} */
.width-22{
	width: 22px !important;
}
.width-25{
	width: 25px !important;
}
.width-30{
	width: 30px !important;
}
.width-40{
	width: 40px;
}
.width-60{
	width: 60px;
}
.width-65{
	width: 65px;
}
.width-71{
	width: 71px;
}
.width-75{
	width: 75px;
}
.width-100{
	width: 100px;
}
.c-h{
	padding : 1.5rem 3.5rem 1.5rem 1.5rem !important;
}
.wh-40 {
  width : 40px !important;
  height : 40px !important;
}
.wh-50 {
  width : 50px !important;
  height : 50px !important;
}
.wh-80 {
  width : 80px !important;
  height : 80px !important;
}
.img-ptn{
	width: 160px;
}
.collapse-icon a[data-toggle='collapse']:after , .collapse-icon a[data-toggle='collapse']:before {
  color: #8e8e8e;
}
.text-ind{
	text-indent: -12px;
}
.table.m-g th,.table.m-g td{
	padding: 0.7rem;
}
.table.benefits th,.table.benefits td{
	padding: 0.3rem;
}
.img-full{
	width: 100%;
}
.img-ico{
	width: 60%; height: auto;
}
.msg-img{
	width: 45%; height: auto;
}
.img-picture{
	width: 90px; height: 90px;
}
/* 팝업들 임시 위치&배경색 */
.popbc{
	background-color: #d8d8d8 !important;
}
.modal-{
	position: fixed;
	top:0;
	left:0;
}
/* ----------------- */



	.call-round-t{
		margin-top: 30px;
	}

/* 역할폰팅 sub-tab */
.nav.nav-tabs.nav-triangle {
  border-bottom-color : #404E67;
}
.nav.nav-tabs.nav-triangle .nav-item {
  position : relative;
  border-left:.5px solid;
  border-right:.5px solid;
  z-index : 1;
  letter-spacing:-1px;
  font-size: 12px;
  padding: 0;
  display : block;
  text-align : center;
  -webkit-flex : 1;
     -moz-flex : 1;
      -ms-flex : 1;
  -webkit-box-flex : 1;
     -moz-box-flex : 1;
          flex : 1;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link {
  display : block;
  overflow : visible;
  text-overflow : ellipsis;
  white-space : nowrap;
  line-height : 2.5;
  border : none;
  background-color: #44599c;
  color : #fff;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.active {
  border-bottom : 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color : #404E67;
  color : #fff;
  border-radius: 0 !important;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.active:after, .nav.nav-tabs.nav-triangle .nav-item a.nav-link.active:before {
  position : absolute;
  bottom : 0;
  left : 50%;
  width : 0;
  height : 0;
  border : solid transparent;
  content : '';
  pointer-events : none;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.active:before {
  margin-left : -7px;
  border-width : 7px;
  border-bottom-color : #44599c;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.active:after {
  margin-left : -7px;
  border-width : 7px;
  border-bottom-color : #FFFFFF;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.active:focus {
  color : #fff;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.dropdown-toggle:after {
  margin-top : -1rem;
}
.nav.nav-tabs.nav-triangle .nav-item a.nav-link.dropdown-toggle.active:after {
  margin-top : 0;
}
.nav.nav-tabs.nav-triangle.nav-justified {
  border-bottom : 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color : #FFA87D;
}
.nav.nav-tabs.nav-triangle.nav-justified .nav-item a.nav-link.active {
  top : 0;
}

.pd-profile{
	padding: 10px 0;
}

.nav.mg.nav-tabs.nav-topline .nav-item a.nav-link.active {
    background: #44599c;
    -webkit-box-shadow: inset 0 3px 0 #354886;
    box-shadow: inset 0 3px 0 #354886;
    color: #fff;
    border-radius: 0;
    border-bottom-color: #354886;
    border-top: none;
}

.modal-header .closebt {
    padding: 1.2rem;
    margin: -1rem -1rem -1rem auto;
    border-top-right-radius: .3em;
    background-color: #4158a9;
}
button.closebt {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.closebt {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #FFFFFF;
}
.call-round{
	border: 3px solid #5a6fb8;
}
.call-round-close{
	border: 3px solid #f8514b;
}
.call-round6{
	border: 3px solid #f1798a;
}
.dddf{
	-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.align-sub {
  vertical-align : sub !important;
}
.main-lb{
	  position: relative;
}
.p7-10{
	padding: 7px 10px;
}
.p10-10{
	padding: 10px 10px;
}
/* Side Menu */
#sidebar-wrapper {
  position: fixed;
  top: 0;
  z-index: 999;
  right: 0;
  width: 250px;
  height: 100%;
  overflow-x: hidden;  
  overflow-y: scroll;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  
  -webkit-transform: translateX(250px);
  -moz-transform: translateX(250px);
  -ms-transform: translateX(250px);
  -o-transform: translateX(250px);
  transform: translateX(250px);
  
  background-color: #343d5b;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav-border{
	border-bottom: 1px solid #5a6fb8;
}
.sidebar-logoimg{
	max-width: 80px;
	padding: 0;
}
.sidebar-nav li.sidebar-nav-item a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 15px;
  text-align: left;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 1.2rem;
  background-color: #5a6fb8;
  height: 150px;
  line-height: 30px;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 32px;
  text-align: center;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  z-index: 999;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.menu-toggle {
  /* position: inherit;
  margin-right: -14px; */
  height: 50px;
  color: #fff;
  z-index: 30;
}

.menu-toggle:focus, .menu-toggle:hover {
  color: #fff;
}

.menu-toggle:hover {
  background: #343a40;
}

.sidebar-bell{
   border: 3px solid #829ae3;
}
.sidebar-pimg{
	 border: 2px solid #FFF;
}
.sidebar-bell-btn{
	margin-top: -4px !important;
	margin-left: -4px !important;
}
.sidebar-pf {
	width: 30px;
    height: 30px;
    text-align: center;
    font-size: 11px;
    padding: 1px;
    position: absolute;
    top: 50px;
    left: 135px;
}
.sidebar-loc{
		margin-top: 5px;
	  width: 20px;
 	  height: 20px;
    text-align: center;
}
.sidebar-locmark{
	padding-top: 2px;
	padding-right: 1px;
}
.display-inline-flex {
  display : inline-flex !important;
}
.sidebar-botmenu{
	width: 100%;
	position: fixed;
	bottom: 30px;
}
.deco >a{
	text-decoration: underline;
}
.deco >a:hover{
	background:none;
	text-decoration: underline !important;
}
.pd-tb-5{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pt15{padding-top: 15px;}
.pl12{padding-left: 12px;}
.text-indent-7 {text-indent: -7px;}
.goldbox-img{
		width: 50% !important;
}
.table-borders{
	border: 1px solid #44599c !important;
}



.custom-checkbox .custom-control-input:checked ~ .ccl::before{
	background-color: #00B5B8;
}
.custom-control-input:checked ~ .ccl::before{
	color: #FFFFFF;
  background-color: #00B5B8;
}
.custom-checkbox .ccl::before{
	border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .ccl::after {
  background-image : url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.ccl::before{
	position: absolute;
	margin-top: -5px;
    top: 6px;
    right: 3px;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #DDDDDD;
}
.ccl::after{
	  position: absolute;
	  margin-top: -5px;
    top: 6px;
    right: 3px;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .login-chkbox::before{
	background-color: #00B5B8;
}
.custom-control-input:checked ~ .login-chkbox::before{
	color: #FFFFFF;
  background-color: #00B5B8;
}
.custom-checkbox .login-chkbox::before{
	border-radius: 1rem;
}
.custom-checkbox .custom-control-input:checked ~ .login-chkbox::after {
  background-image : url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}

.login-chkbox::before{
	position: absolute;
	margin-top: -5px;
    top: 6px;
    right: 30px;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #00b5b8;
}
.login-chkbox::after{
	 position: absolute;
	 margin-top: -5px;
    top: 6px;
    right: 30px;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .rem-chkbox::before{
	background-color: #00B5B8;
}
.custom-control-input:checked ~ .rem-chkbox::before{
	color: #FFFFFF;
  background-color: #00B5B8;
}
.custom-checkbox .rem-chkbox::before{
	border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .rem-chkbox::after {
  background-image : url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.rem-chkbox::before{
	position: absolute;
    left: 80px;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: '';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #DDDDDD;
}
.rem-chkbox::after{
	 position: absolute;
    top: 3px;
    left: 80px;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
}

.pbgct{
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.camera-pf{
		width: 35px;
		height: 35px;
		border:2px solid #829ae3;
    	text-align: center;
    	font-size: 11px;
    	padding: 1px;
    	position: absolute;
}

.mark19{
	min-width: 100px;
	max-width: 100px;
}

.lastcall-box{
	clear:both;
}

.profile-input{
	width: calc(100% - 30px);
}

@media (max-width:429px){
	.mark-box{
		text-align: center;
		width: 100%;
	}
	
	.select-btn-padding{
		padding-left: 10px;
		padding-right: 10px;
	}
}
.r-num{
	display: none;
}
}

@media (min-width:430px){
	.info-19{
		width:400px !important;
		margin:0 auto;
	}
	.mark-box2{
		width: 278px;
	}
}
@media (min-width:475px){
	.font-call-over-btn{
		font-size: 1.3rem !important;
	}
	.font-call-over-icon{
	font-size: 3rem !important;
	}
}
@media (max-width:474px){
	.card-body-p1{
		padding: 1rem !important;
	}
}
@media (max-width: 575px){
	.nik{
		width:100%;
	}
	.prof-img-zone{
		margin-top: 10px;
	}
	.mt-btn{
	margin-top:10px;
}
.ran-mpi{
	margin-top: 9px;
	width:70px;
	height:auto;
	margin-bottom: 10px;
}
.main-rev-btn{
	margin-top:5px;
}
.cbox-fan{
		margin-top: 24px;
	}
.pf-viewbt{
	margin-top: 15px;
    line-height: 1rem;
}
.padding-b-10{
	padding-bottom: 10px;
}
.mw-mt-8{
	margin-top: 8px;
}
}

@media (min-width: 576px){
	.area{
		float:left;
		margin-left:10px;
		line-height: 25px;
	}
	.mt-btn{
	margin-top:6px;
	margin-bottom:10px;
}
.ran-mpi{
	margin-top:-4px;
	width: 70px;
	height: auto;
	margin-bottom: 5px;
}
.main-rev-btn{
	margin-top: -7px;
}
.p-yhp{
	/* padding-top: 5px;
	padding-bottom: 10px; */
}
.cbox-fan{
		margin-top: 15px;
	}
}

@media (min-width:576px){
	.exchange-radiobtn{
		width: 160px !important;
	}
}

@media (min-width:600px){
	.login-box-h{
		height: 400px !important;
	}
	.top-img-text{
		position: absolute;
    	top: 360px;
    	z-index: 99;
    	color: white;
    	width: 100%;
	}
	.login-contains{
		max-width: 600px;
	}
	.rem-chkbox::before{
		left: 190px !important;
	}
	.rem-chkbox::after{
		left: 190px !important;
	}
	.mt-280{
		margin-top: 280px !important;
	}
	.signup-table{
    	max-width: 570px !important;
	}
}
@media (min-width:1024px){
	.intro-logo-size{
/* 	width: 123px;
    height: 140px; */
    position: absolute;
    left: 80px;
    top: 80px;
	}
	.tab-b-text{
		padding-left: 80px;
	}
	.intro-appdown-size {
    position: absolute;
    z-index: 1333;
    right: 80px;
    bottom: 80px;
    margin: 0 auto;
	}
}
@media (min-width:768px) and (max-width:1023px){
	.intro-logo-size{
/* 	width: 123px;
    height: 140px; */
    margin: 0 auto;
	}
	.tab-b-text{
		text-align: center;
	}
	.intro-appdown-size {
    position: absolute;
    bottom: 155px;
    width: 100%;
    text-align: center;
}
}

@media (min-width:768px){
	.exchange-radiobtn{
		width:160px;
		float: right;
	}
	.roles-box{
		margin-top: 27px;
	}
	.camera-pf{
    top: 110px;
    left:15px;
	}
	.profile-textarea{
		height: 100px !important;
	}
	.goldcall-label{
	padding-top: 10px;
	}
	.rem-chkbox::before{
		left: 220px !important;
	}
	.rem-chkbox::after{
		left: 220px !important;
	}
}

@media (min-width:992px){
	.profile-textarea{
		height: 180px !important;
	}
	.camera-pf{
    top: 110px;
    left: 35px;
}
}

.maxh200{
	max-height: 200px;
}

@media (min-width: 1200px){
	.camera-pf{
    top: 110px;
    left: 15px;
	}
	.profile-back{
		height: 600px;
	}
}

@media ( max-width :1200px) { /*xl*/
	.col-xl-left {
		float: left;	
		text-align: left;
	} 
	.col-xl-right {
		float: right;
		text-align: right;
	}
	.col-md-center{
		margin: 0 auto;
		text-align: center;
	}
	.profile-back{
		height: 500px;
	}
}

@media ( max-width :992px) { /*lg*/
	.col-lg-left {
		float: left;	
		text-align: left;
	}
	.col-lg-right {
		float: right;
		text-align: right;
	}
	.col-md-center{
		margin: 0 auto;
		text-align: center;
	}
	.profile-back{
		height: 400px;
	}
}

@media ( max-width :767px) { /*md*/
	.col-md-left {
		float: left;	
		text-align: left;
	}
	.intro-logo-size {
    /* width: 44px;
    height: 214px; */
    position: absolute;
    left: 30px;
    top: 30px;
}
	.col-md-right {
		float: right;
		text-align: right;
	}
	.col-md-center{
		margin: 0 auto;
		text-align: center;
	}
	.camera-pf-box{
		width:200px;
		margin : 0 auto;
	}
	.camera-pf{
		width: 35px;
		height: 35px;
		border:2px solid #829ae3;
    	text-align: center;
    	font-size: 11px;
    	padding: 1px;
    	position: absolute;
    	top: 110px;
    	}
	.pf-titleBox{
		margin-top: 10px;
	}
	.profile-back{
		height: 280px;
	}

}

@media (max-width:599px){
	.login-box-h{
		height: 200px !important;
	}
	.top-img-text{
		position: absolute;
    	top: 160px;
    	z-index: 99;
    	color: white;
    	width: 100%;
	}
	.login-contains{
		max-width: 320px;
	}
}

@media ( max-width :575px) { /*sm*/
	.col-sm-left {
		float: left;	
		text-align: left;
	}
	.col-sm-right {
		float: right;
		text-align: right;
	}
	.col-sm-center{
		margin: 0 auto;
		text-align: center;
	}
	.profile-back{
		height: 200px;
	}
	.voiceButtons{
		margin-top: 10px;
	}
}


@media ( max-width :320px) {
	.col-left {
		float: left;
		text-align: left;	
	}
	.col-right {
		float: right;
		text-align: right;
	}
	.col-center{
		margin: 0 auto;
		text-align: center;
	}
	.profile-input{
		width: 100px;
	}
	.profile-back{
		height: 300px;
	}
}

.tab-fan-btn{
	position: absolute;
    z-index: 3;
    height : 100%;
    top: 0;
    right: 0;
    background-color: #8897cc!important;
}

.noresize {
  resize: none; /* 사용자 임의 변경 불가 */
}
.line-height-3{
	line-height: 3rem;
	}

.line-height-3_5 {
  line-height : 3.5 !important;
}
	
.h44{
	height: 44px;
}

.h32{
	height: 32px;
}

.login-box{
	width:35px;
}




.customs-file-input:lang(en) ~ .customs-file-label::after {
  content : '파일선택';
}

.customs-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: -webkit-calc(2.75rem + 2px);
    height: -moz-calc(2.75rem + 2px);
    height: calc(2.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.customs-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: -webkit-calc(2.75rem + 2px);
    height: -moz-calc(2.75rem + 2px);
    height: calc(2.75rem + 2px);
    padding: 0.75rem 1rem;
    line-height: 1.25;
    color: #4E5154;
    background-color: #FFFFFF;
    border: 1px solid #BABFC7;
    border-radius: 0.25rem;
}

.customs-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: -webkit-calc(calc(2.75rem + 2px) - 1px * 2);
    height: -moz-calc(calc(2.75rem + 2px) - 1px * 2);
    height: calc(calc(2.75rem + 2px) - 1px * 2);
    padding: 0.75rem 1rem;
    line-height: 1.25;
    color: #fff;
    content: '파일선택';
    background-color: #5a6fb8;
    border-left: 1px solid #BABFC7;
    border-radius: 0 0.25rem 0.25rem 0;
}

.height-30{
	height: 30px !important;
}

.border-white2 {
  border : 2px solid #FFFFFF !important;
}

.border-yellow2 {
  border : 3px solid #FFF176 !important;
}

.foot-content {
  min-height: 100%;
}
.foot-content-inside {
  padding-bottom: 173px;
}
.foot-content-footer {
  height: 50px;
  margin-top: -167px;
}

button{
	outline: none !important;
}

.profile-close-btn{
	position: absolute;
	top: 132px;
	left: 8px;
	z-index: 99;
	padding: 5px;
}

.back-btn{
	cursor: pointer;
}

.profile-img{
	width: 55px;
	height: 55px; 
}

.profile-img-md{
	width: 65px;
	height: 65px; 
}

.overlay {  
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:902;
  }
.width-28{
	width: 28px;
}
.display-flex {
  display : flex !important;
}
.font-call-over-btn{
		font-size : 1rem;
}
.font-call-over-icon{
	font-size : 2.1rem;
}
.top5{
	top : 5px !important;
}
.no-decoration>a{
	text-decoration: none !important;
}

#ViewTimer{
	color: red;
	position: absolute;
    left: 100px;
    margin-top: 10px;
}

.home-btn{
	position: absolute;
    padding: 10px;
    right: 5px;
    top: 5px;
}

.text_border {
	text-shadow: 0 0 1px #7d7878;
	-moz-text-shadow: 0 0 1px #7d7878;
	-webkit-text-shadow: 0 0 1px #7d7878;
}

.login_text_border {
	text-shadow: 3px 3px 4px #323232;
	-moz-text-shadow: 3px 3px 4px #323232;
	-webkit-text-shadow: 3px 3px 4px #323232;
}

.login_com_text_border {
	text-shadow: 1px 2px 10px #323232;
	-moz-text-shadow: 3px 3px 4px #323232;
	-webkit-text-shadow: 3px 3px 4px #323232;
}

.swiper-container .tabs > li.active:before{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border: 1.5px solid #7590f3;
    content: '';
    pointer-events: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.card-shadow{
	-webkit-box-shadow: 0 0 20px 0 rgba(62, 57, 107, 0.07) !important;
	box-shadow: 0 0 20px 0 rgba(62, 57, 107, 0.07) !important;
}

.button-shadow{
	box-shadow: 0 0px 15px 0 rgba(0,0,0,0.2),0 6px 21px 0 rgba(0,0,0,0.1) !important;
}

.nav.nav-tabs.nav-shopline .nav-item a.nav-link.active:after, .nav.nav-tabs.nav-shopline .nav-item a.nav-link.active:before {
  position : absolute;
  bottom : 0;
  left : 50%;
  width : 0;
  height : 0;
  border : solid transparent;
  content : '';
  pointer-events : none;
}
.nav.nav-tabs.nav-shopline .nav-item a.nav-link.active:before {
  margin-left : -6px;
  border-width : 8px;
  border-bottom-color : #fff;
}
.close-reportDiv{
	position: absolute;
    right: 15px;
    top: -15px;
}
.close-ratingDiv{
	margin-right: 5px;
}
.bg-admin-msg{
	background-color: #f7f7f7;
}
.mr15{
	margin-right:15px;
}

.msg-ban{
	position: absolute;
	top: -5px;
	left: -5px;
}
.m-user-ban{
	position: absolute;
    bottom: 0px;
    left: 35px;
}
.w-user-ban{
	position: absolute;
    bottom: 5px;
    left: 35px;
}
.form-group.validate input, .form-group.validate select, .form-group.validate textarea{
	color: #3F587E;
	border-color: #CCD6E6 !important;
}
.form-group.validate .login-input:focus{
	-webkit-box-shadow : 0 0 0 !important;
    box-shadow : 0 0 0 !important;
}
.fan-btn.active{
	color : #FDD835;
}
.fan-manage{
    opacity: 0.6;
    color: #ffffff;
    padding: 10px;
    border-radius: 25px;
    position: absolute;
    top: -48px;
    width: auto;
    margin-left: 9px;
}

.bg-log{
	background-color: #4e4d53;
}

.pc-bg-log{
	background-color: #f5f6f8;
}

.m-t-auto{
	margin: 20px auto !important;
}

.input-signup::-webkit-input-placeholder {
	font-size: 11px;
	color: #fff !important;
	font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.input-signup:-ms-input-placeholder {
	font-size: 11px;
	color: #fff !important;
	font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.input-signup:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 11px;
	color: #fff !important;
	font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.input-signup::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 11px;
	color: #fff !important;
	font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.login-btn-opacity{
	opacity: 0.7;
}
.intro-man-btn{
	position: absolute;
    right: 67px;
    top: 25px;
    z-index: 99; 
    margin: 0;
}
.intro-woman-btn{
	position: absolute;
    left: 67px;
    top: 25px;
    z-index: 99;
    margin: 0;
}
.login-inputs{
	-webkit-text-fill-color: rgb(255, 255, 255);
	-webkit-opacity: 1;
	background-color: #909395 !important;
	color: #fff !important;
	border-color: #fff !important;
}
.rounded-top-1 {
  border-top-left-radius : 1rem !important;
  border-top-right-radius : 1rem !important;
}
.signup-table{
    max-width: 400px;
    margin: 20px auto;
}
.p-l-r-5{
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.border-gold-gift {
    border: 1.5px solid #2DCEE3 !important;
    border-radius: 1rem;
}
.login-bgc{
	background-color: #4e4d53;
}
.line-on-side span{
	background: #4e4d53 !important;
}
.pfc input,select,textarea{
	color: #3F587E !important;
}
.intro-main-box{
	position: absolute;
	top: 50%;
	margin-top: -200px;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^='top'] .arrow{
	top: 0 !important;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^='top'] .arrow::before{
	bottom: 0 !important;
	top:initial !important;
	border-width: 0.4rem 0.4rem 0.4rem !important;
    border-bottom-color: #5869a4 !important;
    border-top-color: transparent !important;
}
.bs-tooltip-top{
	top: 55px !important;
}
.border-white-3 {
  border : 3px solid #FFFFFF !important;
}
.line-pc-side {
    border-bottom: 1px solid #5a6fb8;
    line-height: 0.2em;
    margin: 10px 0 20px;
}
.line-pc-side span{
	padding: 0 20px;
	background-color: #b0e4fc;
}
.btn-phoneting-w {
  border-color : #fff !important;
  background-color : #FF7588 !important;
  color : #FFFFFF;
}
.btn-phoneting-w:hover {
  border-color : #fff !important;
  background-color : #FF7588 !important;
  color : #FFFFFF !important;
}
.btn-phoneting-w:focus, .btn-phoneting-w:active {
  border-color : #fff !important;
  background-color : #FF7588 !important;
  color : #FFFFFF !important;
}
.form-ctrl{
	color: #4E5154 !important;
}
.zindex-10{
	z-index: 10;
}
.zindex-20{
	z-index: 20;
}
.zindex-999{
	z-index: 999;
}
.opacity-07{
	opacity: 0.7;
}
.per-badge-name{
	width: 66px;
    margin: 0 auto;
}
.per-badge{
	position: relative;
    opacity: 0.8;
    bottom: 5px;
    left: 20px;
}
@media (min-width: 400px){
	.wp-btn4-line{
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 25%;
	    -moz-box-flex: 0;
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
}
@media (max-width: 399px){
	.wp-btn4-line{
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	    -moz-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
.wp-btn4-line{
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.modal-open .modal{
	-webkit-overflow-scrolling:touch;
}
.height-66 {
  height : 66px !important;
}
.gold-class-img{
	width: 100%;
    height: auto;
    max-width: 40px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.right-30{
	right:30px;
}

.badge-main-position{
	position: relative;
	right: 10px;
	top: -8px;
/* 	border: 1px solid #afafaf; */
}
.plr35{
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.plr30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.plr20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.round-1{
	border-radius: 1.1rem;
}
.a-underline{
	text-decoration: underline !important;
}
.btn-add-fan{
	padding: 10px;
	opacity: 0.7;
    position: absolute;
    right: 0;
    bottom: 50px;
}
.call-out-border{
	border-radius: 0;
    border-left: 1px #44599c solid !important;
    border-right: 1px #44599c solid !important;
}
.reserv_img{
	width: 70px !important;
	height: 70px !important;
}
.possible_call_time{
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: #f8eb01;
	opacity: 0.8;
	border-top-left-radius: 1rem;
	width: 200px;
	height: 35px;
}
.btn4-line-h{
		margin-top: 15px;
	}
.call_absence{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	color: white;
	background-color: #ff3c3c;
	opacity: 0.8;
	border-top-right-radius: 1rem;
	width: 80px;
	height: 35px;
}
.msg_cnt_badge{
    position: relative;
    bottom: 5px;
    left: 20px;
    opacity: 0.8;
    }
 .bg-indigo {
  background-color : #5a6fb8 !important;
}
.bg-checkItem {
	background-color: #a4b1e0;
}
.p-10-0{
	padding: 10px 0px;
}

.hide{
	display: none;
}

.show{
	display: block;
}