/*리셋 css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  font-family: 'Noto Sans KR', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {padding:0px; margin: 0px; background: rgba(0,0,0,0.1);height: 100%; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
a{text-decoration: none;}
a:focus {text-decoration: none;}
a:hover {text-decoration: none;cursor: pointer;}
p{margin:0;padding:0;word-break: break-all;}
table{border-collapse: collapse;}
table tr th,table tr td {font-weight: 400;}

.pointer {cursor: pointer;}
.clearfix{clear: both;}
.beecolor{color: #f90;}
.mt50{margin-top: 50px;}

.home a{color: #f90;font-size: 22px;padding: 10px;}
.list-unstyled {padding: 0px;list-style: none;}

/*풋터*/
.footer{width: 100%; height: auto; background: #ccc;position: fixed;bottom: 0;z-index: 101;}
.footer span{display:block; margin:0 auto; text-align: center;padding: 10px 0;line-height: 20px; width: 1020px; color: #FFFFFF; font-size: 12px;}


/*컨텐츠*/
.contentview{margin:50px auto 100px auto;}
.login-area h2{text-align: center; font-size: 1.5rem; font-weight: bold; padding:20px 0;}

/*로그인*/
.login_div {width: 500px; background: #fff; border-radius: 5px; padding:30px; margin: 0 auto;}
.login_div  h2 {text-align: center; font-size: 1.5rem; font-weight: bold; padding:20px 0;}
.logininput-div {padding-top:20px;}
.logininput-div input{border:none;outline: none;background: #ededed;width: calc(100% - 40px); height: 40px;font-size: 16px;padding:0px 20px;margin-bottom: 10px;border-radius: 20px;}

/*회원가입 동의*/
.login_from_div {width: 1020px; background: #fff; border-radius: 5px; padding: 30px; margin: 0 auto;}
.login_from_div  h2 {text-align: center; font-size: 1.5rem; font-weight: bold; padding:20px 0;}
.terms-title_all {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; line-height: 50px; height: 50px;}
.terms-title_all .input[type="checkbox"] {border:none;}
.terms-title{width: 100%;text-align: center; line-height: 25px; height: 50px; text-align: left; margin-top:30px;}
.terms-content{height: 200px;overflow-y: auto; border:1px solid #999; color:#999; padding:10px; font-size: 12px; line-height: 25px;}
.terms-content::-webkit-scrollbar {width: 5px;}
.terms-content::-webkit-scrollbar-thumb {background-color: #c1c1c1;  border-radius: 3px;}

.nextStep-btns{margin-top: 20px;text-align: center;}
.nextStep-btns a{width:100px; height:40px; line-height: 40px; font-size: 1rem; display: inline-block; border-radius: 5px;}
.nextStep-btns > .back-btn{border:1px solid #999; background: #fff;color: #999;}
.nextStep-btns > .front-btn{border:1px solid #f90; background: #f90;color: #fff;}


/*회원가입 폼*/
.joininput-div{font-size: 16px;}
.joininput-div .please{margin: 0;font-size: 15px;color:#f90;text-align: right;}
.joininput-div input{border: none;outline: none;background: #ededed;border-radius: 5px;padding: 0 10px;font-size: 14px;width:calc(100% - 20px) ; height: 45px; line-height: 45px;}
.join-list li{margin-top: 10px;}
.join-list li span{display: block; padding-top:5px;}
.join-list .mgt20 {margin-top:20px;}
.join-list .email-list input[type="text"]{width:140px;}
.join-list .email-list select{height: 45px; line-height: 45px; border:1px solid #ccc; width: calc(100% - 355px);}
.join-list .phone-list input{width: calc(66% - 20px); margin-right: 1%}
.join-list .phone-list button{width: calc(100% - 68%); display: inline; height: 45px; line-height: 45px; border: none; border-radius: 5px; background: #000; color:#fff;}
.join-list .phone_check input{width: calc(66% - 22px);; margin-right: 1%}
.join-list .phone_check button{width: calc(100% - 68%); display: inline; height: 45px; line-height: 45px; border: none; border-radius: 5px; background: #000; color:#fff;}
.join-list .chuchun_list {padding-top:20px; border-top:3px dotted #ccc;}
.join-list .chuchun_list h4{}
.join-list .chuchun_list select{margin-top: 20px; display: inline-block; width:calc(30% - 2px); height: 45px; line-height: 45px; border:1px solid #ccc;}
.join-list .chuchun_list .search_bar {display: inline-block; width:calc(70% - 20px); position: relative;}
.join-list .chuchun_list .search_bar input[type="text"]{width: calc(100% - 10px); height: 45px; line-height: 45px; padding: 0 20px 0 10px;}
.join-list .chuchun_list .search_bar .s_btn {position: absolute; top:15px; right:-10px; width:20px; border:none; padding: 0px;}
.join-list .chuchun_list .info {font-size:12px; color:#666;}
.join-list .chuchun_list dl.search_list_sec {display: block; overflow: hidden; clear:both; margin-top:10px; border-left:1px solid #ccc;}
.join-list .chuchun_list .search_list_sec dt {float: left; width:calc(33% - 1px); text-align: center;border-right:1px solid #ccc; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; background: #f2f2f2; font-size:0.8rem; height: 30px; line-height: 30px;}
.join-list .chuchun_list .search_list_sec dt:last-child {width:calc(34% - 1px);}
.join-list .chuchun_list .search_list {max-height: 107px; overflow-y: scroll; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.join-list .chuchun_list .search_list::-webkit-scrollbar {width: 1px;}
.join-list .chuchun_list .search_list::-webkit-scrollbar-thumb {background-color: #c1c1c1;  border-radius: 3px;}
.join-list .chuchun_list .search_list dl {border-bottom:1px solid #ccc; width: 100%; height: 35px; line-height: 35px; font-size: 12px; margin:0px; text-align: center;}
.join-list .chuchun_list .search_list dl.n_list {display: block; overflow: hidden; clear:both;}
.join-list .chuchun_list .search_list dl.n_list dd {float: left; width:calc(33% - 1px); text-align: center; border-right:1px solid #ccc;}
.join-list .chuchun_list .search_list dl.n_list dd:last-child {width:calc(34% - 1px);}

.commit_div{padding-top: 20px; clear: both; overflow: hidden; display: block;}
.commit_div a{width:49%;display: block;text-align: center;font-size: 16px;height: 40px; line-height: 40px; border:1px solid#f90;border-radius: 5px;margin-bottom: 5px; font-weight: 700;}
.commit_div .login-btn{float:left;color:#fff;background: #f90;}
.commit_div .join-btn{float:right;color:#f90;background: #fff;}
.forgetmy{margin-top:10px; text-align: center;}
.forgetmy .id{display: inline-block; color: #000;font-size: 14px;}

/*아이디 비밀번호 찾기*/
.disnone {display: none;}
.findata_wrap {width: 400px; background: #fff; border-radius: 5px; padding: 30px; margin: 0 auto;}
.findata_wrap h2 {text-align: center; font-size: 1.5rem; font-weight: bold; padding:20px 0;}
.findata_wrap ul {display: block;overflow: hidden;clear: both;text-align: center;border: 1px solid #ccc;border-bottom: 3px solid #f90;margin-top: 20px;}
.findata_wrap ul li {width: 50%;float: left;height: 50px;line-height: 50px;font-size: 18px;color: #f90;  cursor: pointer;}
.findata_wrap ul .on {background: #f90;color: #fff;}
.findata_wrap .find_from h4 {padding-top: 30px;font-size: 14px;font-weight: 400; line-height: 25px;}
.findata_wrap .find_from input {width: calc(100% - 10px);height: 30px;line-height: 30px;  border: 1px solid #ccc;padding: 0 5px; margin-top:10px;}
.findata_wrap .find_from button {width: 100%;display: block;color: #fff;height: 40px;line-height: 40px;background: #f90;border: none;margin: 40px auto 0 auto;}
.findata_wrap .btn02 {margin-top: 10px;clear: both;display: block;overflow: hidden;}
.findata_wrap .btn02 a:first-child {float: left;}
.findata_wrap .btn02 a {width: 49%; float: right;height: 40px;line-height: 40px;background: #ccc;text-align: center; color:#666;}

@media all and (min-width:769px){
  .pc_view {display: block;}
  .m_view {display: none;}
}

@media all and (max-width:768px){
  .pc_view {display: none;}
  .m_view {display: block;}


  /*회원가입 폼*/
  .join-list .phone_check input{width: calc(60% - 20px);}
  .join-list .phone_check button{width: calc(100% - 65%);}
  .join-list .phone-list input{width: calc(60% - 20px);}
  .join-list .phone-list button{width: calc(100% - 65%);}

  .footer{position: relative; margin-top:50px;}
  .footer span {padding:20px 10px; width: calc(100% - 20px);}
  .contentview{ margin:10px;  padding:0px;  width: calc(100% - 20px);  box-shadow:none;  }
  .contentpart {width: calc(100% - 60px);}
  .login-area{width: 100%;}
}