/* 공통요소 */
#header {
    background-color: #fffe;
}
#wrapper {}
#container {
    width: 100%;
}
main {
    padding-top: 100px;
    max-width: 1900px;
    margin: 0 auto;
}
.inner {
    max-width: 1280px;
    margin: 0 auto;
}
.red {
    color: #9b0000;
}
strong {
    color: #9b0000;
}
.infoArea {}
.infoArea .bigTitle {
    font-size: 1.9rem;
    font-weight: 500;
}
.infoArea .bigTitle .ft_mj {font-weight:900;}
.infoArea .infoTitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: #9b0000;
    font-family: 'Montserrat', 'Noto Sans KR';
}
.infoArea .infoText {
    font-size: 1.1rem;
    line-height: 1.9rem;
    padding-top: 1rem;
}
.leftArea {}
.rightBanner {}
.rightBanner img {
    max-width: 600px;
    width: 45vw;
}
.contentTitle {
    text-align: center;
}
.contentTitle .ctTitle {
    font-size: 1.9rem;
    font-weight: 500;
}
.contentTitle .ctTitle strong {
    color: #9b0000;
}
.contentTitle .ctInfo {
    font-size: 1rem;
    color: #777777;
    padding-top: 5px;
}
.fStart {align-self: flex-start;}

/* 와인테이블 */
.tableArea {
    display: flex;
}
.tableArea .wineTable {
    width: 50%;
    font-size: 1rem;
    line-height: 4rem;
    border-spacing: 0;
}
.tableArea .wineTable.bRight {
    border-right: 1px solid #dddddd;
}
.tableArea .wineTable thead {}
.tableArea .wineTable thead tr {}
.tableArea .wineTable thead tr th:first-child {
    text-align: left;
    padding-left: 30px;
    width: 60%;
}
.tableArea .wineTable thead tr th {
    border-top: 1px solid #050505;
    border-bottom: 1px solid #dddddd;
}
.tableArea .wineTable tbody {}
.tableArea .wineTable tbody tr {}
.tableArea .wineTable tbody tr td:first-child {
    text-align: left;
    padding-left: 30px;
    width: 60%;
}
.tableArea .wineTable tbody tr td {
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
}

/* 서브 배너 영역 */
section.topBanner {
    /* min-height: 476px; */
    margin: 0 auto;
    position: relative;
    color: #fff;
    display: flex;
    /* flex-flow: wrap; */
    align-items: center;
    justify-content: center;
}
section.topBanner .infoBox {
    position: absolute;
    width: 50%;
    left: 50%;
}
section.topBanner .subTitle {
    width: 100%;
    /* font-size: 24px; */
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    align-self: flex-end;
    padding-bottom: 20px;
    /* padding-left: 45%; */
}
section.topBanner .title {
    width: 100%;
    font-size: 2.5rem;
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat', 'Noto Sans KR';
}
section.topBanner .title img {
    /* width: 250px; */
    width: 13vw;
}
section.topBanner .banner {
    /* position: absolute; */
    /* top: 0; */
    /* z-index: -1; */
}
section.topBanner .banner img {}

/* 서브 타이틀 영역 */
section.menuTitle {
    padding: 80px 50px 0;
}
section.menuTitle .inner {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 50px;
}
section.menuTitle .title {
    font-size: 2.8rem;
    font-weight: 500;
}
section.menuTitle .meneInfo {
    font-size: 1.5rem;
    font-weight: 500;
    padding-top: 20px;
}

/* 프렌치 패러독스 영역 */
#whyZoenox .french {
    padding: 80px 50px;
    text-align: center;
}
#whyZoenox .french .paradox {
    display: inline-block;
    background-color: #9b0000;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 20px;
    padding: 5px 15px;
}
#whyZoenox .french .title {
    font-size: 1.9rem;
    font-weight: 500;
}
#whyZoenox .french .frenchInfo {
    font-size: 1.3rem;
    padding-top: 20px;
}
#whyZoenox .french .etc {
    font-size: 1rem;
    color: #777777;
    padding-top: 10px;
    display: block;
}

/* 건강한와인 영역 */
#whyZoenox .healthy {
    padding: 0 50px 80px;
}
#whyZoenox .healthy .inner {
    display: flex;
    justify-content: space-between;
}
#whyZoenox .healthy .infoBox {
    display: flex;
    align-items: center;
    padding-right: 100px;
    padding-left: 20px;
}
#whyZoenox .healthy .infoBox .infoArea {}
#whyZoenox .healthy .infoBox .infoArea .infoTitle {}
#whyZoenox .healthy .infoBox .infoArea .infoText {}
#whyZoenox .healthy .infoBox .infoArea .infoText strong {}
#whyZoenox .healthy .rightBanner {}
#whyZoenox .healthy .rightBanner img {
    border-radius: 15px;
    /* width: 40vw; */
}

