@charset "utf-8";

/*button*/
.member .btnbox { clear:both; text-align:center;height:50px; margin:20px 0;}


.textbox{ border-top:1px solid #ccc;  border-bottom:1px solid #ccc; background:#f8f8f8; padding:10px; margin-bottom:30px; clear:both;}
.textbox strong{ color:#ee2e5b;}
.textbox strong span{ color:#F30;}
.textbox2{ border:2px solid #ccc; background:#f8f8f8; padding:10px; margin-bottom:30px; clear:both;}

h4{ font-size:18px;  margin-bottom:20px; clear:both;}


/*로그인*/
.member{ position:relative; width:500px; margin:0 auto 30px auto;}
.member .input_box li{ margin-bottom:5px;}
.member .input_box label{}
.member .input_box input{ border:1px solid #ccc; height:45px; padding:10px; width:100%;}
.btn_login{ margin-bottom:10px;}
.btn_login input{  display:inline-block; width:100%; height:45px;background:#ee2e5b; border:0; font-size:15px; color:#fff;}

.find_info{ height:32px; line-height:32px; margin:10px 0 40px 0; text-align:center;  border:1px solid #444; background:#666; border-radius:3px;}
.find_info a{ height:30px; line-height:30px; width:33%; float:left; color:#fff; padding:0; border-right:1px solid #444;}
.find_info a:last-child{ border:0;}

.conf ul{ width:500px; margin:0 auto;}
.conf ul li{ float:left; width:50%; margin-bottom:40px;}
.conf ul li:first-child dl{ padding-right:10px;}
.conf ul li:last-child dl{ padding-left:10px;}
.conf ul li dt{  font-size:15px; margin-bottom:5px;}
.conf ul li dd{ min-height:210px;background:#f3f6f9; padding:10px; border:1px solid #c7d4e1; color:#777;}
.conf ul li dd strong{ color:#2479c6;}
.conf ul li dd a{ display:block; font-size:14px; background:#002f59 url(/images/www/arrow.png) no-repeat right center; color:#fff; text-align:center; height:40px; line-height:40px; margin-bottom:10px;}


.sns ul{ width:500px; margin:0 auto; text-align:center}
.sns ul li{  width:50%; text-align:center;display:inline-block}/*float:left; margin-bottom:40px;*/
.sns ul li a{ height:40px; line-height:40px; display:inline-block; width:100%; color:#fff; font-size:14px; margin-bottom:30px;}
/*.sns ul li:first-child{padding-right:10px;}
.sns ul li:last-child{padding-left:10px;}*/
.sns ul li:first-child a{background:#3b5997;}
.sns ul li:last-child a{background:#149cea;}

.login_info{ text-align:center;margin:30px auto; padding:0 10px 20px 10px;  max-width:500px; width:100%; }
.login_info h4{ margin:0; padding:15px 0; font-size:18px; line-height:23px;}
.login_info li{ margin-bottom:5px;}
.login_info li label{ display:none;}
.login_info li input{max-width:300px; width:100%;}
.login_info .btn{max-width:300px; width:100%;}

/*회원가입*/
#join .stepbox li{ float:left; width:25%; text-align:center; padding:0 3px; margin-bottom:40px;}
#join .stepbox li:first-child{ padding-left:0;}
#join .stepbox li:last-child{ padding-right:0;}
#join .stepbox li a{ padding:10px 0; width:100%; display:inline-block;  background:#eee; border:1px solid #ccc;  border-radius:3px;}
#join .stepbox li .on{ background:#06C; color:#fff;  border:1px solid #069; border-radius:3px;}
#join .tit{ font-size:17px; margin-bottom:10px;font-weight:bold}

#join .scrollbox{ height:200px; overflow-y:scroll; border:1px solid #ccc; padding:20px;}
#join .scrollbox .tit{ font-size:17px; margin-bottom:10px;font-weight:bold}
#join .scrollbox dl dt{  margin-bottom:5px;}
#join .scrollbox dl dd{ margin-bottom:20px;}
#join .ckbox{ text-align:right; margin-top: 10px; margin-bottom:30px; height:35px; line-height:35px; border-bottom:1px dashed #ccc; }
#join .to_ckbox{ text-align:center; font-size:14px;}
#join .to_ckbox input{ width:25px; height:25px; margin-right:5px;}

#join .step3 dl{ clear:both; width:500px; margin:0 auto;}
#join .step3 dl dt{ background:#06C; color:#fff; padding-left:20px; line-height:45px; height:45px;  font-size:15px;}
#join .step3 dl dd{ border:1px solid #ccc;}
#join .step3 dl dd strong{ line-height:50px; height:50px; margin-bottom:5px; display:block; text-align:center; font-size:20px; background:#f8f8f8; border:1px solid #ccc;}
#join .step3 dl dd span{ color:#06C; }
#join .step3 dl dl dt{ background:none; color:#222; font-size:14px;}
#join .step3 dl dl dd{ padding-top:5px; padding-bottom:20px; border:0; margin:0 20px;}
#join .step3 dl dl dd:last-child{ text-align:center;}
#join .step3 dl dl dd:last-child label{ display:inline-block; margin-right:10px; }
#join .step3 dl dl dd:last-child input{ height:30px; line-height:30px; border:1px solid #ccc; display:inline-block; margin-right:10px;}
#join .step3 dl dl dd .btnbox{ margin:0;}
#join .step3 dl dl dd .btn-default{ padding:0 10px; font-size:12px;}
/*20151027 중복확인 닫기버튼*/
#join .step3 .c_btn{ position:absolute;top:11px;right:15px;border:0}
#join .step3 .btn{ padding:2px 15px;}
#join .step4 .box{ border:1px solid #BEDBE4; background: #F9FCFD; padding:20px; clear:both; margin:20px 0;}
#join .step4 .box strong{ font-size:15px;}


/*마이페이지*/
.pwbox ul{ border-top:2px solid #444 } 
.pwbox ul li{ height:48px;  border-bottom:1px solid #ccc;}
.pwbox ul li label{ border-right:1px solid #ccc; line-height:47px; float:left; margin-right:10px; background:#f8f8f8; display:inline-block; width:20%; text-align:center;}
.pwbox ul li input{ margin-top:5px; float:left; display:inline-block; border:1px solid #ccc; width:70%; line-height:35px; height:35px;}

.infobox ul{ border-top:2px solid #555; margin-bottom:30px;}
.infobox ul li{  border-bottom:1px solid #ccc; padding:7px 0;}
.infobox li label{ width:20%; max-width:100px;  display:inline-block; margin-right:5px; vertical-align: middle;}
.infobox li label span, .tright span{color:#ee2e5b;  }
.infobox li input, .infobox li select{border:1px solid #ccc; height:35px; line-height:35px; padding-left:5px;}
.infobox li p{ width:100%; margin:10px auto;}
.infobox .tright{ text-align:right;}
.infobox .ckbox{ display:inline-block; margin-left:10px;}
.infobox .formbox1{width:10%;}
.infobox .formbox2{width:20%;}
.infobox .formbox3{width:30%;}
.infobox .formbox4{width:40%;}
.infobox .formbox5{width:70%;}
.infobox .formbox6{width:100%;}

/*신고하기*/
.property h4 {margin-bottom: 10px;}
.property h4 span {color: #ee2e5b; font-size: 14px; margin-left: 10px;}
.property textarea {border: 1px solid #ccc;}
.property li dl dt {width:20%; max-width:100px; height: 100%;  margin-right:5px; float: left; vertical-align: middle;}
.property li dl dt label {width: 100%;}
.property li dl dd {display: inline-block; padding-left:5px; width: 70%; line-height: 20px;}
.property li dl {content: ''; clear: both; display: block;}
.property li dl ul {border: none; margin-bottom: 0;}
.property li dl ul li {border: none; line-height: 20px}
.property .filebox label {width: auto; margin-right: 0;}
.property .filebox .upload-name {width: 75%;}
.property .btn_address {padding: 0 15px; height: 35px; vertical-align: middle; background-color: #38393B; color: #fff; font-size: 14px; border-radius: 0 .2em .2em 0; border: none;}
.property .address li {padding: 2px 0}
.pro_select {margin: 10px 0; text-align: right;}
.pro_select select {border: 1px solid #707070; height: 25px; line-height: 25px; width: 80px; font-size: 12px;}
.pro_select a {background: #666; color: #fff; line-height: 25px; height: 25px; display: inline-block; border-radius: 2px; padding: 0 10px; margin: 1px 5px 0 0px;}


/*아이디비밀번호찾기*/
.idbox dl dd{ border:3px solid #ddd; padding:20px; text-align:center; font-size:15px;letter-spacing:-1px;}
.idbox dl dd strong{ font-size:20px; }

.pwfind ul{ border-top:2px solid #444 } 
.pwfind ul li{ height:48px;  border-bottom:1px solid #ccc;}
.pwfind ul li label{ border-right:1px solid #ccc; line-height:47px; float:left; margin-right:10px; background:#f8f8f8; display:inline-block; width:20%; text-align:center;}
.pwfind ul li input{ margin-top:5px; float:left; display:inline-block; border:1px solid #ccc; width:70%; line-height:35px; height:35px;}

.pwbox .tleft{ text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; padding:10px; margin-bottom:30px;}
.pwbox .textbox { text-align:center;}
.pwbox .textbox strong{ font-size:18px;}
.pwbox .textbox strong span{ color:#F30;}

/*발송메일*/
#mail_wrap{ margin:0 auto; width:650px; border:1px solid #ccc; padding:20px; font-family:"맑은고딕","Malgun Gothic","나눔고딕","Nanum Gothic","돋움", "dotum", "AppleGothic,sans-serif"; color:#555;  line-height:1.8; font-size:14px; }
#mail_wrap h1{ margin:0;}
#mail_wrap .Contwrap{ min-height:300px;}
#mail_wrap dl dt{ font-size:20px;  margin:0 0 20px 0;}
#mail_wrap dl dd{ margin:10px 0; padding:0;}
#mail_wrap dl dd strong{ color:#F00;}
#mail_wrap footer{ border-top:2px solid #555; padding-top:10px;}
#mail_wrap footer address{font-style:normal; font-weight:normal;}
#mail_wrap footer .copyrights{ font-size:10px; margin:0; color:#999;}

/* responsive web design area */
@media all and (max-width:768px){

	/*로그인*/
	.member{ width:100%; margin:0 auto;}
	.conf ul{ width:100%; margin:0 auto;}
	.sns ul{width:100%; margin:0 auto;}
	
	/*회원가입*/
	.conf ul{ clear:both; width:100%;}
	.step3 dl{ width:100%;}
	.step3 dl dl dd:last-child label{ margin-right:5px; font-size:12px; letter-spacing:-1px;}
	.step3 dl dl dd:last-child input{ margin-right:5px;}
	.step3 dl dl dd .btn-default{ padding:0 5px; font-size:11px;}
	
	/*마이페이지*/
	.infobox .ckbox{ display:block; margin:0; text-align:center;}
	.infobox .formbox1{width:20%;}
	.pwbox ul li label{ width:30%; min-width:90px; font-size:12px; letter-spacing:-1px;}
	.pwbox ul li input{ width:60%; }
}

@media all and (max-width:400px){
	/*로그인*/
	.conf ul li{ clear:both; width:100%;}
	.conf ul li:first-child dl{ padding-right:0px;}
	.conf ul li:last-child dl{ padding-left:0px;}
	
	/*마이페이지*/
	.infobox li label{ font-size:12px; display:block; width:100%; max-width: 100%;}
	.infobox .formbox5{width:100%;}
	.infobox li{ border-bottom:1px dashed #ccc;}
  
	/*신고하기*/
	.property h4 span {display: block; margin-left: 0;}
	.property li label br {display: none;}
	.property li dl dt {width: 100%; float: none;}
	.property li dl dd {width: 100%; padding-left: 0;}
	.property .filebox label {display: inline-block;}
}