.section:not(.fp-auto-height){ font-size: 0; height: 100vh; overflow: hidden; position: relative;}
#section0 .wrap1400{ height: 100%; position: relative;}
#section0 .text-wrap{ position: absolute; bottom: 80px; left: 0; border-left: 1px solid rgba(255,255,255,.4); text-align: left; padding-left: 40px;}
#section0 .text-wrap h3{ font-size: 30px; padding-bottom: 10px;}
#section0 .text-wrap h4{ font-size: 20px; padding-bottom: 30px;}
#section0 .text-wrap .line{ width: 50px; height: 1px; background-color: #fff; margin-bottom: 25px;}
#section0 .text-wrap p{ font-size: 14px; line-height: 28px;}
.con-open{ position: absolute; width: 80px; height: 80px; line-height: 80px; text-align: center; left: 0; right: 0; margin: 0 auto; bottom: 40px; z-index: 100; font-size: 12px;}
.con-open div{ display: block; width: 56px; height: 56px; border: 1px solid rgba(255,255,255,.5); position: absolute; left: 12px; top: 12px; transform: rotate(45deg);}
.tit-wrap{ width: 100%; position: absolute; top: calc(50% - 50px); text-align: center; pointer-events: unset; z-index: 100;}
.tit-wrap h3{ font-size: 26px; padding-bottom: 15px;}
.tit-wrap p{font-size: 16px;}
.content-area{ display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(34,34,34,.7); z-index: 3000; top: 0; left: 0;}
.content-area .flex-wrap{ height: 100%; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; max-width: 1080px; width: 90%; position: relative; left: 0; right: 0; margin: 0 auto;}
.content-area .flex-wrap #content{ width: 100%; text-align: center;}
.content-area .flex-wrap #content h3{ padding-bottom: 40px; font-size: 26px;  }
.content-area .flex-wrap #content ul{ border-top: 2px solid #fff; padding: 40px 0 0; width: 100%; font-size: 0; margin-bottom: 40px;}
.content-area .flex-wrap #content li{ padding: 0 20px 20px;}
.content-area .flex-wrap #content li.pb40{ padding-bottom: 40px;}
.content-area .flex-wrap #content li.top{ padding-top: 40px;}
.content-area .flex-wrap #content li.line{ padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.5);}
.content-area .flex-wrap #content li h4{ font-size: 16px; padding-bottom: 40px;}
.content-area .flex-wrap #content li div.ko{ display: inline-block; width: 100%; font-size: 13px; line-height: 26px;}
.con-close{ position: relative; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; left: 0; right: 0; margin: 0 auto; font-size: 16px;}
.con-close div{ display: block; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.5); position: absolute; left: 8px; top: 8px; transform: rotate(45deg);}

@media (max-width: 1023px) {
    #fullpage{ display: none;}
    .con-open{ display: none;}
    .tit-wrap{ display: none;}
    #mo-top{ margin-top: 50px; width: 100%; height: 56.25vw;}
    .content-area{ display: block; position: relative; background-color: transparent; z-index: unset; top: 0; left: 0;}
    .content-area .flex-wrap{ height: 100%; max-width: 100%; width: 100%; padding: 60px 15px;}
    .content-area .flex-wrap #content{ text-align: left;}
    .content-area .flex-wrap #content h3{ padding-bottom: 15px; font-size: 25px; color: #222;}
    .content-area .flex-wrap #content ul{ border-top: 1px solid #222; padding: 30px 0 0; width: 100%; font-size: 0; margin-bottom: unset;}
    .content-area .flex-wrap #content li{ padding:0;}
    .content-area .flex-wrap #content li.pb40{ padding-bottom: 30px;}
    .content-area .flex-wrap #content li.top{ padding-top: 30px;}
    .content-area .flex-wrap #content li.line{ padding-bottom: 30px; border-bottom: 1px solid #ddd;}
    .content-area .flex-wrap #content li h4{ font-size: 12px; padding-bottom: 20px; color: #222;}
    .content-area .flex-wrap #content li div.ko{ display: inline-block; width: calc(100% - 80px); font-size: 12px; color: #777; line-height: 20px; word-break: keep-all;}
    .con-close{ display: none;}
    #mo-img{ width: 100%;}
    #mo-img img{ width: 100%; object-fit: cover; margin-bottom: 2px;} 
}