#contents{padding:10px 0}

#contents .inner{overflow:hidden}

#contents .contents{float:left; width:917px}
#contents .rbnr{float:right; width:353px}

#contents .contents > .swiper-container{position:relative; overflow:hidden; background:#000}
#contents .contents > .swiper-container div.swiper-wrapper{display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row}
#contents .contents > .swiper-container div.swiper-wrapper div.swiper-slide{position:relative; -ms-flex:none; -webkit-flex:none; flex:none; width:100%; height:516px}
#contents .contents > .swiper-container div.swiper-wrapper div.swiper-slide img{position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; max-width:100%; max-height:100%; margin:auto}
#contents .contents > .swiper-container div.swiper-wrapper div.swiper-slide span{position:absolute; bottom:0; right:0; padding:13px; background:rgba(3,0,231,.7); color:#fff}

#contents .contents > .swiper-container > .auth{position:absolute; z-index:1; top:5px; right:5px; width:20px; height:20px; border-radius:50%; background:#fff}
#contents .contents > .swiper-container > .auth > i.fa-lock{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:red}

#contents .contents div.title{position:relative; padding:20px; background-color:#0070D1; background-image: url("../image/header_bg.jpg"); background-position: 50% 50%; background-repeat: repeat; background-size: 100%; color:#fff}
#contents .contents .title h1{font-family:"Nanum Gothic", 돋움, Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif; font-size: 33px}

#contents .contents .title ul.category{margin:10px 0 0 0; font-size:16px}
#contents .contents .title ul.category li{display:inline-block}
#contents .contents .title ul.category li:after{content:"\f105"; display:inline-block; margin:0 6px 0 12px; font-family:FontAwesome; color:rgba(255,255,255,.6)}
#contents .contents .title ul.category li:last-child:after{content:""}

#contents .contents .title > .price{position:relative; overflow:hidden; margin:10px 0 0 0}
#contents .contents .title > .price .sellPrice{float:left; margin:0 10px 0 0; color:#fff}
#contents .contents .title > .price .sellPrice strong{float:left; font-weight:600; font-size:30px}
#contents .contents .title > .price .sellPrice span.unit{position:relative; top:8px; float:left; font-size:20px}
#contents .contents .title > .price .mkPrice{position:relative; top:10px; float:left; color:rgba(255,255,255,.5)}
#contents .contents .title > .price .mkPrice strong{float:left; text-decoration:line-through; font-weight:500; font-size:18px}
#contents .contents .title > .price .mkPrice span.unit{position:relative; top:4px; float:left; font-size:14px}
#contents .contents .title > .price span.rate{position:absolute; right:0; bottom:0; color:#fff; font-weight:600; font-size:26px; text-shadow:rgba(51,51,51,0.7) 1px 2px 3px}

#contents .contents .stats{padding:20px; border-bottom:1px solid #ddd; background:#fff}
#contents .contents .stats ul{position:relative}
#contents .contents .stats ul li{display:inline-block; width:15%}
#contents .contents .stats ul li:last-child{margin:0}
#contents .contents .stats ul li i.fa{font-size:18px}
#contents .contents .stats ul li i.fa-eye{color:rgba(255,99,0,1)}
#contents .contents .stats ul li i.fa-thumbs-o-up{color:#3B5998}
#contents .contents .stats ul li span{position:relative; top:-1px; color:#777; font-size:14px}
#contents .contents .stats ul li.modTime{position:absolute; right:0; top:50%; transform:translateY(-50%)}
#contents .contents .stats ul li.modTime > p{letter-spacing:-0.4px; font-size:12px; color:#777; text-align:right}

#contents .contents .section img{display:block; max-width:100%}

#contents .contents .detailInfo{border-bottom:1px solid #ddd; background:#fff}
#contents .contents .detailInfo .section{padding:20px; border-bottom:1px solid #eee}
#contents .contents .detailInfo .section:last-child{border-bottom:0 none}
#contents .contents .detailInfo .section h3{margin:0 0 20px 0; font-family:"Nanum Gothic", 돋움, Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif; font-size:16px; font-weight:600}
#contents .contents .detailInfo .section div.summary{font-size:14px; color:#666; line-height:160%}
#contents .contents .detailInfo .section div.summary table{table-layout:auto; width:100%; border:1px solid #ccc; border-collapse:collapse}
#contents .contents .detailInfo .section div.summary table img{display:block; max-width:100%; max-height:100px; margin:0 auto}
#contents .contents .detailInfo .section div.summary table caption{text-align:left; text-align:-webkit-left}
#contents .contents .detailInfo .section div.summary table th{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eee}
#contents .contents .detailInfo .section div.summary table th:last-child{border-right:0 none}
#contents .contents .detailInfo .section div.summary table td{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
#contents .contents .detailInfo .section div.summary table td:last-child{border-right:0 none}
#contents .contents .detailInfo .section div.summary table tr:last-child td{border-bottom:0 none}