/* 아이템 성능 영역 */
#whyZoenox .performance {
    padding: 80px 50px;
    background-color: #f9f9f9;
}
#whyZoenox .performance .inner {}
#whyZoenox .performance .contentTitle {
    padding-bottom: 40px;
}
#whyZoenox .performance .contentTitle .ctTitle {}
#whyZoenox .performance .contentTitle .ctInfo {}
#whyZoenox .performance .compare {
    display: flex;
    justify-content: space-between;
}
#whyZoenox .performance .compare li {}
#whyZoenox .performance .compare li .compareGroup {}
#whyZoenox .performance .compare li .compareGroup dt {
    font-size: 1.5rem;
    font-weight: 500;
}
#whyZoenox .performance .compare li .compareGroup dt i {
    color: #9b0000;
    font-size: 40px;
    vertical-align: sub;
}
#whyZoenox .performance .compare li .compareGroup .cgInfo {
    font-size: 1rem;
    color: #777777;
    line-height: 20px;
    padding-top: 10px;
    height: 50px;
}
#whyZoenox .performance .compare li .compareGroup .cgImage {
    padding-top: 10px;
    text-align: center;
    color: #777777;
    font-size: 1rem;
}
#whyZoenox .performance .compare li .compareGroup .cgImage img {
    margin-bottom: 5px;
    border-radius: 10px;
    max-width: 20vw;
}

/* 아이템 설명 영역 */
#whyZoenox .performanceInfo {
    background-color: #dee0e1;
    padding: 3% 50px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#whyZoenox .performanceInfo .inner {
    position: relative;
}
#whyZoenox .performanceInfo .piGroup {
    color: #111;
    line-height: 2.4rem;
}
#whyZoenox .performanceInfo .piGroup dt {
    font-size: 1.2rem;
    width: 18%;
    float: left;
}
#whyZoenox .performanceInfo .piGroup dt i {
    font-size: 1.4rem;
    color: #9b0000;
}
#whyZoenox .performanceInfo .piGroup dd {
    font-size: 1.1rem;
    font-weight: 400;
    width: 80%;
    padding-left: 18%;
    text-shadow: 1px 1px #d6dad9;
}
#whyZoenox .performanceInfo .sketch {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: -1;
}
#whyZoenox .performanceInfo .sketch img {
    width: 44vw;
}
#whyZoenox .performanceInfo .sketch2 {
    position: absolute;
    top: -250px;
    left: 50%;
    transform: translateX(370px);
}
#whyZoenox .performanceInfo .sketch2 img {}

/* 와인보관 실비노 영역 */
#whyZoenox .perfect {
    padding: 80px 50px;
}
#whyZoenox .perfect .inner {
    display: flex;
    justify-content: space-between;
}
#whyZoenox .perfect .infoBox {
    display: flex;
    align-items: center;
    padding-right: 120px;
}
#whyZoenox .perfect .infoBox .infoArea {}
#whyZoenox .perfect .infoBox .bigTitle {}
#whyZoenox .perfect .infoBox .bigTitle strong {
    color: #9b0000;
}
#whyZoenox .perfect .infoBox .infoText {
    text-align: justify;
}
#whyZoenox .perfect .rightBanner {
    width: 550px;
}
#whyZoenox .perfect .rightBanner img {/* max-width: 550px; */border-radius: 15px;}

/* 아이템 성능 영역 */
#whyZoenox .experiment {
    background-color: #f9f9f9;
    padding: 80px 50px;
}
#whyZoenox .experiment .inner {}
#whyZoenox .experiment .contentTitle {
    padding-bottom: 50px;
}
#whyZoenox .experiment .contentTitle .ctTitle {}
#whyZoenox .experiment .contentTitle .ctInfo {}
#whyZoenox .experiment .contentTitle .ctInfo strong { color: #9b0000; }
#whyZoenox .experiment .test {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
#whyZoenox .experiment .test li {
    flex: 1;
}
#whyZoenox .experiment .test li .testGroup {}
#whyZoenox .experiment .test li .testGroup dt {
    font-size: 18px;
    padding-bottom: 10px;
}
#whyZoenox .experiment .test li .testGroup dd {
}
#whyZoenox .experiment .test li .testGroup .explain {
    text-align: center;
}
#whyZoenox .experiment .test li .testGroup dd img {
    max-width: 43vw;
}
#whyZoenox .experiment .result {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 80px;
    line-height: 2rem;
}
#whyZoenox .experiment .result .marker {
    display: inline-block;
    background-color: #e75d5d;
    color: #fff;
    padding: 0 5px;
    /* height: 24px; */
    line-height: 1.8rem;
}

/* 실비노 추천 영역 */
#whyZoenox .recommend {
    padding: 80px 50px;
}
#whyZoenox .recommend .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#whyZoenox .recommend .contentTitle {}
#whyZoenox .recommend .contentTitle .ctTitle {}
#whyZoenox .recommend .contentTitle .ctInfo {}
#whyZoenox .recommend .leftArea {padding-right: 100px;}
#whyZoenox .recommend .leftArea .bigTitle {
    font-size: 1.9rem;
    font-weight: 500;
    padding-bottom: 20px;
}
#whyZoenox .recommend .leftArea .bigTitle span {font-weight: 900;}
#whyZoenox .recommend .leftArea .compareGroup {
    margin-bottom: 0px;
    clear: both;
}
#whyZoenox .recommend .leftArea .compareGroup dt {
    float: left;
    font-size: 1.8rem;
    color: #9b0000;
}
#whyZoenox .recommend .leftArea .compareGroup dt i {}
#whyZoenox .recommend .leftArea .compareGroup dd {
    font-size: 1.2rem;
    padding-left: 40px;
    padding-top: 7px;
}
#whyZoenox .recommend .rightBanner {
}
#whyZoenox .recommend .rightBanner img {
    border-radius: 15px;
}

