@media (max-width: 1679px) {
	.totalWrap {min-width:100%;}
	.bottomArea {padding-left:0px;}
}
@media (max-width: 1479px) {
.subcontents .scontent .scont_txtbox {width:100% !important; padding:40px 0 !important;}
.scontent .loginWrap .logintitle {padding:40px 0;}
.scontent .loginWrap .login_etc {justify-content:flex-start; flex-direction:column;}
.scontent .loginWrap .login_etc .btn_line {width:100%; margin-top:10px;}
}

@media (max-width: 1399px) {
	#header {min-width:100%;}
}
@media (max-width: 1287px) {
	.wrap{ width:100%;}
	.main .bottomArea .wrap{ width:100%;}
	 .main .bottomArea {height:64px;}
	.subcontents .scontent .memberscont .card {padding:30px 40px 10px;}
	.scontent .loginWrap .loginwr .con_left {padding-right:40px; flex:auto;}
	.scontent .loginWrap .loginwr .con_right{padding-left:40px;flex:auto;}
	.scontent .loginWrap .joinwr .input_row {min-height:70px;}
	.scontent .loginWrap .verify_message {font-size:13px;}
	.mainvisualArea {padding-bottom:90px;}
}


@media (max-width: 991px) {
	#header .navbar .logo {padding-left:20px;}
	#header .navbar .rightbtn ul {padding-right:20px;}
	#header .navbar .rightbtn ul li a { line-height:30px; padding:0px 20px; font-size:14px;}
	.loginWrap {padding:0px 30px;}

	.modalctl_wrap {position:fixed !important; width:100vw !important; height:100vh !important; top:0px !important; left:0px !important; margin:0 !important; z-index:9999999 !important;}
	.modalctl_wrap .pop_head {height:48px  !important}
	.modalctl_wrap .modal_body {height:calc(100vh - 48px)  !important; padding-bottom:50px  !important;}
	.scontents .pagetitle {font-size:1.7em;   padding:40px 0;}
	.scontents .pagesubtitle{font-size:1.3em; font-weight:400; }
	.scontents {font-size:1em; line-height:1.7;word-break:keep-all;}
	.scontents .privacy {font-weight:300;  }
	
	.mainvisualArea .mvis_txt .exp {padding:20px 20px 0;}
	.mainvisualArea .mvis_txt .exp strong {display:inline;}

	.loginWrap .loginwr .snslogin li a p {font-size:0.85em;}
	.loginWrap .loginwr .snslogin li a span {width:60px; padding:15px;}

}

