@charset "utf-8";
@font-face {
    font-family: nnsB;
    src:url(../fonts/NanumSquareB.eot?#iefix) format("embedded-opentype");
    src:url(../fonts/NanumSquareB.woff) format("woff");
}
@font-face {
    font-family: nnsR;
    src:url(../fonts/NanumSquareR.eot?#iefix) format("embedded-opentype");
    src:url(../fonts/NanumSquareR.woff) format("woff");
}

/* reset */
* {margin: 0 auto; padding: 0; box-sizing: border-box;}

ul, ol {list-style-type: none;}

hr {display: none;}

h1 {margin: 0; font-family: nnsR, sans-serif; font-weight: normal;}
a {text-decoration: none; color: #000;}
button {border: none; background: none; text-indent: -9999px;}
img {border: none;}
html {font-size: 0.625em;}
body {line-height: 1; font-family: nnsR, sans-serif;}
.blind {position: absolute; top: -9999px; left: -9999px;}



@keyframes textup {
    0% {opacity: 0; transform: translateY(20px); }
    100% {opacity: 1; transform: translateY(0px);}
}



/* text ... */
.break {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.break2 {    /* title ... */
    word-wrap: break-word !important; word-break: break-all !important;
}
.break3 {    /* content ... */
    word-wrap: break-word !important; word-break: break-all !important;
    white-space: pre-wrap !important;
}



/* h2 공통 */
h2 {
    font-weight: normal; font-size: 4rem; text-align: center; color: #333;
}

/* 상품 sellsmain, 상품 sells01~08 */
/* 장례상품 타이틀 */
.headline {
    min-width: 1400px;
}
.headline .h1cover {
    width: 100%; height: 240px;
    background: url(../img/sellmainbg.jpg) no-repeat; background-size: cover;
}
.headline .nocontent {
    width: 100%; margin: 150px auto;
    font-size: 1.8rem; line-height: 24px; text-align: center; color: #333;
}
.headline h1 {
    padding: 140px 0 0;
    font-size: 4rem; color: #555; text-align: center; font-family: nnsB, sans-serif; animation: textup 1s;
}
/*
.headline .h1cover i {
    display: block; margin-top: 20px;
    font-style: normal; font-size: 2rem; text-align: center;
}
*/
    /* 스와이프 */
.headline .ulcover {
    width: 1000px; margin: 0 auto;
    height: 80px; overflow: hidden;
}
.headline .ulcover ul {
    padding: 15px 0;
}
.headline li {
    float: left; margin-right: 40px; width: auto!important;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.headline li a {
    display: block; padding: 15px 20px;
    max-width: 250px;
    font-size: 1.8rem; line-height: 20px; color: #555; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.headline .select a {
    display: block;
    color: #000; background: #f0f0eb; border-radius: 30px; font-family: nnsB, sans-serif;
}

.headline .sellsTop {
    position: relative;
    width: 100%; min-width: 1000px; height: 250px;
    /* background: url(../img/sellslistbg.jpg) no-repeat; background-size: cover; background-position: center center; */
}
.headline .sellsTop img {
    width: 100%; height: 250px;
}
.headline .sellsTopTwo {
    width: 100%; min-width: 1000px; height: 250px;
    background: url(../img/sellslistbg.jpg) no-repeat; background-size: cover; background-position: center center;
}
.headline .sellsttcover {
    position: absolute; top: 0; left: 50%; margin: 0 auto; margin-left: -500px;
    width: 1000px;
}
.headline .sellsttcover div {
    display: table-cell; vertical-align: middle;
    width: 1000px; height: 250px;
}
.headline .sellsttcover h2 {
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.headline b {
    display: block; margin-top: 20px;
    font-weight: normal; font-size: 3rem; color: #333; text-align: center;
}


/* 이미지 갤러리 */
.gallery {
    min-width: 1400px; margin-top: 50px;
}
.gallery .galleryCover {
    width: 1000px;
}
.gallery .galleryCover b {
    display: block; margin-bottom: 50px; margin-left: 100px;
    font-size: 2.6rem; color: #333;
}
.gallery .gallerydiv {
    width: 600px; height: 450px;
}
.gallery .galleryCover li img {
    width: 100%; height: 450px;
}

/* bx슬라이더 */
.bx-wrapper {z-index: 1; border: none; margin: 0; box-shadow: none; height: 450px;}
.bx-wrapper .bx-controls-direction a{
	z-index: 1;
}
.bx-wrapper .bx-prev {
    left:20px;background:url(../img/controls3.png) -2px -9px no-repeat
}
.bx-wrapper .bx-next {
    right:20px;background:url(../img/controls3.png) -30px -9px no-repeat
}



/* 상품 리스트 sellsList */
.sellsCover {
    min-width: 1400px;
}
.sellsCover ul {
    width: 1000px; padding: 80px 50px;
}
.sellsCover li {
    position: relative;
    float: left; margin-right: 40px; margin-bottom: 30px;
    width: 430px; height: 150px;
    /* width: 200px; height: 250px; */
}
.sellsCover ul:after {
    content: "";
    display: block;
    clear: both;
}
.sellsCover li:nth-of-type(even) {
    margin-right: 0;
}
.sellsCover li img {
    
}
.sellsCover li a {
    display: block;
    width: 100%; height: 100%;
}
.sellsCover li span {
    display: block; position: absolute; top: 0; left: 0; padding: 50px;
    width: 100%; height: 150px;
    font-size: 3rem; line-height: 50px; color: #fff;
    background: rgba(0,0,0,.5);
}



/* 상품 소개 */
.sellsInfo {
    width: 1400px; margin-bottom: 100px;
}
.sellsInfo .tabList {
    margin-top: 80px;
    width: 1000px;
}
.sellsInfo .tabList ul:after {
    content: "";
    display: block;
    clear: both;
}
.sellsInfo .tabList li {
    float: left; width: 50%; height: 60px;
    font-size: 2rem; line-height: 60px; text-align: center; color: #555;
    border-bottom:1px solid #aaa;
}
.sellsInfo .tabList li:hover {
    cursor: pointer;
}
.sellsInfo .tabList .sellson {
    border: 1px solid #aaa; border-bottom: none;
    color: #000; font-family: nnsB, sans-serif;
}
.sellsInfo .tabcontSells {
    width: 1000px; padding: 50px 0;
}
.sellsInfo .tabcontSells p {
    padding: 0 50px; margin-top: 10px; 
    font-size: 1.8rem; line-height: 24px; color: #555;
}
.sellsInfo img {
    width: 100%;
}
.sellsInfo .tabcontSells .noimg {
    width: 50%; margin: 0 25%;
}
.sellsInfo .tabcontUse {
    width: 1000px; padding: 50px 0px;
}
.sellsInfo .tabcontUse b {
    display: block; margin-top: 50px; margin-bottom: 30px; padding: 0 50px;
    font-size: 2.4rem; line-height: 28px; font-style: normal; color: #333; font-family: nnsB, sans-serif;
}
.sellsInfo .tabcontUse p {
    display: block; margin-top: 10px; padding: 0 50px;
    font-size: 1.8rem; line-height: 24px; color: #555; font-style: normal;
}