@charset "UTF-8";
[class^=mdSideContents]{display:none;position:relative}
[class^=mdSideContents] [class^=ptSideContents]{position:relative;width:100%;height:100vh;height:100dvh}
[class^=mdSideContents] [class^=ptSideContents] .elCoverContents{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;background:rgba(0,0,0,0)}
[class^=mdSideContents] [class^=ptSideContents][class*=__leftContents] .elBannerWrap{position:relative;width:100%;max-width:370px;margin:0 auto}
[class^=mdSideContents] [class^=ptSideContents][class*=__leftContents] .elText{position:absolute;top:78%;width:100%;padding:0 15%;font-size:11px;text-align:center}
[class^=mdSideContents] [class^=ptSideContents][class*=__leftContents] .elLink{color:#434343;text-decoration:underline}
[class^=mdSideContents] [class^=ptSideContents][class*=__rightContents] .elLinkList{position:relative;width:86%;max-width:217px;margin:0 auto;padding:14px;border-radius:10px;background-color:#fff;text-align:center}
[class^=mdSideContents] [class^=ptSideContents][class*=__rightContents] .elLinkItem{position:relative;padding:12px 0}
[class^=mdSideContents] [class^=ptSideContents][class*=__rightContents] .elLinkItem+.elLinkItem::before{content:"";width:62%;height:1px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-top:1px dashed #07b}
[class^=mdSideContents] [class^=ptSideContents][class*=__rightContents] .elLinkItem.elCurrent .elLink{color:#07b}
[class^=mdSideContents] [class^=ptSideContents][class*=__rightContents] .elLink{color:#434343;font-size:15px;font-weight:700}
@media screen and (min-width:1280px){
[class^=mdSideContents]{display:contents}
}