.module_movie { overflow: hidden; white-space: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%; font-size: 0; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 0 0.5rem; }
.module_movie .item { display: inline-block; width: 11.9375rem; margin-left: 0.25rem; }
.module_movie .item:first-child { margin-left: 0; }
.module_movie .item > div { overflow: hidden; vertical-align: top; }
.module_movie .item > div.cover .cover-mv { width: 11.9375rem; height: 6.875rem; display: block; position: relative; background-color: transparent; }
.module_movie .item > div.cover .cover-mv .mask { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #000; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter: alpha(opacity=10); z-index: 80; }
.module_movie .item > div.cover .cover-mv img { width: 100%; height: 100%; vertical-align: top; }
.module_movie .item > div.cover .cover-mv .theme { position: absolute; top: 0.3125rem; left: 0.3125rem; font-size: 0.57292rem; line-height: 0.9375rem; background: #0eb6e6; color: #fff; min-width: 1.58333rem; height: 0.9375rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; }
.module_movie .item > div.cover .cover-mv .theme.clip { background: #66c6c5; }
.module_movie .item > div.cover .cover-mv .theme.vod { background: #7094cd; }
.module_movie .item > div.cover .cover-mv .duration { position: absolute; bottom: 0.3125rem; right: 0.3125rem; font-size: 0.57292rem; line-height: 0.9375rem; background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; min-width: 1.58333rem; height: 0.9375rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; padding: 0 0.20833rem; }
.module_movie .item > div.info { position: relative; width: auto; vertical-align: top; line-height: 1.10417rem; padding-top: 0.66667rem; }
.module_movie .item > div.info a { display: block; color: #8b8b8b; }
.module_movie .item > div.info a > span { display: block; }
.module_movie .item > div.info a:hover { text-decoration: none; }
.module_movie .item > div.info .title { color: #2e3037; font-size: 0.86458rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; padding-top: 0.04167rem; margin-top: -0.04167rem; }
.module_movie .item > div.info .title .type { display: inline-block; font-size: 0.57292rem; line-height: 0.89583rem; background: #ffffff; color: #7e858b; min-width: 1.58333rem; height: 0.9375rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; position: relative; top: -0.10417rem; border: solid 0.0625rem #b2babd; margin-right: 0.08333rem; }
.module_movie .item > div.info .artist { font-weight: 400; color: #7e868c; font-size: 0.73958rem; padding-top: 0.08333rem; }
.module_movie .item > div.info .artist + span { height: 1.08333rem; padding-top: 0.0625rem; }
.module_movie .item > div.info .artist + span > span { display: inline-block; color: #909799; font-size: 0.6875rem; font-weight: 400; }
.module_movie .item > div.info .artist + span .date { padding-right: 0.29167rem; }
.module_movie .item > div.info .artist + span .count { padding-left: 1rem; background: url("//image.genie.co.kr/imageg/mobile_web/svg/icon_listview_playcount.svg") 0 44% no-repeat; background-size: 0.875rem 0.875rem; padding-right: 0.29167rem; }
.module_movie .item > div.info .artist + span .like { padding-left: 1rem; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Db250cm9scyAvIFRhYmxlVmlld0NlbGwgLyBHbHlwaHMgLyBJbmZvIC8gaWNvbl9saWtlX3NtYWxsX25vcm1hbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik03LDMuNTUgTDcuNjY2MzY1NSwyLjg5OTEzMTM3IEM4LjE2NDMwNjY0LDIuNDI5Mzk3NTggOC44NTUxNjAzMiwyLjI0MDc2MDcyIDkuNTM5MjY2NDYsMi4yMzk5OTI4NyBDMTAuMjg0NjM3NiwyLjI0MTY2OTk0IDEwLjk5MjE5MTMsMi41MTE5NjA3IDExLjU0LDMgQzEyLjE1MDk1MDIsMy41OTMxODYyIDEyLjQ5NTcxMiw0LjQwODQ1NDMgMTIuNDk1NzEyLDUuMjYgQzEyLjQ5NTcxMiw2LjExMTU0NTcgMTIuMTUwOTUwMiw2LjkyNjgxMzggMTEuNTQsNy41MiBMMTEuMjUsNy44MSBMNy41MywxMS41NCBDNy4yMzcxODI0NSwxMS44MzI0NTM0IDYuNzYyODE3NTUsMTEuODMyNDUzNCA2LjQ3LDExLjU0IEwyLjQ1LDcuNTIgQzEuODM5MDQ5NzUsNi45MjY4MTM4IDEuNDk0Mjg4MDQsNi4xMTE1NDU3IDEuNDk0Mjg4MDQsNS4yNiBDMS40OTQyODgwNCw0LjQwODQ1NDMgMS44MzkwNDk3NSwzLjU5MzE4NjIgMi40NSwzIEMzLjU1MzI2NDg1LDIuMDExNTkxNjMgNS4yMDA5Mjc3MywxLjkzNTU0Njg4IDYuMzI1NTk4ODUsMi44OTEyODI2IEw3LDMuNTUgWiBNMy40NDcxMDY3OCw3LjEwMjg5MzIyIEw2Ljk5OTc2MTU0LDEwLjY1NTU0ODIgTDEwLjU0Mjg5MzIsNy4xMDI4OTMyMiBMMTAuODQzNDAwNiw2LjgwMjUzOTY4IEMxMS4yNjAzOTg0LDYuMzk3NjY2NTYgMTEuNDk1NzEyLDUuODQxMjEzNzMgMTEuNDk1NzEyLDUuMjYgQzExLjQ5NTcxMiw0LjY3ODc4NjI3IDExLjI2MDM5ODQsNC4xMjIzMzM0NCAxMC44NzQ4MDA0LDMuNzQ2NjY1NTkgQzEwLjUwNzczMTcsMy40MTk2NDY0MyAxMC4wMzMwNzcxLDMuMjM5Mjc3NjkgOS41NDc1NDk2MiwzLjIzOTk5NyBDOS4wMTQ5ODU1MiwzLjIzODY5MjAxIDguNTAzODk0NDUsMy40NDk4NDcwMSA4LjEzNTM3NjE4LDMuODE4NzM5NTIgTDcsNC45ODExNDg0NyBMNi4yODQ2MjM4Miw0LjI0ODczOTUyIEw1Ljg3MDYwNjczLDMuODI0ODEyODcgQzUuMTIwMzU3NDEsMy4wNjk2ODc4OCAzLjkxMDEwMTM1LDMuMDM0NTIzMDUgMy4xNDY1OTkzOCwzLjcxNzQ2MDMyIEMyLjcyOTYwMTU5LDQuMTIyMzMzNDQgMi40OTQyODgwNCw0LjY3ODc4NjI3IDIuNDk0Mjg4MDQsNS4yNiBDMi40OTQyODgwNCw1Ljg0MTIxMzczIDIuNzI5NjAxNTksNi4zOTc2NjY1NiAzLjE1NzEwNjc4LDYuODEyODkzMjIgTDMuNDQ3MTA2NzgsNy4xMDI4OTMyMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iTXdlYl9TeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ29udHJvbHMtLy1UYWJsZVZpZXdDZWxsLS8tR2x5cGhzLS8tSW5mby0vLWljb25fbGlrZV9zbWFsbF9ub3JtYWwiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IlNoYXBlIiBmaWxsPSIjOTA5Nzk5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") 0 44% no-repeat; background-size: 0.875rem 0.875rem; }

.article__programs { position: relative; padding-bottom: 13.7em; text-align: center; }
.article__programs h3 { font-size: 1rem; text-align: left; line-height: 1.6904761904em; padding: 1.25rem 0.52083rem 0.52083rem; font-weight: 700; }
.article__programs .tab { position: absolute; top: 1.29167rem; right: 0.29167rem; font-size: 0.75rem; line-height: 2em; }
.article__programs .tab li { display: inline-block; }
.article__programs .tab li a { display: block; padding: 0 0.79487179487179em; line-height: 2em; }
.article__programs .tab li a.active { color: #0096FF !important; }
.article__programs .programlist { text-align: left; padding: 0 0.52083rem; }
.article__programs .programlist li { height: 3.875rem; position: relative; box-sizing: border-box; padding: 0.4375rem 0 0.4375rem 0; }
.article__programs .programlist li .programlist__cover { float: left; position: relative; border-radius: 50%; overflow: hidden; width: 3rem; height: 3rem; background-color: #cdd1d8; }
.article__programs .programlist li .programlist__cover:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; box-shadow: 0px 0px 0.0625rem rgba(0, 0, 0, 0.2) inset; }
.article__programs .programlist li .programlist__cover img { width: 100%; }
.article__programs .programlist li .programlist__info { display: block; overflow: hidden; padding: 0 0.875rem; line-height: 3rem; height: 3rem; vertical-align: middle; }
.article__programs .programlist li .programlist__info .programlist__tit { vertical-align: middle; line-height: 1.16667rem; font-weight: 400; white-space: nowrap; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; color: #2e3037; padding: 0.375rem 0 0.04167rem 0; }
.article__programs .programlist li .programlist__info .programlist__desc { line-height: 1.16667rem; font-weight: 400; white-space: nowrap; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 0.75rem; color: #7e868c; }
.article__programs .programlist li .programlist__info .programlist__desc * { display: none; }
.article__programs .section__end .programlist { overflow: hidden; }
.article__programs .section__end .programlist li { float: left; width: 50%; height: 3rem; }
.article__programs .section__end .programlist .programlist__cover { width: 1.875rem; height: 1.875rem; top: 0.125rem; }
.article__programs .section__end .programlist .programlist__info { line-height: 2.125rem; height: 2.125rem; }
.article__programs .section__end .programlist .programlist__info .programlist__tit { font-size: 0.75rem; display: inline-block; padding: 0; }
.article__programs .section__end .programlist .programlist__info .programlist__tit span { white-space: normal; word-break: break-word; line-height: 1.08333rem; overflow: hidden; max-height: 2.70833rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; }
.article__programs .btn-fold { display: inline-block; position: relative; padding: 0 2em; margin: -0.4444444444em 0 0.3055555555em; font-size: 0.75rem; line-height: 3em; margin: 0.83333rem 0; }
.article__programs .btn-fold:before { content: ''; display: block; position: absolute; top: 0; right: 0.77778em; width: 0.88889em; height: 100%; background: url("//image.genie.co.kr/imageg/mobile_web/common/blt_fold.png") no-repeat 100% 48%; background-size: 300% auto; }
.article__programs .btn-fold:before { background-position: 0 48%; }
.article__programs .btn-fold.disabled { display: none; }

.article__detail .header .home { display: block; width: 3rem; height: 3rem; line-height: 0; }
.article__detail .header .gnb { border-bottom: solid 0.04167rem transparent; }
.article__detail .header.mask {background: white; }
.article__detail .header.mask .home:after {background: url(//image.genie.co.kr/imageg/mobile_web/common/icon_gnb_home.png) no-repeat 0 0;     background-size: 200% 100%; }
.article__detail .header.mask .gnb { border-color: #e6e6e6; }
.article__detail .header.mask .gnb h1.title { color: #2f2f37; top: 0.05em; left: 2.9em; }
.article__detail .header .gnb .title { display: block; overflow: hidden; position: absolute; top: -1000em; left: 0; }
.article__detail .section__title { overflow: hidden; position: relative; background-position: 50% 50%; background-size: 100% auto; }
.article__detail .section__title:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.genie.co.kr/imageg/mobile_web/common/mask_gnb_50.png") rgba(0, 0, 0, 0.7) repeat-x 50% 0; background-size: 0.125em auto; }
.article__detail .section__title img { width: 100%; }
.article__detail .section__title .detail { position: relative; }
.article__detail .section__title .detail .dim { background: rgba(0, 0, 0, 0.1); }
.article__detail .section__title .detail .cover { width: 27.78%; max-width: 300px; margin: 0 auto; }
.article__detail .section__title .detail.detail-movie .cover { margin: 0 0 0 1.25em; }
.article__detail .section__title .detail .cover.radius { border-radius: 50%; overflow: hidden; }
.article__detail .section__title .detail .cover.radius img { border-radius: 50%; }
.article__detail .section__title .detail .title { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }
.article__detail .section__title .detail.detail-movie .title { padding-bottom: 0.5294117647em; }
.article__detail .section__title .detail .title.middle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 2.875em; margin: 0.6666666666em 0 1.3958333333em; padding: 0 1.25em; font-size: 1rem; line-height: 1.4375em; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-pack: center; -ms-box-align: center; }
.article__detail .section__title .detail .title.middle div { display: block; display: -webkit-box; max-height: 2.875em; font-size: 1rem; line-height: 1.4375em; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article__detail .section__title .btn-link { display: block; width: 74.5%; padding: 0.04166666666em 0; margin-left: 1.25em; }
.article__detail .section__title .btn-link span { display: inline-block; position: relative; padding-right: 1.435897435897em; font-size: 0.8125rem; line-height: 1.3333333333; }
.article__detail .section__title .btn-link span:before { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1em; height: 1em; margin-top: -0.5em; font-size: 1rem; background: url("//image.genie.co.kr/imageg/mobile_web/detail/blt_arrow.png") no-repeat 0 0; background-size: 100% auto; }
.article__detail .section__title .btn-play { display: block; position: absolute; top: 3.875em; right: 1.25em; width: 2.75em; height: 2.8125em; font-size: 1rem; line-height: 0; background: url("//image.genie.co.kr/imageg/mobile_web/detail/btn_play.png") no-repeat 0 0; background-size: 300% auto; text-indent: -9999px; }
.article__detail .section__title .btn-pause { display: block; position: absolute; top: 3.875em; right: 1.25em; width: 2.75em; height: 2.8125em; font-size: 1rem; line-height: 0; background: url("//image.genie.co.kr/imageg/mobile_web/detail/btn_play.png") no-repeat 100% 0; background-size: 300% auto; text-indent: -9999px; }
.article__detail .section__title .detail.detail-movie .btns { padding: 1.2291666666em 0 0 1.0416666666em; }
.article__detail .section__title .detail .btn-like { display: inline-block; overflow: hidden; position: relative; height: 2em; margin: 0 0.0416666666em; padding: 0 1.0416666666em 0 2.0208333333em; border: 0.0625em solid #fff; border-radius: 1em; line-height: 1.7291666666em; }
.article__detail .section__title .detail .btn-like:before { content: ''; display: block; position: absolute; top: 50%; left: 0.5625em; width: 1em; height: 0.875em; margin-top: -0.4375em; background: url("//image.genie.co.kr/imageg/mobile_web/detail/btns_190919.png") no-repeat 100% 0; background-size: 400% auto; }
.article__detail .section__title .detail .btn-like.active { border-color: #ff5b62; background-color: #ff5b62; }
.article__detail .section__title .detail .btn-like.active:before { background-position: 50% 0; }
.article__detail .section__title .detail .btn-share { display: inline-block; overflow: hidden; position: relative; height: 2.46153846153846em; margin: 0 0.051282051282em; padding: 0 1.1282051282em 0 2.4102564102564em; border: 0.076923076923em solid #fff; border-radius: 1.230769230769em; font-size: 0.8125rem; line-height: 2.3333333333em; }
.article__detail .section__title .detail .btn-share:before { content: ''; display: block; position: absolute; top: 50%; left: 0.5625em; width: 1em; height: 0.875em; margin-top: -0.5em; font-size: 1rem; background: url("//image.genie.co.kr/imageg/mobile_web/detail/btns_190919.png") no-repeat 75% 0; background-size: 400% auto; }
.article__detail .section__info { position: relative; overflow: hidden; }
.article__detail .section__info .tab { position: relative; width: 100%; border-bottom: 0.0625em solid #a6afb6; background-color: #fff; }
.article__detail .section__info .tab li { display: block; float: left; position: relative; width: 50%; height: 2.92857142857em; font-size: 0.875rem; line-height: 3em; text-align: center; }
.article__detail .section__info .tab.col-3 li { width: 33.3333333333%; }
.article__detail .section__info .tab .active:before { content: ''; display: block; position: absolute; bottom: -0.07142857142857em; left: 0; width: 100%; height: 0.142857142857em; background-color: #0eb6e6; }
.article__detail .section__info .tab a { display: block; width: 100%; height: 100%; color: #27282d; opacity: 0.7; }
.article__detail .section__info .tab .active a { color: #0eb6e6; opacity: 1; }
.article__detail .section__info .section { position: relative; padding: 0 1em; background-color: #fff; }
.article__detail .section__info .section.full { position: relative; padding: 0; }
.article__detail .section__info .section.fold { overflow: hidden; height: 9.375rem; }
.article__detail .section__info .section .description { padding: 0.5rem 0 0 0; }
.article__detail .section__info .section .description h2 { font-size: 1.16667rem; line-height: 1.70833rem; font-weight: bold; color: #2e3037; padding: 0.64583rem 0 0.47917rem 0; }
.article__detail .section__info .section .description p, .article__detail .section__info .section .description pre { font-size: 0.875rem; font-weight: normal; line-height: 1.20833rem; height: auto; color: #7e868c; overflow: hidden; word-break: break-word; white-space: pre-wrap; }
.article__detail .section__info .section-border { margin-bottom: 0.625em; border-bottom: 0.0625em solid #eef1f4; }
.article__detail .section__info .sub-title { display: block; padding: 1.547619047619em 0 0.4047619047619em 1.142857142857em; font-size: 0.875rem; line-height: 1.615384615384; }
.article__detail .section__info img { width: 100%; }
.article__detail .section__info .title { padding: 0.70588235294em 0 0.62745098039em; font-size: 1.0625rem; line-height: 1.3333333333em; }
.article__detail .section__info pre.info, .article__detail .section__info .info { display: block; padding: 1.02564102564em 0 1.02564102564em; font-size: 0.8125rem; line-height: 1.615384615384em; word-break: break-word; white-space: pre-wrap; }
.article__detail .section__info pre.info dt, .article__detail .section__info .info dt { clear: both; overflow: hidden; float: left; width: 3.75rem; color: #2e3037; font-size: 0.875rem; }
.article__detail .section__info pre.info dd, .article__detail .section__info .info dd { margin-left: 4.79167rem; font-size: 0.875rem; color: #7e868c; }
.article__detail .section__info pre.info dt, .article__detail .section__info pre.info dd, .article__detail .section__info .info dt, .article__detail .section__info .info dd { padding: 0.0625rem 0; }
.article__detail .section__info .detail .btn-more { opacity: 0; padding-top: 0.72916666666em; background-color: #fff; }
.article__detail .section__info .detail .btn-fold { display: block; width: 50%; text-align: left; outline: none; }
.article__detail .section__info .detail .btn-fold span { color: #0eb6e6; display: inline-block; position: relative; padding: 0 1.45833rem 0 1rem; font-size: 0.75rem; line-height: 1.125rem; }
.article__detail .section__info .detail .btn-fold span:before { content: ''; display: block; position: absolute; top: 0; right: 0.45833rem; width: 0.5625rem; height: 100%; background: url("//image.genie.co.kr/imageg/mobile_web/common/blt_fold_blue.png") no-repeat 0 48%; background-size: 300% auto; }
.article__detail .section__info .detail .btn-fold.fold span:before { background-position: 100% 48%; }

.section__module_movie { padding-bottom: 15.3125em; position: relative; overflow: hidden; min-height: 20rem; }
.section__module_movie.section__module_movie--solid { padding: 0; }
.section__module_movie .wrap_btn-sort { text-align: right; border-bottom: solid 0.04167rem #ededed; margin: 0 1rem; line-height: 2.39583rem; height: 2.39583rem; }
.section__module_movie .wrap_btn-sort .btn-sort { color: #7e868c; display: inline-block; position: relative; padding: 0 1.45833rem 0 1rem; font-size: 0.75rem; line-height: 1.125rem; outline: none; }
.section__module_movie .wrap_btn-sort .btn-sort:before { content: ''; display: block; position: absolute; top: 0; right: 0.45833rem; width: 0.5625rem; height: 100%; background: url("//image.genie.co.kr/imageg/mobile_web/common/blt_fold.png") no-repeat 0 48%; background-size: 300% auto; }
.section__module_movie .wrap_btn-sort .btn-sort.active:before { transform: rotate(180deg); background-position: 0 52%; }
.section__module_movie section { position: relative; margin: 0 1rem; }
.section__module_movie section h3 { font-size: 0.875rem; text-align: left; color: #2e3037; line-height: 3rem; padding: 0.60417rem 0 0 0; height: 3rem; }
.section__module_movie section .float-right { position: absolute; top: 0.5rem; right: 0; }
.section__module_movie section .join_event { display: inline-block; overflow: hidden; position: relative; margin: 0; padding: 0 1.1282051282em; border-radius: 1rem; line-height: 2rem; min-width: 5.39583rem; height: 2rem; background-color: #0eb6e6; font-size: 0.75rem; color: #ffffff; }

.module_movie--nodata { width: 100%; font-size: 1rem; padding: 3.75rem 0; margin: 0; text-align: center; color: #2f2f37; }

input + ul.module_movie--vertical { padding: 0 0 0 0; }

.module_movie--vertical { width: 100%; font-size: 0; -webkit-overflow-scrolling: touch; padding: 0; }
.module_movie--vertical .item { overflow: hidden; padding: 0.5625rem 0; vertical-align: middle; font-size: 0; display: table; line-height: 4.5rem; table-layout: fixed; width: 100%; }
.module_movie--vertical .item > div { display: table-cell; vertical-align: middle; }
.module_movie--vertical .item > div.cover { width: 8rem; height: 4.5rem; }
.module_movie--vertical .item > div.cover .cover-mv { height: 100%; display: block; position: relative; background-color: transparent; }
.module_movie--vertical .item > div.cover .cover-mv .mask { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #000; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter: alpha(opacity=10); z-index: 30; box-sizing: border-box; }
.module_movie--vertical .item > div.cover .cover-mv img { width: 100%; height: 100%; vertical-align: top; max-height: 4.5rem; }
.module_movie--vertical .item > div.cover .cover-mv .theme { position: absolute; top: 0.3125rem; left: 0.3125rem; font-size: 0.57292rem; line-height: 1.0625rem; background: #0eb6e6; color: #fff; min-width: 1.77083rem; height: 1.0625rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; }
.module_movie--vertical .item > div.cover .cover-mv .theme.vod { background: #7094cd; }
.module_movie--vertical .item > div.cover .cover-mv .theme.clip { background: #66c6c5; }
.module_movie--vertical .item > div.cover .cover-mv .duration { position: absolute; bottom: 0.3125rem; right: 0.3125rem; font-size: 0.57292rem; line-height: 0.9375rem; background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; min-width: 2rem; height: 0.9375rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; padding: 0 0.20833rem; }
.module_movie--vertical .item > div.info { position: relative; width: auto; vertical-align: middle; line-height: 1.10417rem; padding: 0rem 0 0rem 0.89583rem; color: #8b8b8b; }
.module_movie--vertical .item > div.info > span, .module_movie--vertical .item > div.info > a { display: block; }
.module_movie--vertical .item > div.info > span:hover, .module_movie--vertical .item > div.info > a:hover { text-decoration: none; }
.module_movie--vertical .item > div.info .title { color: #2e3037; font-size: 0.875rem; font-weight: 400; overflow: hidden; line-height: 1.125rem; overflow: hidden; max-height: 2.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; }
.module_movie--vertical .item > div.info .title .type { display: inline-block; font-size: 0.57292rem; line-height: 0.89583rem; background: #ffffff; color: #7e858b; min-width: 1.58333rem; height: 0.9375rem; font-weight: 400; text-align: center; font-family: arial, Roboto; letter-spacing: 0; border-radius: 0.10417rem; position: relative; top: -0.10417rem; border: solid 0.0625rem #b2babd; margin-right: 0.08333rem; }
.module_movie--vertical .item > div.info .title .icon { display: inline-block; overflow: hidden; width: 0.83333rem; height: 0.83333rem; margin: 0rem 0.04167rem 0 0; padding: 0; background: url(//image.genie.co.kr/imageg/web/blt/list_190809.png) transparent no-repeat 0 0; vertical-align: top; text-indent: -9999px; background-size: 0.83333rem 0.83333rem; }
.module_movie--vertical .item > div.info .title .icon.icon-19 { background-image: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_badge_age19_ios.svg); }
.module_movie--vertical .item > div.info .artist { font-weight: 400; color: #7e868c; font-size: 0.73958rem; padding-top: 0.125rem; display: inline-block; width: auto; max-width: 100%; }
.module_movie--vertical .item > div.info .artist + span { height: 1.08333rem; padding-top: 0rem; }
.module_movie--vertical .item > div.info .artist + span > span { display: inline-block; color: #909799; font-size: 0.6875rem; font-weight: 400; }
.module_movie--vertical .item > div.info .artist + span .date { padding-right: 0.29167rem; }
.module_movie--vertical .item > div.info .artist + span .count { padding-left: 1rem; background: url("//image.genie.co.kr/imageg/mobile_web/svg/icon_listview_playcount.svg") 0 44% no-repeat; background-size: 0.875rem 0.875rem; padding-right: 0.29167rem; }
.module_movie--vertical .item > div.info .artist + span .like { padding-left: 1rem; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Db250cm9scyAvIFRhYmxlVmlld0NlbGwgLyBHbHlwaHMgLyBJbmZvIC8gaWNvbl9saWtlX3NtYWxsX25vcm1hbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik03LDMuNTUgTDcuNjY2MzY1NSwyLjg5OTEzMTM3IEM4LjE2NDMwNjY0LDIuNDI5Mzk3NTggOC44NTUxNjAzMiwyLjI0MDc2MDcyIDkuNTM5MjY2NDYsMi4yMzk5OTI4NyBDMTAuMjg0NjM3NiwyLjI0MTY2OTk0IDEwLjk5MjE5MTMsMi41MTE5NjA3IDExLjU0LDMgQzEyLjE1MDk1MDIsMy41OTMxODYyIDEyLjQ5NTcxMiw0LjQwODQ1NDMgMTIuNDk1NzEyLDUuMjYgQzEyLjQ5NTcxMiw2LjExMTU0NTcgMTIuMTUwOTUwMiw2LjkyNjgxMzggMTEuNTQsNy41MiBMMTEuMjUsNy44MSBMNy41MywxMS41NCBDNy4yMzcxODI0NSwxMS44MzI0NTM0IDYuNzYyODE3NTUsMTEuODMyNDUzNCA2LjQ3LDExLjU0IEwyLjQ1LDcuNTIgQzEuODM5MDQ5NzUsNi45MjY4MTM4IDEuNDk0Mjg4MDQsNi4xMTE1NDU3IDEuNDk0Mjg4MDQsNS4yNiBDMS40OTQyODgwNCw0LjQwODQ1NDMgMS44MzkwNDk3NSwzLjU5MzE4NjIgMi40NSwzIEMzLjU1MzI2NDg1LDIuMDExNTkxNjMgNS4yMDA5Mjc3MywxLjkzNTU0Njg4IDYuMzI1NTk4ODUsMi44OTEyODI2IEw3LDMuNTUgWiBNMy40NDcxMDY3OCw3LjEwMjg5MzIyIEw2Ljk5OTc2MTU0LDEwLjY1NTU0ODIgTDEwLjU0Mjg5MzIsNy4xMDI4OTMyMiBMMTAuODQzNDAwNiw2LjgwMjUzOTY4IEMxMS4yNjAzOTg0LDYuMzk3NjY2NTYgMTEuNDk1NzEyLDUuODQxMjEzNzMgMTEuNDk1NzEyLDUuMjYgQzExLjQ5NTcxMiw0LjY3ODc4NjI3IDExLjI2MDM5ODQsNC4xMjIzMzM0NCAxMC44NzQ4MDA0LDMuNzQ2NjY1NTkgQzEwLjUwNzczMTcsMy40MTk2NDY0MyAxMC4wMzMwNzcxLDMuMjM5Mjc3NjkgOS41NDc1NDk2MiwzLjIzOTk5NyBDOS4wMTQ5ODU1MiwzLjIzODY5MjAxIDguNTAzODk0NDUsMy40NDk4NDcwMSA4LjEzNTM3NjE4LDMuODE4NzM5NTIgTDcsNC45ODExNDg0NyBMNi4yODQ2MjM4Miw0LjI0ODczOTUyIEw1Ljg3MDYwNjczLDMuODI0ODEyODcgQzUuMTIwMzU3NDEsMy4wNjk2ODc4OCAzLjkxMDEwMTM1LDMuMDM0NTIzMDUgMy4xNDY1OTkzOCwzLjcxNzQ2MDMyIEMyLjcyOTYwMTU5LDQuMTIyMzMzNDQgMi40OTQyODgwNCw0LjY3ODc4NjI3IDIuNDk0Mjg4MDQsNS4yNiBDMi40OTQyODgwNCw1Ljg0MTIxMzczIDIuNzI5NjAxNTksNi4zOTc2NjY1NiAzLjE1NzEwNjc4LDYuODEyODkzMjIgTDMuNDQ3MTA2NzgsNy4xMDI4OTMyMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iTXdlYl9TeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ29udHJvbHMtLy1UYWJsZVZpZXdDZWxsLS8tR2x5cGhzLS8tSW5mby0vLWljb25fbGlrZV9zbWFsbF9ub3JtYWwiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IlNoYXBlIiBmaWxsPSIjOTA5Nzk5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") 0 44% no-repeat; background-size: 0.875rem 0.875rem; }

.drawer--bottom .drawer-nav { top: auto; bottom: 0; width: 100%; height: auto; z-index: 100; }

.drawer--bottom .drawer-nav { bottom: -16.25rem; -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

.drawer--bottom .drawer-hamburger, .drawer--bottom.drawer-open .drawer-nav, .drawer--bottom.drawer-open .drawer-navbar .drawer-hamburger { bottom: 0; }

.drawer--bottom.drawer-open .drawer-hamburger { bottom: 16.25rem; }

@media (min-width: 64em) { .drawer--sidebar.drawer--bottom .drawer-nav { bottom: 0; border-top: 1px solid #ddd; }
	.drawer--sidebar.drawer--bottom .drawer-contents { margin-bottom: 12.5rem; } }
@media (min-width: 75em) { .drawer--sidebar.drawer--bottom .drawer-contents { margin-bottom: 16.25rem; } }
.drawer--bottom .drawer-nav { z-index: 502; }
.drawer--bottom .drawer-menu { padding: 0 0.9375rem; }
.drawer--bottom .drawer-menu li { font-size: 1rem; text-align: center; display: block; text-decoration: none; font-size: 0.875rem; line-height: 3rem; border-bottom: solid 0.04167rem #ededed; }
.drawer--bottom .drawer-menu li a { display: block; color: #2e3037; }
.drawer--bottom .drawer-menu li.active a { color: #0096FF; }
.drawer--bottom .drawer-menu li.action { font-weight: bold; border-bottom: none; }
.drawer--bottom .drawer-menu li.action a { color: #909799; }

div.drawer-overlay { background-color: rgba(0, 0, 0, 0.5) !important; z-index: 501; }

.movie__detail { padding-top: 56.2037%; }
.movie__detail .detail-player { position: fixed; top: 0; z-index: 50; width: 100%; }
.movie__detail .list-comment { background-color: #fff; }
.movie__detail .detail-title { color: #2e3037; background-color: #f7f9fc; width: auto; padding: 0; }
.movie__detail .detail-title:before { background: #fff; top: 0.625rem; }
.movie__detail .detail-title .detail.detail-movie { padding: 0.625rem 1.02083rem; }
.movie__detail .detail-title .detail.detail-movie .title { padding: 0.83333rem 2.08333rem 0 0; margin-bottom: 0.64583rem; overflow: hidden; text-overflow: ellipsis; font-size: 1.16667rem; overflow: hidden; max-height: 4.0674rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; word-break: break-all; }
.movie__detail .detail-title .detail.detail-movie .title .icon { display: inline-block; overflow: hidden; width: 0.83333rem; height: 0.83333rem; margin: 0.27083rem 0.14583rem 0 0; padding: 0; background: url(//image.genie.co.kr/imageg/web/blt/list_190809.png) transparent no-repeat 0 0; vertical-align: top; text-indent: -9999px; background-size: 0.83333rem 0.83333rem; }
.movie__detail .detail-title .detail.detail-movie .title .icon.icon-19 { background-image: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_badge_age19_ios.svg); }
.movie__detail .detail-title .detail.detail-movie .info .btn-link { margin-left: 0; margin-bottom: 0.54167rem; padding-top: 0.20833rem; }
.movie__detail .detail-title .detail.detail-movie .info .btn-link span { font-size: 0.875rem; line-height: 1rem; height: 1rem; width: auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.movie__detail .detail-title .detail.detail-movie .info .btn-link span:before { background-image: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_listtop_arrow_right.svg); }
.movie__detail .detail-title .detail.detail-movie .info .date, .movie__detail .detail-title .detail.detail-movie .info .play_count { color: #2e3037; font-size: 0.9375rem; }
.movie__detail .detail-title .detail.detail-movie .info .play_count { padding-left: 1rem; margin-left: 0.39583rem; position: relative; }
.movie__detail .detail-title .detail.detail-movie .info .play_count:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.47917rem; width: 0.875rem; height: 0.875rem; background: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_listview_playcount_dark.svg) no-repeat 0 0; background-size: 0.875rem 0.875rem !important; }
.movie__detail .detail-title .detail.detail-movie .desc { display: none; padding: 0.35417rem 0 13.6875rem 0; }
.movie__detail .detail-title .detail.detail-movie .desc h3 { padding: 1.95833rem 0 0.5625rem 0; font-weight: 700; font-size: 1.25rem; color: #2e3037; }
.movie__detail .detail-title .detail.detail-movie .desc pre { color: #7e868c; font-size: 0.875rem; font-weight: 400; line-height: 1.04167rem; white-space: pre-wrap; }
.movie__detail .detail-title .detail.detail-movie .desc h3 + pre { font-size: 0.875rem; color: #2e3037; }
.movie__detail .detail-title .detail.detail-movie .btns { position: relative; padding-left: 0; }
.movie__detail .detail-title .detail.detail-movie .btns .btn-like:before { background: url("//image.genie.co.kr/imageg/mobile_web/detail/btns_190919.png") no-repeat 100% 0; background-size: 400% auto; }
.movie__detail .detail-title .detail.detail-movie .btns .btn-like, .movie__detail .detail-title .detail.detail-movie .btns .btn-magazine { color: #909799 !important; border-color: #909799 !important; }
.movie__detail .detail-title .detail.detail-movie .btns .btn-like.active { color: #fff !important; border-color: #ff5b62 !important; background-color: #ff5b62; min-width: 4rem; }
.movie__detail .detail-title .detail.detail-movie .btns .btn-like.active:before { background-position: 33% 0 !important; }
.movie__detail .detail-title .detail.detail-movie .btns .link-text { position: absolute; bottom: 0; right: 0; height: 2rem; line-height: 2rem; font-size: 0.85417rem; color: #909799; padding-right: 1.125rem; }
.movie__detail .detail-title .detail.detail-movie .btns .link-text:after { position: absolute; right: 0; top: 50%; margin-top: -0.5625rem; content: ''; width: 1.125rem; height: 1.125rem; background: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_listtop_arrow_right_gray.svg) no-repeat 0 0; background-size: 1.125rem !important; }
.movie__detail .detail-title .detail.detail-movie .btn-toggle { position: absolute; top: 1.10417rem; right: 0.375rem; width: 2.5rem; height: 2.5rem; background: url(//image.genie.co.kr/imageg/mobile_web/svg/btn_general_arrow_down.svg) 0 0 no-repeat; background-size: 2.5rem 2.5rem; }
.movie__detail.movie__detail--toggle .detail-title .info .date, .movie__detail.movie__detail--toggle .detail-title .info .play_count, .movie__detail.movie__detail--toggle .detail-title .btns, .movie__detail.movie__detail--toggle .detail-info { display: none; }
.movie__detail.movie__detail--toggle .detail-title .detail.detail-movie .desc { display: block; }
.movie__detail.movie__detail--toggle .detail .btn-toggle { background-image: url(//image.genie.co.kr/imageg/mobile_web/svg/icon_function_cancel.svg) !important; }