@charset "UTF-8";

.un-text01 {
    font-weight: 700;
    font-size: 1.05em;
    color: #444;
}

.my-logout-icon {
    color: #d41367;
    margin: 8px 10px !important;
    text-shadow: 1.8px 1.5px 2.5px #777;
    padding-left: 2px;
}

.my-setting-icon {
    color: #fff;
    margin: 8px 10px !important;
    text-shadow: 2px 2px 3px gray;
    padding-right: 4px;
}

/* 리스트 */

.list-it-01 {
    font-weight: 700;
    color: #555 !important;
    font-size: 0.9em;
    padding: 0.9em 1.25em 0.6em 1.25em !important;
}

.list-it-02 {
    font-weight: 400;
    color: #555 !important;
    font-size: 0.9em !important;
    transform: translateY(25%) !important;
}

.list-it-03 {
    font-weight: 400;
    color: #444 !important;
    font-size: 0.9em;
    padding: 0.9em 1.25em 0.6em 1.25em !important;
}

/* 신청 부분 */
.my-join-q01 {
    padding-top: 25px;
}

.q-join-text {
    font-size: 0.9em;
    font-weight: 400;
}


ul, li {
	list-style:none;
}

a{text-decoration: none !important;}
.main-container{padding: 0 15px;}

.sh_crat{
    padding: 0.3em 0 !important;
    font-size: 1em;
    line-height: 1.5;
}

/* 고객 이름 */
.member_name{width: 50%; margin: 0.2em 0 1.5em 0; float: left;}
.member_name>p{font-size: 1.1em; font-weight: 700; color: #353535; padding: 0;}
.member_name_i {padding-right: 0.1em; font-size: 1.5em;}
.member_name>p>small{font-size: 0.8em; color: #54565a; padding-left: 0.1em;}
.my_home_right {float: right; transform: translateY(3%); color:#d41367;}
.my_home_right > i {font-size: 1.95em;}

@media (min-width:700px) and (max-width:1024px) {
    .member_name>p {font-size: 1.2em;}
    .member_name_i {font-size: 1.6em;}
    .member_name>p>small{font-size: 0.8em;}
    .my_home_right > i {font-size: 2.1em;}
}
@media (min-width:1025px) and (max-width:1920px) {
    .member_name>p {font-size: 1.3em;}
    .member_name_i {font-size: 1.6em;}
    .member_name>p>small{font-size: 0.9em;}
    .my_home_right {transform: translateY(15%) !important;}
    .my_home_right > i {font-size: 2.2em;}
}

/* 마이페이지 아이콘 */
nav {width: 100%; padding: 0.5em 0 0 0;}
@media (min-width:550px) and (max-width:1920px) {
	nav {padding: 1em 0 0 0;}
}
.mypage_nav01, .mypage_nav02{
    width: 100%; 
    display: flex;
    justify-content: space-between; 
    padding: 0 !important;
    gap: 5%;
    margin-bottom: 7%;
}
.mypage_nav01>li, .mypage_nav02>li{width: 30%; text-align: center;}


/* 마이페이지 상단 아이콘 이미지(6개) */
.icon_img{display: block; width: 100%; margin-bottom: 0.5em;}
.icon_img>img {width: 50%;}
@media (min-width:500px) and (max-width:659px) {
    .icon_img>img{width: 45%;}
}
@media (min-width:660px) and (max-width:760px) {
    .icon_img>img{width: 40%; margin-bottom: 0.55em;}
}
@media (min-width:761px) and (max-width:920px) {
    .icon_img>img{width: 35%; margin-bottom: 0.65em;}
}
@media (min-width:921px) and (max-width:1920px) {
    .icon_img>img{width: 30%; margin-bottom: 0.65em;}
}

.my_icon_txt{font-size: 0.9em; line-height:0.5em; font-weight: 700; color: #8c9091;}
@media (min-width:550px) and (max-width:800px) {
    .my_icon_txt{font-size: 1em;}
}
@media (min-width:801px) and (max-width:1920px) {
    .my_icon_txt{font-size: 1.1em;}
}

/* 최근 본 상품 */
.recently{width: 100%; overflow: hidden; padding: 0.5em 0 0.2em 0;}
.product_new_wrap{
    width: 100%;
    display: flex; justify-content: space-between;
    color: #54565a;
}
.new_lately_t {
	font-size: 1em;
	font-weight: 700;
}
.new_lately_icon{
	font-size: 1.5em;
	transform: translateY(-8%) !important;
}
@media (min-width:550px) and (max-width:800px) {
    .new_lately_t {font-size: 1.1em;}
    .new_lately_icon{font-size: 1.8em; transform: translateY(-20%) !important;}
}
@media (min-width:801px) and (max-width:1920px) {
    .new_lately_t {font-size: 1.2em;}
    .new_lately_icon{font-size: 2em; transform: translateY(-25%) !important;}
}

.recntly_list{
    width: 100%;
    margin: 0 !important; padding: 0 2% !important;
    display: flex; justify-content: space-between;
    gap: 8%;
}

/* footer 공지사항 */
footer{width: 100%;}
.footer_list{
    padding: 0 !important;
    font-size: 0.95em; 
    color: #54565a;
}
@media (min-width:550px) and (max-width:800px) {
    .footer_list {font-size: 1.05em;}
}
@media (min-width:801px) and (max-width:1920px) {
    .footer_list {font-size: 1.15em;}
}
.footer_list>li{padding: 0.5em 0;}
.footer_list>li:last-child{padding-bottom: 0;}


@media (min-width:320px) and (max-width:1920px) {
    .basket-line-edit {
    float: right;
    transform: translateY(0%) !important;
    padding-top: 0.25em !important;
	}
}