.login {width:100%; margin: auto; background-color:#fff; padding:16px; margin-bottom:15px;}
.login img {display: block; margin: auto;}
.login p {font-family: 'nanumsquare', sans-serif; font-size:18px; color:#333; font-weight:600; letter-spacing:-0.05em; line-height:22px; text-align: center; transform: skew(-0.03deg); margin-top:30px;}
.login .logInput {width:100%; margin-top:20px;}
.login .logInput input {width:100%; height:50px; border:1px solid #d6dde4; padding:0px 15px; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font-size:17px; color:#000; font-weight:400; line-height:20px; letter-spacing:-0.05em; padding-bottom:2px;}
.login .logInput input::placeholder {font-size:17px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.login .logInput input::-moz-placeholder {font-size:17px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.login .logInput input:-ms-input-placeholder {font-size:17px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.login .logInput input::-webkit-input-placeholder {font-size:17px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.login .logInput input[type=password] {letter-spacing:8px; margin-top:10px;} 

.login .logChk {width:100%; overflow: hidden; padding:18px 0; padding-bottom:25px;}
.login .logChk label {float:left; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#222; font-weight:600; letter-spacing:-0.05em; line-height:20px; transform: skew(-0.03deg); transition:all 0.2s; cursor:pointer;}
.login .logChk label:hover {color:#999;}
.login .logChk label input {width:20px; height:20px; float:left; background:url("../img/common/chk_off.png")no-repeat; margin-right:8px; cursor: pointer;}
.login .logChk label input:checked {background:url("../img/common/chk_on.png")no-repeat;}
.login .logChk a {float:right; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#555; font-weight:600; letter-spacing:-0.05em; line-height:20px; transform: skew(-0.03deg); transition:all 0.2s;}
.login .logChk a:hover {color:#999;}


.login .logBtn {width:100%; padding-top:25px; border-top:1px solid #d6dde4;}
.login .logBtn input {width:100%; height:50px; border: 0px; background-color:#F36F21; font-family: 'nanumsquare', sans-serif; font-size:17px; color:#fff; font-weight:400; letter-spacing:-0.05em; line-height:22px; transform: skew(-0.03deg); cursor: pointer; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding-top:1px; transition:all 0.2s;}
.login .logBtn input:hover {background-color:#cd5a17;}
.login .logBtn a {width:100%; height:50px; border:1px solid #F36F21; font-family: 'nanumsquare', sans-serif; font-size:17px; color:#F36F21; font-weight:600; letter-spacing:-0.05em; line-height:22px; transform: skew(-0.03deg); cursor: pointer; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display: flex; justify-content: center; align-items: center; margin-top:8px; transition:all 0.2s;}
.login .logBtn a:hover {border:1px solid #666; color:#666;}


.findPopup {width:420px; position:fixed; top:50%; left:50%; transform: translateY(-50%); background-color:#fff; margin-left:-200px; padding:30px; z-index:999; display:none; -ms-border-radius:26px; -moz-border-radius:26px; -o-border-radius:26px; -webkit-border-radius:26px; border-radius:26px;}
.findPopup p {font-family: 'nanumsquare', sans-serif; font-size:18px; color:#222; font-weight:800; letter-spacing:-0.025em; line-height:22px; text-align: center;}
.findPopup a.close {position:absolute; top:34px; right:30px;}
.findPopup a.close img {display: block; transition:all 0.2s;}
.findPopup a.close img:hover {opacity:0.6;}

.findPopup .fpInput {width:100%; margin-top:25px;}
.findPopup .fpInput input {width:100%; height:50px; border:1px solid #d6dde4; padding:0px 15px; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:16px; color:#000; font-weight:400; line-height:20px; letter-spacing:-0.05em; padding-bottom:2px;}
.findPopup .fpInput input::placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.findPopup .fpInput input::-moz-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.findPopup .fpInput input:-ms-input-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.findPopup .fpInput input::-webkit-input-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.findPopup .fpInput .kcaptcha {width:100%; overflow: hidden; margin-top:15px;}
.findPopup .fpInput .kcaptcha div {width:120px; height:50px; float:left; overflow: hidden; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:relative;}
.findPopup .fpInput .kcaptcha div img {display: block; position:absolute; left:0; top:50%; margin-top:-29px;}
.findPopup .fpInput .kcaptcha input {width:calc(100% - 130px); float:right;}

.findPopup .fpBtnBox {width:100%; padding-top:20px; margin-top:20px; border-top:1px solid #d6dde4;}
.findPopup .fpBtnBox input {width:100%; height:50px; border: 0px; background-color:#F36F21; font-family: 'nanumsquare', sans-serif; font-size:17px; color:#fff; font-weight:400; letter-spacing:-0.05em; line-height:22px;  cursor: pointer; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding-top:1px; transition:all 0.2s;}
.findPopup .fpBtnBox input:hover {background-color:#cd5a17;}


.agree {width:100%;}
.agree .agreeBox {width:100%; margin-top:0px; padding:20px;}
.agree .agreeBox:first-child {margin-top:0; padding:20px;}
.agree .agreeBox .tit {font-size: 17px; margin-bottom: 20px; margin-bottom:20px;}
.agree .agreeBox .agreeCont {width:100%; height:230px; overflow-y: auto; border:1px solid #d6dde4; -ms-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.agree .agreeBox .agreeCont pre {width:100%; padding:14px; font-size:12px; color:#555; background-color: #fff; font-weight:400; letter-spacing:-0.05em; line-height:20px; word-break: keep-all; white-space: pre-wrap; }
.agree .agreeBox .agreeChk {width:100%; overflow: hidden; padding-top:15px;}
.agree .agreeBox .agreeChk label {float:left; font-size:16px; color:#222; font-weight:400; letter-spacing:-0.05em; line-height:17px; margin-right:30px; cursor: pointer;}
.agree .agreeBox .agreeChk label input {float:left; width:20px; height:20px; background:url("../img/common/radio_off.png"); margin-right:7px; margin-top:1px; cursor: pointer;}
.agree .agreeBox .agreeChk label input:checked {background:url("../img/common/radio_on.png");}
.agreeBtn {width:100%; overflow: hidden; margin-top:30px;}
.agreeBtn .btn{width: 90%; margin: 0 auto; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; background-color:#f36f21; font-family: 'nanumsquare', sans-serif; font-size:18px; color:#fff; font-weight:600; letter-spacing:-0.04em; line-height:50px; text-align: center; transition:all 0.2s;}


.joinForm p {font-family: 'nanumsquare', sans-serif; font-size:16px; color:#000; font-weight:600; letter-spacing:-0.04em; line-height:20px; transform: skew(-0.03deg); margin-bottom:10px;}
.joinForm span {display:block; font-family: 'nanumsquare', sans-serif; font-size:13px; color:#f36f21; font-weight:600; letter-spacing:-0.04em; line-height:20px; transform: skew(-0.03deg); margin-top:6px;}

.joinForm .jfChk {width:100%; overflow: hidden; margin-top:0px;}
.joinForm .jfChk label {float:left; font-size:16px; color:#222; font-weight:400; letter-spacing:-0.05em; line-height:20px; margin-right:30px; cursor: pointer; transition:all 0.2s;}
.joinForm .jfChk label:last-child {margin-right:0;}
.joinForm .jfChk label input {float:left; width:20px; height:20px; background:url("../img/common/radio_off.png"); margin-right:7px; margin-top:1px; cursor: pointer;}
.joinForm .jfChk label input:checked {background:url("../img/common/radio_on.png");}
.agreeBtn {width:100%; overflow: hidden; margin-top:30px;}
.joinForm .jfChk label:hover {color:#999;}

.joinForm .mFile {width:100%; position:relative; padding-left:110px; margin-bottom:12px;}
.joinForm .mFile:last-child {margin-bottom:0;}
.joinForm .mFile div {width:100px; height:50px; background-color:#f8f8f8; border:1px solid #d6dde4; text-align: center; font-size:16px; color:#333; font-weight:400; position:absolute; left:0; top:0; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:flex; justify-content: center; align-items: center; text-align: center; transition:all 0.2s;}
.joinForm .mFile .fileHidden {width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
.joinForm .mFile:hover div {background-color:#eee;}

/**** ¸ð¹ÙÀÏ È¸¿ø°¡ÀÔ Å×À̺ê ****/
.joinForm {width:100%; border-top: solid 2px #333;}
.joinForm table{}
.joinForm table tr th{text-align: left; padding:6px; font-size:14px; border-bottom: solid 1px #d9d9d9;}
.joinForm table tr td{text-align: left; padding:6px; font-size:14px; border-bottom: solid 1px #d9d9d9;}
.joinForm input[type=text],
.joinForm input[type=password] {width:100%; height:36px; border:1px solid #d6dde4; padding:0px 15px; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font-size:16px; color:#000; font-weight:400; line-height:20px; letter-spacing:-0.05em; padding-bottom:2px;}
.joinForm input[type=password] {letter-spacing:8px;}
.joinForm input[type=text]::placeholder,
.joinForm input[type=password]::placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.joinForm input[type=text]::-moz-placeholder,
.joinForm input[type=password]::-moz-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.joinForm input[type=text]:-ms-input-placeholder,
.joinForm input[type=password]:-ms-input-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.joinForm input[type=text]::-webkit-input-placeholder,
.joinForm input[type=password]::-webkit-input-placeholder {font-size:16px; color:#999; font-weight:300; letter-spacing:-0.05em;}
.joinForm input[type=text].datepicker {background:url("../img/member/date.png")no-repeat right 15px center; cursor: pointer; padding-right:55px;}
.joinForm input[type=text]:disabled {background-color:#F5F6FA; color:#666;}

input {
/*
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
*/
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;

}
.receiveWhether ul{overflow: hidden; width:100%; border-top:1px solid #dde6ed; border-bottom:1px solid #dde6ed;}
.receiveWhether ul li {width:100%; position:relative; padding:16px 0; padding-left:135px; border-bottom:1px dashed #dde6ed;}
.receiveWhether ul li:last-child {border-bottom:0;}
.receiveWhether ul li p {font-family: 'nanumsquare', sans-serif; font-size:16px; color:#000; font-weight:600; position:absolute; top:50%; left:0; transform: skew(-0.03deg); line-height:20px; margin-top:-10px;}
.receiveWhether ul li label {font-size:16px; color:#222; font-weight:400; letter-spacing:-0.05em; line-height:20px; transition:all 0.2s; cursor:pointer;}
.receiveWhether ul li label:hover {color:#999;}
.receiveWhether ul li label input {width:20px; height:20px; float:left; background:url("../img/common/chk_off.png")no-repeat; margin-right:8px; margin-top:3px; cursor: pointer;}
.receiveWhether ul li label input:checked {background:url("../img/common/chk_on.png")no-repeat;}

.kcaptcha {width:100%; overflow: hidden; padding:20px 0; border-bottom:1px solid #dde6ed;}
.kcaptcha div {width:120px; height:50px; float:left; overflow: hidden; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:relative;}
.kcaptcha div img {display: block; position:absolute; left:0; top:50%; margin-top:-29px;}
.kcaptcha input {width:165px; float:left; margin-left:15px;}
.kcaptcha span {float:left; font-size:16px; color:#222; font-weight:400; letter-spacing:-0.05em; line-height:50px; margin-left:15px;}
.kcaptcha input[type=text]{width:6s0%; height:36px; border:1px solid #d6dde4; padding:0px 15px; -ms-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font-size:16px; color:#000; font-weight:400; line-height:20px; letter-spacing:-0.05em; padding-bottom:2px;}



.joinBtn {width:100%; overflow: hidden; margin-top:30px;}
.joinBtn input {width:100%; border:0px; margin:0 auto; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; background-color:#f36f21; font-family: 'nanumsquare', sans-serif; font-size:18px; color:#fff; font-weight:600; letter-spacing:-0.04em; line-height:50px; transition:all 0.2s; cursor: pointer;}
.joinBtn input:hover {background-color:#cd5a17;}


.ui-widget-header {border: 0px solid #dddddd; background: #fff;}
.ui-datepicker-calendar>thead>tr>th {font-size:13px!important;}
.ui-datepicker .ui-datepicker-header {position: relative; padding: 10px 0; width:200px; margin: auto;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; font-size:14px; font-family: 'GmarketSansMedium',sans-serif;}
.ui-datepicker .ui-datepicker-title {margin: 0 0em; line-height:22px; text-align: center; font-size:18px; padding: 0px; font-family: 'GmarketSansMedium',sans-serif; color:#000; padding-bottom:10px;}
.ui-datepicker .ui-datepicker-title span {font-family: 'GmarketSansMedium',sans-serif; font-size:18px;}

.ui-datepicker {display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding:20px; padding-bottom:20px; width:495px; box-shadow: 0px 5px 40px rgba(0,0,0,0.3); top:50%!important; left:50%!important; transform: translate(-50%,-50%); position:fixed!important;}
.ui-widget.ui-widget-content {border: 1px solid #eee;}
#datepicker:focus>.ui-datepicker {display: block;}
.ui-datepicker-prev,
.ui-datepicker-next {cursor: pointer;}
.ui-state-disabled {cursor: auto; color: hsla(0, 0%, 80%, 1);}
.ui-datepicker-title {text-align: center; padding: 10px; font-weight: 100; font-size:15px;}
.ui-datepicker-calendar {width: 100%;}
.ui-datepicker-calendar>thead>tr>th {padding: 5px; font-size: 20px; font-weight: 400; width:65px!important; }
.ui-datepicker-calendar>thead>tr>th>span {font-size:15px; color:#000; font-family: 'GmarketSansMedium',sans-serif;}
.ui-datepicker-calendar>thead>tr>th:first-child span {color:#ff3774!important;}
.ui-datepicker-calendar>thead>tr>th:last-child span {color:#347ae2!important;}
.ui-datepicker-calendar>tbody>tr>td>a {color: #000; font-size:14px!important; font-weight:400; text-decoration: none; width:38px!important; height:38px!important; margin: auto; padding:0; display:flex; justify-content: center; align-items: center; border-radius:100%; line-height:38px; font-family: 'GmarketSansMedium',sans-serif; padding-top:3px;}
.ui-datepicker-calendar>tbody>tr>td>a.ui-state-active {background-color:#347ae2; color:#fff;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled {padding-top:3px!important;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto; background-color: #fff;}
.ui-datepicker-calendar>tbody>tr>td { cursor: pointer; padding:0!important; font-weight: 100; text-align: center; font-size: 15px; height:48px!important;}
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width:24px!important; height:24px!important; top:7px!important;}
.ui-datepicker .ui-datepicker-prev {left:0!important;}
.ui-datepicker .ui-datepicker-next {right:0!important;}
.ui-widget-header .ui-icon {background-image: url('../img/member/btns.png'); width:24px; height:24px; top:0!important; margin:0!important; left:0!important; transition:all 0.2s; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.ui-widget-header .ui-icon:hover {background-image: url('../img/member/btns.png')!important; background-color:#eee;}
.ui-icon-circle-triangle-e {background-position: -24px 0px; background-size:auto 24px;}
.ui-icon-circle-triangle-w {background-position:0px 0px; background-size:auto 24px;}
.ui-icon-circle-triangle-e:hover {background-position: -24px 0px!important;}
.ui-icon-circle-triangle-w:hover {background-position:0px 0px!important;}
.ui-datepicker-calendar>tbody>tr>td:first-child a {color:#ff3774!important;}
.ui-datepicker-calendar>tbody>tr>td:last-child a {color:#347ae2!important;}
.ui-datepicker-calendar>thead>tr>th:first-child {color:#ff3774!important;}
.ui-datepicker-calendar>thead>tr>th:last-child {color:#347ae2!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; line-height:18px;}