@charset "UTF-8";
/*-- form --*/
/* @import url("./form.css"); */
@font-face {
	font-family:'Prompt'; font-style:normal; font-weight:300; 
	src:local('Prompt'), url("../font/Prompt-Light.ttf") format('truetype');
}
@font-face {
	font-family:'Prompt'; font-style:normal; font-weight:400; 
	src:local('Prompt'), url("../font/Prompt-Regular.ttf") format('truetype');
}
@font-face {
	font-family:'Prompt'; font-style:normal; font-weight:500; 
	src:local('Prompt'), url("../font/Prompt-Medium.ttf") format('truetype');
}
@font-face {
	font-family:'Prompt'; font-style:normal; font-weight:600; 
	src:local('Prompt'), url("../font/Prompt-SemiBold.ttf") format('truetype');
}
@font-face {
	font-family:'Prompt'; font-style:normal; font-weight:700; 
	src:local('Prompt'), url("../font/Prompt-Bold.ttf") format('truetype');
} 
@font-face {
	font-family:'Noto Sans'; font-style:normal; font-weight:300; 
	src:local('Noto Sans'), url("../font/NotoSansThai-Light.ttf") format('truetype');
}
@font-face {
	font-family:'Noto Sans'; font-style:normal; font-weight:400;
	src:local('Noto Sans'), url("../font/NotoSansThai-Regular.ttf") format('truetype');
}
@font-face {
	font-family:'Noto Sans'; font-style:normal; font-weight:500;
	src:local('Noto Sans'), url("../font/NotoSansThai-Medium.ttf") format('truetype');
}
@font-face {
	font-family: 'pass'; font-style: normal; font-weight: 400;
	src:local(※), url("../font/pass.woff") format('woff');
}
/*-- form (mobile/ie)--*/
input, button, select, textarea{border:0; padding:0; margin:0; font-family:'Prompt','Noto Sans','Apple SD Gothic Neo',sans-serif; vertical-align: top;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
textarea,input[type="text"],input[type="button"],input[type="submit"],button{-webkit-appearance:none; }
input[class*="input--st"]{-webkit-appearance: none;}
:-ms-input-placeholder{color:#888}
input[type=text]::-ms-clear {display:none;} 
/*input : default */
[class*="input--st"]{
  width:322px; height:44px; font-size:18px; padding:10px 16px;  
  border:1.5px solid transparent; border-radius:2px; background-color: #404040; color:#fff;}
[class*="input--st"]:focus{border: solid 1.5px rgba(255, 255, 255, 0.15);}
[class*="input--st"]::placeholder{color:rgba(255, 255, 255, .3); font-size:16px;}



.place-left::placeholder{text-align: left!important;}
.input--st-text[type="password"]{font-family:'pass', 'Noto Sans', sans-serif; letter-spacing:3px;}
.input--st-text[type="password"]::placeholder{letter-spacing:0px;}/*chrome54 not working*/
.input-typechange-wrap .input--st-text[type="password"]::placeholder{font-family:'Prompt', 'Noto Sans', sans-serif;}/*chrome54 not working*//*● x*/
.input--st-pin{font-family:'pass', 'Noto Sans', sans-serif; padding:10px 12px 10px 22px; letter-spacing:12px; text-align: center; font-size:24px; }/*type password*/
.input--st-pin[type="text"]{font-size: 18px;}/*create pin*/
.input--st-pin::placeholder{color:rgba(255, 255, 255, .1); font-size:24px;}
.input-typechange-wrap{position: relative; width:322px;}
.input-typechange-wrap .input--st-text{width:100%; padding-right:36px;}
.input-typechange-wrap .i-view{position:absolute; top:7px; right:10px;}
.i-view{display:inline-block; width:30px;height:30px;background: url("../images/icon/icon_pin_visible.png")no-repeat; opacity:0.8;cursor: pointer;}
.i-view.off{background: url("../images/icon/icon_pin_invisible.png")no-repeat;}
.i-view:hover{opacity: 1;}
.re-enter-wrap{position: relative; width:322px;margin-top:8px; }
.re-enter-wrap input::placeholder{letter-spacing: 0;}
.re-enter-wrap ~ .input-under-check{ width:322px;margin-top:8px;}
/* input : view only text , password circle */
input.input-circle-value{
	font-family:'pass', 'Noto Sans', sans-serif; font-size: 18px; 
	height:30px; 
	text-align: right;  background-color: transparent; color:rgba(255, 255, 255, .2);
}
input[type="password"].input-circle-value{
	letter-spacing: 3px;
}
input.input-circle-value::-webkit-input-placeholder {
	transform: scale(0.77);
	transform-origin: 0 50%;
}
input.input-circle-value::-moz-placeholder {
	font-size: 14px;
	opacity: 1;
}
input.input-circle-value::-ms-input-placeholder {
	font-size: 14px;
	font-family:'pass', sans-serif ;
}
.txt-circle-value{
	vertical-align: top; 
	font-family:'pass','Noto Sans', sans-serif; font-size:18px; 
	letter-spacing:3px; line-height: 30px;
	color:rgba(255, 255, 255, .2);
} 
/* button */
[class*="bt--st"]{
	display:inline-block; text-align:center; border:1.5px solid transparent; letter-spacing: -0.3px; 	border-radius: 2px; background-color: #404040; color:rgba(255, 255, 255, 0.8); font-weight:500; padding:0 10px; 
 /* -webkit-transition:background-color .2s ease; transition:background-color .2s ease;  */
 cursor: pointer;
}
.bt--st1{height:44px;font-size:19px}
.bt--st2{height:40px;font-size:18px}
.bt--st3{height:34px;font-size:16px}/*17폰트깨짐*/ 
.bt--st4{height:36px;font-size:16px}
.bt-bg{	
	border:0;	
	background-image: linear-gradient(96deg, #ee831a 0%, #f15a26 66%, #ee2a27 121%);
	color:rgba(255, 255, 255, 1);  font-weight:600;
}

[class*="bt--st"]:disabled{	
	background-color: #404040; background-image: none;	
	cursor: default; color:rgba(255, 255, 255, .3); 
} 
[class*="bt--st"].bt-bg:disabled{	
	background-image: linear-gradient(96deg, rgba(238,131,26,0.6) 0%, rgba(241,90,38,0.6) 66%, rgba(238,42,39,0.6) 121%); 
	color:rgba(255, 255, 255, .6); 
} 
/* design select + js*/
select[class*="select--st"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow:none;} 
select::-ms-expand{display: none;}
.design-select{position:relative; display:inline-block}
.design-select select{display:none}
.select-selected{	height:44px; padding-right:50px!important; font-size:17px; line-height: 1.3;
	background-color:#2c2c2c; border:0; border-radius:2px; vertical-align: top; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#fff;}
.select-selected:after{ position:absolute;content:"";top:16px;right:16px;width:12px;height:12px; background: url("../images/icon/icon_drop.png")no-repeat }
.select-selected.select-arrow-active:after{background: url("../images/icon/icon_up.png")no-repeat;}
.select-items div,
.select-selected{padding:10px 20px; cursor:pointer;user-select:none}
.select-items{position:absolute;top:106%;left:0;right:0;text-align: left;  box-shadow: 6px 12px 30px 0 rgba(0, 0, 0, 0.5); z-index:99; background-color:#343434;}/*재플린bg color 맞지안음*/
.select-hide{display:none}
.select-items div{position: relative; padding:10px 20px; border: 1px solid rgba(255,255,255,0.03);font-size:15px; font-weight:500; color:rgba(255,255,255,0.6);} 
.video-playback-title-option .select-items div{line-height: 1.3;}
/* .select-items div:hover::after, 삭제요청*/
.same-as-selected::after{content:''; position:absolute; top:10px; right:12px; width:20px; height:20px; background:url('../images/icon/icon_check_org.png'); }
.select-items div:hover{background-color:#404040; color:#fff;}
/* select tag div style */
.select-pop{position: relative;}
.select-pop-bt{width:100%;height:44px;border:0;border-radius:2px;color:#fff;text-align:left;background-color:#2c2c2c}
.select-pop-bt span{position:relative;display:inline-block;width:100%;padding:0 50px 0 20px;font-size:17px;line-height:44px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;user-select:none}
.select-pop-bt span:after{position:absolute;content:"";top:16px;right:16px;width:12px;height:12px;background-image:url(../images/icon/icon_drop.png)}
.select-pop-bt.open span:after{background-image:url(../images/icon/icon_up.png)}
.select-pop-list{position:absolute;top:46px;left:0;width:100%;background-color:#2c2c2c;color:#fff;border-radius:2px;overflow:hidden;z-index:10}
.select-pop-list p{position:relative;min-height:40px;padding:10px 40px 10px 20px;line-height:1.32;border-bottom:1px solid rgba(255,255,255,0.08);font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:500;cursor:pointer}
.select-pop-list p.option-selected::after,
.select-pop-list p:hover::after{ content:''; position:absolute; top:10px; right:12px; width:20px; height:20px; background:url('../images/icon/icon_check_org.png'); }
.select-pop-list p:last-child{border:0;}
/*checkbox*/
label.check--st1,
.check--st-all{display:-webkit-box; display:inline-flex; vertical-align:middle;	position:relative;overflow:hidden;cursor:pointer;}
.check--st-all input,
label.check--st1 input{position:absolute; left:-9999px;}
/*text*/
label.check--st1 span{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:rgba(255,255,255,0.3); }
label.check--st1 input:checked + span{color:rgba(255,255,255,1);}
label.check--st1 span:hover{color:rgba(255,255,255,1);} 
label.check--st1 span:before{
	display:-webkit-box;display:flex;flex-shrink:0;
	content:""; /* absolute x */
	width:30px; height:30px; background:url('../images/icon/icon_card_check.png'); margin-right:10px;}
label.check--st1 input:checked + span:before{background:url('../images/icon/icon_card_check_sel.png');}
label.check--st1 input:disabled + span:before{background:url('../images/icon/icon_card_check_unable.png');}
label.check--st1 input:disabled + span:hover{color:rgba(255,255,255,0.3);}
label.check--st1 span:empty:before{margin-right:0;}

.discount-list label.check--st1 span{ font-size:18px; color:#c8c8c8;} 
.discount-list label.check--st1 input:checked + span{color:#c8c8c8}
.discount-list label.check--st1 input:disabled + span{color:rgba(255,255,255,0.3);}

.check--st1 + .check--st1{margin-left:20px;}
.check--st-switch{position:relative;display:inline-block;width:34px;height:20px; vertical-align:middle;}
.check--st-switch input{opacity:0;width:0;height:0}
.check--st-switch .slider{position:absolute;cursor:pointer;top:0;left:0;bottom:0;right:0;transition:.4s;-ms-transition:.4s}
.check--st-switch .slider::before{position:absolute;content:'';top:3px;left:0;width:34px;height:14px;border-radius:7px; background-color:#545454;}
.check--st-switch .slider::after{position:absolute;content:"";height:20px;width:20px;left:0;bottom:0;background-color:#fff;border-radius:50%;-ms-transition:.4s;transition:.4s;}
.check--st-switch input:checked + .slider::before{background-color:#f8971d; background-image: linear-gradient(to right, #f8971d, #f15a26 70%, #eb2727);}
.check--st-switch input:checked + .slider::after{transform:translateX(14px);-ms-transform:translateX(14px);}

label.check--st2{cursor:pointer;}
label.check--st2 input{position:absolute; left:-9999px;}
label.check--st2 span{
	position: relative; display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center; 
	font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.33; letter-spacing: -0.3px; color:rgba(200,200,200,0.8); text-align: left;}
label.check--st2 span:before{
	display:-webkit-box;display:flex;flex-shrink:0; content:""; width:20px; height:20px; 
	background:url('../images/icon/icon_pop_check_off.png'); margin-right:6px;}
label.check--st2 input:checked + span:before{
	background:url('../images/icon/icon_pop_check_on.png');}
/*radio : setting */
label.radio--st1{display:-webkit-box; display:inline-flex; vertical-align:middle; position:relative;overflow:hidden;cursor:pointer;}
label.radio--st1 input{position:absolute; left:-9999px;}
/*text*/
label.radio--st1 span{ font-size: 15px;
	display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center; color:rgba(255,255,255,0.6); }
label.radio--st1 input:checked + span{color:rgba(255,255,255,1);}
label.radio--st1 span:hover{color:rgba(255,255,255,1);} 
label.radio--st1 span:before{
	display:-webkit-box;display:flex;flex-shrink:0;
	content:"";	width:30px; height:30px; background:url('../images/icon/icon_radio_off.png'); margin-right:10px;} /* absolute x */
label.radio--st1 input:checked + span:before{
	background:url('../images/icon/icon_radio_on.png');}
/*radio : vod */
label.radio--st2{display:-webkit-box;display:inline-flex;vertical-align:middle;position:relative;overflow:hidden;cursor:pointer}
label.radio--st2 input{position:absolute;left:-9999px}
label.radio--st2 span{font-size:15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:rgba(255,255,255,0.6)}
label.radio--st2 input:checked + span{color:rgba(255,255,255,1)}
label.radio--st2 span:hover{color:rgba(255,255,255,1)}
label.radio--st2 span:before{display:-webkit-box;display:flex;flex-shrink:0;content:"";width:30px;height:30px;background:url(../images/icon/icon_detail_radio_off.png);margin-right:10px}
label.radio--st2 input:checked + span:before{background:url(../images/icon/icon_detail_radio_on.png)}
label.radio--st2 input:disabled + span:before{background:url(../images/icon/icon_detail_radio_unable.png)}
label.radio--st2 input:disabled + span{color:rgba(255,255,255,0.3);}
label.radio--st2 input:disabled + span:hover{color:rgba(255,255,255,0.3); cursor: default;}
/*-- common --*/
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.f-left{float:left}.f-right{float:right}
.clearfix::before,.clearfix::after{clear:both; content:''; display:table;}
.text-ellipsis{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mar-t20{margin-top: 20px;}.mar-t30{margin-top:30px;}
.w-100{width: 100%;}
.break-word{word-break:break-word;}
.relative{position: relative;}
.opa-60{opacity: 0.6!important}
.cursor-default{cursor: default!important}
.cursor-pointer{cursor: pointer;}

/*-- reset --*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0; word-break:keep-all;  word-wrap:break-word; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
ol,ul{list-style:none}a, button{cursor:pointer;}a{ text-decoration:none; color:inherit;} fieldset{border:0;} b{font-weight:normal;}
em,i{font-style:normal;} img{vertical-align:top;} 
body{font-family:'Prompt', 'Noto Sans', sans-serif; font-size:18px; font-weight:400;}
*:focus{outline:none}
*{box-sizing:border-box; -webkit-box-sizing:border-box;}/*padding border */

/*-- color --*/
.cc-t1{color:#a67c52!important}
.cc-t2{color:#e4dbd7}
.c-orange{color:#ff872b!important}
.bg-linear{background-image:linear-gradient(106deg, #ee831a 2%, #f15a26 64%, #ee2a27 117%);}
.bg-progress {width:100%; height:2px; background-image:linear-gradient(to right, #ee8719, #f15a26 60%, #ee2a27);}

/*-- layout --*/
html,body{height:100%;}
.wrapper{min-height:100%; position:relative; width:100%; min-width:1366px;  min-width:1349px; margin:0 auto;} 
body{background-color:#101010; overflow-x:auto;}
body.scroll-hidden{overflow-y: hidden;}
.main{ min-width:1366px;  min-width:1349px; padding-bottom:110px;padding-top:120px;}
.header{position: fixed; 
	width:100%; padding:0 4.4%;/* for bg padding*/ height:120px; 
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.93) -280%, rgba(0, 0, 0, 0.38) 61%, rgba(0, 0, 0, 0) 98%); z-index:100;}
.head{position:relative; width:100%; }
.head .logo{position:absolute;top:36px;left:0;width:150px;height:28px}.head .logo img{max-width: 100%;}
.head .logo a{cursor: default;}
.head .top-nav-left{position:absolute;top:35px;left:220px}
.head .top-nav-right{position:absolute;top:30px;right:0;height:40px; font-size:0;}
.one-depth li{position:relative}
.has-depth{padding-right:20px;background:url('../images/icon/icon_drop.png')no-repeat 100% 50%}
.has-depth,
.no-depth{font-size:19px;font-weight:600;line-height:1.53;letter-spacing:-.3px;color:rgba(255,255,255,0.7);}
.has-depth.current,
.no-depth.current{color:#fff;}
.has-depth:hover{color:#ff511d;font-weight:700;background:url('../images/icon/icon_drop_hover.png')no-repeat 100% 50%;}
.no-depth:hover{color:#ff511d;font-weight:700;}
.one-depth-ul{font-size:0;}
.one-depth-ul li{display:inline-block;margin-right:20px; min-width:133px;}
.two-depth-ul{position:absolute;top:37px;left:0;width:800px;font-size:0}
.two-depth-ul li{display:inline-block;margin-right:30px; min-width: auto;}
.two-depth-ul a{font-size:18px; font-weight:400;line-height:1.56;letter-spacing:-.2px;color:rgba(255,255,255,0.6)}
.two-depth-ul a.on,
.two-depth-ul a:hover{color:rgba(255,255,255,1); font-weight:500;letter-spacing:-.3px;}
.top-nav-right [class^="link-"]{display:inline-block;vertical-align:top; position:relative;}
.link-my,.link-setting,.link-message{margin-left:40px;font-size:18px;line-height:40px;letter-spacing:-.2px;color:rgba(255,255,255,0.8)}
.link-message{position:relative}
.link-my:hover,.link-setting:hover,.link-message:hover,
.link-my.on,.link-setting.on,.link-message.on{color:rgba(255,255,255,1);font-weight:500;letter-spacing:-.3px;}
.message-alarm:before{content:'';position:absolute;top:6px;right:-6px;width:6px;height:6px;background-color:#f15a26; border-radius:50%;}
.link-search,.link-lang{width:28px; height:40px; font-size:0; transition: background 0.2s;}
.link-search{background:url('../images/icon/icon_menu_search.png')no-repeat center; margin-left:54px;}
.link-search:hover{background:url('../images/icon/icon_menu_search_hover.png')no-repeat center; }
.link-lang{background:url('../images/icon/icon_menu_lan.png')no-repeat center; margin-left:18px;}
.link-lang:hover,
.link-lang.on{background:url('../images/icon/icon_menu_lan_hover.png')no-repeat center;}
.link-user{position:relative; width:58px; padding-right:18px; height:40px;margin-left:30px;}
.link-user .i-drop-arrow{position:absolute; top:14px; right:0px; display:inline-block;width:12px; height:12px; background:url('../images/icon/icon_drop.png');}
.link-user.on .i-drop-arrow,
.link-user:hover .i-drop-arrow{background:url('../images/icon/icon_drop_hover.png');}
.link-user figure {	position: relative;width:40px;height:40px; border-radius:50%; overflow:hidden;}
.link-user figure img{width:40px; position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.top-lang-box{position:absolute; right:90px; top:50px; width:99px; min-height:82px; border-radius:2px; background-color:#292929;   box-shadow: 3px 6px 20px 0 rgba(0, 0, 0, 0.4); padding:9px 0; z-index:101;}
.top-lang-box li{height:32px; padding:0 16px; background:#292929;}
.top-lang-box li.current{background:url('../images/icon/icon_check_org.png')no-repeat 90% 50%;}
.top-lang-box li:hover{background-color:#343434;}
.top-lang-box li a{display:block; line-height:32px; font-size:15px; font-weight:500; color:rgba(255,255,255,0.6);}
.top-lang-box li a:hover{color:rgba(255,255,255,0.8); }
.top-lang-box li.current a{color:#ff872b;}
.top-user-box{position:absolute; right:0; top:50px; width:224px; border-radius:2px;box-shadow: 6px 12px 30px 0 rgba(0, 0, 0, 0.4); background-color:#292929; z-index:101;}
.top-user-box .ub2{min-height:0;}
.ub1{padding:15px 20px; border-bottom:1px solid rgba(255,255,255,0.1);}
.ub1 li a{display: flex; }
.ub1 figure{position: relative;	display:inline-block; vertical-align:top;width:20px; height:20px; border-radius:50%; background-color:#333; overflow:hidden;}
.ub1 figure img{width:20px; max-width:100%; position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.ub1 .user-name{display:inline-block; vertical-align:top;line-height:20px; margin-left:8px;	font-family: 'Noto Sans', sans-serif; font-weight: 500; font-size:15px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ub2 li a{position:relative; display:block; width:100%;padding:6px 11px 6px 20px;}
.ub2 figure{position:absolute; top:6px; left:20px;  width:30px; height:30px; border-radius:50%; background-color:#333; overflow:hidden;}
.ub2 figure img{width:30px; max-width:100%;position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.ub2 .user-lock{position:absolute; top:8px; right:10px; width:24px; height:24px; background: url('../images/icon/icon_user_lock_s.png'); opacity: 0.5;}
.ub2 .user-name{ 
	display:block; width:132px; height:30px; margin-left:40px; 
	font-family: 'Noto Sans', sans-serif; font-size:16px;  line-height:30px; 
	color:rgba(255,255,255,0.6);  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ub2 li a:hover{background-color: #343434;}
.ub2 li a:hover .user-name{color:rgba(255,255,255,0.8); }
.ub2 li a:hover .user-lock{opacity:1;}
.ub3{ padding:10px; border-top:1px solid rgba(255,255,255,0.1); }
.ub3 li:nth-child(2){margin-top:8px;}
.ub3 a{display:block; color: #e3e3e3; font-weight: 400; text-align:center; font-size:16px; line-height:24px;}
.ub3 a:hover{color:#fff; font-weight: 500;}

/*-- footer --*/	
.footer{ position:absolute; bottom:0; left:0; right:0; width:100%; padding:0 4.4%; height:110px; background-color:#000;}
.foot{position:relative; width:100%;}
.social-links{position:absolute; top:40px; left:0px;}
.social-links dt{display:inline-block; font-size:17px; line-height:30px; letter-spacing:-0.34px; color:rgba(255,255,255,0.6); margin-right:20px;}
.social-links dd{display:inline-block; vertical-align:top; font-size:0; margin-left:20px;}
.social-links dd:first-child{margin-left:40px;}
.social-links dd a{position: relative; display:inline-block; width:30px; height:30px; transition:.2s ease;}
.a-facebook{background:url('../images/icon/icon-facebook.png');}
.a-youtube{background:url('../images/icon/icon-youtube.png');}
.a-twitter{background:url('../images/icon/icon-twitter.png');}
.a-line{background:url('../images/icon/icon-line.png');}
.a-instagram{background:url('../images/icon/icon-insta.png');}
.a-facebook:hover{background:url('../images/icon/icon-facebook-hover.png');}
.a-youtube:hover{background:url('../images/icon/icon-youtube-hover.png');}
.a-twitter:hover{background:url('../images/icon/icon-twitter-hover.png');}
.a-line:hover{background:url('../images/icon/icon-line-hover.png');}
.a-instagram:hover{background:url('../images/icon/icon-insta-hover.png');}
.foot-nav-right{position:absolute; top:40px; right:0px;}
.foot-nav-right .copyright{float:left; font-family:'Noto Sans', sans-serif; font-size:15px; line-height:30px; letter-spacing:-0.3px; color:rgba(255,255,255,0.6)}
.foot-nav-right ul{float:left; font-size:0;}
.foot-nav-right li{display:inline-block; margin-left:40px;}
.foot-nav-right li:first-child{margin-left:60px;}
.foot-nav-right a{font-size:17px;  line-height:30px; letter-spacing:-0.3px; color:rgba(255,255,255,0.8); }
.foot-nav-right a:hover{color:rgba(255,255,255,1);}


/*-- search --*/
.top-search-box{ position:fixed; right:0; left:0; top:79px; top:100px; bottom:0; min-width:1366px; min-width:1349px; width:100%; overflow-y:auto; z-index:110;}
.top-search-box.type01{background-color:rgba(16,16,16,0.9); bottom:auto; max-height:100%;} /*전체스크롤시 auto  #101010 90%*/
.top-search-box.type02{background-color:#101010; }
.top-search-inner{position:relative; width:100%; min-height:110px;}
.top-search-close{position:absolute; top:40px; right:4.4%; width:35px; height:35px; background:url('../images/icon/icon_search_x.png'); border:0;}
.top-search-fill{position:relative; width:50%; margin:0 auto;/*scroll*/ padding:34px 8px 8px;border-bottom:1px solid rgba(255,255,255,0.7);}
.top-search-fill .fill-text{margin-left:40px; width:calc(100% - 40px); font-family:'Noto Sans', sans-serif; font-size:25px; line-height:34px; letter-spacing:-0.42px; background-color:transparent; color:#fff; }
.top-search-fill .fill-text::placeholder{color:#ccc}
.top-search-fill .bt-i-search{	position:absolute; top:34px; left:8px; width:34px; height:34px; background:url('../images/icon/icon_menu_search_hover.png')no-repeat center;}
.top-search-history{width:50%; margin:30px auto 0; padding-bottom:50px;}
.top-search-history li{margin-bottom:15px; padding-left:50px; font-size:0;}
.top-search-history li:last-child{margin-bottom:0;}
.hist-txt{font-family:'Noto Sans', sans-serif; font-size:20px; font-weight:300; line-height:27px;  letter-spacing:-0.4px; color:rgba(255,255,255,0.8);} 
.bt-hist-del{	width:27px; height:27px; background:url('../images/icon/icon_delete.png')no-repeat center; vertical-align:top; margin-left:8px;}
.bt-hist-del:hover{	 background:url('../images/icon/icon_delete_hover.png')no-repeat center;}
.category-bt-group{text-align:center; margin:80px auto 20px; font-size:0;}
.category-bt-group .bt-tab-bg{margin:0 5px;}
.bt-tab-bg{min-width:auto;padding:0 21px;height:42px;border-radius:21px;font-size:20px;font-weight:500; line-height:42px;letter-spacing:-0px;text-align:left;color:rgba(255,255,255,0.6);background-color:transparent}
.bt-tab-bg.active{background-image:linear-gradient(102deg, #ee831a 1%, #f15a26 65%, #ee2a27 119%); color:#ffffff; font-weight:600; }
.top-search-result{margin-top:50px; max-width: 1920px; margin:50px auto 0; }

/*-- card  search -livetv & my- purchased,reminder --*/
.card-list{position:relative; width:100%; overflow:hidden;}
.top-search-result .card-list ul{}
.card-list ul{padding:10px 15.6%;}
.card-list ul:after{content:"";display:block;clear:both;}
.card-list ul li{position:relative; float:left; margin-bottom:44px; padding: 0 4px;}
.card-list.type01 li{width:25%; margin-bottom:80px;}
.card-list.type02 li{width:33.33%}
.card-list ul li a.card-box{display:block;overflow:hidden;position:relative;transition:.2s ease-in-out;}
.card-list ul li a.card-box:hover,
.card-list ul li a.card-box:focus{z-index:1;transform:translateY(-10px);}
.card-list.edit-type ul li a.card-box:hover,
.card-list.edit-type ul li a.card-box:focus{transform:translateY(0);}
.card-box{border-radius:2px; overflow:hidden;}
.card-box.disabled{opacity: 0.5; cursor: default;}
.card-head{height:40px; background-color:#1d1d1d;}
.card-head .card-chk-r{position:absolute; top:5px; right:10px;}
.card-head .mark-live{position:absolute; top:5px; right:10px;}
.card-head .mark-reservation{position:absolute; top:5px; right:5px; cursor: pointer;}
.c-head-label{	padding:11px 0px 11px 15px; margin-right:50px;overflow:hidden;}
.c-head-label i{display:block; float:left;}
.label-rent{width:40px; height:18px; background:url('../images/icon/icon_card_rent.png');}
.label-buy{width:34px; height:18px; background:url('../images/icon/icon_card_buy.png');}
.label-expired{width:56px; height:18px; background:url('../images/icon/icon_card_expired.png');}
.label-rent.thai{width:40px; height:18px; background:url('../images/icon/icon_card_rent_thai.png');}
.label-buy.thai{width:34px; height:18px; background:url('../images/icon/icon_card_buy_thai.png');}
.label-expired.thai{width:56px; height:18px; background:url('../images/icon/icon_card_expired_thai.png');}
.card-body{	height:138px; position:relative; padding:15px 12px; background-color:#292929;}
.card-body .progress-bar{position:absolute; top:0; left:0; z-index:5;}
.progress-bar{ width:100%; height:3px; background-color:#484848;}
.update-t1{opacity:.5; font-size:15px;line-height:40px;letter-spacing:-.3px;color:#e4dbd7;margin-left:15px}
.card-t1{font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.47;letter-spacing:-.3px;text-align:left;color:#e3e3e3;margin-bottom:4px;overflow:hidden}
.card-t2{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:18px;line-height:1.44;letter-spacing:-.3px;color:#fff;height:50px;margin-bottom:16px;overflow:hidden}
.card-t3{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.38;letter-spacing:-.3px;color:#fff}
.card-t4{opacity:.8;font-family:'Noto Sans', sans-serif;color:#fff;overflow:hidden;height:80px;margin-bottom:10px}
.card-box:hover .card-t4{opacity: 1;}
.card-t4 .p-tit{display:block;font-size:18px;line-height:1.44;letter-spacing:-.3px;max-height:50px;margin-bottom:4px}
.card-t4 .p-ep{display:block;font-size:17px;line-height:1.53;letter-spacing:-.3px}
.card-t5{opacity:.4;font-family:'Noto Sans', sans-serif;line-height:1.38;letter-spacing:-.3px;color:#fff;font-size:0;overflow:hidden;height:22px}
.card-t5 span{position:relative; font-size:16px; padding-left:11px; margin-left:10px;}
.card-t5 span:before{content:''; position:absolute; top:6px; left:0px; width:1px; height:10px; background:rgba(255, 255, 255, .4);}
.card-t5 span:first-child{padding:0; margin:0;}
.card-t5 span:first-child:before{content:none;}
.s-t1{display:block;float:left;width:auto;max-width:calc(100% - 64px);margin-left:8px;overflow:hidden;opacity:.8;font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:500;line-height:18px;letter-spacing:-.3px;color:#a67c52;white-space:nowrap}
.s-t1 small{margin-left:6px; font-size:15px; opacity:0.6;}
.top-search-nodata{margin-top:130px;}
.my-search-nodata{margin-top:160px; margin-bottom:387px;}
.my-fav-tab{margin-top:120px;}
.my-fav-tab ~ .my-search-nodata{margin-top:130px;}
[class*="-search-nodata"] {text-align:center;}
[class*="-search-nodata"] .fig-i{margin-bottom:30px;}
[class*="-search-nodata"] .p1{font-size:18px; line-height:1.56; letter-spacing:-0.3px;color:rgba(228,219,219,0.5); }
[class*="-search-nodata"] .p2{font-size:16px; line-height:1.38; letter-spacing:-0.3px;color:rgba(228,219,219,0.3); margin-top:8px;}


/*-- my --*/
.page-top-area{background-color:#000; margin-top:-120px;padding-top:120px;}
.page-top-title{color:#fff; text-align:center; font-size:0; margin-bottom:22px;} 
.page-top-title .ico-user{display:inline-block; margin-right:16px;width:60px;height:60px; border-radius:50%; overflow:hidden;}
.page-top-title .ico-user img{width:60px; vertical-align:top;}
.page-top-title .ico-message,
.page-top-title .ico-setting{	display:inline-block; width:40px; height:60px; margin-right:6px;}
.page-top-title .ico-message{background:url('../images/icon/icon_setting.png')no-repeat center;}
.page-top-title .ico-setting{background:url('../images/icon/icon_setting.png')no-repeat center;}
.page-top-title .m-t1{display:inline-block;vertical-align:top;font-family:'Noto Sans', sans-serif;font-size:45px;font-weight:300;line-height:60px;letter-spacing:-.9px;color:#fff;margin-left:0px}
.page-location{text-align:center;padding-bottom:60px;font-size:0;}
.page-location .lo{position:relative;display:inline-block;font-family:'Noto Sans', sans-serif;font-size:13px;
	color:rgba(255,255,255,0.6);padding-right:20px; cursor: pointer; }
.page-location .lo::after{content:"";width:20px;height:20px;background-color:#ffc0cb;background:#fff;background:url(../images/icon/arw_category_r.png)no-repeat center;position:absolute;top:0;right:0;opacity:.7}
.page-location .lo:last-child{padding-right:0; color:rgba(255,255,255,0.8);}
.page-location .lo:last-child::after{content:none;}
.my-poin-box{display:flex;width:872px;height:146px;padding:20px 0;margin:0 auto 94px;border-radius:2px;background-color:#1d1d1d}
.my-poin-box dl{position:relative;padding:0 20px;border-left:1px solid rgba(255,255,255,.2)}
.my-poin-box dl:nth-of-type(1){border-left:0}
.my-poin-box dt{position:absolute;top:0;left:20px;opacity:.5;font-size:18px;font-weight:500;line-height:1.56;letter-spacing:-.3px;color:#c8c8c8}
.my-poin-box .dd-np{position:absolute;bottom:0;right:40px}
.my-poin-box .dd-np strong{font-size:35px;font-weight:500;line-height:1.51;letter-spacing:-.7px;text-align:left;color:#fff}
.my-poin-box .dd-np span{opacity:.6;font-size:26px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:-.5px;text-align:left;color:#fff;margin-left:6px}
.my-poin-box dl:nth-of-type(1),
.my-poin-box dl:nth-of-type(3){width:290px;}
.my-poin-box dl:nth-of-type(2){width:292px;}
.tab-bt-group{font-size:0; text-align:center;}
.tab-bt-group ul{ display:flex; padding:0 15.6%;}
.tab-bt-group ul li{position:relative; flex:1; padding: 0 4px;}
.lb-num{position:absolute;top:44px;left:50%;transform:translateX(-50%);display:inline-block;min-width:36px;height:21px;padding:0 11px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;color:#fff;background-color:#f15a26}
.bt-tab-line{position:relative;display:inline-block;width:100%;font-size:18px;line-height:30px;padding-bottom:6px;letter-spacing:-.3px;background-color:transparent;color:rgba(255,255,255,0.8)}
.bt-tab-line.actived{color:rgba(255,255,255,1);font-weight:500}
.bt-tab-line.actived::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;height:2px;background-image:linear-gradient(to right,#ee8719,#f15a26 60%,#ee2a27)}
.category-bt-group.my-fav-tab + .my-content .my-list-top{padding:0px 15.8% 10px}
.my-contents-area .card-list.type02 ul:empty{padding-top:0; padding-bottom: 0;}/*for no search */
.my-list-top{position:relative;text-align:right;padding:80px 15.8% 10px}
.my-list-top .bttn{background:transparent;margin-left:15px}
.my-list-top .bttn span{vertical-align:middle;font-size:17px;line-height:30px;letter-spacing:-.2px;text-align:center;color:rgba(255,255,255,.8);margin-left:2px}
.my-list-top .bttn.on span,
.my-list-top .bttn:hover span{color:rgba(255,255,255,1); font-weight: 600;letter-spacing:-.3px;}
.my-list-top .bttn.disabled{opacity: 0.3; cursor: default;} 
.my-list-top .bttn.disabled:hover span{letter-spacing:-.2px;font-weight:400;color:rgba(255,255,255,.8);} 
.i-edit{background:url('../images/icon/icon_edit.png');}
.i-done{background:url('../images/icon/icon_done.png');}
.i-delete{background:url('../images/icon/icon_delete_2.png');}
.i-error{background:url('../images/icon/icon_error.png');}
.i-redeem{background:url('../images/icon/icon_redeem.png');}
.i-buy{background:url('../images/icon/icon_buy.png');}
.my-list-top .bttn i{display:inline-block; 	vertical-align:middle; width:30px; height:30px; background-position:center;}
.top-chk-left{width:auto; float:left;}
.check--st-all span{display:inline-block;	width:60px; height:28px; background:url('../images/icon/icon_all.png')no-repeat; background-size:contain;}
.check--st-all input:checked + span{background:url('../images/icon/icon_all_sel.png')no-repeat;}
.chk-num{display:inline-flex; vertical-align:middle; margin-left:12px;}
.chk-num-l,.chk-num-r{font-family:'Noto Sans', sans-serif; font-size:20px; line-height:30px;	letter-spacing:-0.4px;}
.chk-num-l{ color:#ee8719; font-weight:600;}
.chk-num-r{ position:relative; font-weight:normal; color:rgba(255, 255, 255, 0.4); margin-left:4px;}
.chk-num-r:before{content:'/';}
.top-total-num{width:auto; float:left;}
.top-total-num .tn{font-family:'Noto Sans', sans-serif; font-size:20px; line-height:30px;	letter-spacing:-0.4px;color:rgba(255, 255, 255, 0.4);}

.favorit-list{position:relative; width:100%; overflow:hidden;}
.favorit-list ul{padding:10px 15.6%;}
.favorit-list ul:after{content:"";display:block;clear:both;}
.favorit-list ul li{position:relative; float:left; 	width:33.33%; padding: 0 4px; margin-bottom:80px;}
.poster-box{display:block; overflow:hidden; position:relative;}
.poster-figure{float:left; width:48.74%;}
.poster-info{position:absolute; top:0px; bottom:0; right:0px; float:left; width:51.26%; background-color:#292929; padding:35px 20px; color:rgba(255,255,255,.8) }
.poster-info .card-chk-r{position:absolute; top:5px; right:5px;}
.card-chk-r label.check--st1{vertical-align: top;}
.poster-figure{position:relative; overflow:hidden; padding-top:69.2%; background-color:#292929; /*space*/}
.poster-info .p-tit{font-size:19px; font-weight:500; letter-spacing: -0.3px; max-height:52px;line-height: 26px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis}
.poster-info .p-ep{margin-top:5px; 	font-size:18px;}
.poster-info .p-time{position:absolute; bottom:0; left:0; right:0; padding:0 20px; height:46px; line-height:46px; border-top:1px solid #333;font-size:16px; color:rgba(255,255,255,0.6);}
.poster-info .p-time small{font-size:16px; margin-left:2px;}
.poster-figure img{position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; min-height:100%;}
.favorit-list ul li a.channel-box,
.favorit-list ul li a.poster-box{transition:.2s ease-in-out;}
.favorit-list ul li a.channel-box:hover,.favorit-list ul li a.channel-box:focus,
.favorit-list ul li a.poster-box:hover,.favorit-list ul li a.poster-box:focus{z-index:1;transform:translateY(-10px);}
.favorit-list.edit-type ul li a.channel-box:hover,.favorit-list.edit-type ul li a.channel-box:focus,
.favorit-list.edit-type ul li a.poster-box:hover,.favorit-list.edit-type ul li a.poster-box:focus{transform:translateY(0)}
.favorit-list ul li a.channel-box:hover .t-c1,
.favorit-list ul li a.channel-box:hover .t-c2 {color:rgba(255,255,255,1)}
.favorit-list ul li a.poster-box:hover .poster-info .p-tit,
.favorit-list ul li a.poster-box:hover .poster-info .p-ep{color:rgba(255,255,255,1)}
.channel-box{display:block;overflow:hidden;position:relative}
.channel-box a{display:block;overflow:hidden;position:relative;transition:.2s ease-in-out}
.channel-box figure{padding-top:56%;position:relative;overflow:hidden}
.channel-box figure img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;min-height:100%}
.channel-box .progress{position:absolute;bottom:0;left:0;z-index:5;width:100%;max-width:100%;height:3px;background-color:#484848}
.channel-box .progress .bar{height:100%}
.channel-box .thumb-sill-box{padding:17px 20px;}
.channel-box .t-c1{padding-right:30px;}
.channel-box .t-c4{font-family:'Noto Sans',sans-serif;font-size:16px;font-weight:300;line-height:1.38;letter-spacing:-.3px;color:rgba(255,255,255,0.6); margin-top:3px;}
.channel-box .card-chk-r{position:absolute; top:10px; right:10px;}

.my-coupon-top .my-list-top{padding-top:30px; position: relative;}
.my-coupon-top .category-bt-group{margin:50px 0 18px;}
.my-t04{margin-top:60px;}
.pop-coupon-redeem{position:absolute; top:55px; right:15.8%; right:calc(15.8% + 74px);z-index: 99;}
.pop-coupon-redeem .err-txt-area{height:26px;}
.pop-coupon-redeem .err-txt{font-size: 13px; margin:0;}
.pop-coupon-redeem .input-redeem-area{
	width:570px; height:58px;  border-radius: 2px; padding:9px 12px 9px 0;box-shadow: 6px 12px 30px 0 rgba(0, 0, 0, 0.81);background-color: #292929;}
.input-redeem-wrap{position: relative; display: inline-block; vertical-align: middle; height:40px; margin-left:35px; }
.input-redeem-wrap:before{content:''; position:absolute; top:20px; left:-25px; width:14px; height:1px; background:rgba(255,255,255,.5); }
.input-redeem-wrap:nth-of-type(1){margin-left:18px}
.input-redeem-wrap:nth-of-type(1):before{content:none;}
.input-redeem{border:0; height: 40px; line-height: 40px;  font-family: 'Noto Sans', sans-serif;	font-size: 26px; color:#fff; letter-spacing:5px; text-align: center;	background-color:transparent;}
input[type="text"].input-redeem::placeholder,
input[type="text"].input-redeem::-webkit-input-placeholder{
 font-family:'pass'; color:rgba(255, 255, 255, .1);
}  /* chroem 57+ 이상적용*/
.input-redeem:focus + .bg-o{display:none}
.bt-redeem-ok{width: 84px; margin-left:6px;}
.dia-st-coupon{width:681px; background-color: #1d1d1d; padding:30px;}
.dia-st-coupon .t1{font-size:18px;font-weight:500;line-height:1.56;letter-spacing:-.3px; color: #fff; text-align: center;margin-bottom:2px}
.dia-st-coupon .t2{font-size:13px; line-height: 1.69; letter-spacing: -0.2px; text-align: center; color:rgba(255, 255, 255, 0.6);margin-bottom:10px}
.dia-coupon-list{display: block; width:484px; margin:0 auto; font-size:0; min-height:100%; max-height:456px; overflow-y:auto;}
.dia-coupon-list li{display:inline-block;margin:10px;}
.card-coupon{position: relative; width:222px; height: 132px;}
.sample-bg1{background:url("../images/coupon/bg-coupon-1.png")no-repeat;}
.sample-bg2{background:url("../images/coupon/bg-coupon-2.png")no-repeat;}
.sample-bg3{background:url("../images/coupon/bg-coupon-3.png")no-repeat;}
.sample-bg4{background:url("../images/coupon/bg-coupon-4.png")no-repeat;}
.coup-price{	position:absolute; top:14px; left:20px; height:59px; }
.coup-price b{font-size:39px;font-weight:700;line-height:1.51;letter-spacing:-.39px}
.coup-price small{opacity:.8;font-size:15px;font-weight:600;line-height:1.47;letter-spacing:-.3px;margin-left:4px}
.coup-discount{position:absolute;top:67px;left:20px;height:22px;opacity:.7;font-size:15px;font-weight:600;line-height:1.47;letter-spacing:-.3px}
.coup-total{position:absolute;top:97px;left:20px;font-size:11px;font-weight:600;line-height:1.09;letter-spacing:-.2px}
.coup-year{position:absolute;top:105px;left:20px;opacity:.9;font-size:10px;line-height:1.2;letter-spacing:-.2px}
.sample-bg1 .coup-total,.sample-bg1 .coup-year{color:#9b5209}
.sample-bg2 .coup-total,.sample-bg2 .coup-year{color:#882c17}
.sample-bg3 .coup-total,.sample-bg3 .coup-year{color:#685cb1}
.sample-bg4 .coup-total,.sample-bg4 .coup-year{color:#5d70a7}

.cash-coupon-wrap{padding-top:40px; margin-bottom: 10px;}
.cash-coupon-wrap .dia-st2{padding:30px 20px}
.coupon-st2{padding:40px 0 0!important;}
.coupon-st2 .cash-coupon-wrap .scrollbar-custom{height: 510px; width:360px; margin:0 auto;}
.coupon-st2 .cash-coupon-wrap{padding-top:18px;}
.cash-coupon{margin:0 auto 0; width: 316px; height: 91px; border-radius: 2px;}
.bg-code1{padding-top:18px; color:#fff; text-align: center; background:#363636; border-radius: 6px;
	/* background-image: linear-gradient(130deg, #9b6fff 53%, #dc67ff 145%); 디자인변경*/
}
.coupon-st2 .bg-code1{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.text-coup1{margin-top:4px; opacity:.5; font-family:'Noto Sans';font-size:15px;line-height:1.33;letter-spacing:-.3px;text-align:center;color:#fff}
.dia-st1 .cash-coupon .p1,
.cash-coupon .p1{ margin-bottom: 8px;	color:rgba(255,255,255,0.8);	font-size: 14px; font-weight: 500; 
	line-height: 1.35;letter-spacing: -0.2px;}
.cash-coupon .p1{line-height: 1.55}
.cash-coupon .s1,
.cash-coupon .s1 b{font-size:18px; font-weight:500; line-height: 1.5; letter-spacing: -0.3px;}
.cash-coupon .s2{font-size:14px;line-height:1.38;letter-spacing:-.3px;text-align:left}
.cc-t4{color:#f0d67a;}
.dia-get-coupon{padding:20px 36px 25px}
.dia-get-coupon .p1{max-width:200px; font-size:18px;line-height:1.4;letter-spacing:-.3px;text-align:center;color:#fff;margin-bottom:8px}
.dia-get-coupon img{max-width:200px; display: block; margin:0 auto;}
.pop-under-check{position:absolute;left:6px;top:103%}
.pop-under-check .check--st2 span{text-shadow:0 0 1px rgba(0,0,0,0.4);font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:500;color:#fff}
.my-board-list{position:relative;width:100%;padding:10px 15.6%;margin-bottom:133px}
.my-tab06-top{text-align:right;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.25)}
.my-tab06-top span{position:relative;font-size:16px;font-weight:500;line-height:1.38;letter-spacing:-.3px;color:#e3e3e3;padding-left:19px;margin-left:18px}
.my-tab06-top span:after{content:'';position:absolute;top:7px;left:0;width:1px;height:10px;background:rgba(255,255,255,0.1)}
.my-tab06-top span:first-of-type:after{content:none}
.my-tab06-top span em{opacity:.3;}
.my-tab06-top b{opacity:.6;margin-left:4px}
.my-board-list .scrollbar-custom{max-height:1000px}
.my-board-list table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
.my-board-list table th{font-size:17px;line-height:1.53;letter-spacing:-.3px;color:#c8c8c8;padding:5px 0;text-align:center;font-weight:400}
.my-board-list table thead tr{border-bottom:1px solid rgba(255,255,255,.2)}
.my-board-list table tbody tr{border-bottom:1px solid rgba(255,255,255,.1)}
.my-board-list table tbody tr:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.my-board-list table td{padding:20px 0;font-family:'Noto Sans', sans-serif;text-align:center;color:#fff}
.my-board-list table tr td:nth-of-type(1),.my-board-list table tr td:nth-of-type(4){opacity:.6;font-size:16px;line-height:1.38;letter-spacing:-.3px}
.my-board-list table tr th:nth-of-type(2),.my-board-list table tr td:nth-of-type(2){text-align:left}
.my-board-list table tr td:nth-of-type(3){opacity:.8;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.3px}
.my-board-list .titl{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:500;line-height:1.37;letter-spacing:-.38px;text-align:left}


/*-- message --*/	
.faq-list,
.message-list{/*padding:80px 21.6% 133px; */padding:80px 0 133px; width:1092px; margin:0 auto;}
.accordion-title{position:relative;background-color:transparent;color:#444;cursor:pointer;padding:18px;	padding-left:175px; width:100%; min-height:66px; outline:none;font-size:15px;transition:height .4s;}
.faq-list > div:first-child .accordion-title,
.message-list > div:first-child .accordion-title{
	border-top:2px solid rgba(255,255,255,.3); min-height:68px;
}
.message-date{position:absolute;top:18px;left:65px;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:30px;letter-spacing:-.3px;text-align:center;color:rgba(255,255,255,0.6)}
.message-tit{display:inline-block;font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:500;line-height:30px;letter-spacing:-.3px;text-align:left;color:rgba(255,255,255,0.8);padding-right:76px}
.accordion-title:hover .message-date{color:rgba(255,255,255,0.8);}
.accordion-title:hover .message-tit{color:rgba(255,255,255,1);}
.faq-tit{display:inline-block;font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:500;line-height:30px;letter-spacing:-.3px;text-align:left;color:rgba(255,255,255,0.8);padding-right:60px; margin-left:-110px}

.alarm-mark{position:relative}
.alarm-mark::after{content:'';display:inline-block;vertical-align:text-top;width:6px;height:6px;border-radius:3px;background-color:#f15a26;margin-left:4px}
.accordion-title:after{position:absolute;top:18px;right:36px;content:'';width:30px;height:30px;background:url(../images/icon/arw_list_d.png)center;color:#777;font-weight:700;margin-left:5px}
.accordion-title.active .message-tit{color:rgba(255,255,255,1)}
.accordion-title.active .message-date{color:rgba(255,255,255,0.8)}
.accordion-title.active .faq-tit{color:rgba(255,255,255,1)}
.accordion-title.active:after{background:url(../images/icon/arw_list_u.png)center}
.accordion-content{border-bottom:1px solid rgba(255,255,255,.25);max-height:0;overflow:hidden;transition:	max-height .2s ease-out;}
.faq-list > div:last-child .accordion-content,
.message-list > div:last-child .accordion-content{border-bottom:2px solid rgba(255,255,255,.3);}
.faq-box,
.message-box{padding:2px 110px 30px 67px;opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.63;letter-spacing:-.3px;color:#fff}


/*-- main --*/
.section-slide-home,
.section-slide-list{width:100%;}
.art-slide{margin-bottom:80px;} 	
.art-title{position: relative; padding-left:4.4%; padding-right:4.4%; margin-bottom:2px; /*201212*/margin-bottom: 0;}
.art-title b{display:inline-block; vertical-align: top;
	 font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.4px; color:#c8c8c8;}
.art-title b:hover{font-weight: 600;}
.art-title.type06 b{min-width: 15.5%;}
.art-title a.link-view{position:relative;  display: inline-block; padding-right:22px; z-index: 10;}
.art-title a.link-view:hover{color:#fff; cursor:pointer; }
.art-title a.link-view:hover b{ font-weight:600; }
.art-title a.link-view:hover:after{content:'';  position:absolute; top:6px; right:0px; width:20px; height:20px; background:url('../images/icon/arw_category_r.png')no-repeat;}
.swiper-paging-nolink{/*visibility: hidden;*/	display:inline-block; height: 30px; padding: 12px 0; vertical-align: top; font-size:0; float: right;}
/* .art-slide:hover .swiper-paging-nolink{visibility: visible;} */
.livetv-slider-list .art-title .swiper-paging-nolink{text-align: right; }
.swiper-paging-bullet{display:inline-block;	width:6px;	height:6px; border-radius:100%; background-color:rgba(255,255,255,0.3); vertical-align:middle; margin-left:8px;}
.swiper-paging-bullet.active{background-color :#ff872b;}
.swiper-wrapper{box-sizing:border-box!important;}
.promotion-paging{
	position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10;bottom:62px;left:0;width:100%;font-size:0;}
.swiper-pagination-bullet{ display:inline-block; width:6px;height:6px; margin:0 4px; border-radius:100%; opacity: 1; background-color:rgba(255,255,255,0.3); cursor:pointer;}
.slide-box.type01 .swiper-pagination{bottom: 62px!important; height: 6px; /*201212*/ bottom:90px!important;}
.slide-box.type01 .swiper-pagination-bullet{vertical-align: top;}
.slide-box.type01 .swiper-pagination-bullet:hover{background-color:rgba(255,255,255,0.6);}
.slide-box.type01 .swiper-pagination-bullet-active{
	width:20px; border-radius:3px; background-color: #ff872b!important; opacity: 1; } 
.swiper-button-prev,
.swiper-button-next{
	position:absolute; top:0; width:4.4%; height:100%; 
	cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;
}
.swiper-button-prev{left:0;right:auto;
	background-image:linear-gradient(to left,rgba(0,0,0,0) 5%,rgba(0,0,0,0.57) 60%,rgba(0,0,0,0.84) 105%);}
.swiper-button-next{right:0;left:auto;
	background-image:linear-gradient(to right,rgba(0,0,0,0) 5%,rgba(0,0,0,0.57) 60%,rgba(0,0,0,0.84) 105%)}
.swiper-button-prev:after{content:'';width:25px;height:41px; margin-left:14px;}
.swiper-button-next:after{content:'';width:25px;height:41px; margin-right:14px;}
.swiper-button-prev:after{background:url('../images/icon/arw_list_l.png')}
.swiper-button-next:after{background:url('../images/icon/arw_list_r.png')}
.swiper-button-prev,
.swiper-button-next{
  visibility: hidden;
}
.slide-box:hover .swiper-button-prev,
.slide-box:hover .swiper-button-next{
  visibility: visible;
}
.slide-box ul{ transition-duration:300ms;}
/*-- for swiper js --*/
.type01 .swiper-button-prev, .type01 .swiper-button-next{ height: 80%; top: 22px;}
.type02 .swiper-button-prev, .type02 .swiper-button-next,
.type04 .swiper-button-prev, .type04 .swiper-button-next{ height:100%; top: 10px;}
.type04 .swiper-button-prev, .type04 .swiper-button-next{ margin-top:0; height: calc(100% - 20px);}
.type06 .swiper-button-prev, .type06 .swiper-button-next,
.type03 .swiper-button-prev, .type03 .swiper-button-next { height:100%; top: 22px;} 
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity: 0.1;}


.slide-box{position:relative; width:100%; overflow:hidden; padding:0 4.2%;}/*4.4%*/
.slide-box ul{ display:flex;}
.slide-box.type01 ul{padding-top:10px;}
.slide-box.type03 ul,
.slide-box.type06 ul,
.slide-box.type02 ul{padding:10px 0;}/*hover area*/
.slide-box ul:after{content:"";display:block;clear:both;}
.slide-box ul li{position:relative;float:left;}
.slide-box.type01 {margin-bottom: -42px; margin-top:-10px; /*201212*/margin-bottom: -70px;}
.slide-box.type01 ul li{min-width:100%; width:100%; padding: 0 4px;}
.slide-box.type02 ul li{min-width:12.5%; padding: 0 4px; /*swiper*/width:12.5%!important;}
.slide-box.type03 ul li{min-width:33.33%; width:33.33%; padding: 0 4px;}
.slide-box.type06 ul li{min-width:16.66%; width:16.66%; padding: 0 4px;}
.slide-box.type03 ul li figure.promotion-size{padding-top:46%;}
.slide-box.type06 ul li figure.recommend-size{padding-top:159.5%;} 
.slide-box ul li a{display:block;overflow:hidden;position:relative;transition:.2s ease-in;}
.slide-box.type02 ul li a.focus,
.slide-box.type02 ul li a:hover,
.slide-box.type02 ul li a:focus,
.slide-box.type03 ul li a.focus,
.slide-box.type03 ul li a:hover,
.slide-box.type03 ul li a:focus,
.slide-box.type06 ul li a.focus,
.slide-box.type06 ul li a:hover,
.slide-box.type06 ul li a:focus{z-index:1;transform:translateY(-10px);}
.slide-box.type01 ul li .trailer-box .trailer-play{transition:transform .2s ease-in;}
/* .slide-box.type01 ul li .trailer-box .play-before{transition:transform .2s ease-in;} */
.slide-box.type01 ul li .trailer-box:hover .trailer-play{transform:translateY(-10px);}
/* .slide-box.type01 ul li .trailer-box:hover .play-before{transform:translateY(-10px);} */
.poster-title{opacity:0; font-family:'Noto Sans', sans-serif; font-size:19px; font-weight:500; line-height:1.37; letter-spacing:-0.38px;text-align:center; color:#fff; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
.slide-box.type02 ul li a:hover .poster-title,
.slide-box.type02 ul li a:focus .poster-title,
.slide-box.type02 ul li a.focus .poster-title{opacity:1;}
.slide-box ul li figure{position:relative; overflow:hidden; }
.section-slide-list .slide-box ul li figure{border-radius: 2px; overflow: hidden;}
.slide-box ul li figure img{position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; min-height:100%;}
.slide-box.type02 ul li figure.poster-size{padding-top:141.9%;}
.card-icon-play{display: block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:60px; height: 60px; background:url("../images/icon/icon-card-play.png")no-repeat center; cursor: pointer}
.card-icon-lock{display: block;position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url("../images/icon/icon-card-lock.png")no-repeat center; cursor: pointer;}
.poster-lb-left{position:absolute; top:0px; left:0px;}
.poster-lb-right{position:absolute; top:0; right:0;}
.poster-lb-left label{ display:block;	margin-bottom:4px;}
.poster-lb-premiun{width:68px; height: 20px; background:url("../images/icon/icon_poster_premiun.png")no-repeat 0 0;}
.poster-lb-hot{width:40px; height: 20px; background:url("../images/icon/icon_poster_hot.png")no-repeat 0 -1px;}
.poster-lb-event{width:53px; height: 20px; background:url("../images/icon/icon_poster_event.png")no-repeat 0 -1px;}
.poster-lb-uhd{width:40px; height: 20px; background:url("../images/icon/icon_poster_uhd.png")no-repeat 0 -1px;}
.poster-lb-new{display:block; width:56px; height: 56px; background:url("../images/icon/icon_poster_new.png")no-repeat top right;}
.slide-box ul li .progress{position:absolute; bottom:0; left:0; z-index:5; width:100%; max-width:100%; height:3px;  background-color:#484848;}
.slide-box ul li .progress .bar{height:100%; }
.trailer-box{position:relative;}
.trailer-play{position:relative; padding-top:34.9%;}
.trailer-video{position:absolute; top:0; right:0; height:77.5%;}
.trailer-title-img{position:absolute; top:0; left:0; height:77.5%;}
.play-before{position:absolute; top:0px; left:0px; width:100%; height:77.5%}
.play-before-img{width:100%; max-width:100%; opacity:1; transition:.2s ease-in}



/*-- livetv --*/
.slide-box.type04 ul{padding:10px 0;}
.slide-box.type04 ul li{min-width:25%; padding: 0 4px; width:25%!important;} /*swiper perview auto or nojs*/
.slide-box.type04 ul li figure.thumb-size{padding-top:56%;}
.mask-thumb-blocked{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;	width: 100%; height: 100%; background:#191b27 url('../images/player/mask_thumb_blocked.png')no-repeat center; background-size:157px 24px; z-index: 4;}
.mask-thumb-blocked-free{	position: absolute; top: 0;left: 0;right: 0;bottom: 0; width: 100%; height: 100%; background:#191b27; z-index: 4;}
.mask-thumb-blocked-free p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; font-size:15px;color: #d1a97a; text-transform: uppercase;}
.slide-box.type04 ul li a:hover,.slide-box.type04 ul li a:focus{z-index:1;transform:translateY(-10px);}
.thumb-sill-box{position:relative; padding:22px 20px; background-color:#292929; height:107px;}
.thumb-sill-box .t-c1{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.3px;color:#e3e3e3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px; vertical-align: top;}
.thumb-sill-box .t-c1-1{height:24px;margin-bottom:3px; font-size:0;}
.t-c1-1 .play-ti{display:inline-block;vertical-align:top;height:24px;padding-left:24px;margin-left:-4px;margin-right:6px; font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.3px;color:#ee831a;background:url(../images/icon/icon_detail_play.png)no-repeat 0 50%;}
.t-c1-s{max-width: 80%; overflow:hidden;	display:inline-block; vertical-align:top;height:24px;margin-right:5px; font-size:16px;font-weight:500; letter-spacing:-.3px;color:#e3e3e3; line-height:24px;}
.i-lock,.i-bill,.i-heart,.i-timeshift{display:inline-block;vertical-align:top;width:24px;height:24px}
.i-lock{background:url(../images/icon/icon_ch_lock.png)no-repeat}
.i-bill{background:url(../images/icon/icon_ch_bill.png)no-repeat}
.i-heart{background:url(../images/icon/icon_ch_favorite.png)no-repeat}
.i-timeshift{background:url(../images/icon/icon_ch_timeshift.png)no-repeat}
.thumb-sill-box .t-c2{position:relative;display:inline-block;vertical-align:top;width:auto;max-width:100%;padding-right:28px;font-family:'Noto Sans', sans-serif;font-size:18px;line-height:1.44;letter-spacing:-.3px;color:rgba(255,255,255,0.8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.thumb-sill-box .t-c2 .i-lock{position:absolute;right:0}
.thumb-sill-box .t-c3{font-size:15px;line-height:1.73;letter-spacing:-.3px;text-align:right;color:#fff}
.thumb-sill-box .t-c3 small{opacity:.5; font-size:15px; font-weight:500;margin-left:4px}
.thumb-sill-box .t-c3 span{opacity:.8; font-weight:400; margin-left:4px}
.slide-box.type04 ul li a:hover .thumb-sill-box .t-c2{color:rgba(255,255,255,1)}


/*-- no slide livetv ch& vod-2-1.html--*/
.slide-box.type05 {padding:0 15.6%;}
.slide-box.type05 ul{padding:10px 0; display:block;}
.slide-box.type05 ul li{min-width:33.33%; padding: 0 4px;width:33.33%!important;margin-bottom:80px;}
.slide-box.type05 ul li figure.thumb-size{padding-top:56%;}
.slide-box.type05 ul li a:hover,
.slide-box.type05 ul li a:focus{z-index:1;transform:translateY(-10px);}
.mark-ranking{position:absolute;top:15px;left:15px;width:50px;height:30px;padding-left:32px;background:url(../images/icon/icon_list_popular_top.png)no-repeat;background-size:50px 30px}
.mark-ranking.only-number{width:32px;border-radius:2px;padding-left:0;text-align:center;background:rgba(0,0,0,0.8);}
.mark-ranking.only-number b{color:#fff}
.mark-ranking b{color:#ff9b08;font-size:20px;font-weight:500}
.thumb-size,.promotion-size,.recommend-size,.poster-size,.poster-figure{background:#191B27 url("../images/player/icon_thumb_default.png")no-repeat center;}
.trailer-play::before{content:''; position:absolute; top:0px; left:0px; width:100%; height: 77.5%; background:#191B27 url("../images/player/icon_thumb_default.png")no-repeat center;}


/*-- search --*/
.home-category,.home-category2{margin-top:80px;} 
.home-category-title{position: relative; padding:0px 15.8% 2px; color: #c8c8c8;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;}
.home-category .poster-list ul{padding:10px 15.6%; padding-bottom:63px;}
.poster-list{position:relative; width:100%; overflow:hidden;}
.poster-list ul{padding:10px 12.32%;}
.poster-list ul:after{content:"";display:block;clear:both;}
.poster-list ul li{position:relative;float:left; margin-bottom:44px; width:16.666%; padding:0 4px;}
.poster-list ul li a{display:block;overflow:hidden;position:relative;transition:.2s ease-in-out;}
.poster-list ul li a:hover,
.poster-list ul li a:focus{z-index:1;transform:translateY(-10px);} 
.poster-list ul li a:hover .poster-title,
.poster-list ul li a:focus .poster-title{opacity:1;}
.poster-list ul li figure{position:relative; overflow:hidden; }
.poster-list ul li figure img{position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; min-height:100%;}
.poster-list ul li figure.poster-size{padding-top:141.9%;}
.poster-list ul li .progress{position:absolute; bottom:0; left:0; z-index:5; width:100%; max-width:100%; height:3px;  background-color:#484848;}
.poster-list ul li .progress .bar{height:100%;  background-image:linear-gradient(to right, #ee8719, #f15a26 60%, #ee2a27); text-indent:-9999em;}


/*-- livetv --*/
.livetv-area{ width:100%; padding:0 4.4%;}
.livetv-area:after{clear:both; display:table; content:'';}
.livetv-lf{float:left; width:62.363%;  }
.livetv-rt{float:left; width:calc(37.637% - 8px); margin-left:8px;}
.livetv-player{position:relative; padding-top:56.228%;}
.channel-list{position:relative; padding-top:94%;}
.channel-list-inner{position:absolute; top:0; left:0; right:0; width:100%;height:72px; padding-right:10px; }
.channel-tab-top-wrap{position:relative; width:100%; padding:0 4.4%; z-index:1; }
.channel-tab-top{position:absolute; top:-11px; right:5.5%; width:200px; height:28px; text-align:right; }
.bt-4ch{width:58px;height:28px;background:url(../images/icon/icon_4ch.png)no-repeat;font-size:0;vertical-align:top}
.bt-4ch.on{background:url(../images/icon/icon_4ch_sel.png)no-repeat}
.bt-pop-schedule{width:108px;height:28px;padding-left:32px;background:url(../images/icon/icon_schedule.png)no-repeat 0 50%;background-size:28px 28px;vertical-align:top; margin:0 0 0 11px;}
.bt-pop-schedule span{font-size:17px;color:rgba(255,255,255,0.6)}
.bt-pop-schedule span:hover{color:#fff}
.bt-prev-channel,.bt-next-channel{position:absolute;top:0;width:24px;height:33px;cursor:pointer}
.bt-prev-channel{background:url(../images/icon/arw_ch_l.png)no-repeat center;left:0}
.bt-next-channel{background:url(../images/icon/arw_ch_r.png)no-repeat center;right:0}
.bt-prev-channel:hover{background:url(../images/icon/arw_ch_l_hover.png)no-repeat center;left:0}
.bt-next-channel:hover{background:url(../images/icon/arw_ch_r_hover.png)no-repeat center;right:0}
.channel-tab-menu{position:relative;width:100%;height:33px;margin-top:22px;padding:0 24px;overflow:hidden}
.channel-tab-menu ul{display:flex;overflow:hidden}
.channel-tab-menu ul li{min-width:25%;float:left;text-align:center;padding:0 5px}
.channel-tab-menu ul li a{display:block;width:100%;line-height:33px;font-size:20px;color:#fff;opacity:.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.channel-tab-menu ul li a:hover{opacity:1}
.channel-tab-menu ul li a.on{color:#ee831a;opacity:1; font-weight: 600;}
.channel-tab-list{position:absolute;top:72px;bottom:0;left:0;right:0;max-height:100%;overflow-y:auto}
.channel-tab-list ul{padding-right:16px;}
.channel-tab-list li{display:table;table-layout:fixed;width:100%;padding:30px 30px 31px;border-bottom:1px solid rgba(255,255,255,0.1);background-color:#222}
.chann-time,.chann-video,.chann-title,.chann-state,.chann-station{display:table-cell;vertical-align:middle}
.chann-video{width:151px;height:84px;}
.chann-video img{width:100%;height:100%}
.chann-time,.chann-station{width:72px;text-align:left}
.chann-time span{font-family:'Noto Sans', sans-serif; font-size:17px;line-height:30px;opacity:.6;color:#fff}
.chann-station span{font-size:17px;line-height:30px;opacity:.8;color:#fff}
.chann-title{padding-right:75px}
.chann-title .ch-t1{font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:500;line-height:1.37;letter-spacing:-.3px;text-align:left;color:#fff;opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.chann-title .ch-t1.state-lock{position: relative; max-width: 100%;display: inline-block; vertical-align: top; padding-right: 28px;}
.chann-title .ch-t1.state-lock::after{	content:''; width:24px; height: 24px; position:absolute; top:0px; right:0;	background:url("../images/icon/icon_ch_lock.png")no-repeat center;}
.channel-tab-list li:hover,.channel-tab-list li.choiced{cursor:pointer}
.channel-tab-list li.choiced{background-color:#2f2f2f!important; border-color:#2f2f2f!important;}
.channel-tab-list li.choiced .ch-t11{opacity:1; font-weight:600;}
.channel-tab-list li:hover .ch-t1{opacity:1;}
.channel-tab-list li.choiced .chann-time span,
.channel-tab-list li:hover .chann-time span{opacity:0.8}
.ch-progress{position:relative;height:2px;background-color:#484848;margin-top:8px}
.bar{position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to right,#ee8719,#f15a26 60%,#ee2a27);text-indent:-9999em}
.chann-state{width:50px;font-size:0;text-align:center}
.mark-live{display:inline-block;width:50px;height:30px;background:url(../images/icon/icon_livetv_live.png)no-repeat center;background-size:50px 22px}
.mark-live.small{width:36px;height:30px;background:url(../images/icon/icon_livetv_live_s.png)no-repeat center;background-size:36px 18px}
.mark-watch{display:inline-block;width:50px;height:30px;background:url(../images/icon/icon-livetv-watch.png)no-repeat center;background-size:50px 22px}
.mark-reservation{display:inline-block;width:30px;height:30px}
.mark-reservation.on{background:url('../images/icon/icon_reservation_on.png')no-repeat center}
.mark-reservation.off{background:url('../images/icon/icon_reservation_off.png')no-repeat center}
.mark-multiview{display:inline-block;	width:30px; height:30px;}
.mark-multiview.one{background:url('../images/player/icon_multiview_1.png')no-repeat center;}
.mark-multiview.two{background:url('../images/player/icon_multiview_2.png')no-repeat center;}
.mark-multiview.three{background:url('../images/player/icon_multiview_3.png')no-repeat center;}
.mark-multiview.four{background:url('../images/player/icon_multiview_4.png')no-repeat center;}
.blocked-list{background:#222;}
.blocked-list .txt-st1 {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; }
.blocked-list .txt-st1 .fig-i{margin-bottom:25px;}
.blocked-list .txt-st1 .p1{font-size:16px; line-height:1.5; letter-spacing:-0.3px;color:rgba(228,219,219,0.5); }
.blocked-timeout{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6);}
.blocked-timeout p{opacity:.8;font-size:16px;color:#fff;letter-spacing:-.3px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center; z-index:2}
	
/* scrollbar */
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{background:rgba(255,255,255,.15)}
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle{background:rgba(255,255,255,.55)}
.os-theme-dark > .os-scrollbar-vertical,.os-theme-light > .os-scrollbar-vertical{width:8px}

/* popup */
.pop-dialog-mask{display: none; position:fixed; top:0; left:0; width:100%; height: 100%;background-color: rgba(0, 0, 0, 0.6); z-index:200;}
.pop-dialog-mask.opa-80{background-color: rgba(0, 0, 0, 0.8);}
.pop-dialog-mask.opa-0{background-color: rgba(0, 0, 0, 0);}

.bt-dialog-close{position:absolute;top:0;right:-60px;width:35px;height:35px;font-size:0;background:transparent url(../images/icon/icon_search_x.png)no-repeat}
.pop-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:534px;min-height:100px;border-radius:2px;border:solid .5px #101010;background-color:#1d1d1d}
.pop-dialog.width-auto{width:auto}
.pop-dialog-small{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:422px;min-height:100px;border-radius:2px;box-shadow:6px 12px 30px 0 rgba(0,0,0,0.4);background-color:#292929}
.pop-dialog-bottom{position:fixed;bottom:42px;right:42px;width:456px;border-radius:2px;box-shadow:6px 12px 30px 0 rgba(0,0,0,0.81);background-color:#292929}
.dialog-head{background-color:#262626;padding:20px;text-align:center;line-height:1}
.dialog-head b{vertical-align:top;font-size:17px;font-weight:500;line-height:23px;letter-spacing:-.3px;text-align:center;color:#c8c8c8}
.dialog-btns{display:flex;height:56px;font-size:0;border-top:1px solid rgba(255,255,255,.1);background-color:transparent}
.dialog-btns .bt-dia{width:100%;flex:1;font-size:17px;background-color:transparent;color:rgba(255,255,255,.8)}
.bt-dia.c-red{color:#f15a26;font-weight:600}
.dialog-btns .bt-dia:nth-of-type(2){border-left:1px solid rgba(255,255,255,.1)}
.bt-dia:disabled{color:rgba(255,255,255,.3)!important}
.bt-dia.c-red:disabled{color:#5D2F1F!important}
.dia-st1{padding:30px 25px;text-align:center}
.dia-st1 .p1{font-size:18px;font-weight:500;line-height:1.22;letter-spacing:-.3px;color:#fff;margin-bottom:10px}
.dia-st1 .p2{font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;color:#fff;line-height:1.38;letter-spacing:-.3px}
.dia-st1 .p2 span{opacity:.6}
.dia-st1 .p2 b{color:#a67c52}
.dia-st1 .p3{opacity:.8;font-size:15px;line-height:1.33;letter-spacing:-.3px; color:#fff;}
.dia-st1 .p4{opacity: 0.9; font-size: 18px;line-height: 1.56;letter-spacing: -0.3px; margin-top:8px;color:#fff;}
.dia-st1 .dia-pass{margin-top:30px}
.dia-st2{padding:40px 20px}
.dia-st2 dl{display:table;clear:both;border-bottom:1px solid rgba(255,255,255,.1);padding:13px 20px}
.dia-st2 dl:last-of-type{border:0}
.dia-st2 dt{display:block;float:left;width:148px;color:#c8c8c8;font-size:16px;line-height:1.5;letter-spacing:-.3px;text-align:left}
.dia-st2 dd{display:block;float:left;width:300px;text-align:right}
.dia-st2 dd .t1{color:rgba(255,255,255,0.9);font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.3px;text-align:right; font-family:'Noto Sans', sans-serif;} /*20-12-22 다시 notosans*/
.dia-st2 dd .t3{font-family:'Noto Sans', sans-serif;font-size:15px;color:rgba(255,255,255,0.5);line-height:1.33;letter-spacing:-.3px}
.discp-under{border-top:1px solid rgba(255,255,255,.1);padding-left:20px;padding-top:20px;font-family:'Noto Sans', sans-serif;font-size:14px;font-weight:500;letter-spacing:-.3px;color:#a67c52}
.subsc-under{margin-top:25px;font-family:'Noto Sans', sans-serif; font-size:15px; text-align:center; color:#fff;}
.subsc-under span{opacity: 0.6; font-weight: 300;}
.subsc-under b{opacity: 0.8;}
.dia-st3{padding:30px 20px;text-align:center}
.dia-st3 .v1{width:336px;padding:11px 20px;margin:0 auto 12px;border-radius:2px;background-color:#2f2f2f}
.dia-st3 .p1{font-size:17px;font-weight:500;line-height:1.53;letter-spacing:-.3px;color:#f0d67a}
.dia-st3 .p2{font-size:20px;line-height:1.4;letter-spacing:-.3px;color:#fff; word-break:break-word;}
.dia-st3 .p3{opacity:.6;font-size:16px;line-height:1.38;letter-spacing:-.3px;color:#fff}
.dia-st4{padding:40px 50px 23px}
.dia-st4 .p1{font-size:18px;font-weight:400;line-height:1.44;letter-spacing:-.3px;text-align:center;color:rgba(255,255,255,0.9);margin-bottom:20px}
.dia-st4 .dia-pass{margin-bottom:6px; text-align: center;}
.dia-st4 .p2{font-family:'Noto Sans', sans-serif; text-align:right;font-size:15px;line-height:1.73;letter-spacing:-.2px;text-align:right;color:#c8c8c8}
.p-p1{opacity:.9;font-size:18px;line-height:1.56;letter-spacing:-.3px;color:#fff}
.pop-toast{position:fixed;bottom:42px;min-width:535px;max-width:599px;min-height:54px;border-radius:2px;box-shadow:6px 12px 30px 0 rgba(0,0,0,0.4);border:solid .5px rgba(0,0,0,0.4);background-color:#fff;z-index:1001;transition:right .5s ease-in-out}
.pop-toast.hide{right:-599px}.pop-toast.show{right:42px}
.pop-toast > div{position:relative;width:100%;padding:15px 55px 15px 30px}
.bt-toast-x{position:absolute;top:10px;right:13px;width:34px;height:34px;font-size:0;background:url(../images/icon/icon_toast_x.png)no-repeat center}
.toast-t1 span{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:17px;font-weight:500;line-height:1.29;letter-spacing:-.3px;text-align:center;color:#393531}
.toast-t1 em{margin-right:6px;font-size:18px;font-weight:600;line-height:1.22;letter-spacing:-.3px;text-align:left;color:#f07205}
.toast-t1 span + em{margin-left:6px;}
.popup-mask{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:1000}
.popup-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:814px; height:780px; padding:60px 81px;border-radius:2px;border:solid .5px #101010;background-color:#1D1D1D}
.popup-box.type01{width:1055px; height: 864px;}
.popup-box.type02{width:814px;}

.bt-popup-close{position:absolute;top:0;right:-60px;width:35px;height:35px;background:url(../images/icon/icon_search_x.png)no-repeat center;text-indent:-9999px}
.pop-rb-st1{position: relative; padding:30px;}
.pop-rb-st1 .bt-x{position:absolute;top:0px;right:0px;width:40px;height:40px;font-size:0;background:url(../images/icon/icon_toast_x.png)no-repeat center}
.pop-rb-st1 .p1{margin-bottom: 12px; font-size: 18px; line-height: 1.56;letter-spacing: -0.3px;text-align: center;color: #e3e3e3;}
.pop-rb-st1 .p2{opacity: 0.6; font-family: 'Noto Sans', sans-serif;font-size: 15px; letter-spacing: -0.3px; text-align: left;color: #ffffff;}

.livetv-schedule-pop{position:relative; height:100%;}
.livetv-schedule-pop .channel-list-inner{height:94px; padding-right:0;}
.livetv-schedule-pop .channel-tab-menu{border-bottom: 1px solid rgba(255, 255, 255, .25);height: 45px;	margin-bottom:0px;}
.livetv-schedule-pop .channel-tab-list{top:94px; border-bottom: 1px solid rgba(255, 255, 255, .25);}
.livetv-schedule-pop .channel-tab-list ul,
.livetv-multiview-pop .channel-tab-list ul{padding-top:20px;padding-bottom:20px}
.livetv-schedule-pop .channel-tab-menu ul li a,.livetv-multiview-pop .channel-tab-menu ul li a{font-size:20px}
.livetv-schedule-pop .channel-tab-list li:first-child,
.livetv-multiview-pop .channel-tab-list li:first-child{border-top:1px solid rgba(255,255,255,0.1)}
.livetv-schedule-pop .channel-tab-list li{height:66px; padding:16px 30px; background-color: #1d1d1d;}
.livetv-schedule-pop .chann-title{padding-right:36px;}
.livetv-schedule-pop .chann-title .ch-t1{font-size:17px;}
.livetv-schedule-pop .ch-progress{margin-top:2px;}
.livetv-schedule-pop .chann-time span{font-size:15px; font-weight: 300;}
.livetv-multiview-pop{position:relative;height:100%;}
.livetv-multiview-pop .channel-list-inner{height:45px; }
.livetv-multiview-pop .channel-tab-list{top:45px;  border-bottom: 1px solid rgba(255, 255, 255, .25);}
.livetv-multiview-pop .channel-tab-list li{padding:6px 12px 6px 6px;}
.livetv-multiview-pop .chann-title{padding-left:20px; padding-right:24px;}
.livetv-multiview-pop .schedule-tab-menu{border-bottom: 1px solid rgba(255, 255, 255, .25); height: 45px; }

/* .scrolling-info-area{position:absolute;top:94px;bottom:0;right:-106px;width:106px;height:calc(100% - 100px)}
.scrolling-info-area.st2{top:72px;height:calc(100% - 72px);right:14px;z-index:10}
.scrolling-info{position:absolute;top:50%;right:0;width:99px;height:25px;border-radius:12.5px;box-shadow:3px 3px 10px 0 #000;background-color:rgba(183,129,89,0.6);box-shadow:3px 3px 10px 0 #000;text-align:center}
.scrolling-info .s-date{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:13px;font-weight:500;line-height:25px;letter-spacing:0;color:#fff} */
.scrolling-info-area{position:absolute;top:94px;left:0;right:0;z-index:1}
.scrolling-info-area.st2{top:72px;}
.scrolling-info{width:158px;height:25px; margin:8px auto; border-radius:20px;background-color:rgba(112,112,112,0.8); box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.4);text-align:center;}
.scrolling-info .s-date{font-family:'Noto Sans', sans-serif;font-size:14px;font-weight:500;line-height:25px;color:#fff}

.schedule-tab-menu{height:26px;width:100%;margin-bottom:20px}
.schedule-tab-menu .text-on{position:relative;width:220px;height:26px;margin:0 auto;text-align:center;font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.4px;color:#ee831a}
.schedule-tab-menu .bt-prev,.schedule-tab-menu .bt-next{position:absolute;top:0;width:24px;height:26px;cursor:pointer}
.bt-prev{background:url('../images/icon/arw_ch_l.png')no-repeat center; left:0;}
.bt-next{background:url('../images/icon/arw_ch_r.png')no-repeat center; right:0;}
.bt-prev:hover{background:url('../images/icon/arw_ch_l_hover.png')no-repeat center; }
.bt-next:hover{background:url('../images/icon/arw_ch_r_hover.png')no-repeat center;}


/*-- vod --*/
.vod-area{width:100%;padding:0 4.4%;margin-bottom:100px}
.vod-area:after{clear:both;display:table;content:''}
.vod-lf{float:left;width:62.363%}
.vod-rt{float:left;width:37.637%}
.vod-player{position:relative;padding-top:56.228%}
.vod-detail-area{position:relative;color:#fff;padding-left:50px}
.vo-title{font-family:'Noto Sans', sans-serif;font-size:38px;font-weight:600;line-height:1.37;letter-spacing:-.3px;color:#fff;margin-bottom:4px}
.vo-title-ep{font-family:'Noto Sans', sans-serif;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.38;letter-spacing:-.3px;text-align:left;color:#fff;margin-bottom:4px}
.synopsis-text{line-height:24px;}
.limited-line{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;line-height:24px;overflow:hidden;text-overflow:ellipsis}
.more-description{height:24px;padding-right:24px;background:transparent url(../images/icon/arw_detail_d.png)no-repeat top right;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.3px;color:#ff872b}
.vo-genre{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:15px;line-height:1.33;letter-spacing:-.3px;margin-bottom:14px;margin-top:12px}
.vo-genre span{position:relative;padding-right:10px;margin-right:10px}
.vo-genre span::after{content:'';position:absolute;top:5px;right:0;width:1px;height:10px;background:rgba(255,255,255,0.5)}
.vo-genre span:last-of-type::after{content:none}
.vo-desc{position:relative; min-height:24px; padding-left:110px;margin-bottom:10px;font-size:15px;}
.vo-desc dt{position:absolute;top:0;left:0;width:auto; width:100px; color:rgba(255,255,255,0.9)}
.vo-desc dd{font-family:'Noto Sans', sans-serif; color:rgba(255,255,255,0.8)}
.vo-coupon{display:flex; justify-content: space-around; padding:5px 5px 5px 40px;min-height:32px;margin-top:20px;margin-bottom:30px;font-size:0;border-radius:3px;background-color:#292929; 
	background-image:url(../images/icon/icon_user.png); background-position: 10px 50%; background-repeat: no-repeat;}
.vo-coupon:after{content: ''; display:block; clear:both;}
.bounce-area{text-align: left; }
.vo-coupon .bounce-area label{margin:0; margin-right:7px;}
.vo-coupon label{opacity:.6;font-size:15px;line-height:1.47;letter-spacing:-.3px;text-align:left;color:#fff;margin-left:0;margin-right:5px;}
/* .vo-coupon label:nth-of-type(1){margin-left:10px}
.vo-coupon label:nth-of-type(2){margin-left:30px}
.vo-coupon label:nth-of-type(3){margin-left:25px} */
.vo-coupon .vc-thb{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:500;line-height:1.33;letter-spacing:-.3px;text-align:right;color:#fff}
.vo-coupon .vc-thb b{margin-right:4px}
.vo-purchase-option{position:relative;width:100%}
.vo-purchase-option h4{font-size:15px;margin-bottom:8px;font-weight:400;opacity:.9}
.purchase-option-list > li{min-height:56px;position:relative;padding:12px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
.purchase-option-list > li .vo-ti{position:absolute;top:12px;left:0;}.vo-ti .only-lb{font-size: 15px; line-height:22px;}
.vo-episode{position:relative;width:calc(100% - 150px);margin-left:150px}
.vo-tr{margin-bottom:8px;text-align:right; font-size: 0;}
.vo-tr:last-child{margin-bottom:0}
.vt-txt{vertical-align:middle;font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:500;line-height:34px;letter-spacing:-.3px;text-align:right;color:#fff}
.vo-tr .vt-txt{margin-right:8px} .vo-tr .vt-term + .bt--st3{margin-left:14px;}
.vt-txt b{margin-right:4px;font-weight:500}
.vt-thb{vertical-align:middle;font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:500;line-height:34px;letter-spacing:-.3px;text-align:right;color:#fff}
.vt-thb b{margin-right:8px;font-weight:500}
.vt-la,.vt-term{vertical-align:middle;opacity:.6;font-family:'Noto Sans', sans-serif;font-size:14px;line-height:34px;letter-spacing:-.3px;text-align:left;color:#fff}
.vt-la{font-size:15px}
.vt-txt + .vt-term::before{content:'/ '}
.vod-detail-area .bt--st3{width:181px;margin-left:10px}
.subscription-list{padding:12px 18px 12px 38px;height:135px;margin-bottom:12px;overflow-y:auto;overflow-x:hidden;margin-right:-20px}
.subscription-list li{display:flex;margin-bottom:8px}
.subscription-list li:last-child{margin-bottom:0}
.vt-tl{width:28%;font-size:15px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(255,255,255,0.8)}
.vt-tr{width:72%;text-align:right;vertical-align:middle}
.vod-accordion{padding:0 10%;margin-bottom:80px; padding:0;}
.vod-ac-package{min-height:92px;border-radius:2px;background-color:#222;margin-bottom:10px}
.vod-ac-head{position:relative;height:92px;padding:30px 7.2%; padding:30px 4.4%;
width: 100%; display: table;}
.vod-ac-body{position:relative; margin-top:-10px}
.vod-ac-body:after{
	content:'';position:absolute;top:10px;right:0;width:7.2%;height:100%;
	background-image:linear-gradient(to right,rgba(0,0,0,0) 5%,rgba(0,0,0,0.57) 60%,rgba(0,0,0,0.84) 105%)}
.vod-ac-body.no-gradient:after{background-image: none;}
.vod-ac-body .slide-box{/*padding:0 7.2%*/}
/* .vod-ac-body .slide-box.type02 ul li{min-width:16.7%} */
.vod-ac-body .swiper-button-prev,.vod-ac-body .swiper-button-next{/*width:7.2%;*/background-image:none}
.vod-ac-head h4{position:relative; display:inline-block;vertical-align:middle;font-size:20px;font-weight:500;line-height:34px;letter-spacing:-.4px;text-align:left;color:#c8c8c8;margin-right:7px;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.vod-ac-head h4:hover{color:#fff; padding-right:22px; }
.vod-ac-head h4:hover:after{content:'';  position:absolute; top:7px; right:0px; width:20px; height:20px; background:url('../images/icon/arw_category_r.png')no-repeat;}

.lb-number{display:inline-block;vertical-align:middle;height:22px;margin-top:2px;padding:5px 11px;border-radius:11px;background-color:#f15a26;font-size:14px;font-weight:600;letter-spacing:-.28px;line-height:1;text-align:center;color:#fff}
.vod-ac-head .lb-number{margin-left:3px;}
.vod-ac-head .vt-ac-r{float:right;line-height:30px; padding-right:70px;}
.vod-ac-head .vt-ac-r .vt-group{position:relative}
.vt-group .vt-term{margin-left:8px;}
.vt-ac-r .vt-group{	padding-left:17px;margin-left:12px}
.vt-ac-r .vt-group:before{
	content:'';position:absolute;top:10px;left:0;width:1px;height:10px;background:rgba(255,255,255,0.3);}
.vt-ac-r .days-left{margin-right:8px;}
.vt-ac-r .vt-group:first-child{padding-left:0px;margin-left:15px}
.vt-ac-r .vt-group:first-child:before{content:none;}
.vt-la{margin-right:13px}
.vt-ac-r .bt--st3{width:120px;margin:0 0 0 5px}
.vt-ac-r .bt--st3:nth-of-type(1){margin-left:24px}
.vod-ac-head .acc-arr{position:absolute;top:32px;right:40px; right:4.4%;
	display:inline-block;width:30px;height:30px;background:url(../images/icon/arw_list_d.png);font-size: 0;}
.vod-ac-head .acc-arr.open{background:url(../images/icon/arw_list_u.png)}
.days-left{display:inline-block;font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:600;line-height:24px;letter-spacing:-.2px;text-align:left;color:#f47c1f;padding-left:24px;background:url(../images/icon/icon_detail_play.png)no-repeat 0 -1px;}
.vo-days-left{margin:-10px 0 20px;text-align:right}
.vo-days-left .days-left{vertical-align: top; margin-top:7px; margin-right:4px;}
.vo-days-left button{vertical-align:middle}
.vod-related-slide{margin-bottom:100px}
.episode-head{position:relative;height:44px;width:100%;padding:0 15.8%;margin-bottom:8px}
.episode-head h4{font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:-.4px;text-align:left;color:#fff;float:left;line-height:44px}
.episode-head .lb-number{float:left;margin:12px 0 0 10px}
.episode-head .design-select{float:right;min-width:228px}
.vod-episode-list .thumb-sill-box{padding:12px 20px}
.thumb-sill-box .ep-t1{font-family:'Noto Sans', sans-serif;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:-.36px;text-align:left;color:#fff;margin-bottom:4px}
.thumb-sill-box .ep-t1.playing{color:#f47c1f;font-weight:600;padding-left:24px;background:url(../images/icon/icon_detail_play.png)no-repeat 0 50%}
.thumb-sill-box .ep-t2{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:500;line-height:1.37;letter-spacing:-.38px;text-align:left;color:#fff;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.thumb-sill-box .ep-t3{opacity:.4;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.38;letter-spacing:-.32px;text-align:left;color:#fff}
.thumb-sill-box .ep-t3 span{position:relative;padding-right:11px;margin-right:8px}
.thumb-sill-box .ep-t3 span::after{content:'';position:absolute;top:7px;right:0;width:1px;height:10px;background:rgba(255,255,255,0.4);}
.thumb-sill-box .ep-t3 span:last-of-type::after{content:none}
.vod-package-detail{position:relative;width:100%;	padding:0 15.8% 44px; background-color:#000; color:#fff;padding-top: 120px; margin-top: -120px; margin-bottom:80px;  }
.package-info{position:relative; margin-bottom:18px;}
.vod-heart{position:absolute;top:10px;right:0;width:40px;height:30px;background:url(../images/icon/icon_vod_favorite.png)no-repeat center}
.vod-heart.on{background:url(../images/icon/icon_vod_favorite_sel.png)no-repeat center}
.vod-package-detail h2{
	position: relative; padding-right: 50px;
	 max-width:calc(100% - 85px); text-align:left;color:#fff; font-family:'Noto Sans', sans-serif;font-weight:600;  letter-spacing:-.7px; 
	font-size:38px; line-height:52px; max-height: 156px;
	overflow:hidden; white-space:normal; text-overflow:ellipsis; word-break: break-all;
	/* display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; */
	display: inline-block;
}
.vod-package-detail .lb-number{position: absolute; top:13px; right:0;}
.d-flex{display:flex;align-items:flex-end}
.package-info-box{float:left; width:70%;}
.package-bt-box{float:right; min-width:440px; width:30%;} 
.package-t1{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:17px;letter-spacing:-.3px;text-align:left;color:#fff; 
	line-height:26px; max-height:72px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.package-info-box .vo-coupon{display:inline-flex;margin:40px 0 5px;width:auto; width: 620px;}
.package-r{display:block;margin-top:10px;text-align:right; font-size:0;}
.package-r .vt-thb{line-height:40px; }
.package-r .vt-term{position: relative; margin-left:8px;line-height:40px;}
.package-r .vt-term::before{content:'/ '}
.package-r .bt--st2{width:212px;margin-left:16px}
.package-list{position:relative;width:100%;overflow:hidden}
.package-list ul{padding:10px 15.6%}
.package-list ul:after{content:"";display:block;clear:both}
.package-list ul li{position:relative;float:left;width:50%;padding:0 4px;margin-bottom:80px}
.package-list .poster-figure{width:32.5%;padding-top:46%}
.package-list .poster-info{width:67.5%;padding:30px 20px}
.package-list ul li a.poster-box{transition:.2s ease-in-out}
.package-list ul li a.poster-box:hover,.package-list ul li a.poster-box:focus{z-index:1;transform:translateY(-10px)}
.poster-info .pc-t1{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:19px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.37;letter-spacing:-.38px;text-align:left;color:#fff}
.poster-info .pc-t2{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:15px;line-height:1.33;letter-spacing:-.3px;margin-bottom:10px;margin-top:12px}
.poster-info .pc-t2 span{position:relative;padding-right:10px;margin-right:10px}
.poster-info .pc-t2 span::after{content:'';position:absolute;top:5px;right:0;width:1px;height:10px;background:rgba(255,255,255,0.5)}
.poster-info .pc-t2 span:last-of-type::after{content:none}
.poster-info .pc-t3{position:relative;padding-left:70px}
.poster-info .pc-t3 dl{font-family:'Noto Sans', sans-serif;letter-spacing:-.3px;color:#fff}
.poster-info .pc-t3 dt{position:absolute;top:0;left:0;width:auto;font-size:15px;line-height:22px;opacity:.9}
.poster-info .pc-t3 dd{opacity:.6;font-size:15px;line-height:22px; height:22px;	overflow:hidden;text-overflow:ellipsis; white-space: nowrap; }
.poster-info .pc-t4{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:15px;line-height:24px;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:96px;overflow:hidden;text-overflow:ellipsis;margin-top:10px}

/*-- setting --*/
.setting-contents-area{}
.setting-list{/*padding:80px 21.6%; */padding:80px 0; width:1092px; margin:0 auto;}
.setting-list .bottom-bt-group{margin-top:20px; text-align:right;}
.bottom-bt-group button{margin-left:8px; width:212px;}
.setting-list dl.set-box{}
.setting-list .set-box > dt{position: relative; display: block; min-height: 73px;	border-top:1px solid rgba(255, 255, 255, .25);}
.setting-list .set-box > dt b{position:absolute;top:20px;left:20px;opacity:.5;font-family:'Noto Sans', sans-serif;font-size:24px;font-weight:300;line-height:32px;letter-spacing:-.48px;color:#fff}
.setting-list .set-box > dt .t-name{position:absolute;top:20px;right:20px;font-family:'Noto Sans', sans-serif;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:32px;letter-spacing:-.4px;text-align:right;color:#f6841f}
.setting-list .set-box > dd{position:relative;min-height:70px;color:#fff;border-top:1px solid rgba(255,255,255,.1)}
.setting-list .set-box:last-of-type > dd:last-child{border-bottom:1px solid rgba(255,255,255,.25)}
.setting-list .set-box > dd:before,
.setting-list .set-box > dd:after{clear: both; display: table; content:''}
.lf-d{float:left;padding:20px 0 19px 110px}
.lf-d .ti1{display:inline-block;font-size:20px;line-height:30px;letter-spacing:-.4px;opacity:.8;font-weight:400}
.lf-d .ti2{margin-right:16px}
.ti3{margin-top:8px; font-family:'Noto Sans', sans-serif; font-size:16px;line-height: 1.5; letter-spacing: -0.1px;}
.ti3 span{ opacity:0.6;} .ti3 strong{opacity:0.6; font-weight:600;}
.ti3 b{opacity:0.8; font-weight:500;}.ti3 b.d-block{margin-top:6px; display: block}
.ti4{padding:20px 0 0px 20px; opacity: 0.6; font-family:'Noto Sans', sans-serif;font-size: 18px; line-height: 1.33; letter-spacing: -0.36px;}
.rf-d{float:right;padding:20px 20px 19px 0;text-align:right;line-height:30px}
.rf-d .bt-30{margin-left:16px}
.bt-30{vertical-align:top;width:30px;height:30px;background-color:transparent}
.bt-30 i{display:inline-block;width:30px;height:30px}
.rf-d .ft1{opacity:.7;font-family:'Noto Sans', sans-serif;font-size:18px;line-height:30px;letter-spacing:-.36px}
.rf-d .ft2{opacity:.7;font-family:'Noto Sans', sans-serif;font-size:18px;line-height:36px;letter-spacing:-.36px;text-align:right;color:#fff}
.btn-upgrade{width:184px;margin-left:12px}
.v-txt1{font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.63;letter-spacing:-.32px;text-align:right;color:#a67c52;margin-top:10px}
.v-txt2{font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.63;letter-spacing:-.32px;text-align:right;color:#c8c8c8;margin-top:10px}
.err-txt{position:relative; padding-left:24px;margin-top:5px; font-family:'Noto Sans', sans-serif;font-size:13px;line-height:18px;letter-spacing:-.0px;text-align:left;color:#ff5858;}
.err-txt b{}
.err-txt::before{content:''; position:absolute; top:-3px; left:0px; width:24px; height:24px;background:url("../images/icon/icon_error.png")no-repeat;}
input.err-input{border-color:rgba(255, 67, 67, 0.7)!important; background-color:#343434;}
.profile-group{text-align: center; padding:20px 20px 0; font-size:0;}
.profile-link{display: inline-block; margin:0 30px 20px;  vertical-align: top;}
.profile-group .profile-link .profile-img-box{opacity: 0.3;}
.profile-group .profile-link .pname{opacity: 0.6;}
.profile-group .profile-link .mark-lock{opacity: 0.5;}
.profile-group .profile-link.active .profile-img-box{opacity:1;}
.profile-group .profile-link.active .pname{opacity: 0.8;}
.profile-group .profile-link.active .mark-lock{opacity: 1;}
.profile-img-box{position: relative; width:80px; margin:auto;}
.profile-img-box figure{position: relative;width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.profile-img-box figure img{width: 80px;position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.profile-img-box .mark-lock{position:absolute; top:50px; left:50px;}
.mark-lock{display: inline-block; width:30px; height:30px; background:url("../images/icon/icon_user_lock.png")no-repeat center; cursor: pointer;}
.profile-link .pname{width:100px;margin:10px 0 3px; font-family:'Noto Sans', sans-serif;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:-.3px;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;  text-overflow: ellipsis; }
.profile-link .pname.alarm-mark::after{position:absolute; top:0px; right:0px;}
/**/
.devicem-tit{font-size:17px;line-height:1.41;letter-spacing:-.3px;text-align:center;color:#c8c8c8;height:70px;padding-top:34px;border-bottom:1px solid rgba(255,255,255,0.25)}
.devicem-li{padding:23px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.devicem-li:last-child{border-bottom:0}
.devicem-list li:after,.devicem-li:after{content:'';display:table;clear:both}
.devicem-p1,.devicem-d1{width:542px;padding-left:110px;text-align:left}
.devicem-p2{width:212px;text-align:center}
.devicem-p1,.devicem-p2,.devicem-p3,.devicem-d1,.devicem-d2,.devicem-d3{float:left}
.devicem-d1{font-family:'Noto Sans', sans-serif;}
.devicem-d1 .devicem-name{font-size:18px;line-height:1.33;letter-spacing:-.3px; }
.device-edit-mode{font-size:16px;line-height:30px;letter-spacing:-.3px;}
.device-edit-mode span{color:rgba(255,255,255,0.6);}
.device-edit-mode b{font-weight:500;color:rgba(255,255,255,0.8)}
.device-edit-mode .only-name{color:rgba(255,255,255,1); font-size: 18px;}
.device-edit-mode + .with-bt{margin-top:10px;}
.devicem-d2{width:212px;font-size:17px;line-height:30px;letter-spacing:-.3px;color:rgba(255,255,255,0.7);text-align:center; font-family:'Noto Sans', sans-serif;}
.devicem-d3{width:auto;float:right;padding-right:20px}
.devicem-d3 .bt-30{margin-left:10px}
.devicem-d3 .bt-30:disabled i{opacity: 0.3;}
.video-playback-title-option{width:530px; text-align:left; padding:18px 0 10px}
.video-playback-title-option li{margin-top:12px}
.video-playback-title-option label{display:inline-block;vertical-align:top;width:280px;text-align:left;opacity:.6;font-size:16px;line-height:44px;letter-spacing:-.32px}
.video-playback-title-option .select-pop,
.video-playback-title-option .design-select{display:inline-block;vertical-align:top;width:228px}
.profile-lock-option{padding:40px 110px}
.profile-lock-option li{margin-bottom:16px;}
.profile-lock-option li span{font-size: 16px; font-family:'Noto Sans', sans-serif;}
.profile-lock-option li strong{font-weight: 600; margin-right: 6px;}
.profile-channel-option{padding:0px 0px 22px; max-height:560px; }
.profile-channel-option ul{ width:770px; margin:0 auto;}
.profile-channel-option li{display:inline-block; width:170px; min-height:44px; margin:7px;}
.profile-channel-option label{max-width: 100%;}
.profile-channel-option span{font-size:16px;max-width: 100%;}
.pad-20{padding:20px;}
.profile-channel-top{position: relative; margin-bottom:40px; padding:0px 0 0 0px}
.profile-channel-check{position:absolute; top:20px; right:0px;}
.btn-reset {background-color: transparent; border:0; margin-left:18px;}
.btn-reset i{display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../images/icon/icon_reset.png)no-repeat center}
.btn-reset.disabled{opacity: 0.3; cursor: default;}
.btn-reset span{vertical-align:middle;font-size:17px;line-height:30px;letter-spacing:-.34px;text-align:center;color:rgba(255,255,255,.8);margin-left:2px}
.profile-pin-change{border-top:0!important;}
.profile-pin-change .lf-d,
.profile-pin-change .rf-d{padding-top:0;}
.with-bt{font-size:0;}.with-bt .input--st-pin + button{background-color: #2c2c2c;}
.with-bt button{margin-left:8px; width:102px;}
 

/*--start--*/
.profile-group-big{width:760px; margin:0 auto; text-align: center; padding:80px 0 30px 0; }
.profile-group-big .profile-img-box{width:100px; height:100px; position: relative;}
.profile-group-big .profile-img-box figure{position: relative; width:100px; height:100px; background-color:#1D1D1D;}
.profile-group-big .profile-img-box figure:after{content:''; position:absolute; top:0px; left:0px;width:100px; height:100px; background-color:rgba(0, 0, 0, 0.6)}
/* .after-login .profile-group-big .profile-img-box figure:after,
.after-login .profile-group-big .profile-link:hover .profile-img-box figure:after{background-color: transparent;}
.after-login .profile-group-big .profile-link .pname{opacity: 0.6;}
.after-login .profile-group-big .profile-link:hover .pname{opacity: 1;} */
.profile-group-big .profile-img-box figure img{width:100px; position: absolute;	top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.profile-group-big .profile-link{margin:0 20px 30px}
.profile-group-big .profile-link .pname{max-width:100px; width:auto; display:inline-block; padding:0 6px; font-size: 20px;margin:18px auto 0px; opacity:.8;}
.profile-group-big .profile-link .mark-lock{width:100%;}
.profile-group-big .profile-link:hover .profile-img-box figure:after{background-color:rgba(0, 0, 0, 0.3)}/*개발요청사항*/
.profile-group-big .profile-link:hover .pname{opacity:1;}
.profile-group-big .mark-lock{opacity:0.6;}
.profile-group-big .profile-link:hover .mark-lock{opacity:1;}
.profile-big-btns{font-size:0;}
.profile-big-btns button{width:212px; margin:0 4px;}
.add-profile .i-add{display:block; width:100px; height: 100px; border-radius: 50%; border:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.55) url("../images/icon/icon_user_add.png")no-repeat center; }
.bt-pen{position:absolute; top:0px; left:0px; width:100px; height:100px; border:0; background:url("../images/icon/icon_user_edit.png")no-repeat center; border-radius: 50%;}
.i-chat{display: inline-block; vertical-align: top; width:30px; height:30px; background:url("../images/icon/icon_caption.png")no-repeat; cursor: pointer;}
.tooltip{position:relative;display:inline-block;vertical-align:top;border-bottom:1px dotted #000}
.tooltip .tooltiptext{visibility:hidden;width:auto;text-align:left;background-color:#404040;opacity:.9;font-size:14px;letter-spacing: -0.28px;border-radius:3px;padding:7px 7px 7px 12px;position:absolute;z-index:1;bottom:5px;left:5px}
.tooltip .tooltiptext strong{color:rgba(255,255,255,8); font-weight: 400; margin-right:1px;}
.tooltip .tooltiptext span{color:rgba(255,255,255,.5)}
.tooltip:hover .tooltiptext{visibility:visible}
.step-progress{position:absolute;top:25px;right:20px;height:26px;text-align:right;font-size:0}
.step-progress span{position:relative;display:inline-block;vertical-align:top;width:26px;height:26px;border-radius:50%;font-size:11px;line-height:26px;font-weight:500;color:rgba(255,255,255,.5); text-align: center;}
.step-progress span.complete{background-color:#545454;font-size:0}
.step-progress span.current{background-color:#f47c1f;background-image:linear-gradient(106deg,#ee831a 2%,#f15a26 64%,#ee2a27 117%);font-size:0}
.step-progress span.current::before,.step-progress span.complete::before{content:'';position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#101010}
.step-progress span.current::after,.step-progress span.complete::after{content:'';position:absolute;top:10px;left:10px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3)}
.step-progress p{position:relative;display:inline-block;vertical-align:top;margin-left:62px}
.step-progress p::before{content:'';position:absolute;top:12px;left:-58px;width:52px;height:1px;background:#545454}
.step-progress p:nth-of-type(1):before{content:none}
.step-progress p:nth-of-type(1){margin-left:0!important}
.top-step-purchase{position: relative;text-align: center; padding-bottom: 30px;}
.top-step-purchase .step-progress{position: relative; top:auto; left:auto; right:auto; display:inline-block;vertical-align: top; height: 56px; margin:0 auto; text-align: left;}
.top-step-purchase .step-progress p{text-align: center; margin-left:118px;}
.top-step-purchase .step-progress p::before{width: 105px; left: -108px;}
.top-step-purchase .step-progress .txt{display:block; color:#fff; width:70px; color:#fff; font-size:16px; line-height: 24px; opacity: 0.5; letter-spacing:-.3px; margin-top:3px;}
.top-step-purchase .step-progress span.current + .txt{opacity: 0.8;}
.loading-mask{
	display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1200}
.loading-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:126px}
.loading-img{margin:0 auto;width:80px;height:80px;background:url(../images/img_loading.png)no-repeat}
@keyframes rotating {
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
.loading-mask-player{
	display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:20}
.loading-wrap-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px}

.rotating{animation:rotating 2s linear infinite}
.loading-mask .loading-txt{
	width:110px;height:36px;margin-top:10px;font-size:24px;font-weight:500;letter-spacing:-.48px;text-align:center;color:#fff}
.pop-loading-profile{
	position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:150px;background-color:transparent}
.loading-profile{position:relative;width:110px;height:110px; background:url("../images/loading_progress.png")no-repeat;}
.loading-profile .rotate-img{
	position:absolute; top:0px; right:0px; width:55px; height:55px;  background:url("../images/loading_progress_f.png")no-repeat;
	transform-origin: bottom left; animation: spin 1.1s linear infinite;}
@keyframes spin {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.loading-progress{transform:rotate(-90deg)}
.progress-value{stroke-dasharray:326.56;stroke-dashoffset:326.56;animation-name:loadprogress;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}
@keyframes loadprogress {
	from{stroke-dashoffset:326.56}
	to{stroke-dashoffset:0}
}
.stroke-bg{background-image:linear-gradient(146deg,#ee8719 20%,#f15a26 62%,#ee2a27 85%)}

.loading-porfile-img{position:absolute;top:4px;left:4px;width:102px;height:102px; border:1px solid #101010; border-radius:50%;overflow:hidden}
.loading-porfile-img img{vertical-align:top;width:100%}
.loading-porfile-name{margin-top:16px;text-align:center;font-family:'Noto Sans',sans-serif;font-size:24px;font-weight:500;line-height:.92;letter-spacing:-.48px;color:#fff}
.pop-fullpage{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#101010;z-index:200}
.browser-support-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
	width:1000px;text-align:center;}
.img-bw-disable{width:202px; height:94px;}
.browser-support-box .bst1{margin:4px auto 32px;font-size:35px;font-weight:500;letter-spacing:-.2px;text-align:center;color:#fff}
.browser-support-box .bst2{margin:32px auto 52px;opacity:.8;font-family:'Noto Sans',sans-serif;font-size:16px;letter-spacing:-.2px;text-align:center;color:#fff}
.bg-browser {width: 246px; height: 128px; margin:52px auto 307px; padding: 24px 17px;border-radius: 20px; background-color: #1d1d1d; text-align: center; font-size: 0;}
.bg-browser img{margin:0 13px}
.browser-support-box .bst3{max-width:530px;margin:307px auto 0;opacity:.6;font-family:'Noto Sans',sans-serif;font-size:15px;letter-spacing:-0;text-align:center;color:#fff}

.pop-fullpage .logo{position:absolute;top:36px;left:5%}
.pop-profile-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;text-align:center}
.pop-profile-box .tlt-1{font-size:35px;line-height:53px;font-weight:400;letter-spacing:-.7px;color:#fff;margin-bottom:4px}
.pop-profile-box .tlt-2{font-family:'Noto Sans',sans-serif;font-size:17px;line-height:1.35;letter-spacing:-.34px;text-align:center;color:rgba(255,255,255,0.6)}
.pop-profile-box .tlt-2.del-p1{margin-top:16px;}
.pop-profile-box .tlt-3{font-size:20px;line-height:1.5;letter-spacing:-.4px;text-align:center;color:rgba(255,255,255,0.8)}
.del-profile-b{display:inline-block; width:auto; min-width: 336px; min-height: 76px; margin:40px auto 70px; padding:11px; border-radius: 2px;background-color: #2f2f2f; text-align:center;}
.del-profile-b .pt1{font-size:17px; color:#c8c8c8;}
.del-profile-b .pt2{font-size:18px; color:#fff; margin-top:2px;}
.create-profile-box{padding:53px 0 80px}
.create-profile-box .err-txt{display:inline-block;text-align:center}
.edit-profile-link{position:relative;display:block;width:100px;height:100px;margin:0 auto;border-radius:50%;overflow:hidden}
/* .edit-profile-link { background-color:#4a4a4a; } */
.edit-profile-link figure{width:100px;height:100px}
.edit-profile-link figure img{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.edit-profile-link .label-edit{position:absolute;bottom:0;left:0;width:100%;height:36px;background-color:rgba(0,0,0,0.6);font-size:16px;line-height:36px;letter-spacing:-.32px;text-align:center;color:rgba(255,255,255,0.8)}
.create-profile-name{height:60px;width:435px; margin:35px auto 0;text-align:center}
.create-profile-name input[type="text"]{width:100%;height:60px;  padding:0 10px; text-align:center;background-color:#333; border: solid 1.5px transparent; border-radius: 2px; color:#fff;font-family:'Noto Sans',sans-serif;font-size:45px;line-height:1;letter-spacing:-.9px}/*개발요청색상변경*/
.create-profile-name input[type="text"]:focus{
	border-color: rgba(255, 255, 255, 0.15);
}
.create-profile-name input[type="text"]::placeholder{font-family:'Noto Sans',sans-serif;font-size:30px;line-height:1;letter-spacing:-.6px}
.bt-del-profile{width:auto;padding-left:30px;height:30px;margin-top:20px;border:0;color:rgba(255,255,255,0.8);font-size:17px;line-height:30px;letter-spacing:-.34px;background:transparent url(../images/icon/icon_delete_2.png)no-repeat}
.profile-slider-top{ padding-top:132px; padding-bottom: 48px; background-color: #000; }
.profile-slider-top-inner{ width:1330px; margin:0 auto 0;}
.profile-icon-box{
	width:100%; height:100%; margin:0 auto 0; /*height:auto; height:calc(100% - 232px);overflow-y:auto; */
}
.icon-select-inner{
	width:1330px; max-height:100%; margin:0 auto; padding-bottom:330px; overflow-y:auto;
	width:1350px; padding-right:20px;
}
.title-back-link{display:inline-block; position: relative; padding-left:45px; margin-left:-10px; color:#fff;font-size:35px;font-weight:500;line-height:52px; }
.title-back-link:after{content:''; position:absolute; top:0px; left:0px; width:25px; height:50px; background:url('../images/icon/arw_l.png')no-repeat center; }
.icon-select-inner h3{ padding-left:45px; color:#fff; opacity:0.8; font-size:20px;font-weight:400;letter-spacing:-.3px;margin-top:80px;margin-bottom:30px}
.icon-slide-box{position:relative;width:100%;overflow:hidden;padding:0 35px;}
.btn-prev-ar,
.btn-next-ar{ position:absolute; top:0; width:36px; height:100%; border:0; z-index: inherit; }
.btn-prev-ar{ left:-1px; background:#101010 url('../images/icon/arw_ch_l.png')no-repeat left center;}
.btn-next-ar{ right:-1px; background:#101010 url('../images/icon/arw_ch_r.png')no-repeat right center;}
.btn-prev-ar:hover{background:#101010 url('../images/icon/arw_ch_l_hover.png')no-repeat left center;}
.btn-next-ar:hover{background:#101010 url('../images/icon/arw_ch_r_hover.png')no-repeat right center; }
.icon-slide-box ul{display:flex;transition-duration:300ms}
.icon-slide-box ul li{position:relative;float:left;width:180px;height:140px;padding:0 40px 0 0}
.icon-slide-box a{display:block;position:relative}
.icon-slide-box figure{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;background-color:#1D1D1D}
.icon-slide-box figure img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


/*-- PLAYER CONTROL --*/
video[poster]{height:100%;width:100%;}
/*js css*/
.html5-video-player{position: relative;width: 100%;height:100%;}
.vop-video-container{position: absolute;width: 100%;height:100%; }
/**/
.palyer-touch-area{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;z-index:1;}
.custom-skin-container{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.cus-gradient-top{ width:100%; height: 120px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}
.cus-titlebar{position:absolute; top:10px; left:24px; /* pointer-events:none; */cursor:pointer; z-index:12;}
.cus-titlebar span{ display: inline-block; min-width:42px; height:52px; line-height: 52px; padding-left:36px; color:#fff; font-size: 26px;font-weight: 500; background:url("../images/player/arw_vod_full_l.png")no-repeat 0 0; }
.full-screen .cus-titlebar span{background:none; padding-left:32px;}
.cus-favorite-heart{position:absolute; top:10px; right:20px; width:40px; height: 30px; background:url("../images/player/icon_vod_favorite.png")no-repeat;  cursor: pointer; z-index: 12;}
.cus-favorite-heart.on{background:url("../images/player/icon_vod_favorite_sel.png")no-repeat;}
.mask-blocked-full .cus-favorite-heart,
.cus-skin.full-screen .cus-favorite-heart{width:70px; height: 52px;	background:url("../images/player/icon_vod_full_favorite.png")no-repeat;}
.mask-blocked-full .cus-favorite-heart.on,
.cus-skin.full-screen .cus-favorite-heart.on{ background:url("../images/player/icon_vod_full_favorite_sel.png")no-repeat;}
.cus-gradient-bottom{width:100%;position:absolute;background-repeat:repeat-x;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));-moz-transition:opacity .25s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);pointer-events:none;height:150px;padding-top:150px;bottom:0;z-index:2;}
.cus-skin.full-screen .cus-gradient-bottom{ height: 200px;}
.cus-bottom-bar{position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 2; height: 53px;}
.cus-skin.full-screen  .cus-bottom-bar{height:116px;}
.cus-progress-bar {position: relative; width: 100%; height: 13px; 	cursor: pointer; outline: none;}
/* .cus-skin.full-screen .cus-progress-bar {height: 8px;}
.cus-skin.full-screen .cus-scrubber{ height:16px;width:16px;border-radius:8px;top:-4px;left:-8px;} */
.cus-progress-bar .cus-progress-list{	position: relative;  background: rgba(255,255,255,.2); background: hsla(0, 0%, 75%, .3);  height: 100%; transition: transform .1s cubic-bezier(0.4,0.0,1,1); 	transform: scaleY(0.25);}
.cus-progress-bar .cus-progress-list:hover{transform: scaleY(0.42);}
.cus-progress-list:hover + .cus-scrubber{opacity: 1;}
.cus-scrubber{ position:absolute;height:13px;width:13px;border-radius:6.5px;top:0px;left:-6.5px;
	background-color:#ec3227; transition:opacity .25s ; opacity: 0; opacity: 1;}
.cus-hover-progress, .cus-load-progress, .cus-play-progress{
	position:absolute;left:0;bottom:0;width:100%;height:100%; -moz-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;}
.cus-play-progress { background-color: #ee8719; background-image: linear-gradient(to right, #ee8719, #f15a26 60%, #ee2a27); transform: scaleX(0);}
.cus-hover-progress{ background:hsla(0,0%,100%,.5); opacity:0;
	-moz-transition:opacity .25s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1); transition:opacity .25s cubic-bezier(0,0,.2,1);}
.cus-progress-bar:hover {-moz-transform: none;-webkit-transform: none; transform: none; -moz-transition: -moz-transform .1s cubic-bezier(0, 0, .2, 1); -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1); transition: transform .1s cubic-bezier(0, 0, .2, 1);}
.cus-progress-bar:hover, .cus-hover-progress:hover {opacity: 1;}
.cus-preview{position:absolute;left:0px;right:0px;bottom:66px}
.cus-skin.full-screen .cus-preview{bottom:128px}
.cus-thumb-box{position:absolute;left:0;bottom:0; width:160px; height:110px;}
.cus-skin.full-screen  .cus-thumb-box{width:256px; height: 173px;}
.cus-preview .cus-thumb{ border:solid 1px rgba(0, 0, 0, 0.4); /*	box-shadow:0 5px 15px 0 rgba(0,0,0,.3);*/
	-webkit-transition-property:transfrom;transition-property:transfrom;-webkit-transition-timing-function:linear;transition-timing-function:linear;}
.cus-preview .cus-thumb img{max-width: 100%; max-height: 100%;}
.cus-preview .cus-thumb-time{ margin-top:6px;font-weight:500;font-size:15px;line-height:1;color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, 0.6);text-align:center;z-index:20;}
.cus-skin.full-screen .cus-preview .cus-thumb-time{font-weight:500;font-size:17px;}
.cus-control-bar{width:100%;height:auto;display:-moz-flex;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.cus-spacer {width: 100%; flex: 1;}/*버튼 분리*/
.cus-btn{width:40px;height:30px; margin-top:0px;
	background-color:transparent;background-position:center;background-repeat:no-repeat; transition: background-image 0.2s;}
.cu-play{background-image: url('../images/player/icon_vod_play.png');}
.cu-pause{background-image: url('../images/player/icon_vod_pause.png');}
.cu-volume{background-image: url('../images/player/icon_vod_volume.png');}
.cu-volume:hover{background-image: url('../images/player/icon_vod_volume_hover.png');}
.cu-volume.off{background-image: url('../images/player/icon_vod_volume_mute.png');}
.cu-volume.off:hover{background-image: url('../images/player/icon_vod_volume_mute_hover.png');}
.cu-timeshift{background-image: url('../images/player/icon_vod_timeshift.png');}
.cu-jumpprev{background-image: url('../images/player/icon_vod_jump_pre.png');}
.cu-jumpnext{background-image: url('../images/player/icon_vod_jump_next.png');}.cu-jumpnext.disabled{opacity: 0.3; cursor: default;}
.cu-sub{background-image: url('../images/player/icon_vod_sub.png');}
.cu-chromecast{background-image: url('../images/player/icon_vod_chromecast.png');}
.cu-episode{background-image: url('../images/player/icon_vod_episode.png');}
.cu-fullscreen{background-image: url('../images/player/icon_vod_full.png');}
.cu-smallscreen{background-image: url('../images/player/icon_vod_small.png');}
.cu-sub:hover,
.cu-sub.on{background-image: url('../images/player/icon_vod_sub_hover.png');}
.cu-volume.on{background-image: url('../images/player/icon_vod_volume_hover.png');}
.cu-timeshift.on{background-image: url('../images/player/icon_vod_timeshift_on.png');}
.cu-chromecast.on{background-image: url('../images/player/icon_vod_chromecast_on.png');}
.cu-episode:hover,
.cu-episode.on{background-image: url('../images/player/icon_vod_episode_hover.png');}
.cu-heart{background:url("../images/player/icon_vod_favorite.png")no-repeat;}
.cu-heart.on{	background:url("../images/player/icon_vod_favorite_sel.png")no-repeat;}

.cus-skin.full-screen .cus-btn{width:70px;height:52px;margin-top:12px;}
.cus-skin.full-screen .cu-play{background-image: url('../images/player/icon_vod_full_play.png');}
.cus-skin.full-screen .cu-pause{background-image: url('../images/player/icon_vod_full_pause.png');}
.cus-skin.full-screen .cu-volume{background-image: url('../images/player/icon_vod_full_volume.png');}
.cus-skin.full-screen .cu-volume:hover{background-image: url('../images/player/icon_vod_full_volume_hover.png');}
.cus-skin.full-screen .cu-volume.off{background-image: url('../images/player/icon_vod_full_volume_mute.png');}
.cus-skin.full-screen .cu-volume.off:hover{background-image: url('../images/player/icon_vod_full_volume_mute_hover.png');}
.cus-skin.full-screen .cu-timeshift{background-image: url('../images/player/icon_vod_full_timeshift.png');}
.cus-skin.full-screen .cu-jumpprev{background-image: url('../images/player/icon_vod_full_jump_pre.png');}
.cus-skin.full-screen .cu-jumpnext{background-image: url('../images/player/icon_vod_full_jump_next.png');}
.cus-skin.full-screen .cu-sub{background-image: url('../images/player/icon_vod_full_sub.png');}
.cus-skin.full-screen .cu-chromecast{background-image: url('../images/player/icon_vod_full_chromecast.png');}
.cus-skin.full-screen .cu-episode{background-image: url('../images/player/icon_vod_full_episode.png');}
.cus-skin.full-screen .cu-smallscreen{background-image: url('../images/player/icon_vod_full_small.png');}
.cus-skin.full-screen .cu-sub:hover,
.cus-skin.full-screen .cu-sub.on{background-image: url('../images/player/icon_vod_full_sub_hover.png');}
.cus-skin.full-screen .cu-volume.on{background-image: url('../images/player/icon_vod_full_volume_hover.png');}
.cus-skin.full-screen .cu-timeshift.on{background-image: url('../images/player/icon_vod_full_timeshift_on.png');}
.cus-skin.full-screen .cu-chromecast.on{background-image: url('../images/player/icon_vod_full_chromecast_on.png');}
.cus-skin.full-screen .cu-episode:hover,
.cus-skin.full-screen .cu-episode.on{background-image: url('../images/player/icon_vod_full_episode_hover.png');}
.cus-time-display{margin:2px 0 0 10px; color:rgba(255, 255, 255, 0.7); font-family: 'Noto Sans', sans-serif;}
.cus-time-text{font-size: 15px;}
.cus-skin.full-screen .cus-time-display{margin-top:15px; color:rgba(255, 255, 255, 1);}
.cus-skin.full-screen .cus-time-text{font-size: 17px;}
.cus-overlay-container{
	position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px; width: 100px; height: 100px; overflow: hidden; z-index:2;}
.cus-play-overlay, .cus-paused-overlay,
.cus-jumpprev-overlay,.cus-jumpnext-overlay{/*opacity0*/ 	width:100px; height:100px;cursor:pointer; border-radius:24px;border:0}
.cus-play-overlay{background-image:url('../images/player/icon_vod_play_b.png');}
.cus-paused-overlay{background-image:url('../images/player/icon_vod_pause_b.png');}
.cus-jumpprev-overlay{background-image:url('../images/player/icon_vod_jump_pre_b.png');}
.cus-jumpnext-overlay{background-image:url('../images/player/icon_vod_jump_next_b.png');}
.cus-volume-panel{display: none; position:relative;width:100px;height:100%;cursor:pointer; margin:0px 10px 0}
.cus-skin.full-screen .cus-volume-panel{margin-top:10px;}
.cus-volume-slider{position:relative;top:50%;height:4px;background-color:hsla(0,0%,100%,.5)}
.cus-volume-slider-handle{position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:5px;margin-top:-5px;background:#f15a26}
.cus-volume-active{position:absolute;top:0;left:0;width:0;height:4px;background:#f15a26}
/*input range*/
.cus-range-volume{position:absolute; top:50%; left:0px; margin-top:-2px;}
.volumnRange{-webkit-appearance:none;width:100%;height:4px;background:rgba(91,91,91,0.5);cursor:pointer;border-radius:0;transition:background 250ms ease-in}
.olumnRange:focus{outline:none}
.volumnRange::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#f15a26;border:0;border-radius:50%;cursor:pointer}
.volumnRange::-moz-range-thumb{-webkit-appearance:none;width:10px;height:10px;background:#f15a26;border:0;border-radius:50%;cursor:pointer}

.cu-sub-popup{position: absolute; bottom:44px; right:88px; min-height: 148px;border-radius: 2px;background-color: #292929;z-index: 2;}
.cu-episode-popup{position:absolute;bottom:44px;right:120px;width:461px;height:443px;overflow-y:auto;border-radius:2px;background-color:#292929;box-shadow:6px 12px 30px 0 rgba(0,0,0,0.4);z-index:102}/*chrome*/
.cus-skin.full-screen .cu-sub-popup{bottom:100px; right:155px;}
.cus-skin.full-screen .cu-episode-popup{bottom:100px; right:210px;height:612px;}
.cus-skin.fixed-control .cu-sub-popup{bottom:64px; right:82px;}
.cus-skin.fixed-control .cu-episode-popup{bottom:64px; right:122px;height:612px; }
.cus-options-menu{display:flex}
.cus-options-menu dl{width:140px;padding:8px 0;border-left:1px solid rgba(155, 155, 155, 0.15)}
.cus-options-menu dl:only-of-type{border-left:none;}
.cus-options-menu dt{padding:8px 22px;font-size:15px; line-height:22px; font-weight:400;text-align:left;color:#e3e3e3;}
.cus-options-menu dd{position:relative;padding:5px 30px 5px 22px; font-family: 'Noto Sans', sans-serif;font-size:15px;font-weight:500;line-height:20px;text-align:left;color:rgba(255,255,255,0.6);cursor:pointer}
.cus-options-menu dd:hover{background-color:#343434; color:rgba(255,255,255,0.8);}
/* .cus-options-menu dd:hover::after, */
.cus-options-menu dd.selected{color:#ff872b;opacity:1;}
.cus-options-menu dd.selected::after{content:''; position:absolute; top:5px; right:10px; width:20px; height:20px; 
	background-image:url('../images/player/icon_check_org.png'); }
.cus-episode-list{padding:8px 8px 8px 0; text-align: left;}
.cus-episode-list li{display: table;table-layout: fixed;width: 100%; margin:0px 0; padding:8px 0 8px 12px;}
.cus-episode-list li:hover{cursor: pointer; background-color:  #343434;}
.cus-ep-figure{position: relative; display:table-cell; width:151px; height: 84px; vertical-align: top;}
.cus-ep-figure img{width: 100%;height: 100%;}
.i-card-thumb-play{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);
	display: block; width:30px; height: 30px;	background:url("../images/player/icon_vod_play_b.png")no-repeat;	background-size: 30px;}
.cus-ep-figure .cus-ep-bar{position:absolute; bottom:0px; left:0px; width: 100%; max-width: 100%; height:2px; background-color: #484848;	z-index: inherit;}
.cus-ep-text{display:table-cell; padding-left:8px;font-family:'Noto Sans', sans-serif;}
.cus-ep-text .p1{padding-left:4px;  margin-bottom: 3px; line-height: 24px; font-size: 15px; color:#fff;  white-space: nowrap; text-overflow: ellipsis;	overflow: hidden;}
.cus-ep-text .p1.active{line-height: 24px; color:#f47c1f;  font-size: 16px; font-weight: 600; padding-left:24px;
	background:url("../images/player/icon_detail_play.png")no-repeat 0 50%;}
.cus-ep-text .p2{ 	padding-left:4px; margin-bottom:10px;  opacity: 0.8;  color:#fff; font-family: 'Noto Sans', sans-serif; font-size: 17px;font-weight: 500; 
 white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.cus-ep-text .p3{	padding-left:4px; color:rgba(255,255,255,0.4); font-size: 16px; line-height: 22px;}
.cus-ep-text .p3 .line{position: relative; padding-left:11px;  margin-left:7px;}
.cus-ep-text .p3 .line:before{content:''; position:absolute; top:7px; left:0px; width:1px; height: 9px; background:rgba(255,255,255,0.2);}
.cus-ep-text .p3 .left-day{	font-size: 16px; color: #a67c52; font-weight: 500;}


/*-- mask --*/
.cus-playing-txt{position:absolute; bottom:20px; right:20px; z-index:2;}
.control-position{ bottom:72px;}
.full-position{ bottom:50px; right:84px;}
.full-position.control-position{ bottom:156px; right:84px;}
.cus-playing-txt span{ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9); font-size: 17px;font-weight: 500;line-height:36px;letter-spacing: -0.34px;text-align: right;color: #ffffff;}
.cus-playing-txt button{width: 130px; margin-left:18px; font-size: 15px; letter-spacing:-0.3px;}
.mask-blocked-full{width:100%; height:100%; position:fixed; left:0; top:0; z-index:11;}
.blocked-channel{position:absolute; top:0; left:0; width:100%; height: 100%;
	background:#191b27 url("../images/player/mask_full_block.png")no-repeat center;}
.blocked-age{position:absolute; top:0; left:0; width:100%; height: 100%;
	background:#191b27 url("../images/player/mask_full_age.png")no-repeat center;}
.blocked-unsub{position:absolute; top:0; left:0; width:100%; height: 100%;
	background:#191b27 url("../images/player/mask_full_unsub.png")no-repeat center;}
.blocked-freetext{position:absolute; top:0; left:0; width:100%; height: 100%; background:#191b27; z-index:11; }
.freet-wrap{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center;}
.freet-1{font-size: 27px; color: #d1a97a; text-transform:uppercase;}
.freet-2{font-size: 15px; color: #fff; opacity: 0.5; } 
i[class*="freet-ico-"]{
	display:block; margin:0 auto 8px; width:70px; height:52px; background-repeat: no-repeat; background-position: center;}
.freet-ico-block{background-image: url('../images/player/icon_ch_block.png');} 
.freet-ico-restricted{background-image: url('../images/player/icon_ch_restricted.png');} 
.freet-ico-unscribed{background-image: url('../images/player/icon_ch_unscribed.png');} 
.block-audio-channel p{padding-left:52px;  height: 52px; line-height: 52px; font-size: 27px; color: #d1a97a; background:url("../images/player/icon_ch_audio.png")no-repeat top left;}
.block-audio-channel figure{margin:12px auto 0;width:202px; height:48px; background:url("../images/player/img_equalizer.png")no-repeat center;}
.mask-blocked-full i[class*="freet-ico-"]{
	display:block; margin:0 auto 16px; width:100px; height:70px;}
.mask-blocked-full .freet-ico-block{background-image: url('../images/player/icon_ch_block_b.png');} 
.mask-blocked-full .freet-ico-restricted{background-image: url('../images/player/icon_ch_restricted_b.png');} 
.mask-blocked-full .freet-ico-unscribed{background-image: url('../images/player/icon_ch_unscribed_b.png');} 
.mask-blocked-full .freet-1{font-size: 30px;}
.mask-blocked-full .freet-2{font-size: 20px;}
.mask-blocked-full .block-audio-channel p{display:inline-block; padding-left:74px;  height:74px; line-height:74px; font-size: 30px;  background:url("../images/player/icon_ch_audio_b.png")no-repeat top left;}
.mask-blocked-full .block-audio-channel figure{margin:18px auto 0;width:402px; height:96px; background:url("../images/player/img_equalizer_b.png")no-repeat center;}
.blocked-unsub .bt--st4, .blocked-age .bt--st4,.blocked-channel .bt--st4,
.blocked-freetext .bt--st4{position:absolute; bottom:20px; right:20px; width: 130px; margin-left:18px; font-size: 15px; letter-spacing:-0.3px; z-index:12; }
.mask-blocked-full .bt--st4{width: 212px; height: 40px; right:84px; bottom: 50px; font-size: 18px; color:rgba(255, 255, 255, 0.8);}
.player-in-question{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 1);text-align: center; z-index:15;}
.pl-in-box{position:absolute; top:50%; left:0; right:0;
	transform: translateY(-50%);}
.pl-question{opacity: 0.9; color:#fff; font-size:17px;  line-height: 1.41;
  letter-spacing: -0.34px;}
.mask-blocked-full .pl-question{font-size: 24px; line-height: 3.79;letter-spacing: -0.48px;}
.pl-bts{margin-top:30px;}
.player-in-question button{width:130px; margin:0 3px;}
.mask-blocked-full .player-in-question button{width:212px;}
.next-ep-box{min-width:235px; height: 36px; border-radius: 2px; background-color: #404040; text-align: center;}
.next-ep-box .next-ep-load{	position:absolute; top:0px; left:0px; width:100%; height:100%;}
.cus-playing-txt .next-ep-box .next-ep-t{ position: relative; font-size: 15px;font-weight: 600; line-height:40px;letter-spacing: -0.36px; color: #fff; padding:0 5px; text-shadow: none; text-align:center;}
.full-position .next-ep-box{min-width:335px; height: 42px; }
.full-position .next-ep-box .next-ep-t{font-size: 18px;}
.next-ep-load.bg-start{background-image: linear-gradient(96deg, #ee831a 0%, #f15a26 66%, #ee2a27 121%); animation-name: epload; animation-duration: 5s;
}
@keyframes epload {
	from{width:0}
	to{width:100%}
}
.cus-mask-chromecast{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:2}
.cus-chrome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cus-chrome .i-cast{display:block;width:72px;height:50px;margin:0 auto;background:url(../images/player/icon_pip_chromecast.png)no-repeat}
.cus-chrome .cast-txt{opacity:.8;font-size:16px;line-height:24px;letter-spacing:-.32px;text-align:center;color:#fff}
.chromecast-control{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;height:98px;background-color:#222;z-index:100}
.chromecast-control .fixed-control{padding:10px 42px 0}
.chrome-title-bar{height:28px;width:100%;display:-moz-flex;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.chrome-title-bar span{color:#fff}
.chrome-progress-center{width:100%;flex:1;padding:2px 20px 0}
.player-before-poster{position:absolute;top:0;left:0;width:100%;height:100%}
.player-before-poster .before-poster-img{width:100%;height:100%}
.player-open-bt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;padding:0;font-size:0;width:100px;height:100px;background:url(../images/player/icon_vod_play_b.png)no-repeat}


/*-- login --*/	
.login-before .footer{/* position: relative; */z-index:301;}
.login-before .main{	height: 100%; 	min-height:1294px; 	min-height:994px; /* padding-bottom: 0;  */}
@media all and (orientation:portrait) {
	.login-before .main{min-height:100vh}
}
.login-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;}
.bg-img{background-image:url('../images/sample/bg_login.png');}
.login-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:448px;height:596px;border-radius:2px;background-color:rgba(0,0,0,0.9); padding-top:60px; }
.login-form{width:322px; margin:auto}
.login-form	.email-wrp{margin-bottom: 12px;}
.vali-space{min-height: 36px; margin-bottom: 29px;} .vali-space .err-txt{font-size:13px; margin-top:4px;}
.login-form .bt-login{width:100%;}
.login-form .link-forget{margin-top:6px; margin-bottom:28px; font-size:14px; color:#c8c8c8; opacity: 0.8; text-align: right;}
.login-box .l-greeting{margin-bottom:60px; }.login-box .i-3bbtv{margin-bottom:24px; }
.login-box .l-greeting .i-3bbtv + p{font-size: 14px;} .l-greeting p:first-child{margin-bottom: 6px;}
.l-greeting{text-align:center; font-weight: normal;font-size: 15px; line-height: 1.47; color:rgba(255,255,255,0.8);}
	.l-greeting span{ color:rgba(255,255,255,0.6);}
.i-3bbtv{display: inline-block; vertical-align: top; width:170px;height:84px; 
	background:url("../images/img_3bb_logo_2.png")no-repeat; background-size:170px 84px; font-size:0; }
.l-anotherlinks{width:322px;margin:auto;}
.t-or{opacity: 0.3; position: relative; width: 100%; height: 19px; margin-bottom: 24px; text-align: center; font-size: 13px; font-weight:600; color:#fff;}
.t-or:before{content:''; position:absolute; top:50%; left:0px; width:140px; height:1px; background:#fff; opacity: 0.6;}
.t-or:after{content:''; position:absolute; top:50%; right:0px; width:140px; height:1px; background:#fff;opacity: 0.6;}
.l-anotherlinks button{width: 100%; margin-bottom: 8px; background-color: transparent;	border-radius: 2px; border: solid 1px rgba(255,255,255,0.25);
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.9));}
.l-anotherlinks button span{vertical-align: middle; font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.8);}
.l-anotherlinks button i.bb{display: inline-block; margin-left:3px; width:100px; height:24px;  vertical-align: middle; font-size: 0; background:url("../images/img_3bbmember_logo.png")no-repeat;}
.l-anotherlinks button.btn-3bb{background-color: #f0f0f0; background-image:none; border-color:#f0f0f0;}
.l-anotherlinks button.btn-3bb span{color:#393531;}
.login-before .header{position: fixed; background-image: none; /*z-index: 201;*/}
.login-before .header .top-lang-box{right:0;}
.forget-box-bottom{position:absolute; bottom:0px; left:0px; right:0;width:100%; height: 728px;background-color: rgba(0, 0, 0, 0.9);z-index: 101;}
.forget-box-bottom .l-greeting{position:absolute; top:-140px; left:0px; right:0; margin-bottom:0;}

/*-- faq/contact --*/
.service-center-tab{background-color:#000;padding-top:68px;padding-top:188px;margin-top:-120px}
.service-center-tab .tab-bt-group{ width:872px; margin: 0 auto} .service-center-tab .tab-bt-group ul{padding-left:0; padding-right:0;}
.login-before .service-center-tab{padding-top:188px;}
.login-before .service-center-contents{/* min-height: 994px; */}
.terms-box,
.contactus-box,
.privacy-box{padding:80px 0 133px; width:872px; margin: 0 auto; min-height: 100%;}
.faq-list,.privacy-box{min-height: 100%;}
.privacy-box .t-st1{opacity:.6;color:#fff;font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.63;letter-spacing:-.32px;margin-bottom:40px}
.privacy-box .h-st1{opacity:.8;color:#fff;font-family:'Noto Sans',sans-serif;font-size:17px;font-weight:600;line-height:1.53;letter-spacing:-.34px;margin-bottom:10px}
.contactus-box .t-st1{color:#fff;opacity:.8;font-family:'Noto Sans',sans-serif;font-size:17px;font-weight:600;line-height:1.53;letter-spacing:-.34px}
.contactus-box .t-st2{opacity:.6;font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.63;letter-spacing:-.32px;color:#fff}
.contactus-box .t-st3{opacity:.8;font-family:'Noto Sans',sans-serif;font-size:17px;font-weight:500;line-height:1.53;letter-spacing:-.34px;color:#fff}
.t-Barlow{font-family:Barlow;font-size:36px;font-weight:600;letter-spacing:-.72px;color:#fff}/*img*/
.contactus-box .dl-contactus:first-of-type{margin-top:60px}
.dl-contactus{position: relative; padding-left:135px; margin-bottom: 35px;}
.dl-contactus dt{position:absolute; top:0px; left:0px;  font-size: 15px; color:#fff;}
.pop-dialog-mask.app-login-terms{background-color:rgba(0, 0, 0, 0); }
.app-login-terms .l-greeting{position: absolute;top: -140px;left: 50%; transform: translatex(-50%);}
.app-login-terms .pop-terms-text{height:320px; letter-spacing: 0;}
.pop-pw-success{  position: fixed;	top: 50%;left: 50%;transform: translate(-50%,-50%);text-align:center;;}
.pop-pw-success .t1{max-width: 480px; color:#fff; font-size: 24px; margin-top:30px; margin-bottom:50px; }
.pop-pw-success .bt--st1{width:322px}

/*-- purchase --*/
.title-purchase{font-family:'Noto Sans', sans-serif;font-size:45px;font-weight:300;line-height:1;letter-spacing:-.9px;text-align:center;color:#fff}
.purchase-area{position:relative;padding:80px 15.8% 10px}
.pcr-left{width:58%;float:left}
.pcr-right{width:39.7%;margin-left:2.3%;float:left}
.pcr-h4{font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-.4px;color:rgba(255,255,255,0.8);}
.pcr-h4.links-st{margin:32px 0 16px}
.pcr-p1{font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:rgba(255,255,255,0.6);margin-top:6px}
.pcr-p1 span{font-size:17px; color:rgba(255,255,255,0.8); font-family: 'prompt', sans-serif;}
.pcr-p1 .cc-t1{font-size:17px; margin-left:2px;}
.pcr-h5{font-size:17px;font-weight:400;line-height:1.41;letter-spacing:-.34px;color:rgba(255,255,255,0.3)}
.pcr-v1{font-family:'Noto Sans', sans-serif;font-size:25px;font-weight:600;letter-spacing:-.5px;color:#fff; line-height: 1.3;}
.d-flex-between{display: flex; justify-content: space-between;}
.pcr-v1 b{min-width: 40%;}
.pcr-v1 small{font-size:16px; color:rgba(255,255,255,0.8); line-height: 2; font-weight: 400; opacity: 0.8;}
.pcr-v2{font-family:'Noto Sans', sans-serif;font-size:30px;font-weight:600;letter-spacing:-.6px;color:#fff}
.pcr-btns{margin-top:38px;text-align:right;font-size:0}
.purchase-area .bt--st2{width:212px}
.pcr-btns .bt--st2:nth-of-type(2){margin-left:6px}
.input-orange{width:212px;width:170px;height:36px;line-height:36px;border-radius:2px;border:solid 1px rgba(200,200,200,.2);background:transparent;font-family:'Noto Sans', sans-serif;font-size:18px;font-weight:500;line-height:1.33;letter-spacing:-.36px;text-align:right;padding-right:6px;color:#ee831a}
.discount-list ul{margin-top:16px;border-top:1px solid rgba(255,255,255,0.25);color:#fff;line-height:36px}
.discount-list li{display:table;width:100%;padding-top:29px;min-height:94px;border-bottom:1px solid rgba(255,255,255,0.1)}
.discount-list li:last-child{border-bottom:1px solid rgba(255,255,255,0.25)}
.dp1,.dp2,.dp3{display:table-cell;vertical-align:top;}
.dp2 input{ cursor: default;}
.dp1{width:220px}
.dp3{text-align:right;padding-right:10px}
.dp1 .lb-number{margin-top:0; min-width: 36px;}
.s-desicount{margin-right:10px; font-size:18px;font-weight:500;letter-spacing:-.36px;color:#c8c8c8;}
.dp3-link{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;letter-spacing:-.3px;padding-right:20px;background:url(../images/icon/arw_category_r.png)no-repeat 100% 50%}
.opa-1,.dp3-link:hover{opacity:1}
.dp2{font-size:0;}
.dp2 .s-balance{opacity:.4;font-family:'Noto Sans', sans-serif;font-size:15px;letter-spacing:-.2px;margin-left:8px;}
.dp2 .s-thb{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:15px;letter-spacing:-.2px;margin-left:6px;}
.s-desicount.unabled{opacity:.3;color:#c8c8c8}
.dp3-link.unabled{opacity:.3;cursor:default}
.err-gray{position:relative;color:rgba(255,255,255,.5);font-family:'Noto Sans', sans-serif;font-size:13px;line-height:24px;letter-spacing:-.2px;padding-left:24px;margin-top:6px;margin-bottom:3px} .dp2 .err-gray{margin-bottom: 10px;}
.err-gray::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images/icon/icon_alert.png)no-repeat}
.prc-right-box{padding:0 20px;margin-top:16px;border-radius:2px;background-color:#1d1d1d}
.prc-right-box.state-complete{margin:30px 0 70px}
.step-monthly .prc-right-box{background-color:transparent;margin:0;padding:0 0px}
.step-monthly .prc-right-box .d-flex-list:first-of-type{height:68px}
.step-monthly .prc-right-box .d-flex-list{height:76px}
.period-link-wrap{margin-top:16px}
.period-link{position:relative;display:block;width:100%;height:76px;margin-bottom:8px;border-radius:2px;border:solid 1.5px rgba(255,255,255,0.2);color:#fff;background-color:transparent}
.period-link.choiced,.period-link:hover,.period-link:focus{border:solid 1.5px #ee831a}
.period-link .lf{position:absolute;top:20px;left:40px;font-size:20px;line-height:30px;font-weight:500}
.period-link .rt{position:absolute;top:25px;right:50px;font-size:17px;font-weight:500}
.period-link .rt small{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:14px}
.check-monthly{min-height:119px;padding-left:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.25)}
.check-monthly .err-gray{font-size:14px;color:rgba(255,255,255,0.8)}
.check-monthly .t-g1{display:block;font-family:'Noto Sans', sans-serif;font-size:13px;line-height:1.85;letter-spacing:-.2px;color:rgba(255,255,255,0.5)}
.check-monthly .check--st2{display:inline-block}
.check-monthly .check--st2 span{opacity:.8}
.check-monthly .link-more{display:inline-block;margin-left:4px;vertical-align:top;font-size:15px;font-weight:500;line-height:1.47;letter-spacing:-.3px;color:#c8c8c8;text-decoration:underline}
.d-flex-list{display:flex;justify-content:space-between;align-items:center; height:100%; min-height:81px;border-top:1px solid rgba(255,255,255,0.25);border-top:1px solid rgba(255,255,255,0.1)}
.prc-right-box .d-flex-list:first-of-type{border-top:0}
.d-flex-list dt{min-width:120px; text-align:left; font-size:18px;font-weight:400;line-height:1.56;color:rgba(255,255,255,0.6)}
.d-flex-list dt .ret1{font-size:18px; color:rgba(255,255,255,0.8);}
.d-flex-list dt .ret2{font-family:'Noto Sans', sans-serif; font-size:14px; color:rgba(255,255,255,0.5)}
.step-monthly .d-flex-list dt{color:rgba(255,255,255,0.8)}
.step-monthly .d-flex-list dd .c-orange{font-size:36px}
.b-script{font-family:'Noto Sans', sans-serif;font-size:25px;font-weight:600;letter-spacing:-.5px;text-align:left;color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; max-height: 2.4em;}
.d-flex-list .b-num{font-size:27px;font-weight:500;line-height:1.48;letter-spacing:-.54px;text-align:right;color:#fff}
.d-flex-list .s-thb{opacity:.6;font-size:20px;font-weight:300;line-height:1.5;letter-spacing:-.4px;color:#fff;margin-left:6px}
.subspay-box{width:520px;margin:0 auto}
.d-flex-list .s-mon{opacity:.8;font-size:24px;font-weight:400;line-height:1.5;letter-spacing:-.4px;color:#fff; display:block; min-width: 115px; text-align: right;}
.d-flex-list .b-thb{font-size:20px;font-weight:300;line-height:1.5;letter-spacing:-.48px;text-align:right;color:rgba(255,255,255,0.6)}
.d-flex-list .t-days{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:18px;line-height:1.33;letter-spacing:-.36px;text-align:right;color:#fff}
.d-flex-list .t-result{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.32px;text-align:right;color:#fff; display:block;}
.prc-total-box{position:relative; margin-top:20px; padding:0 20px; text-align:right; }
.prc-total-box .b-num{font-size:35px;font-weight:600;line-height:1.51;letter-spacing:-.7px;color:#ee831a}
.prc-total-box .s-thb{opacity:.6;font-size:26px;font-family:'Noto Sans', sans-serif;font-weight:300;line-height:1.5;letter-spacing:-.52px;text-align:left;color:#fff;margin-left:6px}
.prc-total-box .p-vat{position:absolute; top:10px; left:20px;font-family:'Noto Sans', sans-serif;font-size:13px;line-height:1.38;letter-spacing:-.2px;color:rgba(255,255,255,0.5);}
.prc-total-box .p-vat strong{margin-right:6px; color:rgba(255,255,255,1);font-family: 'Prompt'; font-size:18px; font-weight: 500;}
.expired-days-left{width:316px;height:30px;margin:-1px auto 16px;background-color:#363636; font-size:12px;font-weight:300;line-height:1;letter-spacing:-.2px;text-align:center;color:#a67c52!important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.link-term-detail{font-size:15px;font-weight:500;line-height:1.47;letter-spacing:-.3px;color:#c8c8c8;text-decoration:underline}
.coupon-st2 .p1{}
.coupon-st2 .cash-coupon .p1{padding-bottom: 10px; margin-bottom:12px; margin-top:-2px;	color:rgba(255,255,255,0.8);	font-size: 14px; font-weight: 500; line-height: 1.35;letter-spacing: -0.3px;  border-bottom: 1px dashed rgba(255,255,255,0.3);}/*디자인변경으로 코드변경*/
.coupon-st2 .p2{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:300;line-height:1.38;letter-spacing:-.32px}
.payment-method-links{font-size:0;width:100%}
.payment-method-links a{display:inline-block;width:49.5%;margin:0 1% 1% 0;height:80px;border-radius:2px;background-color:#2f2f2f;font-size:18px;font-weight:500;line-height:80px;letter-spacing:-.36px;text-align:center;color:#c8c8c8}
.payment-method-links .unable-link{opacity:.3}
.payment-method-links a:nth-child(even){margin-right:0}
.pop-terms{width:682px;padding:30px 60px}
.pop-terms h2{opacity:.9;font-size:18px;font-weight:400;line-height:1.56;letter-spacing:-.36px;text-align:center;color:#fff;margin-bottom:20px}
.pop-terms-text{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.38;letter-spacing:-.3px;text-align:left;color:#fff;height:452px;width:580px;padding-right:18px}
.bg-code2{height:76px;padding-top:12px;color:#fff;text-align:center;background-color:#2f2f2f;margin-top:30px}
.bg-code2 .p1{font-family:'Noto Sans', sans-serif;font-size:17px;font-weight:500;margin-bottom:4px;opacity:.78}
.bg-code2 .s1{font-size:18px;font-weight:600}
.bg-code2 .s2{font-size:16px;opacity:.8}
.pop-pay-method{width:680px;min-height:529px;padding:30px 80px}
.pop-pay-member{width:534px;min-height:290px;padding:30px 80px}
div[class^="pop-pay-"] .p1{opacity:.9;font-size:18px;line-height:1.56;letter-spacing:-.36px;text-align:center;color:#fff;margin-bottom:6px}
div[class^="pop-pay-"] .p2{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:400;line-height:1.38;letter-spacing:-.32px;text-align:center;color:#fff;margin-bottom:20px}
.create-top{margin-bottom:10px;margin-top:24px; height:24px;}
.create-top .tit{font-size: 16px;letter-spacing: -0.32px; color:#fff; opacity:0.6}
.bt-addnewcard{padding-left:32px;background:url(../images/icon/icon-redeem.png)no-repeat center left;opacity:.6;font-size:17px;font-weight:500;line-height:30px;letter-spacing:-.34px;color:#fff}
.bt-backcard{padding-left:22px;margin-top:10px;background:url(../images/icon/arw_category_l.png)no-repeat center left;opacity:.8;font-size:15px;line-height:20px;letter-spacing:-.3px;color:#fff}
.ul-card-list li{position:relative;font-size:0;margin-bottom:8px}
.d-card-fill{height:44px;padding-top:3px;padding-left:28px;border-radius:2px; background-color: #343434; box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);}
.a-card-type{display:block;width:100%;height:44px;border-radius:2px;background-color:#292929;}
.a-card-type:focus,.a-card-type:hover{background-color:#343434}
.a-bank-type{display:block;width:100%;height:44px;padding:8px 30px;
	line-height:28px;  text-align: left;border-radius:2px; background-color: #343434;box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);}
.a-card-type img{vertical-align: middle; display: inline-block;}
.a-bank-type .bank-figure{display:inline-block;vertical-align:top;width:44px;height:28px; margin-right:17px;}
.a-bank-type span{font-size:17px;letter-spacing:-.3px; color:#c8c8c8;opacity: 0.8; }
.a-bank-type:hover span{opacity:1; }
.card-figure{display:inline-block;width: 46px; height: 30px;border: 1px solid rgba(255,255,255,0.1); margin-top: 3px;}
.input-card-pin{width:90px;height:36px;margin-left:15px;font-size:20px;line-height:36px;letter-spacing:6px;text-align:center;color:#fff;background-color:transparent}
.input-card-pin::placeholder{font-family:'pass'}
.bt-cartinfo{position:absolute;top:0;right:-44px;width:44px;height:44px;border:0;font-size:0;background:url(../images/icon/icon_delete.png)no-repeat center}
.bt-cartinfo:focus,.bt-cartinfo:hover{background:url(../images/icon/icon_delete_hover.png)no-repeat center}
.page-top-text{color:#fff;text-align:center;min-height:130px}
.t-buycoupon{}
.page-top-text .t1{vertical-align: top; font-family: 'Noto Sans', sans-serif;	font-size: 45px;font-weight: 300;line-height: 60px;letter-spacing: -.9px; padding:12px 0 4px;}
.page-top-text .t2{opacity:.6;font-family:'Noto Sans', sans-serif;font-size:17px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.53;letter-spacing:-.34px}
.compelted-box{text-align:center}
.compelted-box .prc-right-box{width:520px;margin:30px auto 60px}
.compelted-box .t-h{font-family:'Noto Sans', sans-serif;font-size:30px;font-weight:500;letter-spacing:-.6px;color:#fff}
.compelted-box .t-p1{opacity:.8;font-size:17px;line-height:1.41;letter-spacing:-.34px;color:#fff;margin-top:8px}
.pop-filed-box{width:440px;padding:24px 0 30px}
.pop-filed-box .tt1{opacity:.9;font-size:18px;line-height:1.56;letter-spacing:-.36px;text-align:center;color:#fff;margin-bottom:20px}
.pop-filed-box .tt2{opacity:.8;font-family:'Noto Sans', sans-serif;font-size:16px;line-height:1.5;text-align:center;color:#c8c8c8;margin-bottom:6px}
.pop-filed-box .tt3{font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:500;line-height:1.5;text-align:center;color:#c8c8c8}
.pop-pay-air{width:642px;min-height:300px;padding:30px 70px}
.pop-pay-air .p-gray-box{display: flex; justify-content: center; align-items: center;}
.pop-pay-air .p-gray-box p.t1{text-align: center; font-size:20px; font-weight: 600; word-wrap: break-word; word-break:break-all}

.airpay-loading{margin:76px auto 70px;}
.loading-txt2{margin-top:24px;font-size:20px;font-weight:500;letter-spacing:-.4px;text-align:center;color:#fff;}
.pop-pay-qr{width:642px;min-height:475px;padding:30px 80px}
.qr-bg{width:166px;margin:40px auto 40px;height:166px;padding:10px;border-radius:5px;background-color:#2f2f2f}
.qr-bg img{max-width:146px;max-height:146px}
.t-expired{font-size:16px;line-height:1.31;text-align:center;color:#c8c8c8;margin-bottom:6px}
.t-expired-time.state-expired{opacity: 0.6;}
.t-expired-time{font-size:24px;font-weight:500;line-height:1.5;text-align:center;color:#a67c52}
.t-expired-time.state-expired{color:rgba(255,255,255,0.3);}
.p-gray-box{width:336px;margin:36px auto 28px;min-height:76px;padding:11px 13px 13px;border-radius:2px;background-color:#2f2f2f;color:#fff}
.err-gray.state-expired{font-size:14px; color:rgba(255,255,255,0.8); letter-spacing: -0.2px; margin-top:17px;}
.p-gray-box .tp1{font-size:17px;font-weight:500;line-height:1.53;letter-spacing:-.34px;color:#c8c8c8;margin-bottom:2px}
.p-gray-box .tp2 span{opacity:.4;font-size:18px;letter-spacing:-.36px;color:#fff;margin-right:5px}
.p-gray-box .tp2 b{font-family:'Noto Sans', sans-serif;font-size:18px;letter-spacing:-.36px;color:#fff}
.pop-alerm-box{width:440px;padding:30px 15px;}
.pop-alerm-box .tt1{opacity:.9;font-size:18px;line-height:1.56;letter-spacing:-.36px;text-align:center;color:#fff;margin-bottom:20px}
.pop-alerm-box .tt2{font-family:'Noto Sans', sans-serif;font-size:16px;font-weight:500;line-height:1.5;text-align:center;color:#c8c8c8; opacity: 0.8;}

/*-- guide --*/
.section-slide-list .art-slide{margin-bottom:32px;} 
.slide-box.type03 ul li{margin-bottom: 38px;}
.section-slide-list .art-slide:last-child{margin-bottom:85px;}


/*-- animation --*/	
.fadeOut{
	-webkit-animation:fadeOut 1s ease-in-out;
	animation:fadeOut 1s ease-in-out;
}
@keyframes fadeOut {
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
/* .header{	position: sticky; top:0;} chorme54 not working */
.header.sticky-header{
	position: fixed; top: 0; left:0;width:100%; height:100px;
	background-color: #000;
} /*animation:slide-down 0.7s; cuz search popup*/
.login-before .header.sticky-header{
  background-color: transparent;
} 
.bg-black{
	background-color: #000!important;
}

.header .two-depth-ul{
	display: block;
}
.header.sticky-header .two-depth-ul{
	display: none;
}
@keyframes slide-down {
	0%{transform:translateY(-50%)}
	100%{transform:translateY(0)}
}


		
/*------------------------------------ design 1366px -------------------------------------------*/		

@media(max-width:1599px){
	.header{padding:0 0; height:114px;}
	.main{padding-top:114px; padding-bottom:80px;}
	.head{min-width: 1366px; min-width:1349px;}
	.header.sticky-header {position: fixed;	top: 0;}
	.head .logo{ top:34px; left:78px; width:130px;height:24px}
	.head .top-nav-left{top:34px; left:258px;}
	.has-depth, .no-depth{font-size: 17px;} .two-depth-ul a{font-size: 17px;}
	.two-depth-ul li{margin-right:28px}
	.head .top-nav-right{top:28px; right:78px;}
	.link-my, .link-setting, .link-message{margin-left:30px; font-size: 16px;}
	.link-search{margin-left:40px;}
	.footer{padding:0 78px; height:80px;}
	.social-links,.foot-nav-right{top:25px; font-size:0;}
	.foot-nav-right li{margin-left:30px;}.foot-nav-right li:first-child{margin-left:50px;}
	.social-links dt{margin-right:10px;}.social-links dt, .foot-nav-right a{font-size: 16px;}
	.pop-fullpage .logo{position:absolute; top:34px; left:4.4%;}

	/*form*/
	.bt--st1{height:32px; font-size: 14px;}
	.bt--st2{height:32px; font-size: 15px;}
	.bt--st3,	.bt--st4{height:30px; font-size: 14px;}
	.select-selected{height:36px; font-size:14px; line-height: 1.7; padding-right:36px!important;}
	.select-selected:after{top:12px;right:16px;}
	.select-items div,
	.select-selected{padding:8px 16px;}
	.select-items{top:104%;}
	.select-items div{padding:6px 32px 6px 16px;font-size: 14px; line-height: 1.7;} 
	.same-as-selected::after,
	.select-items div:hover::after{top:7px; right:12px;}
	label.radio--st1 span{ font-size: 13px;}
	label.radio--st1 span:before{background:url('../images/icon/icon_radio_off_s.png')no-repeat center;}
	label.radio--st1 input:checked + span:before{background:url('../images/icon/icon_radio_on_s.png')no-repeat center;}
	label.radio--st2 span{ font-size: 13px;}
	label.check--st1 span:before{width:24px; height:24px;
		background:url('../images/icon/icon_card_check_s.png')no-repeat center; margin-right:6px;}
	label.check--st1 input:checked + span:before{background:url('../images/icon/icon_card_check_s_sel.png')no-repeat center;}
	label.check--st1 input:disabled + span:before{background:url('../images/icon/icon_card_check_unable_s.png')no-repeat center;}
	/*setting 만 일단 .input-under-check*/
	label.check--st2 span{font-size: 12px; line-height: 14px;}
	label.check--st2 input:checked + span:before,
	label.check--st2 span:before{width:14px;height:14px; background-size:14px;}
	label.check--st2 span:before{background:url('../images/icon/icon_pop_check_off_s.png');}
	label.check--st2 input:checked + span:before{background:url('../images/icon/icon_pop_check_on_s.png');}

	/*input : default */
	[class*="input--st"] {width: 222px; height: 32px; font-size:14px; padding:5px 12px;border-width: 1px;}
	[class*="input--st"]:focus{border-width: 1px;}
	[class*="input--st"]::placeholder{font-size:14px;}
	
	.input-typechange-wrap{width:222px;}
	.input-typechange-wrap .i-view{position:absolute; top:4px; right:6px;}
	.i-view{width:24px;height:24px;background: url("../images/icon/icon_pin_visible_s.png")no-repeat center;}
	.i-view.off{background: url("../images/icon/icon_pin_invisible_s.png")no-repeat;}
	.re-enter-wrap{position: relative; width:222px; margin-top:5px; }
	.re-enter-wrap + .input-under-check{ width:222px; margin-top:5px;}
	.pop-dialog-small  [class*="input--st"],
	.pop-dialog [class*="input--st"]{width:322px; height:44px; font-size:18px; padding:10px 12px;  }
	.input--st-pin{padding:5px 12px 5px 24px; letter-spacing:10px; font-size:20px;}
	.input--st-pin[type="text"]{font-size: 16px;}
	.input--st-pin::placeholder{font-size:20px;}
	/* .pop-dialog-small	.input--st-pin::placeholder,
	.pop-dialog	.input--st-pin::placeholder{font-size:12px;}
	.pop-dialog-small	.input--st-pin,
	.pop-dialog	.input--st-pin{padding:10px 12px 10px 24px; letter-spacing:12px;} */

	/*common*/
	.category-bt-group{margin-top:60px;}
	.my-coupon-top .category-bt-group{margin:40px 0 8px}
	.category-bt-group .bt-tab-bg{margin:0 3px;}
	.bt-tab-bg{padding:0 16px;height:36px;border-radius:18px;font-size:16px; line-height:36px;}
	.art-title b {font-size:18px;}
	.art-title,
	.livetv-area{padding:0 78px;}
	.slide-box{padding:0 76px;}
	.poster-title{font-size:16px; line-height:22px; margin-top:8px;}
	.poster-list ul li{margin-bottom:38px; padding:0 3px;}
	.slide-box.type01 {margin-bottom: -51px;}
  .slide-box.type01 .swiper-pagination{bottom:64px!important;}
	.slide-box.type05{padding:0 16.6%}
	.slide-box.type05 ul li{margin-bottom: 60px;}
	.swiper-button-prev, .swiper-button-next {width:76px;}
	.slide-box.type03,.slide-box.type06{padding:0 76px;}
	.home-category,.home-category2{margin-top:60px} 
	.home-category-title{font-size:18px; padding: 0px 230px 2px;}
	.home-category .poster-list ul{padding: 10px 230px;}
	.pop-toast{min-height:42px; min-width: 380px;}
	.pop-toast > div{padding:7px 42px 7px 20px}
	.bt-toast-x{position:absolute;top:4px;right:4px; background:url('../images/icon/icon_toast_x_s.png')no-repeat center;}
	.toast-t1 span{font-size:15px;}
	.toast-t1 em{margin-right:4px;font-size:15px;}
	.toast-t1 span + em{margin-left:4px;}
	.card-icon-lock,.card-icon-play{background-size: 46px;}
	.poster-lb-left label{margin-bottom:2px;}
	.poster-lb-new{width:46px; height:46px;background-size: 46px;}
	.poster-lb-premiun{width:52px; height:17px; background-size:52px 17px;}
	.poster-lb-hot{width:30px; height:17px; background-size:30px 17px;}
	.poster-lb-event{width:40px; height:17px; background-size:40px 17px;}
	.poster-lb-uhd{width:30px; height:17px; background-size:30px 17px;}

	/*search*/
	.top-search-inner{}
	.top-search-fill .fill-text{font-size: 21px;}
	.top-search-result{margin-top:36px;}
	.hist-txt{font-size:16px;line-height:22px;  } 
	.top-search-history li{margin-bottom: 17px;}
	.bt-hist-del{width:22px; height:22px; margin-left:6px;  background:url('../images/icon/icon_delete_s.png')no-repeat center; }
	.bt-hist-del:hover{background:url('../images/icon/icon_delete_s_hover.png')no-repeat center;}
	/*livetv*/
	.livetv-area{padding:0 78px;}
	.livetv-lf{float:left; width:62.363%;}
  .livetv-rt{float:left; width:calc(37.637% - 6px); margin-left:6px;}
	.channel-tab-top-wrap{padding:0 78px;}
	.channel-tab-top{top:-13px; right:90px; height:28px; }
	.channel-list-inner{height:57px; padding-right:7px;}
	.bt-4ch{width:50px;height:26px;background-size:50px 26px;background:url('../images/icon/icon_4ch_s.png');}
	.bt-4ch.on{background:url('../images/icon/icon_4ch_sel_s.png')no-repeat; background-size:50px 26px;}
	.bt-pop-schedule {padding-left:28px;}
	.bt-pop-schedule span{font-size:15px;}
	.channel-tab-menu{height:26px;margin-top:23px;padding:0 24px;}
	.channel-tab-menu ul li {padding:0 2px}
	.channel-tab-menu ul li a{line-height:26px;font-size:16px;}
	.bt-prev-channel,.bt-next-channel{width:24px;height:26px;}
	.channel-tab-list{top:57px;}
	.channel-tab-list ul{padding-right:13px;}
	.channel-tab-list li{padding:17px;}
	.chann-time span,.chann-station span{font-size:14px;line-height:20px;}
	.chann-title{padding-right:40px}
	.chann-title .ch-t1{font-size:15px; line-height:20px;}
	.chann-title .ch-t1.state-lock{padding-right:22px;}
	.chann-title .ch-t1.state-lock::after{width:20px; height: 20px; background:url("../images/icon/icon_ch_lock_s.png")no-repeat center; background-size: 14px 14px;}
	
	.scrolling-info-area.st2{top:57px;}
	.scrolling-info-area.st2 .scrolling-info{width:122px;height:19px; margin:6px auto; border-radius:10px;}
	.scrolling-info-area.st2 .scrolling-info .s-date{font-size:11px;line-height:19px;}

	.thumb-sill-box{padding:8px 8px; height:75px;}/*livetv*/
	.thumb-sill-box .t-c1{font-size:12px; line-height:22px; margin-bottom:2px; }
	.thumb-sill-box .t-c1-1{height:22px; margin-bottom:2px;}
	.t-c1-s{height:22px; font-size:12px;line-height:22px;}
	.t-c1-1 .play-ti{height:22px; font-size:12px; background-size:22px; margin-right:2px;}
	.thumb-sill-box .t-c2{font-size:15px; line-height:22px;padding-right:20px;}
	.thumb-sill-box .t-c3{margin-top:-2px;}
	.thumb-sill-box .t-c3,
	.thumb-sill-box .t-c3 span,
	.thumb-sill-box .t-c3 small{font-size:12px; line-height:12px;}
	.i-lock,.i-bill,.i-heart,.i-timeshift{width:18px;height:22px}
	.i-lock{background:url(../images/icon/icon_ch_lock_s.png)no-repeat center;
		background-size: 14px;}
	.i-bill{background:url(../images/icon/icon_ch_bill_s.png)no-repeat center; background-size: 14px;}
	.i-heart{background:url('../images/icon/icon_ch_favorite_s.png')no-repeat center; background-size: 14px;}
	.i-timeshift{background:url(../images/icon/icon_ch_timeshift_s.png)no-repeat center; background-size: 14px;}
	.mark-ranking{top:8px;left:8px;width:40px;height:24px;padding-left:26px;background:url(../images/icon/icon_list_popular_top_s.png)no-repeat;background-size:40px 24px}
	.mark-ranking.only-number{width:26px;}
	.mark-ranking b{font-size:16px; line-height:24px; vertical-align: top;}


	/*vod*/
	.vod-area{padding:0 78px;}
	.vod-detail-area{padding-left:30px}
	.vo-title{font-size:27px; letter-spacing:-.54px;}
	.vo-title-ep{font-size:20px;line-height:1.35;letter-spacing:-.4px;}
	.more-description{font-size:14px;}
	.vo-desc{min-height:20px; padding-left:75px;margin-bottom:7px;font-size:14px;}
	.vo-desc dt{width:70px}
	.synopsis-text{line-height:22px;}
  .limited-line{height:66px;line-height:22px;}
	.vo-genre{font-size:12px;line-height:1.33;letter-spacing:-.3px;margin-bottom:14px;margin-top:12px}
	.vo-genre span{padding-right:8px;margin-right:8px}
	.vo-genre span::after{top:3px;}
	.vo-coupon{padding:7px 9px 5px 9px;min-height:30px;margin-top:16px;margin-bottom:20px;font-size:12px;background-image:none;}
	.vo-coupon label{font-size:12px;margin-right:2px} 
	.vo-coupon label:nth-of-type(1){margin-left:0px}.vo-coupon label:nth-of-type(2){margin-left:10px}.vo-coupon label:nth-of-type(3){margin-left:10px}
	.vo-coupon .vc-thb{font-size:12px;}
	.vo-coupon .vc-thb b{margin-right:4px}
	.vo-purchase-option h4{font-size:15px;margin-bottom:8px;}
	.purchase-option-list > li{min-height:42px; padding:8px 0;}
	.purchase-option-list > li .vo-ti{top:8px;} .vo-ti .only-lb{font-size: 13px; line-height:13px;}
	.vo-episode{position:relative;width:calc(100% - 150px);margin-left:150px}
	.vo-tr{margin-bottom:6px;}
	.vt-txt{font-size:13px;letter-spacing:-.26px; line-height: 30px;}
	.vo-tr .vt-txt{margin-left:6px;}
	.vt-thb{font-size:13px;letter-spacing:-.26px; line-height: 30px;}
	.vt-thb b{margin-right:8px;font-weight:500}
	.vt-la,.vt-term{font-size:13px;line-height:30px;letter-spacing:-.24px;}
	.vt-group .vt-term{margin-left:6px;}
	.vt-la{font-size:15px}
	.vod-detail-area .bt--st3{width:112px;margin-left:9px}
	.subscription-list{padding:8px 18px 8px 36px;height:115px;margin-bottom:8px;margin-right:-20px}
	.subscription-list li{margin-bottom:6px}
	.vt-tl{font-size:13px;line-height:30px;}
	.vt-tr{width:72%;}
	.vod-accordion{}
	.vod-ac-package{min-height:72px;margin-bottom:10px}
	.vod-ac-head{height:72px; padding:20px 78px;}
	.vod-ac-body{/*margin-top:-10px*/}
	.vod-ac-body:after{top:10px;right:0;width:78px;}
	.vod-ac-body .slide-box{padding:0 78px}
	/* .vod-ac-body .slide-box.type02 ul li{min-width:16.7%} */
	.vod-ac-body .swiper-button-prev,
	.vod-ac-body .swiper-button-next{/*width:7.2%;*/}
	.vod-ac-head h4{font-size:18px; line-height:30px;letter-spacing:-.4px; margin-right:4px;}
	.lb-number{height:18px;margin-top:0px;padding:3px 11px;border-radius:9px;font-size:12px;}
	.vod-ac-head .vt-ac-r{line-height:30px; padding-right:0;}
	.vt-la{margin-right:9px}
	.vt-ac-r .bt--st3{width:120px;margin:0 0 0 2px}
	.vt-ac-r .bt--st3:nth-of-type(1){margin-left:24px}
	.vod-ac-head .acc-arr{top:22px;right:40px;}
	.vo-days-left{margin:-4px 0 20px;}
	.vo-days-left .days-left{vertical-align: top; margin-top:5px;} 
	.vod-related-slide{margin-bottom:100px}
	.episode-head{height:36px; padding:0 16.8%; margin-bottom:8px}
	.episode-head h4{font-size:18px; line-height:36px;}
	.episode-head .lb-number{margin:9px 0 0 10px}
	.vod-episode-list .thumb-sill-box{padding:10px 10px; height: 75px;}
	.thumb-sill-box .ep-t1{font-size:12px;}
	.thumb-sill-box .ep-t2{font-size:15px; font-weight:400; margin-bottom:4px;}
	.thumb-sill-box .ep-t3{font-size:12px;}
	.thumb-sill-box .ep-t3 span{padding-right:8px;margin-right:5px}
	.thumb-sill-box .ep-t3 span::after{top:4px;}
	.vod-package-detail{padding:0 15.8% 30px; margin-bottom:60px; padding-top:114px; margin-top:-114px;}
	.vod-package-detail .lb-number{top:10px}
	.vod-package-detail .vod-heart{top:3px;}
	.vod-package-detail h2{max-width:calc(100% - 55px);font-size:27px;line-height: 37px; max-height:111px;}
	.package-bt-box{min-width:350px;}
	.package-t1{font-size:14px; line-height: 22px; max-height:66px; letter-spacing:-.2px;}
	.package-info-box .vo-coupon{margin:30px 0 5px; width:auto; width:460px;}
	.package-r{margin-top:6px;}
	.package-r .vt-thb,.package-r .vt-term{line-height:32px}.package-r .vt-term{margin-left:6px}
	.package-r .bt--st2{width:146px;margin-left:12px}
	.package-list ul li{margin-bottom:60px; padding:0 3px;}
	.package-list .poster-info{width:67.5%;padding:14px 10px}
	.poster-info .pc-t1{font-size:15px;}
	.poster-info .pc-t2{font-size:12px;margin-bottom:10px;margin-top:10px}
	.poster-info .pc-t2 span{padding-right:8px; margin-right:8px}
	.poster-info .pc-t2 span::after{top:4px;}
	.poster-info .pc-t3{padding-left:66px}
	.poster-info .pc-t3 dt{font-size:12px;line-height: 18px;}
	.poster-info .pc-t3 dd{font-size:12px;line-height: 18px; max-height:36px;}
	.poster-info .pc-t4{font-size:13px; line-height: 22px; letter-spacing: -.26px;-webkit-line-clamp: 3; max-height: 66px; margin-top:7px;}

	/* card */
	.card-head{height:32px;}
	.c-head-label{padding:7px 0px 7px 8px}
	.card-head .mark-live{top:1px; right:5px;}
	.card-head .mark-reservation{top:1px; right:1px;}
	.update-t1{font-size:14px;line-height:32px; margin-left:8px}
	.card-body{height:104px;padding:8px;}
	.card-t1{font-size: 12px; line-height: 1.5;letter-spacing: -0.24px;}
	.card-t2{height:40px; font-size: 15px; line-height: 1.33; margin-bottom:6px;}
	.card-t3{font-size:14px;}
	.card-t4{height:63px; margin-bottom:8px}
	.card-t4 .p-tit{font-size:15px;line-height:1.33;letter-spacing:-.3px}
	.card-t4 .p-ep{font-size:14px;line-height:1.21;letter-spacing:-.28px}
	.card-t5{font-size:13px;line-height:1.38;letter-spacing:-.26px}
	.card-t5 span{font-size:12px;}
	.s-t1{font-size:13px;line-height:18px;letter-spacing:-.26px}
	.s-t1 small{font-size:13px}

	/*my*/
	.page-top-area{margin-top:-114px;padding-top:114px;}
	.page-top-title{margin-bottom:22px;} 
	.page-top-title .ico-user{margin-right:8px; width:40px;height:40px;}
	.page-top-title .ico-user img{width:40px;}
	.page-top-title .ico-message,
	.page-top-title .ico-setting{height:40px; margin-right:4px;	}
	.page-top-text .t1, 
	.title-purchase,
	.page-top-title .m-t1{font-size:30px; line-height:40px; letter-spacing:-.8px; margin-left:4px}
	.page-location{padding-bottom:20px}
	.my-poin-box{width:602px;height:110px; padding:12px 0; margin:0 auto 80px;}
	.my-poin-box dl{padding:0 15px;}
	.my-poin-box dt{left:15px;font-size:14px;}
	.my-poin-box .dd-np{right:16px}
	.my-poin-box .dd-np strong{font-size:30px;}
	.my-poin-box .dd-np span{font-size:20px;}
	.my-poin-box dl:nth-of-type(1),
	.my-poin-box dl:nth-of-type(3){width:200px;}
	.my-poin-box dl:nth-of-type(2){width:202px;}
	.bt-tab-line{font-size: 16px; line-height:24px;}
	.lb-num{top:36px;min-width:30px;height:18px;padding:0 11px;border-radius:9px;font-size:12px;font-weight:600;}
	.top-total-num .tn{font-size:16px; letter-spacing:-0.3px;}
	.favorit-list ul li{margin-bottom: 60px;}
	.poster-info{padding:26px 10px;}/*favorit-list*/
	.poster-info .p-tit{font-size:15px; max-height:40px; line-height: 20px; letter-spacing: -0.3px;}
	.poster-info .p-ep{margin-top:4px; font-size:14px;}
	.poster-info .p-time{height:38px; line-height:38px; padding:0 10px; font-size:13px;}
	.poster-info .p-time small{font-size:13px; }
	.my-list-top .bttn span{font-size:15px;}
	.poster-info .card-chk-r{top:2px; right:2px; height: 24px;}
	.channel-box .thumb-sill-box{padding:5px 10px;}
	.channel-box .t-c4{font-size:12px;line-height:1;letter-spacing:-.24px; margin-top:0px;}
	.channel-box .card-chk-r{position:absolute; top:6px; right:6px;}
	.check--st-all span{	width:54px; height:30px; background:url('../images/icon/icon_s_all.png')no-repeat center; background-size:54px 26px;} 
	.check--st-all input:checked + span{background:url('../images/icon/icon_all_s_sel.png')no-repeat;}
	.chk-num-l, .chk-num-r{font-size: 16px;}

	.my-board-list table th{font-size:15px;padding:5px 0;}
	.my-board-list table td{padding:13px 0;}
	.my-board-list table tr td:nth-of-type(1),
	.my-board-list table tr td:nth-of-type(4){font-size:13px; line-height: 20.55px;}
	.my-board-list table tr td:nth-of-type(3){font-size:14px;}
	.my-board-list .titl{font-size:15px;}
	.my-tab06-top span{font-size:13px;padding-left:9px;margin-left:8px}
	.my-tab06-top span:after{height:8px;}
	.pop-coupon-redeem .input-redeem-area{	width:492px; height:56px;  padding:11px 12px 11px 0;}
	.input-redeem-wrap{height:32px; margin-left:25px; }
	.input-redeem-wrap:before{top:16px; left:-25px;}
	.input-redeem-wrap:nth-of-type(1){margin-left:0}
	.input-redeem{height: 32px; line-height:32px;	font-size:22px;}
	.bt-redeem-ok{width:61px}
	.my-search-nodata{margin-top:120px; margin-bottom:240px;}
	.my-fav-tab{margin-top:85px;}
  .my-fav-tab ~ .my-search-nodata{margin-top:90px;}

	/*message*/
	.faq-list,
	.message-list{/*padding:80px 16.8% 90px; */padding:80px 0 90px; width:835px; margin:0 auto;}
	.accordion-title{padding:8px 15px; padding-left:130px; min-height:46px; font-size:15px;}
	.message-date{top:8px;left:41px;font-size:13px; letter-spacing: -0.2px;}
  .message-tit{font-size:15px; padding-right:50px}
	.faq-list > div:first-child .accordion-title,
	.message-list > div:first-child .accordion-title{min-height:46px;}
	.faq-tit{font-size:15px; padding-right:76px; margin-left:-90px}
	.faq-box, 
	.message-box{font-size:14px; line-height: 24px; padding:2px 76px 20px 41px}
	.accordion-title:after{top:8px;right:20px;}

	/*setting*/
	.setting-list{/*padding:60px 22.4%;*/padding:60px 0; width:754px; margin:0 auto;}
	.setting-list .bottom-bt-group{margin-top:16px;}
	.bottom-bt-group button{margin-left:3px; width:146px;}
	.setting-list .set-box > dt{min-height:57px;}
	.setting-list .set-box > dt b{top:14px;left:16px;font-size:20px;line-height:27px;letter-spacing:-.4px;}
	.setting-list .set-box > dt .t-name{top:12px;right:20px;font-size:15px;}
	.setting-list .set-box > dd{min-height:52px;}
	.lf-d{float:left;padding:10px 0 10px 76px}
	.lf-d .ti1{font-size:16px;}
	.lf-d .ti2{margin-right:16px}
	.ti3{font-size:14px;line-height: 1.7;}
	.ti4{padding:17px 0 0 16px;font-size: 14px; line-height: 1.7; letter-spacing: -0.28px;}
	.rf-d{float:right;padding:10px 16px 10px 0;}
	.rf-d > .input--st-text:first-of-type,
	.rf-d .input-typechange-wrap:first-of-type{margin-top:10px}
	.rf-d .bt-30{margin-left:16px}
	.rf-d .ft1{font-size:14px;}.rf-d .ft2{font-size:14px;line-height:30px;}
	.btn-upgrade{width:146px;margin-left:14px}
	.v-txt1{font-size:13px;line-height:1.63;letter-spacing:-.2px;margin-top:5px}
	.err-txt{font-size:10px;line-height:14px; padding-left:16px;margin-top:6px}
	.err-txt::before{top:0px; width:14px; height:14px;background:url("../images/icon/icon_error_s.png")no-repeat;}
	.devicem-tit{font-size:15px;height:60px;padding-top:24px;}
	.devicem-li{padding:16px 0;}
	.devicem-p1,.devicem-d1{width:384px;padding-left:76px;}
	.devicem-p2{width:146px;}
	.devicem-d1 .devicem-name{font-size:14px;}
	.device-edit-mode{font-size:14px;}
	.device-edit-mode .only-name{font-size: 15px;}
	.device-edit-mode b{font-weight:500;color:rgba(255,255,255,0.8)}
	.devicem-d2{width:146px;font-size:14px;}
	.devicem-d3{padding-right:16px}.devicem-d3 .bt-30{margin-left:10px}
	.with-bt button{margin-left:6px; width:70px;}
	.video-playback-title-option{width:480px; text-align:left; padding:10px 0 10px}
	.video-playback-title-option li{margin-top:10px}
	.video-playback-title-option label{width:240px;font-size:14px;line-height:36px;}
	.profile-lock-option{padding:40px 76px}
	.profile-lock-option li{margin-bottom:14px;}
	.profile-channel-option{padding:0px 0px 22px; max-height:460px; }
	.profile-channel-option ul{width:700px;}
	.profile-channel-option li{width:156px; min-height:38px; margin:4px;}
	.profile-channel-option span{font-size:13px;}
	/* .tooltip .tooltiptext{font-size:12px;letter-spacing: -0.2px; padding:7px 10px;} */
	/**/
	.profile-link{margin:0 15px 10px;}
	.profile-img-box{width:60px}.profile-img-box figure{width:60px; height:60px;} 
	.profile-img-box figure img{width:60px;}
	.profile-img-box .mark-lock{position:absolute; top:50px; left:50px;}
	.mark-lock{width:24px; height:24px; background:url("../images/icon/icon_user_lock_s.png")no-repeat center;}
	.profile-link .pname{width:80px;margin:10px 0 3px;font-size:13px;}
	
	/*login*/
	.step-progress{top:15px;right:16px;}
	.login-box{width:310px;height:410px; padding-top:50px;}
	.login-form{width:222px;}.l-anotherlinks{width:222px;}
	.login-form .link-forget{margin-top:3px;margin-bottom:20px; font-size:11px;}
	.login-form .email-wrp{margin-bottom: 4px;}
	.l-greeting{margin-bottom:30px; font-size:11px;}
	.i-3bbtv{width:106px;height:52px;background-size:106px 52px;}
	.login-box .i-3bbtv{margin-bottom:16px; }
	.login-box .l-greeting{margin-bottom: 42px;}
	.login-box .l-greeting .i-3bbtv + p{font-size: 10px;}
	.vali-space{min-height:28px; margin-bottom:20px;}.vali-space .err-txt{font-size:10px;}
	.t-or{height:15px; margin-bottom:17px; font-size: 10px; font-weight:500;}
	.t-or:before,.t-or:after{width:96px;}
	.l-anotherlinks button{margin-bottom: 6px;}
	.l-anotherlinks button span{font-size: 11px;}
	.l-anotherlinks button i.bb{width:70px;height: 17px; background-size: 70px 17px;}
	.forget-box-bottom{height:628px;}
	.forget-box-bottom .l-greeting{top:-101px; }
	.app-login-terms .l-greeting{top:-101px; }
	.pop-pw-success .t1{font-size: 20px; margin-top:20px; margin-bottom:30px; }
	.pop-pw-success .bt--st1{width:222px}
	.re-enter-wrap ~ .input-under-check{ width:222px;margin-top:8px;}
	/*faq/contact*/
	.terms-box,
	.contactus-box,
	.privacy-box{padding:80px 0; width:602px; margin:0 auto;}
	.service-center-tab .tab-bt-group{ width:602px; margin: 0 auto}
	/*browser*/
	.browser-support-box .bst1{margin:8px auto 20px; font-size:24px;}
	.browser-support-box .bst2{margin:20px auto 30px; font-size:12px;}
	.bg-browser {width:178px; height:96px; margin:30px auto 182px; padding:18px 11px;}
	.bg-browser img{margin:0 9px; width:60px; height: 60px;}
	.browser-support-box .bst3{max-width:390px;margin:182px auto 0;font-size:11px;}
	/*Purchase*/
	.purchase-area{padding:80px 16.8% 10px}
	.pcr-left{width:66.4%; }
	.pcr-right{width:31.4%; margin-left:2.2%;}
	.pcr-h4{font-size:16px;line-height:1.5;letter-spacing:-.3px; margin-bottom:4px;}
	.pcr-h4.links-st{margin:20px 0 16px}
	.pcr-p1{font-size:14px;line-height:1.36;letter-spacing:-.28px; font-weight:500;}
	.pcr-p1 span,
  .pcr-p1 .cc-t1{font-size:14px;}
	.pcr-p1 .cc-t1{display: block;}
	.pcr-h5{font-size:12px;line-height:1.5;letter-spacing:-.24px; margin-bottom:2px}
	.pcr-v1{font-size:16px;line-height:1.5;letter-spacing:-.3px;}
	.pcr-v1 small{font-size:12px; letter-spacing:0}
	.pcr-v2{font-size:16px;line-height:1.5;letter-spacing:-.3px;}
	.discount-list ul{margin-top:16px;line-height:30px}
	.discount-list li{padding-top:24px;min-height:78px;}
	.dp1{width:185px}
	.dp2 .s-balance{font-size:12px;}.dp2 .s-thb{font-size:12px;} 
	.dp3{padding-right:4px}
	.s-desicount{font-size:15px; margin-right:8px;}.dp1 .check--st1 span{font-size:15px;}
	.dp3-link{font-size:13px;}
	.check-monthly .err-gray{font-size:11px;letter-spacing:-.2px;}
	.err-gray{font-size:11px;line-height:18px;padding-left:18px;}  
	.err-gray::before{top:0;left:0;width:18px;height:18px;background:url(../images/icon/icon_alert_s.png)no-repeat center;}
  .check-monthly .t-g1{font-size:11px;}
	.input-orange{width:140px;height:30px;line-height:30px; font-size:15px;font-weight:500;line-height:1.6;letter-spacing:-.3px;padding-right:6px;}
	.prc-right-box{padding:0 16px;}
	.prc-right-box.state-complete{margin:15px 0 15px;}
	.d-flex-list{height: 100%; min-height: 47px;}
	.d-flex-list dt{min-width:90px; font-size:13px;line-height:1.46;}
	.d-flex-list dt .ret1{font-size:13px;}
  .d-flex-list dt .ret2{font-size:11px;}
	.d-flex-list .b-num{font-size:15px;}
	.d-flex-list .s-thb{font-size:11px;}
	.prc-total-box{padding:0 12px;}
	.prc-total-box .b-num{font-size:20px; letter-spacing:-.4px;}
	.prc-total-box .s-thb{font-size:16px;}
	.prc-total-box .p-vat{top:6px; left:12px; font-size:10px;line-height:1.4;}
	.prc-total-box .p-vat strong{ display: block;margin-right:0; font-size: 13px;}
	.pcr-btns{margin-top:60px;}
	.compelted-box .prc-right-box,
	.subspay-box{width:450px;}
	.subspay-box .pcr-btns{text-align: center;}
	.purchase-area .bt--st2{width:calc(50% - 3px); max-width: 146px;}
	.payment-method-links a{height:48px;line-height:48px;font-size:14px;}
	.link-term-detail{font-size:12px;letter-spacing:-.2px;}
	.step-monthly .d-flex-list dd .c-orange{font-size:20px; letter-spacing:-.4px;}
	.step-monthly .d-flex-list dd .c-orange + .s-thb{font-size:16px;}
	.b-script{font-size:18px;letter-spacing:-.3px;}
	.period-link{height:52px;margin-bottom:6px;}
	.period-link .lf{top:11px;left:30px;font-size:17px;line-height:26px;}
	.period-link .rt{top:11px;right:30px;font-size:15px;line-height:26px;}
	.period-link .rt small{font-size: 12px;}
	.check-monthly{min-height:auto;padding-left:0px;padding-top:8px;}
	.step-monthly .prc-right-box .d-flex-list:first-of-type{height:68px}
	.step-monthly .prc-right-box .d-flex-list{height:52px}
	.d-flex-list .b-thb{font-size:15px;}
	.d-flex-list .s-mon{font-size: 15px; min-width:90px;}
	.d-flex-list .t-days{font-size:12px;}
	.d-flex-list .t-result{font-size:12px;}
	.compelted-box .t-h{font-size:18px;}
	.compelted-box .t-p1{font-size:14px;}
	
	/*start*/
	.profile-group-big{width:600px; padding:40px 0 30px 0;}
	.profile-group-big .profile-img-box{width:80px; height:80px;}
	.profile-group-big .profile-img-box figure{width:80px; height:80px;}
	.profile-group-big .profile-img-box figure:after{width:80px; height:80px;}
	.profile-group-big .profile-img-box figure img{width:80px;}
	.profile-group-big .profile-link{margin:0 15px 20px}
	.profile-group-big .profile-link .pname{font-size:16px;margin:14px auto 4px;}
	.profile-big-btns button{width:146px; margin:0 3px;}
	.add-profile .i-add,.bt-pen{width:80px; height:80px;}
	.pop-profile-box .tlt-1{font-size:24px; line-height: 36px; letter-spacing: -0.48px;}
	.pop-profile-box .tlt-2{font-size:15px;}
	.create-profile-box{padding:40px 0 40px}
	.create-profile-name{height:40px; width:300px;}
	.create-profile-name input[type="text"]{height:40px;font-size:32px; letter-spacing:-.6px}
	.create-profile-name input[type="text"]::placeholder{font-size:26px; letter-spacing:-.6px}
	.bt-del-profile{font-size:15px;}
	.profile-slider-top-inner,
	.icon-select-inner{width:990px; padding-right:20px;}
	.icon-select-inner .title-back-link{font-size:28px;}
	.icon-select-inner h3{font-size:17px;margin-top:60px;margin-bottom:20px}
	.icon-slide-box ul li{width:130px;height:100px;padding:0 30px 0 0}
	.icon-slide-box figure{position:relative;width:100px;height:100px;}
	
	/*player*/
	.blocked-unsub{background-size:320px;}
	.blocked-age{background-size:340px;}
	.blocked-channel{background-size:300px;}
	.chrome-title-bar{font-size:15px;}
	.freet-1{font-size: 22px;}
	.freet-2{font-size: 13px;} 
	.block-audio-channel p{font-size: 22px;}
	.mask-blocked-full .freet-1{font-size: 26px;}
	.mask-blocked-full .freet-2{font-size: 17px;}
	.mask-blocked-full .block-audio-channel p{font-size: 26px;}
	.slide-box.type01 ul li,
	.slide-box.type02 ul li,
	.slide-box.type03 ul li,
	.slide-box.type04 ul li,
	.slide-box.type06 ul li{padding: 0 3px;}

	/*guide*/
	.section-slide-list .art-slide{margin-bottom:20px;} 
	.slide-box.type03 ul li{margin-bottom: 26px;}
	.section-slide-list .art-slide:last-child{margin-bottom:50px;}
}




@media screen and (min-width:1600px) and (max-width:1700px){
	.poster-info .pc-t4{line-height:24px;-webkit-line-clamp:3; max-height:72px;}
}
@media screen and (min-width:1600px) and (max-width:1920px){
	.vo-coupon label:nth-of-type(1){margin-left:0px}.vo-coupon label:nth-of-type(2){margin-left:10px}.vo-coupon label:nth-of-type(3){margin-left:10px}
}
@media screen and (min-width:1921px) {
	/* .section-slide-home{max-width: 1920px; margin:0 auto;} */.slide-box.type01{padding:0 calc((100% - 1920px)/2);}.slide-box.type01 ul li{max-width: 1920px!important;}/*디자인변경테스트*/
	.livetv-area,
	.channel-tab-top-wrap,
	.vod-area{max-width: 1920px; margin-left: auto; margin-right: auto; padding:0 84px;}
	.episode-head,
	.slide-box.type05{max-width: 1920px; margin-left: auto; margin-right: auto; }
	.vod-package-detail{padding-left:0;padding-right:0;}
	.vod-package-detail .package-info,
	.vod-package-detail .d-flex{max-width: 1920px; margin-left: auto; margin-right: auto; padding-left:304px; padding-right:304px;}
	.vod-heart{right:304px;}
	.package-list > ul{max-width: 1920px; margin-left: auto; margin-right: auto; padding-left:300px; padding-right:300px;}
	.home-category-title,
	.home-category .poster-list{padding-left:304px;padding-right:304px; max-width: 1920px; margin-left:auto; margin-right:auto;}
	.home-category .poster-list ul{padding-lefT:0; padding-right:0;} 
	.tab-bt-group,
	.my-contents-area{max-width: 1920px; margin:0 auto;}
	.slide-box.type03 ul li{min-width: 25%; width:25%!important;}
	.swiper-paging-nolink{/*display:none;*/}
	.purchase-area{padding:80px 0 10px; width:1312px; margin:0 auto;}
}
@media screen and (min-width:2240px) {
	.slide-box.type02 ul li{min-width: 11.11%; width: 11.11%!important;}
	.slide-box.type06 ul li{min-width: 14.28%; width: 14.28%!important;}
	.slide-box.type04 ul li{min-width: 20%; width: 20%!important;}
	.episode-head{padding:0 84px;} .slide-box.type05 {padding:0 80px;}.slide-box.type05 ul li{min-width:25%; width:25%!important;}

	.art-title b{min-width: auto; margin-right:16px}
}
@media screen and (min-width:2560px) {
	.slide-box.type02 ul li{min-width: 10%; width: 10%!important;}
	.slide-box.type03 ul li{min-width: 20%; width:20%!important;}
	.slide-box.type06 ul li{min-width: 12.5%; width:12.5%!important;}
	.slide-box.type04 ul li{min-width: 16.66%; width: 16.66%!important;} 
	.slide-box.type05 ul li{min-width:20%; width:20%!important;}
}

/* 크롬 자동저장 input reset */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px #404040 inset !important;
  -webkit-text-fill-color: #fff !important;
  animation-name: input_border;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: input_border;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@keyframes input_border {
  0% {
    border-color: #404040;
  }
  100% {
    border-color: #404040; 
  }
}
input:-internal-autofill-selected{
  background-color: #404040!important;
}

.font-w500{font-weight: 500;}
.font-w600{font-weight: 600;}
.font-noto{font-family:'Noto Sans', sans-serif;}

/* 23.12.29 package start */
.i-package{width:24px;height:24px}
.i-package{background:url(../images/icon/icon_package.svg)no-repeat center; background-size: 24px;display: inline-block;}

.i-vod-package{width:32px;height:32px}
.i-vod-package{background:url(../images/icon/icon_package_vod.svg)no-repeat center; background-size: 32px;}

.i-vod-package {
  position: absolute;
  bottom: 6px;
  right: 6px;
}

/* 23.12.29 package end */

/* 24.05.21 message extend start */
.message-box .message-img {
	width: 915px;
	height: 245px;
	border-radius: 2px;
	background-color: #2a2e3f;
	margin-bottom: 20px;
}
.message-img img {
	width: 100%;
	height: 100%;
}
.btn-message-link {
	/* width: 184px; */
	height: 40px;
	/* margin: 20px 889px 20px 847px; */
	padding: 6px 20px;
	border-radius: 20px;
	border: solid 1px #707070;
}

.btn-message-link .text {
	/* width: 144px; */
	height: 28px;
	opacity: 0.8;
	font-family: Prompt;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.36px;
	text-align: center;
	color: #fff;
}

.message-box .btn-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.message-delete {
	margin-top: 20px;
	display: flex;
    align-items: center;
}

.message-delete .icon-trash-can {
  width: 30px;
  height: 30px;
  margin: 0 1px 0 0;
  object-fit: contain;
}
.message-delete .text {
	width: 43px;
	height: 19px;
	margin: 5px 0 6px 1px;
	opacity: 0.6;
	font-family: NotoSans;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #fff;
  }
/* 24.05.21 message extend end */