@charset "utf-8";

/*스크롤 영역*/
body::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none}

/*헤더 영역*/
#header {position:relative; background:#fff; border-bottom:1px solid #ededed; text-align:center}
#header h1.logo {font-size:0; padding:15px 0 9px}
#header h1.logo a {display:inline-block; color:transparent; width:86px; height:24px; background:url(../img/h1-logo.png)no-repeat center / 86px auto; overflow:hidden}
#header a.btn-camera {position:absolute; width:25px; height:22px; left:11px; top:50%; transform:translateY(-50%)}
#header a.btn-camera img {width:25px}
#header a.btn-msg {position:absolute; width:24px; height:21px; right:12px; top:50%; transform:translateY(-50%)}
#header a.btn-msg img {width:24px}

/*메인 영역*/
#main {position:relative; background:#fff}
#main .profile-box {position:relative}
#main .profile-box a.btn-profile {position:absolute; width:30px; height:30px; left:14px; top:50%; transform:translateY(-50%)}
#main .profile-box a.btn-profile img {width:30px}
#main .profile-box h3 {padding-left:55px; color:#212121; font-size:11px; font-weight:700; line-height:51px}
#main .more-box {position:absolute; width:3px; height:16px; right:22px; top:50%; transform:translateY(-50%); cursor:pointer}
#main .more-box a.btn-more {position:absolute; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#000; border-radius:3px}
#main .more-box a.btn-more:before {content:""; position:absolute; top:-7px; width:3px; height:3px; background:#000; border-radius:3px}
#main .more-box a.btn-more:after {content:""; position:absolute; top:7px; width:3px; height:3px; background:#000; border-radius:3px}

#main .bn-design .swiper-pagination {position:absolute; top:422px; left:50%; transform:translateX(-50%)}
#main .bn-design .swiper-container .swiper-wrapper .swiper-slide {text-align:center; display:flex; align-items:center; justify-content:center; cursor:pointer}
#main .bn-design .swiper-container .swiper-wrapper .swiper-slide img {width:100%; margin:0 auto}

.swiper-pagination-bullet {margin:0 3px}

#main .cont-box .cont-icon-box .icon-1 {padding:12px 0 0 8px; font-size:0; float:left}
#main .cont-box .cont-icon-box .icon-1 a {padding:0 6px}
#main .cont-box .cont-icon-box .icon-1 a.btn-like {width:24px; height:21px}
#main .cont-box .cont-icon-box .icon-1 a.btn-like img {width:24px}
#main .cont-box .cont-icon-box .icon-1 a.btn-comment {width:22px; height:22px}
#main .cont-box .cont-icon-box .icon-1 a.btn-comment img {width:22px}
#main .cont-box .cont-icon-box .icon-1 a.btn-msg2 {width:24px; height:21px}
#main .cont-box .cont-icon-box .icon-1 a.btn-msg2 img {width:24px}

#main .cont-box .cont-icon-box .icon-2 {padding:12px 10px 0 0; float:right}
#main .cont-box .cont-icon-box .icon-2 a.btn-bookmark img {width:21px}

#txt-box {padding:0 14px}
#txt-box h3 {padding-top:16px; color:#212121; font-size:14px; font-weight:500; line-height:100%; letter-spacing:-0.6px}
#txt-box p {padding-top:8px; color:#212121; font-size:13px; font-weight:400; line-height:100%; letter-spacing:-0.6px}
#txt-box span {display:block; color:#06c; padding-top:4px}

/*푸터 영역*/
#footer {margin-top:18px; border-top:1px solid #e2e2e2; text-align:center; font-size:0}
#footer a {display:inline-block; width:20%; padding:16px 0}
#footer a.btn-home img {width:24px}
#footer a.btn-sch img {width:25px}
#footer a.btn-selca img {width:25px}
#footer a.btn-like2 img {width:25px}
#footer a.btn-ft-profile img {width:22px}