/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
body {margin:0; padding:0;}
input {margin:0; padding:0; border-radius:0; vertical-align:middle;}
input[type=text],input[type=password],textarea,select {font-family: "Noto Sans KR", sans-serif; border:1px solid #DDD; outline:none;}
input[type=text],input[type=password],input[type=submit],input[type=image],input[id=stx],textarea{-webkit-appearance:none;}
input[type=file], {margin-top:-10px;}
input[name=addr_post1], input[name=addr] {margin-bottom:5px;}
input[name=addr], input[name=addr2] {width: 70%;}
select {background: #fff;}

/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.member_txt {font-family: "Noto Sans KR", sans-serif; font-size:14px; font-weight:bold; color:#33333;}
.member_txt textarea {width:96%; height:170px; font-family: "Noto Sans KR", sans-serif; font-size:12px; line-height:18px; padding:15px;} 

.join_agree_title {float:left; width:100%; margin-bottom:10px;}
.join_agree_title2 {float:left; width:100%; font-family: "Noto Sans KR", sans-serif; font-size:14px; font-weight:bold; margin-bottom:10px;}
.assentbox {float:left; font-size:12px; font-weight:200; margin-top:10px;}

.joinbtn_input {margin: 0px auto; width:100%;}
.joinbtn_input .join_btn {padding:10px 40px; background: #000; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; cursor: pointer; border:1px solid #000; margin-top:-6px; margin-right:10px;}
.joinbtn_input a {display:inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #7b7a7a; padding:10px 40px; background-color:#fff; border:1px solid #d5d5d5; box-sizing: border-box;}
.joinbtn_input a:hover {color:#fff; background-color:#666666; border:1px solid #666666;}
.joinbox_btn {font-size:15px; color:#fff; font-weight:bold; cursor:pointer; padding:10px 20px; background:#666666; -webkit-border-radius:0; -webkit-appearance:none; border:none;}
.join_txt {font-size:11;font-family:±¼¸²,µ¸¿ò;color:#666666}

/* Ãß°¡ ȸ¿ø°¡ÀÔ Å×ÀÌºí ½ºÅ¸ÀÏ */
.member_wowwebtable {width:100%;}
.member_wowwebtable tbody td {padding:8px 10px; font-size:13px; color:#666; line-height:1.8; border-bottom:1px solid #dedede}
.member_wowwebtable tbody td font, .tbl_board tbody td span {font-size:13px !important}
.member_wowwebtable tbody td:last-child {width: 68px;}
.broad_line {border-top:2px solid #303030;}
.member_wowwebtable .member_txt td {font-size:12px; font-weight:600; border:none;}
.member_wowwebtable .member_txt td input {width:13px; height:13px; margin-right:10px;}
.member_wowwebtable td input[name=m_group] {margin-right:5px; margin-left:10px;}

.member_wowwebtable4 {width:100%;}
.member_wowwebtable4 tbody td {padding:8px 10px; font-size:13px; color:#666; line-height:1.8; border-bottom:1px solid #dedede}
.member_wowwebtable4 tbody td font, .tbl_board tbody td span {font-size:13px !important}
.broad_line {border-top:2px solid #303030;}
.member_wowwebtable4 .member_txt td {font-size:12px; font-weight:600; border:none;}
.member_wowwebtable4 .member_txt td input {width:13px; height:13px; margin-right:10px;}
.member_wowwebtable4 td input[name=m_group] {margin-right:5px; margin-left:10px;}

/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.member_border {border:1 solid #D4D4D4}

/* Ç׸ñ ½ºÅ¸ÀÏ */
.member_td_bgcolor {width: 20%; background-color:#F7F7F7;font-size:13px; font-family: "Noto Sans KR", sans-serif; color:#000000;}

/* ȸ¿ø Áֹεî·Ï¹øÈ£/¿©±Ç¹øÈ£/¿Ü±¹Àεî·Ï¹øÈ£/¹ýÀιøÈ£ È®ÀÎ ½ºÅ¸ÀÏ */
ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}

.member_divide {width:100%; font-size:12px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; color:#555; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}
.member_info {}
.member_info dl {}
.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}

/* ·Î±×ÀÎ ½ºÅ¸ÀÏ º¯°æ */
.memberlogin_box {display:block; border:1px #dcdcdc solid; background:#fff; border-top:solid 2px #000; text-align:center; margin:0 auto; color:#000; width:100%; box-sizing:border-box;}
.memberlogin_box .login_text p {font-family: "Noto Sans KR", sans-serif; font-size:3.8em; font-weight:700; margin-top: 40px;}
.memberlogin_box .login_text span {display:block; font-family: "Noto Sans KR", sans-serif; font-size:15px; color: #585858; line-height:20px;}
.memberlogin_box .inputdesign {margin-top:30px;}
.memberlogin_box .inputdesign input {display: block; margin: 0px auto; width: 90%; height: 55px; border:1px solid #e0e0e0; box-sizing: border-box; margin-bottom: 10px; outline:none;}
.memberlogin_box .inputdesign .idinput, .memberlogin_box .inputdesign .pwinput {padding-left:15px; background:#efefef;}
.memberlogin_box .inputdesign input:last-child {margin-bottom:50px;}
.memberlogin_box .inputdesign .login_btn {font-family: "Noto Sans KR", sans-serif; font-size: 1.8em; color:#fff; font-weight:bold; cursor:pointer; background:#666666; -webkit-border-radius:0; -webkit-appearance:none; border:none;}

.memberlogin_box .find {width:100%; background:#f4f4f4; border-top:solid 1px #dcdcdc; padding:3%; box-sizing:border-box;}
.memberlogin_box .find p {font-family: "Noto Sans KR", sans-serif; font-size:14px; color:#676767; line-height:20px;}
.memberlogin_box .find a {display:inline-block; color:#2b3043; padding:10px 15px; background-color:#fff; border:solid 1px #d5d5d5; margin-top:20px; text-decoration:none;}
.memberlogin_box .find a:hover {background-color:#000; color:#ffffff; border:solid 1px #000;}
.memberlogin_box .find span {font-family: "Noto Sans KR", sans-serif; font-size:13px; display:inline-block; position:relative;}
.memberlogin_box .find .joinbox {color:#fff; background-color:#666; border:solid 1px #666;}

/* ÅؽºÆ®¹Ú½º Ŭ¸¯½Ã ·Ñ¿À¹öÈ¿°ú */
.inputdesign input[type="text"]:focus, .inputdesign input[type="password"]:focus,
.join input[type="text"]:focus, .join input:focus[type="password"]{border:1px solid #000; transition:border 0.5s ease;}
.member_box2 .login_text span {font-family: 'Nanum Gothic', sans-serif; line-height:25px; margin-top:20px; padding:15px 0; background-color:#f5f4f4; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.login_more {margin:0 auto; width:100%; margin-top:35px; margin-bottom:50px;}
.login_more a {width:25%; font-family: 'Nanum Gothic', sans-serif; font-size:1.375em; color:#2b3043; text-align:center; padding:10px 25px; margin-right:10px;  background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.login_more a:hover {color:#fff; background-color:#000; border:solid 1px #000; text-decoration:none;}

.member_drop tbody tr:nth-child(3) {float:left; width:96%; font-size:0.875em; padding:1% 2%; margin-bottom:2%; background-color:#f7f6f6; border:1px solid #ccc;}
.member_drop tbody tr:nth-child(4) {display:none;}
.member_drop tbody tr:nth-child(5) {float:left; width:100%; font-size:0.875em; font-weight:400; line-height:20px; padding-bottom:2%; margin-bottom:3%; border-bottom:1px solid #ccc;}
.member_drop tbody tr:nth-child(6) {float:left; width:100%; line-height:22px; margin-bottom: 30px;}

/* ȸ¿ø µî·Ï¿©ºÎ */
.member_process {display:block; border:1px #dcdcdc solid; background:#fff; border-top:solid 2px #000; text-align:center; margin:0 auto; margin-top:50px; color:#000; width:50%; box-sizing:border-box;}
.member_process .process_title p {font-family: "Noto Sans KR", sans-serif; font-size:32px; font-weight:bold; margin-top:20px; margin-bottom:20px;}
.member_process .process_title span {margin: 0 auto; width: 90%; display:block; font-family: "Noto Sans KR", sans-serif; font-size:18px; font-weight: 400; line-height:23px;}

.process_confirm {width:100%; text-align:center;}
.process_confirm a {display:block; margin:0 auto; width:70%; font-family: "Noto Sans KR", sans-serif; font-size:18px; color:#fff; padding:20px 15px 22px; background-color:#666666; border:solid 1px #d5d5d5; margin-top:20px; text-decoration:none;}
.process_confirm a:hover {background-color:#000; color:#ffffff; border:solid 1px #000;}

.btn_close {width:100%; text-align:right; padding:20px 0; margin-top:50px;  background-color:#efefef;}
.btn_close a {width:25%; font-family: "Noto Sans KR", sans-serif; font-size:13px; color:#2b3043; text-align:center; padding:5px 15px; margin-right:10px;  background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.btn_close a:hover {color:#fff; background-color:#000; border:solid 1px #000; text-decoration:none;}

/* ¾ÆÀ̵ð Áߺ¹È®ÀÎ */
.id_overlapbox {margin:0 auto; width:90%; margin-top:5%; color:#000;}
.id_overlaparea {float:left; width:100%; text-align:center; border:1px solid #dcdcdc; border-top:2px solid #000; box-sizing:border-box;}
.overlap_title p {margin:0 auto; width:100%; font-family: "Noto Sans KR", sans-serif; font-size:2.0em; font-weight:700; padding-top:10px; margin-bottom:10px;}
.overlap_title span {display:block; font-family: "Noto Sans KR", sans-serif; font-size:18px;}
.overlap_confirm {float:left; width:100%; text-align:center; margin-top:20px;}
.member_border2 {float:left; /* width:55%; */ height:38px; padding:0 5px 0 5px; margin-left:45px; margin-right:5px;}
.overlap_search {display:block; width:20%; height:38px; font-family: 'NotoSansKR', sans-serif; font-size:13px; color:#fff; margin-bottom:15px; background-color:#000; border:1px solid #000; cursor:pointer;}
input[name=com_member_check_id] {font-size:15px; padding-left:10px;}
.serviceable {margin:0 auto; width:100%; margin-bottom:10px;}
.serviceable span {font-family: "Noto Sans KR", sans-serif; font-size:13px; line-height:18px;}

.id_check {margin:0 auto; width:70%; margin-bottom:15px;}
.id_check a {display:block; font-family: 'NotoSansKR', sans-serif; font-size:15px; color:#2b3043; text-align:center; padding:5px 15px; background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.id_check a:hover {color:#fff; background-color:#000; border:solid 1px #000;}

.btn_close_popup {float:left; width:100%; text-align:center; padding:12px 0; margin-top:10px; background-color:#efefef;}
.btn_close_popup a {width:25%; font-family: 'NotoSansKR', sans-serif; font-size:12px; color:#2b3043; text-align:center; padding:5px 15px; margin-right:10px;  background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.btn_close_popup a:hover {color:#fff; background-color:#000; border:solid 1px #000; text-decoration:none;}

.find_title p {font-family: "Noto Sans KR", sans-serif; margin-top:5px;}
.find_title span {margin:0 auto; width:90%; font-family: "Noto Sans KR", sans-serif; font-size:1.4em; font-weight: 300;}
.find_pop {margin:0 auto; width:80%; height:40px; font-family: 'NotoSansKR', sans-serif; padding:0 6px 2px 6px; margin-bottom:5px;}
.check_btn {margin:0 auto; width:80%; height:45px; font-family: 'NotoSansKR', sans-serif; font-size:15px; color:#fff; text-align:center; font-weight:bold; cursor:pointer; background:#666666; -webkit-border-radius:0; -webkit-appearance:none; border:none;}

.find_close_popup {float:left; width:100%; text-align:center; padding:8px 0 6px; margin-top:15px; background-color:#efefef;}
.find_close_popup a {display: block; margin:0 auto; width:14%; height:24px; font-family: "Noto Sans KR", sans-serif; font-size:11px; color:#2b3043; text-align:center; line-height: 24px; background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.find_close_popup a:hover {color:#fff; background-color:#000; border:solid 1px #000; text-decoration:none;}

.pwfind_pop {margin:0 auto; width:80%; height:32px; font-family: 'NotoSansKR', sans-serif; padding:0 5px 2px 5px; margin-bottom:5px;}
.pw_check_btn {margin:0 auto; width:80%; height:35px; font-family: 'NotoSansKR', sans-serif; font-size:15px; color:#fff; text-align:center; font-weight:bold; cursor:pointer; background:#666666; -webkit-border-radius:0; -webkit-appearance:none; border:none;}
.pwfind_box {width:90%; margin-top:20px;}
.pwfind_box .pwfind_text p {font-size:1.750em; font-weight:bold; margin-top:40px;}
.pwfind_box .pwfind_text span {display:block; margin:0 auto; width:90%; font-size:0.875em; line-height:18px; margin-bottom:50px;}
.pwfind_text a {display:inline-block; color:#2b3043; padding:10px 15px; background-color:#fff; border:solid 1px #d5d5d5; margin:15px 0; text-decoration:none;}
.pwfind_text a:hover {background-color:#000; color:#ffffff; border:solid 1px #000;}
.pwfind_box .pwfind_area {padding:3% 0;}
.pwfind_box .pwfind_area a {margin-top:0;}
.pwfind_box2 {width:90%; margin-top:20px;}
.pwfind_box2 .pwfind_text p {font-size:1.750em; font-weight:bold; margin-top:40px;}
.pwfind_box2 .pwfind_text span {display:block; margin:0 auto; width:90%; font-size:0.875em; line-height:18px; margin-bottom:50px;}
.pwfind_box2 .pwfind_text a {display:inline-block; color:#2b3043; padding:10px 15px; background-color:#fff; border:solid 1px #d5d5d5; margin:15px 0; text-decoration:none;}
.pwfind_box2 .pwfind_text a:hover {background-color:#000; color:#ffffff; border:solid 1px #000;}
.pwfind_box2 .pwfind_area2 {padding:3% 0;}
.pwfind_box2 .pwfind_area2 a {margin-top:0;}

.find_close_popup2 {width:100%; text-align:center; padding:12px 0; background-color:#efefef;}
.find_close_popup2 a {width:25%; font-family: 'NotoSansKR', sans-serif; font-size:12px; color:#2b3043; text-align:center; padding:5px 15px; background-color:#fff; border:solid 1px #d5d5d5; text-decoration:none;}
.find_close_popup2 a:hover {color:#fff; background-color:#000; border:solid 1px #000; text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:359px) {

.memberlogin_box .find {padding: 5% 3%;}
.memberlogin_box .login_text p {font-size: 2.8em;}
.memberlogin_box .login_text span {margin: 0 auto; width: 88%; font-size: 1.3em; line-height: 18px;}
.memberlogin_box .find p {margin: 0 auto; width: 90%; font-size: 1.2em;}
.joinbtn_input .join_btn {margin-top: -4px;}

.member_txt textarea {width:89.5%;}

.member_wowwebtable tbody td.member_td_bgcolor {width: 28%; font-size: 1.2em !important; line-height: 16px;}
.member_wowwebtable tbody td input {width:86%;}

input[name=m_group] {width: 10% !important;}
input[name=ssn_name], input[name=fix_email1], input[name=fix_email3] {background:#fff;}
.member_wowwebtable td input[name="fix_email1"], .member_wowwebtable td input[name="email1"] {width: 30%;}
.member_wowwebtable td input[name="fix_email3"] {width: 40%;}
select[name=pw_question] {width: 100%;} 
.member_wowwebtable select[name=mobile_no1] {width:26%;}
.member_wowwebtable td input[name=mobile_no2], .member_wowwebtable td input[name=mobile_no3] {width:25%;}
.member_wowwebtable td input[name=addr] {margin-top: 10px;}

.member_border2 {width: 50%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:360px) and (max-width:719px) {

.memberlogin_box .login_text p {font-size: 2.8em;}
.memberlogin_box .login_text span {margin: 0 auto; width: 80%; font-size: 1.4em; line-height: 20px;}
.memberlogin_box .find p {margin: 0 auto; width: 90%; font-size: 1.3em;}

.member_process {width: 90%;}
.member_process .process_title p {font-family: "Noto Sans KR", sans-serif; font-size: 2.4em;}
.member_process .process_title span {margin: 0 auto; width: 80%; font-family: "Noto Sans KR", sans-serif; font-size: 1.6em; font-weight: 300; line-height: 22px; margin-top: 20px;}
.process_confirm a {font-size: 1.8em;}
.joinbtn_input .join_btn {margin-top: -4px;}

.btn_close a {font-family: "Noto Sans KR", sans-serif; font-size: 1.4em;}
.member_txt textarea {width:90%;}

.member_wowwebtable tbody td.member_td_bgcolor {width: 30%;}
.member_wowwebtable tbody td input {width:90%;}

input[name=m_group] {width: 10% !important;}
input[name=ssn_name], input[name=fix_email1], input[name=fix_email3] {background:#fff;}
.member_wowwebtable td input[name="fix_email1"], .member_wowwebtable td input[name="email1"] {width: 30%;}
.member_wowwebtable td input[name="fix_email3"] {width: 40%;}
select[name=pw_question] {width: 100%;} 
.member_wowwebtable select[name=mobile_no1] {width:28%;}
.member_wowwebtable td input[name=mobile_no2], .member_wowwebtable td input[name=mobile_no3] {width:25%;}
.member_wowwebtable td input[name=addr] {margin-top: 10px;}

.member_border2 {width: 50%;} 

}