/* BASIC css start */
/* BASIC css start */
.list_box .wish {
    position:absolute;
    top: 13px;
    right: 2%;
    width:18px;
    height:17px;
    background-image: url(/design/byyj1/makeshop/mb/heart.png);
    background-repeat: no-repeat;
    background-size:100% 100%;
    transition: 0.2s;
    z-index:3;
    cursor:pointer;
}
.list_box .wish.wish_in{
    background-image: url(/design/byyj1/makeshop/mb/heart_in.png);
    background-size:100% 100%;
}



/* ¿ìÃø Äü¸Þ´º */
.mq_right_sec01 { position:fixed; bottom:50px; right:15px; z-index:101; }
.mq_right_sec01 > div { margin-top:5px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; opacity:1; }
.mq_right_sec01 > div img { width:40px; height:40px; }
.mq_right_sec01 > div:hover { opacity:0.8; }
.mq_right_sec01 ul { display:none; }
.mq_right_sec01 ul li { display:block; margin-top:5px; position:relative; }
.mq_right_sec01 ul li:first-child { margin:0; }
.mq_right_sec01 ul li a img { width:40px; height:40px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; opacity:1; }
.mq_right_sec01 ul li a img:hover { opacity:0.7; }
.mq_right_sec01 .icon_quick_plus { width:40px; height:40px; position:relative; background-color:#252525; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; cursor:pointer; }
.mq_right_sec01 .icon_quick_plus img { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.mq_right_sec01 .icon_quick_plus.is-open img { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }


/* ÇÏ´Ü */
#footer {background:#fff;border-top: 1px solid #837c77;}


.footer_in_box {padding: 40px 3.5% 20px;}
.footer_bottom { background:#f4f4f4; padding:0 15px;     padding-bottom: 85px; }


.footer_in_box ul h3 {
    font-size: 16px;
    margin-bottom: 18px;
    color: #000;
    letter-spacing: -0.005em;
    line-height: 1;
}


.footer_in_box ul.footer-info01 {margin-bottom: 36px;}

.footer_in_box ul.footer-info01 li:nth-of-type(1) {
    font-size: 24px!important;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #000;
    font-family: 'Times New Roman2';
}

.footer_in_box ul.footer-info01 li:last-of-type {margin-top: 5px;line-height: 1;font-size: 13px;color: #000;font-family: 'Times New Roman2';}
.footer_in_box ul.footer-info01 li.footer-img {
    letter-spacing: 10px;
}

.footer_in_box ul li, .footer_in_box ul li a {
    font-size: 13px;
    letter-spacing: 0.015em;
    color: #333;
}

.footer-cont02 {}
.footer-cont02 ul.footer-info02 {
    text-align: right;
    padding: 0 3.5%;
    padding-bottom: 90px;
    padding-top: 30px;
    border-top: 1px solid #837c77;
    line-height: 1.4;
}
.footer-cont02 ul.footer-info02 li:last-child span {}
.footer-cont02 ul.footer-info02 li:last-child {
    padding-top: 10px;
    font-family: 'Pretendard';
    letter-spacing: -0.1px;
    font-size: 10px;
}


ul.footer-icon a {
    /* background: #fff; */
    display: block;
    opacity: 0.5;
    width: 100px;
    height: 30px;
    position: absolute;
}

ul.footer-icon {
    position: relative;
}

ul.footer-icon a:nth-of-type(1) {
    height: 36px;
    right: 63px;
    width: 133px;
}

ul.footer-icon a:nth-of-type(2) {
    left: 0;
    width: 128px;
    top: 43px;
}

ul.footer-icon a:nth-of-type(3) {left: 0;bottom: 31px;width: 109px;}

ul.footer-icon a:nth-of-type(4) {
    bottom: 33px;
    right: 0;
    width: 200px;
}







.footer_menu_list {}

.footer_menu_list .footer_li {
    margin-bottom: 19px;
    line-height: 1;
}

.footer_menu_list .footer_li>h3 {
    font-size: 16px;
    color: #000;
    width: fit-content;
    position: relative;
    letter-spacing: -0.005em;
}

.footer_menu_list .footer_li>h3.h3_open span {border-bottom: 1px solid #3b3733;}





.footer_menu_list .footer_li>ul {
    display: none;
    padding-left: 6px;
    margin-top: 16px;
    padding-bottom: 10px;
}

.footer_menu_list .footer_li>ul.open_li { display:block; }

.footer_menu_list .footer_li.notice_li>h3 a {
    font-size: 16px;
    color: #000;
}

.footer_menu_list .footer_li>ul li {
    margin-bottom: 10px;
    line-height: 1;
}

.footer_menu_list .footer_li>ul li a {
    font-size: 12px;
    color: #000;
    font-weight: 300;
}

.footer_menu_list .footer_li>ul.sns_ul li a {color: #757271;position: relative;}
.footer_menu_list .footer_li>ul.sns_ul li:nth-of-type(2) {
    margin-bottom: 20px;
}

.footer_menu_list .footer_li>ul.sns_ul li:nth-of-type(2) a {
    margin-right: 14px;
    padding-right: 14px;
}

.footer_menu_list .footer_li>ul.sns_ul li:nth-of-type(2) a:after {
    content: '';
    background: #c4c3c2;
    width: 1px;
    height: 12px;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.footer_menu_list .footer_li>ul.sns_ul li:nth-of-type(2) a:last-of-type:after {
    display: none;
}

.bt_li {}

.bt_li ul {
    overflow: hidden;
}

.bt_li ul li {
    float: left;
    padding: 0 12px;
    position: relative;
}

.bt_li ul li a {
    color: #c2c2c2;
    font-weight: 700;
    font-size: 14px;
}

.bt_li ul li:first-of-type {
    padding-left: 0;
}

.bt_li ul li:last-of-type:after { width:0; }

.bt_li ul li:after {content: '';width: 1px;height: 12px;background: #c2c2c2;position: absolute;right: 0;top: 43%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.copy_txt { font-size:12px; color:#b6b6b6; font-weight:400; margin-top:8px; }

.foot_sns_box {
    margin-top: 25px;
}

.foot_sns_box ul {
    overflow: hidden;
}

.foot_sns_box ul li {
    float: left;
    margin-right: 25px;
}

.foot_sns_box ul li img {
    width: 90%;
}

/* ÇÏ´Ü ¿µ¿ª : ·Î°í */
.mf_sec01 { padding:30px 0; }
.mf_sec01 .mf_logo a { display:block; }
.mf_sec01 .mf_logo a img { height:15px; }

/* ÇÏ´Ü ¿µ¿ª : ¿µ¾÷½Ã°£ & SNS */
.mf_sec02 { padding-bottom:30px; border-bottom:1px solid #ddd; }
.mf_sec02 .mf_shop { line-height:1.5; }
.mf_sec02 .mf_shop .shop_con { float:left; font-size:13px; font-weight:500; color:#555; }
.mf_sec02 .mf_shop .shop_con span { font-size:13px; font-weight:300; color:#999; }
.mf_sec02 .mf_shop .shop_sns { float:right; margin-top:10px; }
.mf_sec02 .mf_shop .shop_sns ul li { float:left; }
.mf_sec02 .mf_shop .shop_sns ul li:last-child { margin-left:10px; }
.mf_sec02 .mf_shop .shop_sns ul li a img { width:40px; }

/* ÇÏ´Ü ¿µ¿ª : INFO */
.mf_sec03 {padding: 50px 0 20px;font-size:13px;font-weight:500;color: #333;line-height:1.5;}
.mf_sec03 span {font-size: 13px;font-weight:300;color: #333;}
.mf_sec03 .copy { font-size:13px; font-weight:300; color:#999; }

/* ÇÏ´Ü ¿µ¿ª : Á¤Ã¥¸Þ´º */
.mf_sec04 { padding:30px 0; }
.mf_sec04 ul li { float:left; margin-right:15px; }
.mf_sec04 ul li:last-child { margin-right:0; }
.mf_sec04 ul li a { font-size:13px; color:#bfbfbf; }
.mf_sec04 ul li .privacy { color:#111; }

.footer-cont02 ul.footer-info02 li {
    font-size: 11px;
    letter-spacing: 0;
    color: #000;
    text-align: right;
    font-weight: 300;
    font-family: 'Pretendard';
    line-height: 1.4;
}

.footer-cont02 ul.footer-info02 li a {
    font-size: 12px;
    letter-spacing: 0;
    color: #000;
}


h3.click_li {
    padding-right: 26px;
    background: url(/design/byyj1/makeshop/pc/arrow-icon.svg);
    background-size: 9px auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
/* BASIC css end */


/* BASIC css end */