@charset "utf-8";

*, html, body, div, p, ul, ol, li, dl, dt, dd, form {margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
img {border:0; vertical-align:top;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}



.mem_box { padding:0 10px;}
.mem_box input[type="text"],
.mem_box input[type="password"] {height:40px; line-height:40px; padding:0 10px; border:1px solid #aaa; border-left-color:#888; border-top-color:#888; border-radius:2px;
	box-shadow:1px 1px 1px #ddd inset; z-index:-1px; font-size:12px; font-family:Dotum; box-sizing:border-box;
	}
.mem_box input[type="text"]:hover,
.mem_box input[type="password"]:hover,
.mem_box input[type="text"]:focus,
.mem_box input[type="password"]:focus {border:1px solid #000;}
.submit_btn1,
.submit_btn2 {font-size:13px; font-family:Dotum; font-weight:bold; letter-spacing:0px; color:#fff; background:#777; cursor:pointer; border-radius:2px;
	border:1px solid #777; border-right-color:#555; border-bottom-color:#222;
	}
.mem_box .return {display:block; width:150px; height:40px; line-height:40px; margin:20px auto; font-size:12px; font-family:Dotum; color:#444; text-align:center; cursor:pointer;
	border:1px solid #777; border-bottom-color:#555; border-radius:3px;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
	}
.mem_box .return:hover {border-color:#000; color:#000;}


.login_tit {line-height:18px; font-size:12px; font-family:Gulim; color:#777;}
.login_tit p {font-size:16px; font-family:Tahoma; color:#444;}
.login_tit span {font-size:13px; font-family:Gulim; font-weight:bold;}

.login_box {margin-top:5px; padding:30px 20px; border:1px solid #999; border-bottom-color:#555; border-radius:3px; }
.login_box .in_box {text-align:center; *zoom:1;}
.login_box .in_box:after {display:block; clear:both; content:"";}

.login_box .in_box01 {display:inline-block; width:100%;}
.login_box .in_box01 p {height:40px; line-height:40px; margin-top:0px;  *zoom:1;}
.login_box .in_box01 p:after {display:block; clear:both; content:"";}
.login_box .in_box01 p p {float:left; padding:0; display:block; background:red;}
.login_box .in_box01 p span {display:block; float:left; width:100%;  font-family:Tahoma; font-size:14px; font-weight:bold; color:#555; box-sizing:border-box;}
.login_box .in_box01 input { width:100%; float:left; }
.login_box .in_box01 .inp_email {*zoom:1;}
.login_box .in_box01 .inp_email:after {display:block; clear:both; content:"";}
.login_box .in_box01 .mail_inp {width:100%; margin-bottom:3px;}
.login_box .in_box01 .mail_space {padding:0 4px;}
.in_box01_space {display:block; height:6px;}

.login_box .in_box02 { margin-top:10px; }
.login_box .submit_btn1 {display:block; width:100%; height:40px; line-height:40px; font-family:Tahoma; font-size:18px; font-weight:bolder;}
.login_box .submit_btn2 {display:block; width:100%; height:40px; line-height:40px; font-family:Tahoma; font-size:18px; font-weight:normal; text-align:center; font-weight:bold;}
.login_box .submit_btn1,
.login_box .submit_btn2 {text-shadow:1px 1px 2px #333;
	background: #888888; /* Old browsers */
	background: -moz-linear-gradient(top,  #888888 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #888888 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #888888 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #888888 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #888888 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	}
.login_box .submit_btn1:hover,
.login_box .submit_btn2:hover {border-color:#000;}

.login_box .in_space {clear:both; height:20px;}

.login_box .in_box03 {padding-top:15px; border-top:1px dashed #ccc; *zoom:1;}
.login_box .in_box03:after {display:block; clear:both; content:"";}
.login_box .in_box03 a {color:#444;}
.login_box .in_box03 a:hover {text-decoration:underline;}
.login_box .in_box03 .search_id {float:left;}
.login_box .in_box03 .join_go {float:right;}


.check_txt {width:100%; height:200px; margin:0 auto; overflow:auto;}
.check_inp {margin-top:8px; line-height:18px; color:#666; }
.check_inp input {vertical-align:middle; margin-top:-2px;}


.mem_table01 {border:1px solid #999; border-bottom-color:#555; border-radius:3px; padding:10px; table-layout:fixed;}
.mem_table01 table { border-collapse:collapse;}
.mem_table01 th {text-align:left; letter-spacing:-1px; font-weight:normal; text-indent:10px; color:#444; background:#fcfcfc; }
.mem_table01 td {color:#666; padding-left:10px !important;}
.mem_table01 th,
.mem_table01 td {padding:8px 0; border-bottom:0px solid #ddd; vertical-align:middle;}
.mem_table01 td img {margin-top:3px; vertical-align:top;}
.mem_table01 td p {margin-top:6px; .margin-top:4px;}
.mem_table01 .icon {display:inline-block; width:6px; height:6px; margin:3px 4px 0 0; .margin:2px 4px 0 0; background:#ff4e00; border-radius:3px; vertical-align:top;}
.mem_table_info {background:#fff !important; text-indent:0 !important;}
.mem_table_info .icon {margin-right:0px; .margin-right:2px;}
.mem_table_ex01 {padding-left:5px; line-height:26px; font-size:11px; letter-spacing:-1px;}
.mem_table01 .find_post {display:inline-block; width:82px; height:28px; line-height:28px; text-align:center; letter-spacing:-1px; color:#fff; border-radIus:2px; cursor:pointer;
	background:#888;}
.mem_table01 .find_post:hover {background:#666;}
.mem_table01 .password_q {width:100%}

.mem_table01 select {vertical-align:middle;height:30px; line-height:30px;}
.mem_table01 textarea {width:84%; height:70px; padding:10px; border:1px solid #aaa; border-left-color:#888; border-top-color:#888; border-radius:2px; box-shadow:1px 1px 1px #ddd inset;}
.mem_table01 input[type="text"],
.mem_table01 input[type="password"] {height:30px; line-height:30px;}
.mem_table01 input {vertical-align:middle;}
.mem_table01 .w50 {width:50px;}
.mem_table01 .w150 {width:150px;}
.mem_table01 .w350 {width:350px;}
.mem_table_line {position:relative; z-index:10; display:block; width:100%; height:1px; margin-top:-1px; background:#fff;}


.mem_box .Complete_box {text-align:center; line-height:24px; color:#666;}
.mem_box .Complete_box p {margin-bottom:30px; font-size:16px; font-family:Dotum; letter-spacing:0px; color:#444;}
.mem_box .Complete_box span {display:block; font-weight:bold; color:#ff4e00;}


.mem_box .ex_txt {display:block; text-align:center;}
.mem_box .user {left:55px !important; display:inline-block; width:307px; height:36px; line-height:36px; padding:0 10px; border-radius:2px; background:#eee;}



/* pop */
.mem_pop_area * {font-size:13px; font-family:Gulim; color:#333;}
.mem_pop_area {padding:10px;}
.mem_pop_tit {line-height:36px; font-weight:bold;}
.mem_pop_txt {padding:45px 0; text-align:center; background:#eee; border:1px dashed #999; border-left:0; border-right:0;}
.mem_pop_txt p {margin-top:20px; font-weight:bold; color:#ff4e00;}
.mem_pop_txt b,
.mem_pop_txt strong {font-size:16px; color:#ff4e00;}
.mem_pop_txt span {font-weight:bold; color:#ff4e00;}
.mem_pop_btn {padding-top:20px; text-align:center; *zoom:1;}
.mem_pop_btn:after {display:block; clear:both; content:"";}
.mem_pop_btn a {display:block; width:100px; height:30px; line-height:30px; font-size:12px; font-family:Dotum; letter-spacing:-1px; cursor:pointer;
	border:1px solid #999; border-radius:3px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 42%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 42%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 42%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 42%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 42%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	}
.mem_pop_btn a:hover {border-color:#666;}
.mem_pop_btn .ap {float:left; width:150px; font-weight:bold;}
.mem_pop_btn .cn {float:right;}

.mem_layer {position:fixed; left:50%; top:50%; z-index:10000000; width:300px; min-height:240px; margin:-130px 0 0 -160px; padding:0 10px 10px; border:1px solid #666; border-radius:3px; background:#eee; box-shadow:1px 1px 4px #999;}
.mem_layer .mem_pop_txt {background:#fbfbfb;}


/* Add find page */
.add_wrap * {font-size:12px; font-family:Dotum; color:#444;}
.add_wrap {width:571px; margin:0 auto;}
.add_wrap .title {padding:5px 10px; line-height:36px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px dashed #666; background:#eee;}

.add_wrap .tab_area {margin-top:15px; padding:0 0 0px; border:1px solid #666; border-radius:3px; overflow:hidden;}
.add_wrap .tab {position:relative; height:40px;}
.add_wrap .tab li {position:absolute; top:0; color:#fff; width:286px; height:39px; line-height:39px; text-align:center; letter-spacing:-1px; border:0px solid #666; border-bottom:0; background:#666; cursor:pointer;}
.add_wrap .tab li.active {font-weight:bold; color:#000; background:#fff;}
.add_wrap .tab .tab_0 {left:0;}
.add_wrap .tab .tab_1 {right:0;}

.add_wrap .add_info {display:none; padding:20px 10px; line-height:20px;}
.add_wrap .add_info dd {padding-left:16px;}
.add_wrap .add_info span {color:#ff4e00; font-weight:bold;}

.add_wrap .search {padding:0 10px 10px; *zoom:1;}
.add_wrap .search:after {display:block; clear:both; content:"";}
.add_wrap .search .select_box {float:left; height:26px; margin-right:5px;}
.add_wrap .search select {height:26px; width:109px; .width:110px; vertical-align:middle;}
.add_wrap .search input[type="text"] {float:left; margin-right:5px; width:340px; height:24px; line-height:24px; padding:0 10px; border:1px solid #aaa; border-left-color:#888; border-top-color:#888; border-radius:2px;
	box-shadow:1px 1px 1px #ddd inset; }
.add_wrap .search input[type="submit"] {float:left; width:68px; height:26px; color:#fff; border:1px solid #666; border-radius:2px; background:#777; cursor:pointer;}

.add_wrap .search_list {margin:20px 0 20px;}
.add_wrap .search_list * {vertical-align:top;}
.add_wrap .search_list dt {padding:10px 10px; font-weight:bold; font-size:14px; border-bottom:2px solid #666;}
.add_wrap .search_list dd {border-bottom:1px dashed #bbb;}
.add_wrap .search_list dd:first-child {border-top:1px solid red;}
.add_wrap .search_list dd a {position:relative; z-index:5; display:block; padding:10px; line-height:16px; text-decoration:none;}
.add_wrap .search_list dd a:hover {background:#eee;}
.add_wrap .search_list dd span {display:none;}
.add_wrap .search_list dd a:hover span {position:absolute; right:10px; top:15px; display:block; width:40px; height:20px; letter-spacing:-1px; line-height:20px; text-align:center; border:1px solid #666; border-radius:4px; background:#fff; cursor:pointer;}
.add_wrap .search_list dd a:hover span:hover {background:#666; color:#fff;}
.zip_list .list_line {position:relative; z-index:10; display:block; height:2px; margin-top:-1px; background:#666;}


/* 회원 탈퇴 */
#drop_out { padding:0 60px; font-family:Gulim;}
#member_leave {margin:50px auto 0; padding:50px;  border:1px solid #d0d0d0; background:#f9f9f9; }
#member_leave .mem_tlt {text-align:center; }
#member_leave .mem_tlt .tit_img {}
#member_leave .mem_tlt .tit_txt {margin-top:30px;}
#member_leave .mem_box .mem_box_tit {margin-top:60px; text-align:center; font-size:14px; font-weight:bold; color:#6c6c6c;}
#member_leave .mem_box .lbox3 {margin-top:20px; padding:20px 20px; line-height:20px; background:#fff; border: 1px solid #d0d0d0; color:#767676 }
#member_leave .mem_box .lbox3 .bl {font-weight:bold; text-decoration:underline;}
#member_leave .mem_bye {margin-top:40px; text-align:center; font-size:20px; font-weight:bold; color:#717171;}
#member_leave .drop_btn {margin-top:32px; text-align:center;}
#member_leave .drop_btn .membtn {display:inline-block; width:180px; height:60px; line-height:60px; font-size:16px; color:#fff; border-radius:3px;}
#member_leave .drop_btn .membtn a {display:block; color:#fff; font-weight:bold; }
#member_leave .drop_btn .membtn.memdrop {background:#ffa200;}
#member_leave .drop_btn .membtn.memback {background:#87847b; }
