@charset "utf-8";
/* ==================================================
  Board = Class 수정은 여기에서!  지우면 됨
================================================== */	

.tb-basic tr {border-bottom:solid 1px #dbdbdb; }
.tb-basic td {height:52px;}
.td1 {text-align:left; padding:0 0 0 40px; font-size:15px;}
.td2 {height:36px; background:#e7e7e7; border:solid 1px #FFF; font-size:15px;}
.td3 {height:34px; font-size:15px;}
.log-input {width:210px; height:34px; font-size:14px;}

.id-chk {color:#a9a9a9;
		 padding:0 10px;}

.input-gap {padding-left:7px;}
.input-gap1 {padding:0 5px;}

.adress-chk {padding:8px 20px 8px 20px;
			 text-align:left;
			 color:#FFF !important;
		     background:#666;
	         filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#666',GradientType=0 );}

/*/////  textarea 속성  ///////*/

.texta{color:#9a9a9a; line-height:20px; font-size:12px; padding:10px}
textarea{width:98%; border:1px solid #cfcfcf}


input[type=text]{width:;height:; border-top:1px solid #c1c6cd; border-left:1px solid #c1c6cd; border-right:1px solid #e0e4ea; border-bottom:1px solid #e0e4ea; color:#464d61;}
input[type=text].readonly{;border-top:1px solid #bfc6cc; border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;/*background:#f1f3f4*/}
input[type=text]:focus,select:focus{border:1px solid #00a2e2;/*background:#edf6fb;*/color:#464d61}

input[type=password]{width:; height:; border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;color:#464d61;}
input[type=password].readonly{border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;/*background:#f1f3f4*/}
input[type=password]:focus,select:focus{border:1px solid #00a2e2; /*background:#edf6fb;*/ color:#464d61}

input[type=button]{	
	border : solid 0px #c8c8c8;
	font-size:13px;
	border-radius : 0px;
	moz-border-radius : 2px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	
	color : #696869;
	padding : 10px 10px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ;)
}




select{/*background: url('../img/arrow-down.png') 0px center no-repeat; 
	   behavior:url('selectbox.htc');*/}

.s-style {width:200px; height:38px; background:#FFF; border:solid 1px #e7e7e7; font-size:15px;}
.p-style {width:100px; height:38px; background:#FFF; border:solid 1px #e7e7e7; font-size:15px;}




/*//// 회원가입 페이지 /////*/


.mcenter-outline {width:100%;
			      min-height:768px;
				  padding-top:px;
			      clear:both;
			       /* !!!!! 서브페이지 작업시  main-outline --> center-outline 꼭 설정하기 (ex : position:relative; top:90px;)  */
			      
			      }

.mcenter {width:1000px;
	      height:100%;
		  /*background:#f69d56;*/
	      margin:0 auto;
	      /*box-shadow: 10px 6px 20px #ccc;*/
	      /*box-shadow: 10px -10px 16px #ccc;
	      box-shadow: 0px 10px 16px #ccc;*/
		  }


.mtop-outline {width:100%;
			   height:;
			   clear:both;}

.mtop {width:1000px;
	   height:;
	   margin:0 auto;}



/*.m-left {float:left;
		 width:220px;
		 height:;
		 padding:0 26px 0 0;
		 }


.m-left h3 {height:76px;
			 text-align:center;
			 padding-top:50px;
			 font-size:22px;
			 font-weight:600;
			 letter-spacing:-0.6px;
			 color:#FFF;
			 background:#f69d56; /* #64697d *//*}
*/

.m-right {float:left;
		  width:1000px;
		  padding:50px 0 14px 0;
		  background: url('../Img/sub-img01.png') no-repeat 820px 5px;
		  border-bottom:solid 1px #cfcfcf;}

.m-right h3 {font-weight:600;font-size:24px;color:#666;letter-spacing:-1px;padding:10px 0;}

.m-right span {font-size:12px;color:#a2a2a2;}





/*==========================================
				회원가입
============================================*/

.sign {width:1000px;
	   /*border-top:solid 2px #4a4a4a;*/
	   clear:both;
	   }

.sign ul {list-style:none;}

.sign li {width:329px; 
		  border:solid 1px #dbdbdb; /* 330 */
		  display:inline-block; zoom:1;*display:inline;}

.sign h1 {padding:27px 0 7px 0px;
		  font-size:34px;
		  font-weight:600;}

.sign-agree {padding:10px;
		     border-bottom:solid 1px #dbdbdb;/* (22*3) = 66 = 934/3 =311 */
		     }

.sign-agree-selected {padding:11px;
					  color:#FFF !important;
				      background:#3a5697;
					  }

.explan {padding:26px 10px; font-size:14px; color:#a9a9a9;}
.explan1 {padding:26px 10px; font-size:14px; }

.pd20 {padding-bottom:20px;}







.subject-out {width:100%;
			  clear:both;}

.subject {width:1000px;
		  padding:10px 0;
		  margin:0 auto;}


.subject-line {width:998px;
			   padding:10px 0;
			   border:solid 1px #dbdbdb;
		       margin:0 auto;}




.mail-btn {padding:0px 10px;
		   border:solid 1px #dbdbdb;}
.mail-btn:hover {color:#f67d34;
				 border:solid 1px #f2f2f2;}


.below {width:100%;
		font-size:17px;
		line-height:36px;
		margin-left:15px;
		color:#6e6e6e;
		font-weight:600;}

.below-under {font-size:17px;
			  color:#6e6e6e;
			  font-weight:600;
			  line-height:30px;
			  /*text-decoration:underline;*/}

.text-outline {width:100%;
			   height:auto;
			   clear:both;}

.texts {width:1000px;
		margin:0 auto;}







.chk-pd {padding:0 10px;}


.join-btn {width:1000px;
		   text-align:center;
		   padding:30px 0;
		   }

.cancel-btn {padding:15px 50px;
			 border:solid 1px #dbdbdb;}

.cancel-btn:hover {border:solid 1px #8a8a8a;}

.agree-btn {padding:15px 50px;
			border:solid 1px #f1672a;
			background:#ff7133;
			color:#FFF !important;}

.agree-btn:hover {background:#e84722;
				  border:solid 1px #e3401b;}

.membership-ok {width:100%;
			    text-align:center;
				font-size:28px;
				padding:30px 0;
				color:#828282;
				font-weight:600;
				}



/*//////  로그인  //////*/

.pop-container {width:100%;
				height:;
			    clear:both;}

.pop-conts {width:1000px;
			min-height:750px;
			margin:0 auto;}


.pop-conts h1 {font-size:38px; font-weight:700;  padding:0 0 12px 0;}

.btn-l {width: 100%; margin:0; padding: 40px 0; text-align:center;   }

/*.login   {
		  width:53px;
		  height:;
		  border:1px solid #155cab;
		  text-align:center;
		  padding:23px 20px;
		  margin-bottom:4px;
		  font-weight:600;
		  color:#FFF !important;
		  line-height:2.2em;
		  background:#2475d0;}
		  
.login:hover {border: 1px solid #104d91; background-color:#104d91; color:#FFF;}	*/

a.cbtn-sign {width:96px; display:inline-block;  padding:5px 25px; border:1px solid #304a8a; background-color:#3f5a9d; font-size:14px; color:#fff; line-height:25px; text-align:center; }	
a.cbtn-sign:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}/*156*/

a.fbtn {width:140px; display:inline-block; padding:5px 25px; border:1px solid #155cab; background-color:#2475d0; font-size:14px; color:#fff; line-height:25px; text-align:center; }	
/*190*/
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px; }	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}






/*///////////////////////// Join Start /////////////////////////*/

.joinform-out {width:100%;
			   height:auto;
			   clear:both;}

.joinform-lay {width:1000px;
			   min-height:750px;
			   margin:0 auto;
			   background:#FFF;}

.joinform {width:1000px;
		   height:auto;
		   background:#;
		   padding:50px 0 0px 0;
		   }

.member-hi {letter-spacing:-0.86px;}

.joinform ul {width:1000px;}

.joinform li {width:540px; 
			  margin:0 auto;
			  }
 

.joinform h1 {font-size:44px;
			  font-weight:700;
			  line-height:60px;}

.joinform p {padding:10px 0;
			 
			 font-size:22px;}

.joinform span {padding:10px 0;
				font-size:17px;}

.joinbg {background:#f6f6f6;}

/*.textcenter {text-align:center}
.textleft {text-align:left}*/
.cl239 {color:#f23939}
.pad2010 {padding:20px 0 0 10px}
.pad201010 {padding:20px 0px 0 10px;}
.pad2010c {padding:20px 0 0 10px; text-align:center; }
.pad2020 {padding:20px 0}


.txt_dsc {font-size:12px; height:10px; color:#9a9a9a; padding:4px 0;}
.txt_dsc.error {color:#ff564c;}

.emilin {font-size:12px; height:10px; color:#9a9a9a; padding-top:0; }
.emailagree {border-left:solid 1px #FFF; border-right:solid 1px #FFF; padding:10px 0 0 0;}
.tbborder {border-left:solid 1px #FFF; border-right:solid 1px #FFF; border-bottom:solid 1px #FFF;padding:20px 0;}
.agreetext {font-size:12px; color:#9a9a9a}

.agreetext1 {width:300px; float:left; font-size:12px !important; color:#9a9a9a !important; text-align:left;}
.agreetext1.error {color:#ff564c !important;}


.agreeclick {width:200px; float:left; font-size:12px; color:#9a9a9a !important; text-align:right;cursor:pointer;}
.agreebox {float:left; font-size:12px; color:#9a9a9a; background:#fafafc;}
.disn1 {width:100%; display:none;}
.cl9a {color:#9a9a9a;}
.gap10 {border:solid 1px #FFF; border-right:solid 1px #e7e7e7}
.border1 {border-left:solid 1px #e7e7e7;}



.embtn {width:400px;
		height:60px;
		background:#f26033;		  
		color:#FFF;
		font-size:22px;
		font-weight:500;
		line-height:60px;
		text-align:center;
		margin:20px 0;}

.facebtn {width:400px;
		  height:60px;
		  background:#4867aa;
		  color:#FFF;
		  font-size:22px;
		  font-weight:500;
		  line-height:60px;}

.nticon {clear:both;padding:20px 0 10px 0;}

.join-nt {width:65px;
		  height:65px;
		  border:4px solid #e7e7e7;
          border-radius:50%;
		  background:url('../img/index/b-america-icon.png') no-repeat 0px 0px;
		  margin:0 4px;}

.join-nt1 {width:65px;
		   height:65px;
		   border:4px solid #e7e7e7;
           border-radius:50%;
		   background:url('../img/index/b-korea-icon.png') no-repeat 0px 0px;
		   margin:0 4px;}

.join-nt2 {width:65px;
		   height:65px;
		   border:4px solid #e7e7e7;
           border-radius:50%;
		   background:url('../img/index/b-china.png') no-repeat 0px 0px;}


.join-nt:hover ,.join-nt1:hover ,.join-nt2:hover {border:4px solid #ff5353;}



.in-square {width:540px;
		    padding:20px 20px;
			border:1px solid #e7e7e7;
			
			}

.putfix {width:300px !important;
		 height:30px;
		 padding:10px;
		 background:e7e7e7;}

.overchk1 {width:100px;
		   height:20px;	
		   padding:9px 0 9px 0px;
		   margin:8px 0px 0 0;
		   background:#7f7f7f;
		   line-height:20px;
		   color:#FFF;
		   font-size:12px !important;}

.overchk:hover {background:#666;cursor:pointer;}


.checks {line-height:40px;}

.checks label {padding:10px 0 0 4px;}

.checks label {padding:10px 0 0 4px;}

.checks1 label {padding:10px 0 0 4px; background:url(/img/index/check-b-off.png) no-repeat}




/*///////////////////////// Join End /////////////////////////*/



/*==========================================
				계정찾기
============================================*/


.pw-receive {width:;
		     height:;
		     text-align:;
		     border-radius:4px;
		     border:solid 1px #e7e7e7;
		     font-size:14px;
		     padding:10px;}

.pw-receive:hover {border:solid 1px #00a2e2}

.em-find {font-size:30px;font-weight:700}

.font12 {font-size:12px}

.star-dot {vertical-align:bottom}

.star-dot1 {vertical-align:bottom;line-height:6px}

.pad20line {padding:20px;border-top:solid 1px #dbdbdb;}





/* ==================================================
   구 로그인
================================================== */


#login_center {width:1000px;
			   height:;
			   padding:5px 0;
			   margin:0 auto;}
			   
		 
#intro {width:1000px;
		height:60px;
		margin:0 auto;
		clear:both;}
		   
		 
.intro h1 {float:left;
		   padding:20px 0 0 20px;}	
		   

.intro span {float:left;
			 text-align:right;
             width:986px;
			 line-height:1.4;   
			 /*background:url('/img/index/home_icon.png') no-repeat 840px 10px;*/			  
		     font-size:12px;
		     padding:10px 0px 10px 14px;
			 border-bottom:solid 1px #e7e3e1;
		     color:#4f565b;}
			 
			 
#welcom {width:1000px;
		 height:200px;
		 padding:30px 0px 30px 0px;
		 line-height:34px;
		 background:url('/img/index/login.png') no-repeat 140px 40px;
		 margin:0 auto;
		 clear:both;}
	   
#welcom h2 {float:left; width:500px; text-align:; padding:0 0 0 480px; font-size:30px;line-height:40px; }
#welcom p  {float:left;  width:500px; text-align:; padding:10px 0 0 480px; word-wrap:break-word; line-height:22px; font-size:16px;}	   
	   
#login_box {width:880px;
			margin:0 auto;
			padding-bottom:20px;
			clear:both;}


.btn-log{width:120px;
		 height:58px;
		 margin:0px 0 4px 0;
		 padding:10px 10px;
		 border-top:1px solid #c1c6cd;
		 border-right:1px solid #e0e4ea;
		 border-bottom:1px solid #e0e4ea;
		 border-left:1px solid #c1c6cd;
		 font-weight:700;
		 font-size:15px;
		 color:#FFF;
		 text-align:center;
		 line-height:20px;
		 background:#2475d0;}

.btn-log:hover {background:#266eb4; color:#FFF;}	



.login_box {width:100%;
			height:230px;
			margin:0 auto;
			text-align:center;
			border-left:solid 1px #d1d1d1; 
			border-right:solid 1px #d1d1d1; 
			border-top:solid 4px #2475d0; 
			border-bottom:solid 1px #d1d1d1;
			padding:18px 0 30px 0;}

.login {width:100%;}
		
.login h1 {text-align:center;
		   font-size:3em;
		   padding:0 0 10px 0;}		
			
.login ul {}	
		  
		 
.login ul li {font-size:14px;
			  padding:4px 0 0 0;}

.login span {float:left;}	
			 



#find {width:100%;
	   clear:both;}			 	
			
.find {width:1000px;
	   margin:0 auto;
	   padding:20px 0 60px 0;}
	   
.find ul {}	   
	  
		 
.find ul li {font-size:0.8em;
			 display:inline-block; zoom:1;*display:inline;
			 padding:2px 0 4px 0;}

.btn_join  {width:120px; /*120*/
		    padding:10px 15px;
		    text-align:center;
		    border-top:1px solid #c1c6cd;
		    border-right:1px solid #e0e4ea;
		    border-bottom:1px solid #e0e4ea;
		    border-left:1px solid #c1c6cd;
		    font-weight:600;
		    color:#222;
		    background:#FFF;}	
		  
		  
.btn_join:hover{border-top:1px solid #acb1b8;
			    border-right:1px solid #acb1b8;
			    border-bottom:1px solid #acb1b8;
			    border-left:1px solid #acb1b8;}		  
				
				
				
.btn_find  {width:200px; /* 170 */
		    padding:10px 10px;
		    text-align:center;
		    border-top:1px solid #c1c6cd;
		    border-right:1px solid #e0e4ea;
		    border-bottom:1px solid #e0e4ea;
		    border-left:1px solid #c1c6cd;
		    font-weight:600;
		    color:#222;
		    background:#FFF;}	
		  
.btn_find:hover{border-top:1px solid #acb1b8;
			    border-right:1px solid #acb1b8;
			    border-bottom:1px solid #acb1b8;
			    border-left:1px solid #acb1b8;}	

.gap {padding:40px 0;}