#col2 {width:100%;}

#col2 #title{
	margin-left:15px;
	margin-top:30px;
	width:100%;
	height:30px;
}


#col2 #form_join{
	width: 100%;
	height: 250px;
	border-bottom: solid 1px #cccccc;
}

#col2 #form_join #join1 {
	float: left;
	width: 25%;
	height: 210px;
	background-color: #dddddd;
	border-bottom: solid 1px #cccccc;
}

#col2 #form_join #join1 ul {
	margin-top:4px; 
}

#col2 #form_join #join1 li {
	padding-top: 17px;
	padding-left: 10px;
}

#col2 #form_join #join1 li.first {
	padding-top: 6px;
	padding-left: 10px;
}

#col2 #form_join #join2 {
	float:left;
	width:75%;
	height:210px;
}

#col2 #form_join #join2 li {
    width:100%;
	height:28px; 
	padding-left:8px;
	padding-top:6px;
	border-bottom:solid 1px #cccccc;
}

#col2 #form_join #join2 #id1 {
	float:left;
}

#col2 #form_join #join2 #id2 {
	float:left;
	margin-left:5px;
}

#col2 #form_join #join2 #id3 {
	font-size:11px;
	float:left;
	margin-left:10px;
	margin-top:5px;
}

#col2 #form_join #join2 input {
    width:150px;
	height:18px;
	border:solid 1px #cccccc;
}

#col2 #form_join #join2 #nick1 {
	float:left;
}

#col2 #form_join #join2 #nick2 {
	float:left;
	margin-left:5px;
}

#col2 #form_join #join2 input.hp {
    width:40px;
	height:18px;
	border:solid 1px #cccccc;
}

#col2 #form_join #join2 input#email1 {
    width:90px;
	height:18px;
	border:solid 1px #cccccc;
}


#col2 #form_join #must {
	padding-top:15px;
}

#col2 #button {
	text-align:right;
	margin-top:20px;
	margin-right:10px;
}

/* login */

#login_form {width:100%;}

#login_form #login_msg {
	margin-bottom:10px;
}

#login_form #login {
	width: 100%;
	height: 100px;
	margin-top:30px;
}


#login #id_pw_title {
	float:left;
	width:80px;
	height:50px;
	text-align:right;
}

#login #id_pw_title ul{
	margin-top:7px;
}

#login #id_pw_title li{
	padding-bottom:11px;
}

#login #id_pw_input {
	float:left;
	height:50px;
	margin-left:10px;
}

#login #id_pw_input li{
	padding-bottom:7px;
}

#login #id_pw_input input.login_input {
	width:100%;
	height:18px;
	border:solid 1px #cccccc;
}

#login #login_button {
	float:left;
	margin-left:10px;
}

#login_form #login_line {
	width:100%;
	height:1px;
	margin-top:10px;
	border-bottom:solid 1px #dddddd;
}

#login #join_button {margin-top:20px;margin-left:30px;}

.clear { clear:both; }



