/*=================================================
				공통
=================================================*/
#main-gnb,
#m-main-gnb,
footer{
    display: none !important;
}

.common img{
    padding: 0 0 20px;
}

.common-title{
    font-size: 20px;
}

.orange-bar{
    display: inline-block;
    width: 33px;
    height: 2px;

    margin: 10px 0 20px 0;

    background-color: #ff8f43;
}

.shadow-wrap{
    position: fixed;
    width: 100%;
    height: 100%;

    background-color: #f9f9f9;
}

.shadow-wrap .card{
	padding: 50px;
	border: none !important;
    box-shadow: 1px 1px 40px 1px rgba(167,167,167,0.3);
    background-color: #fff;
}

.shadow-wrap .btn{
    background-color: #5d5d5d !important;
}

.login-logo-title{
    padding: 25px 0 40px;	
}

.page-title{
	padding: 0 0 15px;	
	border-bottom: 1px solid #CCCCCC;
}

.page-title-solidline {
    width: 100%;
    height: 9px;
    margin: 0.5rem 0 2rem;
    border-bottom: 1px solid #DDDDDD;
}

.title-underline{
	border-bottom: 1px solid #cccccc;
}

/*****#####===== 카드 =====#####*****/
/*****##### 회원,비회원로그인 탭버튼 #####*****/
.nav-pills .nav-link{
	background-color: #ebebeb;
	border-radius: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	
	font-size: 22px;
	color: #a7a7a7;
}

.nav-pills .nav-item:nth-child(2){
	margin: 0 -1px 0 0;
}

.nav-pills .nav-item.show .nav-link, 
.nav-pills .nav-link.active {
    color: #383838;
    background-color: #FFFFFF;
    border-bottom: none;
}

/*****##### card 전체 레이아웃크기, 타이틀 #####*****/
.card{
	padding: 50px;
	border-color: #CCCCCC;
}

.card-group{
	padding: 0 25px 50px;
}

.card-title{
    padding: 0 0.2rem;
	border: none;
	font-weight: 500;
	font-size: 26px;
}

/***** 로그인 버튼, 비번찾기 버튼, sns로그인버튼 *****/
.btn-primary{
    padding: 12px 0;
	background-color: #333333;
	border: none;
	font-weight: 400;
    letter-spacing: -1px;
	color: #FFFFFF;	
	
}

.login-btn{
	margin-top: 25px;
	background-color: #333333;
	border: 1px solid transparent;
	color: #FFFFFF;
}

.login-btn:hover{
	background-color: #ffffff;
	border: 1px solid #333333;
	color: #333333;
}

.find-pw-btn{
	background: none;
	font-weight: 500; 
	color: #a7a7a7;
}

.find-pw-btn:hover{
	background: none;
	color: #333333;
}

.naver-btn{
	background-color: #34cc0f;
	border: 1px solid transparent;
	color: #FFFFFF;	
}

.naver-btn:hover{
	background-color: #ffffff;
	border: 1px solid #34cc0f;
	color: #34cc0f;
}

.face-btn{
	background-color: #4167b9;
	border: 1px solid transparent;
	color: #FFFFFF;
}

.face-btn:hover{
	background-color: #ffffff;
	border: 1px solid #4167b9;
	color: #4167b9;
}

.kakao-btn{
	background-color: #ffdc1a;
	border: 1px solid transparent;
	color: #333333;
}

.kakao-btn:hover{
	background-color: #ffffff;
	border: 1px solid #ffdc1a;
	color: #333333;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px){
	.card-group {
	    padding: 0 0 50px;
	}
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	.card-group {
	    padding: 0 0 50px;
	}	
	
	.tab-content {
	    padding: 20px;
	}	
	
	.nav-pills .nav-link {
	    font-size: 16px;
	}

	.col-1 {
	    padding-left: 5px;
	}
	
	.btn-primary {
	    padding: 12px 0;
	    font-size: 15px;
	}	
}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px){
	.card-group {
	    padding: 0 0 50px;
	}	

	.card-title{ 
	    font-size: 20px;
	}
	
	.tab-content {
	    padding: 12px;
	}	
	
	.nav-pills .nav-link {
	    font-size: 14px;
	}
	
	.btn-primary {
	    padding: 12px 0;
	    font-size: 15px;
	}
	
	.form-group i:before {
	    font-size: 17px;
	}	
}

/***** xs *****/
@media (max-width: 553px){
	.card-group {
	    padding: 0 0 50px;
	}	
	
	.card-title{ 
	    font-size: 16px;
	}

	.card-title small {
	    line-height: 25px;
	    font-size: 11px;
	}	
	
	.tab-content {
	    padding: 12px;
	}	
	
	.nav-pills .nav-link {
	    font-size: 14px;
	}
	
	.col-1 {
	    padding-left: 3px;
	}	
	
	.btn-primary {
	    padding: 12px 0;
	    font-size: 15px;
	}
	
	.form-group i:before {
	    font-size: 17px;
	}	
}

/*=================================================
				비밀번호찾기
=================================================*/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 553px){
	#login-findpw-page .input-content,
	#login-findpw-page .form-control{
		display: block!important;
	}

	#login-findpw-page .btn.submit_btn{
		width: 100%;
		padding: 5px 10px;
	}
}