@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/***********************************회원가입 페이지 스타일시트*************************************/
/***********************************회원가입 페이지 스타일시트*************************************/
/***********************************회원가입 페이지 스타일시트*************************************/
@font-face {
    font-family: 'GmarketSansMedium';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/GmarketSansMedium.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;
}


html, body {height: 100%; /* width: fit-content; */ width: 100%; overflow: hidden; /*navbar반응형..*/}
body {overflow-y:scroll !important;}
input, div, p, em, section{
  appearance: none;/**/
  -webkit-appearance: none;	/**/
  -webkit-text-size-adjust: none;/**/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

body {font-family: "GmarketSansMedium", "GmarketSansBold", sans-serif; color: #535863; font-size: 16px;}
body a {color: #494949; text-decoration: none;}

    input::-webkit-input-placeholder {
      font-size: 1rem; color:#a3a3a3;
    }
    input:-ms-input-placeholder {
      font-size: 1rem; color:#a3a3a3;
    }

.navbar,
.container-scroller {min-width: 320px;}


  

/*부트스트랩 기본 포커스 색상 초기화*/
input,    
button,
.btn:hover,    
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

/*대시보드 색상 및 네비게이션 사이즈 재정의*/
.sidebar {width: 190px;}
.sidebar .sidebar-brand-wrapper {width: 190px;}

.page-body-wrapper {width: calc(100% - 190px);}
.content-wrapper { background: var(--bs-cl-dash);}

.navbar {left:190px;}
.navbar .navbar-menu-wrapper .navbar-toggler {height: 30px;}
.navbar .navbar-menu-wrapper {height: 50px;}

.main-panel {padding-top: 50px; min-width: 1000px;}



/*아이폰 사파리 버튼 초기화*/
a[type="button"] {-webkit-border-radius:0;-webkit-appearance:none;}
/*크롬 체크박스 살리기*/
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
/*체크박스를 제외 후 일괄 지정*/
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
input[type="image"], 
input[type="tel"], 
button, 
select, 
textarea{-webkit-border-radius:0;-webkit-appearance:none;}

/* 아이폰 input 기본 스타일 제거 */
input, textarea {
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 2px /* 기본값0 */;
}

/*- 아이폰 select 기본 스타일 제거 -*/
select {    -webkit-appearance: auto;
/* -webkit-appearance: none;
-moz-appearance: none; 
appearance: none; */
/*화살표 배경 넣기- 안됨*/
background:url(../../assets/img/down.png) no-repeat 98% center;
}
/* 익스플로러 select 화살표 제거 -??*/
select::-ms-expand{
/* 화살표 없애기 for IE10, 11 -??*/ 
display:none;
}


/*---------------------------------------------*/
html {
    		font-size: 62.5% !important;
    		overflow-x: hidden;
    		height: 100%;
    	  }
	
	.join_w {
	    width:1000px; 
	    margin:0 auto; 
	    padding-top: 90px;
		padding: 25px 55px;
	    /* position: absolute; */
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    border-radius: 20px;
	
	}
	.join_w h2 {
				display: flex;
			    justify-content: flex-start;
			    align-items: end;
			    gap: 7px;    
				font-size: 2.5rem;
		    	color: #4a6aa7;
    	        }
    	        
	.join_w h2 img {width: 26px; margin-right: 13px;}
	
	.join_w h2 > span {font-size:30px;}
	
	.join_w h3 {font-size:2rem; margin:40px 0 20px 0; font-weight:500;}
	
	.join_t {   table-layout: fixed;
			    border-collapse: collapse;
			    border-spacing: 0;
			    width: 100%;
			    border-top: 2px solid #2b60b1;
			 }
			 
	.join_t tr {border-bottom: 1px solid #e0e0e0;}
	.join_t td em {font-style:normal; color:#3f6aa9; font-size:1.3rem;} 
	.join_tb {border-left: none !important; border-right: none !important;}
	.join_tb tr th {
					padding: 8px 5px;
					width:160px;
					border-right: 1px solid #e0e0e0;
				    line-height: 1.5;
				    font-weight: 400;
				    text-align: left;
				    padding-left: 25px;
				    background: #fff /* #f6f7f9 */;
				    font-size: 1.5rem;   
				    }
	.join_tb tr td {padding: 15px; text-align:left; /* font-size:1.4rem;*/ line-height:2.5; color: #4d4d4d;}			    
	.join_tb input {width:200px; height:35px; padding:0 10px !important; border: 1px solid #d1d1d1; line-height:36px; font-size:1.4rem;}		
	#btnChkDuple {background: #5d6873; color: #fff; border-style: none; padding: 5px 10px;}
	
	select {padding: 0.7rem 3rem;}
	.btn_mg {width:100%; margin:4rem 0 1.5rem 0;}
	.sign_btn {margin: 0 auto; text-align: center;}
	.sign_btn button {padding:1rem 3rem;}
	.sign_btn button:first-child {
								 background: #fff !important;
								 color: #000;
								 border-style: none;
								 padding: 10px 50px;
								 border: 1px solid #b5b5b5;
								 font-size: 1.9rem;
								 margin-right: 20px;
							     }
	.sign_btn button:last-child {background: #3f63b7;
							     border-style: none;
							     
    							 padding: 10px 50px;
    							 color: #fff;
							     font-size: 1.9rem;
							     }
	.sign_btn button:first-child:hover {background:#e7e7e7 !important;}
	.sign_btn button:last-child:hover {background:#3687ff;}		
	
	/*중복확인 버튼*/
	#btnChkDuple:hover {background:#6283a5 !important;}				   
	
	
	/*미디어쿼리*/
	@media screen and (max-width:1024px) {
		.join_w {
    		width: 90vw;
    		margin: 0 auto;
    		padding: 45px 25px;
    		background:#fff;
    	}
    }
	
	@media screen and (max-width:768px) {
		
    }
    @media screen and (max-width:640px) {
		.join_tb tr th {width: 60px;}
    }
    @media screen and (max-width:623px) {
        /*반응형에서 가운데 정렬해제(스크롤 이슈)*/
    	.join_w {
	    	position: unset !important;
	    	-webkit-transform: translate(0%, 0%); 
	        -moz-transform: translate(0%, 0%);
	        -ms-transform: translate(0%, 0%);
	        -o-transform: translate(0%, 0%);
	        transform: translate(0%, 0%);
	     }
    }
    @media screen and (max-width:499px) {
		.join_w h3 {margin: 20px 0 10px 0;}
		
    }
    
    @media screen and (max-width:425px) {
        h2 {margin-top: 0;}
        .join_w {padding: 25px 0px;}
		.join_w h3 {margin: 30px 0 10px 0; font-size: 2rem;}
		
		.join_tb input { background:#ebf3f7; border-style:none;}
		.join_tb tr td {padding: 13px 0px; line-height: 1.2;}
		.join_tb tr th {
		    padding: 0px 10px;
		    padding-left: 5px;
		    width: 102px;
		    border-right: none;
		    background: #fff;
		    font-size: 1.3rem;
    	}
				
		#btnChkDuple {margin: 10px 0;}
		
		#phone {margin-bottom:5px;}
		.email_td input, .phone_td input {margin-bottom:5px;}
		
		
		
    }