#memberJoin {clear:both; padding-left:15px; padding-right:15px; min-height:300px;}
#memberJoin h2 {clear:both; font-size:16px; font-weight:bold; color:#000;}
#memberJoin h3 {clear:both; font-size:18px; font-weight:bold; color:#000; text-align:center; margin-bottom:30px;}
#memberJoin h4 {clear:both;}
#memberJoin .btn_tab ul {margin:0; padding:0;}
#memberJoin .btn_tab ul li {float:left; list-style:none;}
#memberJoin .joinScrollBox {min-height: 30px; margin: 10px 0; border: 1px solid #DDDCD6; padding: 15px 20px 15px 20px; font-size:13px; line-height:1.6;}
#memberJoin .joinBox1 {min-height:20px; text-decoration:underline; font-size:12px; line-height:1.5;}
#memberJoin .namecheckBox {background:url(/images/member/namecheckBox.gif) 0px 0px no-repeat; width:311px; height:150px; padding:30px;}
#memberJoin .infotxt {padding-bottom:10px; font-size:12px;}
#memberJoin .infotxt2 {padding-bottom:15px; font-size:16px; line-height:1.6; color:#000;}
#memberJoin .memberTable {width:100%; border-top:1px solid #696969; border-collapse:collapse; margin:0 0 20px 0;}
#memberJoin .memberTable tbody th{width:20%; height:30px; padding:10px 2% 10px 2%; border-bottom:1px solid #d9d9d9; background-color:#f6f6f6; text-align:left; font-size:14px; color:#000;}
#memberJoin .memberTable tbody td{height:30px; padding:10px 2% 10px 2%; border-bottom:1px solid #d9d9d9; font-size:14px;}
#memberJoin .memberTable tbody td.textcon{padding:20px;}
#memberJoin .joinEndbox {background:url(/images/member/joinendBox.gif) 0px 0px no-repeat; padding:37px 35px; height:130px;}
#memberJoin .btinfobox {background:#eaeaea; padding:20px; color:#000; margin-top:50px;}
#memberJoin .btinfobox span {font-weight:bold; color:#F60;}
#memberJoin p {line-height:1.6;}
#memberJoin p.fntst {padding-top:10px; font-weight:normal;}
#memberJoin ul {margin-left:15px;}
#memberJoin li {list-style:disc; line-height:1.6; padding-bottom:5px;}
#memberJoin li.benefit {list-style:none; margin-bottom:5px;}
#memberJoin li.benefit input { position:relative; margin-top:6px;}
#memberJoin span.clr1 {color:#000; font-weight:bold;}
.joinEndbox2 {background:url(/images/member/joinendBox.gif) 0px 0px no-repeat; padding:20px 35px; height:160px;}
#memberJoin input {width:99%; height:30px;}
#memberJoin input.psbtn {width:140px;}
#memberJoin input.phone {width:250px;}