@media (max-width: 760px) {
.subcontents .scontent {padding:20px 20px 0;}
.mainvisualArea .mvis_txt .title {font-size:34px; line-height:38px; margin-bottom:3px;}
.mainvisualArea .mvis_txt span {letter-spacing:1px;font-size:16px;}
.mainvisualArea .mvis_txt .exp {font-size:15px; line-height:1.5; margin-top:18px; padding-top:14px;}
.mainvisualArea .mvis_txt .exp h4 {font-size:16px;}
.mainvisualArea .mvis_btn a {padding:0px 37px;}
.mainvisualArea .mvis_btn {width:100%;margin-top:20px;      display: flex;    -ms-flex-flow: row wrap;    flex-flow: row wrap;    justify-content: center;    align-items: center;    flex-direction: column;}
.mainvisualArea .mvis_btn a {width:80%; font-size:18px;  justify-content: center; }
.mainvisualArea .mvis_btn.nomemb a {  justify-content: flex-start;padding:0px 10px 0px 25px !important;  line-height:50px; }
.mainvisualArea .mvis_btn a.btn_preview {margin-left:0px; margin-top:10px;}

.loginWrap .loginwr .logintitle {font-size:24px; margin-bottom:12px;  }
.bottomArea .copyarea .copy {font-size:11px;}
.loginWrap .inpst {font-size:15px; height:46px; line-height:44px; padding:0px 10px;border-radius:4px;}
.loginWrap .inpst::placeholder {	 font-size: 15px;}
.loginWrap .input_row {padding:5px 0;}
.loginWrap .btn_submit {font-size:15px; height:46px; line-height:44px;}
.loginWrap .login_etc .btn_find {font-size:14px;}
.loginWrap .login_etc .guitxt {font-size:12px;}
.loginWrap .login_etc .btn_join{font-size:14px; height:42px; line-height:40px;}
.scontent .loginWrap .loginwr {flex-direction:column; padding:0px 0px 20px; font-size:14px;box-shadow: none !important;    border-radius: 0px;}
.subcontents .scontent  .loginWrap.scont_txtbox {padding:0px !important;}
.scontent .loginWrap .loginwr.joinwr .con_left::after, .scontent .loginWrap .loginwr.findwr .con_left::after {display:none;} 
.scontent .loginWrap .loginwr .con_left {padding-right:0px; flex:0;}
.scontent .loginWrap .loginwr .con_right{padding-left:0px; flex:0; border-top:1px solid #ddd; margin-top:20px; padding-top:30px;}
.scontent .loginWrap .login_etc {padding-top:20px;}
.scontent .loginWrap .login_etc p {margin-top:0px; font-size:13px;}
 .scontent .loginWrap .logintitle {font-size:20px;  padding:0px 0px 0px; font-weight:400;}
.scontent .loginWrap .inpst{font-size:15px; height:40px; line-height:38px; padding:0px 120px 0 10px;border-radius: 4px  ;}
.scontent .loginWrap .inpst::placeholder {	 font-size: 15px;}
.scontent .loginWrap .joinwr .btn_smbtn {font-size:13px; height:40px; line-height:38px; width:120px;  border-radius:0px 4px 4px 0;}
.scontent .loginWrap .input_row {padding:5px 0;}
.scontent .loginWrap .chk_ck label {padding-left:30px; font-size:13px;}
.scontent .loginWrap .login_etc .btn_line {font-size:14px;border-radius:4px;}
.scontent .loginWrap .btn_submit {line-height:42px; height:44px; font-size:16px;border-radius:4px;}
.scontent .loginWrap .login_etc h3 {font-size:16px;}
.subcontents .scontent .memberscont .card {padding:20px 20px 10px; }
.subcontents .scontent {min-height:auto;}


#win_email.popup_wrap{width:100vw !important; height:100vh !important;}
#win_email.popup_wrap .popup_head  {padding:0px 20px;}
#win_email.popup_wrap .popup_head .head_title {min-height:46px; height:46px;}
#win_email.popup_wrap.popup_editwr .popup_head .btn_popupclose { width:68px;height:46px; padding-right:0px;}
#win_email.popup_wrap .form_edit .rowwr {padding:5px 20px;}
#win_email.popup_wrap .popup_btn {padding:20px;justify-content:space-between;}
#win_email.popup_wrap .popup_btn .btn_cancel {margin:0px; width:32%; font-size:1em;}
#win_email.popup_wrap .popup_btn .btn_submit{margin:0px; width:65%; font-size:1em;}
#win_email.popup_wrap .form_edit .rowwr .frmtt {width:70px;}
#win_email.popup_wrap .form_edit .rowwr .frmtxt {width:calc(100% - 70px);}
.scontent .loginWrap .loginwr.joinwr {padding-top:20px;}
.loginWrap .loginwr .snslogin li a {height:50px; line-height:48px;}
 .loginWrap .loginwr .snslogin li a p {font-size:1.1em;}
  .loginWrap .loginwr .snslogin li a span {height:50px; }
.loginWrap .loginwr .snslogin li {padding-bottom:0px;}
.scontent .loginWrap .loginwr.joinwr .con_right:before {display:none;}
 .mainvisualArea{padding-top:100px;}

 .mainvisualArea .mvis_txt .greetingtxt {padding-right:10px; padding-left:10px;text-align:justify; word-break:break-all;-ms-word-break:break-all;  font-size:14px;}
}

@media (max-width: 520px) {
.loginWrap .loginwr {min-width:100%; margin-top:20px; padding:30px;}
.loginWrap .logoA img {max-width:70%; height:auto;}
.loginWrap .loginwr .logintitle {font-size:20px;}
 .loginWrap .loginwr .snslogin li a p {font-size:1em;}

  .mainvisualArea .mvis_txt .title {font-size:24px; line-height:130%;}
.mainvisualArea .mvis_txt span {font-size:14px;}

}
@media (max-width:400px) {
.loginWrap {height:100%; padding:0 20px; }
.loginWrap .loginwr {margin:20px 0; padding:20px 25px;  }
.loginWrap .loginwr .logintitle{font-size:18px; margin-bottom:10px;}
.loginWrap .loginwr .snslogin.logsnsbtn .snslist{margin-bottom:10px;width:100%; display:grid; grid-template-columns: 1fr 1fr 1fr;   align-items: center; flex-direction: row; gap:8px;}
.loginWrap .loginwr .snslogin.logsnsbtn li {padding:0px;}
.loginWrap .loginwr .snslogin.logsnsbtn li a{height:60px; line-height:58px;justify-content:center; }
.loginWrap .loginwr .snslogin.logsnsbtn li a p { display:none;}
.loginWrap .loginwr .snslogin.logsnsbtn li a span {height:58px; width:100%;padding:15px;}
.loginWrap .loginwr .snslogin.logsnsbtn{padding:5px 0 10px;}
.loginWrap .inpst {height:46px; line-height:44px;}
.loginWrap .input_row {padding:4px 0;}
.loginWrap .input_row.saveinfo {font-size:0.9em;}
.loginWrap .login_etc .findinfowr {padding:5px 0 0;font-size:0.9em; }
.loginWrap .login_verify_message {margin-bottom:5px;}
.loginWrap .login_etc .btn_join {margin-top:10px;}

}