/* BASIC css start */
/* ÇÏ´Ü */
#mfooter {position:relative;border:0;padding:0px 0 64px;margin:80px 0 0; background-color: #fff; border-top: 1px solid #ededed;}
#mfooter:after,
#mfooter:before {display:none;}
#mfooter .inner {padding: 40px 24px 0px;}


/* ÇÏ´Ü : ÇÏ´Ü ·Î°í */
#mfooter .mf_logo {display:flex; align-items:center; justify-content: space-between;}
#mfooter .mf_logo img {height: 20px;}


/* ÇÏ´Ü : SNS */
#mfooter .mf_sns {margin-top: 0px; font-size: 0;}
#mfooter .mf_sns a:not(:first-child) {display: inline-block; margin-left: 8px;}
#mfooter .mf_sns img {height:20px;}


/* ÇÏ´Ü : ȸ»çÁ¤º¸ */
#mfooter .mf_info {margin: 40px 0;}
#mfooter .mf_info div {display: flex; align-items: center; margin-top: 4px; font-size: 12px; line-height: 16px; font-weight: 400; color: #777777;}
#mfooter .mf_info div > a {font-size:11px; display: inline-block; padding: 2px 8px; margin-left: 8px; background-color: #f5f5f5; color:#1a1a1a;}
#mfooter .mf_info div:first-child {margin-top: 0;}
#mfooter .mf_info .mf_btn_map {margin-top: 16px;}
#mfooter .mf_info .mf_btn_map a {margin-left: 0px;}
#mfooter .mf_info .mf_info_title {font-size:14px; color:#1a1a1a; line-height:20px; margin-bottom:8px; font-weight:500;}


/* ÇÏ´Ü : Ä«ÇǶóÀÌÆ® */
#mfooter .mf_copy {font-size: 12px; line-height: 16px; font-weight: 400; color: #777777;}


/* ÇÏ´Ü : ÇÏ´Ü ¸µÅ© */
#mfooter .mf_link {margin-top:16px; display: flex; align-items: center; margin-bottom: 40px;}
#mfooter .mf_link a {font-size: 12px; line-height: 16px; font-weight: 400; color: #777777;}
#mfooter .mf_link a.privacy {color: #1a1a1a;}
#mfooter .mf_link img {margin: 0px;}


/* ÇÏ´Ü : °í°´¼¾ÅÍ ¹öÆ° */
#mfooter .mf_phone {display: flex; flex-wrap: wrap; gap: 8px; margin-top:40px;}
#mfooter .mf_phone a {font-size:12px; color:#1a1a1a; text-align:center; line-height:16px; padding:12px 0px; background-color:#f5f5f5; width:100%; border-radius:8px; font-weight:400;}




/* Fixed SNS */
div.mf_quick {z-index: 101; position: fixed; right: 16px; bottom: 88px; font-size: 0;}
div.mf_quick img {height: 32px; width: 32px;}
div.mf_quick ul {z-index: 1; }
div.mf_quick ul li {margin-top:4px;}
div.mf_quick ul li a {display: block; width: 32px; height: 32px;}





/* ÇÏ´Ü : ¾ÆÄÚµð¾ð ¸Þ´º */
.accordionTitle {padding: 12px 24px; position: relative; font-size: 14px; line-height:24px; font-weight: 400; color: #1a1a1a; border-bottom: 1px solid #ededed;}
.accIcon {float: right; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.accIcon:before {content:'';  width: 24px; height: 24px; background: url(/design/jewelrytop/mobile_drorganic/side_down.svg);}
.accIcon:after {display:none; content:'';  width: 24px; height: 24px; background: url(/design/jewelrytop/mobile_drorganic/side_up.svg);}
.accordionTitleActive .accIcon:after {display:block;}
.accordionTitleActive .accIcon:before {display:none;}
.accordionTitle.accordionTitleActive {font-weight:500;}

.accordion .item .text {opacity: 0; height: 0; padding: 0px 24px; position: relative; line-height: 24px; font-size: 16px; font-weight: 400; /* transition: all 0.6s cubic-bezier(.42,.2,.08,1); */ overflow: hidden;}
.accordion .item .text.show {border-top:1px solid #ffffff; margin-top:-1px; border-bottom:1px solid #ededed; opacity: 1; height: auto; padding: 8px 24px 24px; position: relative; z-index: 0;}
.accordion .item .text ul li {font-size:13px; line-height:20px; color:#777777; }
.accordion .item .text ul li.title {font-size:20px; line-height:1; font-weight:700; color:#1a1a1a; margin-bottom:12px;}
.accordion .item .text.company_menu ul li {margin-bottom:4px;}
.accordion .item .text.company_menu ul li:last-child {margin-bottom:0px;}
.accordion .item .text.company_menu ul li a {color:#777777;}
.accordion .item .text ul li.btn_reserve {margin-top:8px;}
.accordion .item .text ul li.btn_reserve a {text-decoration:underline; color:#1a1a1a;}




/* BASIC css end */