/* 공통 와인 음용기간 */
#wineZoenox .preserve {
    display: flex;
    align-items: stretch;
}
#wineZoenox .preserve .group {
    flex: 0 50%;
    display: flex;
    flex-direction: column;
}
#wineZoenox .preserve .group .drinkDay {
    display: flex;
    border-left: 1px dotted #000000;
}
#wineZoenox .preserve .group .drinkDay .dayTitle {
    flex: 0 50%;
    border-right: 1px dotted #000000;
    padding: 10px 0 0 20px;
    font-size: 18px;
}
#wineZoenox .preserve .group .arrow {
    display: flex;
    border-left: 1px dotted #000000;
}
#wineZoenox .preserve .group .arrow .arrowArea {
    flex: 0 50%;
    display: flex;
    align-items: center;
    border-right: 1px dotted #000000;
    padding: 5px 0;
}
#wineZoenox .preserve .group .arrow .arrowArea .arrow-line {
    flex: 1;
    height: 3px;
    background-color: #000;
    margin-right: -11px;
}
#wineZoenox .preserve .group .arrow .arrowArea .arrow-head {
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg);
    margin-right: 2px;
}
#wineZoenox .preserve .group .wine {
    display: flex;
    border-left: 1px dotted #000000;
    flex: 1;
}
#wineZoenox .preserve .group .wine .wineList {
    flex: 0 50%;
    padding: 0 0 20px 20px;
    border-right: 1px dotted #000000;
}
#wineZoenox .preserve .group .wine .wineList li {
    font-size: 16px;
    line-height: 1.8em;
}
#wineZoenox .preserve .leftNone {}
#wineZoenox .preserve .leftNone .drinkDay {
    border: none;
}
#wineZoenox .preserve .leftNone .arrow {
    border: none;
}
#wineZoenox .preserve .leftNone .wine {
    border: none;
}


/* 화이트와인 영역 */
#wineZoenox .topBanner .title {
}
#wineZoenox .whiteWine .preserve .group {
    background-color: #f8f7e1;
}
#wineZoenox .whiteWine {
    padding: 80px 50px;
}
#wineZoenox .whiteWine .inner {}
#wineZoenox .whiteWine .wineInfo {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
}
#wineZoenox .whiteWine .wineInfo .leftBanner {
    padding-right: 100px;
}
#wineZoenox .whiteWine .wineInfo .leftBanner .wineTitle {
    font-size: 1.4rem;
    font-family: 'Montserrat', 'Noto Sans KR';
    padding-bottom: 20px;
}
#wineZoenox .whiteWine .wineInfo .leftBanner img {
    border-radius: 15px;
    max-width: 500px;
    min-width: 400px;
    width: 27vw;
}
#wineZoenox .whiteWine .wineInfo .infoBox {
}
#wineZoenox .whiteWine .wineInfo .infoBox .infoArea {}
#wineZoenox .whiteWine .wineInfo .infoBox .infoArea .infoTitle {
    padding-top: 47px;
    padding-top: 3rem;
}
#wineZoenox .whiteWine .wineInfo .infoBox .infoArea .infoText {}
#wineZoenox .whiteWine .saveDate {
    font-size: 0.9rem;
    color: #777777;
    text-align: right;
    padding-bottom: 5px;
}
#wineZoenox .whiteWine .tableArea {}
#wineZoenox .whiteWine .tableArea .wineTable {}
#wineZoenox .whiteWine .tableArea .wineTable:first-child {}
#wineZoenox .whiteWine .tableArea .wineTable thead {}
#wineZoenox .whiteWine .tableArea .wineTable thead tr {}
#wineZoenox .whiteWine .tableArea .wineTable thead tr th {}
#wineZoenox .whiteWine .tableArea .wineTable tbody {}
#wineZoenox .whiteWine .tableArea .wineTable tbody tr {}
#wineZoenox .whiteWine .tableArea .wineTable tbody tr td {}
/* 레드와인 영역 */
#wineZoenox .redWine {
    padding: 0 50px 80px;
}
#wineZoenox .redWine .preserve .group {
    background-color: #ad1e35;
    color: #fff;
}
#wineZoenox .redWine .preserve .group .arrow .arrowArea .arrow-line {
    background-color: #fff;
}
#wineZoenox .redWine .preserve .group .arrow .arrowArea .arrow-head {
    border-color: #FFF;
}
#wineZoenox .redWine .inner {}
#wineZoenox .redWine .wineInfo {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
}
#wineZoenox .redWine .wineInfo .leftBanner {padding-right: 100px;}
#wineZoenox .redWine .wineInfo .leftBanner .wineTitle {
    font-size: 1.4rem;
    font-family: 'Montserrat', 'Noto Sans KR';
    padding-bottom: 20px;
}
#wineZoenox .redWine .wineInfo .leftBanner img {
    border-radius: 15px;
    max-width: 500px;
    min-width: 400px;
    width: 27vw;
}
#wineZoenox .redWine .wineInfo .infoBox {}
#wineZoenox .redWine .wineInfo .infoBox .infoArea {}
#wineZoenox .redWine .wineInfo .infoBox .infoArea .infoTitle {
    padding-top: 47px;
}
#wineZoenox .redWine .wineInfo .infoBox .infoArea .infoText {}
#wineZoenox .redWine .saveDate {
    font-size: 0.9rem;
    color: #777777;
    text-align: right;
    padding-bottom: 5px;
}
#wineZoenox .redWine .tableArea {}
#wineZoenox .redWine .tableArea .wineTable {}
#wineZoenox .redWine .tableArea .wineTable:first-child {}
#wineZoenox .redWine .tableArea .wineTable thead {}
#wineZoenox .redWine .tableArea .wineTable thead tr {}
#wineZoenox .redWine .tableArea .wineTable thead tr th {}
#wineZoenox .redWine .tableArea .wineTable tbody {}
#wineZoenox .redWine .tableArea .wineTable tbody tr {}
#wineZoenox .redWine .tableArea .wineTable tbody tr td {
}