.titlecheck {font-size:12px; margin-bottom:7px; background:url(/images/member/checkIcon.gif) 0px 3px no-repeat; padding-left:12px;}
.popTle {background:#F4F4F3; padding:5px 10px;}
.okBtn {border:1px solid #ccc; padding:3px 10px; background:#fff; cursor:pointer;}
.postList {overflow-y: scroll; width:513px; height:90px; margin-top: 0px;}
.okBtn2 {border:1px solid #ccc; padding:3px 10px; height:15px; background:#fff; cursor:pointer;}
.boxBlack {background:#000; width:100%; height:35px; color:#ffffff; padding:5px;}
.bt_btn { clear:both; margin-top:30px; text-align:center; margin-bottom:50px;}

#findidpass {width:680px; margin:20px auto;}
#findidpass .findBox{overflow:hidden; background:url(/images/member/find_box.gif) 0px 0px no-repeat; height:183px; }
#findidpass .findArea {float:left; padding:25px 0 0 30px; width:400px; }
#findidpass .findArea .findTxt {width:330px; margin-bottom:20px;   overflow:hidden;}
#findidpass .findArea .findTxt dt {float:left; width:100px; background:url(/images/member/login_bu.gif) 0px 5px no-repeat; padding-left:10px; height:27px;} 
#findidpass .findArea .findTxt dd {float:left;  height:27px;}



.sign_h1 {text-align:center; font-size:28px;}
.sign_h2 {text-align:center; margin-top:15px; font-size:16px; color:#999; margin-bottom:30px; line-height:1.6;}


#memberLogin {}
#memberLogin .h1 {text-align:center; font-size:18px; font-weight:bold; margin-bottom:20px; line-height:1.5;}
#memberLogin .h2 {text-align:center; font-size:14px; margin-top:20px; margin-bottom:20px; line-height:1.5;}


/*추가*/
.terms {clear:both; font-size:13px; line-height:1.6;}
.member_conts{clear:both; font-size:13px; line-height:1.6;}
.member_conts .agreement_t	{ font-size:13px; color:#484848; font-weight:bold;}
.member_conts .policy_table { width:100%;}
.member_conts .policy_table th, 
.member_conts .policy_table td	{text-align:center; border:2px solid #FFF; background-color:#FFF; }
.member_conts .policy_table td.ui-datepicker-week-end { background-color:#5e5e5e; }
.member_conts .policy_table td.ui-datepicker-week-end a { color:#fff; }
.member_conts .policy_table th	{ height:30px; background:#d9d9d9; font-weight:bold;}
.member_conts .policy_table td	{ height:50px; background:#f7f7f7; }
.member_conts .policy_table td.bg_w	{ background:#FFF; }
.member_conts .policy_table td.alignL {text-align:left; padding-left:10px;}
.member_conts .policy_table2	{ width:100%; }
.member_conts .policy_table2 th	{ height:30px; background:#d9d9d9; font-weight:bold; text-align:center;border:2px solid #FFF; }
.member_conts .policy_table2 td	{ text-align:center; height:100px; background:#f7f7f7; }
.member_conts .policy_table2 td.bg_g	{ height:30px; background:#d9d9d9; font-weight:bold; border-right:2px solid #FFF; }
.member_conts .policy_table.modify_policyTB th {background-color:#f7f7f7; font-weight:normal;}



/*popmodify */
.popmodify {}
.popmodify .tit {padding:15px 20px 15px 20px; background:#df2624; color:#FFF; font-size:18px; font-weight:bold; border:solid 1px #e55151;}
.popmodify .inputbox {width:80%; margin:15px auto; min-height:150px; background:#f6f6f6; padding:20px 20px 10px 20px; border:solid 1px #ededed;}
.popmodify .inputbox p {text-align:center; font-size:13px; color:#000; padding-bottom:15px; border-bottom:solid 1px #dddddd; line-height:1.5;}
.popmodify .inputbox table.pt {width:280px; margin:15px auto; border:none;}
.popmodify .inputbox td.pt1 {width:120px; font-size:13px; color:#000; font-weight:bold; height:35px; line-height:35px;}
.popmodify .conf_btn {text-align:center;}
.popmodify input.conf_btn {border:solid 1px #df2624; padding:5px 15px 5px 15px; background:#fff9f5; font-size:16px; color:#de2828;}



/*정보출력*/
.minfo_t1 {text-align:center; font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:20px; line-height:1.5;}
.minfo_t2 {padding-top:20px; padding-bottom:20px; padding-left:15px;border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; text-align:center;}




@media only screen and (min-width : 1024px) {
#login_gubun {clear:both; width:400px; margin:30px auto;}
#login_gubun ul, #login_gubun li {margin:0; padding:0;}
#login_gubun li {float:left; width:198px; height:40px; border:solid 1px #CCCCCC; text-align:center; font-size:16px; line-height:35px; background:#FFF; color:#8f8f8f;}
#login_gubun li a {color:#8f8f8f;}
#login_gubun li.on {background:#f0f0f0; color:#000; border-bottom-color:#f0f0f0; font-weight:bold;}
#login_gubun li.on a {color:#000;}
#login_gubun img {max-width:100%;}

#signin {clear:both; margin:0 auto; width:338px; background:#f0f0f0; border:solid 1px #CCCCCC; border-top:none; padding:30px;}
#signin .frm {margin-bottom:15px;}
#signin input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signin input.login_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signin a, #signin a:hover, #signin a:active {color:#1d9fef;}
#signin a:hover {text-decoration:underline;}
#signin img, #signup img {max-width:100%;}
#signin .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}

#signup {clear:both; margin:0 auto; width:338px; background:#f0f0f0; border:solid 1px #CCCCCC; padding:30px;}
#signup .frm {margin-bottom:15px;}
#signup .frm li {float:left; width:48%; margin:0 1% 0 1%; padding:0;}
#signup input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signup input.sign_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn1 {background:#878787; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn2 {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup a:hover {text-decoration:underline;}
#signup .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}
}

@media all and (min-width:760px) and (max-width:1023px) {
#login_gubun {clear:both; width:400px; margin:30px auto;}
#login_gubun ul, #login_gubun li {margin:0; padding:0;}
#login_gubun li {float:left; width:198px; height:35px; border:solid 1px #CCCCCC; text-align:center; font-size:16px; line-height:40px; background:#FFF; color:#8f8f8f;}
#login_gubun li a {color:#8f8f8f;}
#login_gubun li.on {background:#f0f0f0; color:#000; border-bottom-color:#f0f0f0; font-weight:bold; }
#login_gubun li.on a {color:#000;}
#login_gubun img {max-width:100%;}

#signin {clear:both; margin:0 auto; width:338px; background:#f0f0f0; border:solid 1px #CCCCCC; border-top:none; padding:30px;}
#signin .frm {margin-bottom:15px;}
#signin input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signin input.login_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signin a, #signin a:hover, #signin a:active {color:#1d9fef;}
#signin a:hover {text-decoration:underline;}
#signin img, #signup img {max-width:100%;}
#signin .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}

#signup {clear:both; margin:0 auto; width:338px; background:#f0f0f0; border:solid 1px #CCCCCC; padding:30px;}
#signup .frm {margin-bottom:15px;}
#signup .frm li {float:left; width:48%; margin:0 1% 0 1%; padding:0;}
#signup input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signup input.sign_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn1 {background:#878787; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn2 {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup a:hover {text-decoration:underline;}
#signup .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}


#memberJoin {clear:both; padding-left:0; padding-right:0; min-height:300px;}
}



@media only screen and (max-width : 759px) {
#login_gubun {clear:both; width:100%; margin-top:30px;}
#login_gubun ul, #login_gubun li {margin:0; padding:0;}
#login_gubun li {float:left; width:49%; height:40px; border:solid 1px #CCCCCC; text-align:center; font-size:15px; line-height:35px; background:#FFF; color:#8f8f8f;}
#login_gubun li a {color:#8f8f8f;}
#login_gubun li.on {background:#f0f0f0; color:#000; border-bottom-color:#f0f0f0; font-weight:bold; }
#login_gubun li.on a {color:#000;}
#login_gubun img {max-width:100%;}

#signin {clear:both; margin:0 auto; width:85%; background:#f0f0f0; border:solid 1px #CCCCCC; border-top:none; padding:30px 7% 30px 7%;}
#signin .frm {margin-bottom:15px;}
#signin input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signin input.login_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signin a, #signin a:hover, #signin a:active {color:#1d9fef;}
#signin a:hover {text-decoration:underline;}
#signin img, #signup img {max-width:100%;}
#signin .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}

#signup {clear:both; margin:0 auto; width:94%x; background:#f0f0f0; border:solid 1px #CCCCCC; padding:15px 2.5% 15px 2.5%;}
#signup .frm {margin-bottom:15px;}
#signup .frm li {float:left; width:48%; margin:0 1% 0 1%; padding:0;}
#signup input {width:96%; height:35px; font-size:16px; padding:0 2% 0 2%;}
#signup input.sign_btn {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn1 {background:#878787; color:#FFF; height:45px; width:100%; padding:0;}
#signup input.btn2 {background:#1c9deb; color:#FFF; height:45px; width:100%; padding:0;}
#signup a:hover {text-decoration:underline;}
#signup .stxt {font-size:12px; line-height:1.5; padding:7px; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}

#memberJoin {clear:both; padding-left:0; padding-right:0; min-height:300px;}
#memberJoin .memberTable tbody th {font-size:12px;}
	
.mTxt3 {width:200px;}
.agree_txt {font-size:13px; line-height:1.5;}
}