.main > .outer{ height: 960px; }

.main .inner{ padding-top: 390px; display: flex; flex-direction: column; justify-content: center; }
.body-philosophy .main .inner{ padding-top: 330px; display: flex; flex-direction: column; justify-content: center;!important; }

.main h3{ font-size: 36px; font-weight: 400; letter-spacing: 1px; }
.main h4{ font-size: 22px; font-weight: 300; margin-top: 5px; margin-bottom: 30px; line-height: 33px; }
.main .more, .main .more1{ display: inline-block; font-size: 17px; font-weight: 300; margin-top: 10px; }
.main .more::after, .main .more1::after{
  display: inline-block; content: ''; width: 8px; height :15px; margin-left: 10px;
  background: url(/data/skin/front/awesome/img/sita/main_right.svg) no-repeat;
  background-size: contain; background-position: 50%;
}

/*.main .down {
  display: inline-block;width: 40px; height: 20px;margin-top: 369px;cursor: pointer;
  background: url(/data/skin/front/awesome/img/sita/main_down.svg) no-repeat; background-size: contain; background-position: 50%;
}*/





.member{ background: white; }

.member h2{ margin-top: 100px; font-size: 20px; line-height: 150%; font-weight: normal; }
.member button, .mypage button{ width: 100%; height: 60px; background: black; font-size: 18px; color: white; border: none; cursor: pointer; }
.member .inner.single{ width: 500px; padding: 100px 0 180px;}

.member .input_box{ position: relative; margin-top: 45px; }
.member .input_box p, .member .input_box label {display:block; margin-bottom: 10px; font-size: 15px; font-weight: 500; }
.member input:not([type=checkbox]), .member select{ height: 45px; width: 100%; font-size: 15px; border: none; border-bottom: solid 1px #808080; }
.member input::placeholder, .member select::placeholder{ color: #8A8A8A; }
.member input:disabled { color: #8A8A8A !important; background: white !important; }

.member .input_box span{ position: absolute; left: 0; bottom: -20px; font-size: 13px; }
.member .input_box span.grey{ color: #8A8A8A; bottom: -30px; }

.member .form{ display: flex; flex-direction: column; height: 100%; }
.member .form button{ margin-top: auto; }
.member .form button:disabled{ color: #898989}
.member .form button.bottom{ margin-top: 12px;}

.member .email_box{ display: flex; }
.member .email_box input, .member .email_box select{ width: 30%; flex-grow: 1 }
.member .email_box i{ font-style: normal; width: 35px; font-size: 15px; display: flex; align-items: center; justify-content: center}

.member .auth.check{ margin-top: 20px; }
.member .auth input { width: calc(100% - 210px); }
.member .auth button{ float: right; width: 180px; height: 45px; font-size: 15px; }
#wrap .member .member_birthday .member_warning {display: inline-block;} 

.birth_box {display: inline-block;}


.mypage.first{ background: #F4F4F4; }
.mypage .inner{ padding: 100px 5% 300px; }

.mypage.first .inner{ display: flex; flex-direction: column; align-items: center;}
.mypage h4{ font-size: 20px; }
.mypage h5{ font-size: 17px; }
.mypage .sum_box{ display: flex; margin-top: 80px;}
.mypage .sum_box > div{ width: 270px;  }
.mypage .sum_box > span{ width: 1px; margin: 3px 70px; background: #C7C7C7 }
.mypage .sum_box h4{ display: flex; justify-content: space-between; }
.mypage .sum_box h4 > span:first-child{ color: #595656; }

.mypage.table{ background: white; }
.mypage.table .inner{ display: flex; flex-direction: column; align-items:center; padding: 0 5% 180px; min-height: 659px; }
.mypage.table table{ width: 100%;  border-collapse: collapse; color: #8A8A8A; font-size: 15px; margin: 20px 0 60px; }
.mypage.table th{ height: 60px; font-weight: 500 !important; color: black; }
.mypage.table tr{ height: 80px; border-bottom: 1px solid #C7C7C7;  }
.mypage.table tr > *:nth-child(1){ width: 180px; text-align: center; }
.mypage.table tr > *:nth-child(2){ width: 300px; font-weight: bold; text-align: center; }
.mypage.table tr > *:nth-child(3){ text-align: center; }
.mypage.table h4{ cursor: pointer; }

.mypage .pages_wrapper{ display: flex; align-items: center;}
.mypage .pages_wrapper img, .mypage .pages_wrapper span{ cursor: pointer; margin: 0 15px; font-size: 18px; font-weight: 500; color: #BBBBBB; }
.mypage .pages_wrapper span.selected{ color: #111111 }
.mypage .pages_wrapper > img{ width: 8px; height: 15px; }



.request section{ width: 700px; }
.request section img{ display: block; width: 100%; height: 700px; background: #eee; object-fit: cover; }
.request .content{ padding: 30px 50px 50px; background: white; }
.request .content *{ font-size: 18px; }

.request .nickname{ display: block; margin-bottom: 15px }
.request pre{ margin-bottom: 30px; }
.request .liked{ margin-bottom: 30px; display: flex; align-items: center; }
.request .liked i {
  display: inline-block; width: 20px; height: 17.5px; margin-right: 15px; cursor: pointer;
  background: url(/data/skin/front/awesome/img/sita/request_like_empty.svg) no-repeat; background-size: cover; background-position: 50%;
}
.request .liked i.full{ background: url(/data/skin/front/awesome/img/sita/request_like_full.svg) no-repeat; background-size: cover; background-position: 50%;  }
.request .liked .date{ margin-left: auto; color: #8A8A8A }
.request .divider{ height: 1px; width: 100%; background: #383635; margin-bottom: 30px; }
.request .reply{ font-weight: 500; }

/*추가*/
/*비밀번호 변경*/
.password_change {width:500px; margin:0 auto; padding:100px 0 180px 0; border:none;}
.password_change .inner.single {padding:0 0 50px 0;}
.password_change .password_change_tit, 
.password_change .password_change_input {text-align:left!important;}
.password_change .password_change_tit h3 {font-size:30px;}
.password_change .password_change_tit p {font-size:13px; word-break:keep-all;}
.password_change .password_change_input {background: #fff;}
.password_change .password_change_input input {margin:0;}
.password_change .password_change_input .new_password {width:100%; border-top:none;}

.password_change .btn_member_sec li {display:block; margin:6px 0;}
.password_change button.btn_member_white {background:#918D8B; border:1px solid #918D8B; color:#fff;}
.password_change .btn_member_sec,
.password_change .password_change_tip {width:500px; margin:0 auto;}
.password_change .password_change_tip {margin-top:50px; padding-top:70px; border-top:2px solid #444; font-size:14px; background-position:0 30px;}


.member .site_info_box .site_sns_info {border: 0; padding-left: 0;}
.member .site_info_box h3 {font-size: 15px; font-weight: 500;}