@charset "utf-8";


/*콘텐츠 영역*/
#contentwrap {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}
#contentwrap > div {
    width: 100%;
    margin: 0 auto;
}

/*
각 본문 사이의 구분선 설정(마지막 내용엔 선 없음)
#contentwrap > div > div:last-child {
    border-bottom: none;
}
*/

/*전체 텍스트 폰트 조정*/
#contentwrap h3 {
    letter-spacing: -1px;
}
#title {
    width: 1024px;
    height: 30px;
    text-align: left;
    font: 400 25px/1.5 'Noto Sans KR';
    margin: 30px 0 20px 0;
}
p {
    letter-spacing: -1px;
    text-align: left;
}


/*인트로 영역*/
#intro {
    min-width: 1024px;
    height: 200px;
    margin: 0 auto;
}
#intro > div {
    width: 100%;
    height: 200px;
    background: url(../images/06_pro_1.jpg) center no-repeat;
    background-attachment: fixed;
    background-position: top;
}
#intro > div > h3 {
    font: 600 35px/1 'Noto Sans KR';
    color: #fff;
    padding: 60px 0 40px 0;
}
#link {
    width: 680px;
    height: 23px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.5);
}
#link > li {
    float: left;
    font: 400 12px/21px 'Noto Sans KR';
    letter-spacing: -1px;
}
#link > li > a {
    display: block;
    width: 226.66px;
    height: 23px;
    transition: all 0.5s ease-in-out;
}
#link > li > a:hover {
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease-in-out;
}
.ser3-1 {
    background-color: #fff;
}


/*-------------커피캡슐----------------*/
/*커피페이지 영역*/
#coffeewrap {
    width: 100%;
    margin: 0 auto;
}
#coffeewrap > div {
}
.link li {
    letter-spacing: -1px;
}
/*커피페이지 인트로 영역*/



/*상품 공통 설정 영역*/
/*전체 타이틀 자간 조정*/
#contentwrap h3 {
    letter-spacing: -1px;
}

#vertuocoffeewrap{
    width: 100%;
    height: 700px;
    border-bottom: solid 1px #000;
}
#origincoffeewrap {
    width: 100%;
    height: 700px;
    border-bottom: solid 1px #000;
}
#coffeestorywrap {
    width: 100%;
    height: 2400px;
    
}


#vertuocoffeewrap > div {
    width: 1024px;
    margin: 0 auto;
}
#origincoffeewrap > div {
    width: 1024px;
    margin: 0 auto;
}
#coffeestorywrap > div {
    width: 1024px;
    margin: 0 auto;
}

#title {
    width: 1024px;
    height: 30px;
    text-align: left;
    float: left;
    font: 400 25px/1.5 'Noto Sans KR';
    margin: 30px 0 20px 0;
}
#capsule_banner {
    width: 1024px;
    margin-bottom: 20px;
}


#product {
    width: 1024px;
    height: 400px;
    display: flex;
    justify-content: space-between;
}

#product > li {
    width: 250px;
    height: 400px;
    overflow: hidden;
    background-color: #fff;
}

#product > li a {
    display: block;
    width: 250px;
    height: 300px;
    background-color: #ddd;
}

#text {
    padding-top: 10px;
}

#text > li {
    width: 250px;
    text-align: center;
}

#text span {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#text > li:nth-child(1) {
    font: 400 14px/1.5 'Noto Sans KR';
}

#text > li:nth-child(2) {
    font: 400 18px/1.5 'Noto Sans KR';
    letter-spacing: -1px;
}

#text > li:nth-child(3) {
    font: 600 18px/1.5 'Noto Sans KR';
    color: #92ab23;
}


/*버츄오캡슐 상품 사진*/
#master_cap_1 a {
    background: url(../images/06_pro_3.jpg);
    transition: all 0.5s ease-in-out;
}

#master_cap_2 a {
    background: url(../images/06_pro_4.jpg);
    transition: all 0.5s ease-in-out;
}
#product > li a:hover {
    transform: scale(1.03);
    transition: all 0.5s ease-in-out;
}