@CHARSET "UTF-8";
/*
2018.01.19.
정진희
*/

ul, li {
	list-style-type: none;
}

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {
	font-family: Helvetica;
	margin: 0;
	padding: 0;
}  

input {
	font-size: 14px;
	line-height: 1.25em;
}

body {
	position: relative;
	color: #000;
	background: #f7f7f7;
}

input, textarea, select, button {
	border:0;
	border-radius:0;
}

#ct, #header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12px;
}

#header {
	height: 137px;
	padding-top: 33px;
}

#header h1 {
	text-align: center;
	color: #696969;
}
#header > span{
	background: url('../../images/mobile/2019/login_agree.png')no-repeat center;
	background-size: 50px;
	text-indent: -9999px;
	display: block;
	height: 70px;
}
#ct {
	clear: both;
	width: 100%;
/* 	padding-bottom: 90px; */
}

#content {
	margin: 0 auto;
}



/* 이용약관 */
.terms_bx {
	position: relative;
	padding: 17px 17px 7px;
}

.terms_p {
	margin-bottom: 22px;
	border: solid 1px #dadada;
	background: #fff;
}

.input_chk {
	position: relative;
	display: block;
}

.jmc_view {
	margin-top: 12px;
	border: 1px solid #f0f0f0;
	background: #f7f7f7;
	overflow: scroll;
	z-index: 2000; 
	position: relative;
	height: 130px;
}

.jmc_view .section {
	padding: 10px;
}

.input_chk a {
	display: block;
	width: 20px;
	height: 20px;
}

.input_chk input {
	position: absolute;
	z-index: 9;
	top: 50%;
	right: 0;
	width: 21px;
	height: 21px;
	margin-top: -11px;
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	outline: 0;
}

.input_chk label {
	font-size: 14px;
	line-height: 24px;
	position: relative;
	z-index: 10;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	color: #333;
}

.input_chk label::after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: '';
	background: url(../../images/mobile/check_off.png) no-repeat;
	width: 30px;
	height: 30px;  
}  

.input_chk input:checked+label::after {
	background: url(../../images/mobile/check_on.png) no-repeat;
}
    
.section {
	font-size: 12px;
	line-height: 16px;
	color: #666;
}   

.section p {    
	margin-bottom: 10px;
}
.section_wrap {
	width: 100%; 
	position: absolute; 
	z-index: 1; left: 0px; 
	top: 0px; 
	transition-property: -webkit-transform; 
	transform: translate(0px, 0px);
}

.input_chk label .terms_choice {
	color: #3492fe;
}

.input_chk label span {
	font-size: 12px;
}

.input_idph input {
	display: block;
	width: 100%;
	height: 37px;
	box-sizing: border-box;
	font-size: 16px;
	margin-bottom: 8px;
	border-radius: 4px;
	border: solid 1px #dadada;
	padding: 15px;
}



/* 줄별 폰트크기 */
.tit_s {font-size:17px;}
.tit_m {font-size:20px;}
.tit_l {font-size:27px;font-weight: bold;}   



/* input */  
.input_s {
	width:65%;
	height:37px;
	box-sizing:border-box;
	font-size:16px;
	border:solid 1px #dadada;
	padding:15px;  
} 
.input_l {
	width:100%;  
	height:37px;
	box-sizing:border-box;
	font-size:16px;
	border:solid 1px #dadada;
	padding:15px;  
	margin-bottom:5px;  
}  



/* 정렬 */
.fL {float:left;}
.fR {float:right;}
.center {text-align:center;}
 
 
 
/* 마진 */
.mt4 {margin-top: 15px;}
.mt9 {margin-top:9px;}
.mt15 {margin-top:15px;}  
  
.m9_2 {margin: 9px -2px;}    

.mb2 {margin-bottom:2px;}  
.mb4 {margin-bottom:4px;}  
.mb6 {margin-bottom:6px;}  
.mb8 {margin-bottom:8px;}
.mb15 {margin-bottom:15px;}
  
  
  
/* 버튼 */
.btn {
	width:100%;
	color:white;  
	height:42px;
	cursor: pointer; 
	font-size:17px;
}

.btn_type {
    line-height: 42px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 42px;  
    cursor: pointer;  
    text-align: center;
    margin:0; 
}

.btn_s {
	width:35%;
	height:37px;
	font-size:13px;
	cursor: pointer; 
	color:white;
}

.btn_ffblue {
    background: #fff;
    color: #214584;
    border: 1px solid #97abcf;
}      

.btn_default 
{
	width:100%;
    background: #fff;    
    color: #333;  
    font-size: 15px;
    border: 1px solid #e7e7e7;  
    margin: 9px 2px;     
}

.btn_area > span {  
    display: block;
    float: left;
    width: 50%;   
}  

.btn_area>span.btn_type {
    width: auto;
    margin: 0 5px;
}



/* 색상 */
.blue {background: #004c8f;}
.darkblue {background:#51677b;}  
.ddblue {background:#214584;}
.purple {background: #1a5daf;}   
.pinkbg {background:#ef66a6;}    

.whitegray {color:#959595;}  
.pink {color:#ef66a6;}
  
  
  
/*content 정렬 */
.content_center {text-align:center; padding:0 50px;}
     
.container_sms {margin:222px auto;}
.content_password {margin:260px auto;}   
.container_pw {margin:233px auto;}      
.container_login {margin: 200px auto;}     
.container_set {margin:30px auto;}      
.container_error {margin: 100px auto;}  

  
/*tit 공통*/
.tit_top { text-align:center; letter-spacing:-1px; color:#434343; font-family: 'NanumBarunGothic', '나눔바른고딕', Malgun gothic, '맑은고딕', Dotum, '돋움', arial, sans-serif;}    
    
    
    
/* 로그인까지의 부분 원형이미지 */
.top_img { width:150px; height:150px; margin:36px 0 18px 0; } 
.top_default { width:75px; height:100px; margin:36px 0 18px 0; }   
.top_login {width:150px;height: 170px;margin-top:39px;}      
      
    
/* input 체크버튼 */

.login_check_box {
    position: relative;   
    display: block;
    height: 26px;
    margin-bottom: 15px;
}

.login_check_box input {
    position: absolute;
    top: 1px;
    left: 1px;  
    width: 25px;
    height: 25px;
    opacity: 0;
    font-size: 16px;
}

.login_check_box label {
    font-size: 12px;
    line-height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    padding-left: 31px;
    color: #333;
    background-position: -1px -115px;
    font-size: 16px;
}

.login_check_box label::after {
	position: absolute; 
	top: 0;
	left: 0;
	display: block;
	content: '';   
	background: url(../../images/mobile/check_off.png) no-repeat;
	width: 30px;
	height: 30px;
	font-size: 16px;
}
  
.login_check_box input:checked+label::after {
	background: url(../../images/mobile/check_on.png) no-repeat;  
}

  
  
/* 비밀번호찾기 시작*/
.look_pw {float:right; font-size:16px; line-height:26px; color:#333; }
/* 비밀번호찾기 끝 */

/*에러페이지 시작*/
.error_img {
	width:70px;  
	height:70px;
	text-align:center;
}
/*에러페이지 끝*/