@charset "UTF-8";

html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,thead,tfoot,rt,th,td,summary,
small,b,i,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,
time,mark,audio,video{margin:0;padding:0;}

article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:after,q:before{content:"";}
input{vertical-align:middle;}
abbr,acronym{border:none;}
hr{display:none;}
#skipNavi,.blind, hr{position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}

li img, dd img{vertical-align:top;}
img{max-width:100%;}



*{box-sizing:border-box;}
.wrap{width:100%;font-family:'Noto Sans KR', sans-serif;font-weight:400;}
.header{width:100%;}
.header .h_top{position:relative;padding:5px 0 0px 0;width:100%;}
.header .logo{width:160px;margin:0 auto;}
.header .btn_s_menu{position:absolute;top:26px;right:18px;display:block;width:24px;height:16px;background:url('/_static/mobile/images/intro/top_menu_btn.png') no-repeat 0 0;background-size:auto 16px;}
.search_wrap{position:relative;width:68%;max-width:522px;height:36px;margin:7px auto 15px auto;border-radius:18px;}
.search_wrap .input_style{float:left;display:block;width:calc(100% - 20px);height:36px;padding:0 0 0 18px;border:1px solid #ff4444;border-radius:18px 0 0 18px;letter-spacing:-1px;font-weight:500;}
.search_wrap .input_style::placeholder{color:#b9b9b9;}
.search_wrap .input_style:focus{outline:none;}
.search_wrap .btn_search{position:absolute;top:0;right:0;display:block;width:36px;height:36px;border-radius:50%;background:#ff4444 url('/_static/mobile/images/intro/btn_search.png') no-repeat center center;background-size:auto 16px;}
.gnb_wrap{width:100%;}


.gnb_wrap .gnb{overflow-x:scroll; overflow: hidden;width:100%;height:44px;background:#ff4444;}
.gnb_wrap .gnb ul{display: flex;    justify-content: center;    align-items: center;}
.gnb_wrap .gnb ul:after{content:'';display:block;clear:both;}
.gnb_wrap .gnb ul li{position:relative;float:left;padding:0 15px;line-height:44px;font-weight:500;color:#fff;white-space: nowrap;}
.gnb_wrap .gnb ul .line{position:absolute;left:50%;bottom:0;width:calc(100% - 28px);height:3px;opacity:0;background:#fff;transform:translate(-50%, 0);}
.gnb_wrap .gnb .active .line{opacity:1;}
.container{padding-bottom:50px;}
.best_content_wrap{width:100%;padding-bottom:20px;background:#3f415d;}
.best_content_wrap .b_inner{position:relative;overflow:hidden;width:100%;/* height:290px; */padding:10px 0 15px 0;}
.best_content_wrap .b_inner .slick-slide{position:relative;/* top:20px; */margin:0 10px;}
.best_content_wrap .b_inner .slick-slide.slick-center{/* top:0; */}
.best_content_wrap .b_inner img { width:100px;height:144px;}
.best_content_wrap .c_poster{overflow:hidden;display:block;width:100%;}
.best_content_wrap .btn_play{z-index:2;position:absolute;top:50%;left:50%;display:block;width:45px;height:45px;background:url('/_static/mobile/images/intro/btn_play.png') no-repeat 0 0;background-size:45px 45px;transform:translate(-50%, -50%);opacity:0;}
.best_content_wrap .slick-slide{position:relative;}
/* 
.best_content_wrap .slick-slide.slick-center.slick-cloned{top:10px;}
.best_content_wrap .slick-slide.slick-center.slick-cloned.slick-current{top:10px;}
.best_content_wrap .slick-slide.slick-cloned{top:10px;} */
.best_content_wrap .slick-slide.slick-center .btn_play{opacity:1;}
/* .best_content_wrap ul{left:50%;position:absolute;width:100%;margin-left:0;transform:translate(-50%, 0);}
.best_content_wrap ul:after{content:'';display:block;clear:both;}
.best_content_wrap li{position:absolute;top:20px;width:31.2%;}
.best_content_wrap .c_poster{position:relative;z-index:1;overflow:hidden;display:block;width:100%;}
.best_content_wrap .c_poster > img{display:block;width:100%;}
.best_content_wrap .btn_play{z-index:2;position:absolute;top:50%;left:50%;display:block;width:45px;height:45px;background:url('/_static/mobile/images/intro/btn_play.png') no-repeat 0 0;background-size:45px 45px;transform:translate(-50%, -50%);opacity:0;}
.best_content_wrap li.active{top:0;width:39.4%;width:170px;}
.best_content_wrap li.active .c_poster{width:100%;}
.best_content_wrap li.active .btn_play{opacity:1;} */
/* .best_content_wrap .con_1{left:-4.9%;}
.best_content_wrap .con_2{left:30.8%;}
.best_content_wrap .con_3{left:75.2%;}
.best_content_wrap .con_4{left:110.9%;} */
.best_content_wrap .shadow{z-index:0;left:0;position:absolute;bottom:10px;width:100%;height:100px;display:block;/* background:rgba(0,0,0,0.3); */box-shadow:20px 20px 30px rgba(0,0,0,0.4);}
.best_content_wrap .btn_down{display:block;width:90%;height:40px;margin:0 auto;border:1px solid #ff4444;border-radius:5px;text-align:center;font-weight:bold;color:#ff4444;font-size:13px;line-height:39px;}
.best_content_wrap .btn_down .ico{position:relative;top:1px;display:inline-block;width:18px;height:13px;margin-right:3px;background:url('/_static/mobile/images/intro/ico_down.png') no-repeat 0 0;background-size:auto 13px;}
.slide_content_wrap{position:relative;width:100%;padding:30px 0 15px 12px;}
.slide_content_wrap .tit{margin-bottom:15px;font-size:18px;letter-spacing:-1px;color:#4a4a4a;font-weight:bold;}
.slide_content_wrap.tv .t_color{color:#ff4444;}
.slide_content_wrap.movie .t_color{color:#ff4444;}
.slide_content_wrap .btn_more{position:absolute;top:36px;right:12px;display:block;width:48px;height:16px;text-indent:-9999px;background:no-repeat 0 0;background-size:auto 16px;}
.slide_content_wrap.tv .btn_more{background-image:url('/_static/mobile/images/intro/btn_more_1.png');} 
.slide_content_wrap.movie .btn_more{background-image:url('/_static/mobile/images/intro/btn_more_2.png');} 
.slide_area{overflow-x:scroll;width:100%;}
.slide_area ul{width:calc(110px * 5);}
.slide_area ul:after{content:'';display:block;clear:both;}
.slide_area li{position:relative;float:left;width:100px;margin-top:3px;margin-left:10px;}
.slide_area li:first-child{margin-left:0;}
.slide_area .c_img{overflow:hidden;display:block;width:100px;height:144px;margin-bottom:7px;}
.slide_area .rank{position:absolute;top:-3px;left:5px;display:block;width:20px;height:22px;border-radius:0 0 50% 50%;font-size:12px;font-weight: bold;line-height:20px;color:#fff;text-align:center;}
.tv .slide_area .rank{background:#ff4444;}
.movie .slide_area .rank{background:#ff4444;}
.slide_area .c_name{overflow:hidden;display:block;width:100%;line-height:20px;font-size:14px;color:#4a4a4a;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;}
.footer{width:100%;padding:40px 16px;text-align:center;font-size:12px;line-height:20px;letter-spacing:-1px;color:#999;background:#3f415d;}
.footer .copy{display:block;margin:30px 0 20px 0;}
.footer .bar{position:relative;top:2px;display:inline-block;width:1px;height:13px;margin:0 5px 0 8px;background:#999;}
.footer .foot_logo{display:block;width:100px;margin:0 auto;}


.notice_txt{width:calc(100% - 24px);margin:0 auto;padding:12px;font-size:14px;line-height:18px;letter-spacing:-1px;background:#efefef;}


.adult .slide_area{margin-bottom:30px;}




.modal a.close-modal {    position: absolute;    top: 16px;    right: 16px;    appearance: none;    -webkit-appearance: none;    width: 16px;    height: 16px;    border: none;   
background: url(//pic.filestar.co.kr/_img/common/sub_common_new.png) no-repeat 0 -84px; cursor: pointer}

.modal{display:none;vertical-align:middle;position:relative;z-index:2;box-sizing:border-box;width:95%; max-width:480px;background:#fff;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}
.modal-dialog {    position: relative;    margin: 1.75rem auto;  width: auto;    margin: .5rem}
.modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;border: 1px solid rgba(0, 0, 0, .2);pointer-events: auto;background-color: #fff;
background-clip: padding-box;outline: 0}
.onplay .modal-header {position: relative;height: 46px;padding: 0 0 0 18px;border-bottom: 1px solid #e3e3e3;line-height: 46px;background: #f4f4f4}
.modal.common-modal-container {   padding: 0 0}
.modal.common-modal-container .modal-dialog {    margin: 0}
.modal.common-modal-container .onplay .modal-header {    border-bottom: 0}
.modal.common-modal-container-mid {    max-width: 577px;    padding: 0}
.modal.common-modal-container-mid .modal-dialog {    margin: 0}
.modal.pay-modal-container {    max-width: 974px;    padding: 0}
.modal.pay-modal-container .modal-dialog {    margin: 0}
.modal.join-container {    background: #fff;	}
.modal.m670-modal-container {    max-width: 670px;    padding: 0}
.modal.m670-modal-container .modal-dialog {    margin: 0}
.modal .t_txt {    height: 63px;    line-height: 63px;    letter-spacing: -1px;    font-size: .75rem;    text-align: center}
.modal .t_txt.t_ty {    font-size: 16px;    font-family: 'NotoSansR';    color: #222;}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999;padding:5px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,.75);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}
.blocker.behind{background-color:transparent}

.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.5)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.5);-webkit-transform:scaleY(.5)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#ambiance-notification{display:block;position:fixed;top:10px;right:10px;z-index:9999}
.ambiance-title{font-weight:bolder}.ambiance-link a{font-weight:700;text-decoration:none}
.ambiance{float:right;clear:both;border:3px solid transparent}.ambiance:hover{border:3px solid #ddd}
.ambiance-default,.ambiance-error,.ambiance-success{border-radius:5px;-moz-border-radius:5px;padding:10px;margin:10px}
.ambiance-default{background:#000;color:#ddd}
.ambiance-success{background:#468847;color:#dff0d8}
.ambiance-error{background:#b94a48;color:#f2dede}
.ambiance-close{display:block;position:relative;top:-2px;right:0;color:#fff;float:right;font-size:18px;font-weight:700;text-decoration:none;position:relative;line-height:14px;margin-left:5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.ambiance-close:hover{color:#bbb;cursor:pointer}

.login_wrap {padding: 5px;border: 0 solid #f0f2f3}
.login_wrap .logo {
height: 30px;
margin: 0 auto 20px auto;
background: url(//pic.filestar.co.kr/_img/intro/logo_new.png) no-repeat 0 0;
background-size: 148px auto
}

.login_wrap .input_wrap {
height: 42px;
margin: 0 auto 12px auto;
width: 49%;
float: left;
}

.login_wrap .input_wrap .input_style {
display: block;
width: 100%;
height: 42px;
padding-left: 22px;
border: 1px solid #d4d4d4;
font-size: .785rem
}

.login_wrap .input_wrap02 {
width: 109px;
height: 0px;
margin: 0 5px 12px auto;
float: left;
}

.login_wrap .input_wrap02.full {
width: 53%;
height: 0px;
margin: 0 ;
float: left;
}
.login_wrap .input_wrap02.none {
display:none;}
.login_wrap .input_wrap02 .input_style {
display: block;
width: 100%;
height: 42px;
padding-left: 10px;
border: 1px solid #d4d4d4;
font-size: .785rem
}

.login_wrap .input_line {
height: 42px;
margin: 0 auto 8px auto
}

.login_wrap .input_line .input_style {
display: block;
width: 100%;
height: 42px;
padding-left: 22px;
border: 1px solid #d4d4d4;
font-size: .785rem
}
.login_wrap .input_line .input_style::placeholder {
color: #b2b2b2;
}
.login_wrap .btn_login {
display: block;
width: 100%;
margin: 0 auto 35px auto;
height: 60px;
border: none;
line-height: 60px;
text-align: center;
background: #ff4444;
color: #fff;
font-size: 16px;
font-family: 'NotoSansM';
cursor: pointer
}
.login_wrap .btn_login.join {
margin: 0 auto;
background: #454545;
color: #fff;
}
.login_wrap .btn_login.join strong {
color: #fff000;
}

.login_wrap .btn_login:hover {
opacity: .7
}

.login_wrap .btn_login:focus {
outline: 0 !important
}

.sns_login_wrap {
position: relative;
padding: 25px 0 25px 0;
margin: 0 auto;
border-top: 1px solid #e2e2e2;
}

/*### 웹 로그인 레이어  폼 변경   모비일처럼   202504 ###*/
.f_content {width: 100%;position: relative; }
.f_content .inner {
width: 100%;
max-width: 768px;
margin: 0 auto
}

.f_content .inner.onetoone {
padding-bottom: 40px
}

.f_content .input_wrap {
padding: 20px 0;
background: #fff
}

.f_content .input_style {
float: left;
display: block;
width: 50%;
height: 42px;
padding: 0 0 0 15px;
/*margin-right: 1.4%;*/
border: 1px solid #cbcbcb;
line-height: 43px;
color: #000;
box-sizing: border-box;
}

.f_content .input_style2 {
float: right;
display: block;
height: 42px;
padding: 0 0 0 15px;
/* margin-right: 1.4%; */
border: 1px solid #cbcbcb;
line-height: 42px;
    box-sizing: border-box;
}

.f_content .input_style.size2 {
width: 100%
}

.f_content .input_style.size2.b_t_none {
border-top: none
}

.f_content .input_style.full {
width: 100%;
color: #000
}

.f_content .input_style.full2 {
width: 100%;
color: #000
}

.f_content .input_style.full2 {
color: #000
}

.f_content .input_style2.full2 {
width: 100%;
    box-sizing: border-box;
}

.f_content .input_line {
clear: both;
padding: 0;
}

.f_content .input_line::after {
content: '';
display: block;
clear: both
}

.f_content .select_style {
-webkit-appearance: none;
display: block;
border-radius: 0;
width: 100%;
height: 45px;
padding: 0 0 0 15px;
border: 1px solid #cbcbcb;
line-height: 43px;
color: #000;
background: #fff
}

.f_content .select_input {
display: none;
float: right;
position: relative;
width: 53%;
}

.f_content .select_input .arrow {
position: absolute;
top: 0;
right: 0;
display: block;
width: 45px;
height: 42px;
border: 1px solid #cbcbcb;
background: #fff url(/_static/mobile/images/ico/ico_select_arrow.png) no-repeat center center;
background-size: auto 8px;
box-sizing: border-box;
}

.f_content .select_input.active {
display: block
}

.f_content .select_input .back_ico {
position: absolute;
top: 0;
right: 0;
display: block;
width: 44px;
height: 44px;
background: url(/_static/mobile/images/ico/ico_arrow_list.png) no-repeat 0 0;
background-size: auto 32px
}


.f_content .s_box_style {
position: relative;
float: right;
margin-right:0;

}

.f_content .s_box_style .select_area {
overflow-y: scroll;
display: none;
z-index: 2;
position: absolute;
top: 29px;
width: 102px;
max-height: 300px;
border: 1px solid #d0d0d0;
-webkit-overflow-scrolling: touch
}

.f_content .s_box_style .select_area span {
display: block;
width: 100%;
height: 32px;
line-height: 32px;
text-indent: 11px;
font-size: 12px;
background: #fff;
cursor: pointer;
color: #000;
}

.f_content .s_box_style .select_area li.active span {
background: #e6e6e6
}

.f_content .s_box_style .select_area span:hover {
background: #e6e6e6
}

.f_content .s_box_style .select_area2 {
overflow-y: scroll;
display: none;
z-index: 2;
position: absolute;
top: 51px;
right: 0px;
width: 100%;
max-height: 270px;
border: 1px solid #d0d0d0;
-webkit-overflow-scrolling: touch
margin:0
}

.f_content .s_box_style .select_area2 span {
display: block;
width: 100%;
height: 32px;
line-height: 32px;
text-indent: 11px;
font-size: 12.816px;
background: #fff;
cursor: pointer;
}

.f_content .s_box_style .select_area2 li.active span {
background: #e6e6e6
}

.f_content .s_box_style .select_area2 span:hover {
background: #e6e6e6
}

.f_content .s_box_style.m_none {
margin-right: 0
}

.f_content .join_line .s_box_style {
margin: 0
}



/* 가입 레이어 약관 */
.agree_wrap_join {
width: 100%;
padding: 0px;
margin-top:20px;
}

.agree_wrap_join::after {
content: '';
display: block;
clear: both
}

.agree_wrap_join .terms_area {
float: left;
width: 100%;
margin-right: 10px;

}

.agree_wrap_join .terms_all {
float: left;
width: 100%;
margin-right: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #ddd;

font-weight: bold;
}

.agree_wrap_join .p_i_area {
float: left;
width: 100%;
}

.agree_wrap_join .c_style:checked {
background-position: -170px 0
}

.agree_wrap_join .label_style {
font-size: .785rem;
color: #4a4a4a
}

.agree_wrap_join .go_detail_text {
text-decoration: underline;
color: #ff4444;
font-size: .785rem;
cursor: pointer;
letter-spacing: -1px;
float: right;
}

.sns_join_wrap {
position: relative;
padding: 25px 0 25px 0;
margin: 0 auto;
border-top: 1px solid #e2e2e2;
margin-top:20px;
width: 100%;
text-align: center;

}

.sns_join_wrap .s_tit {
font-family: 'NotoSans';
position: absolute;
top: -7px;
left: 50%;
margin-left: -80px;
width: 160px;
font-size: 13px;
color: #666;
text-align: center;
background: #fff
}



.sns_join_wrap:after {
content: '';
display: block;
clear: both
}

.sns_join_wrap .s_btn {
display: inline-block;
width: 60px;
height: 60px;
margin: 0 5px;
border-radius: 50%;
text-align: center;
cursor: pointer;
background: no-repeat 0 0
}

.sns_join_wrap .s_btn.naver {
background-image: url(/_static/web/images/common/naver.png);
background-size: 100%;
}

.sns_join_wrap .s_btn.kakao {
background-image: url(/_static/web/images/common/kakao.png);
background-size: 100%;
}

.sns_join_wrap .s_btn.google {
border: 1px solid #eee;
background-image: url(/_static/web/images/common/google.png);
background-size: 100%;
}

.sns_join_wrap .s_btn.facebook {
background-image: url(/_static/web/images/common/facebook.png)
}

.sns_join_wrap .s_btn:hover {
opacity: .6
}

.sns_join_wrap .join_btn {
display: inline-block;
width:30%;
height: 60px;
line-height: 55px;
border-radius: 0px;
text-align: center;
cursor: pointer;
background: no-repeat 0 0;
background-position: 15% center;
border: 1px solid #d4d4d4;
background-color: #fff;
margin:5px;
}

.sns_join_wrap .join_btn.kakao {
background-image: url(/_static/web/images/common/kakao02.png);
background-size: 12%;
padding-left: 2rem;

}

.sns_join_wrap .join_btn.google {
background-image: url(/_static/web/images/common/google02.png);
background-size: 10%;
padding-left: 2rem;
}


.sns_join_wrap .join_btn.naver {
background-image: url(/_static/web/images/common/naver.png);
background-size: 10%;
padding-left: 2rem;
}




/* 1뎁스  */


.depth1{
    background-color: #000;
}


.btn_s_menu1{
    position: absolute;
    top: 18px;
    left: 18px;
    display: block;
    width: 24px;
    height: 23px;
    background: url(//pic.filestar.co.kr/_img/intro/btn_menu_m.png) no-repeat 0 0;
    background-size: auto 23px;

}



.btn_s_search1{
    position: absolute;
    top: 18px;
    right: 18px;
    display: block;
    width: 24px;
    height: 23px;
    background: url(//pic.filestar.co.kr/_img/intro/btn_sr.png) no-repeat 0 0;
    background-size: auto 23px;
}




.slide_area1{ overflow-x: unset;;width:100%;}
.slide_area1 ul{width:calc(110px * 5);}
.slide_area1 ul:after{content:'';display:block;clear:both;}
.slide_area1 li{position:relative;float:left;width:100px;margin-top:3px;margin-left:10px;}
.slide_area1 li:first-child{margin-left:0;}
.slide_area1 .c_img{overflow:hidden;display:block;width:100px;height:144px;margin-bottom:7px;}
.slide_area1 .rank{position:absolute;top:-3px;left:5px;display:block;width:20px;height:22px;border-radius:0 0 50% 50%;font-size:12px;font-weight: bold;line-height:20px;color:#fff;text-align:center;}
.tv .slide_area1 .rank{background:#ff4444;}
.movie .slide_area1 .rank{background:#ff4444;}
.slide_area1 .c_name{overflow:hidden;display:block;width:100%;line-height:20px;font-size:14px;color:#4a4a4a;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;}


.wrap.depth1 .header .h_top{position:relative;padding:3px 0 0px 0;width:100%;}


.wrap.depth1 .gnb_wrap .gnb ul li {padding: 0px 20px;}


.wrap.depth1 .best_content_wrap{  padding-bottom: 0px; }