@charset "utf-8";

@media all and (min-width:1000px){

.xm {font-family: 'Noto Sans KR'; display:table;}
.member_tabs {width:100%; max-width:1400px; display:table; margin:0 auto;}
.member_tabs li {float:left; border:1px solid #d1d1d1; box-sizing:border-box; text-align:center; line-height:40px; font-size:14px; font-weight:400;}
.member_tabs li + li {border-left:0;}
.member_tabs li.active {background:#d1d1d1;}

.xm h1 {text-align:center; padding-top:30px; font-size:24px;}

/*ȸ¿øÁ¤º¸*/
.dispMemberInfo .list {display:table; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.dispMemberInfo .list + .list {border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
.dispMemberInfo .list dt {width:20%; line-height:50px; float:left; background-color:#f5f5f5; box-sizing:border-box; padding-left:20px; font-size:16px; font-weight:400;}
.dispMemberInfo .list dd {width:50%; float:left; font-size:16px; height:30px; box-sizing:border-box;  margin-top:10px; margin-left:10px; padding-left:5px;}
.list_profile_image dt {line-height:110px !important;}
.list_profile_image dd img {float:left; border:1px solid #ddd;}

.dispMemberInfo ul {float:left; width:100%;}
.dispMemberInfo ul li {float:left; width:100%;}
/*ÀÛ¼º±Û º¸±â*/
.document_list{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px; border-bottom:1px solid #ddd;}
.document_list th,
.document_list td{padding:8px;line-height:20px;text-align:center;vertical-align:top;border-top:1px solid #ddd;}
.document_list th{font-weight:bold}
.document_list thead th{vertical-align:bottom}
.document_list caption{text-align:left; font-weight:bold; line-height:30px; font-size:11px;}

.xm .pagination{margin:20px 0 50px 0; text-align:center;}
.xm .pagination ul {display:inline-block;}
.xm .pagination ul > .active {background-color:#f5f5f5}
.xm .pagination ul > .disabled {background-color:#111}
.xm .pagination ul li {float:left; border:1px solid #d1d1d1; width:30px; line-height:30px; margin:1px;}

/*ºñ¹Ð¹øÈ£ º¯°æ*/
.xm .label {float:left; background-color:#f5f5f5; line-height:50px; box-sizing:border-box; padding-left:20px; font-size:16px; font-weight:400;}
.xm input {border:1px solid #d1d1d1; font-size:16px; height:30px; box-sizing:border-box;  margin-top:10px; margin-left:10px; padding-left:5px; }
.xm select {border:1px solid #d1d1d1; font-size:16px; height:30px; box-sizing:border-box; margin-top:10px !important; margin-left:10px !important; padding-left:5px; float:left;}

/*ȸ¿øÁ¤º¸¼öÁ¤*/
.xm input[type="radio"],
.xm input[type="checkbox"]{height:20px !important;}
.xm #fo_insert_member {}
.xm #fo_insert_member > div {border-top:1px solid #d1d1d1; float:left; width:100%; display:table;}
.xm #fo_insert_member > div .label {width:20%;}
.xm #fo_insert_member > div > input {width:20%;}
.xm #fo_insert_member > div > select {width:20%;}
.xm #fo_insert_member > div > span {font-size:11px; font-family: 'dotum'; margin-left:10px;}
.xm .submit_top {clear:both; height:30px; border-top:1px solid #d1d1d1;}
.xm .btns {font-family: 'Noto Sans KR'; font-size:21px; width:220px; margin:0 auto 50px auto; line-height:60px; height:60px; background:#333; border:0px; color:#fff; font-weight:500; text-align:center; float:left;}
.xm .btns:hover {background:#000;}
.xm .btnx {font-family: 'Noto Sans KR'; font-size:21px; width:220px; margin:0 auto 50px auto; line-height:60px; height:60px; background:#d1d1d1; border:0px; color:#fff; font-weight:500; text-align:center; float:left;}
.xm .btnx:hover {background:#999;}

#profile_imagetag {float:left;}
#profile_imagetag img {float:left; margin-top:9px; border:1px solid #d1d1d1;}
#profile_imagetag button {float:left; line-height:92px; margin-top:9px; background-color:#d1d1d1; cursor:pointer; width:60px; margin-right:20px;}

#profile_image {display:block; margin-top:20px; border:0 solid #d1d1d1; background-color:#fff; height:40px;}
.help-block {display:block; font-size:11px; font-family: 'dotum'; line-height:40px; }

#find_account_answer {float:left;}

.controls {float:left;}
.controls label {line-height:48px; float:left; position:relative; padding-left:35px; font-size:16px; font-weight:400; margin-right:10px;}
.controls input {width:18px; float:left; margin-top:10px !important; position:absolute; left:0px; top:5px;}
.label_profile_image {line-height:110px !important; }

/*ȸ¿ø°¡ÀÔ*/
.joins {float:left;}
.joins #profile_image {margin-top:10px; height:30px;}
.joins input {float:left; margin-right:10px;} 
.joins input[type="radio"] {float:left; margin-right:10px; margin-top:10px; width:18px; position:absolute; left:0px; top:5px;}
.joins .help-block {line-height:50px; float:left;}
.pw_help {float:left; font-size:11px; font-family: 'dotum'; line-height:50px; }
.joins label {line-height:48px; float:left; position:relative; padding-left:35px; font-size:16px; font-weight:400; margin-right:10px;}

/*¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â*/
.find_box {width:100%; background:#ddd; display:table; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.find_box .help_message {color:#000; text-align:center; padding-bottom:15px; font-size:14px;}
.find_box .input-append {display:table; margin:0 auto;}
.find_box .input {width:300px; line-height:40px; height:40px; margin:0 !important; float:left; border:0;}
.find_box .select {width:300px; line-height:40px; height:40px; margin:0 !important; float:left; border:0;}
.find_box .btn_min {font-family: 'Noto Sans KR'; font-size:18px; width:200px; float:left; line-height:40px; height:40px; background:#000; border:0px; color:#fff; font-weight:500; text-align:center; margin-top:0 !important; margin-left:10px !important; cursor:pointer;}
.find_box .input-append2 {display:table; margin:0 auto;}
.wrap_left {width:300px; float:left;}

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.sub_wrap {margin:0 auto; max-width:1300px; width:92%; border:1px solid #d1d1d1; padding:50px; padding-top:20px; margin-top:50px; margin-bottom:50px;}
.sub_wrap h1 {font-size:24px; line-height:64px; margin-top:30px;}
.sub_wrap p {font-size:16px; line-height:24px; color:#555; margin-bottom:5px;}
.sub_wrap p.p2 {font-size:14px; line-height:22px; color:#555; padding-left:20px;}

}



@media all and (max-width:1000px){

.member_tabs {width:100%; max-width:1200px; display:table; margin:0 auto; box-sizing:border-box; height:auto;}
.member_tabs li {float:left; border:1px solid #d1d1d1; box-sizing:border-box; text-align:center; height:40px; line-height:40px; font-size:14px; font-weight:400; }
.member_tabs li.active {background:#d1d1d1;}

.xm h1 {text-align:center; padding-top:30px; font-size:24px; clear:both;}

/*ȸ¿øÁ¤º¸*/
.dispMemberInfo .list {display:table; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.dispMemberInfo .list + .list {border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
.dispMemberInfo .list dt {width:30%; line-height:50px; float:left; background-color:#f5f5f5; box-sizing:border-box; padding-left:20px; font-size:16px; font-weight:400;}
.dispMemberInfo .list dd {width:50%; float:left; font-size:16px; height:30px; box-sizing:border-box;  margin-top:10px; margin-left:10px; padding-left:5px;}
.list_profile_image dt {line-height:110px !important;}
.list_profile_image dd img {float:left; border:1px solid #ddd;}

.dispMemberInfo ul {float:left; width:100%;}
.dispMemberInfo ul li {float:left; width:100%;}

/*ÀÛ¼º±Û º¸±â*/
.document_list{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px; border-bottom:1px solid #ddd;}
.document_list th,
.document_list td{padding:8px;line-height:20px;text-align:center;vertical-align:top;border-top:1px solid #ddd;}
.document_list th{font-weight:bold}
.document_list thead th{vertical-align:bottom}
.document_list caption{text-align:left; font-weight:bold; line-height:30px; font-size:11px;}

.xm .pagination{margin:20px 0 50px 0; text-align:center;}
.xm .pagination ul {display:inline-block;}
.xm .pagination ul > .active {background-color:#f5f5f5}
.xm .pagination ul > .disabled {background-color:#111}
.xm .pagination ul li {float:left; border:1px solid #d1d1d1; width:30px; line-height:30px; margin:1px;}

/*ºñ¹Ð¹øÈ£ º¯°æ*/
.xm .label {float:left; background-color:#f5f5f5; line-height:50px; box-sizing:border-box; padding-left:20px; font-size:16px; font-weight:400;}
.xm input {border:1px solid #d1d1d1; font-size:16px; height:30px; box-sizing:border-box;  margin-top:10px; margin-left:10px; padding-left:5px; }
.xm select {border:1px solid #d1d1d1; font-size:16px; height:30px; box-sizing:border-box; margin-top:10px !important; margin-left:10px !important; padding-left:5px; float:left;}

/*ȸ¿øÁ¤º¸¼öÁ¤*/
.xm input[type="radio"],
.xm input[type="checkbox"]{height:20px !important;}
.xm #fo_insert_member {}
.xm #fo_insert_member > div {border-top:1px solid #d1d1d1; float:left; width:100%; display:table;}
.xm #fo_insert_member > div .label {width:40%;}
.xm #fo_insert_member > div > input {width:25%;}
.xm #fo_insert_member > div > select {width:20%;}
.xm #fo_insert_member > div > span {font-size:11px; font-family: 'dotum'; margin-left:10px;}
.xm .submit_top {clear:both; height:30px; border-top:1px solid #d1d1d1;}
.xm .btns {font-family: 'Noto Sans KR'; font-size:21px; width:110px; margin:0 auto 50px auto; line-height:60px; height:60px; background:#333; border:0px; color:#fff; font-weight:500; text-align:center; border-radius:0px; float:left;}
.xm .btns:hover {background:#000;}
.xm .btnx {font-family: 'Noto Sans KR'; font-size:21px; width:110px; margin:0 auto 50px auto; line-height:60px; height:60px; background:#d1d1d1; border:0px; color:#fff; font-weight:500; text-align:center; border-radius:0; float:left;}
.xm .btnx:hover {background:#999;}

#profile_imagetag {float:left;}
#profile_imagetag img {float:left; margin-top:9px; border:1px solid #d1d1d1;}
#profile_imagetag button {float:left; line-height:92px; margin-top:9px; background-color:#d1d1d1; cursor:pointer; width:60px; margin-right:20px;}

#profile_image {display:block; margin-top:20px; border:0 solid #d1d1d1; background-color:#fff; height:40px;}
.help-block {display:block; font-size:11px; font-family: 'dotum'; line-height:40px; }

#find_account_answer {float:left;}

.controls {float:left;}
.controls label {line-height:48px; float:left; position:relative; padding-left:35px; font-size:13px; font-weight:400; margin-right:10px;}
.controls input {width:5px; float:left; margin-top:10px !important; position:absolute; left:0px; top:5px;}
.label_profile_image {line-height:110px !important; }

/*ȸ¿ø°¡ÀÔ*/
.joins {float:left; width:50%;}
.joins #profile_image {margin-top:10px; height:30px;}
.joins input {float:left; margin-right:10px; width:100%;} 
.joins input[type="radio"] {float:left; margin-right:10px; margin-top:10px; width:18px; position:absolute; left:0px; top:5px;}
.joins .help-block {line-height:50px; float:left;}
.pw_help {float:left; font-size:11px; font-family: 'dotum'; line-height:16px; margin-left:10px;}
.joins label {line-height:48px; float:left; position:relative; padding-left:35px; font-size:13px; font-weight:400; margin-right:10px;}

/*¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â*/
.find_box {width:100%; background:#ddd; display:table; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.find_box .help_message {color:#000; text-align:center; padding-bottom:15px; font-size:14px; width:90%; margin-left:5%; }
.find_box .input-append {display:table; float:left; margin-left:5%; width:90%;}
.find_box .input-append2 {display:table; float:left; margin-left:5%; width:90%;}
.wrap_left {}
.find_box .input {width:100%; line-height:40px; height:40px; margin-left:0;}
.find_box .select {width:100%; line-height:40px; height:40px; margin-left:0 !important;}
.find_box .btn_min {font-family: 'Noto Sans KR'; font-size:18px; width:100%; float:left; line-height:40px; height:40px; background:#000; border:0px; color:#fff; font-weight:500; text-align:center; margin-top:0 !important; margin-left:0px !important; cursor:pointer; height:100px !important; margin-top:10px !important;}

.joins_find_account_question {height:90px; line-height:90px !important;}
#find_account_answer {margin-top:0px;}

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.sub_wrap {margin:0 auto; max-width:1300px; width:100%; border:1px solid #d1d1d1; padding:20px; padding-top:0px; margin-top:10px; margin-bottom:10px;  box-sizing:border-box;}
.sub_wrap h1 {font-size:20px; line-height:24px; margin-top:30px; margin-bottom:10px;}
.sub_wrap p {font-size:13px; line-height:18px; color:#555;}

.find_box .input-append .clear_10 {height:0px;}
.find_box .input-append2 .clear_10 {height:0px;}

}