#wineZoenox .experiment {
    /* background-color: #f9f9f9; */
    padding: 0px 50px 80px;
}
#wineZoenox .experiment .inner {}
#wineZoenox .experiment .inner img {
    border-radius: 30px;
}

/* 인사말 영역 시작 */
#madeKorea {}
#madeKorea .hello {
    padding: 80px 50px;
}
#madeKorea .hello .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#madeKorea .hello .infoBox {
    padding-right: 80px;
}
#madeKorea .hello .infoBox .ment {
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #666;
    text-align: justify;
    padding-bottom: 60px;
}
#madeKorea .hello .infoBox .infoArea {}
#madeKorea .hello .infoBox .infoArea .infoTitle {}
#madeKorea .hello .infoBox .infoArea .bigTitle {
    font-size: 1.4rem;
}
#madeKorea .hello .rightBanner {}
#madeKorea .hello .rightBanner img {border-radius: 15px;}

/* 제품연구 및 디자인 영역 시작 */
#madeKorea .korea {
    padding: 80px 50px;
    background-color: #f9f9f9;
}
#madeKorea .korea.bgWhite {
    padding: 80px 50px;
    background-color: #fff;
}
#madeKorea .korea .inner {}
#madeKorea .korea .koreaTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
}
#madeKorea .korea .koreaTop .infoBox {
    padding-right: 140px;
}
#madeKorea .korea .koreaTop .infoBox .infoArea {}
#madeKorea .korea .koreaTop .infoBox .infoArea .infoTitle {}
#madeKorea .korea .koreaTop .infoBox .infoArea .bigTitle {
    padding-top: 30px;
}
#madeKorea .korea .koreaTop .infoBox .infoArea .infoText {}
#madeKorea .korea .koreaTop .rightBanner {}
#madeKorea .korea .koreaTop .rightBanner img {
    border-radius: 15px;
}
#madeKorea .korea .moreImage {
    display: flex;
    justify-content: space-between;
}
#madeKorea .korea .moreImage li {}
#madeKorea .korea .moreImage li img {
    max-width: 400px;
    width: 27vw;
    border-radius: 10px;
}
#madeKorea .bottomBanner {
    padding: 50px;
}
#madeKorea .bottomBanner img {
    border-radius: 30px;
}

#productManual .topBanner .title {
    color: #000;
}
#productManual .warning {
    padding: 80px 50px 0;
    text-align: center;
}
#productManual .download {
    padding: 80px 50px 0;
}
#productManual .download .inner {}
#productManual .download .title {
    padding-bottom: 20px;
    font-size: 1.9rem;
}
#productManual .download .down {
    display: flex;
    justify-content: flex-start;
}
#productManual .download .down li {
    padding-right: 20px;
}
#productManual .download .down li a {
    display: inline-block;
    font-size: 20px;
    background-color: #712740;
    color: #fff;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 10px;
}
#productManual .download .down li a i {
    font-size: 18px;
}
#productManual .sealing {
    padding: 80px 50px 0;
}
#productManual .sealing .inner {}
#productManual .sealing .title {
    padding-bottom: 20px;
    font-size: 1.9rem;
}
#productManual .sealing .sealingInfo {display: flex;}
#productManual .sealing .sealingInfo .photo {
    flex: 5;
}
#productManual .sealing .sealingInfo .photo img {}
#productManual .sealing .sealingInfo .info {
    padding-left: 50px;
    flex: 7;
}
#productManual .sealing .sealingInfo .info .subTitle {
    font-size: 20px;
}
#productManual .sealing .sealingInfo .info ol {
    padding-top: 10px;
    padding-left: 20px;
}
#productManual .sealing .sealingInfo .info ol li {
    margin-top: 15px;
    font-size: 20px;
    list-style: decimal;
}
#productManual .sealing .sealingInfo .info ol li strong { color: #6182D6}
#productManual .sealing .sealingInfo .info ol li:first-child strong { color: #C00000 }
#productManual .youtube {padding: 80px 50px 0;}
#productManual .youtube .inner {}
#productManual .youtube .title {padding-bottom: 20px;font-size: 1.9rem;}
#productManual .youtube .movie {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위한 비율 */
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 80px;
}
#productManual .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ipad pro & surface pro */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {

}

/* ipad mini & ipad air & 해상도 작은 모니터 */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    #wineZoenox .preserve .group .wine .wineList li {
        font-size: 14px;
    }
}

