@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");


/* 초기화 */
a {
	/*font-size:16px;*/
  color:#000;
  text-decoration:none;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

*,
:after,
:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type='text'],
input[type='password'],
textarea {
  outline:none;
  padding:0;
  margin:0;
  border:0;
	vertical-align:top;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow:0 0 0px #9ed4ff;
  -moz-box-shadow:0 0 0px #9ed4ff;
  box-shadow:0 0 0px #9ed4ff;
  /*border:none !important;*/
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.placeholder {
  color:#aaa !important;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

button {
  padding:0;
  margin:0;
  cursor:pointer;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body {
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	margin:0;
	padding:0;
	color:#121212;
	word-wrap:break-word;
	font-size:16px;
	line-height:20px;
	background:#f2f2f2;
	/*overflow-x:hidden;
	overflow-y:auto;*/
	word-break:keep-all;
}

html {
	width:100%;
	height:100%;
	overflow-x:auto;
	overflow-y:auto;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
fieldset {
  border:0;
}
input {
  margin:0;
  padding:0;
}

.blind {
  position:absolute;
  top:9999px;
}

input[type='radio'], input[type='checkbox'] {
	width:18px;
	height:18px;
	accent-color:#000;
}

label {
	display:inline-block;
	margin-right:10px !important;
	cursor:pointer;
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

label:last-child {
	margin-right:0 !important;
}

label span {
	display:inline-block;
	/*vertical-align:top;*/
	vertical-align:4px;
	margin-left:0px !important;
}

.cursorD {
	cursor:default;
}

.cursorP {
	cursor:pointer;
}

/* intro */
.ssakaIntro_wrap {
	width:100%;
	padding:20px 0;
}
.ssakaIntro_wrap > .inner{
	width:1200px;
	text-align:Center;
	margin:auto;
	background:#fff;
	padding:65px 0 50px;
	border-radius:50px;
}
.logo_img{
	width:150px;
	margin-bottom:80px;
}
.sub_tit {
	margin-bottom:60px;
}
.sub_tit span {
	font-size:25px;
	font-weight:600;
	padding-bottom:5px;
	border-bottom:1px solid #333;
}
.introLogin_box {
	width:800px;
	margin:0 auto;
	border:1px solid #333;
	border-radius:30px;
	padding:56px 44px;
	margin-bottom:30px;
}
.introLogin_box .inner {
	display:flex;
	justify-content:center;
	align-items:center;

	width:100%;
}
.left_box {
}
.input_items {
    display:flex;
    align-items:center;
}
.input_items:first-child {
	margin-bottom:10px;
}
.input_items label{
    min-width:100px;
	text-align:left;
}
.input_items input {
	color:#212529;
	border:none;
	background-color:#f1f3f5;
	width:320px;
	transition:all 0.15s ease-in-out;
	padding:0.8rem;
	box-sizing:border-box;
	border-radius:8px;

}
.right_box {
	width:15%;
	margin-left:20px;
}
.login_btn {
	width:100%;
	color:#fff;
	font-size:16px;
	font-weight:700;
	padding:35px 0;
	background:#b13232;
	border:1px solid #b13232;
	border-radius:4px;
}
.checkbox {
	text-align:left;
	padding-top:10px;
	padding-left:188px;
}
.checkbox input {
	vertical-align:top;
	accent-color:#b13232;
}
.checkbox span {
	padding-left:5px;
}
.intro_text {
	font-size:16px;
	line-height:25px;
	padding:10px 0;
}
.intro_text span {
	color:#b13232;
	font-weight:bold;
}
.intro_text a {
	color:#b13232;
	font-weight:bold;
}
.text02{
	padding:25px 0 35px;
}
.intro_btnWrap {
	padding:40px 0;
}
.intro_btnWrap a{
	display:inline-block;
	width:250px;
	color:#fff;
	font-size:16px;
	padding:8px 0;
	margin:0 5px;
	transition:all 250ms ease;
	border-radius:4px;
}
.intro_btnWrap a:hover {
	-webkit-box-shadow:0px 0px 35px -3px rgba(0,0,0,0.33);
	box-shadow:0px 0px 35px -3px rgba(0,0,0,0.33);
}
.join_btn {
	background:#000000;
}
.forget_btn {
	background:#888888;
}

/* -------------- 회원가입 ------------------- */
/* 이용약관 */
.join_wrap {
	width:100%;
	padding:20px 0 50px;
}
.join_wrap h3 {
	font-size:25px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #121212;
}
.joinAgree_wrap {
	width:100%;
}
.joinAgree_box {

}
.mem_01{
	width:100%;
	/*font-family:Dotum;	*/
	background:#fff;
	height:440px;
	padding:28px 15px;
	border-bottom:1px solid #121212;
}
.mem_01:last-child{
	border-bottom:0;
}
.mem_01 > h4{
	font-size:20px;
	color:#121212;
	padding-bottom:15px;
	/*font-family:dotum;*/
	letter-spacing:-0.5px;
}
.mem_01 .box1{
	height:300px;
	font-size:14px;
	line-height:18px;
	color:#6b6b6b;
	padding:10px;
	border:1px solid #e8e8e8;
	overflow-y:scroll;
	background:#f9f9f9;
}
.mem_01 .box1 h4 {
	font-size:15px;
	color:#4A4A4A;
	padding:15px 0;
	letter-spacing:-0.5px;
}
.mem_01 .mem_check{
	margin-top:30px;
	font-size:15px;
	text-align:center;
}
.mem_01 .mem_check input{
	vertical-align:middle;
}
.mem_01 .mem_check label{
	color:#222;
	font-weight:500;
	margin-right:10px;
}
.mem_Ibtn{
	margin-top:40px;
	text-align:center;
}
.join_btn{
	padding-top:40px;
	text-align:center;
}
.join_agree{
	width:200px;
	display:inline-block;
	padding:10px 20px;
	background:#121212;
	border:1px solid #121212;
	border-radius:4px;
}
.join_agree a{
	display:inline-block;
	font-size:15px;
	color:#fff;
	font-weight:bold;
}
.join_cancel{
	width:200px;
	display:inline-block;
	padding:10px 20px;
	background:#fff;
	border:1px solid #121212;
	margin-right:10px;
	border-radius:4px;
}
.join_cancel a{
	display:inline-block;
	font-size:15px;
	color:#121212;
	font-weight:bold;
}
.join_cancel:hover{
	background:#f2f2f2;
}
.mg40{
	margin-top:40px;
}
.join_box {
  text-align:left;
}

/* 회원가입 , 회원정보변경 */
.join_table {
	width:100%;
	text-align:left;
}
.join_tbl {
	width:100%;
}
.join_tbl th {
	width:15%;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-align:left;
	background:#f9f9f9;
	padding:20px 10px;
	border-bottom:1px solid #ddd;
}
.join_tbl td {
	width:85%;
	padding:5px 20px;
	border-bottom:1px solid #ddd;
}
.filebox {
	padding-top:10px;
}
.filebox .upload-name {
	display:inline-block;
	height:35px;
	padding:0 10px;
	vertical-align:middle;
	border:1px solid #888;
	width:250px;
	color:#888;
}
/*.filebox label {*/
	/*display:inline-block;*/
	/*padding:10px 20px;*/
	/*color:#fff;*/
	/*vertical-align:middle;*/
	/*background-color:#888;*/
	/*cursor:pointer;*/
	/*height:35px;*/
	/*margin-left:10px;*/
/*}*/
.filebox input[type="file"] {
	position:absolute;
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
	border:0;
}
/*.join_tbl td input[type='text'],
.join_tbl td input[type='password'] {
    border:1px solid #888;
}*/

.zipcode {
	display:inline-block;
	padding:0.6em 0.75em;
	color:#fff !important;
	font-size:small;
	line-height:normal;
	vertical-align:middle;
	background-color:#888;
	cursor:pointer;
	border:1px solid #888;
	border-bottom-color:#888;
}

.address01 {
	width:100%;
	padding-bottom:10px;
}
.address02 {
	width:100%;
}
.join_input01 {
	width:130px;
	height:35px;
	text-indent:3px;
	border:1px solid #888 !important;
}
.join_input02 {
	width:130px;
	height:35px;
	text-indent:3px;
	border:1px solid #888 !important;
}
.join_input03 {
	width:280px;
	height:35px;
	text-indent:3px;
	margin-right:5px !important;
	border:1px solid #888 !important;
}
.join_input04 {
	width:400px;
	height:35px;
	text-indent:3px;
	margin-right:5px !important;
	border:1px solid #888 !important;
}
.join_select01 {
	height:35px;
	padding:0 10px;
	border:1px solid #888 !important;
	/*text-indent:3px;*/
}
.join_select02 {
	height:35px;
	border:1px solid #888 !important;
}
.deliver_radio {
	margin:0 3px;
}
.join_noti {
	color:#f00;
	font-size:14px;
	line-height:35px;
}
.join_tbl span {
	font-size:14px;
}
.notice_text {
	padding-top:20px;
}
.notice_text p{
	color:#f00;
	font-size:15px;
	padding-top:10px;
}

.orBtn{margin:30px 0; text-align:center;}
.orBa{
	display:inline-block;
	color:#fff;
	font-weight:500;
	padding:15px 25px;
	background:#888;
}
.keshB{
	display:inline-block;
	padding:15px 15px;
	background:#121212;
	color:#fff;
	font-weight:500;
}

/* 회원가입 완료  */
.complet_wrap {
	padding:80px 0;
	text-align:center;
	/*background:#f9f9f9;*/
	border-radius:4px;
}
.complet_wrap p{
	font-size:16px;
	line-height:25px;
}
.complet_wrap p:nth-child(1){
	font-size:45px;
	line-height:50px;
	padding-bottom:80px;
}
.main_btnBox {
	padding-top:80px;
}
.main_btnBox a {
	display:inline-block;
	width:180px;
	font-size:16px;
	font-weight:600;
	padding:20px 0;
	border-radius:4px;
	transition:all 250ms ease;
}
.main_btnBox a:hover {
	-webkit-box-shadow:0px 0px 35px 2px rgba(0,0,0,0.29);
	box-shadow:0px 0px 35px 2px rgba(0,0,0,0.29);
}
.main_btnBox .main_btn {
	color:#fff;
	background:#121212;
	margin-right:10px;
}
.main_btnBox .login_btn {
	color:#121212;
	background:#fff;
	border:1px solid #121212;
}

/* 아이디/ 비밀번호 찾기 */
.forget_wrap {
	width:500px;
	margin:60px auto 40px;
}
.forget_wrap h3 {
	font-size:25px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #121212;
	text-align:left;
}
.id_findBox {
	width:100%;
}
.login_box h3 {
	font-size:25px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #121212;
}
.id_findBox > input{
	width:100%;
	height:48px;
	padding:0 10px;
	box-sizing:border-box;
	margin-bottom:16px;
	border-radius:6px;
	background-color:#f2f2f2;
}
.id_findBox > input::placeholder{
	color:#121212;
	font-size:16px;
}
.id_findBox .id_findBtn{
	color:#fff;
	font-size:16px;
	background-color:#888;
	border:1px solid #888;
	margin-top:20px;
	cursor:pointer;
	transition:all 250ms ease;
}
.id_findBox .id_findBtn:hover{
	background-color:#121212;
	border:1px solid #121212;
}
.forget_btnwrap {
	margin-top:10px;
}
.find_id {
	width:100%;
	text-align:Center;
}
.find_id a {
	width:100%;
	color:#888;
}
.joinGo_btn {
	text-align:Center;
	color:#888;
	font-size:14px;
	font-weight:500;
	margin-top:15px;
}
.joinGo_btn a {
	font-size:16px;
	padding-left:20px;
}