*{ margin:0; padding: 0;}
body{ background-color: #fff !important; }
h2{ font-weight: 700; font-size: 54px;  }
h4{ font-weight: 500;}
p { font-weight: 500; font-size: 26px;}
html {width:100%; height: 100%; overflow-x: hidden; overflow-y: scroll; }
img{ border: none; }



#video{ width: 100%; height: 100vh; background-color: #000;}
#video .aboutVideo{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#video .aboutVideo video{ position: absolute; min-height: 100%; min-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
#video .text h2{ position: absolute; bottom: 64px;  color: #fff; }
#video .text h4{ position: absolute; bottom: 64px;  right: 0; font-size: 30px; color: #fff; }
#video #wrap{ height: 100%; z-index: 10;}

/* blue box*/
#contents01{ position: relative;
     width: 100%; height: 630px;
    background-color: #485BFF;
}
#contents01:after{
    display: block; width: 50%; height: 100%; position: absolute; right: 0; top: 0;
    content: ''; background: url("../images/about/contents01_bn.png") no-repeat center;
    background-size: cover;
}
#contents01 h2{ position: absolute; top: 365px;  color: #fff; }
#contents01 img{ position: relative; top: 164px; }

/* 장례는 누구에게나 ~ */
#contents02{ position: relative; width: 100%; padding: 160px  0 80px 0; background-color: #fff; }
#contents02 p{ color: #999; }
#contents02 h2{ position: absolute; bottom: 0; right: 0; height: 296px;  color: #000; }
#contents02 h2:after{
    position: relative; left: 155px;  bottom: 330px;
    display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background-color: #485BFF;
}

/* 아이리스는 장례산업을 ~ */
#contents03{  position: relative; width: 100%; height: 993px; margin-bottom: 102px;}
#contents03 h2{  position: absolute; top: 280px;   }
#contents03 h2:after{
    position: relative; left: 510px;  bottom: 175px;
    display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background-color: #485BFF;
}
#contents03 .top { height: 514px;  background:url("../images/about/contents03_icon.png") no-repeat right bottom -80px;  }
#contents03 .bg{ width: 100%; height: 460px; border-radius: 16px; background:url("../images/about/contents03_bn.png") no-repeat center; background-size: cover;}
#contents03 .bg:after{ content:""; display: block; position: absolute; width: 100%; height: 460px; border-radius: 16px; background-color: rgba(0,0,0,0.3); }
#contents03 p{ position: absolute; bottom: 50px; left: 72px; color: #fff; z-index: 2; }

/* 아이리스는 마지막 이별의 순간을 ~ */
#contents04{ width: 100%; height: 1084px; }
#contents04 .img01{ width: 582px; height: 435px; background:url("../images/about/contents04_bn_01.png") no-repeat center; }
#contents04 .img01 p{ position: relative; left: 60px; bottom: -470px; color: #999;  }
#contents04 .img02{ position: relative; top: -380px; float: right; width: 582px; height: 725px; background:url("../images/about/contents04_bn_02.png") no-repeat bottom; }
#contents04 .img02 p{ position: relative; left: 80px; bottom: -0px;  color: #999;  }
#contents04 .img02 p{ position: relative; left: 90px; bottom: -755px;  color: #999;  }
#contents04 h2{ position: relative; top: 285px;  }
#contents04 h2:after{
    position: relative; left: 260px;  bottom: 250px;
    display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background-color: #485BFF;
}


/* 사랑하는 사람의 ~ */
#contents05{ position: relative; width: 100%; height: 860px; overflow: hidden; margin-bottom: 180px; background-repeat: no-repeat; }
#contents05 .img01{
    position: absolute;
    width: calc((100%  - 378px) / 2  - 30px); height: 860px;
    border-radius: 16px;
    background: url("../images/about/contents05_bn_01.png") no-repeat  center bottom #000;
}
#contents05 .img02{
    position: absolute; left: 50%;
    transform: translateX(-50%);
    width: 378px; height: 485px;
    border-radius: 16px;
    background-image: url("../images/about/contents05_bn_02.png");

}
#contents05 .img02 p{ position: relative; left: 20px; bottom: -585px; font-size: 24px; color: #777; }
#contents05 .img02 .first{ height: 110px; margin-bottom: 24px; }
#contents05 .img02 .last{ height: 148px; }

#contents05 .img03{
    position: absolute; right: 0; top: 0;
    width: calc((100%  - 378px) / 2  - 30px); height: 860px;
    border-radius: 16px;
    background: url("../images/about/contents05_bn_03.png") no-repeat  ;

}

/* 장례산업의 미래를 ~ */
#contents06{ width: 100%; height: 802px; }
#contents06 .img01{
    float: right;
    width: 583px; height: 745px;
    background-image: url("../images/about/contents06_bn.png");
}
#contents06 h2{ padding-top: 200px; }
#contents06 h2:after{
    position: relative; left: 410px;  bottom: 255px;
    display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background-color: #485BFF;
}