@charset "utf-8";

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, 
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:14px;font-family:'Malgun Gothic','맑은 고딕',돋움,Dotum,'Apple SD Gothic Neo',sans-serif}
body,th,td,input,select,textarea,button {*font-family:'Malgun Gothic','맑은 고딕',돋움,Dotum,'Apple SD Gothic Neo',sans-serif;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
hr {display:none;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer;*overflow:visible;}
img {vertical-align:middle;}

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.hidden {position:absolute; left:-100000em; top:-100000em;}

body {background-color:#fafafa;}
header h1 {background-color:#fff; padding:20px 0 15px; text-align:center; border-bottom:1px solid #ddd;}
header h1 a {display:inline-block; height:34px;}
header h1 img {height:100%; width:auto; display:block;}
header nav {border-bottom:1px solid #c1c1c1; background:linear-gradient( to bottom, #fdfdfd 70%, #f5f5f5); font-size:14px; line-height:1em; box-shadow:0 1px 2px rgba(0,0,0,.1);}
header nav ul {width:700px; margin:0 auto; border-left:1px solid #ddd;}
header nav li {float:left; width:33.3333333333%; text-align:center; border-right:1px solid #ddd; border-left:1px solid #fff; box-sizing:border-box;}
header nav li a {display:inline-block; width:100%; height:100%; text-decoration:none; color:#444; padding:18px 0; border-left:#fff; }
header nav li a:hover {background:linear-gradient( to top, #fdfdfd 70%, #f5f5f5); text-decoration:none;}
header nav li a.on {background:linear-gradient( to top, #fdfdfd 70%, #f5f5f5); text-decoration:none; font-weight:bold; color:#000000;}
header nav .overmenu {display:table; font-size:13px;}
header nav .overmenu li {float:inherit; display:table-cell; width:auto; }

main {width:700px; margin:0 auto; text-align:center; padding:30px 0 80px;}
main h2 {font-size:21px; word-break:keep-all;}
main h3 {text-align:left; font-size:16px; margin:30px 0 20px;}
main h3 .blt_arrowbox {width:15px; height:15px; display:inline-block; margin-right:7px; background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat 0 0; background-size:200px; }
main h3 > * {vertical-align:middle;}
main form {margin:30px 0 50px;}
main form input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], select, textarea {padding:0 10px; color:#444; border: 1px solid #ddd; width:100%; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.03); height:36px; box-sizing:border-box; background-color:#fff;}
main form select {padding:0 0 0 10px;}
main form input {margin-bottom:15px;}
main form input:hover {background-color:#fefff6;}
main .btn_login {background-color:#d91b5c; display:inline-block; width:100%; margin-top:20px; padding:13px; color:#fff; font-weight:bold; font-size:17px; letter-spacing:1px; border:1px solid #c31853; box-shadow:0 1px 1px rgba(0,0,0,.1); border-radius:5px; position:relative;}
main .btn_login:hover {background-color:#c31853;}
main .accnav {font-size:15px; color:#666; display:inline-block; }
main .accnav li {float:left; color:#666666; padding:0 10px; background:url('https://img.etnews.com/2018/et/member/images/bg_accnav.gif')no-repeat left center;}
main .accnav li:first-child {background:none;}
footer .copyright {text-align:center; max-width:700px; margin:10px auto; font-size:13px; color:#aaaaaa;}

.btn_find {border-bottom:1px dashed #ccc; text-align:left; padding:12px 23px; background-color:#eee; cursor:pointer; font-weight:bold; position:relative;}
.blt_arrowgray {display:inline-block; width:5px; height:8px; background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat -5px -20px; background-size:200px; position:absolute; right:23px; top:17px; }
.formtable {color:#222; width:100%; margin:20px 0 30px;}
.formtable th {vertical-align:middle; padding:0 5px 10px 2px; font-size:13px; word-break:keep-all;}
.formtable .td_col3 div {float:left; width:33.3333333333%; padding-left:8px; position:relative;}
.formtable .td_col2 div {float:left; width:50%; padding-left:8px; position:relative;}
.formtable td div:first-child {padding-left:0!important;}
.formtable td .plus_char {padding-right:15px;}
.formtable td div .s_char {position:absolute; top:6px; right:-1px;}
.formtable p {text-align:left; font-size:14px; }
.btn_d91b5c {background-color:#d91b5c; display:inline-block; width:100%; padding:15px; color:#fff; font-weight:bold; font-size:14px; border:1px solid #c31853; box-shadow:0 1px 2px rgba(0,0,0,.1); border-radius:2px; letter-spacing:0.5em;}
.btn_d91b5c:hover {background-color:#c31853!important;}
.btn_ffffff {background-color:#fff; display:inline-block; width:100%; padding:15px; color:#444; font-weight:bold; font-size:14px; border:1px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,.1); border-radius:2px;}
.col2Wrap > div {width:50%; float:left; padding-right:10px;}
.col2Wrap > div:last-child {padding-right:0;}

main .resultbox {background-color:#fff; border:1px solid #ddd; box-shadow:0 1px 2px rgba(0,0,0,.1); border-radius:2px; padding:30px; line-height:1.6em; font-size:16px; color:#222; margin:30px 0 50px;}
main .resultbox p {line-height:2em;}
main .resultbox b {font-weight:normal; color:#d91b5c;}
main .resulttable {word-break:keep-all; line-height:1.4em;}
main .resulttable label {display:block; position:relative; text-align:left; padding-left:20px; font-size:16px;}
main .resulttable label input[type=radio] {margin-right:10px; position:absolute; left:0; top:10px;}
/**/
.memberedittable {border-top:1px solid #ddd; letter-spacing:-0.2px; border-right:1px solid #ddd; background-color:#fff; text-align:left; margin:20px 0 10px;}
.memberedittable th i {color:#d21059; line-height:1em; padding-right:2px;}
.memberedittable th, .memberedittable td {border-bottom:1px solid #ddd; padding:14px 10px; color:#222; box-sizing:border-box; vertical-align:middle;}
.memberedittable th {font-weight:bold; background-color:#f5f5f5; border-left:1px solid #ddd; padding:14px 10px 14px 5px; text-align:center;}
.memberedittable td select {padding:0 0 0 10px;}
.memberedittable td p {font-size:13px; color:#777; padding-top:5px;}
.memberedittable td label {margin-left:10px; vertical-align:middle;}
.memberedittable td label:first-child {margin-left:0;}
.memberedittable td label input {margin-right:4px; vertical-align:middle;}
.memberedittable td label span {vertical-align:middle;}
.memberedittable label input[type="text"] {width:40%; margin-right:20px; margin-left:5px;}
.memberedittable textarea {height:60px; font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Helvetica, AppleGothic, Sans-serif;}
.memberedittable td.real_birth > div {position:relative; float:left; display:inline-block; width:33.3333333333%; box-sizing:border-box; padding-left:5px;}
.memberedittable td.real_birth > div:first-child {padding-left:0;}
.memberedittable td.email > div {position:relative; }
.memberedittable td.email input {margin-bottom:5px;}
.memberedittable td.tel > div input, .memberedittable td.cel > div input {padding:0 10px;}
.memberedittable td.address .zipWrap {position:relative;}
.memberedittable td.address .zipWrap .btn_postnum {display:inline-block; line-height:36px; background-color:#222; padding:0 10px; color:#fff; border-radius:0 3px 3px 0; position:absolute; right:0; top:0; font-size:13px; letter-spacing:-0.5px; border:0;}
.memberedittable td.address > input {margin-top:5px;}
.memberedittable td.tel > div, .memberedittable td.tel > select, .memberedittable td.cel > div, .memberedittable td.cel > select {position:relative; width:33.3333333333%; float:left; display:inline-block; box-sizing:border-box;}
/*.memberedittable td.tel > div, .memberedittable td.cel > div {padding-left:5px; }*/
.memberedittable input {margin-bottom:0;}
.memberedittable input[type="radio"] {margin-bottom:0;}

/*260318::카카오주소찾기 업데이트 수정*/
.memberedittable td.address {position:relative;}
.memberedittable td.address #layer {z-index: 9; width: 100%; max-width:480px; height: 400px; margin: 0; position: absolute; display: none; border: 1px solid #000; top:56px;}
#btnCloseLayer {cursor: pointer; position: absolute; right: 0px; top: -1px; z-index: 1;}

/*가입*/
.h2_summury {font-size:15px; color:#222;}
.join_select {margin:30px 0 50px;}
.join_select li {background-color:#fff; border:1px solid #ddd; width:226px; box-shadow:0 1px 2px rgba(0,0,0,.05); text-align:center; float:left; margin-left:11px; border-radius:10px;}
.join_select li:first-child {margin-left:0;}
.join_select li > a {display:block; width:100%; height:100%; padding:20px; text-align:center;}
.join_select li .join_icon {display:block; margin:0 auto;}
.join_select li .join_icon.join_icon01 {background:url('https://img.etnews.com/2018/et/member/images/icon_join01.png')no-repeat center center; width:51px; height:65px; background-size:51px; }
.join_select li .join_icon.join_icon02 {background:url('https://img.etnews.com/2018/et/member/images/icon_join02.png')no-repeat center center; width:55px; height:65px; background-size:55px; }
.join_select li .join_icon.join_icon03 {background:url('https://img.etnews.com/2018/et/member/images/icon_join03.png')no-repeat center center; width:91px; height:65px; background-size:91px; }
.join_select li strong {display:block; font-size:17px; font-weight:normal; margin:15px 0 20px;}
.join_select li .btn_login {font-size:15px; margin:0 auto; letter-spacing:0; padding:13px 5px;}
.join_box {position:relative; display:block; }
.join_box input[type="checkbox"] {position: absolute; top:0; right:0; width:20px; height:20px; margin:0; opacity:0; }
.join_box label {display:block; cursor:pointer;}
.join_box label i {position:absolute; top:0; right:0; width:20px; height:20px; z-index:9; background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat -25px -40px; background-size:200px;}
.join_box input[type="checkbox"]:checked + label i {background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat 0px -40px; background-size:200px;}
.join_box h4 {text-align:left; font-size:16px;}
.join_box h4 span {color:#d91b5c; font-weight:normal;}
.join_box .termsWrap {width:100%; height:170px; padding:20px; color:#666; overflow-y:scroll; background-color:#fff; border:1px solid #ddd; text-align:left; font-size:12px; line-height:1.6em; margin:15px 0 30px;}
.join_box .termsWrap strong {font-size:14px; margin-bottom:10px; display:block; color:#444; word-break:keep-all;}
.join_box .termsWrap p {margin-bottom:7px;}
.join_box .termsWrap .tit {display:block; font-weight:bold;}
.joinCertifi {margin:30px 0;}
.joinCertifi li {background-color:#fff; border:1px solid #ddd;  width:345px; box-shadow:0 1px 2px rgba(0,0,0,.05); text-align:center; float:left; margin-left:10px;}
.joinCertifi li:first-child {margin-left:0;}
.joinCertifi li > a {display:block; width:100%; height:100%; padding:20px; text-align:center;}
.joinCertifi li .certifi_icon {display:block; margin:0 auto;}
.joinCertifi li .certifi_icon.certifi_icon01 {background:url('https://img.etnews.com/2018/et/member/images/icon_certifi01.png')no-repeat center center; width:53px; height:57px; background-size:53px; }
.joinCertifi li .certifi_icon.certifi_icon02 {background:url('https://img.etnews.com/2018/et/member/images/icon_certifi02.png')no-repeat center center; width:40px; height:57px; background-size:40px; }
.joinCertifi li strong {display:block; font-size:17px; font-weight:normal; margin:15px 0 5px;}
.joinCertifi li .btn_login {font-size:15px; margin:0 auto; letter-spacing:0; padding:13px 5px; margin-top:20px;}
.join_attention {text-align:left; color:#222; font-size:14px;}
.join_attention dt {font-weight:bold; padding-left:8px; margin-bottom:8px;}
.join_attention dd {background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat -196px 9px; background-size:200px; padding-left:8px; margin-bottom:5px; line-height:1.5em;}
.join_attention dd > p {display:block; color:#444; }
.join_attention dd > span {font-weight:bold; color:#d91b5c;}
.join_btnWrap {margin:30px 0 50px; display:inline-block;}
.join_btnWrap li {width:200px; float:left; margin-left:11px;}
.join_btnWrap li:first-child {margin-left:0;}
.col3 div {float:left; width:33.3333333333%; padding-left:8px; position:relative;}
.col3 div:first-child {padding-left:0;}
.col3 .plus_char {padding-right:15px;}
.col3 .s_char {position:absolute; top:6px; right:-1px;}
.businessWrap .col3 div {width:30%;}
.businessWrap .col3 div:first-child {width:30%;}
.businessWrap .col3 div:last-child {width:40%;}
main .businessWrap {margin:30px 0 20px;}
main .businessWrap h3 {font-size:17px; margin:0 0 20px; font-weight:normal;}
main .businessWrap dl {font-size:13px; color:#666; text-align:left; line-height:1.7em;}

/*컨퍼런스*/
.confer_popupWrap {padding:0; width:100%;}
.confer_popupWrap header {box-shadow:0 0 2px rgba(0,0,0,0.05);}
.confer_popupWrap header h1 {padding:10px;}
.confer_popupWrap header h1 img {height:25px; width:auto; display:block; margin:0 auto;}
.confer_popupWrap form {padding:10px; margin:0;}
.confer_popupWrap input[type="text"], .confer_popupWrap input[type="password"] {padding:0 10px; color:#444; border:1px solid #ddd; width:100%; border-radius:3px; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.03); height:36px; box-sizing:border-box; background-color:#fff;}
.confer_popupWrap td {padding:2px 5px; vertical-align:middle;}
.confer_popupWrap td input {margin:0;}
.confer_popupWrap td .btn_login_popup {height:76px; border-radius: 3px;}
.confer_popupWrap .resultbox {margin:15px 10px 0; padding:15px;}
.confer_popupWrap .resultbox p {margin-bottom:8px; line-height:1.4em; font-size:13px; color:#666;}
.confer_popupWrap .confer_popupTap {margin:20px 10px 0;}
.confer_popupWrap .confer_popupTap li {float:left; cursor: pointer; width:50%; letter-spacing:-0.4px; font-weight:normal; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.confer_popupWrap .confer_popupTap li a {display:block;padding:12px 14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #ddd; background:none;}
.confer_popupWrap .confer_popupTap li:first-child a {border-right:none;}
.confer_popupWrap .confer_popupTap li.on a { background: #fff; color:#d91b5c; font-weight:bold; border-bottom:1px solid #fff;}
.confer_popupWrap .confer_popupTapbox {background:#fff; border:1px solid #ddd; border-top:none; padding:20px 10px;margin:0 10px 20px;}

/*소셜로그인_190520*/
.social_login {margin:50px auto;}
.social_login .btn_naver {display:block; background-color:#1ec800; color:#fff; font-weight:bold; padding:15px 20px; border-radius:3px; font-size:16px; border:1px solid #12ad00; line-height:1em; margin-bottom:15px;}
.social_login .btn_naver i {display:inline-block; width:18px; height:auto; margin-right:10px; vertical-align:middle;}
.social_login .btn_naver i img {width:100%;}
.social_login .btn_naver span {vertical-align:middle;}
.social_login > p {color:#666; font-size:15px;}
main h2 .logo {display:block; margin:0 auto 30px; max-width:400px; width:100%; padding:0 15px;}
main h2 .logo img {width:100%; height:auto;}

/*소셜로그인_240925*/
.social_login2 {margin:40px 0;}
.social_login2 .tit {font-size:15px; color:#444; position: relative; height:40px; margin-bottom:30px;}
.social_login2 .tit span {z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fafafa; padding:0 20px;}
.social_login2 .tit::before {content:''; display:block; width:100%; height:1px; background-color: #ddd; position: absolute; left:0; right:0; top:50%; z-index:1;}
.social_login2 .flex {display:flex; gap:30px; justify-content:center;}
.social_login2 .flex a {display:inline-block; width:50px; height:50px; position: relative;}
.social_login2 .flex a img {width:100%;}
.recent::before {content:'최근로그인'; position:absolute;  font-size:13px; display:inline-block; background-color:#444; color:#fafafa; width:80px; height:25px; left:50%; top:-30px; padding:5px; border-radius:5px; line-height:1em; transform:translateX(-50%); box-sizing: border-box; cursor:pointer;}
.recent::after {content:''; position:absolute; display:inline-block; top:-10px; left:50%; width: 0; height: 0; border-bottom: 10px solid transparent; border-top:10px solid #444; border-left:10px solid transparent; border-right:10px solid transparent; transform:translateX(-50%);}
.social_login2 .flex + p {margin-top: 30px; color: #666; letter-spacing: -0.05em; word-break: keep-all; line-height: 1.6em;}
.social_login2 p > a {text-decoration:underline;}

.update_sns {margin-bottom:50px;}
.update_sns ul {background-color:#fff; border:1px solid #ddd;}
.update_sns li {display: flex; border-bottom:1px solid #eee; padding:14px 20px; align-items: center; justify-content: space-between;}
.update_sns li:last-child {border-bottom:none;}
.update_sns i {display:inline-block; width:30px; height:30px; margin-right:5px;}
.update_sns i img {width:100%; height:auto;}
.update_sns span {vertical-align:middle;}
.update_sns button {border:1px solid #ddd; padding:6px 8px; line-height:1em; border-radius:4px; color:#444; line-height:1em;}

.join_sns {margin:40px 0 50px; text-align:left;}
.join_sns strong {font-weight:bold; font-size:16px; margin-bottom:15px; display:block;}
.join_sns dl {padding:10px 20px; background:#fff; border:1px solid #ddd;}
.join_sns dt {font-weight:bold; font-size:16px; border-bottom:1px solid #eee; padding-bottom:15px; margin:15px 0;}
.join_sns dd {margin:15px 0; }
.join_sns label {position:relative;}
.join_sns label i {position: absolute; top: 0; left: 0; width:20px; height:20px; z-index: 2; background: url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat -25px -40px; background-size: auto; background-size: 200px;}
.join_sns label input[type="checkbox"] {display:none;}
.join_sns input[type="checkbox"]:checked + i {background: url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat 0px -40px;	background-size: auto; background-size: 200px;}
.join_sns p {display:inline-block; padding-left:26px;}
.join_sns span {color:#777;}
.join_sns span.point {color:#d91b5c;}
.join_sns dd a {display:inline-block; width:15px; height:15px; background:url('https://img.etnews.com/2018/et/member/images/icon_member.png')no-repeat -6px -27px; background-size:300px; vertical-align: middle;}
.btn_disjoin {background-color:#555; display:inline-block; width:100%; margin-top:20px; padding:13px; color:#fff; font-weight:bold; font-size:17px; letter-spacing:1px; box-shadow:0 1px 1px rgba(0,0,0,.1); border-radius:5px; position:relative;}
.btn_disjoin.on {background-color:#d91b5c;}

.mgt0 {margin-top:0px!important;}
.mgt10 {margin-top:10px!important;}
.mgt20 {margin-top:20px!important;}
.mgt30 {margin-top:30px!important;}
.mgb10 {margin-bottom:10px!important;}
.mgb20 {margin-bottom:20px!important;}
.mgb30 {margin-bottom:30px!important;}
.mgb50 {margin-bottom:50px!important;}
.mgb60 {margin-bottom:60px!important;}
.pdrl120 {padding:0 120px;}
.bordertop {border-top:1px solid #ccc;}
.bg_fa {background-color:#fafafa;}
.color_et {color:#d91b5c!important;}
.width100p {width:100%!important;}
.width440 {max-width:440px;}
.btn_555 {background-color:#555; color:#fff; display:inline-block; width:100%; padding:15px; font-weight:bold; font-size:15px; border:1px solid #222; box-shadow:0 1px 2px rgba(0,0,0,.1); border-radius:2px; line-height:1em;}


@media screen and (max-width : 700px) {
	header nav ul, main, footer .copyright {width:100%;}
	main {padding:30px 10px 80px;}
	.col2Wrap > div {width:100%; padding-right:0;}
	.join_select li, .joinCertifi li, .join_btnWrap li {width:100%; margin-left:0; margin-bottom:11px;}
	.join_box .termsWrap {height:150px;}
	.memberedittable td.address #layer {width:auto;}
}

@media screen and (max-width : 400px) {
	.pdrl120 {padding:0;}
	.join_box h4 {font-size:14px; letter-spacing:-0.4px;}
	.memberedittable td.address #layer {left:20px;}
}
