@import url("reset.css");
.container a:link{
    font: normal normal 300 18px/34px Noto Sans KR;
}
.container p{
    font: normal normal 300 18px/34px Noto Sans KR;
}
.title-txt p{
    font: normal normal 300 28px/41px Noto Sans KR;
}

.intro-bg {
    min-width: 1320px;
}

.video-container {
    padding-top: 56%;
}

.video-container video {
    width:1320px;
    height: 100%;
}
.intro .intro-box{
    top: 327px;
    left: 308px;
}
.science-page1 {
    transform: translate(-30%, 0);
}

.science-page1 .wrap{
    min-height: 1100px;
}
.science-page1 .contents{
    min-width: 740px;
    width: 38%;
    top: 20px;
    left: 594px;
}

.science-page1 .seperator{
    margin-top: -8px;
}
.science-page1 .title-txt p{
    text-align: left;
}
.science-page1 .sub-txt{
    text-align: center;
    padding-top: 1%;
}
.science-page1 .sub-txt img {
    width: 100%;
}
.science-page1 .main-content{
    text-align: left;
    margin-top: 1%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
} 
.science-page1 .txt1{
    padding-top: 1%;
    font: normal normal 300 18px/34px Noto Sans KR;
    
}
.science-page1 .main-content .eye-img{
    width: 100%;
    height: auto;
    max-width: 100%;
    text-align: center;
}
.science-page1 .main-content .body-txt{
    margin-top: 0%; 
    width: 100%;
    height: auto;
}
.science-page2 {
   min-height:1100px;
}

.science-page2 .contents{
    min-width: 740px;
    width: 39%;
    transform: translate(-50%);
}

.science-page2 .seperator{
    margin-top: 14.5%;
    margin-left: 3.3%;
    width: 60%;
}

.science-page2 .contents-low{
    min-width: 740px;
    width: 39.5%;
}
.science-page2 .title-txt{
    margin-right: 0px;
}
.science-page2 .first-txt{
    width: 94%;
    height: auto;
    margin-left: 3%;
    display: flex;
    flex-direction: column-reverse;
}
.science-page2 .first-txt .left-txt{
    padding-left: 0%;
    width: 100%;
}
.science-page2 .first-txt .left-txt p{
    text-align: left;
}
.science-page2 .seromela-video{
    width: 100%;
    /*transform: translate(78.1%, 14%);*/
}
.science-page2 .seromela-video video{
    transform:scale(1.0025);             /*  default */
    -webkit-transform:scale(1.0025);  /*  크롬 */
    -moz-transform:scale(1.0025);     /* FireFox */
    -o-transform:scale(1.0025);        /* Opera */
    max-width: 100%;
    height: auto;
}
.science-page2 .body-txt {
    margin-top: 3%;
    width: 100%;
}
.science-page2 .body-txt p{
    width: 94%;
}
.science-page2 .sub-txt{
    margin-top: 7%;
    text-align: center;
}
.science-page2 .sub-txt img{
    width:100%;
    height:auto;   
}

.science-page3{
    min-width: 740px;
}
.science-page3 .wrap {
    display: flex;
    justify-content: center;
}

.science-page3 .contents{
    width: 740px;
    margin-top: 120px;
    padding-bottom: 100px;

}
.science-page3 .title-txt{
    margin-bottom: 4%;
}
.science-page3 .title-txt .seperator {
    width: 60%;
    margin-left: 40%;
}
.science-page3 .contents .top-content{
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
.science-page3 .left-content{
    width: 100%;
    height: auto;
}
.science-page3 .conday-video{
    margin-top: 3%;
    overflow: hidden;
}
.science-page3 .conday-video video{
    max-width: 100%;
    height: auto;
    transform:scale(1.065);             /*  default */
    -webkit-transform:scale(1.065);  /*  크롬 */
    -moz-transform:scale(1.065);     /* FireFox */
    -o-transform:scale(1.065);        /* Opera */
}
.science-page3 .right-content{
    width: 100%;
    margin-left: 0%;
    margin-top: 0%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.science-page3 .right-content .body-txt{
    width: 74%;
}
.science-page3 .prdct-hcl-mark{
    width: 26%;
    padding-left: 2%;
    text-align: right;
    margin-top: 5%;
}
.science-page3 .prdct-hcl-mark img{
    width: 100%;
    /* max-width: 186px; */
    height: auto;
}
.science-page3 .sub-txt{
    text-align: center;
}
.science-page3 .sub-txt img{
    width: 100%;
}

.science-page4{
    margin-left: 0;
}
.science-page4 .wrap{
    margin-left: 0;
}
.science-page4 .contents{
    width: 740px;
}
.science-page4 .title-txt{
    width: 100%;
    text-align: left;
    margin-left: 0%;
}
.science-page4 .title-txt .seperator{
    width: 75%;
    margin-left: 25%;
    margin-top: -9px;
}
.science-page4 .main-txt{
    width: 50%;
    margin-top: 4%;
}
.science-page4 .sub-txt{
    text-align:center;
    width: 100%;
}
.science-page4 .main-txt p{
    font: normal normal 300 18px/32px Noto Sans KR;
    color: #2C2C2C;
}
.science-page4 .coffee-olly-img{
    position: absolute;
    margin-left: 24%;
 
    width: 18%;
    height: 35%;
}
.science-page4 .coffee-img{
    position: absolute;
    width: 100%;
    transform: translate(-25%, -100%);
    height: auto;
}
.science-page4 .olly-img{
    position: absolute;
    transform: translate(-20%, -100%);
    width: 87%;
    height: auto;
}

.science-page5 .contents{
    width: 740px;
    margin-top: 70px;
    padding-bottom: 100px;
}
.science-page5 .title-txt > .seperator{
    margin-left: 27%;
    width: 73%;
    top: 2%
}
.science-page5 .body-txt{
    margin-left: 0%;
    margin-bottom: 4%;
    width: 100%;
}
.science-page5 .life-type-table{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.science-page5 .life-type-table .type{
    flex-basis:100%;
    display: grid;
    column-gap: 1%;
    row-gap: 0;
    grid-template-columns:39% 59%;
    padding-bottom: 10px;
}

.science-page5 .type .seperator{
    margin-top: 0%;
    padding-bottom: 3%;
}
.science-page5 .type-img{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100%;
    height: auto;
    max-width: 285px;
    max-height: 285px;
    padding-right: 2%;
}
.science-page5 .type .type-txt{
    padding-top: 4%;
    padding-bottom: 4%;
}
.science-page5 .type-txts{
    width: 100%;
    height: auto;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-top: 0px;
}
.science-page5 .day-night-txt{
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
.science-page5 .type .type-name{
    padding-top: 10px;
    text-align: left;
    font: normal normal 100 18px/24px Noto Sans KR;
}
.science-page5 .type .type-name > span{
    font: normal normal 500 18px/24px Noto Sans KR;
}
.science-page5 .type .type-txt{
    font: normal normal 100 14px/20px Noto Sans KR;
}
.science-page5 .type .day-night-txt p{
    font: normal normal 100 12px/18px Noto Sans KR;
    padding-top: 0%;
    padding-bottom: 2%;
}
.science-page5 .download {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(-15%);
}
.science-page5 .download .txt{
    z-index: 2;
    margin-top: 15%;
    margin-left: 21%;
}
.science-page5 .download .txt p{
    font: normal normal 300 24px/36px Noto Sans KR;
}
.science-page5 .app{
    width: 25%;
    margin-top: -5%;
    margin-left: 58%;
}