@charset "utf-8";

/*헤더 영역*/
#header {text-align:center}
#header .icon-box {position:fixed; left:0; right:0; top:0; height:54px; background:#fff; z-index:12}
#header .icon-box a.left-arrow {position:absolute; left:22px; top:50%; transform:translateY(-50%); width:12px; height:22px}
#header .icon-box a.left-arrow img {width:12px; height:auto}
#header .icon-box a.share {position:absolute; right:50px; top:50%; transform:translateY(-50%); width:21px; height:22px}
#header .icon-box a.share img {width:21px; height:auto}
#header .icon-box a.bookmark {position:absolute; right:17px; top:50%; transform:translateY(-50%); width:16px; height:22px}
#header .icon-box a.bookmark img {width:16px; height:auto}
#header h1.tit {display:inline-block; margin-top:62px; color:#111127; font-size:10px; font-weight:300; line-height:17px; border-bottom:1px solid #5c5b64}

/*메인 영역*/
#main {text-align:center}
#main h2 {margin-top:23px; color:#0a0727; font-size:22px; font-weight:700; line-height:100%; letter-spacing:-0.8px}
#main p.price {margin-top:13px; color:#1c1a2f; font-size:13px; font-weight:400; line-height:100%}
#main p.price span.rate {display:inline-block; position:relative; color:#e0a784; padding-right:8px}
#main p.price span.rate:before {content:""; position:absolute; left:-14px; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url(../img/ico-bottom-arrow.png)no-repeat 0 0 / 12px auto}
#main p.price del {display:inline-block; color:#ccc; padding-left:8px}
#main p.num {margin-top:11px; color:#232035; font-size:13px; font-weight:400; line-height:100%; letter-spacing:-0.4px}
#main p.num span {padding-left:10px; color:#7f8489}
#main p.tit {margin-top:28px; color:#83848e; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-0.4px}
#main .page-design {margin-top:23px}
#main .page-design img {width:100%; margin:0 auto}

/*푸터 영역*/
#footer {margin-bottom:66px}
#footer .ft-tt-box {background:#f6f6f6; padding-bottom:26px}
#footer .ft-tt-box h3 {padding:22px 0 0 20px; color:#343142; font-size:12px; font-weight:500; line-height:100%; letter-spacing:-0.4px}
#footer .ft-tt-box p {padding:10px 0 0 20px; color:#9899a8; font-size:12px; font-weight:300; line-height:100%; letter-spacing:-0.4px}
#footer .ft-tt-box span {display:block; padding-top:8px}

/*이벤트 바로가기 버튼*/
#fixed-btn {position:fixed; bottom:0; left:0; right:0; width:100%; height:66px; background:#fff; text-align:center; font-size:0}
#fixed-btn a {color:#fff; font-size:14px; font-weight:500; line-height:100%; letter-spacing:-0.6px; margin-top:8px; border-radius:6px}
#fixed-btn a.btn-info {display:inline-block; background:#474761; padding:18px 34px}
#fixed-btn a.btn-event {display:inline-block; background:#887dff; color:#fff; padding:18px 70px; margin-left:6px}