/* 로그인상단 */
.login-header-box {width: 100%; height: 50px; line-height: 50px; background: #399fc7;} 
.login-header-box h3 {font-weight: 600; font-size: 24px; color: #fff; text-align: center; width: 100%;}

/* 로그인*/
#login-page{width:100%; max-width: 500px; position:relative; margin: 10% auto 0;}
.login-title{width:95%; height:100%; margin:50px auto 30px; text-align:center; }
.login-title h1{font-size:4.5em; color:#353535;}
.login-title h1 img {display: block; margin: 15px auto;} /* margin 20px -> 15px */
.login-title p{color:#555; font-size:1.2em; margin-top:15px; line-height:140%;} /*margin-top 30px -> 20px으로 수정*/
.login-input{width:75%; /* height:100%; */ margin:0 auto; text-align:center; padding-top: 10px; position:relative;} /* padding-top 25px -> 0으로 수정*/
*html .login-input{width: 100%; height:100%; margin:0 20px; text-align:center; padding-top: 10px; position:relative;} /* ie6 전용 */
/*.login-input .login-id{width:100%;border:1px solid #eee; border-radius:5px; -moz-border-radius:5px; padding:12px 0 12px 0px; background:url("/images/login/member/login_input_bg1.gif") no-repeat 2px 1px; background-size:contain; color:#b3b3b3; margin-top: 15px; text-indent:33px; background-color: #fff; display: block; _height: 33px;} */
.login-input .login-id{width:100%;border:1px solid #eee; border-radius:5px; -moz-border-radius:5px; padding:12px 0 12px 0px;background-size:contain; color:#b3b3b3; margin-top: 15px; text-indent:15px; background-color: #fff; display: block; _height: 33px;} 
*html .login-input .login-id {text-indent: 0; padding: 0 15px; line-height: 33px;} 
/* padding: 14px 0 14px 29px -> 12px 0 12px 33px 로 수정, margin-top: 15px 추가, background:url("/images/login/member/login_input_bg1.gif") no-repeat 2px 1px 로 수정 */

/*.login-input .login-pw{width:100%;border:1px solid #eee; border-radius:5px; -moz-border-radius:5px; padding:10px 0 10px 0px; background:url("/images/login/member/login_input_bg2.gif") no-repeat 3px 1px; background-size:contain; margin-top:5px; color:#b3b3b3; text-indent:33px; background-color: #fff; display: block; _height: 33px;}*/
.login-input .login-pw{width:100%;border:1px solid #eee; border-radius:5px; -moz-border-radius:5px; padding:10px 0 10px 0px; background-size:contain; margin-top:5px; color:#b3b3b3; text-indent:15px; background-color: #fff; display: block; _height: 33px;}
*html .login-input .login-pw {text-indent: 0; padding: 0 15px; line-height: 33px;} 
/* padding: 14px 0 14px 29px -> 10px 0 10px 33px 로 수정, margin-top: 15px 추가, background:url("/images/login/member/login_input_bg1.gif") no-repeat 3px 1px 로 수정 */


.login-input .login-btn{width:100%; background:#3c70ff; display:block; text-align:center; padding:15px 0; border-radius:5px; -moz-border-radius:5px; font-size:1em; color:#fff; font-weight:bold; margin-top:10px;}
/* 로그인 연동 추가 버튼 CSS */
.login-input .login-btn.basic {background: #e12c2c;}
.login-input .login-btn.naver {background: url(/images/login/main/naver_Ico.png) no-repeat 12px center #1ec800;}
.login-input .login-btn.face {background: url(/images/login/main/face_Ico.png) no-repeat 17px center #3d5998;}
.login-check{text-align:left; margin:8px 0 25px 0; font-size:1em; color:#676767;} /*margin-bottom : 5 px  -> 25px 로 수정*/
*html .login-check input {float: left;}
*html .login-check label {float: left; margin:1px 0 0 3px}
.login-join{width:75%; margin:0 auto; background:#767676; display:block; text-align:center; padding:15px 0; font-size:1em; color:#fff;  font-weight:bold;}
.posion-btn{position:relative ; margin-top:20%;width:100%; }
.login-join:hover{background:#888; color:#fff;}

/* 새로고침 버튼 */
.login-input .re_btn {display: block; padding: 3px 10px; background: #fafafa; border: 1px solid #e8e8e8; font-size: 13px; line-height: 15px; height: 17px; max-width: 80px; float: right; text-align: center;}

/* 로그인 버튼, 입력박스 부분 전체 교체 160817 */

.pop_login .pop-container {padding: 25px;} /* 확인을 위한 패딩 조절 */

.login-input.web-ver .login_logo {padding: 5px 0 15px;} /* 로고 이미지간격당 padding 값 변경 */
.login-input.web-ver .login_logo img {width: 135px;} /* 로고이미지 크기 조절. */
.login-input.web-ver ul{ width: 100%; display: inline-block}
.login-input.web-ver ul li{ width: 100%; display: inline-block}
.login-input.web-ver ul li.idLoginHide input{border: 1px solid #ddd; height: 35px; font: 15px/40px 'NanumGothic'; margin-bottom: 5px; width: 100%; background: #fff; text-indent: 10px; display: block;}
.login-input.web-ver ul li.hpLoginHide input{border: 1px solid #ddd; height: 35px; font: 15px/40px 'NanumGothic'; margin-bottom: 5px; width: 100%; background: #fff; text-indent: 10px; display: block;}


/* 입력박스 수정 */
.login-input.web-ver input[type=text], 
.login-input.web-ver input[type=password] {border: 1px solid #ddd; height: 35px; font: 15px/40px 'NanumGothic'; margin-bottom: 5px; padding: 0 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;} 

/* 아이디저장, 아이디/비밀번호 찾기 부분 */
.login-input.web-ver .login-check {text-align:left; margin:5px 0 10px 0; font-size:13px; line-height: 130%; color:#676767;}
.login-input.web-ver .login-check p {float: right;}

.login-input.web-ver .w-login-btn{width:100%; background:#2495c1; display:block; text-align:center; padding:5px 0; border-radius:5px; -moz-border-radius:5px; font-size:13px; color:#fff; margin-top:10px; height: 25px; line-height: 25px; font-weight: 600;}
.login-input.web-ver .w-login-btn.basic {background: #e12c2c;}
.login-input.web-ver .w-login-btn.naver {background: url(../html/images/w-naver_Ico.png) no-repeat 0 center #1ec800;}
.login-input.web-ver .w-login-btn.face {background: url(../html/images/w-face_Ico.png) no-repeat 0 center #3d5998;}

.login-input.web-ver .btn_join {margin: 15px 0 10px; height: 40px; font: 14px/40px "NanumGothicBold"; color:#fff; font-weight:bold;}

/* 170131 추가 */
.login-input.web-ver .alignC {width: 100%;}
.login-input.web-ver .alignC a {width: 50%; display: inline-block; text-align: left;}
.login-input.web-ver .alignC a.cbtn {text-align: right;}


/* 160817 끝 */

/* 체크박스 */
/* 작업적인 충돌이 있어서 주석처리
.login-input input[type=checkbox] {  
    display: none;  
}
.login-input input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 20px;		
    margin-right: 10px;  
    font-size: 12px;
	line-height:170%;
}
.login-input input[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
    width: 17px;  
    height: 17px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color: #e0e0e0;  
    border-radius: 3px; 
	-moz- border-radius: 3px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.login-input input[type=checkbox]:checked + label:before { 
    content:url(/images/login/member/chck_box_on.png);
    font-size: 18px; 
    font-weight:800; 
    color: #2495c1;  
    background:#	;
    text-align: center;  
    line-height: 18px;  
} 

*/
/* 로그인화면 모바일 버전 여백 */
@media screen and (max-width:380px) {
	#login-page {margin-top: 10%;}
	.posion-btn {margin-top: 12%;}
}

@media screen and (max-height: 680px) {
	.login-input{ padding-top: 15px;}
	.posion-btn {margin-top: 15%;}
}



/* 및 회원가입 */
.mTop{position:fixed;top:0px;width:100%;}
.mTop_title{width:100%;}
.mTop_title h1{font-size:1.4em; color:#fff; width:100%; margin:0 auto; padding:0px 0 0 15px; font-weight:600;}
.text_class  { height:54px; margin:0 auto; text-align:center; font-weight: 800; color:#fff; line-height:60px; font-size:20px;}
.mTop_Left #prev-i {margin:0; padding:15px 0 0 15px;  width:28px; height:22px; cursor: pointer; display: block;}
.mTop_Left #prev-i img {width:60%;}

#join-page{width:100%; height:auto; background:#e8e8e8; text-align: center; min-height: 100%;} /* 180802 min-height: 100% 추가 */
#join-page h3{font-size:1.1em; color:#444; padding:15px 0 10px 0; width:90%; margin-left:3%; font-weight:600; letter-spacing:-0.5px; text-align: left;}
#join-page h3:first-child {padding-top: 5px;}
#join-page h3 span {font-size: 0.8em; margin-left: 5px; color: #999; font-weight: 600;}

.join-box2{background:#fff; width:90%; padding:10px; margin:0 auto; }
.join-box{background:#fff; width:86%; padding: 15px 4%; margin:0 auto; text-align: left;}
.join-box label{font-size:0.8em; color:#555;display:inline-block; width:60px; }
.join-box .en-btn{display:inline-block; padding:9px 0; width:75px; color:#fff; background:#7e7e7e; font-size:0.8em; text-align:center; border-radius:5px;}
.join-box .join-input1{width:45%; border:1px solid #ddd; padding:8px 0 8px 3px; margin-bottom:6px; }
.join-box .join-input2{width:20%; border:1px solid #ddd; padding:8px 0 8px 3px; margin-bottom:6px; }
.join-box .number2{width:25%; border:1px solid #ddd; padding:8px 0;}
.prim-txt{width:92%; margin:0 auto; background:#f7f7f7; padding:10px; line-height:210%; font-size:0.8em; letter-spacing:-1.5px; border:1px solid #ddd;}
.prim-btn{width:50px; height:20px; display:inline-block; background:#555; color:#fff; font-size:1em; text-align:center; border-radius:3px; float:right;}
.prim-btn:hover{color:#fff;}
.join-btn{width:95%; background:#2495c1; display:block;  text-align:center; padding:15px 0; border-radius:5px; -moz-border-radius:5px; font-size:1em; color:#fff; font-weight:bold; margin:0 auto;}
.join-btn:hover{color:#fff;}

/* ie5 관련 부분 추가 170412*/
*html #join-page H3 {font-size:1.1em; color:#444; padding:15px 0 10px 0; width:97%; margin-left:3%; font-weight:600; letter-spacing:-0.5px; text-align: left;}
*html .join-box  {background:#fff; width:96%; padding: 10px 2%; margin:0 auto; text-align: left;}
*html .join-box.phone ul li a.en-btn {margin-left: 2%; background: #399fc7; width: 25%; float: right;} /* 인증번호 버튼 */
*html .join-box.user-info ul li .user-info-box .selectbox select {width: 100%}
*html .join-box.primbox ul li .primbox-check {float: left; margin-right: 0; padding-top: 7px}
*html .join-box.primbox ul li .primbox-txt {margin-left: 2%; width: 86%; font-weight: normal;}
*html .join-box.primbox ul li.prim-all-check .primbox-txt {float: left; width: 86%; line-height: 35px; font-size:0.8em; font-weight: 600; margin-left: 2%; margin-right: 0; padding-right: 25px;}
*html .join-box.primbox ul li.prim-all-check .primbox-check {float: left; margin-right: 0; padding-top: 7px}

*html .join-btn {margin-top: 20px;}

/* 회원가입 리뉴얼 CSS 부분 */

#join-page h3.join_top {width: 100%; box-sizing: border-box; padding: 15px 0 10px; margin: 0;}
.join-box.num_cert {margin: 15px auto 0;}
.join-box.num_cert h3 {}
.join-box.num_cert .cert_input_box {width: 100%; display: inline-block;}
.join-box.num_cert .cert_input_box input {width: 100%; display: inline-block; border:1px solid #ddd; padding:8px 0 8px 3px; height: 36px; text-align: center;}
.join-box.num_cert a {background: #399fc7; min-width: 75px; width: 50%; text-align: center; display: block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; text-decoration: none; font-size: 0.9em; margin: 10px auto 0;}

/* 로그인 정보 부분 */
.join-box.id-info {padding: 15px 4% 5px}
.join-box.id-info .join-input1 {width: 45%; margin: 0; font-size: 12px; box-sizing: border-box; height: 32px; float: left; padding: 0 0 0 3px; line-height: 30px;}/* 160906 수정 */
.join-box.id-info label {width: 25%; float: left; line-height: 32px;}
.join-box.id-info .login-info-area {width: 100%; display: inline-block;} 
.join-box.id-info .login-info-area li{ margin-bottom: 10px; display: inline-block; width: 100%; position: relative; height: 32px;}
.join-box.id-info .login-info-area li span {font-size:0.8em; color:#555;display:inline-block; width:auto; margin-left: 2%; line-height: 35px;}
.join-box.id-info .en-btn {background: #399fc7; width: 25%; padding: 0; float: right; height: 32px; line-height: 32px; box-sizing: border-box;} /*중복확인 버튼 위치*/

/* 아파트 정보 부분 */
/* 지역 선택 */
.join-box.apartment ul.join-area {width: 100%; height: 40px; display: block; margin-bottom: 10px;}
.join-box.apartment ul.join-area li {width: 33%; display: block; height: 40px; background: #85b8cc; color: #fff; line-height: 40px; float: left; text-align: center; font-weight: 600; font-size:1.1em;}
.join-box.apartment ul.join-area li a{color: #fff; font-size:1.1em;}
.join-box.apartment ul.join-area li.active {background: #2495c1; color: #fff;}
.join-box.apartment ul.join-area li:first-child {border-radius: 5px 0 0 5px;}
.join-box.apartment ul.join-area #gugun {margin: 0 0.2%\9;}
.join-box.apartment ul.join-area li:nth-child(2) {margin: 0 0.5%} 
.join-box.apartment ul.join-area li:last-child {border-radius: 0 5px 5px 0;}
/* 단지검색 */
.join-box.apartment .apart_searchBox {width: 100%; height: 35px; display: block; margin-bottom: 10px; position:relative;}
.join-box.apartment .apart_searchBox .apart-input1 {padding: 0 0 0 5px; width: 75%; float: left; height :34px; line-height: 34px;}
.join-box.apartment .apart_searchBox .apart-btn {display:inline-block; padding:9px 0; width:23%; color:#fff; background:#399fc7; font-size:0.8em; text-align:center; border-radius:5px; float: right;}

/* 검색 리스트 */
.join-box.apartment .apart-list {width: 100%; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; background: #f7f7f7; display: inline-block; position:relative; margin-bottom: 10px;}
.join-box.apartment .apart-list ul{width: 98%; padding: 0 0 2% 2%; display: inline-block;}
.join-box.apartment .apart-list ul li {float: left; width: 45%;  margin: 2% 3% 0 1%; }
.join-box.apartment .apart-list ul li a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 1.1em}
.join-box.apartment .apart-list ul li.a-list3 {margin-right: 0;}
.join-box.apartment .apart-list ul #aptSel {float: left; width: 48%;  margin: 0 2% 2% 0; }
.join-box.apartment .apart-list ul #aptSel a {width: 100%; background: #dedede; color: #555; text-align: center; display: inline-block; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; line-height: 30px; text-decoration: none; font-size: 1.1em}
.join-box.apartment .apart-list ul #aptSel.a-list3 {margin-right: 0;}

/* 검색리스트 테두리 */
.apartment .apart-list:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}
.apartment .apart-list:after {top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}

/* 단지명 부분 */
.join-box.apartment .apart-area {width: 100%; display: block; padding: 10px 0; background:#f7f7f7; position:relative; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; box-sizing: border-box; text-align: center;}
/* 단지명 테두리 */
.apartment .apart-area:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}
.apartment .apart-area:after {top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}
.join-box.apartment .apart-area ul {width: 96%; display: inline-block;}
.join-box.apartment .apart-area ul li {float: left; display: inline-block; width: 70%;}
.join-box.apartment .apart-area ul li.a-a-name {height: 64px; color: #535353; font-size:0.9em; color:#555;display:inline-block; width:20%; padding: 8px 0; font-weight: 600}
.join-box.apartment .apart-area ul li.a-a-input { background: #fff; border: 1px solid #c5c5c5; padding: 0 0 0 2%; text-align: center; position:relative; width: 75%; font-size: 12px; height: 32px; line-height :32px; }/* 160906 수정 */
.join-box.apartment .apart-area ul li.a-a-input2 {text-align: center; border-left:0; border-right: 0; position:relative; width: 75%; margin-top: 10px;}/* 160906 수정 */
.join-box.apartment .apart-area ul li.a-a-input2 .selectbox {width: 39%; float: left; font-size: 12px; height: 32px;}/* 160906 수정 */
.join-box.apartment .apart-area ul li.a-a-input2 .selectbox select {font-size: 12px;}
*  .join-box.apartment .apart-area ul li.a-a-input2 .selectbox #ex_select {_font-size: 21px;} /* IE5,6,7 */
.join-box.apartment .apart-area ul li.a-a-input2 .selectbox #ex_select {height: 32px;}
.join-box.apartment .apart-area ul li.a-a-input2 .selectbox:before {right: 10px;}
.join-box.apartment .apart-area ul li.a-a-input2 .selectbox label {font-size: 12px;}/* 160906 수정 */
.join-box.apartment .apart-area ul li.a-a-input2 span {width: 5%; font-size: 12px; color: #777; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;}/* 160906 수정 */
.join-box.apartment .apart-area ul li:last-child {margin-top: 10px;}

/* 170314 체크카드 추가 */
.join-box.apartment.checkCard ul li.a-a-input2 .selectbox {text-align: center;}
.join-box.apartment.checkCard ul li.a-a-input2 .selectbox:before {display: none;}
.join-box.apartment.checkCard ul li.a-a-input2 .selectbox label {position: relative; top: 0; left: 0; display: inline-block; line-height: 32px;}

/* 가입자 정보 */
/*
.join-box.user-info ul {display: block; width: 100%;}
.join-box.user-info ul li {display: inline-block; width: 100%;}
.join-box.user-info ul li:first-child {margin-bottom: 10px;}
.join-box.user-info ul li h2 {font-size:0.9em; color:#535353;display:inline-block; line-height: 34px;width: 20%; font-weight: 600; float: left;}
.join-box.user-info ul li label{font-size: 0.9em;}
.join-box.user-info ul li .user-info-box {float: left; display: inline-block; width: 80%;}
.join-box.user-info ul li .user-info-box .selectbox {width: 30%; float: left;}
.join-box.user-info ul li .user-info-box .selectbox select{ font-size: 12px;}
*  .join-box.user-info ul li .user-info-box .selectbox #ex_select {_font-size: 16px;}
.join-box.user-info ul li .user-info-box select{ font-size: 12px; width: 25%; float: left; height: 32px;}
.join-box.user-info ul li .user-info-box span {width: 5%; font-size: 12px; color: #555; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;} 
.join-box.user-info ul li .user-info-box .user-label {line-height: 34px; min-width:70px;}
.join-box.user-info ul li p {display: block; float: left; font-size: 12px; line-height: 20px; height: 20px; margin-top: 10px; letter-spacing: -0.7px; width: 100%;}
.join-box.user-info ul li p input {margin-left: 2px;}
*/
.join-box.user-info ul {display: block; width: 100%;}
.join-box.user-info ul li {display: inline-block; width: 100%;}
.join-box.user-info ul li:first-child {margin-bottom: 10px;}
.join-box.user-info ul li h2 {font-size:0.9em; color:#535353;display:inline-block; line-height: 34px;width: 20%; font-weight: 600; float: left; margin: 0; padding: 0;}
.join-box.user-info ul li label{font-size: 0.9em;}
.join-box.user-info ul li .user-info-box {float: left; display: inline-block; height: 35px; width: 80%;}
.join-box.user-info ul li .user-info-box .selectbox {width: 25%; float: left;}
.join-box.user-info ul li .user-info-box span {font-size: 0.9em; color: #555; display: inline-block; line-height: 34px; text-align: center; float: left; padding: 0 2%;} 
.join-box.user-info ul li .user-info-box .user-label {line-height: 34px;}
.join-box.user-info ul li .user-info-box input {background: #fff; border: 1px solid #c5c5c5; text-align: center; position:relative; width: 23%; float: left; height: 36px; font-weight: normal !important; font-size: 14px !important}
.join-box.user-info ul li .user-info-box label {float: left; width: auto; width: 34px; height: 34px; background: #f5f5f5; border: 1px solid #c5c5c5; text-align: center;}


/* 음력,양력 체크박스 */
.join-box input[type=radio].n-check-btn2 {
    display:none;
}
.join-box input[type=radio].n-check-btn2 + label span {
	display:inline-block;
	width:30px;
	height:30px;
	margin:3px 4px 0 0;
	vertical-align:middle;
	background:url("/images/login/member/radio_btn.png") left top no-repeat;
	cursor:pointer;
}

.join-box input[type=radio].n-check-btn2:checked + label span {
	background:url("/images/login/member/radio_btn_on.png") left top no-repeat;
}


/* 성별부분 체크박스 */
.join-box input.gender-btn {
    width: 35px;
	height: 35px;
	background: #f5f5f5;
	border: 1px solid #c5c5c5;
	
}/* 160906 수정 */



/* 휴대폰 정보 */
.join-box.phone {padding: 15px 4% 5px}
.join-box.phone ul{width: 100%; display: inline-block;}
.join-box.phone ul li{width: 100%; display: inline-block; text-align: center; margin-bottom: 10px;}
.join-box.phone ul li a.en-btn {margin-left: 2%; background: #399fc7; min-width: 75px; width: 20%; float: right;} /* 인증번호 버튼 */
.join-box.phone ul li .phone-input-box {width: 70%; display: inline-block; text-align: left; position:relative; float: left;}
.join-box.phone ul li .phone-input-box span {line-height: 35px; display: inline-block; width: 5%; float: left; text-align: center;}
.join-box.phone ul li .phone-input-box .selectbox {border-color: #c5c5c5; width: 24%; text-align: left; display: block; float: left;}
.join-box.phone ul li .phone-input-box .selectbox select {padding: 7px 0;}
*  .join-box.phone ul li .phone-input-box .selectbox select {_font-size: 16px;}
.join-box.phone ul li .phone-input-box .join-input-phone1 {width: 30%; display: inline-block; border:1px solid #ddd; padding:0 0 0 3px; position:relative; vertical-align: auto; height: 35px; font-size: 12px; box-sizing: border-box; float: left; line-height: 32px;}/* 160906 수정 */
.join-box.phone ul li .phone-input-box .join-input-phone2 {width: 96%; display: inline-block; border:1px solid #ddd; padding:0 0 0 3px; height: 35px; font-size: 12px; box-sizing: border-box;  line-height: 32px;}/* 160906 수정 */

/* 170314 체크카드 추가 */
.join-box.phone.checkCard ul li {text-align: left;}
.join-box.phone.checkCard ul li label {width: 25%;}
/* 휴대폰정보 ver2 */
.join-box.phone02 ul{width: 100%; display: inline-block;}
.join-box.phone02 .join-input1 {width: 45%; margin: 0; font-size: 0.8em;}
.join-box.phone02 label {width: 25%;}
.join-box.phone02 ul li{width: 100%; display: block; height: 36px; float: left;}
.join-box.phone02 ul li:first-child {margin-bottom: 10px;}
.join-box.phone02 ul li:last-child {margin-bottom: 0;}
.join-box.phone02 ul li a.en-btn {margin-left: 2%; background: #399fc7; float: right; min-width: 75px; width: 20%;} /* 인증번호 버튼 */
.join-box.phone02 ul li .phone-input-box {width: 100%; display: block; text-align: center; position:relative; float: left;}
.join-box.phone02 ul li .phone-input-box span {line-height: 35px; display: inline-block; width: 5%;float: left; margin: 0 1%;}
.join-box.phone02 ul li .phone-input-box .selectbox {float: left; border-color: #c5c5c5; width: 25%; text-align: left;}
.join-box.phone02 ul li .phone-input-box .selectbox select {padding: 7px 0;}
.join-box.phone02 ul li .phone-input-box .join-input-phone1 {width: 27%; display: inline-block; border:1px solid #ddd; position:relative; height: 36px; text-align: center; box-sizing: border-box;float: left;}
.join-box.phone02 ul li .phone-input-box .join-input-phone2 {width: 99%; display: inline-block; border:1px solid #ddd; height: 36px;}
.join-box.phone02 .join-input1 {width: 70%; margin: 0 1%; font-size: 0.8em; height: 36px;}
.join-box.phone02 label {width: 25%;}
.join-box.phone02 ul li{ margin-bottom: 10px;}
.join-box.phone02 ul li:last-child {margin-bottom: 0;}
.join-box.phone02 ul li span {font-size:0.8em; color:#555;display:inline-block; width:auto; margin-left: 2%; line-height: 35px;}
.join-box.phone02 .en-btn {background: #399fc7; float: right; width: 25%; padding: 7px 0;} /*중복확인 버튼 위치*/


/* 휴대폰정보 팝업 */
.join-popupBox .phonebox-page h2{font-size:1.1em; color:#444; letter-spacing:-0.7px; margin-bottom: 20px;}
.join-popupBox .phonebox-page .loginback-btn{width:55%; background:#2495c1; display:inline-block; text-align:center; padding:15px 0; font-size:1em; color:#fff; font-weight:bold;}
.join-popupBox .phonebox-page .pop-close-btn {width: 35%; background:#2495c1; display:inline-block; text-align: center; padding: 15px 0; font-size:1em; color:#fff; font-weight:bold; margin-left: 5%; float: right;}
.join-popupBox .phonebox-page .pop-close-btnAlone {width: 100%; background:#2495c1; display:inline-block; text-align: center; padding: 15px 0; font-size:1em; color:#fff; font-weight:bold; margin-left: 5%; float: right;}

/* 이메일 정보 */
.join-box.email ul{width: 100%; display: inline-block;}
.join-box.email .join-input1 {width: 45%; margin: 0; font-size: 0.8em;}
.join-box.email label {width: 25%;}
.join-box.email ul li{width: 100%; display: block; height: 36px; float: left;}
.join-box.email ul li:first-child {margin-bottom: 10px;}
.join-box.email ul li:last-child {margin-bottom: 0;}
.join-box.email ul li a.en-btn {margin-left: 2%; background: #399fc7; float: right; min-width: 75px; width: 20%;} /* 인증번호 버튼 */
.join-box.email ul li .email-input-box {width: 100%; display: block; text-align: center; position:relative; float: left;}
.join-box.email ul li .email-input-box span {line-height: 35px; display: inline-block; width: 5%; float: left; margin-right: 2%;}
.join-box.email ul li .email-input-box .selectbox {border-color: #c5c5c5; width: 30%; text-align: left; position: relative; float: left;}
.join-box.email ul li .email-input-box .selectbox select {padding: 7px 0; height: 34px;}
.join-box.email ul li .email-input-box .join-input-email1 {width: 22%; display: inline-block; border:1px solid #c5c5c5; padding:8px 0 8px 5px; position:relative; height: 36px; text-align: left; float: left; margin-right: 2%; font-size: 0.8em;}
.join-box.email ul li .email-input-box .join-input-email2 {width: 32%; display: inline-block; border:1px solid #c5c5c5; padding:8px 0 8px 5px; position:relative; height: 36px; text-align: left; float: left; margin-right: 2%; font-size: 0.8rem;}


/* 서비스 이용 약관 */
.join-box.primbox {margin-bottom: 15px; padding-bottom: 5px;}
.join-box.primbox ul {width: 100%; display: block;}
.join-box.primbox ul li {width: 100%; display: inline-block; line-height: 35px; padding: 10px 0;  position:relative; margin-bottom: 8px; box-sizing: border-box;} 
.join-box.primbox ul li .primbox-txt{float: left; width: 88%; line-height: 35px; font-size:0.75em; font-weight: normal; margin-left: 3%;}/* 160906 수정 */
.join-box.primbox ul li .primbox-txt a {color: #399fc7; text-decoration:underline;  padding-left: 5px;}/* 160906 수정 */
.join-box.primbox ul li .primbox-check {float: left; line-height: 0; padding-top: 10px;}
.join-box.primbox ul li .primbox-txt2{float: left; width: 90%; line-height: 20px; font-size:0.75em; font-weight: normal; color: #399fc7; text-decoration:underline; margin-left: 3%; padding-left: 5px;}
.join-box.primbox ul li .primbox-txt2 p {width: 100%; display: inline-block;}
.join-box.primbox ul li .primbox-txt2 p a {display: block; float: left; margin: 0 10px 0 0; color: #757575; font-size:0.9em;}
.join-box.primbox ul li .primbox-txt2 p a input[type=checkbox] {vertical-align: middle; width: 14px; height: 14px; margin: 0 2px;}
.join-box.primbox ul li .primbox-txt2 p label {}
.join-box.primbox ul li label {width: 0;}

/* 약관동의 모두체크 부분 */
.join-box.primbox ul li.prim-all-check {background: #fff; border-bottom: 2px solid #c5c5c5; padding-top: 0;}
.join-box.primbox ul li.prim-all-check .primbox-txt {text-align: right; float: left; width: 83%; line-height: 35px; font-size:1em; font-weight: 600; margin-left: 3%; padding-right: 5%}
/* 약관동의 개별체크 */
.join-box.primbox ul li.prim-check {background: #f7f7f7; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;}
.join-box.primbox ul li.prim-check:before { top: 0; left: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}
.join-box.primbox ul li.prim-check:after { top: 0; right: 0; width: 1px; height: 100%; position:absolute; background: #c5c5c5; content:'';}


/* 약관동의 부분의 체크박스 */
.join-box.primbox input[type=checkbox].n-prim-btn {

   width: 16px;
   height: 16px;

}/* 160906 수정 */

.total-prim{width:42%; margin:0 auto; padding-top:7px;}
.total-prim input[type=checkbox] {  
    display: none;  
}
.total-prim input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 20px;		 
	line-height:120%;
	width:100%;
	letter-spacing:-1px;
	font-size:0.9em;
	color:#777;
}
.total-prim input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;  
    width: 15px;  
    height: 15px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color: #e0e0e0;  
    border-radius: 3px; 
	-moz- border-radius: 3px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.total-prim input[type=checkbox]:checked + label:before { 
    content:url(/images/login/member/chck_box_on.png);
    text-align: center;  
} 
.agree-box input[type=checkbox] {  
    display: none;  
}
.agree-box input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 20px;		 
	line-height:130%;
	width:100%;
	letter-spacing:-1px;
	font-size:0.9em;
	color:#777;
	display:inline;
}
.agree-box input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;  
    width: 15px;  
    height: 15px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color: #e0e0e0;  
    border-radius: 3px; 
	-moz- border-radius: 3px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.agree-box input[type=checkbox]:checked + label:before { 
    content:url(/images/login/member/chck_box_on.png);
    text-align: center;
} 

/* 셀렉트박스 */
.selectbox {
  position: relative;
  width: 18%;
  border: 1px solid #c5c5c5;
  z-index: 1;
  display:inline-block;
  background: #fff;
}/* border 색 #ddd -> #c5c5c5, background 추가 */


.selectbox:before {
  content: "";
  position: absolute;
  top: 45%;
  right: 5px;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #555;
  z-index: -1; /* 160906 수정 */
}/* border-top: 5px -> 7px, top 50% -> 45로 수정 */

.selectbox label {
  position: absolute;
  top: 25%;
  left: 5px;
  color: #999;
  z-index: -1;
  font-size: 12px; /* 160906 수정 */
}
.selectbox select {
	width:100%;
	line-height: normal;
	font-family: inherit;
	padding: 8px 0;
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 12px;
	height: 33px;	
}/* 160906 수정 */

/* 휴대폰 인증 */
.agree-page{background:#fff; width:90%; height:30%; padding:10px; margin:0 auto;}
.agree-page ul li{display:inline-block; vertical-align:middle;}
.agree-page img{width:80%;}
.agree-page h2{font-size:1.3em; color:#333; margin-bottom:20px;}
.agree-page p{font-size:0.9em; letter-spacing:-1px; color:#727272;}
.agree-btn{width:100%; height:20px; display:inline-block; background:#555; color:#fff; font-size:0.9em; text-align:center; margin-top:20px; padding:6px 0; font-weight:600;}
.agree-btn:hover{color:#fff; background:#777;}

/* 가입완료 */
.complete-page{background:#fff; width:86%; height:73%; padding:25% 4% 0 4%; margin:0 auto; text-align:center; position:relative;}
.complete-page img{width:40%; margin-bottom:50px;}
.complete-page h2{font-size:1.3em; color:#444; letter-spacing:-0.7px;}
.comple-btn{width:86%; margin:0 auto; background:#2495c1; display:block; text-align:center; padding:15px 0; border-radius:3px; -moz-border-radius:3px; font-size:1em; color:#fff; font-weight:bold;}
.position-i{position:fixed; bottom:30px;}
.comple-btn:hover{color:#fff;}

/* 이용약관,개인정보취급방침 등 전체페이지 */
.agree-box{background:#fff; width:90%; padding:10px; margin:0 auto; position:relative;}
.agree-txt2{width:94%; height:100% auto; margin:0 auto; border:1px solid #ddd; padding:2% 3%; overflow-y:auto; text-align:left; font-size:0.8em; line-height:160%;}
.agree-txt2 b{color:#555;}
.agree-box2 span{color:#555; font-weight:600; font-size:0.9em;}
.tab-btn{width:31.5%; padding:10px 0; display:inline-block; font-size:0.8em;background:#efefed; margin-top:4px; text-align:center; color:#575757; letter-spacing:-1px; border:1px solid #ddd; font-weight:600;}
.tab-btn:hover{color:#fff; background:#2495c1; border:1px solid #2495c1;}
.btn-over{color:#fff; background:#2495c1; border:1px solid #2495c1;}
#join-page h4{font-size:1.1em; color:#444; padding:5px 0 5px 0; width:60%; font-weight:600; letter-spacing:-0.5px;}

/* 관리비_서비스이용동의 WEB-페이지창 */
.join_service {padding: 10px; box-sizing: border-box; text-align: center; background: #f2f2f2;}
.join_service h2{font-size:1.1em; color:#444; padding:10px 0; width:100%; font-weight:600; letter-spacing:-0.5px; text-align: center; margin: 0 0 10px;}
.join_service .h3_center {font-size:1em; color:#444; padding:10px; font-weight:600; letter-spacing:-0.5px; background: #fff; margin: 10px 0 0 ; width: auto; display: inline-block}
.join_service p {font-size: 0.9em; padding:10px; background: #fff; line-height: 1.7em; color: #353535; text-align: left;}
.join_service p span {display: inline-block; width: 100%; padding-left: 12px; text-indent: -7px; box-sizing: border-box; margin-bottom: 5px;}
.join_service .service_prim_btn {width: 100%; display: inline-block; line-height: 25px; padding: 10px 0;  position:relative;}
.join_service .service_prim_btn a {display: inline-block; margin: 0; color: #454545; font-size:0.9em; width: 100%; text-align: left; font-weight: 600;}
.join_service .service_prim_btn .primbox-check {float: right; width: 35px; margin-left: 10px;}
.join_service .service_prim_btn:last-child {margin-bottom: 0;}
.join_service .service_prim_btn label {width: 0;}

.join_service .service-btn{width:45%; background:#2495c1; display:inline-block;  text-align:center; padding:15px 0; border-radius:5px; -moz-border-radius:5px; font-size:1.3em; color:#fff; font-weight:bold; margin:10px 5px ; }
.join_service .service-btn:hover{color:#fff;}

.colorGray {background: #7e7e7e !important; }
.colorBlue {background: #2495c1 !important; }

/* 설정창 */
#edit-page{width:100%; height:100%; background:#e8e8e8; padding:10px 0 10px 0; }
#edit-page h3{font-size:1.2em; color:#444; padding:5px 0 5px 0; width:60%; margin-left:10px; font-weight:600; letter-spacing:-0.5px;}
.edit-box{background:#fff; width:90%; padding:0 10px; margin:0 auto; }
.edit-box a{display:block; font-size:1.1em; padding:17px 5px 17px 5px; border-bottom:1px solid #ddd; color:#666;}
.edit-box a:hover{color:#078fc6 !important;}
/*on/off */
.onoffswitch {
    position: relative; width: 60px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 10px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; 
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;	
    background-color: #06658c; color: #078fc6;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #c1c1c1; color: #e9e9e9;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 30px; height:30px; margin:0;
    background: #078fc6;
    position: absolute; top: -6px; bottom: 0; 
    right: 30px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}



/*이벤트 */

#event-page{height:100%; background:#e8e8e8; padding:10px;}
.slide-banner{width:100%; height:150px auto; margin:0 auto; background:#777; position:relative;}
.banner-icon{position:absolute; left:2%; top:37%; width:4%;}
.banner-icon2{position:absolute; right:2%; top:57%; width:4%;}
.banner-btn{position:absolute; right:2%; bottom:2%; width:77px;}
.banner-btn-bg{position:absolute; right:2%; top:5%; width:32px; height:32px; background:url("/images/login/main/conunter_bg.png") no-repeat; background-size:100%; text-align:center; vertical-align:middle; color:#333; font-size:0.8em; font-weight:bold; line-height:260%;}

.tab_lee{overflow:hidden; margin-bottom:0px}
.tab_lee li{float:left; width:48%;}
.tab_lee li:first-child{margin-right:4%}
.tab_lee li a{display:block; border:1px solid #dde0db; background:#eeefed; color:#585858; text-align:center; padding:7px 0}
.tab_lee li a span{color:#2495c1}
.tab_lee li.selected a{border:1px solid #dde0db; background:#2495c1; color:#fff}
.tab_lee li.selected a span{color:#f6ff00}
.main_img6 {position:relative; width:100%;}
.main_img6 ul { position:absolute; top:12%; left:5%; width:90%;}
.main_img6 ul li { font-size:1.2em; color:#333; line-height:1.3em; letter-spacing:-0.8px; }
.main_img6 ul li.main_img_r { font-size:1.2em; color:#484848; line-height:1.3em; letter-spacing:-1px; font-weight:bold; text-align:right; float:right; width:160px; margin-bottom:25px;} 
.main_img6 ul li.main_img_l { float:left; width:32%; height:55px; background:url("/images/login/main/cash_p.png") no-repeat; background-size:100% 100%; text-align:center; font-size:1.8em; color:#2495c1; font-weight:bold; line-height:70%; margin-top:12px; background-position:8% 6%;}
.main_img6 ul li.main_img_l .cash-title{font-size:0.4em; color:#777; font-weight:normal; width:100%;}
.main_img6 .main_img_r .event-t{font-size:0.7em; color:#5c5c5c; font-weight:600; }
.point-bottom{font-size:0.9em; font-weight:normal; float:right; text-align:right; width:40%;}
.event-page{background:#fff; width:90%; padding:10px; margin:0 auto; position:relative; }
.agree-txt{width:94%; height:40px; margin:0 auto; border:1px solid #ddd; padding:2% 3%; overflow-y:auto; text-align:left; font-size:0.9em; line-height:160%;}
.agree-txt b{color:#555;}
.agree-box span{color:#555; font-weight:600; font-size:0.9em;}
.t-bon{padding:3px 5px; height:15px; display:inline-block; font-size:0.8em; color:#fff; background:#777; margin-top:4px; border-radius:3px; -moz-border-radius:3px;}
.t-bon:hover{color:#fff; background:#999;}
.agree-botm li{display:inline; }
.next-btn{width:95%; background:#2495c1; display:block;  text-align:center; padding:15px 0; border-radius:5px; -moz-border-radius:5px; font-size:1em; color:#fff; font-weight:bold; margin:0 auto;}
.next-btn:hover{color:#fff;}
.main_img_iconY{width:100%; height:120px; display:block; background:#fff; margin-top:8px; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);}

/*이벤트 상세페이지*/
.tab-button{width:100%; margin:0 auto; }
.tab3{margin:0 0 10px 0; text-align:center;}
.tab3 li{ width:30%; display:inline-block; }
.tab3 li:first-child{margin-right:4%; }
.tab3 li a{display:block; border:1px solid #dde0db; background:#fff; color:#585858; text-align:center; padding:10px 0; font-size:13px; }
/*.tab li a:hover{border:1px solid #dde0db; background:#137ca5; color:#fff;}*/
.tab3 li a span{color:#2495c1;}
.tab3 li.selected a{border:1px solid #dde0db; background:#137ca5; color:#fff;}
.tab3 li.selected a span{color:#f6ff00;}
.event_veiw{background:#fff; width:95%; height:auto; padding:10px; margin:0 auto;}
.event-img h3{font-size:1.3em; color:#333; float:left; font-weight:600; }
.event-img span{float:right; font-size:0.9em; color:#999;  }
.event-img .img-p{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:10px; border-top:1px solid #ddd; padding-top:10px;}
.text_veiw{background:#fff; width:95%; height:100% auto; padding:10px; margin:0 auto; float:left}
.input-txte li{float:left;}
.input-txte li, img, input{vertical-align:middle; margin:0; padding:0;}
.text-dee{width:100%; height:35px; background:#eaeaea; border:1px solid #ddd; padding-left:10px;}
.text-vb{display:block; width:100%; padding:8px 3px; background:#666666; text-align:center; color:#fff; border:1px solid #555; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} 
.text-vb:hover{color:#fff;}
.text_veiw table{font-size:0.9em; color:#555; width:100%; margin-top:10px; float:left;}
.text_veiw table td{border-bottom:1px dotted #ccc; padding:7px 0;}
.text_veiw table img{margin-right:4px;}
.table-title{width:55%; font-weight:600;}
.table-name{color:#888; width:27%; text-align:right; letter-spacing:-1px;}
.layer-sns{width:70%; margin:0 auto; text-align:center; background:#eee; z-index:100; position:absolute; left:50%; top:50%; margin-left:-35%; z-index:100; display:none;}
.layer-sns li{display:inline; width:25%; padding:10px;}
.layer-sns img{width:15%;}



/*메인배너*/
ul.bannerArea{margin-top:10px; margin-bottom:15px; padding:0 0px; overflow:hidden; position:relative;}
ul.bannerArea li{float:left; width:100%;}
ul.bannerArea li img.banner{width:100%; height:auto;}
ul.bannerArea ul.roll {overflow:hidden;position:absolute; bottom:8%; width:54px; margin-left:auto; margin-right:auto; left:0; right:0;}
ul.bannerArea ul.roll li{float:left; margin-left:2px; width:16px;  text-align:center;}
ul.bannerArea ul.roll li a{display:inline-block; width:8px; height:8px; margin:0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
	background:#dadada;
	}
ul.bannerArea ul.roll li a:hover, ul.bannerArea ul.roll li a.on{background:#f66051;}

/*이벤트 전체 리스트*/
#event-page_total{width:100%; position:relative;}


/*공지사항 게시판*/
#notice-page{height:100%; background:#e8e8e8; padding:10px;}
.notice-table{background:#fff; width:95%; padding:10px; margin:0 auto; position:relative;}
.notice-list li{display:inline-block;  vertical-align:middle; padding:20px 0;}
.notice-list ul{border-bottom:1px solid #eee;}
.notice-list .title{font-size:1em; color:#555; width:71%; padding-left:15px; font-weight:600; }
.notice-list p{font-size:0.9em; color:#888; padding:5px 0; font-weight:normal;}
.notice-lis img{vertical-align:bottom; line-height:180%;}
.over-notice{width:90%; background:#f3f6f7; font-size:1em; color:#494949; line-height:150%;}

/*공지사항 문의하기*/
#notice-page{height:100%; background:#e8e8e8; padding:10px;}
.notice-table{background:#fff; width:95%; padding:10px; margin:0 auto; position:relative;}
.ask-list li{display:inline-block; vertical-align:middle; padding:20px 0;}
.ask-list ul{border-bottom:1px solid #eee;}
.ask-list .title{font-size:1em; color:#555; width:63%; padding-left:5px; font-weight:600; }
.ask-list p{font-size:0.9em; color:#888; padding:5px 0; font-weight:normal;}
.ask-list img{vertical-align:bottom; line-height:180%;}
.over-notice{width:92%; background:#f3f6f7; font-size:0.9em; color:#494949; line-height:150%;}
.over-notice .a-title{width:80%; border-bottom:1px solid #ddd; float:right;}
.over-notice .a-img{float:left; width:36px;}
.over-notice .a-txt{float:right; width:80%; padding-left:5px;}
#notice-page{height:100%; background:#e8e8e8; padding:10px;}
.notice-table{background:#fff; width:95%; padding:10px; margin:0 auto; position:relative;}
.ask-write{width:100%; position:relative; margin-bottom:10px;}
.ask-write table{width:100%; border-top:1px solid #777; border-bottom:1px solid #aaa;}
.ask-write .ty1{width:30%; background:#f6f6f6; padding:16px 0; padding-left:8px; font-size:0.9em; color:#333; border-bottom:1px solid #eee;}
.ask-write .ty2{width:70%; font-size:0.9em; padding-left:10px; border-bottom:1px solid #eee; color:#777;}
.ask-write .ty-ask{width:100%; border:1px solid #ddd; padding:7px 0 7px 5px;}
.ask-write .ty-txt{width:100%; height:130px; border:1px solid #ddd; padding:3px 0 3px 5px; margin:13px 0;}
.ask-write .ty-file{width:70px; display:block; background:#777; padding:6px 2px; text-align:center; color:#fff; font-size:0.9em; border-radius:3px; -moz-border-radius:3px; webkit-border-radius:3px;}
.ask-write-btn{width:110px; display:block; margin:0 auto; text-align:center; background:#346279; color:#fff; padding:8px 5px; font-weight:600;}
.ask-write-btn:hover{color:#fff;}

/* 페이징 */
.pagenate	{ margin-top:20px; text-align:center; width:100%;}
.pagenate	.btn_l	{display:inline-block; position:absolute; top:-10px;}
.pagenate	.btn_l	.t_11gray	{margin-top:5px; vertical-align:middle}
.pagenate	.btn_l	img	{vertical-align:middle; _vertical-align:top;}
.pagenate	.btn_r	{position:absolute; top:-10px; right:0; width:auto; margin:0px;}
.pagenate	.page	{text-align:center;}
.pagenate	.page	span	{display:inline-block; vertical-align:middle;}
.pagenate	.page	span.page_btn	{margin-left:-5px; _margin-left:-1px;}
	*+html	.pagenate	.page	span.page_btn	{margin-left:-1px}
.pagenate	.page	.page_num	{display:inline-block; border-right:1px solid #f2eee6; color:#553b2f; font-size:12px; font-family:Times New Roman, serif;}
.pagenate	.page	.page_num	a	{display:inline-block; width:30px; height:20px; margin-left:-4px; border-left:1px solid #f2eee6; text-align:center; line-height:20px;}
.pagenate   .page   .page_num   a.last  {border-right:1px solid #f2eee6;border-left:none;}
.pagenate	.page	.page_num	a:link, .pagenate	.page	.page_num	a:visited, .pagenate	.page	.page_num	a:hover, .pagenate	.page	.page_num	a:active	{color:#553b2f;}
.pagenate	.page	.page_num	a.on	{color:#f77133; font-weight:bold;}
.pagenate	.page	.page_num	a.on:link, .pagenate	.page	.page_num	a.on:visited, .pagenate	.page	.page_num	a.on:hover, .pagenate	.page	.page_num	a.on:active	{color:#f77133;}
.selectArea{width:980px; text-align:center; margin-top:20px; margin:20px auto 0 auto;}

/*납부완료*/
#com-page{height:100%; background:#e8e8e8; padding:10px;}
.com-list{background:#fff; width:95%; padding:10px; margin:0 auto; position:relative;}
.arm-com{width:100%; height:105px; background:#efefed; }
.arm-com img{width:55px; display:inline-block; vertical-align:middle; margin:20px 11px 0 10px; float:left;}
.arm-com p{width:200px; display:inline-block; vertical-align:middle; color:#5a5a5a; line-height:140%; font-size:1em; letter-spacing:-0.3px; margin:28px 0 0 0; float:right;}
.arm-com span{font-weight:bold;}
.det-com{ background:#def0fa; margin-top:10px;}
.com-price{color:#555; padding:10px 10px; overflow:hidden;}
.com-price .c-fl{font-weight:800; letter-spacing:-0.05me; font-size:14px; float:left;}
.com-price .c-fr{letter-spacing:-0.05me; font-size:13px; color:#555; margin-right:5px; float:right;}
.com-price .c-fr strong{font-weight:800; font-size:16px; color:#2494c2; }
.com-list table{width:100%; }
.com-list .table-l{width:50%; text-align:left; padding:10px 0; background:#f3f3f3; font-size:15px; color:#666; padding-left:7px;}
.com-list .table-r{width:50%; text-align:right; padding:10px 0; background:#f3f3f3; font-size:1em; color:#666; padding-right:7px;}
.com-list .com-t1{text-align:left; padding:8px 0; font-size:13px; border-bottom:1px solid #dfdfdf;  padding-left:7px;}
.com-list .com-t1 img{vertical-align:middle;}
.com-list .com-t2{text-align:right; padding:8px 0; font-size:15px; border-bottom:1px solid #dfdfdf; padding-right:7px; color:#555;}
.com-list .com-btn{width:100%; background:#2495c1; color:#fff; display:block; text-align:center; font-size:15px; font-weight:600; padding:10px 0; letter-spacing:-0.5px;}
.pay-com{width:100%; height:105px; background:#efefed; }
.pay-com img{width:55px; display:inline-block; vertical-align:middle; margin:20px 15px 0 40px; float:left;}
.pay-com p{width:170px; display:inline-block; vertical-align:middle; color:#5a5a5a; line-height:140%; font-size:1em; letter-spacing:0; margin:25px 0 0 0; float:right;}
.pay-com span{font-weight:bold;}
.cash-be{border-top:1px solid #777; border-bottom:1px solid #777; margin-top:10px; text-align:center; color:#555; font-size:0.9em; padding:30px 0;}


/*페이징 로딩바*/
.loding-bar{position:fixed;bottom:30%;z-index:10;width:100%;text-align:center;}

/* 페이징 */
.pagenate	{ margin-top:20px; text-align:center; width:100%;}
.pagenate	.btn_l	{display:inline-block; position:absolute; top:-10px;}
.pagenate	.btn_l	.t_11gray	{margin-top:5px; vertical-align:middle}
.pagenate	.btn_l	img	{vertical-align:middle; _vertical-align:top;}
.pagenate	.btn_r	{position:absolute; top:-10px; right:0; width:auto; margin:0px;}
.pagenate	.page	{text-align:center;}
.pagenate	.page	span	{display:inline-block; vertical-align:middle;}
.pagenate	.page	span.page_btn	{margin-left:-5px; _margin-left:-1px;}
	*+html	.pagenate	.page	span.page_btn	{margin-left:-1px}
.pagenate	.page	.page_num	{display:inline-block; border-right:1px solid #f2eee6; color:#553b2f; font-size:12px; font-family:Times New Roman, serif;}
.pagenate	.page	.page_num	a	{display:inline-block; width:30px; height:20px; margin-left:-4px; border-left:1px solid #f2eee6; text-align:center; line-height:20px;}
.pagenate   .page   .page_num   a.last  {border-right:1px solid #f2eee6;border-left:none;}
.pagenate	.page	.page_num	a:link, .pagenate	.page	.page_num	a:visited, .pagenate	.page	.page_num	a:hover, .pagenate	.page	.page_num	a:active	{color:#553b2f;}
.pagenate	.page	.page_num	a.on	{color:#f77133; font-weight:bold;}
.pagenate	.page	.page_num	a.on:link, .pagenate	.page	.page_num	a.on:visited, .pagenate	.page	.page_num	a.on:hover, .pagenate	.page	.page_num	a.on:active	{color:#f77133;}
.selectArea{width:980px; text-align:center; margin-top:20px; margin:20px auto 0 auto;}

/*이용약관*/
.t-bon:visited{color:#fff;}

/*로그인하기*/
.login-join:visited{color:#fff;}

/*자주 찿는 질문 추가 css*/
.tab .mtop-p{margin-top:5px;}
.tab li:nth-child(odd){margin-right:4%;}


/*intro css*/
#main_area .intro-dot{width:90%; margin:0 auto; text-align:center; padding:0px 0 50px  0;}
#main_area .intro-dot li{display:inline; padding:0 7px;}
#main_area .intro-dot img{width:10px;}
#main_area .intro-dot .over img{width:13px;}

#main_area .content{margin:0 auto; text-align:center;}
#main_area .content h1{font-size:2.2em; color:#353535; margin-bottom:25px; }
#main_area .content p{font-size:1.3em; color:#6c6c6c; margin-bottom:60px;}
#main_area .content img{width:41%; margin-bottom:150px;} 
.btnWrap .in-color{background:#585858;padding-top:3%; bottom:3%; position:absolute; display:inline-block; width:84%; left:3%;}


/* 본인인증하기 부분 추가 171214 */
.top_txtbox{width:90%; /* height:100%; */ margin:0 auto; text-align:center; }
.top_txtbox h1{font-size:4.5em; color:#353535;}
.top_txtbox h1 img {display: block; width: 130px; margin: 15px auto;} 
.top_txtbox p {color:#555; font-size:15px; line-height:140%; background: #fafafa; width: 90%; padding: 25px 15px; display: inline-block; text-align: left; border: 1px solid #e7e7e7;}
.top_txtbox p span {display: block; font-size: 14px; margin-top: 10px;}
.top_txtbox p span.date_txt {background: #fff; border: 1px solid #e7e7e7; padding: 10px;}
.top_txtbox p span .login-btn{ background:#959595; display:inline-block; text-align:center; padding:5px 15px; font-size:1em; color:#fff; font-weight:bold; text-align: left;}
.top_txtbox_Btn {display: block; margin: 30px auto 20px; width: 90%;}
.top_txtbox_Btn .login-btn {width:100%; background:#2495c1; display:block; text-align:center; padding:15px 0; border-radius:5px; -moz-border-radius:5px; font-size:1em; color:#fff; font-weight:bold; margin-top:10px;}

.join_logo {padding: 20px 0;}

.readColor {color: #333; font-weight: 600; font-size: 16px !important; background: #f5f5f5 !important;}