/* pad 세로 및 모바일 */
@media only screen and (max-width: 1023px) {
    /* 공통요소 */
    main {
    padding-top: 55px;
}
    #hd.line {
        background-color: #000c;
    }
    #header {
        background-color: #fffe;
    }
    #wrapper {}
    #container {
        width: 100%;
        padding-top: 60px;
    }
    .inner {
        width: 100%;
        margin: 0 auto;
    }
    .red {
        color: #9b0000;
    }
    strong {}
    .infoArea {}
    .infoArea .bigTitle {
        font-size: 18px;
        font-weight: 500;
    }
    .infoArea .bigTitle .ft_mj {font-weight:900;padding-left: 8px;}
    .infoArea .infoTitle {
        font-size: 16px;
        font-weight: 600;
        color: #9b0000;
        font-family: "Montserrat";
    }
    .infoArea .infoText {
        font-size: 14px;
        line-height: 24px;
        padding-top: 10px;
    }
    .leftArea {}
    .rightBanner {}
    .rightBanner img {
        width: auto;
    }
    .contentTitle {
        text-align: left;
    }
    .contentTitle .ctTitle {
        font-size: 18px;
        font-weight: 500;
    }
    .contentTitle .ctInfo {
        font-size: 14px;
        color: #777777;
        padding-top: 5px;
        text-align: justify;
    }
    .fStart {align-self: flex-start;}
    .mNone {display:none;}

    /* 와인 보존기간 표 */
    #wineZoenox .preserve {
    flex: 0 100%;
    flex-wrap: wrap;
}
    #wineZoenox .preserve .group {
    flex: 0 100%;
}
    #wineZoenox .preserve .group .drinkDay .dayTitle {
    font-size: 16px;
    padding: 5px 0 0 10px;
}
    #wineZoenox .preserve .group .wine .wineList {
    padding: 0 0 10px 10px;
}
    #wineZoenox .preserve .group .wine .wineList li {
        font-size: 12px;
    }
    #wineZoenox .preserve .leftNone {
    border-top: 1px dotted #666;
    border-left: 1px dotted #666;
    margin-top: 20px;
}

    /* 와인테이블 */
    .tableArea {
        display: flex;
        flex-direction: column;
    }
    .tableArea .wineTable {
        width: 100%;
        font-size: 12px;
        line-height: 35px;
        border-spacing: 0;
    }
    .tableArea .wineTable.bRight {
        border-right: none;
    }
    .tableArea .wineTable thead {}
    .tableArea .wineTable thead tr {}
    .tableArea .wineTable thead tr th:first-child {
        text-align: left;
        padding-left: 10px;
    }
    .tableArea .wineTable thead tr th {
        border-top: 1px solid #050505;
        border-bottom: 1px solid #dddddd;
    }
    .tableArea .wineTable tbody {}
    .tableArea .wineTable tbody tr {}
    .tableArea .wineTable tbody tr td:first-child {
        text-align: left;
        padding-left: 10px;
        width: 66%;
        line-height: 20px;
    }
    .tableArea .wineTable tbody tr td {
        border-bottom: 1px solid #f1f1f1;
        text-align: center;
        width: 17%;
    }

    /* 서브 배너 영역 */
    section.topBanner {
        /* width: 100%; */
        /* height: 206px; */
        /* margin: 0 auto; */
        position: relative;
        /* color: #fff; */
        display: block;
        /* flex-flow: wrap; */
        /* align-items: center; */
        overflow: hidden;
    }
    section.topBanner .infoBox {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    section.topBanner .subTitle {
        width: 100%;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
        align-self: flex-end;
        padding-bottom: 10px;
        text-shadow: 2px 2px black;
    }
    section.topBanner .title {
        width: 100%;
        font-size: 26px;
        font-weight: 600;
        text-align: center;
        font-family: 'Nanum Myeongjo';
        text-shadow: 2px 2px black;
    }
    section.topBanner .title img {
        width: 30vw;
    }
    section.topBanner .banner {
        position: relative;
        z-index: -1;
        width: 200%;
    }
    section.topBanner .banner img {
        /* height: 200px; */
        width: 200%;
    }

    /* 서브 타이틀 영역 */
    section.menuTitle {
        padding: 30px 20px;
    }
    section.menuTitle .inner {
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 30px;
    }
    section.menuTitle .title {
        font-size: 22px;
        font-weight: 500;
        font-family: "Montserrat";
    }
    section.menuTitle .meneInfo {
        font-size: 16px;
        font-weight: 400;
        padding-top: 10px;
    }
    section.menuTitle .meneInfo br {
        display: none;
    }

    /* 프렌치 패러독스 영역 */
    #whyZoenox .french {
        padding: 0px 20px 30px;
        text-align: center;
    }
    #whyZoenox .french .paradox {
        width: 140px;
        display: inline-block;
        background-color: #9b0000;
        color: #fff;
        font-size: 14px;
        border-radius: 20px;
        padding: 3px 0;
    }
    #whyZoenox .french .title {
        font-size: 24px;
        font-weight: 500;
    }
    #whyZoenox .french .frenchInfo {
        font-size: 16px;
        padding-top: 20px;
    }
    #whyZoenox .french .frenchInfo br {display:none}
    #whyZoenox .french .etc {
        font-size: 14px;
        color: #777777;
        padding-top: 10px;
        display: block;
    }

    /* 건강한와인 영역 */
    #whyZoenox .healthy {
        padding: 0;
    }
    #whyZoenox .healthy .inner {
        display: flex;
        flex-direction: column-reverse;
    }
    #whyZoenox .healthy .infoBox {
        padding: 20px 20px;
        display: flex;
        align-items: center;
    }
    #whyZoenox .healthy .infoBox .infoArea {}
    #whyZoenox .healthy .infoBox .infoArea .infoTitle {}
    #whyZoenox .healthy .infoBox .infoArea .infoText {}
    #whyZoenox .healthy .infoBox .infoArea .infoText strong {}
    #whyZoenox .healthy .rightBanner {
        overflow: hidden;
        padding: 0 20px;
    }
    #whyZoenox .healthy .rightBanner img {width: 100%;}

    /* 아이템 성능 영역 */
    #whyZoenox .performance {
        padding: 30px 20px 10px;
        background-color: #f9f9f9;
    }
    #whyZoenox .performance .inner {}
    #whyZoenox .performance .contentTitle {
        padding-bottom: 20px;
    }
    #whyZoenox .performance .contentTitle .ctTitle {}
    #whyZoenox .performance .contentTitle .ctInfo {}
    #whyZoenox .performance .compare {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #whyZoenox .performance .compare li {
        width: 47%;
        margin-bottom: 20px;
    }
    #whyZoenox .performance .compare li .compareGroup {}
    #whyZoenox .performance .compare li .compareGroup dt {
        font-size: 16px;
        font-weight: 500;
    }
    #whyZoenox .performance .compare li .compareGroup dt i {
        color: #9b0000;
        font-size: 24px;
        vertical-align: sub;
    }
    #whyZoenox .performance .compare li .compareGroup .cgInfo {
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        padding-top: 10px;
        height: 50px;
    }
    #whyZoenox .performance .compare li .compareGroup .cgInfo br {display:none}
    #whyZoenox .performance .compare li .compareGroup .cgImage {
        padding-top: 10px;
        text-align: center;
        color: #777777;
        font-size: 14px;
    }
    #whyZoenox .performance .compare li .compareGroup .cgImage img {
        margin-bottom: 5px;
        width: 100%;
        max-width: 100%;
    }

    /* 아이템 설명 영역 */
    #whyZoenox .performanceInfo {
        padding: 30px 20px 0;
        position: relative;
        z-index: 2;
        overflow: hidden;
    }
    #whyZoenox .performanceInfo .inner {
        position: relative;
    }
    #whyZoenox .performanceInfo .piGroup {
    display: flex;
    flex-direction: column;
    }
    #whyZoenox .performanceInfo .piGroup dt {
        font-size: 18px;
        width: 100%;
    }
    #whyZoenox .performanceInfo .piGroup dt i {
        font-size: 22px;
        vertical-align: text-bottom;
    }
    #whyZoenox .performanceInfo .piGroup dd {
        font-size: 16px;
        width: 100%;
        padding-left: 25px;
        line-height: 22px;
        margin-bottom: 10px;
        text-align: justify;
        box-sizing: border-box;
    }
    #whyZoenox .performanceInfo .sketch {
        position: relative;
        opacity: 0.4;
        margin: 0 -20px;
    }
    #whyZoenox .performanceInfo .sketch img {
    width: 100%;
}
    #whyZoenox .performanceInfo .sketch2 {
        position: absolute;
        top: -220px;
        left: 50%;
        transform: translateX(-40%);
        opacity: 0.4;
    }
    #whyZoenox .performanceInfo .sketch2 img {}

    /* 와인보관 실비노 영역 */
    #whyZoenox .perfect {
        padding: 30px 0;
        background-color: #fff;
    }
    #whyZoenox .perfect .inner {
        display: flex;
        flex-direction: column;
    }
    #whyZoenox .perfect .infoBox {
        display: block;
        align-items: unset;
        padding: 0 20px 20px;
    }
    #whyZoenox .perfect .infoBox .infoArea {}
    #whyZoenox .perfect .infoBox .bigTitle {}
    #whyZoenox .perfect .infoBox .bigTitle br {display:none}
    #whyZoenox .perfect .infoBox .infoText {
        text-align: justify;
    }
    #whyZoenox .perfect .rightBanner {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
    #whyZoenox .perfect .rightBanner img {
        width: 100%;
        max-width: 100%;
    }

    /* 아이템 성능 영역 */
    #whyZoenox .experiment {
        background-color: #f9f9f9;
        padding: 30px 20px;
    }
    #whyZoenox .experiment .inner {}
    #whyZoenox .experiment .contentTitle {
        padding-bottom: 20px;
    }
    #whyZoenox .experiment .contentTitle .ctTitle {}
    #whyZoenox .experiment .contentTitle .ctInfo {}
    #whyZoenox .experiment .test {
        display: flex;
        flex-direction: column;
    }
    #whyZoenox .experiment .test li {
        margin-bottom: 10px;
    }
    #whyZoenox .experiment .test li .testGroup {}
    #whyZoenox .experiment .test li .testGroup dt {
        font-size: 16px;
        padding-bottom: 10px;
    }
    #whyZoenox .experiment .test li .testGroup dd {}
    #whyZoenox .experiment .test li .testGroup dd img {
        width: 100%;
        max-width: 100%;
    }
    #whyZoenox .experiment .result {
        font-size: 15px;
        text-align: center;
        padding-top: 20px;
        line-height: 26px;
    }
    #whyZoenox .experiment .result br {display:none;}
    #whyZoenox .experiment .result .marker {
        display: inline-block;
        background-color: #e75d5d;
        color: #fff;
        padding: 0 5px;
        height: 24px;
        line-height: 22px;
    }

    /* 실비노 추천 영역 */
    #whyZoenox .recommend {
        padding: 30px 0 0;
        background-color: #fff;
    }
    #whyZoenox .recommend .inner {
        display: flex;
        flex-direction: column;
    }
    #whyZoenox .recommend .contentTitle {}
    #whyZoenox .recommend .contentTitle .ctTitle {}
    #whyZoenox .recommend .contentTitle .ctInfo {}
    #whyZoenox .recommend .leftArea {
        padding: 0 20px;
    }
    #whyZoenox .recommend .leftArea .bigTitle {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 15px;
    }
    #whyZoenox .recommend .leftArea .bigTitle span {font-weight: 900;}
    #whyZoenox .recommend .leftArea .compareGroup {
        margin-bottom: 0px;
        clear: both;
        margin-bottom: 5px;
    }
    #whyZoenox .recommend .leftArea .compareGroup dt {
        float: left;
        font-size: 20px;
        color: #9b0000;
    }
    #whyZoenox .recommend .leftArea .compareGroup dt i {}
    #whyZoenox .recommend .leftArea .compareGroup dd {
        font-size: 16px;
        padding-left: 30px;
        padding-top: 3px;
        text-align: justify;
        line-height: 22px;
    }
    #whyZoenox .recommend .leftArea .compareGroup dd br {display:none}
    #whyZoenox .recommend .rightBanner {
    padding: 20px;
    }
    #whyZoenox .recommend .rightBanner img {
        width: 100%;
    }

    /* 화이트와인 영역 */
    #wineZoenox .topBanner .title {
        font-size: 26px;
        text-shadow: 2px 2px black;
    }
    #wineZoenox .topBanner .title img {}
    #wineZoenox .whiteWine {
        padding: 0px 20px;
    }
    #wineZoenox .whiteWine .inner {}
    #wineZoenox .whiteWine .wineInfo {
        display: flex;
        align-items: center;
        padding-bottom: 30px;
        flex-direction: column;
    }
    #wineZoenox .whiteWine .wineInfo .leftBanner {
        width: 100%;
        padding: 0 15px;
    }
    #wineZoenox .whiteWine .wineInfo .leftBanner .wineTitle {
        font-size: 22px;
        font-family: "Montserrat";
        padding-bottom: 10px;
    }
    #wineZoenox .whiteWine .wineInfo .leftBanner img {
        width: 100%;
        min-width: 100%;
    }
    #wineZoenox .whiteWine .wineInfo .infoBox {
        padding: 0 15px;
        width: 100%;
    }
    #wineZoenox .whiteWine .wineInfo .infoBox .infoArea {}
    #wineZoenox .whiteWine .wineInfo .infoBox .infoArea .infoTitle {
        padding-top: 25px;
    }
    #wineZoenox .whiteWine .wineInfo .infoBox .infoArea .infoText {
        text-align: justify;
    }
    #wineZoenox .whiteWine .wineInfo .infoBox .infoArea .infoText br {display:none}
    #wineZoenox .whiteWine .saveDate {
        font-size: 12px;
        color: #777777;
        text-align: right;
        padding-bottom: 5px;
        padding-right: 15px;
    }
    #wineZoenox .whiteWine .tableArea {
    }
    #wineZoenox .whiteWine .tableArea .wineTable {}
    #wineZoenox .whiteWine .tableArea .wineTable:first-child {}
    #wineZoenox .whiteWine .tableArea .wineTable thead {}
    #wineZoenox .whiteWine .tableArea .wineTable thead tr {}
    #wineZoenox .whiteWine .tableArea .wineTable thead tr th {}
    #wineZoenox .whiteWine .tableArea .wineTable tbody {}
    #wineZoenox .whiteWine .tableArea .wineTable tbody tr {}
    #wineZoenox .whiteWine .tableArea .wineTable tbody tr td {}
    /* 레드와인 영역 */
    #wineZoenox .redWine {
        padding: 30px 20px;
    }
    #wineZoenox .redWine .inner {}
    #wineZoenox .redWine .wineInfo {
        display: flex;
        align-items: center;
        padding-bottom: 40px;
        flex-direction: column;
    }
    #wineZoenox .redWine .wineInfo .leftBanner {
        width: 100%;
        padding: 30px 15px 0;
    }
    #wineZoenox .redWine .wineInfo .leftBanner .wineTitle {
        font-size: 22px;
        font-family: "Montserrat";
        padding-bottom: 10px;
    }
    #wineZoenox .redWine .wineInfo .leftBanner img {
        width: 100%;
        min-width: 100%;
    }
    #wineZoenox .redWine .wineInfo .infoBox {
        width: 100%;
        padding: 0 15px;
    }
    #wineZoenox .redWine .wineInfo .infoBox .infoArea {}
    #wineZoenox .redWine .wineInfo .infoBox .infoArea .infoTitle {
        padding-top: 25px;
    }
    #wineZoenox .redWine .wineInfo .infoBox .infoArea .infoText {
        text-align: justify;
    }
    #wineZoenox .redWine .wineInfo .infoBox .infoArea .infoText br {display:none}
    #wineZoenox .redWine .saveDate {
        font-size: 12px;
        color: #777777;
        text-align: right;
        padding-right: 15px;
        padding-bottom: 5px;
    }
    #wineZoenox .redWine .tableArea {
    }
    #wineZoenox .redWine .tableArea .wineTable {}
    #wineZoenox .redWine .tableArea .wineTable:first-child {}
    #wineZoenox .redWine .tableArea .wineTable thead {}
    #wineZoenox .redWine .tableArea .wineTable thead tr {}
    #wineZoenox .redWine .tableArea .wineTable thead tr th {}
    #wineZoenox .redWine .tableArea .wineTable tbody {}
    #wineZoenox .redWine .tableArea .wineTable tbody tr {}
    #wineZoenox .redWine .tableArea .wineTable tbody tr td {
    }

    #wineZoenox .experiment {
        background-color: #f9f9f9;
        padding: 20px;
    }
    #wineZoenox .experiment .inner {}
    #wineZoenox .experiment .inner img {
        width: 100%;
        border-radius: 20px;
    }

    /* 인사말 영역 시작 */
    #madeKorea {}
    #madeKorea .hello {
        padding: 0px 0;
    }
    #madeKorea .hello .inner {
        display: flex;
        justify-content: unset;
        align-items: center;
        flex-direction: column-reverse;
    }
    #madeKorea .hello .infoBox {
        padding: 0px 20px 30px;
        background-color: #fff;
    }
    #madeKorea .hello .infoBox .ment {
        font-size: 15px;
        line-height: 24px;
        color: #666;
        text-align: justify;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #madeKorea .hello .infoBox .infoArea {}
    #madeKorea .hello .infoBox .infoArea .infoTitle {}
    #madeKorea .hello .infoBox .infoArea .bigTitle {
        font-size: 16px;
        padding-top: 15px;
    }
    #madeKorea .hello .rightBanner {
        padding: 0 20px;
    }
    #madeKorea .hello .rightBanner img {
        width: 100%;
    }

    /* 제품연구 및 디자인 영역 시작 */
    #madeKorea .korea {
        padding: 30px 0;
        background-color: #f9f9f9;
    }
    #madeKorea .korea.bgWhite {
        padding: 30px 0;
        background-color: #fff;
    }
    #madeKorea .korea .inner {}
    #madeKorea .korea .koreaTop {
        display: flex;
        justify-content: unset;
        align-items: unset;
        padding-bottom: 0px;
        flex-direction: column;
    }
    #madeKorea .korea .koreaTop .infoBox {
        padding: 0 20px;
    }
    #madeKorea .korea .koreaTop .infoBox .infoArea {}
    #madeKorea .korea .koreaTop .infoBox .infoArea .infoTitle {}
    #madeKorea .korea .koreaTop .infoBox .infoArea .bigTitle {
        padding-top: 10px;
    }
    #madeKorea .korea .koreaTop .infoBox .infoArea .infoText {}
    #madeKorea .korea .koreaTop .infoBox .infoArea .infoText br {display:none}
    #madeKorea .korea .koreaTop .rightBanner {
        padding: 10px 20px;
    }
    #madeKorea .korea .koreaTop .rightBanner img {
        width: 100%;
    }
    #madeKorea .korea .moreImage {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
    #madeKorea .korea .moreImage li {
        padding: 0 5px;
    }
    #madeKorea .korea .moreImage li img {
        width: 100%;
    }
    #madeKorea .bottomBanner {
        padding: 20px;
    }
    #madeKorea .bottomBanner img {
        border-radius: 20px;
    }

    #productManual .topBanner .title {
        color: #000;
        text-shadow: 2px 2px #f6faf9;
    }
    #productManual .warning {padding: 50px 20px 0;}
    #productManual .download {padding: 50px 20px 0;}
    #productManual .download .inner {}
    #productManual .download .title {
    padding-bottom: 10px;
    font-size: 1.2rem;
}
    #productManual .download .down {
    flex-direction: column;
}
    #productManual .download .down li {
    padding-right: 0;
    margin-bottom: 10px;
}
    #productManual .download .down li a {
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
    #productManual .download .down li a i {}
    #productManual .sealing {padding: 50px 20px 0;}
    #productManual .sealing .inner {}
    #productManual .sealing .title {padding-bottom: 10px;font-size: 1.2rem;}
    #productManual .sealing .sealingInfo {
    flex-direction: column;
}
    #productManual .sealing .sealingInfo .photo {
    }
    #productManual .sealing .sealingInfo .photo img {}
    #productManual .sealing .sealingInfo .info {
    padding-left: 0;
    }
    #productManual .sealing .sealingInfo .info .subTitle {
    font-size: 18px;
    margin-top: 10px;
    }
    #productManual .sealing .sealingInfo .info ol {
    }
    #productManual .sealing .sealingInfo .info ol li {
    font-size: 16px;
    }
    #productManual .sealing .sealingInfo .info ol li strong {}
    #productManual .sealing .sealingInfo .info ol li:first-child strong {}
    #productManual .youtube {padding: 50px 20px 0;}
    #productManual .youtube .inner {}
    #productManual .youtube .title {padding-bottom: 10px;font-size: 1.2rem;}
    #productManual .youtube .movie {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위한 비율 */
        overflow: hidden;
        max-width: 100%;
        margin-bottom: 50px;
    }
    #productManual .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

footer {
    background-color: #f9f9f9;
}