#contents .contents a.write{display:block; padding:14px 10px 13px; margin:10px 0 0 0; background:#55acee; color:#fff; text-align:center}

#contents .rbnr .place{border:1px solid #ddd; background:#fff}
#contents .rbnr .place .header{padding:12px 15px; border-bottom:1px solid rgb(238, 238, 238); background:rgb(245, 245, 245); font-size:16px; font-family:"Nanum Gothic", "맑은 고딕", "Malgun Gothic", Dotum, 돋움, Helvetica, AppleSDGothicNeo, sans-serif}
#contents .rbnr .place a.ltp{position:relative; display:block; padding:15px}
#contents .rbnr .place a.ltp > h4{margin:0 0 5px 0; font-size:15px; font-weight:normal}
#contents .rbnr .place a.ltp > .tel{margin:0 0 5px 0; font-size:14px; color:#0087FF}
#contents .rbnr .place a.ltp > .address{height:48px; margin:0 88px 0 0; color:#999}
#contents .rbnr .place a.ltp > .address address{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#contents .rbnr .place a.ltp > .profile{position:absolute; right:15px; bottom:15px; width:60px; height:60px; padding:4px; border:1px solid #eee}
#contents .rbnr .place a.ltp > .profile .imgw{position:relative; width:100%; height:100%}
#contents .rbnr .place a.ltp > .profile .imgw img{position:absolute; max-width:100%; max-height:100%; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto}

#contents .rbnr .place ul.link{background:#fff}
#contents .rbnr .place ul.link li{border-top:1px solid #eee}
#contents .rbnr .place ul.link li a{position:relative; display:block; padding:10px 10px 10px 47px}
#contents .rbnr .place ul.link li a > .ico{position:absolute; left:0; top:0; width:37px; height:37px; padding:8px; box-sizing:border-box; text-align:center; line-height:21px}
#contents .rbnr .place ul.link li a > .ico i.fa{font-size:16px}
#contents .rbnr .place ul.link li a > .ico img{display:block; width:100%; border-radius:2px; overflow:hidden}
#contents .rbnr .place ul.link li a > span{display:block; height:17px; line-height:17px; font-size:12px; color:#777}

#contents .rbnr .otherProduct{margin:10px 0 0 0; border:1px solid #ddd}
#contents .rbnr .otherProduct h2{padding:12px 15px; border-bottom:1px solid rgb(238, 238, 238); background:rgb(245, 245, 245); font-size:16px; font-family:"Nanum Gothic", "맑은 고딕", "Malgun Gothic", Dotum, 돋움, Helvetica, AppleSDGothicNeo, sans-serif; font-weight:500}
#contents .rbnr .otherProduct h2 a{color:#000}
#contents .rbnr .otherProduct ._row{overflow-x:auto; background:#fff}
#contents .rbnr .otherProduct ul{padding:15px 15px 3px 15px; overflow:hidden}
#contents .rbnr .otherProduct ul li{position:relative; float:left; width:50%; margin:0 10px 0 0}
#contents .rbnr .otherProduct ul li{float:left; width:160px; margin:0 0 12px 0}
#contents .rbnr .otherProduct ul li .prdw{position:relative}
#contents .rbnr .otherProduct ul li .od{padding:0 6px 0 0}
#contents .rbnr .otherProduct ul li .ev{padding:0 0 0 6px}
#contents .rbnr .otherProduct ul li .prdw .imgw{position:relative; height:154px; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#contents .rbnr .otherProduct ul li .prdw .imgw > .auth{position:absolute; top:5px; right:5px; width:20px; height:20px; border-radius:50%; background:#fff}
#contents .rbnr .otherProduct ul li .prdw .imgw > .auth > i.fa-lock{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:red}
#contents .rbnr .otherProduct ul li .prdw .imgw p.price{position:absolute; bottom:0; width:100%; padding:5px; box-sizing:border-box; background:rgba(0, 0, 0, .5); color:#fff; font-weight:500; font-size:12px}
#contents .rbnr .otherProduct ul li .prdw h3{height:32px; padding:5px}
#contents .rbnr .otherProduct ul li .prdw h3 > span{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-1px; font-size:12px; font-weight:400; line-height:16px; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2}
#contents .rbnr .otherProduct ul li .prdw .mask{position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid rgba(0, 0, 0, .1)}
#contents .rbnr .otherProduct ul li:hover .prdw .mask{border-color:rgba(0, 112, 209, 1)}