/* -------- relax ----------- */
/* sidebar */
div#htlSide-A {
    position: absolute;
    top: 845px;
    left: 75px;
    float: none;
}
.maincontents{
    height: 11490.7px;
}
.innerwrap.relax {
    position: absolute;
    left: 325px;
    top: 564px;
}
.osd-top{
    text-align: center;
    font-size: 20px;
    line-height: 1.9;
}
ul.cr-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 70px auto 80px;
}
ul.cr-menu li{
    width: 32.5%;
    margin: 2px;
}
ul.cr-menu li a:hover{opacity: 0.7;}
.innerwrap.relax {
    margin-top: 80px;
}
/* contents */
.rlblk{
    margin-bottom: 150px;
}
.rltop {
    position: relative;
    margin-bottom: 75px;
}
.rltop .crbtn{
    position: absolute;
    right: 30px;
    bottom:115px;
}
.rltop .crbtn a {
    width: 316px;
    padding: 16px 0px 17px;
}
.rlflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rlflex div{
    width: 468px;
}
.rlflex div p{
    line-height: 1.6875;
    margin-top: 15px;
}
.rlflex div:nth-of-type(n+3){
    margin-top: 50px;
}
.rlb-text,
.rlpii p{
    display: flex;
    line-height: 1.6875;
    justify-content: center;
    margin-top: 23px;
}
.rlpii {
    max-width: 665px;
    margin: 0 auto 65px;
}
/* item */
p.rlpitem {
    margin-bottom: 35px;
}
#yu p.rlpitem{width: 388px;}
#sy p.rlpitem{width: 448px;}
#so p.rlpitem{width: 267px;}
#ki p.rlpitem{ width: 354px;}
@media(max-width:1300px){
    .innerwrap.relax {
        left: 272px;
    }
}