@charset "utf-8";
/* CSS Document */

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin:0;
	padding:0;
	font-family:NanumGothic, "나눔고딕", "Malgun Gothic", Dotum, "돋움", Gulim, "굴림", Helvetica, Apple-Gothic;
	-webkit-text-size-adjust:none;
}
body {background:#ebebeb ; 
	position:relative;
	font-size:14px;
	line-height:1.25em;
	letter-spacing:-1px;
	color:#000;
	-webkit-text-size-adjust:none
}


section, nav, article, aside, hgroup, header, footer {display:block}
input, textarea, select, button, table {
	font-size:inherit;
	font-family:inherit;
	line-height:inherit
}
img, fieldset {
	border:0
}
a {
	text-decoration: none;
	color:#474d56;
}
a:link, a:hover, a:active {
	text-decoration: none;
}

:focus {outline:none; }
.pointer {cursor:pointer;}



/* 공통팝업 bg_ */
.layer_bg { clear:both; width:100%;  min-width:250px; height:100%; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black50.png) repeat; position:fixed; top:0px; left:0px; z-index:10000; }
.layer_bg70 { clear:both; width:100%;  min-width:250px; height:100%; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat; position:fixed; top:0px; left:0px; z-index:10000; }
.layer_bg80 { clear:both; width:100%;  min-width:250px; height:100%; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black80.png) repeat; position:fixed; top:0px; left:0px; z-index:10000; }


.layer_bg .popup_layer { clear:both; width:80%; margin:0 auto;  text-align:center;margin-top:20%; background-color:#ffffff; padding-bottom:10px; -webkit-border-radius:30px;-moz-border-radius:10px;border-radius:10px; }
.layer_bg .poplayer_img {-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;cursor:pointer;  }
.layer_bg .poplayer_info { height:30px; line-height:30px;margin:0 auto; text-align:left;  color:#666; font-size:.9em;  padding-top:10px; padding-left:10px; position:relative;  }
.layer_bg .poplayer_info li { list-style:none}
.layer_bg .poplayer_info  .btn_poplayer { height:20px; line-height:20px;margin:0 auto;  text-align:right;  float:right;padding-right:20px;}
.layer_bg .poplayer_info  .btn_poplayer_L { height:20px; line-height:20px;margin:0 auto;  text-align:left;  float:left;font-size:.8em; }


/* 레이어_전체메뉴 */
.popup_menuN_bg { clear:both; width:100%;  height:100%;  min-height:1200px;background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat; position:absolute; top:0px; left:0px; z-index:1000; }
.popup_menuN_bg .menuN_bgs {width:80%; min-height:1200px;text-align:left;  background-color:#fff;}
.popup_menuN_bg .popup_menuN { width:100%; padding-bottom:30px; background-color:#fff;}
.popup_menuN_bg .popup_menuN li { list-style:none}
.popup_menuN_bg .popup_menuN .menuN_top { width:100%; height:45px;  background-color:#232323;  position:relative}
.popup_menuN_bg .popup_menuN .menuN_top  li { list-style:none}
.popup_menuN_bg .popup_menuN .menuN_top .txt_name  {  width:45%;  line-height:45px; color:#f9f9f9;  font-size:1em; text-align:left; padding-left:10px; float:left;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.popup_menuN_bg .popup_menuN .menuN_top .txt_green { padding:3px 10px; line-height:15px; color:#a1ff20; font-size:.8em; text-align:center; border:#a1ff20 1px solid; float:right; margin-top:10px;  margin-right:55px; 
-webkit-border-radius: 15px;-moz-border-radius:15px;border-radius: 15px;}
.popup_menuN_bg .menuN_top .txt_silver{ padding:2px 10px; line-height:15px; color:#f9f9f9; font-size:.9em; text-align:center; border:#f9f9f9 1px solid; float:left; margin-top:10px; -webkit-border-radius: 15px;-moz-border-radius:15px;border-radius: 15px;}
.popup_menuN_bg .menuN_top .btn_r { width:45px; height:45px; line-height:45px; background-color:#8bc23f;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;   position:absolute; top:0px; right:0px; cursor:pointer; z-index:100 }
.popup_menuN_bg .menuN_top .btn_r .btn_topx { width:100%; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png) no-repeat; background-size:50%; cursor:pointer; background-position:center; }

.popup_menuN_bg .my_menu { width:100%; margin:0 auto;   position:relative} 
.popup_menuN_bg .my_menu .my_menutb {width:100%;margin:0 auto;background-color:#ffffff;}

.popup_menuN_bg .my_menu .my_menutb .tit_menu {clear:both;  width:100%; height:40px; margin:0 auto; background-color:#e2e5ed; display:inline-table;cursor:pointer} 
.popup_menuN_bg .my_menu .my_menutb .tit_menu li {width:50%; height:40px; line-height:40px; list-style:none; font-size:1em; border-left:#c5cad8 1px solid; display:table-cell; text-align:center; cursor:pointer} 
.popup_menuN_bg .my_menu .my_menutb .tit_menu li:first-child  { border-left:#e2e5ed 0px solid;} 

.popup_menuN_bg .my_menu .my_menutb .tit_menuT {clear:both; width:100%; margin:0 auto;} 
.popup_menuN_bg .my_menu .my_menutb .tit_menuT ul { width:100%;margin:0 auto;  display:inline-table;}
.popup_menuN_bg .my_menu .my_menutb .tit_menuT li {width:33%; border-left:#c5cad8 1px solid; display:table-cell; text-align:center; padding-left:5px;padding-top:5px;}
.popup_menuN_bg .my_menu .my_menutb .tit_menuT li:first-child  { border-left:#e2e5ed 0px solid;} 
.popup_menuN_bg .my_menu .my_menutb .tit_menuT .tit_menuT_tit {  height:20px; line-height:20px; list-style:none; font-size:.8em; text-align:left; color:#666666 }
.popup_menuN_bg .my_menu .my_menutb .tit_menuT .tit_menuT_txt {  height:25px; line-height:25px; list-style:none; font-size:.9em; text-align:left ; border-bottom:#c5cad8 1px solid; letter-spacing:0px; }
.popup_menuN_bg .my_menu .my_menutb .tit_menuT .tit_menuT_txt2 {  height:25px; line-height:25px; list-style:none; font-size:1em; text-align:left ;  color:#8bc23f; border-bottom:#c5cad8 1px solid; letter-spacing:0px; }


.popup_menuN_bg .my_min_menu_G {clear:both; width:100%; margin:0 auto; height:40px; line-height:39px; background-color:#f0f3eb;  border-bottom:#c5cad8 1px solid; position:relative  } 
.popup_menuN_bg .my_min_menu_G .my_min_menu_G_s {width:95%; margin:0 auto;}   
.popup_menuN_bg .my_min_menu_G .my_min_menu_G_s  .my_min_menuL { float:left; text-align:left; font-size:1em; color:#000;letter-spacing:0px;} 
.popup_menuN_bg .my_min_menu_G .my_min_menu_G_s  .my_min_menuR { float:right; text-align:right; font-size:1em; color:#333  } 

.count_green { padding:2px 10px; margin-left:3px; line-height:15px; text-align:center; background-color:#76b026;  color:#FFF; font-size:.8em; display:inline-block;
-webkit-border-radius:15px;-moz-border-radius:  15px; border-radius: 15px;   }

.popup_menuN_bg .my_min_menu_W {clear:both; width:100%; margin:0 auto; height:40px; line-height:40px; background-color:#ffffff;  border-bottom:#c5cad8 1px solid; position:relative  } 
.popup_menuN_bg .my_min_menu_W .my_min_menu_W_s {width:95%; margin:0 auto;}   
.popup_menuN_bg .my_min_menu_W .my_min_menu_W_s  .my_min_menuL { float:left; text-align:left; font-size:1em; color:#000;letter-spacing:0px;} 
.popup_menuN_bg .my_min_menu_W .my_min_menu_W_s  .my_min_menuR { float:right; text-align:right; font-size:1em; color:#333  ;} 
.btn_menur { width:50px; margin-left:3px; line-height:25px; height:25px;  text-align:center; background-color:#8bc23f;  color:#FFF; font-size:.8em; display:inline-block;-webkit-border-radius:3px;-moz-border-radius: 3px; border-radius: 3px;   }
.btn_friend {width:auto; height:20px;  line-height:20px;  text-align:center; padding:0px 9px;  margin-left:5px;background-color:#72b417; color:#FFF; font-size:.8em;display:inline-block;-webkit-border-radius:10px;-moz-border-radius: 10px; border-radius: 10px; cursor:pointer   }
.btn_friend2 {width:auto; height:20px;  line-height:20px;  text-align:center; padding:0px 9px;  margin-left:5px;background-color:#666; color:#FFF; font-size:.8em;display:inline-block;-webkit-border-radius:10px;-moz-border-radius: 10px; border-radius: 10px; cursor:pointer   }
.btn_friend3 {width:auto; height:20px;  line-height:20px;  text-align:center; padding:0px 9px;  margin-left:5px;background-color:#fc600b; color:#FFF; font-size:.8em;display:inline-block;-webkit-border-radius:10px;-moz-border-radius: 10px; border-radius: 10px; cursor:pointer   }

.popup_menuN_bg .boxmenu  { width:100%; margin:0 auto;   position:relative} 
.popup_menuN_bg .boxmenu .boxmenu_s {width:100%;height:auto; margin:0 auto;}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T {clear:both; width:100%;margin:0 auto; padding:0;} 
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T ul {  width:100%;margin:0 auto;  display:table;}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T li { border-left:#c5cad8 1px solid;border-bottom:#c5cad8 1px solid;  display:table-cell; text-align:center; position:relative; cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T li:first-child  { border-left:#e2e5ed 0px solid;cursor:pointer} 

.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T li  .boxmenu_count { width:20px; height:20px; line-height:21px; text-align:center; margin-left:10px; background-color:#e63740; color:#FFF; font-size:.8em; display:inline-block; 
-webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; position:absolute; top:5px; }

.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_01 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m1.png) 50% 5px no-repeat; background-size:40px 40px;cursor:pointer }
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_02 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m2.png) 50% 5px no-repeat; background-size:40px 40px; cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_03 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m3.png) 50% 5px no-repeat; background-size:40px 40px;cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_04 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m4.png) 50% 5px no-repeat; background-size:40px 40px;cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_05 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m5.png) 50% 5px no-repeat; background-size:40px 40px; cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_06 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m6.png) 50% 5px no-repeat; background-size:40px 40px;cursor:pointer}
.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T .boxmenu_08 { width:40px; height:70px;margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m8.png) 50% 5px no-repeat; background-size:40px 40px;cursor:pointer}

.popup_menuN_bg .boxmenu .boxmenu_s .boxmenu_T p{ width:100%; height:20px; line-height:20px;  margin:0 auto; list-style:none; font-size:.8em; text-align:center; color:#8bc23f666; position:absolute; bottom:0px;}

.popup_menuN_bg .csinfo  {clear:both; width:100%;   margin:0 auto; text-align:center; padding-top:20px;  }
.popup_menuN_bg .csinfo li { list-style:none }
.popup_menuN_bg .csinfo .csinfo_img {  width:100%; height:40px; margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menu_m7.png)  no-repeat; background-size:30px 30px;background-position:center center; } 
.popup_menuN_bg .csinfo .csinfo_txt1 { list-style:none; width:100%;line-height:20px; display:block;}
.popup_menuN_bg .csinfo .csinfo_txt2 { list-style:none; width:100%;line-height:20px; margin-bottom:5px; display:block; font-size:.9em;}
.popup_menuN_bg .csinfo .csinfo_txt3{  width:100px; height:30px;  line-height:30px; margin:0 auto; background-color:#666;  color:#ffffff;  list-style:none; font-size:1em; display:block;text-align:center; 
-webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; }


/*  로그인 _아디비번찾기 */
.popup_menuN_bg .menuN_bgs .popup_login { width:100%; background-color:#ffffff; }
.popup_menuN_bg .popup_login li { list-style:none}
.popup_menuN_bg .popup_login .login_top { width:100%; height:45px;  background-color:#232323;  position:relative}
.popup_menuN_bg .popup_login .login_top  li { list-style:none}
.popup_menuN_bg .popup_login .login_top .txt_name  {  width:60%;  line-height:45px; color:#f9f9f9; text-align:left; padding-left:5px; float:left;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.popup_menuN_bg .popup_login .login_top .txt_name i  { padding:6px 12px 6px 5px; }

.popup_menuN_bg .popup_login .login_top .txt_green { padding:3px 10px; line-height:15px; color:#a1ff20; font-size:.8em; text-align:center; border:#a1ff20 1px solid; float:left; margin-top:10px;  margin-right:5px; -webkit-border-radius: 15px;-moz-border-radius:15px;border-radius: 15px;}


.findid_box { width:100%; min-height:80px; height:150px; margin-bottom:10px;margin-top:15px;overflow:hidden; overflow-y:scroll; border:1px solid #ccc; border-radius:5px; background-color:#fff; padding:5px 10px; box-sizing:border-box; }
.findid_box .findid_title { width:100%; height:30px; line-height:30px;text-align:center; font-size:1em; font-weight:bold; }
.findid_box li { list-style:none}
.findid_box .findid_list { display:inline-block; width:100%; height:28px; line-height:28px; border-bottom:1px dotted #ccc; color:#666; }
.findid_box .findid_list .findid_txt { font-size:1em; font-weight:bold; word-break: break-all; }
.findid_box .findid_list .findid_btn { width:70px; height:20px; line-height:20px;  font-size:.9em; font-weight:bold; text-align:center; float:right;background-color:#8bc23f; color:#fff; margin-left:10px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  }



/* 로그인용 탭메뉴  */
.popup_login .find_menu {clear:both;  width:100%; height:40px; margin:0 auto; background-color:#e2e2e2; display:inline-table } 
.popup_login .find_menu li {width:50%; height:40px; line-height:40px; list-style:none; font-size:1em; border-left:#ccc 1px solid; display:table-cell; text-align:center;cursor:pointer } 
.popup_login .find_menu li:first-child  { border-left:#e2e5ed 0px solid;} 
.popup_login .find_menu li.on  { background-color:#ffffff;} 


.popup_menuN_bg .login_top .txt_silver{ padding:2px 10px; line-height:15px; color:#f9f9f9; font-size:.9em; text-align:center; border:#f9f9f9 1px solid; float:left; margin-top:10px; -webkit-border-radius: 15px;-moz-border-radius:15px;border-radius: 15px;}
.popup_menuN_bg .login_top .btn_r { width:45px; height:45px; line-height:45px; background-color:#8bc23f; float:right; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  position:relative;  cursor:pointer }
.popup_menuN_bg .login_top .btn_r .btn_topx { width:100%; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png) no-repeat; background-size:50%; cursor:pointer; background-position:center; }

.login_pop_s_tot { width:90%; height:auto; margin:0 auto;} 
.login_pop_s_tot .title { width:100%; height:40px; line-height:40px; margin:0 auto; border-bottom: #cccccc 1px dotted; margin-bottom:20px;  margin-top:10px;font-size:.8em}
.login_pop_s_tot .btn_plogin {clear:both;  width:100%; height:auto; margin:0 auto;height:45px; line-height:45px; color:#FFF; font-weight:bold;  font-size:1.2em; background-color:#8bc23f;  text-align:center; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px;margin-top:10px;cursor:pointer}
.login_pop_s_tot .btn_plogin_g {clear:both;  width:100%; height:auto; margin:0 auto;height:45px; line-height:45px; color:#FFF; font-weight:bold;  font-size:1.2em; background-color:#666666;  text-align:center; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px;margin-top:10px;cursor:pointer}

.login_pop_s_tot .btn_join_txt  { width:100%; height:auto; margin:0 auto; line-height:20px; color:#FFF; font-weight:100;  font-size:.9em;  text-align:center; color:#666; padding-top:10px;border-top: #cccccc 1px dotted;   margin-top:20px;}
.login_pop_s_tot .btn_join  { clear:both; width:100%; height:auto; margin:0 auto;height:45px; line-height:45px; color:#FFF; font-weight:bold;  font-size:1.2em; background-color:#555;  text-align:center; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  margin-bottom:10px;cursor:pointer}
.login_pop_s_tot .txt2_rig { float:right; padding-bottom:20px;  }
.login_pop_s_tot .txt2_rig span {font-size:1em;  text-align:center; background-color:#f9f9f9; color:#666666; border: #e2e2e2 1px solid; padding:2px 10px; cursor:pointer; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  }
.login_pop_s_tot .btn_ad {width: 95%; padding:10px 3px 0px 3px;margin: 0 auto; color: #111; font-weight: bold;  font-size: 1em;  border: 1px solid #d2d2d2;
margin-top: 10px; background-color: #f4f7ee; text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 10px; position: relative; cursor: pointer;}
.login_pop_s_tot .btn_ad p {display:block; }
.login_pop_s_tot .btn_ad .admark{ display:block;  font-size: 0.65em; text-align:right; padding-right:5px;color: #b7b9bd;}


/*### 본문-sns 로그인  */
.login_pop_s_tot .sns_log {   margin:0 auto;  border-top:#e2e2e2 1px solid;}
.login_pop_s_tot .sns_log h1{padding:15px 0  5px 0 ; font-size:.9em;text-align:center; color:#717784;font-weight:400;}
.login_pop_s_tot .sns_log ul {  padding:0px; display:block; padding-top:5px;text-align:center ;display: flex;  justify-content: space-around;}
.login_pop_s_tot .sns_log li { width:45%;  list-style:none; display:inline-block; padding:5px 10px;cursor:pointer ;box-sizing:border-box;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;}
.login_pop_s_tot .sns_log li span{ height:25px; line-height:25px;font-size:.9em; padding-left:22px;vertical-align: middle;}

.login_pop_s_tot .sns_log .sns_kakao { background:url(//ximage.sharebox.co.kr/mobile/icon/sns_kakao.svg) no-repeat 15% 8px #fae100; color:#333;display:inline-block; border:#d9c513 1px solid; }
.login_pop_s_tot .sns_log .sns_naver { background:url(//ximage.sharebox.co.kr/mobile/icon/sns_naver.svg) no-repeat  10px 8px #03cf5c; color:#FFF ;display:inline-block;  border:#10ba5a 1px solid;}
.login_pop_s_tot .sns_log .sns_google {   background:url(//ximage.sharebox.co.kr/mobile/icon/sns_google.svg) no-repeat  15% 8px #e7e7e7; color:#333;display:inline-block;  border:#d2d2d2 1px solid; }



/* 가입  */
.join_pop_s_tot { width:100%; height:100%; margin:0 auto; background-color:#ffffff; padding-bottom:100%; border-top: #8bc23f 1px solid;}
.join_pop_s_tot  .join_pop_s { width:85%; height:auto; margin:0 auto;background-color:#ffffff;  border-top: #8bc23f 0px solid;  position:relative; padding-top:5px; } 
.join_pop_s_tot  .join_pop_s li  {list-style:none; position:relative; } 

/*### 본문-sns 가입  */
.join_pop_s_tot .sns_log {   margin:0 auto; padding:20px 0;  border-bottom:#e2e2e2 1px solid;}
.join_pop_s_tot .sns_log h1{padding:15px 0  5px 0 ; font-size:1.2em;text-align:center; color:#717784;font-weight:bold;}
.join_pop_s_tot .sns_log ul {  padding:0px; display:block; padding-top:5px;text-align:center}
.join_pop_s_tot .sns_log li { min-width:30%;  list-style:none; display:inline-block; padding:5px 10px; margin:0 5px; cursor:pointer ;box-sizing:border-box;  -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;}
.join_pop_s_tot .sns_log li span{ height:25px; line-height:25px;font-size:.9em; padding-left:22px;vertical-align: middle;}

.join_pop_s_tot .sns_log .snsj_kakao { background:url(//ximage.sharebox.co.kr/mobile/icon/sns_kakao.svg) no-repeat 10% 8px #fae100; color:#333;display:inline-block; border:#d9c513 1px solid; }
.join_pop_s_tot .sns_log .snsj_naver { background:url(//ximage.sharebox.co.kr/mobile/icon/sns_naver.svg) no-repeat  10px 8px #03cf5c; color:#FFF ;display:inline-block;  border:#10ba5a 1px solid;}
.join_pop_s_tot .sns_log .snsj_google {   background:url(//ximage.sharebox.co.kr/mobile/icon/sns_google.svg) no-repeat  15% 8px #e7e7e7; color:#333;display:inline-block;  border:#d2d2d2 1px solid; }





.join_pop_s .title { clear:both; width:100%;  line-height:25px; padding:20px 0px 5px 0px;  margin:0 auto; border-bottom: #cccccc 1px solid; margin-bottom:10px;}
.join_pop_s .title_bot { clear:both;  width:100%; margin:0 auto; border-top: #cccccc 1px dotted;  padding-top:10px;  margin-top:10px;}
.join_pop_s .txt2_rig { float:right;  }
.join_pop_s .txt2_rig span {font-size:.8em;  text-align:center; background-color:#f9f9f9; color:#666666;  border: #e2e2e2 1px solid; padding:4px 5px; cursor:pointer; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  }

.join_pop_s .txt2_rig2 { float:right; padding-bottom:20px; }
.join_pop_s .txt2_rig2 span {font-size:1em;  text-align:center; background-color:#555; color:#fff;  border: #666 1px solid; padding:2px 10px; cursor:pointer; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  }


.join_pop_s  .btn_plogin { width:100%; height:auto; margin:0 auto;height:45px; line-height:45px; color:#FFF; font-weight:bold;  font-size:1.2em; background-color:#8bc23f;  text-align:center; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; margin-bottom:10px;margin-top:10px;cursor:pointer}
.join_pop_s  .btn_join_txt  { width:100%; height:auto; margin:0 auto; line-height:20px; color:#FFF; font-weight:100;  font-size:.9em;  text-align:center; color:#666; padding-top:20px;border-top: #cccccc 1px dotted;   margin-top:20px;}
.join_pop_s  .btn_join  { width:100%; height:auto; margin:0 auto;height:50px; line-height:50px; color:#FFF; font-weight:bold;  font-size:1.3em; background-color:#e63740;  text-align:center; 
-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  margin-bottom:20px;  margin:10px 0px ;cursor:pointer}


.lopop_fom li {list-style:none}
.lopop_fom .txt {  clear:both;  width:100%; text-align:left;height:20px;line-height:20px; color:#000000; font-size:.9em;  }
.lopop_fom .txt2 { clear:both; text-align:left;height:30px;line-height:30px; color:#000000; font-size:.9em;  letter-spacing:0px;}
.lopop_fom .txtR {  text-align:left;height:30px;line-height:30px; color:#000000; font-size:.9em; float:right;}



.lopop_fom  .input_id { width:100%; height:36px;line-height:36px; background-color:#ffffff; border: #ffffff 0px solid;  font-size:1em;  text-indent:5px; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; 
margin-bottom:10px;border: #cccccc 1px solid; } 
.lopop_fom  .input_id:focus {background-color:#eff4e9;}
.lopop_fom  .input_pw { width:100%; height:36px;line-height:36px; background-color:#ffffff; border: #ffffff 0px solid; font-size:1em; text-indent:5px; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;
margin-bottom:10px;border: #cccccc 1px solid;  } 
.lopop_fom  .input_pw:focus {background-color:#eff4e9;}

.lopop_fom  .input_mail { width:100%; height:36px;line-height:36px; background-color:#ffffff; margin-bottom:10px; border: #cccccc 1px solid;    text-indent:5px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;position:relative; float:left  } 
.lopop_fom  .input_mail:focus {background-color:#eff4e9;}



.lopop_fom  .input_mail2 { width:100%; height:36px;line-height:36px; background-color:#ffffff; margin-bottom:10px; border: #cccccc 1px solid;    text-indent:5px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;float:left  } 
.lopop_fom  .input_mail2:focus {background-color:#eff4e9;}


.lopop_fom .input_select { width:100%; height:38px;line-height:38px; margin:0 auto; background-color:#ffffff; color:#000; border: #cccccc 1px solid;    text-indent:5px; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  
margin-bottom:10px;  text-align:center; }
.lopop_fom .input_select:hover { background-color:#eff4e9; }
.lopop_fom .input_select select { width:95%; height:30px;line-height:30px; margin:0 auto; text-align:center; border: #ffffff 0px solid; } 
.lopop_fom .input_select select:focus { background-color:#eff4e9;}


.lopop_fom .input_select2 { width:50%; height:38px;line-height:38px; margin:0 auto; background-color:#ffffff; color:#000; border: #cccccc 1px solid;    text-indent:5px; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  
margin-bottom:10px;  text-align:center; }
.lopop_fom .input_select2:hover { background-color:#eff4e9; }
.lopop_fom .input_select2 select { width:95%; height:30px;line-height:30px; margin:0 auto; text-align:center; border: #ffffff 0px solid; } 
.lopop_fom .input_select2 select:focus { background-color:#eff4e9;}





.lopop_fom .find_br {  height:38px;line-height:38px; margin:0 auto; background-color:#ffffff; color:#000; border: #cccccc 1px solid;    text-indent:5px; -webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px;  
margin-bottom:10px;  text-align:center; }
.lopop_fom .find_br:hover { background-color:#eff4e9; }
.lopop_fom .find_br select { width:95%; height:30px;line-height:30px; margin:0 auto; text-align:center; border: #ffffff 0px solid; } 
.lopop_fom .find_br select:focus { background-color:#eff4e9;}



/* 헤더  */
#header {width:100%;padding:0px } 
.main_top {width:100%; height:45px; background:#FFFFFF; border-bottom:#f9f9f9 1px solid; position:relative }
.main_top li { list-style:none}
.main_top .mtop_L {  width:12%; height:40px; line-height:40px; margin:0 auto;text-align:center; float:left;}
.main_top .mtop_L li { list-style:none;  text-align:center;  }
.main_top .mtop_L .btn_adt { width:50px; height:45px; line-height:50px; margin-left:10px;background:url(//ximage.sharebox.co.kr/mobile/icon/ic_adt_on.png) no-repeat; background-position:center; background-size:100%;}

.main_top .mtop_C { width:75%;   height:40px; line-height:40px;  margin:0 auto; text-align:center; float:left;cursor:pointer; }
.main_top .mtop_C .sh_logo { width:100%; max-width:120px; height:45px;  margin:0 auto;text-align:center; background:url(//ximage.sharebox.co.kr/mobile/nlogo.png) no-repeat;  background-size:120px ; background-position:center}

.main_top .mtop_R {  width:12%; height:40px; line-height:40px;  margin:0 auto;text-align:center; float:right;}
.main_top .mtop_R li {list-style:none;  text-align:center; }



/* top 아이콘 모음  */
.btn_m {width:40px; height:40px; margin:0 auto;text-align:center;  cursor:pointer; display:block}
.btn_m30 {width:30px; height:30px; margin:0 auto;text-align:center;  cursor:pointer; display:block}


.btn_munu { background:url(//ximage.sharebox.co.kr/mobile/icon/btn_menug.png) no-repeat; background-size:60%; background-position:center; }

.btn_search  {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_shg.png) no-repeat; background-size:60%;background-position:center;}
.btn_searchw  {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_shw.png) no-repeat; background-size:60%;background-position:center;}

.btn_topLg {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topLg.png) no-repeat; background-size:60%;background-position:center;}
.btn_topLw {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topLw.png) no-repeat; background-size:60%;background-position:center;}

.btn_topRg {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topRg.png) no-repeat; background-size:60%;background-position:center;}
.btn_topRw {background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topRw.png) no-repeat; background-size:60%;background-position:center;}


.count { width:15px;height:15px;margin-left:3px; line-height:15px; text-align:center; background-color:#e63740; color:#FFF; font-size:.8em; display:inline-block;
-webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px;}
.countN { width:15px;height:15px; line-height:15px;  margin-left:3px;text-align:center; font-weight:bold; background-color:#e63740; color:#FFF; font-size:.7em; padding-top:0px;display:inline-block;
-webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px;}

/* main_banner min-height:150px; 제거 */
.main_banner { clear:both; width:100%; max-height:390px;height:auto;  overflow:hidden;margin:0 auto; position:relative}
.main_banner .main_img { width:100%; margin:0 auto; max-height:391px;  text-align:center; background-color:#000; position:relative}
.main_banner .main_img .btn_mL { width:30px; height:50px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mleft.png) no-repeat; background-size:80%; background-position:center; position:absolute; top:30%; left:5px; z-index:100 }
.main_banner .main_img .btn_mR { width:30px; height:50px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mright.png) no-repeat;background-size:80%;background-position:center;  position:absolute; top:30%; right:5px; z-index:100;  }

.main_banner .main_img li {width:100%; margin:0 auto; cursor:pointer;   }
.main_banner .main_img .bimg {width:100%;  max-width:750px; max-height:391px;  }
.main_banner .main_img img { width:100%; max-width:750px; max-height:391px; }


.main_banner .main_img .btn_main {width:100%; height:auto; line-height:35px;text-align:right; position:absolute; top:10px;  z-index:100; }
.main_banner .main_img .btn_main span { margin-right:10px;}
.main_banner .main_img .btn_main .btn_login {padding:3px 20px; line-height:35px; color:#a1ff20; font-size:1em; text-align:center;  background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black80.png) repeat; border:#a1ff20 1px solid; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; z-index:100; cursor:pointer}
.main_banner .main_img .btn_main .btn_join { padding:3px 20px; line-height:35px; color:#cccccc; font-size:1em; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black80.png) repeat;   border:#cccccc 1px solid; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; z-index:100; cursor:pointer}
.main_banner .main_img .bot_menu {clear:both; width:100%; height:30px;  line-height:30px; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat; color:#cccccc; font-size:.9em;  letter-spacing:-.5px; text-align:center; position:absolute; bottom:0px; z-index:100}
.main_banner .main_img .bot_menu span { cursor:pointer; padding:0px 3px}





/* 레이어_서치메뉴 */

.popup_shN_tot {clear:both;  width:100%;  height:100%; position:relative;  }
.popup_shN_tot .popup_shN_bg { display:inline-block; width:100%; min-height:700px;  margin:0 auto; background:#ffffff; }

.popup_shN_bg .search_bx {   width:100%; height:50px;vertical-align:middle; margin:0 auto; text-align:center;padding-top:10px;  position:relative;background:#8bc23f;
	background: -webkit-gradient(linear, left top, left bottom, from(#8bc23f ), to(#7eb235));
	background: -moz-linear-gradient(top,  #8bc23f ,  #7eb235);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bc23f ', endColorstr='#7eb235');}	

.search_bx .btn_shL {   width:12%;  height:30px; line-height:30px;  text-align:center; margin:0 auto; float:left }
.search_bx .btn_shL  li { list-style:none; margin:0 auto; line-height:30px;   text-align:center;  color:#ffffff;   font-size:1.8em;}

.search_bx .btn_shC { width:85%; height:30px; line-height:30px;  margin:0 auto;  text-align:left;  background-color:#ffffff; float:left; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;   position:relative; }
.search_bx .btn_shC li { list-style:none;}

.search_bx .btn_shC .input_search2 {  width:80%; height:30px; line-height:30px; text-align:left; text-indent:10px; color:#000;  border:#fff 1px solid; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;  }
.search_bx .btn_shC  .btn_shR { width:15%; height:30px; line-height:30px;margin:0 auto;  text-align:center; position:absolute; top:0px ;right:-5px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;    }
.search_bx .btn_shC  .btn_shR  li {list-style:none;margin:0 auto;   text-align:center; }


.popup_shN_bg .search_tab { clear:both;width:95%; height:35px;  margin:0 auto; background-color:#f9f9f9; margin-top:10px}
.popup_shN_bg .search_tab ul { width:100%; padding:0; display:inline-table}
.popup_shN_bg .search_tab li {width:50%; list-style:none; display:table-cell; height:35px; line-height:35px; text-align:center;  border-top:#CCC 1px solid;   border-bottom:#CCC 1px solid;  border-left:#CCC 1px solid; }  
.popup_shN_bg .search_tab li.on { background-color:#FFF; border-top: 1px #8bc23f solid; border-bottom: 1px #FFF solid  }  
.popup_shN_bg .search_tab li:first-child  { border-left:#CCC 1px solid;}  
.popup_shN_bg .search_tab li:last-child  { border-right:#CCC 1px solid;}  

.popup_shN_bg .search_tab_list { clear:both; width:85%;   margin:0 auto; margin-top:10px;}
.popup_shN_bg .search_tab_list li  {  clear:both; display:block;list-style:none; width:100%; height:35px; border-bottom: 1px #cccccc dotted;}
.popup_shN_bg .search_tab_list .shtab_tit{ width:75%; text-align:left;  height:40px; line-height:40px; text-align:left; font-size:1em; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;float:left  }
.popup_shN_bg .search_tab_list .icon_snom1 { width:20px; height:20px; line-height:20px; margin-top:7px; text-align:center;  background-color:#e63740; color:#FFF; font-size:.7em; display:inline-block; margin-right:5px; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; float:left }
.popup_shN_bg .search_tab_list .icon_snom2 { width:20px; height:20px; line-height:20px; margin-top:7px; text-align:center;  background-color:#666666; color:#FFF; font-size:.7em; display:inline-block; margin-right:5px; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; float:left }
.popup_shN_bg .search_tab_list .shtab_pay {  height:20px; line-height:20px; text-align:center; padding:0px 7px; margin-top:10px; font-weight:bold; background-color:#ffffff; border:#e2527a 1px solid;  color:#2f2f2f; font-size:.9em; display:inline-block; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px; float:right }

.highlight{color:#666666;font-weight:bold; background-color:#fff77c}

/* 서치 메뉴 */
.sh_ctnlist {clear:both; width:100%; margin:0 auto; display:table; text-align:center; background-color:#f9f9f9; border-top:#e2e2e2 0px solid }
.sh_ctnlist li { list-style:none; display:table-cell ;padding-top:10px;padding-bottom:10px;line-height:15px; text-align:center; font-size:.9em; border-bottom:#e2e2e2 1px solid;background-color:#666;  color:#fff}
.sh_ctnlist li:hover {background-color:#ffffff;   border-bottom:#fff 1px solid;border-right:#e2e2e2 1px solid;border-left:#e2e2e2 1px solid; color:#000}
.sh_ctnlist .on {background-color:#ffffff;   border-bottom:#fff 1px solid;border-right:#e2e2e2 1px solid;border-left:#e2e2e2 1px solid; color:#000}
.sh_ctnlist .off {background-color:#666666;   border-bottom:#e2e2e2 1px solid;border-right:#e2e2e2 1px solid;border-left:#e2e2e2 1px solid; color:#000}


.sh_option {clear:both; width:90%; margin:0 auto; height:35px;  margin-top:10px; display:table;}
.sh_option li { list-style:none; display:table-cell;font-size:1.1em;text-align:center;}

.sh_not {clear:both; width:100%;margin:0 auto;}
.sh_not_s { margin:0 auto; padding-top:20px; margin-bottom:20px;}
.sh_not_s .icon_tip {width:100px;  height:25px; line-height:25px; letter-spacing:1px;background-color:#666666;margin:0 auto; display:block; color:#FFF; font-size:.8em; text-align:center; margin-bottom:20px;
-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;} 
.sh_not_s .icon_tip2 {width:100%;  height:25px; line-height:25px; letter-spacing:1px;background-color:#666666;margin:0 auto; display:block; color:#FFF; font-size:.8em; letter-spacing: -.5px; text-align:center; margin-bottom:20px;
-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;} 
.sh_not_s .sh_not_tit {clear:both; width:100%; height:40px; line-height:40px;  text-align:center}
.sh_not_s ul { width:90%; background-color:#e1e1e1; margin:0 auto; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding-bottom:20px; }
.sh_not_s li { width:90%;  margin:0 auto; list-style:none; text-align:left;  line-height:15px; border-bottom:#CCC 1px dotted;  display:block; font-size:.8em;padding:3px 0px; }


.sh_info {clear:both; width:100%;margin:0 auto; padding-bottom:5px;}
.sh_info_s { margin:0 auto; padding-top:5px; }
.sh_info_s  li { list-style:none;  }
.sh_not_titso  { width:100%;  text-align:center; padding:8px 0; margin:0 auto;  line-height:20px;  background-color:#f9f9f9;  border-top:#e2e2e2 1px dotted; display:block;  font-size:.9em }



/*컨텐츠 리스트 nav*/
.ctn_mini { width:95%;  height:30px;  margin:0 auto; margin:0 auto; text-align:left; position:relative;  background-color:#fff;margin-top:15px;}

.ctn_mini .ctn_mini_navL{ display:block; float:left; text-align:center;  background-color:#FFF; border:#CCCCCC 1px solid;-webkit-border-radius: 5px;	-moz-border-radius: 5px;border-radius: 5px;box-shadow:#d9d9d9 0px 0px 0px;padding:0px 3px  }
.ctn_mini .ctn_mini_navL li { list-style:none; color:#666666;  text-align:center; float:left ;font-size:.7em; padding:5px 10px; margin:0px; cursor:pointer; display:block;}
.ctn_mini .ctn_mini_navL li.on {color:#8bac24;  }
.ctn_mini .ctn_mini_navL li i {padding-right:3px;}
.ctn_mini .ctn_mini_navL .sun{  border-right:#ccc 1px solid;}
.ctn_mini .ctn_mini_navL .sunno{border-right:#ccc 0px solid}

.ctn_mini .ctn_mini_navR{ display:block; float:right; text-align:center; background-color:#fff; }
.ctn_mini .ctn_mini_navR li { list-style:none; color:#666666;  text-align:center; float:left ;font-size:1em; padding:0px 5px;margin:0px; cursor:pointer; display:block;}
.ctn_mini .ctn_mini_navR li.on {color:#8bac24;  }
.ctn_mini .ctn_mini_navR li i {padding-right:3px;}
.ctn_mini .ctn_mini_navR .sun{  border-right:#ccc 1px solid;}
.ctn_mini .ctn_mini_navR .sunno{border-right:#ccc 0px solid}



/*컨텐츠 리스트 텍스트형*/
.list_type { width:100%; margin:0 auto;padding-top:0px; }
.list_type .list_type_tb {  width:95%; height:50px; margin:0 auto;  background-color:#ffffff; border-bottom:#dfdfdf 1px solid}
.list_type .list_type_tb .list_txt_le1 {clear:both; width:20px; height:25px; line-height:25px; vertical-align:middle; text-align:center; float:left; display:inline-block; }
.list_type .list_type_tb .list_txt_1 {  width:88%; height:25px; line-height:25px; vertical-align:middle; text-align:left; float:left; font-size:.9em; color:#afafaf; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.list_type .list_type_tb .list_txt_le2 {clear:both; width:20px;height:20px; line-height:20px; vertical-align:middle; text-align:center;  float:left; display:inline-block; }
.list_type .list_type_tb .list_txt_2 {  float:left; text-align:left; height:20px; line-height:20px;  vertical-align:middle; font-size:.8em;  color:#656464;}




/*실시간  box-shadow:inset 0px 2px 2px 0 rgba(51,51,51,0.3);  */
.real_time .head_issu{background:#f6f6f6; padding:3px; border-bottom:1px solid #cccccc; }
.real_time .lnb_menu{!important; box-shadow:none; border-bottom:1px solid #c2c4c8; display:block;}
.real_time .head_issu,.real_time .issue_open{ width:100%; height:35px; overflow:hidden; position:relative; }
.real_time .head_issu .rt_b{ float:left; background:#5280ce; font-size:0.688em; padding:0px 5px; color:#fff; margin:5px 5px 0px  5px; -webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px}
.real_time .head_issu .roll_issue{ display:block; overflow:hidden ;  height:35px; margin-right:40px; line-height:35px;padding:0 ; }
.real_time .head_issu .roll_issue li {list-style:none;width:98%}
.real_time .head_issu .roll_issue li .number_is {  line-height:30px;   font-weight:700; color:#84aac9;  font-size:1.2em; display:inline-block; vertical-align:top; padding-right:10px; }
.real_time .head_issu .roll_issue li .text_issue{ width:75%; line-height:30px;  color:#4b5473;  font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: break-word; display:inline-block; word-break:break-all; letter-spacing: -2px;}
/*.real_time .head_issu .roll_issue li .text_evt{ width:10%; height:20px; line-height:20px;  font-weight:700; color:#84aac9; font-size:0.7em;  letter-spacing:0px; display:inline-block; vertical-align:top; background:#f00606; color:#ffffff;text-align:center; 
margin:5px ; -webkit-border-radius: 5px  ; -moz-border-radius:5px; border-radius:5px;float:right}}*/




.real_time .issue_open{ padding:0; height:35px;  line-height:35px;margin-top:-1px;background-color:#e4e4e4; z-index:100}
.real_time .issue_open li {list-style:none;}
.real_time .issue_open .btn_issuarrow{  border-bottom:1px solid #c4c4c4; background-color:#e4e4e4;}
.real_time .head_issu .btn_issuarrow,.real_time .issue_open .btn_issuarrow{ display:block; overflow:hidden; position:absolute; top:4px; right:0; width:40px; height:35px;}
.real_time .head_issu .arr_img,.real_time .issue_open .arr_img{ display:block; width:16px; height:9px; margin:7px 10px 0 10px; background:url(//ximage.sharebox.co.kr/mobile/icon/issue_arrow_d.png) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; background-size:16px 9px;}
.real_time .head_issu .arr_img2,.real_time .issue_open .arr_img2{ display:block; width:16px; height:9px; margin:7px 10px 0 10px; background:url(//ximage.sharebox.co.kr/mobile/icon/issue_arrow_d.png) no-repeat 0 0; text-indent:-9999px; font-size:0; line-height:0; background-size:16px 9px;}

.real_time .issue_open .tab_issue{ display:block; margin-right:42px; overflow:hidden;}
.real_time .issue_open .tab_issue li{ float:left; }
.real_time .issue_open .tab_issue li:first-child{width:16%; min-width:17%; background-color:#5280ce;line-height:35px; color:#fff; font-size:0.750em; text-align:center; font-weight:bold;}
.real_time .issue_open .tab_issue li:last-child{width:13%;  overflow:hidden; float:none;}
.real_time .issue_open .tab_issue .tab_list{ display:block; height:35px; margin-right:-1px; border:1px solid #d1d1d1; font-size:0.875em; line-height:35px; color:#444; background-color:#e4e4e4; text-align:center; letter-spacing:-1px; font-weight:bold;}
.real_time .issue_open .tab_issue .on .tab_list{ height:35px; border:1px solid #c4c4c4; line-height:35px; background:#fff; color:#5280ce;}
.real_time .issue_open .tab_issue .on{ position:relative; border-bottom:0 none;background:#000000; }
.real_time .issue_open .btn_issuarrow{ -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); width:42px; height:35px; top:0; border:1px solid #d1d1d1; border-left:none;; }
.real_time .issue_open .btn_issuarrow .arr_img{margin:12px 0 0 12px;}
.real_time .issue_open .btn_issuarrow .arr_img2{margin:12px 0 0 12px;}

.real_time .open_cont{ margin-top:-35px; }
.real_time .cont_issue{width:100%;  background:#fff;}
.real_time .cont_issue li{ background:#ffffff;  border-bottom:1px solid #ebebeb; font-size:0.875em; }
.real_time .cont_issue li .number_is{ width:5%;   height:18px;  line-height:18px; border:1px solid #6587a3; background:#84aac9; color:#fff; font-weight:bold; border-radius:3px; display:inline-block; text-align:center; margin:7px 7px 0 7px;text-indent:-1px; vertical-align:top; font-size:0.750em;}
.real_time .cont_issue li .text_issue{ width:70%;  height:30px;  line-height:30px; color:#272727; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;word-wrap: break-word; ;word-break:break-all;}
.real_time .cont_issue li .text_evt{ width:10%;  padding:0px; color:#272727; display:inline-block; background:#f00606; color:#ffffff;text-align:center; margin:7px ; -webkit-border-radius: 5px  ; -moz-border-radius:5px; border-radius:5px;  letter-spacing:0px; float:right}


.real_time .footer_issue{ display:block; overflow:hidden; position:relative; width:100%; height:38px; background-color:#f8f8f8; margin-bottom:0px; border-bottom:1px solid #a0a0a2;box-shadow: 0px 2px 2px 0 rgba(51,51,51,0.3);}
.real_time .footer_issue .time_day{ display:inline; float:left; height:38px; padding-left:10px; font-size:0.688em; line-height:38px; color:#888;}
.real_time .footer_issue .time_evt{ display:inline; float:left; height:18px; padding:0px 5px; font-size:0.7em; line-height:18px; color:#fff; margin-top:10px;margin-left:5px; letter-spacing:0px;  background-color:#f00606; -webkit-border-radius: 5px  ; -moz-border-radius:5px; border-radius:5px;}

.real_time .footer_issue .btn_close{ overflow:hidden; float:right; width:auto; height:38px; padding:8px 14px; border:none; font-size:0.750em; color:#444; background:none;}
.real_time .footer_issue .ico_close{ display:inline-block; background:url(//ximage.sharebox.co.kr/mobile/icon/index_close_btn.png) no-repeat; overflow:hidden; width:10px; height:10px; margin:0 3px; background-size:90%; vertical-align:-1px;}



.mini_m { clear:both; width:100%; height:25px; line-height:25px; background:#444040;   margin:0 auto; text-align:center; font-size:.8em; color:#FFF; } 
.mini_m span { padding:0px 5px;}



#sh_nav {}
.top_nav {clear:both; width:100%; border-bottom: #e2e2e2 1px solid ; position:relative }
.top_nav ul {width:100%; margin:0; display:table;border-bottom: #e2e2e2 1px solid  }
.top_nav li { width:16%; text-align:center; list-style:none; display:table-cell;  background-color:#ffffff;cursor:pointer; border-left: #e2e2e2 1px solid ;position:relative}
.top_nav li:first-child  {border-left: #e2e2e2 1px solid }
.top_nav li:hover { background-color:#f9f9f9 }
.top_nav li.on { background-color:#e4ebda }
.top_nav .btn_nav { text-align:center; margin:0 auto; padding-top:25px; position:relative  }
.top_nav .btn_nav .nav_txt {height:20px;line-height:20px;  text-align:center; margin:0 auto; font-size:.8em;  }

/*pekr 네비 1줄로 */
.top_navpe {clear:both; width:100%; border-bottom: #e2e2e2 1px solid ; position:relative }
.top_navpe ul {width:100%; margin:0; display:table;border-bottom: #e2e2e2 1px solid  }
.top_navpe li { width:13%; text-align:center; list-style:none; display:table-cell;  background-color:#ffffff;cursor:pointer; border-left: #e2e2e2 1px solid;position:relative  }
.top_navpe li:first-child  {border-left: #e2e2e2 1px solid }
.top_navpe li:hover { background-color:#f9f9f9 }
.top_navpe li.on { background-color:#e4ebda }
.top_navpe .btn_navpe { text-align:center; margin:0 auto; padding-top:25px; position:relative  }
.top_navpe .btn_navpe .nav_txtpe {height:20px;line-height:20px;  text-align:center; margin:0 auto; font-size:.8em }


.btn_m01 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_01.png) 50% 5px no-repeat;background-size:20px 20px;position:relative  }
.btn_m02 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_02.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m03 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_03.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m04 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_04.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m05 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_05.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m06 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_06.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m07 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_07.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m08 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_08.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m09 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_09.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m10 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_10.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m11 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_11.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m12 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_12.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m13 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_13.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m14 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_14.png) 50% 5px no-repeat;background-size:20px 20px;}
.btn_m15 { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icm_15.png) 50% 5px no-repeat;background-size:20px 20px;}


.top_nav  .icon_nevt {  line-height:11px; padding:4px 3px; font-size:.6em;   background-color:#e63740; color:#fff; text-align:center;  position:absolute; top:0; right:3px;  -webkit-border-radius:0px 0px 50px 50px  ; -moz-border-radius:0px 0px 50px 50px; border-radius:0px 0px 50px 50px;}
.top_navpe  .icon_nevt {  line-height:11px; padding:4px 3px; font-size:.6em;   background-color:#e63740; color:#fff; text-align:center;  position:absolute; top:0; right:3px;  -webkit-border-radius:0px 0px 50px 50px  ; -moz-border-radius:0px 0px 50px 50px; border-radius:0px 0px 50px 50px;}

#top_sub_tot {clear:both; width:100%; }
.top_sub {clear:both; width:100%; background-color:#3c3c3c  }
.top_sub ul {width:100%; margin:0; display:table;border-bottom: #555 1px solid  }
.top_sub li { width:20%;  height:25px; line-height:25px;  text-align:center; list-style:none; display:table-cell; cursor:pointer; border-left: #555 1px solid; color:#fff; font-size:.8em}
.top_sub li:first-child {border-left: #e2e2e2 1px solid }
.top_sub li:hover { background-color:#000000 ; color:#fff; }
.top_sub li.on { background-color:#000000 ;color:#93c352; }


.icon_hart_off { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_hart_off.png) no-repeat; background-size:50%; background-position:center}
.icon_hart_on { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_hart_on.png) no-repeat; background-size:50%; background-position:center}
.icon_btn_bottom { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mbottom.png) no-repeat; background-size:50%; background-position:center}

.icon_playall { height:22px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playall.png) no-repeat; background-size:30% ;background-position: center;cursor:pointer }

.main_mbanner { clear:both; width:90%; margin-top:5px;  margin-bottom:5px;}


/*메인 띠배너*/
.banner_top { clear:both; width:100%; margin:0 auto;  text-align:center; position:relative; margin-top:5px;} 
.banner_top li  { width:100%;  margin:0 auto; text-align:center; } 
.banner_top .btn_left { width:20px; height:20px; position:absolute; top:40%; left:10px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_left.png) no-repeat; cursor:pointer;  background-size:100%; z-index:300}  
.banner_top .btn_rig  { width:20px; height:20px; position:absolute; top:40%; right:10px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_rig.png) no-repeat; cursor:pointer;   background-size:100%; z-index:300}  
#sub_banner li img {width:100%; max-width:600px;  min-height:45px;}


/* 추천콘텐츠*/
.poster_tot {clear:both; width:100%;   height:auto;  margin:0 auto; margin:0 auto;  text-align:center; padding-top:5px; }
.poster_tot .recomm_contents{  width:100%;  height:auto;   margin:0 auto; text-align:left; position:relative;background:#fff;  border:0px solid #cccccc; padding-top:10px;}
.poster_tot .recomm_contents  .btn_tvtable_on {  position:absolute; top:10px; right:10px;   margin:0 auto;  text-align:center; font-size:.8em; -webkit-border-radius:50px    ; -moz-border-radius:50px ; border-radius:50px; color:#1786cd; border:#ccc 1px solid; padding:2px 7px;cursor:pointer}
.poster_tot .recomm_contents  .btn_tvtable_off{ position:absolute; top:10px; right:10px;  margin:0 auto;  text-align:center; font-size:.8em; -webkit-border-radius:50px    ; -moz-border-radius:50px ; border-radius:50px; color:#666; border:#ccc 1px solid; padding:2px 7px;cursor:pointer}


.poster_tot .recomm_contents h2{  width:100%;  height:35px; line-height:35px;  display:inline-block;  border-bottom:1px solid #e2e2e2; font-size:1.3em; padding-left:10px;}


.poster_tot  .sh_recomm{  width:100%; overflow:hidden; height:150px;padding:0 10px;}
.poster_tot  .sh_recomm li{ padding:10px 3px; float:left;}
.poster_tot  .sh_recomm li a{ display:inline-block; overflow:hidden; position: relative; }
.poster_tot  .sh_recomm li .recomm_imbg{ width:100px; height:133px; background:url(//ximage.sharebox.co.kr/mobile/home_loading.png) no-repeat 50% 50%; line-height:0;  background-size:80%; position:relative;}
.poster_tot  .sh_recomm li .recomm_imbg:after{ position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; opacity:0.1; box-sizing:border-box; content:'';}
.poster_tot  .sh_recomm li .recomm_imbg img{width:100px; height:133px;}
/*.poster_tot  .sh_recomm li .recomm_mark{ position:absolute; height:30px; bottom:0; background-color:rgba(0,0,0,0.5); text-align:center; line-height:30px; width:100%;}*/
.poster_tot  .sh_recomm li .recomm_mark{ position:absolute; height:25px; bottom:0;  background-color:rgba(197,29,26,0.7); text-align:center; line-height:25px; width:100%;font-size:.9em; color:#666; word-break:normal;}
.poster_tot  .sh_recomm li .ico_star{ display:block; overflow:hidden; width:100%; height:40px;}
.poster_tot  .sh_recomm li .ico_star .on{ background:url(//ximage.sharebox.co.kr/mobile/icon/ico_star.png) 0 0 no-repeat; width:16px; height:16px; background-size:95%; display:inline-block; margin-right:5px;}
.poster_tot  .sh_recomm li .ico_star .off{background:url(//ximage.sharebox.co.kr/mobile/icon/ico_star.png) 0 -16px no-repeat; width:16px; height:16px; background-size:95%; display:inline-block; margin-right:5px;}
.poster_tot  .sh_recomm li .star_text{ color:#fff; font-size:11px; display:inline-block; font-weight:normal; margin-right:5px; vertical-align:3px;}




/*  슬라이딩 에러방지*/
.owl-carousel { touch-action: manipulation; }


/*  포스터 회차별 */
.poster_view {clear:both; width:100%; margin:0 auto;  padding-top:10px;   padding-bottom:5px; background-color:#fff;  box-shadow: 2px 2px 5px #ccc; margin-top:5px; margin-bottom:5px}


.poster_view .poster_view_s {  width:95%; margin:0 auto; position:relative;text-align:left; }


.poster_view .poster_view_s .pview_titname {width:100%;height:40px; margin-bottom:5px; text-align:left;  margin:0 auto;  position:relative;  }
.poster_view .poster_view_s .pview_titname li {width:70%;list-style:none;display:inline-block; font-size:1.4em; line-height:35px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


.poster_view .poster_view_s .btn_pvx { width:35px; height:35px; line-height:35px; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat; background-position:center; color:#FFF; text-align:center; 
position:absolute; cursor:pointer; top:0px; right:0px; z-index:500}
.poster_view .poster_view_s .btn_pvx  li {  list-style:none}
.poster_view .poster_view_s .btn_pvx .pvximg { width:100%; height:35px;background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png) no-repeat; background-size:50%; background-position:center; }

.poster_view .poster_view_s .btn_bk { width:35px; height:35px; line-height:35px; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat; background-position:center; color:#FFF; text-align:center; position:absolute; cursor:pointer; top:0px; right:40px; z-index:500}
.poster_view .poster_view_s .btn_bk:hover {color:#ffe63c; }
.poster_view .poster_view_s .btn_bk.on {color:#ffe63c; }



.poster_view .poster_view_s .pview_imgbox { clear:both;  min-height:130px; margin:0 auto; position:relative;  }
.poster_view .poster_view_s .pview_imgbox .pview_img  { text-align:left;  float:left; position:relative;  }
.poster_view .poster_view_s .pview_imgbox .pview_img .ic_bmk { width:25px;  height:auto;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center;
-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; border-radius:0px 0px 30px 30px;  position:absolute; top:0px;	left:0px;z-index:100;}
.poster_view .poster_view_s .pview_imgbox .pview_img .ic_bmk i { width:25px;  height:25px; display:block; background:url(//ximage.sharebox.co.kr/mobile/icon/ic_book.png) no-repeat;background-size:15px; background-position:center center; }


.poster_view .poster_view_s .pview_imgbox .pview_txt  {  width:75%; padding-left:15px;  text-align:left;   float:left; word-spacing:normal;  }
.poster_view .poster_view_s .pview_imgbox .pview_txt li { list-style:none;}

.poster_view .poster_view_s .pview_imgbox .pview_txt .ptxt1 { font-size:1.4em; line-height:35px; font-weight:bold} 
.poster_view .poster_view_s .pview_imgbox .pview_txt .ptxt2 { font-size:.8em; line-height:16px;height:18px;overflow:hidden;} 
.poster_view .poster_view_s .pview_imgbox .pview_txt .ptxt3 { font-size:.8em; height:45px; overflow:hidden;line-height:16px;  } 


/* 편성표용  회차별 상단  */
.tb_eptit { width:100%; height:30px; line-height:30px; margin-bottom:10px;background-color:#f9f9f9; display:table;  position:relative;-webkit-border-radius:10px  ; -moz-border-radius:10px; border-radius:10px;} 
.tb_eptit li {width:50%;  list-style:none;   text-align:center;  display:table-cell; color:#666; cursor:pointer} 
.tb_eptit li:first-child   {  border-right:#ccc 1px solid;} 
.tb_eptit span {padding-left:10px;} 
.tb_eptit .icon_book{color:#666;background-color:#fff;-webkit-border-radius: 10px 0px 0px 10px  ; -moz-border-radius:10px 0px 0px 10px ; border-radius:10px 0px 0px 10px; border:#ccc 1px solid; } 
.tb_eptit .icon_book.on {color:#ffe63c;background-color:#111417;-webkit-border-radius: 10px 0px 0px 10px  ; -moz-border-radius:10px 0px 0px 10px ; border-radius:10px 0px 0px 10px; border:#111417 1px solid;  } 
.tb_eptit .icon_alarm{color:#666;background-color:#fff; -webkit-border-radius: 0px 10px 10px 0px  ; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;  border:#ccc 1px solid; } 
.tb_eptit .icon_alarm.on {color:#ffe63c;background-color:#111417;-webkit-border-radius: 0px 10px 10px 0px  ; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;  border:#111417 1px solid;} 

        
.poster_view .poster_view_s .pview_select { clear:both; width:100%; margin:0 auto; height:35px; margin-bottom:10px; position:relative;  }
.poster_view .poster_view_s .pview_select ul {  width:100%;  display:inline-table}
.poster_view .poster_view_s .pview_select li { width:100%; height:35px; line-height:35px; display:table-cell}
.poster_view .poster_view_s .pview_select select {width:95%; height:25px;   line-height:25px; background-color:#fff; border:0px; font-size:1em; margin-top:3px; }
.poster_view .poster_view_s .pview_select .selectL { width:40%; height:35px; text-align:center;line-height:35px;  background-color:#fff; border:#ccc 1px solid; -webkit-border-radius:10px 0px 0px 10px  ; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px;}
.poster_view .poster_view_s .pview_select .selectR { width:40%; height:35px; text-align:center; line-height:35px;  background-color:#fff; border:#ccc 1px solid; -webkit-border-radius:0px 10px 10px 0px  ; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;}
.poster_view .poster_view_s .pview_select .selectC { width:70%; height:35px; text-align:center; line-height:35px;  background-color:#fff; border:#ccc 1px solid; -webkit-border-radius:10px 0px 0px 10px  ; -moz-border-radius:10px 0px 0px 10px ; border-radius:10px 0px 0px 10px;}
.poster_view .poster_view_s .pview_select .select_btn {width:20%;  height:35px; text-align:center; line-height:35px; color:#ffffff; font-weight:bold;  background-color:#31a9f3; border:#269fea 1px solid; 
-webkit-border-radius:0px 10px 10px 0px    ; -moz-border-radius:0px 10px 10px 0px ; border-radius:0px 10px 10px 0px}


/* 포스터회차별 리스트*/
.poster_view .poster_view_s .pview_box { width:100%; margin:0 auto; position:relative;  display:block; }
.poster_view .poster_view_s .pview_boxs { clear:both; width:95%; margin:0 auto; text-align:left; display:none; line-height:35px; border-bottom:#999 1px dotted;  }
.poster_view .poster_view_s .pview_boxs.on{ clear:both; width:95%; margin:0 auto; text-align:left; display:block;  line-height:35px;  }
.poster_view .poster_view_s .pview_boxs li { list-style:none; display:table-cell; }
.poster_view .poster_view_s .pview_boxs .pviewm1 { width:50px; text-align:center; float:left; text-align:left; line-height:35px;color:#333; font-size:.8em}
.poster_view .poster_view_s .pview_boxs .pviewm2 { width:45%; float:left; line-height:35px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  font-size:.9em;}
.poster_view .poster_view_s .pview_boxs .pviewm3 { float:right; line-height:20px;height:20px; padding:0px 10px; color:#31a9f3;  font-size:.8em; border:#31a9f3 1px solid; margin-top:5px;  -webkit-border-radius:30px ; -moz-border-radius:30px ; border-radius:30px}
.poster_view .poster_view_s .pview_boxs .pviewm4 {float:right;line-height:20px;height:20px; padding:0px 20px; color:#fff; background-color:#31a9f3; margin-top:5px;-webkit-border-radius:30px ; -moz-border-radius:30px ; border-radius:30px; cursor:pointer}


.poster_view .pview_ck  { clear:both; width:98%; height:25px;  margin:0 auto; margin-top:5px ; margin-bottom:5px ; font-size:1em; position:relative;  }
.poster_view .pview_more  {clear:both; width:100%;  height:35px;  line-height:35px;text-align:center; color:#717171; background-color:#f9f9f9; margin:0 auto; margin-top:20px;margin-bottom:10px; font-size:1em; cursor:pointer;  border:1px #ccc solid; position:relative }
.poster_view .pview_more li {  list-style:none;   height:35px;  line-height:35px;  text-align:center;   display:block; }
.poster_view .pview_ck .btn_ck  { float:left;  height:25px; line-height:25px;  position:relative; }
.poster_view .pview_ck .btn_alarm_on  { float:right;  margin:0 auto;  font-size:.8em; position:relative;-webkit-border-radius:50px    ; -moz-border-radius:50px ; border-radius:50px; color:#e31232; border:#ccc 1px solid; padding:2px 7px;}
.poster_view .pview_ck .btn_alarm_off  { float:right; ; margin:0 auto;  font-size:.8em; position:relative;-webkit-border-radius:50px    ; -moz-border-radius:50px ; border-radius:50px; color:#666; border:#ccc 1px solid; padding:2px 7px;}


/* 실시간 인기*/
#hit_wrap {}
.hit_tot {  clear:both;  width:100%;   height:auto;   margin:0 auto;  text-align:center; padding-top:10px; background-color:#FFF; }
.hit_tot .hit_tot_tit {  width:100%;  height:auto;   margin:0 auto; text-align:left;  position:relative; padding-bottom:10px;}
.hit_tot .hit_tot_tit h2{  height:35px; line-height:35px;  display:block;   font-size:1.3em; padding-left:10px;}

.btn_won_tot {  position:absolute; height:20px; top:5px; right:10px;}
.btn_won_tot li {display:inline-block; height:23px; margin-right:3px; font-size:.8em; color:#666;  padding:3px 12px; cursor:pointer; background-color:#e2e2e2; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px;}
.btn_won_tot li:hover { background-color:#e63740; color:#FFF }
.btn_won_tot li.on  { background-color:#e63740; color:#FFF }
.btn_won_tot li.stream_on {background-color: #3faa4e; color: #FFF;  border: 1px solid #3faa4e;}
.btn_won_tot li.stream_on span {display: inline-block;background: url(//ximage.sharebox.co.kr/mobile/icon/icon_list_on_w.png)no-repeat 0px 0px;width: 1.2em;height: 1.2em;vertical-align: middle;}
.btn_won_tot li.stream_off {border: 1px solid #e2e2e2; background: none;}
.btn_won_tot li.stream_off span {display: inline-block;background: url(//ximage.sharebox.co.kr/mobile/icon/icon_list_on.png)no-repeat 0px 0px;width: 1.2em;height: 1.2em;vertical-align: middle;}
.btn_won_tot li.stream_off:hover {background-color: #3faa4e; color: #FFF; border: 1px solid #3faa4e; }
.btn_won_tot li.stream_off:hover > span { background: url(//ximage.sharebox.co.kr/mobile/icon/icon_list_on_w.png)no-repeat 0px 0px;width: 1.2em;height: 1.2em;vertical-align: text-bottom;}


.btn_won_tot_category {  position:relative; height:35px; top:0px; right:0px; text-align:right; padding-top:5px; padding-right:10px; background-color:#ffffff; }
.btn_won_tot_category li {display:inline-block; margin-right:3px; font-size:.8em; color:#666;  padding:3px 12px; cursor:pointer; background-color:#e2e2e2; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px;}
.btn_won_tot_category li:hover { background-color:#e63740; color:#FFF }
.btn_won_tot_category li.on  { background-color:#e63740; color:#FFF }
 

/* 실시간 메뉴 */
.hit_ctnlist {clear:both; width:100%;   height:35px; line-height:35px; margin:0 auto;display:table; text-align:center; background-color:#f9f9f9; border-bottom:#e2e2e2 1px solid; border-top:#e2e2e2 1px solid }
.hit_ctnlist li{ list-style:none; display:table-cell ; text-align:center; font-size:.9em }
.hit_ctnlist li:hover { background-color:#495057; color:#FFF}
.hit_ctnlist li.on { background-color:#495057;color:#FFF  }



.icon_rank { width:24px; position:absolute; top:-20px; left:18px;  z-index:1;}
.icon_rank li { list-style:none }
.icon_rank_top {width:24px; height:20px; line-height:20px;  -webkit-border-radius: 0px 0px 0px 0px;   -moz-border-radius:0px 0px 0px 0px;    border-radius:  0px 0px 0px 0px;   background-color:#429af4 ;  text-align:center;  font-family:Verdana, Geneva, sans-serif;
font-weight:700; font-size:.8em;   color:#FFFFFF; } 
.icon_rank_bot {width:0px; height:10px;  position:absolute; top:20px; left:0px;  border-left:12px solid transparent; border-right:12px solid transparent; border-top:8px solid #429af4 ;}



/* 컨텐츠 리스트  */
.ctn_tot{clear:both;  width:100%;height:100%;  margin:0 auto;  position: relative; padding-top:10px; padding-bottom:10px;border-bottom:1px #e2e2e2 dotted;background-color:#ffffff;    border-top:1px #e2e2e2 dotted; cursor:pointer;}
.ctn_tot.mViewOpen {background-color:#f5fbf0  }

.ctn_tot .mag_no { width:100%; margin:0 auto; height:400px; line-height:35px; text-align:center;font-size:.8em;color:#666;}
.ctn_tot  table {  width:95%; min-height:60px; margin:0 auto; }
.ctn_tot .ctn_img {width:60px; height:60px; border:1px #e2e2e2 solid;  background:url(//ximage.sharebox.co.kr/mobile/icon/home_loading.png) no-repeat; position:relative; background-position:center; background-size:100%;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px; }
.ctn_tot .ctn_img .m_thmb{ float:left; width:60px; height:60px;background-size:100%;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px; }

.ctn_tot .m_thmb:after{ position:absolute; top:0; left:0; width:100%; height:100%;  opacity:0.1; box-sizing:border-box; content:'';}
.ctn_tot .m_thmb img{ width:100%; height:100%;}


.ctn_tot  .ctn_img .adt_cover {width:60px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_adt19_70.png) no-repeat; background-size:100% ;background-position: center;  position:absolute; z-index:1;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
.ctn_tot  .ctn_img .nor_cover {width:60px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_adt19_70.png) no-repeat; background-size:100% ;background-position: center;  position:absolute; z-index:1;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

.ctn_tot  .ctn_img .hd_cover {width:60px; height:60px; background: url(//ximage.sharebox.co.kr/mobile/icon/icon_hd.png) no-repeat; background-size:60px; background-position:bottom;  position:absolute; z-index:1;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

.ctn_tot  .ctn_tit {   overflow: hidden; text-overflow: ellipsis; text-align:left;  word-wrap: break-word; word-break: break-all;  font-size:1.1em;     line-height: 1.3em;
 letter-spacing:-1px; display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; margin-bottom: 3px; }

.ctn_tot  .ctn_cat { height:25px; line-height:25px;text-align:left;font-size:1em;color:#666; }
.ctn_tot  .ctn_hd { background-color:#000000; font-size:.8em;  font-style:italic;color:#ffd200; font-weight:bold;padding:1px 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; }

.ctn_tot  .ctn_stxt { float:left; font-size:1em; padding-right:5px; letter-spacing:0px;}


.ctn_tot .ic_sale { width:35px; height:35px; background-color:#ffffff; color:#1f83c2; text-align:center;  line-height:35px; font-size:.8em; font-weight:bold;  letter-spacing:-1px;   border:#1f83c2 1px solid; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.ctn_tot .ic_free { width:35px; height:35px; background-color:#ffffff; color:#e63740; text-align:center;  line-height:35px; font-size:.8em; font-weight:bold;   letter-spacing:-1px;border:#e63740 1px solid; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.ctn_tot .ic_like { width:35px; height:35px; background-color:#ffffff; color:#7db333; text-align:center;  line-height:35px; font-size:.8em; font-weight:bold; border:#CCC 1px solid; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.ctn_tot .ic_like_on { width:35px; height:35px; background-color:#ffffff; color:#8bc23f; text-align:center;  line-height:35px; font-size:.8em; font-weight:bold; border:#CCC 1px solid; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.ctn_tot .ic_pay { width:35px; height:35px; color:#f64478; text-align:center;  line-height:35px; font-size:.8em; font-weight:bold;  letter-spacing:-1px;   border: 1px solid transparent;   border-radius: 20px;   
background-image: linear-gradient(#fbfbfb, #ffffff), linear-gradient(to right, #8e45bb,  #ff4a75);  background-origin: border-box;    background-clip: content-box, border-box; }


.loding_icon { display:none; width:100%;   text-align:center; margin:0 auto; position:fixed; bottom:55%; z-index:1000 ; color:#000}

/* 정액제 리스트 아이콘 */
.ctn_tot .ctn_tit span.list_on {display: inline-block;background: url(//ximage.sharebox.co.kr/mobile/icon/icon_list_on.png)no-repeat 2px 3.5px;width: 1em;height: 1.4em;vertical-align: top;}
.ctn_tot .ctn_tit span.list_off {display: inline-block;background: url(//ximage.sharebox.co.kr/mobile/icon/icon_list_off.png)no-repeat 2px 3.5px;width: 1em;height: 1.4em;vertical-align: top;}



/* 페이징 */
.btn_page { clear:both; width:100%; margin:0 auto; text-align:center; padding:15px 0px;  }
.btn_page span { text-align:center; padding:4px 10px;  border-radius:5em; -webkit-border-radius:5em; -moz-border-radius:5em; }

.btn_page .btn_pageL { line-height:45px; height:45px; background-color:#ffffff; border:#ccc 1px solid; color:#666; font-size:.8em;cursor:pointer; margin-right:3px;}
.btn_page .btn_pageL.pageLbg { width:45px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mlefts.png) no-repeat;  background-size:10px ;background-position: center; }

.btn_page .btn_pageT { width:45px; line-height:45px; height:45px; background-color:#ffffff; border:#ccc 1px solid; color:#666; font-size:.8em;cursor:pointer; margin-right:3px;}
.btn_page .btn_pageT:hover {  background-color:#8bc23f; border:#8bc23f 1px solid; color:#FFF; margin-right:3px;}
.btn_page .btn_pageT.on{ background-color:#8bc23f; border:#8bc23f 1px solid; color:#FFF; margin-right:3px;}

.btn_page .btn_pageR {  line-height:45px; height:45px; background-color:#ffffff; border:#ccc 1px solid; color:#666; font-size:.8em;cursor:pointer;}
.btn_page .btn_pageR.pageRbg { width:45px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mrights.png) no-repeat;  background-size:10px ;background-position: center; }




/* 이벤트용  페이지 */
.page_no {clear:both; height:30px; width:100%; margin:0 auto; text-align:center;  margin-bottom:10px;  margin-top:10px;}
.page_no li {list-style:none; display:inline-block;cursor:pointer; }
.page_no .page_txt {width:80px;height:25px; line-height:25px; font-size:1em; vertical-align:top; margin:0 auto; text-align:center;}

.page_no .btn_bg {width:25px;height:25px; line-height:25px;border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdcdcd));
	background: -moz-linear-gradient(top,  #ffffff,  #cdcdcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.page_no .btn_bg img { margin-top:3px;}



/* 충전소*/
.charge_bx { clear:both;  width:95%; margin:0 auto; background-color:#ffffff; border:#cccccc 1px solid; padding:7px 10px 5px 0px; margin-top:7px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
.charge_bx.on {border:#e63740 2px solid;}
.charge_bx .charge_bx_s {  width:100%;  margin:0 auto; text-align:center; position:relative; display:inline-block;}

.charge_bx_s .chb_L { width:42%; min-width:120px; float:left;  text-align:left; position:absolute; top:2px; left:5px;} 
.charge_bx_s .chb_L li { list-style:none; letter-spacing:-1px; }
.charge_bx_s .chb_L .icon_ra { width:30px;  margin:0 auto;  float:left;  text-align:center; margin-left:5px; margin-right:5px;  }
.charge_bx_s .chb_L .txt_00 {  font-size:.9em; color:#666;}
.charge_bx_s .chb_L .txt_01 {   text-decoration:line-through;  font-size:.9em; color:#666;}
.charge_bx_s .chb_L .txt_02 {  color:#333; letter-spacing:-1px; padding-top:3px;  }
.charge_bx_s .chb_L .icon_msg { display:inline-block; position:absolute; left:40px; margin-top:6px; padding:0 8px; width:82px; box-sizing:border-box; font-size:.8em; text-align:center; color:#6f1401; background:#fee1d1; border:1px solid #6f1401; border-radius:50px; }

.charge_bx_s .chb_R { width:58%; display:inline-block; position:relative ; text-align:right; float:right;  } 
.charge_bx_s .chb_R li { list-style:none; }
.charge_bx_s .chb_R .txt_a {color:#666;  text-align:right;  /*line-height:30px;*/ line-height:24px; letter-spacing:-.8px;}
.charge_bx_s .chb_R .txt_b {font-size:1em;   line-height:20px; color:#333;  text-align:right; letter-spacing:-.5px;}
.charge_bx_s .chb_R .txt_c {font-size:1em; line-height:19px;  text-align:right; letter-spacing:-.5px;}
.btn_chargebuy {clear:both;  width:95%; height:50px; line-height:50px; margin:0 auto; margin-top:20px; cursor:pointer; text-align:center; font-size:1.3em;  background-color:#495057; color:#fff; border:#cccccc 1px solid; font-weight:bold; border-radius:7px; 
-webkit-border-radius:7px; -moz-border-radius:7px;}

.charge_bx_s .chb_R2 { clear:both; width:100%;  display:inline-block; position:relative ; text-align:right; }
.charge_bx_s .chb_R2 li { list-style:none; }
.charge_bx_s .chb_R2 .txt_b { float:right; font-size:1.1em;  line-height:20px; color:#333;  text-align:right; letter-spacing:-.5px; }
.charge_bx_s .chb_R2 .txt_c { clear:both; float:right; font-size:.9em; line-height:20px; text-align:right; letter-spacing:-.5px; }


/* 결제버튼 팝업 */
.layer_chargebtn {clear:both; width:90%;  margin:0 auto;  text-align:center;margin-top:10%; background-color:#ffffff; padding-bottom:10px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
.layer_chargebtn  li { list-style:none}
.layer_chargebtn .tit{line-height:20px; padding:10px; 0px;background-color:#8bc23f;  text-align:left; position:relative; color:#fff; font-size:1.3em ; padding-bottom:10px ; 
-webkit-border-radius:10px 10px  0px 0px;-moz-border-radius:10px 10px  0px 0px; border-radius::10px 10px  0px 0px; }
.layer_chargebtn .btn_close { width:30px; height:30px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png)no-repeat; text-align:center; background-size:90%;background-position:center;  position:absolute; top:5px; right:10px; z-index:1000 ; display:block;  cursor:pointer; -webkit-border-radius:2em;-moz-border-radius:2em; border-radius:2em;}

.layer_chargebtn .charge_ctn {clear:both; width:90%; margin:0 auto; padding-top:15px; padding-bottom:15px;}
.layer_chargebtn .charge_ctn  li { list-style:none;  line-height:25px; text-align:left; border-bottom:#cccccc 1px dotted}

.layer_chargebtn  .charge_btn {clear:both; width:90%; height:350px; margin:0 auto; background-color:#ffffff; padding-bottom:40px;margin-left:20px;}
.layer_chargebtn  .charge_btn ul {width:100%; }
.layer_chargebtn  .charge_btn li {width:45%;   list-style:none;   line-height:30px; height:30px; display:block;  margin:5px;  text-align:center; position:relative; background-color:#495057; color:#ffffff }
.layer_chargebtn  .charge_btn li:hover {width:45%;   list-style:none; display:block;  line-height:30px; height:30px;  margin:5px;   text-align:center;position:relative; background-color:#73b11c; color:#ffffff }


/* 결제버튼 포인트1 */
.layer_chargebtn  .charge_btn .ch_evt { padding:5px 3px 5px 3px; color:#ffffff;background-color:#e63740; font-size:.8em; -webkit-border-radius: 0em 0em 5em 5em  ; -moz-border-radius:0em 0em 5em 5em; border-radius:0em 0em 5em 5em;  position:absolute; top:0px; left:0px; z-index:1000 ; }
.layer_chargebtn  .charge_btn .ch_evt_info {clear:both; width:90%; line-height:23px; margin:0 auto;  text-align:center;background-color:#ffffff;font-size:0.9em ;color:#ffffff;text-align:left; margin-top:10px;}
.layer_chargebtn  .charge_btn .ch_evt_info .ch_evt_tit { padding:2px 4px;line-height:23px; color:#ffffff;background-color:#e63740; font-size:.8em; -webkit-border-radius: 5em  ; -moz-border-radius: 5em; border-radius: 5em;  }

/* 결제버튼 포인트2 */
.layer_chargebtn  .charge_btn .ch_evt2 { line-height:15px;padding:4px  3px; color:#ffffff;background-color:#e63740; font-size:.7em; -webkit-border-radius: 0em 0em 5em 5em  ; -moz-border-radius:0em 0em 5em 5em; border-radius:0em 0em 5em 5em;  position:absolute; top:0px; left:0px; z-index:1000 ; }
.layer_chargebtn  .charge_btn100  {clear:both; width:90%; margin:0 auto;  text-align:center;background-color:#ffffff;}
.layer_chargebtn  .charge_btn100 ul {width:100%;}
.layer_chargebtn  .charge_btn100 li {width:100%;   list-style:none; display:inline-block; padding:10px 10px; margin:5px;position:relative; background-color:#495057; color:#ffffff }
.layer_chargebtn  .charge_btn100 li:hover {width:100%;   list-style:none; display:inline-block; padding:10px 10px;  margin:5px;position:relative; background-color:#73b11c; color:#ffffff }
.layer_chargebtn  .fl_left {float:left;}


/*정액제 */
.flat_wrap { width:100%;margin:0 auto;}

.flat_s { clear:both; width:100%; margin:0 auto; margin-bottom:20px; }
.flat_s .flat_bx { width:90%; height:auto; margin:0 auto; background:#FFF; padding-bottom:10px;-webkit-border-radius: 1em 1em 0em 0em; -moz-border-radius:1em 1em 0em 0em;border-radius:1em 1em 0em 0em; position:relative; padding-top:15px;   }
.flat_s .flat_bx .icon_flat { width:100px; height:25px; position:absolute; top:20px; right:10px;}
.flat_s .flat_bx .icon_flat li { list-style:none}
.flat_s .flat_bx .icon_flat .icon_red { line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold;  background:#f0382b;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }
.flat_s .flat_bx .icon_flat .icon_mint{ line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold; background:#17949d;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }
.flat_s .flat_bx .icon_flat .icon_purple { line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold; background:#a95cc6;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }
.flat_s .flat_bx .icon_flat .icon_green{ line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold;  background:#6b9c43;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }


.flat_bx ul { width:90%; margin:0 auto;}
.flat_bx li { list-style:none; }
.flat_bx .tit_le_red { width:100%; height:40px; line-height:40px; font-size:2em; color:#F30; margin-bottom:10px;}
.flat_bx .tit_le_mint { width:100%; height:40px; line-height:40px; font-size:2em; color:#17949d; margin-bottom:10px;}
.flat_bx .tit_le_purple { width:100%; height:40px; line-height:40px; font-size:2em; color:#a95cc6; margin-bottom:10px;}
.flat_bx .tit_le_green { width:100%; height:40px; line-height:40px; font-size:2em; color:#6b9c43; margin-bottom:10px;}



.flat_bx .tit_le2 { width:100%; font-size:.8em; color:#666}
.flat_bx .tit_le2 p { height:15px; line-height:15px; }

.flat_bx .flat_point{ position:absolute; top:60px; right:20px;  text-align:right}
.flat_bx .flat_point .price1 {height:20px; line-height:20px; font-size:1em; color:#999999; text-align:right; text-decoration:line-through;} 
.flat_bx .flat_point .price2 {height:30px; line-height:30px; text-align:right; color:#000000; letter-spacing:-2px;} 

.flat_s .btn_flat_R {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#f84639; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }
.flat_s .btn_flat_M {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#17949d; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }
.flat_s .btn_flat_P {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#a95cc6; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }
.flat_s .btn_flat_G {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#6b9c43; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }

.flat_s .flat_bx .flat_tb { width:100%; margin:0 auto; margin-top:20px;border-top:#17949d 1px solid}
.flat_s .flat_bx .flat_tb td {height:35px; line-height:35px;vertical-align:middle; border-bottom:#CCCCCC 1px dotted; color:#666; padding-top:5px;}


/* 충전레이어 2023 */
.popup_pay { max-width:500px; width:95%; height:auto; margin:0 auto; background-color:#fff; padding:0; text-align:center; position: relative; margin-top:10%;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;  }
.popup_pay .pay_top {width: 100%;  height: 40px; line-height: 40px; background-color: #81a513; text-align: left; box-sizing: border-box; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; 
border-radius:5px 5px 0px 0px;  }
.popup_pay .pay_top h1 { padding-left: 10px; font-size: 1.3em; color:#fff; font-weight:500; text-shadow:#7a9b17 1px 1px 0px 0px; letter-spacing:-1px; display: inline; }
.popup_pay .pay_top .btn_close { width:30px; height:30px; background:url('//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png') center center no-repeat;  background-size:22px 22px;cursor:pointer; position: absolute; top: 5px; right:10px;}

.popup_pay .pay_inner { padding: 10px 10px 20px 10px; text-align: left; position: relative; }
.popup_pay .pay_inner .icon_hit { width: 85px; height: 83px; text-align:center; background:url('//ximage.sharebox.co.kr/mobile/popup/ic_chcon.png') center center no-repeat; position: absolute; top: -3px; right:60px;}
.popup_pay .pay_inner .icon_hit p{ display: block; line-height:0px; padding-top:10px;  font-style: 14px; color: #fff;font-family: 'Noto Sans KR'; letter-spacing: -1px;}
.popup_pay .pay_inner .icon_hit p .txtB{ font-size: 1em; font-weight: bold; color: #fff;}

.popup_pay .pay_info { display: block; padding-bottom:5px;  border-bottom: 1px solid #e4e4e4;  }
.popup_pay .pay_info .pay_L{ width:100%;  display: inline-block; }
.popup_pay .pay_info dl{ clear:both;  text-align: left;  }
.popup_pay .pay_info dl dt{ padding-right:10px;  line-height:35px;  font-size: 1em; color: #5a6046; display: inline-block;vertical-align: middle;  letter-spacing: -1px;   }
.popup_pay .pay_info dl dt span{ opacity: 0;line-height:35px;  }

.popup_pay .pay_info dl dd{  display: inline-block; font-family: Verdana, Geneva, Tahoma, sans-serif;}
.popup_pay .pay_info dl dd.txt1{  line-height:35px; font-size: 1.3em;}
.popup_pay .pay_info dl dd.txt1 span{ line-height:35px; font-size: 1.3em; font-weight: 500 ; letter-spacing: -1px;}
.popup_pay .pay_info dl dd.txt1 .txt1s { font-size: .8em; font-weight: 400 ; letter-spacing: -2px; color: #5d5d5d;}

.popup_pay .pay_info dl dd.txt2{ line-height:28px; font-size:1.2em;  }
.popup_pay .pay_info dl dd.txt2 span{line-height:28px;font-size:1.2em; font-weight: 500 ; letter-spacing: -2px;}

.popup_pay .pay_info dl dd.txt3{line-height:23px; font-size: 1em;}
.popup_pay .pay_info dl dd.txt3.pad_L{padding-left:55px}

.popup_pay .pay_info dl dd.txt3 span{line-height:23px; font-size: 1em; font-weight:500 ; letter-spacing:-1px;}

.popup_pay .pay_info .font_p { color:#000000}
.popup_pay .pay_info .font_b { color:#25a731}
.popup_pay .pay_info .font_bp { color:#ff2430}
.popup_pay .pay_info .font_m{ color:#df792e}

@media all and (max-width:400px){
.popup_pay .pay_info dl dt{ padding-right:10px;  line-height:23px;   font-size: 1em; color: #5a6046;display: inline-block;vertical-align: middle;  letter-spacing: -1px; font-weight: 400 ;  }
.popup_pay .pay_info dl dt span{ opacity: 0;line-height:23px;  }
.popup_pay .pay_info dl dd{display: inline-block; font-family: Verdana, Geneva, Tahoma, sans-serif;}
.popup_pay .pay_info dl dd.txt1{  line-height:23px; font-size: 1.2em;}
.popup_pay .pay_info dl dd.txt1 span{ line-height:23px; font-size: 1.2em; font-weight: bold ; letter-spacing: -1px;}
.popup_pay .pay_info dl dd.txt1 .txt1s { font-size: .8em; font-weight: 400 ; letter-spacing: -2px; color: #5d5d5d;}

.popup_pay .pay_info dl dd.txt2{ line-height:28px; font-size:1.1em;  }
.popup_pay .pay_info dl dd.txt2 span{line-height:28px; font-size:1.1em;  font-weight: bold ; letter-spacing: -1px;}
.popup_pay .pay_info dl dd.txt3{line-height:20px; font-size:1em;}
.popup_pay .pay_info dl dd.txt3 span{line-height:20px; font-size:1em; font-weight:500 ; letter-spacing:-1px;}

.popup_pay .pay_selet .pay_box2 { text-align: left;   background-color: #e7f4fb; padding:7px 10px; border: 1px solid #8bb2d3;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; position: relative; cursor: pointer; } 
.popup_pay .pay_selet .pay_box2 .tit{ line-height:30px;  font-size: 1em;  font-weight:500; color: #153765; letter-spacing: -1px;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }
.popup_pay .pay_selet .pay_box2  span{   font-weight:500;}

}
.popup_pay .pay_selet { margin-top: 5px;}
.popup_pay .pay_selet .pay_box { text-align: left;   background-color: #f7f8f4; padding:3px 10px; border: 1px solid #d2d5ca;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; position: relative; cursor: pointer; } 
.popup_pay .pay_selet .pay_box .tit{ line-height:30px; font-size: 1.2em; font-weight:500; color: #505050; letter-spacing: -1px;font-family: 'Noto Sans KR';}
.popup_pay .pay_selet .pay_box:hover { background-color: #4c5c4c; border: 1px solid #4c5c4c; } 
.popup_pay .pay_selet .pay_box:hover .tit{  font-weight:500;  color: #fff; }
.popup_pay .pay_selet .pay_box.on  { background-color: #4c5c4c; border: 1px solid #4c5c4c; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;     border-radius: 5px 5px 0px 0px; position: relative;  } 
.popup_pay .pay_selet .pay_box.on .tit{ font-weight:500; color: #fff;}
.popup_pay .pay_selet .pay_box .payold{ position: absolute; top:10px; right:10px; padding:3px 10px; border: 1px solid #e2e2e2; background-color: #fff; color: #666;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.popup_pay .pay_selet .pay_box:hover .payold{ position: absolute; top:10px; right:10px; padding:3px 10px; border: 1px solid #bcfa04; background-color: #bcfa04; color: #000;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.popup_pay .pay_selet .pay_box2 { text-align: left;   background-color: #e7f4fb; padding:7px 10px; border: 1px solid #8bb2d3;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; position: relative; cursor: pointer; } 
.popup_pay .pay_selet .pay_box2 .tit{ line-height:30px;   font-size: 1.2em; font-weight:500; color: #153765; letter-spacing: -1px;font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }
.popup_pay .pay_selet .pay_box2  span{   font-weight:500;}
.popup_pay .pay_selet .pay_box2:hover { background-color: #e7f4fb; border: 1px solid #8bb2d3; } 
.popup_pay .pay_selet .pay_box2:hover .tit{  font-weight:500;  color: #153765; }
.popup_pay .pay_selet .pay_box2.on  { background-color: #e7f4fb; border: 1px solid #8bb2d3; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;     border-radius: 5px 5px 0px 0px; position: relative;  } 
.popup_pay .pay_selet .pay_box2.on .tit{ font-weight:500; color: #153765;}
.popup_pay .pay_selet .pay_box2 .payold{ position: absolute; top:10px; right:10px; padding:3px 10px; border: 1px solid #2869a0; background-color: #0d76c6; color: #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.popup_pay .pay_selet .pay_box2:hover .payold{ position: absolute; top:10px; right:10px; padding:3px 10px; border: 1px solid #2869a0; background-color: #0d76c6; color: #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.popup_pay .pay_selet .pay_list { text-align: left; height:auto; background-color: #f7f8f4; padding: 5px; border: 1px solid #d2d5ca;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; 
border-radius:0px 0px 5px 5px; position: relative;  } 
.popup_pay .pay_selet .pay_list ul { padding: 0; margin: 0; display: flex;    flex-wrap: wrap;}
.popup_pay .pay_selet .pay_list ul li {width: calc((100% - 2rem) / 2);   height:35px; line-height:35px;  margin:3px 5px;  padding: 0px; display: inline-block; color: #000; font-weight:500; text-align: center; cursor: pointer;
    background-color: #fff;border: 1px solid #d2d5ca; font-size: 1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: relative;}
.popup_pay .pay_selet .pay_list ul li:hover {background-color: #363636; border: 1px solid #363636; color: #b3ff00; font-weight:bold;   }
.popup_pay .pay_selet .pay_list ul li span { font-weight: 100; }
.popup_pay .pay_selet .pay_list ul li .ic_new { width:38px; height:35px; position:absolute; top:-2px; left: -1px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_view_ticon.png) no-repeat;} 
.popup_pay .pay_selet .pay_list ul li .ic_x2 { width:26px; height:39px; position:absolute; top:-2px; left: -1px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_view_x2.png) no-repeat;} 

.popup_pay .pay_selet .pay_list_ic { text-align: left; height:auto; background-color: #f7f8f4; padding: 10px; border: 1px solid #d2d5ca;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; 
border-radius:0px 0px 5px 5px; position: relative; cursor: pointer; } 

.popup_pay .pay_selet .pay_list_ic ul { padding: 0; margin: 0; display: flex;  flex-wrap: wrap;}
.popup_pay .pay_selet .pay_list_ic li {  width: calc((100% - 2rem) / 2);  height:35px; line-height:35px; margin:5px 5px; display: inline-block; color: #000;  font-weight: 600; text-align: center; 
    background-color: #fff;border: 1px solid #d2d5ca;font-family: 'Noto Sans KR';white-space:nowrap; position: relative}
.popup_pay .pay_selet .pay_list_ic li:hover {background-color: #46484b; color: #fff; border: 1px solid #5e5e5f;white-space:nowrap;}

.popup_pay .pay_selet .pay_list_ic ul li .ic_new { width:38px; height:35px; position:absolute; top:-2px; left: -2px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_view_ticon.png) no-repeat;} 
.popup_pay .pay_selet .pay_list_ic ul li .ic_x2 { width:26px; height:39px; position:absolute; top:-2px; left: -2px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_view_x2.png) no-repeat;} 

.popup_pay .pay_selet .pay_list_ic .btn_bg {  height: 40px; line-height: 40px; }
.popup_pay .pay_selet .pay_list_ic .btn_bg span{ display: none;}
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_kakao { height: 40px;background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_kakao.svg) #fff  center center no-repeat;background-size:7.5em}
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_kakao:hover { background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_kakao.svg) #ffeb00  center center no-repeat;background-size:7.5em ;border: 1px solid #edd00f; }
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_sampay  {height: 40px;background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_sampay.svg) #fff  center center no-repeat;background-size:7.5em }
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_sampay:hover {background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_sampay_w.svg) #1E4BC6  center center no-repeat;background-size:7.5em;border: 1px solid #1E4BC6;  }
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_toss  {height: 40px;background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_toss.svg) #fff  center center no-repeat; background-size:10em}
.popup_pay .pay_selet .pay_list_ic .btn_bg.btn_toss:hover  {height: 40px;background-position: center center; background: url(//ximage.sharebox.co.kr/mobile/popup/pay_btn_toss_w.svg) #0064FF  center center no-repeat;background-size:10em; border: 1px solid #0064FF;     }

.popup_pay .pay_selet .pay_list_ic .btn_bgno { height:40px; line-height:40px;}
.popup_pay .pay_selet .pay_list_ic .btn_bgno.btn_txt  {height:40px; line-height:40px;background-color: #fff;}
.popup_pay .pay_selet .pay_list_ic .btn_bgno.btn_txt:hover  {height:40px; line-height:40px;background-color: #000;border: 1px solid #5e5e5f;}
.hidden {  display: none !important;}
.mar_top15 { margin-top:15px}
.mar_top10 { margin-top:10px}
/* 라디오  MID 박스 */
.popup_pay .radio-pay { width: 32px; height: 32px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_stoff.png) no-repeat; background-size:30px 30px; overflow:hidden; float: left; margin-right:3px;}
.popup_pay .radio-pay label { float:left; width:30px; height:30px; vertical-align:middle;overflow:hidden; scroll:none;cursor:pointer;   }
.popup_pay .radio-pay label span { text-align:center;  height:30px; display:block;}
.popup_pay .radio-pay label input {position:absolute; top:-30px;display:none;}
.popup_pay .radio-pay input:checked + span {background:url(//ximage.sharebox.co.kr/mobile/popup/icon_ston.png) no-repeat;  background-size:30px 30px; color:#333; }






/* 내정보 회원탈퇴 */
.info_wrap { clear:both; margin:10px; }
.info_wrap .libox { display:inline-block; margin-bottom:20px; padding:10px; background:#fff; }
.info_wrap .libox li { list-style:none; float:left; display:inline-block; font-size:0.9em; line-height:18px; }
table.myinfo { width:100%; }
table.myinfo td.tbtit { width:40%; background:#f8f9f8; }
table.myinfo td { line-height:24px; padding:5px; font-size:.8em; background:#fff; border-bottom:1px solid #e2e2e2; }
table.myinfo td input.tbinput { width:100%; padding:5px; }

.info_wrap .toptit { margin-bottom:10px; }
.info_wrap .toptit h2 { font-size:1em; color:#67ab09; margin-bottom:10px; font-weight:bold; }
.info_wrap .toptit p { font-size:0.9em; }
table.leavechk { width:100%; margin-bottom:10px; }
table.leavechk td { padding:10px; font-size:.9em; background:#fff; border-bottom:1px dotted #e2e2e2; }
table.leavechk td .leavechk_lb { margin:0 auto; font-size:.95em; }
table.leavechk td input { margin:0 auto; margin-right:5px; vertical-align:middle; }
table.leavechk td textarea { display:block; width:100%; height:60px; margin:10px 0 5px; padding:5px; border:1px solid #d2d2d2; border-radius:3px; font-size:.9em; color:#666; box-sizing:border-box; }
table.leave_pw { width:100%; }
table.leave_pw td.tbtit { width:40%; background:#f8f9f8; }
table.leave_pw td { line-height:24px; padding:5px; font-size:.8em; background:#fff; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
table.leave_pw td input.tbinput { width:100%; padding:5px; }

/* 회원탈퇴 레이어 */
.pop_leave_layer { width:100%; margin:0 auto; display:relative; } 
.pop_leave { width:90%; margin:0  auto; position:absolute; top:80px; left:5%; }
.pop_leave .pop_leave_img { width:100%; margin:0 auto; text-align:center; }
.pop_leave .pop_leave_img .leave_btn_x { width:15%; height:15%; cursor:pointer; position:absolute; top:0; right:0; }
.pop_leave .pop_leave_img .leave_btn { width:100%; }
.pop_leave .pop_leave_img .leave_btn li { float:left; display:inline-block; width:50%; cursor:pointer; }
.pop_leave .pop_leave_img .leave_btn li span { display:none; }

/* 다운전용앱 업데이트 레이어*/
.pop_appup_layer {clear:both; width:100%; height:100%;min-height:1500px; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.4); }
.pop_appup_layer .pop_appup { width:100%; margin:0 auto; margin-top:20%; text-align:center;  position:relative; }
.pop_appup .appup_img { width:95%; margin:0 auto;  text-align:center; position:relative; cursor:pointer; }
.pop_appup .appup_img .appup_close { width:50px; height:50px; position:absolute; top:0px; right:20px; cursor:pointer; }

/*약관*/
.use_form {clear:both;width:95%;  margin:0 auto; background-color:#fff;  border:#ccc 1px  solid; margin-bottom:20px;}
.use_box {width:95%;  margin:0 auto; background-color:#fff; border:#fff 1px  solid; padding-top:10px;padding-bottom:10px;}
.use_tb {clear:both;padding:20px;margin:0 auto;height:auto;font-size:.8em ;text-align:left;  background-color:#fff; }


.use_tb table { width:100%; margin:0 auto; background-color:#fff; }
.use_tb .tb2 {  width:100%; margin:0 auto; font-size:11px; color:#333333;border:#CCCCCC 1px solid; background-color:#f9f9f9; margin-bottom:20px;}
.use_tb .tb2  td { line-height:20px; vertical-align:middle;border-bottom:#CCCCCC 1px solid;}
.use_tb .tb2  .td_R {border-right:#CCCCCC 1px solid;}


.pop_noti2003_layer {clear:both; width:100%; height:100%;min-height:1500px; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.4); }
.pop_noti2003_layer .noti2003 { width:100%; margin:0 auto; margin-top:20%; text-align:center;  position:relative; }




/*쉐어박스 ID통합이벤트   */
.popup_unity2020_layer {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.6); }
.popup_unity2020_layer  .popup_unity2020 { width:90%; min-width:320px; max-width:500px; height:auto; margin:0 auto; text-align:center; background-color:#8bc23f; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin-top:20%; position:relative;   }
.popup_unity2020_layer  .popup_unity2020  .unity_top { width:100%; min-height:80px; margin:0 auto;     background-color:#8bc23f;-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;   position:relative}
.popup_unity2020_layer  .popup_unity2020  .unity_top .unity_top_s { width:100%;   margin:0 auto; text-align:center;   display:block; position:relative; top:30px;}
.popup_unity2020_layer  .popup_unity2020  .unity_top .unity_top_s .site_ic { clear:both;width:100%; height:30px; background:url(//ximage.sharebox.co.kr/mobile/popup/ic_plus.png) no-repeat;  background-size:30px 30px;background-position:center center; position:absolute; top:20%; }
.popup_unity2020_layer  .popup_unity2020  .unity_top .unity_top_s li {  list-style:none; display:inline-block;margin:5px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.popup_unity2020_layer  .popup_unity2020  .unity_top .unity_top_s .site_L {  min-width:100px; background-color:#2a67cf; padding:6px 7px; text-align:center; font-size:1em; font-weight:bold; color:#FFF;-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  display:inline-block;} 
.popup_unity2020_layer  .popup_unity2020  .unity_top .unity_top_s .site_R{   min-width:100px; background-color:#333334; padding:6px 7px; text-align:center; font-size:1em; font-weight:bold; color:#FFF;-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; display:inline-block; } 
.popup_unity2020_layer  .popup_unity2020  .unity2020_img {width:100%;   height:auto;}

.popup_unity2020_layer  .popup_unity2020  .unity2020_btn { clear:both;width:100%; height:40px; line-height:40px; margin:0 auto; text-align:center;  background-color:#f9f9f9; 
-webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;  position:relative;bottom:0px}
.popup_unity2020_layer  .popup_unity2020  .unity2020_btn ul { width:100%;padding:0; display:table}
.popup_unity2020_layer  .popup_unity2020  .unity2020_btn li { width:49.8%; list-style:none; display:table-cell;  text-align:center; color:#000; cursor:pointer;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size:.9em}
.popup_unity2020_layer  .popup_unity2020  .unity2020_btn li:hover { color:#6F6}
.popup_unity2020_layer  .popup_unity2020  .unity2020_btn li:first-child  { border-right:1px #ccc solid }


/*### 202102 새해 특가 레이어 ###*/
.popup_new2021_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
.popup_new2021 { width:80%; margin:0 auto; margin-top:7%; text-align:center; position:relative; }
.popup_new2021 img { width:100%; margin:0; padding:0; display:block; }
.popup_new2021 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:10%; } 
.popup_new2021 .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:0px; right:0px; z-index:100; cursor:pointer; }


/*### 202012 연말 특가 레이어 ###*/
.popup_xmas2020_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
.popup_xmas2020 { width:80%; margin:0 auto; margin-top:7%; text-align:center; position:relative; }
.popup_xmas2020 img { width:100%; margin:0; padding:0; display:block; }
.popup_xmas2020 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:10%; } 
.popup_xmas2020 .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:0px; right:0px; z-index:100; cursor:pointer; }


/*### 2023 2월 파격정액권 ###*/
.popup_flat30_layer   {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.5); }
.popup_flat30 { width:80%; margin:0 auto; margin-top:20%; text-align:center; position:relative; }
.popup_flat30 img { width:100%; margin:0; padding:0; display:block; }
.popup_flat30 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:10%;} 
.popup_flat30 .btn_x {  width:50px; height:50px;  padding:3px;margin:0 auto; position:absolute; top:0px; left:45%; z-index:10001; cursor:pointer;  background:rgba(0,0,0,0.5); border:1px #000 solid;
background-size:30px ;-webkit-border-radius:50px; -moz-border-radius: 50px; border-radius:50px;  }


/*### 2305 가정의 달 충전소###*/
.popup_flat31_layer   {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.5); }
.popup_flat31 { width:80%; margin:0 auto; margin-top:20%; text-align:center; position:relative; }
.popup_flat31 img { width:100%; margin:0; padding:0; display:block; }
.popup_flat31 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:10%;} 
.popup_flat31 .btn_x { width: 46px;   height: 46px; padding: 3px;  margin: 0 auto; position: absolute; top: 11%;left: 85%;z-index: 10001;cursor: pointer;background: rgb(0 0 0 / 79%);border: 1px #000 solid;background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }


/*### 2312 연말뽑기 이벤트###*/
.popup_draw2312_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_draw2312 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_draw2312 img { width:100%; margin:0; padding:0; display:block; }
.popup_draw2312 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute; top: 11%; left: 80%; z-index: 10001;cursor: pointer;background: rgb(0 0 0 / 53%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_draw2312 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_draw2312 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute;     bottom: 16%;z-index:100;} 

/*### 2023  지파일 통합자 2000p ###*/
.popup_unity231219_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_unity231219 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_unity231219 img { width:100%; margin:0; padding:0; display:block; }
.popup_unity231219 .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_unity231219 .btn_x img { width:40px; margin:0 auto; position:absolute; top:0px; right:0px; z-index:100; cursor:pointer; }

.popup_unity231219 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:0%; z-index:100;} 
 


/*### 202102 새해 특가 레이어 ###*/
.popup_new2021_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
.popup_new2021 { width:80%; margin:0 auto; margin-top:7%; text-align:center; position:relative; }
.popup_new2021 img { width:100%; margin:0; padding:0; display:block; }
.popup_new2021 .btn_go { width:100%; height:20%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:10%;} 
.popup_new2021 .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:0px; right:0px; z-index:100; cursor:pointer; }




/*### 2024  타임어택 3000 정액권 ###*/
.popup_timeflat30_layer  {clear:both; width:100%; height:100%;  margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7);}
.popup_timeflat30 {width:100%;  margin:0 auto; text-align:center;   position:relative; top:100px; z-index:9999;  }
.popup_timeflat30 img {width:90%;  }

.popup_timeflat30 .btn_go { width:100%; height:25%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:0%;} 
.popup_timeflat30 .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:-25px; right:0px; z-index:100; cursor:pointer; }
.popup_timeflat30 .btn_x img {width:50px;  }


/*### 2024  타임어택 5000 더블적립 ###*/
.popup_time5000p_layer  {clear:both; width:100%; height:100%;  margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7);}
.popup_time5000p {width:100%;  margin:0 auto; text-align:center;   position:relative; top:100px; z-index:9999;  }
.popup_time5000p img {width:90%;  }
.popup_time5000p .btn_go { width:100%; height:25%; text-align:center; margin:0 auto; cursor:pointer; position:absolute; bottom:0%; } 
.popup_time5000p .btn_x { width:100%; height:10%; margin:0 auto; position:absolute; top:-25px; right:0px; z-index:100; cursor:pointer; }
.popup_time5000p .btn_x img {width:50px;  }

/*### 2024  특가 충전소 ###*/
.popup_charge2404_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_charge2404 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_charge2404 img { width:100%; margin:0; padding:0; display:block; }
.popup_charge2404 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute; top: 11%; left: 80%; z-index: 10001;cursor: pointer;background: rgb(225 225 225 / 53%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_charge2404 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_charge2404 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 


/*### 2024  특가 충전소 ###*/
.popup_charge2408_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_charge2408 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_charge2408 img { width:100%; margin:0; padding:0; display:block; }
.popup_charge2408 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute; top: 5%; left: 45%; z-index: 10001;cursor: pointer; background: rgb(225 225 225 / 23%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_charge2408 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_charge2408 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 


/*### 2024  추석이벤트 ###*/
.popup_chu2409_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_chu2409 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_chu2409 img { width:100%; margin:0; padding:0; display:block; }
.popup_chu2409 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute;  top: 7%;  left: 75%; z-index: 10001;cursor: pointer; background: rgb(225 225 225 / 23%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_chu2409 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_chu2409 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 


/*### 2025  설이벤트 ###*/

.popup_sul2501_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_sul2501 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_sul2501 img { width:100%; margin:0; padding:0; display:block; }
.popup_sul2501 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute;  top: 7%;  left: 75%; z-index: 10001;cursor: pointer; background: rgb(225 225 225 / 23%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_sul2501 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_sul2501 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 


/*### 2024  특가 충전소 ###*/
.popup_charge2412_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_charge2412 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_charge2412 img { width:100%; margin:0; padding:0; display:block; }
.popup_charge2412 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto;  position: absolute;  top: 00%;  left: 50%;  transform: translate(-50%, -50%); z-index: 10001;cursor: pointer; 
background: rgb(225 225 225 / 23%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.popup_charge2412 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_charge2412 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 




/*### 202507  특가 충전소 ###*/
.popup_charge2507_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_charge2507 { width:80%; margin:0 auto; margin-top:15%; text-align:center; position:relative; }
.popup_charge2507 img { width:100%; margin:0; padding:0; display:block; }
.popup_charge2507 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto;  position: absolute;  top: 00%;  left: 50%;  transform: translate(-50%, -50%); z-index: 10001;cursor: pointer; 
background: rgb(225 225 225 / 23%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

.popup_charge2507 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_charge2507 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 




/*### 2024 bj 후원vip###*/
.popup_bjevt2024_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.7); }
.popup_bjevt2024 { width:85%; margin:0 auto; margin-top:25%; text-align:center; position:relative; }
.popup_bjevt2024 img { width:100%; margin:0; padding:0; display:block; }
.popup_bjevt2024 .btn_x { width: 46px; height: 46px; padding: 3px; margin: 0 auto; position: absolute; top: 11%; left: 80%; z-index: 10001;cursor: pointer;background: rgb(225 225 225 / 53%); background-size: 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.popup_bjevt2024 .btn_x img { width:40px; margin:0 auto; top:0px; right:0px; z-index:100; cursor:pointer; }
.popup_bjevt2024 .btn_go { width: 68%;height: 14%;text-align: center;margin: 0 auto;cursor: pointer;position: absolute;bottom: 12%;z-index: 100;left: 16%;} 




/*### 정액제 해지 팝업 ###*/

.layer_cancel {clear:both; width:90%; margin:0 auto;  text-align:center;margin-top:10%; background-color:#ffffff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; z-index:9999 ;}
.layer_cancel  li { list-style:none}
.layer_cancel .tit{ padding:15px; background-color:#5e89cd;  text-align:left; position:relative; color:#fff; font-size:1.3em ;
-webkit-border-radius:10px 10px  0px 0px;-moz-border-radius:10px 10px  0px 0px; border-radius::10px 10px  0px 0px; }
.layer_cancel .tit_bot{clear:both; width:100%;  height:50px; line-height:50px; background-color:#ff363b;  text-align:center; position:relative; color:#fff; font-size:1.3em ;  -webkit-border-radius: 0px 0px 10px 10px ;-moz-border-radius:0px 0px 10px 10px ; border-radius::0px 0px 10px 10px; }
.layer_cancel .btn_close { width:30px; height:30px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png)no-repeat; text-align:center; background-size:90%;background-position:center;  position:absolute; top:6px; right:10px; z-index:1000 ; display:block;  cursor:pointer; -webkit-border-radius:2em;-moz-border-radius:2em; border-radius:2em;}
.layer_cancel .csauth_ctn {clear:both; width:90%; margin:0 auto; padding-top:10px; padding-bottom:2px;border-bottom:#cccccc 1px dotted}
.layer_cancel .csauth_ctn  li { list-style:none;  line-height:25px; }

.layer_cancel  .cs_ctn100  { clear:both; width:100%; margin:0 auto;  text-align:center; }
.layer_cancel  .cs_ctn100 > li {width:90%;   list-style:none;  display:inline-block; padding:0px 0px; margin-top:0px;position:relative; cursor:pointer; }
.layer_cancel .cstextarea {clear: both; width: 90%; border: 1px #ccc solid; min-height: 0px;line-height: 15px; padding: 10px;  height: 135px;  margin-bottom: 10px;  }
.layer_cancel .cs_ctn100 select{ border: 1px solid #ccc;width: 90%; color: #3e3e3e; background-color: #fff; margin: 10px auto;  padding: 13px 10px 14px 11px; /*ios대응*/
-webkit-appearance: none;  
-moz-appearance: none; 
appearance: none;
background: url('//ximage.sharebox.co.kr/mobile/icon/issue_arrow_d.png') no-repeat 95% 50% #fff;     background-size: 4vw;}
.layer_cancel .input_report{}

.layer_cancel .cs_ctn100 > ul {    padding-bottom: 5%;
    width: 90%;
    margin: auto;} 
.layer_cancel .cs_ctn100 > ul  li {         margin: 8% auto 0;
    text-align: justify;
    } 
.layer_cancel .cs_ctn100  > ul  li label  {    position: relative;  display: block;}

.layer_cancel .cs_ctn100  > ul  li label  span {  }
.layer_cancel .cs_ctn100  > ul  li label  span.txt {margin-left: 2%; }
.layer_cancel .cs_ctn100 > ul  li  input[type='checkbox'] +  label:before{content:"";display:inline-block;width:1.2em ;height:1.2em ;border:1px solid #20a0ff; border-radius: 4px;vertical-align:middle;}
.layer_cancel .cs_ctn100 > ul  li  input[type="checkbox"] {display: none;}
.layer_cancel .cs_ctn100 > ul  li  input[type='checkbox']:checked +  label:before {     position: relative; border: #20a0ff; background: #20a0ff;text-align: center; color: #fff;}
.layer_cancel .cs_ctn100 > ul  li  input[type='text'] {width: 100%;    margin-top: 2%;background: #fff;border: 1px solid #e9e9e9; padding: 7px;}
.layer_cancel .cs_ctn100 > label  .control_indicator {     display: inline;}
.layer_cancel .cs_ctn100 > ul  li  input[type='checkbox']:checked +  label > .control_indicator:after {        z-index: 20;  left: 8px;display: inline-block;  content: ""; top: 3px; width: 5px;height: 12px; border: solid #fff;  border-width: 0 2px 2px 0;transform: rotate(45deg); position: absolute;}




/*파일함 판매자 이관레이어   */
.popup_seller20_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.6); }
.popup_seller20_layer .popup_seller20 { width:90%; min-width:320px; max-width:500px;  height:auto; margin:0 auto; text-align:center; background-color:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding-top:30px; margin-top:50px; position:relative  }
.popup_seller20_layer .popup_seller20 .sebox { width:100%;margin:0 auto;text-align:center;}
.popup_seller20_layer .popup_seller20 .sebox li { list-style:none; display:block; margin:5px; } 
.popup_seller20_layer .popup_seller20 .sebox .title { line-height:100%; text-align:center;vertical-align:top;  display:block; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.popup_seller20_layer .popup_seller20 .sebox .title .fotB { font-size:1.2em;color:#129a4e; font-weight:bold   }
.popup_seller20_layer .popup_seller20 .sebox .title .fotM { font-size:1.2em;color:#129a4e; font-weight:400;   }
.popup_seller20_layer .popup_seller20 .sebox .title_img  { width:100%; }
.popup_seller20_layer .popup_seller20 .sebox .title_img img  { width:90%; height:100%; }
.popup_seller20_layer .popup_seller20 .btn_sell {width:100%; margin:0 auto; text-align:center; padding-bottom:30px;}
.popup_seller20_layer .popup_seller20 .btn_sell li{ width:45%; max-width:150px; min-width:100px;  list-style:none; display:inline-block; cursor:pointer;   margin:5px; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; } 
.popup_seller20_layer .popup_seller20 .btn_sell span {padding-left:10px;text-align:center;}

.popup_seller20_layer .popup_seller20 .off { height:39px; line-height:39px;  background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dtoff.png) no-repeat;  background-size:100% ; background-position:center; text-align:center;   font-size:.9em; letter-spacing:-1px; color:#FFF }
.popup_seller20_layer .popup_seller20 .off:hover { height:39px;line-height:39px;  background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dton.png) no-repeat;  background-size:100%;  background-position:center; text-align:center;   font-size:.9em; letter-spacing:-1px; color:#FFF }

.popup_seller20_layer .popup_seller20 .on  { height:39px; line-height:39px;  background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dton.png) no-repeat;  background-size:100% ;  background-position:center; text-align:center;  font-size:.9em;  letter-spacing:-1px; color:#FFF }


.popup_seller20_layer .popup_seller20 .btn_seller20 {width:100%; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dtbg.jpg) repeat-x; background-size:100% 100%;background-position:center; position:relative; bottom:0;
-webkit-border-radius:0px 0px 15px 15px; -moz-border-radius:0px 0px 15px 15px;  border-radius:0px 0px 15px 15px;cursor:pointer; }
.popup_seller20_layer .popup_seller20 .btn_seller20 span{ font-size:1.2em; color:#FFF ; letter-spacing:-1px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }


/*파일함 일반회원 축하레이어   */
.popup_hammem_layer  {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.6); }
.popup_hammem_layer .popup_hammem20 { width:90%; min-width:320px; height:auto; margin:0 auto; text-align:center; background-color:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding-top:30px; margin-top:50px; position:relative  }
.popup_hammem_layer .popup_hammem20 .sebox { width:100%;margin:0 auto;text-align:center;}
.popup_hammem_layer .popup_hammem20 .sebox li { list-style:none; display:block} 
.popup_hammem_layer .popup_hammem20 .sebox .title {   width:100%; height:50px; line-height:50px; text-align:center; display:block; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.popup_hammem_layer .popup_hammem20 .sebox .title .fotB { font-size:1.7em;color:#129a4e; font-weight:bold   }
.popup_hammem_layer .popup_hammem20 .sebox .title .fotM { font-size:1.4em;color:#129a4e; font-weight:400;   }
.popup_hammem_layer .popup_hammem20 .sebox .title_img   img  { width:90%; height:100%; }
.popup_hammem_layer .popup_hammem20 .btn_hammem {width:100%; height:45px; line-height:45px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dtbg.jpg) repeat-x; background-size:100% 100%;background-position:center; position:relative; bottom:0;
-webkit-border-radius:0px 0px 15px 15px; -moz-border-radius:0px 0px 15px 15px;  border-radius:0px 0px 15px 15px;cursor:pointer; }
.popup_hammem_layer .popup_hammem20 .btn_hammem span{ font-size:1.2em; color:#FFF ; letter-spacing:-1px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }

/*지파일 일반회원 축하레이어   */
.popup_gfilesh_layer {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.6); }
.popup_gfilesh_layer .popup_gfilesh { width:90%; min-width:320px; height:auto; margin:0 auto; text-align:center; background-color:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding-top:20px; margin-top:30px; position:relative }
.popup_gfilesh_layer .popup_gfilesh .segbox { width:100%;margin:0 auto; text-align:center;}
.popup_gfilesh_layer .popup_gfilesh .segbox li { list-style:none; display:block} 
.popup_gfilesh_layer .popup_gfilesh .segbox .title {   width:100%; height:50px; line-height:50px; text-align:center; display:block; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.popup_gfilesh_layer .popup_gfilesh .segbox .title .fotB { font-size:1.7em;color:#129a4e; font-weight:bold   }
.popup_gfilesh_layer .popup_gfilesh .segbox .title .fotM { font-size:1.4em;color:#129a4e; font-weight:400;   }
.popup_gfilesh_layer .popup_gfilesh .segbox .title_img  { width:100%;}
.popup_gfilesh_layer .popup_gfilesh .btn_gfileok {width:100%; height:56px; line-height:56px; background:url(//ximage.sharebox.co.kr/mobile/popup/icon_dtbg.jpg) repeat-x; background-size:100% 100%;background-position:center; position:relative; bottom:0;
-webkit-border-radius:0px 0px 15px 15px; -moz-border-radius:0px 0px 15px 15px;  border-radius:0px 0px 15px 15px;cursor:pointer; }
.popup_gfilesh_layer .popup_gfilesh .btn_gfileok span{ font-size:1.7em; color:#FFF ; letter-spacing:-1px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.popup_gfilesh_layer .popup_gfilesh .btn_gfileok span{ font-size:1.2em; color:#FFF ; letter-spacing:-1px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }





/*2205침해 레이어*/
#pop_noti2205_layer{clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
#pop_noti2205_layer  .pop_noti2205_layer_img {width:90%;margin:0 auto; text-align:center;   background:#fff; cursor:pointer;  -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;  position:relative; top:150px;left:0px;}
#pop_noti2205_layer  .pop_noti2205_layer_img img{width:100%;}
#pop_noti2205_layer  .pop_noti2205_layer_img li{ list-style:none}
#pop_noti2205_layer  .btn_noti2205 { width:50px; height:50px;   background-color::#fff;   -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;   position:absolute; top:10px; right:5px; z-index:100; cursor:pointer; } 
#pop_noti2205_layer  .btn_noti2205 img {  width:25px;   } 

#pop_noti2205_layer .btn_noti2205_info { width:auto; height:16px;  background:url('//ximage.sharebox.co.kr/mobile/popup/ic2205ckn_off.png') no-repeat; background-position:center left;   position:absolute; bottom:30px; right:20px; z-index:100; cursor:pointer;  } 
#pop_noti2205_layer .btn_noti2205_info:hover { width:auto; height:16px;  background:url('//ximage.sharebox.co.kr/mobile/popup/ic2205ckn_on.png') no-repeat; background-position:center left;   position:absolute; bottom:30px; right:20px; z-index:100; cursor:pointer;  } 
#pop_noti2205_layer .btn_noti2205_info span {  height:16px;  line-height:16px; padding-left:20px;font-size:14px;  font-weight:400; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  } 

#pop_noti2205_layer .btn_notipass {  height:29px; line-height:29px; position:absolute; bottom:40px; left:40px; z-index:100;  padding: 0px 15px; cursor:pointer;
font-size:14px; border-radius:5px;  background-color:#405f8d; color:#fff;    font-weight:400; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; -webkit-border-radius:5px; -moz-border-radius: 5px;  } 
 



/*신규통합 레이어*/
#pop_napp_layer{clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
#pop_napp_layer  .pop_napp_layer_img {width:90%;margin:0 auto; text-align:center;   background:#fff; cursor:pointer;  -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;  position:relative; top:180px;left:0px;}
#pop_napp_layer  .pop_napp_layer_img img{width:100%; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; }
#pop_napp_layer  .pop_napp_layer_img li{ list-style:none}
#pop_napp_layer  .pop_napp { width:50px; height:50px;   background-color::#fff;   -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;   position:absolute; top:10px; right:5px; z-index:100; cursor:pointer; } 
#pop_napp_layer  .pop_napp img {  width:25px;   } 

/* 보너스 소멸안내 레이어*/
#pop_noti20241209_layer{clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }

#pop_noti20241209_layer .pop_noti20241209_img {width:100%; max-width:684px;min-width:330px;margin:0 auto;  background-position:center center; position:relative; top:180px;left:0px; }
#pop_noti20241209_layer .pop_noti20241209_img .btn_20241209 { width:100%; margin:0 auto;  height:40%;  position:absolute; bottom:0px;  z-index:100;text-align:center; } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209  { width:100%; position:absolute; bottom:46%;   z-index:100; cursor:pointer;   text-align:center; } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 p {color:#000; line-height:150%;}
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 span { font-weight:bold; }
 @media all and (max-width:360px){
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209  { width:100%;  line-height:100%;position:absolute; bottom:42%;   z-index:100; cursor:pointer;   text-align:center;  } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 p {font-size:.9rem !important; }
}

@media all and (max-width:460px){
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209  { width:100%;  line-height:100%;position:absolute; bottom:42%  !important;   z-index:100; cursor:pointer;   text-align:center;  } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 p {font-size:1.1rem !important;  }
}

@media all and (max-width:690px){
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209  { width:100%;  line-height:100%;position:absolute; bottom:44%;  z-index:100; cursor:pointer;   text-align:center;  } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 p {font-size:1.3rem;}
}

@media all and (min-width:700px){
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209  { width:100%;  line-height:100%;position:absolute; bottom:44% ;   z-index:100; cursor:pointer;   text-align:center;  } 
#pop_noti20241209_layer .pop_noti20241209_img .info_20241209 p {font-size:1.3rem; }

}




/*뷰창 고화질 선택 레이어*/
.popview_dw_layer   {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.8); }
.popview_dw_layer.hid{ display:none }
.popview_dw{ width:70%; max-width:330px; background-color:#ffffff;margin:0 auto; margin-top:150px; padding:15px; text-align:center; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.popview_dw .btn_x { width:30px; height:30px; margin:0 auto; position:absolute; top:15px; right:15px; z-index:100; cursor:pointer;   background:url(//ximage.sharebox.co.kr/mobile/popup/btn_pop_closes.png ) no-repeat;  background-size:30px   }
.popview_dw h1{ color:#000 ;  line-height:120%; text-align:left;   font-size:1.5em; letter-spacing:-2px; padding:5px 0; }
.popview_dw li{ list-style:none; letter-spacing:-1px; }
.popview_dw .bold{ font-weight:bold;}
.popview_dw .ic_dw{width:30px; height:30px;  display:inline-block;   box-sizing:border-box; }
.popview_dw .btn_dw_m { width:100%; padding:13px 10px;  margin-top:10px;  box-sizing:border-box;text-align:left; cursor:pointer; padding-left:50px; background:url(//ximage.sharebox.co.kr/mobile/popup/btn_dw.png ) 18px 12px no-repeat #6ea624; 
  background-size:20px ; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#fff;font-size:1.1em; } 
 .popview_dw .btn_dw_h  { width:100%;   padding:13px 10px;   margin-top:10px; box-sizing:border-box;text-align:left; cursor:pointer; padding-left:50px; background:url(//ximage.sharebox.co.kr/mobile/popup/btn_dw.png ) 18px 12px no-repeat #253e04; 
  background-size:20px ; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#fff;font-size:1.1em; } 
.popview_dw .ic_size { float:right;padding:2px 3px; font-size:.8em;  color:#fff; font-weight:300;}
.popview_dw .btn_play_m { width:100%; padding:13px 10px;  margin-top:10px;  box-sizing:border-box; text-align:center; cursor:pointer;  background-color:#6ea624; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.popview_dw .btn_play_m span{ padding-left:25px;}
.popview_dw .btn_play_m .ic_play{  color:#fff; font-size:1.1em; padding:0px 20px 0px 25px; background:url(//ximage.sharebox.co.kr/mobile/popup/btn_play.png )  no-repeat; background-size:18px 18px}
.popview_dw .btn_play_h { width:100%; padding:13px 10px;  margin-top:10px;  box-sizing:border-box; text-align:center; cursor:pointer;  background-color:#253e04; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.popview_dw .btn_play_h span{ padding-left:25px;}
.popview_dw .btn_play_h .ic_play{ color:#fff;font-size:1.1em;padding:0px 20px 0px 25px; background:url(//ximage.sharebox.co.kr/mobile/popup/btn_play.png ) no-repeat; background-size:18px 18px}


/*2023 연말 뽑기 이벤트 레이어*/



/*쿠폰등록 폼*/
.pop_auth { width:100%;max-width:400px; min-height:230px; margin:0  auto; background:#FFF;  margin-top:20px;
-webkit-border-radius: 2em;-moz-border-radius:2em;border-radius:2em} 
.pop_auth_s {width:100%;margin:0  auto;position:relative; }
.pop_auth_s .tit { width:100%; background:#5e89cd; text-align:center; padding-top:10px;padding-bottom:10px;
-webkit-border-radius: 2em  2em 0em 0em;
-moz-border-radius:  2em  2em 0em 0em;
border-radius: 2em  2em 0em 0em;}
.pop_auth_s .tit span { font-weight:bold; font-size:1.8em; line-height:30px;  color:#fff;}
.pop_auth_s .tit p{ color:#b4d0fd;height:20px;  line-height:20px; font-size:.9em;padding-top:3px;  letter-spacing:-1px;}
.pop_auth_s .sub_txt {text-align:left;font-size:.9em;color:#666666;height:15px;line-height:15px; margin-top:3px;}

.pop_auth_s li { width:85%; margin:0 auto;  list-style:none; }
.pop_auth_s li.btn_auth {width:85%; height:35px; line-height:35px; vertical-align:middle; margin-top:5px; margin-right:5px;   font-size:.9em;cursor:pointer;text-align:center;   display:inline-block; cursor:pointer; }
.pop_auth_s .btn_auth2 {width:85%; height:40px; line-height:40px;  margin:0 auto; vertical-align:middle; font-size:.9em;}

.pop_auth_s li.tit_text { color:#000; line-height:15px; font-size:.9em;padding-top:10px;padding-bottom:10px;letter-spacing:-1px;  font-weight:bold;}


/* 인증 팝업 */
.layer_auth_s {clear:both; width:75%; margin:0 auto;  text-align:center;margin-top:10%; background-color:#ffffff; padding-bottom:10px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
.layer_auth_s  li { list-style:none}
.layer_auth_s .tit{line-height:20px; padding:10px; 0px;background-color:#5e89cd;  text-align:left; position:relative; color:#fff; font-size:1.3em ; padding-bottom:10px ; 
-webkit-border-radius:10px 10px  0px 0px;-moz-border-radius:10px 10px  0px 0px; border-radius::10px 10px  0px 0px; }
.layer_auth_s .btn_close { width:30px; height:30px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png)no-repeat; text-align:center; background-size:90%;background-position:center;  position:absolute; top:5px; right:10px; z-index:1000 ; display:block;  cursor:pointer; -webkit-border-radius:2em;-moz-border-radius:2em; border-radius:2em;}

.layer_auth_s .auth_from {clear:both; width:90%; margin:0 auto; text-align:center; padding-bottom:15px;}
.layer_auth_s .auth_from .sub_txt { line-height:23px; margin:0 auto;  text-align:left;}
.layer_auth_s .auth_ctn_img  {clear:both; width:90%; margin:0 auto; padding-top:15px; padding-bottom:15px;}

.layer_auth_s .auth_ctn {clear:both; width:90%; margin:0 auto; padding-top:15px; padding-bottom:15px;}
.layer_auth_s .auth_ctn  li { list-style:none;  line-height:25px; border-bottom:#cccccc 1px dotted}

.layer_auth_s .auth_ctnEvt {clear:both; width:100%; margin:0 auto; padding-top:15px; padding-bottom:15px;}
.layer_auth_s .auth_ctnEvt  li { list-style:none;  line-height:25px; border-bottom:#cccccc 1px dotted}
.layer_auth_s .auth_ctnEvt  .auth_ctn_img2  {clear:both; width:100%; margin:0 auto; }


.layer_auth_s  .auth_ctn100  { clear:both; width:100%; margin:0 auto;  text-align:center; }
.layer_auth_s  .auth_ctn100 li {width:90%;   list-style:none; display:inline-block; padding:10px 0px; margin-top:10px;position:relative; background-color:#495057; color:#ffffff;cursor:pointer; }
.layer_auth_s  .auth_ctn100 li:hover {width:90%;   list-style:none; display:inline-block;padding:10px 0px;margin-top:10px;position:relative; background-color:#73b11c; color:#ffffff ;cursor:pointer;}



/* 신고하기 팝업 */
.layer_cs_s {clear:both; width:90%; margin:0 auto;  text-align:center;margin-top:20%; background-color:#ffffff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; z-index:9999 ;}
.layer_cs_s  li { list-style:none}
.layer_cs_s .tit{ padding:15px; 0px;background-color:#5e89cd;  text-align:left; position:relative; color:#fff; font-size:1.3em ;
-webkit-border-radius:10px 10px  0px 0px;-moz-border-radius:10px 10px  0px 0px; border-radius::10px 10px  0px 0px; }
.layer_cs_s .tit_bot{clear:both; width:100%;  height:50px; line-height:50px; background-color:#ff363b;  text-align:center; position:relative; color:#fff; font-size:1.3em ;  -webkit-border-radius: 0px 0px 10px 10px ;-moz-border-radius:0px 0px 10px 10px ; border-radius::0px 0px 10px 10px; }


.layer_cs_s .btn_close { width:30px; height:30px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png)no-repeat; text-align:center; background-size:90%;background-position:center;  position:absolute; top:6px; right:10px; z-index:1000 ; display:block;  cursor:pointer; -webkit-border-radius:2em;-moz-border-radius:2em; border-radius:2em;}
.layer_cs_s .csauth_ctn {clear:both; width:90%; margin:0 auto; padding-top:10px; padding-bottom:2px;border-bottom:#cccccc 1px dotted}
.layer_cs_s .csauth_ctn  li { list-style:none;  line-height:25px; }

.layer_cs_s  .cs_ctn100  { clear:both; width:100%; margin:0 auto;  text-align:center; }
.layer_cs_s  .cs_ctn100 li {width:90%;   list-style:none;  display:inline-block; padding:0px 0px; margin-top:0px;position:relative; cursor:pointer; }
.layer_cs_s .cstextarea {clear: both; width: 90%; border: 1px #ccc solid; min-height: 0px;line-height: 15px; padding: 10px;  height: 135px;  margin-bottom: 10px;  }
.layer_cs_s .cs_ctn100 select{ border: 1px solid #ccc;width: 90%; color: #3e3e3e; background-color: #fff; margin: 10px auto;  padding: 13px 10px 14px 11px; /*ios대응*/
-webkit-appearance: none;  
-moz-appearance: none; 
appearance: none;
background: url('../images/icon/issue_arrow_d.png') no-repeat 95% 50% #fff;     background-size: 4vw;}
.layer_cs_s .input_report{}


/*###뷰창 친구추가  ###*/
.popup_view_frdadd_layer {width:100%; height:auto; margin:0 auto; position:absolute; top:70px; z-index:500}
.popup_view_frdadd { width:290px; height:383px; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/popup_view_frdadd_1106.png) no-repeat;/*background:url(/images/popup/popup_view_frdadd_0710.png) no-repeat;*/ position:relative; background-size:100%; background-position:top;   margin-top:0px; }
.popup_view_frdadd li { list-style:none;}
.popup_view_frdadd .btn_close { width:40px; height:40px; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/btn_close_bwon.png) no-repeat; background-size:95%;background-position:center;  position:absolute; top:10px; right:10px;cursor:pointer; } 
.popup_view_frdadd .btn_add { width:100%; height:60px; margin:0 auto; position:absolute; top:300px; cursor:pointer ;} 
.popup_view_frdadd .ck_nick {width:100%; height:25px;line-height:25px; position:absolute; top:195px;text-align:center; color:#FFF; font-size:.9em;font-family:"돋움",dotum,sans-serif; letter-spacing:0px; font-weight:600; } 


.popup_view_frdadd .ck_close { width:90%; height:20px;line-height:20px; position:absolute; bottom:5px; right:15px; text-align:right; cursor:pointer ;} 
.popup_view_frdadd .ck_fnd {width:100%;  height:20px; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/ck_fnd_off.png) no-repeat; background-size:100px 17px;background-position:center right; }
.popup_view_frdadd .ck_fnd:hover {width:100%;  height:20px; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/ck_fnd_on.png) no-repeat; background-size:100px 17px;background-position:center right; }







/* 푸터 맵*/
#footer_map {clear:both; width:100%; margin:0 auto;  background-color:#4b5246; padding-top:7px; padding-bottom:7px; position:relative;}
.footer_map_s {width:100%; margin:0 auto; text-align:center}
.footer_map_s li {width:21%;height:20px; line-height:20px;  margin:3px 3px;  list-style:none;  display:inline-table; background-color:#fff; text-align:center; font-size:.8em; color:#000; cursor:pointer; border:#000 1px solid; 
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.footer_map_s li:hover { background-color:#8bc23f; border:#8bc23f 1px solid;color:#ffffff;  }


/* 푸터 */

#footer_wrap { clear:both; width:100%;  height:100%;margin:0 auto;  background-color:#212121;  position:relative;}

#topScroll { clear:both; width:100%;  height:100%;margin:0 auto;  position:relative;} 
#topScroll .btn_mtop { clear:both;   width:50px;  height:50px; background-color:#fff;    border:#e2e2e2 1px solid; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ; position:fixed;right:20px;bottom:30px;  z-index:500;}
#topScroll .btn_mtop li{ list-style:none;  width:50px;  height:50px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topb.png)no-repeat; text-align:center; background-size:100%; background-position:center;  ;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ;}

#topScroll .btn_viewmtop { clear:both;   width:50px;  height:50px; background-color:#fff;    border:#e2e2e2 1px solid; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ; position:fixed;right:20px;bottom:105px;  z-index:500;}
#topScroll .btn_viewmtop li{ list-style:none;  width:50px;  height:50px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_topb.png)no-repeat; text-align:center; background-size:100%; background-position:center;  ;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ;}

#topScroll .btn_viewclose { clear:both;   width:50px;  height:50px; background-color:#fff;    border:#e2e2e2 1px solid; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ; position:fixed;right:20px;bottom:50px;  z-index:500;}
#topScroll .btn_viewclose li{ list-style:none;  width:50px;  height:50px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose_s.png)no-repeat; text-align:center; background-size:50%; background-position:center;  ;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px ;}




.footer {clear:both;  width:100%; margin:0 auto; text-align:center;  position:relative;}
.footer .footer_s {width:95%; margin:0 auto; padding-bottom:60px; padding-top:10px;}
.footer .footer_s .footer_txtB {  line-height:20px; font-size:.75em; letter-spacing:-1px; color:#979797; font-weight:bold;text-align:left; /* font-size:.8em; */}
.footer .footer_s .footer_txtB span {line-height:20px; padding:0px 3px}
.footer .footer_s .footer_txtB span:first-child  {  padding:0px 3px }
.footer .footer_s .foot_line  {line-height:5px; border-right:#666 1px solid}

.footer .footer_s .footer_txtS { height:auto;line-height:15px; font-size:.8em; letter-spacing:-1px; color:#979797; text-align:left; }
.footer .footer_s .footer_txtS span { line-height:15px;  padding:0px 3px  }
.footer .footer_s .footer_txtS span:first-child  { padding:0px 3px }
.footer .footer_s .btn_web {clear:both;  width:80px; height:15px; line-height:15px; margin-top:10px; font-size:.7em; color:#ccc; background-color:#666; text-align:center; cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.footer .footer_s .footer_ntc { height:auto; margin:7px auto; padding:3px 0px; background-color:#000; color:#cccccc;  border:1px #84020c solid; border-radius:4px; font-size:.8em; line-height:15px; text-align:center; }

/*뷰창_하단고정버튼
.btn_bottom_view {  clear:both; width:100%; height:80px; color: #ffffff; border-top:1px #000000 solid; border-bottom:1px #000000 solid;  background:url(/images/sharebox/bg_black70.png) repeat; position:absolute; bottom:0%;  z-index:9000;}
.btn_bottom_view ul  {clear:both; width:100%; height:60px; margin:0 auto; text-align:center; margin-top:3px;margin-bottom:10px;}
.btn_bottom_view li  { list-style:none; display:inline-block; line-height:60px;  margin:5px }
.btn_bottom_view .btn_raL { height:60px; -webkit-border-radius: 50px  ;  -moz-border-radius:50px; border-radius:50px; font-size:1.2em;}
.btn_bottom_view .btn_raR { height:60px; -webkit-border-radius: 50px ;  -moz-border-radius: 50px; border-radius:50px ;font-size:1.2em;}
*/


.view_noti {  clear:both;  width:100%; height:auto;  margin:0 auto;  text-align:center;  border:#d9d9d9 1px solid;  background-color:#ffffff; position:relative;padding:15px; margin-top:5px; }
.view_noti ul {width:100%; display:inline-table;}
.view_noti h1 {  text-align:left; font-size:1em;line-height:30px; }
.view_noti  i {padding-right:5px; font-size:.9em;color:#666666}
.view_noti li {list-style:none;text-align:left; font-size:.9em; padding-top:5px;letter-spacing:0px;}
.view_noti span { line-height:15px; font-size:.9em; }


/*2018  다운버튼 셋  */
.view_btnset {  clear:both;  width:100%; margin:0 auto;  text-align:center;  border:#d9d9d9 1px solid;  background-color:#ffffff; position:relative; }
.view_btnset ul {width:100%; display:inline-table;}
.view_btnset li {list-style:none; display:table-cell ;height:35px; line-height:35px;  text-align:center; border-left:1px #cccccc solid; 	background: #fff; font-size:.8em;cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -moz-linear-gradient(top,  #fff,  #eaeaea);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');}
.view_btnset li:first-child {border-left:0px #cccccc solid}
	
/* 구소스 
.view_warp .view_info{ width:95%;  margin:0 auto; padding:0px; background-color:#ffffff;}
.view_warp .view_info .view_title{ font-size:1em; color:#222; padding-bottom:5px; }
.view_warp .view_info .view_seller{ float:left; font-size:0.813em; color:#666; display:inline-block; padding-top:2px;}
.view_warp .view_info .view_capacity{ float:right; font-size:0.813em; color:#666; display:inline-block;}
.view_warp .view_info .view_capacity b{ font-size:1.231em; font-family:Tahoma, Geneva, sans-serif; }
.view_warp .wrap_play .mask_hd{ position:absolute; top:8px; left:8px; padding:10px 15px; background-color:rgba(0,0,0,0.5); color:#fff; display:inline-block; height:15px;  border-radius:3px; font-size:1.125em; font-weight:bold; text-align:center;}
.view_warp .wrap_play .play_video{ display:inline-block; background:url(/img/image/ico_play.png) 23px 15px no-repeat; overflow:hidden; width:60px; height:60px; margin:0 3px; background-size:160%; vertical-align:-1px;  text-indent:-9999px; position:absolute; top:50%; left:50%; border-radius:32px; border:2px solid #fff; margin:-30px 0 0 -30px; z-index:9999;}

.view_warp .view_info .btn_area{ clear:both; text-align:center; width:100%;padding:5px 0 5px 0;}
.view_warp .view_info .btn_area span { padding-left:5px;}

.view_warp .view_info .btn_area .red_solid_btn{width:100%; margin:0 auto; font-weight:bold; background-color:#dc4658; color:#fff; border-radius:5px; border:1px solid #dc4658;  text-align:center; padding:10px 20px; font-size:1.250em; }
.view_warp .view_info .btn_area .blue_solid_btn{width:100%; margin:0 auto; font-weight:bold; background-color:#217fc7; color:#fff; border-radius:5px; border:1px solid #217fc7;text-align:center; padding:10px 20px; font-size:1.250em; }
.view_warp .view_info .btn_area .green_solid_btn{width:100%; margin:0 auto; font-weight:bold; background-color:#56a535; color:#fff; border-radius:5px; border:1px solid #56a535;  text-align:center; padding:10px 20px; font-size:1.250em; }
.view_warp .view_info .btn_area .pink_solid_btn{width:100%; margin:0 auto; font-weight:bold; background-color:#e44c5f; color:#fff; border-radius:5px; border:1px solid #e44c5f;  text-align:center; padding:10px 20px; font-size:1.250em; }

.view_warp .view_info .btn_area .blue_solid{  background-color:#217fc7; color:#fff;  }
.view_warp .view_info .btn_area .red_slive{ width:100%; margin:0 auto; font-weight:bold; background-color:#666666; color:#fff; border-radius:5px; text-align:center; padding:10px 20px; font-size:1.250em;}
.view_warp .view_info .btn_area .red_line_btn{ width:100%; margin:0 auto; font-weight:bold; border:1px solid #5280ce; background-color:#fff; color:#5280ce; border-radius:5px; text-align:center; padding:10px 20px; font-size:1.250em; margin-top:5px; }
.view_warp .view_info .btn_area .btn_mxinfo{ width:100%; margin:0 auto; font-weight:bold;  color:#666666; border-radius:5px; text-align:center; padding:5px 20px; font-size:1em; border:1px #b0b0b0 solid;
	background-color:#e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
	background: -moz-linear-gradient(top,  #ffffff,  #e2e2e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');}
.view_warp .view_info .btn_area .play_video{ display:inline-block; background:url(/img/image/ico_play.png) 8px 6px no-repeat; overflow:hidden; width:20px; height:20px; margin-right:8px; background-size:160%; text-indent:-9999px;  border-radius:11px; border:1px solid #fff; vertical-align:-0.15em;}
.view_warp .view_info .btn_area .play_down{ display:inline-block; background:url(/img/image/ico_down.png) 4px 4px no-repeat; overflow:hidden; width:20px; height:20px; margin-right:8px; background-size:240%; text-indent:-9999px;  border-radius:11px; border:1px solid #fff; vertical-align:-0.15em;}
.view_warp .view_info .btn_area .play_video_1{ display:inline-block; background:url(/img/image/ico_play_r.png) 5px 5px no-repeat; overflow:hidden; width:20px; height:20px; margin-right:8px; background-size:50%; text-indent:-9999px;  border-radius:11px; border:1px solid #5280ce; vertical-align:-0.15em;}
 */

/*뷰창 시작 */
.viewn_tot { width:100%; height:100%;  margin:0 auto; position:relative; padding-bottom:50px;}


.viewn_tot .viewn_top { width:100%; padding-top:15px; padding-bottom:15px; margin:0 auto;  position:relative; background-color:#232323}
.viewn_tot .viewn_top { list-style:none}
.viewn_tot .viewn_top .viewn_btn { width:30px; height:30px;  position: absolute;  top: 50%;  right: 5%;  transform: translate(0%, -50%);   background:url(//ximage.sharebox.co.kr/mobile/icon/btn_tclose.png) no-repeat; background-size:50%; 
background-position:center; border:#FFF 1px solid; -webkit-border-radius: 15px;-moz-border-radius:  15px;border-radius: 15px;}
.viewn_tot .viewn_top .viewn_title { width:84%;  line-height:130%;text-align:left; font-size:1.2em; color:#f9f9f9; padding-left:10px; word-wrap: break-word;word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space: normal; }

.play_box { clear:both; width:100%; margin:0 auto; background-color:#000000}
.play_box .play_img {width:100%; height:220px; margin:0 auto; position:relative ;}
.play_box .play_img  .view_bannerpay{width:90px; height:28px; background:url(//ximage.sharebox.co.kr/mobile/banner/vicon_pay_new.png) no-repeat;   display:block;  position:absolute; top:10px; left:10px; z-index:200;  }


.play_box .play_img img { width:100%; }
.play_box .play_img li { list-style:none}
.play_box .play_img .btn_playL { width:30px; height:40px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mleft.png) no-repeat;  background-position:center; position:absolute; left:10px; top:80px; z-index:200}
.play_box .play_img .btn_playR { width:30px; height:40px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mright.png) no-repeat; background-position:center; position:absolute; right:10px; top:80px;z-index:200}
.play_box .play_img .btn_playC { width:100%; height:85px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew.png) no-repeat; background-size:85px 85px; background-position:center;  position:absolute; top:45px; z-index:200  }

/*일반화질 재생 */
.play_box .play_img .btn_playCN {  width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew_0708.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }
/*고화질 재생 */
.play_box .play_img .btn_playCNH {  width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew_h0708.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }

/*19 일반 재생*/
.play_box .play_img .btn_playCN_adt {  width:100%; height:123px;background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playCNH_adt_0708.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }
/*19 고화질 재생*/
.play_box .play_img .btn_playCNH_adt {  width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playCNH_adt_h0708.png) no-repeat;  background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }



/*다시보기*/
.play_box .play_img .btn_playCR { width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew_re1907.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }
/*19 다시보기*/
.play_box .play_img .btn_playCR_adt { width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playCR_adt_1907.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }

/*바로보기*/
.play_box .play_img .btn_playRE { width:100%; height:123px;  background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew_s0708n.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }
/*성인 바로보기*/
.play_box .play_img .btn_playRE_adt { width:100%; height:123px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_playBnew_adt_0907n.png) no-repeat; background-size: 180px 123px; background-position:top center;  position:absolute; top:20px; z-index:200;  }



.play_box .play_img .viewn_noti { width:100%; line-height:14px; padding:5px 5px; margin:0 auto; text-align:center; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black50.png) repeat;  color:#ccc;  font-size:.8em; position:absolute; bottom:0px;z-index:200  }
.play_box .play_img .viewn_noti span {  line-height:14px; letter-spacing:0px;color:#ccc; }

.play_box .play_img .sum_cover  {width:100%;  height:220px; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  background-size:100% ;background-position: center;   position:relative; z-index:100 }

.play_box .play_img .adt_cover { width:100%;  height:220px; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  background-size:100% ;background-position: center;   position:relative;z-index:100 }
.play_box .play_img .adt_cover .adt_ic  { width:35px;  height:35px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_badtw.png) repeat;  background-size:100% ;background-position: center;  position:absolute; top:10px ;left:10px;}

.play_box .play_img .nor_cover { width:100%;  height:220px; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black30.png) repeat;  background-size:100% ;background-position: center;   position:relative;z-index:100 }




.play_box .play_img .btn_playinfo { width:100%;  height:35px; margin:0 auto; position:absolute; bottom:30px; z-index:300   }
.play_box .play_img .btn_playinfo .btn_playinfo_s { max-width:50%;  height:25px; margin:0 auto; text-align:center; border:#8acb30 1px solid; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black50.png) repeat; -webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius:50px;}
.play_box .play_img .btn_playinfo .btn_playinfo_s li {  display:inline-block; list-style:none; height:23px; line-height:23px; margin:0 auto; text-align:center ;font-size:.8em;}

.play_box .play_img .btn_playinfo .btn_playinfo_s .btn_playinfoL { width:45%; color:#96ff04; text-align:center ; letter-spacing:0px; } 
.play_box .play_img .btn_playinfo .btn_playinfo_s .btn_playinfoR  {width:55%;  color:#96ff04;  text-align:center ; letter-spacing:0px; } 
.play_box .play_img .btn_playinfo .btn_playinfo_s .btn_playinfoR_evt  {width:55%;  background-color:#8acb30; color:#ffffff;  font-weight:bold;  text-align:center ; letter-spacing:0px; float:right;  -webkit-border-radius: 0px 50px 50px 0px;-moz-border-radius:  0px 50px 50px 0px;; border-radius: 0px 50px 50px 0px;} 
.play_box .play_img .btn_playinfo .btn_playinfo_s .btn_playinfoR_evt i  { font-size:.8em; padding:0 2px} 

.play_box .play_img .btn_playinfo .txt_tug { text-decoration:line-through; font-size:.9em; font-weight:400;  }



.viewn_ctn { clear:both; width:100%; height:auto; margin:0 auto; background-color:#ffffff;margin-top:10px; padding-top:10px; padding-bottom:10px; position:relative}
.viewn_ctn li { list-style:none; line-height:20px; font-size:.8em; color:#666 ; text-align:left; padding-left:10px;}
.viewn_ctn .viewn_won { min-width:60px; text-align:center; font-size:1em; color:#ffffff;  padding:7px 15px; position:absolute; top:20px;right:10px; background-color:#8acb30}
.viewn_ctn .viewn_won  .txt_tug { text-decoration:line-through; font-size:.9em; font-weight:400;  }
.viewn_ctn .viewn_won i  { font-size:.8em; padding:0 2px} 


/* 버튼셋 */
.viewn_btnset { clear:both; margin:0 auto}
.viewn_btnset li { list-style:none;}
.viewn_btnset .btn_play { width:95%; height:40px;line-height:40px; margin:0 auto;text-align:center; font-size:1.2em; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius:5px; border-radius:5px; margin-bottom:10px; margin-top:10px ; box-shadow: 1px 1px 0px #a6a6a6}
/* 고화질 핑크 */ .btn_coloG { background-color:#e2527a}
/* 고속다운 회색 */ .btn_coloP { background-color:#495057  }
/* 일반화질 블루 */ .btn_coloB { background-color:#5277e2  }
/* 원본재생 퍼플  */ .btn_coloV { background-color:#7439cc}



/* 그리드 적용시 노출되는 안내 문구 (2019-04-18) */
.view_notice  { clear:both; width:95%; margin:0 auto;  text-align:center;  background-color:#ffffff;  border:#CCCCCC 1px solid; margin-top:10px;margin-bottom:10px;position:relative; 
-webkit-border-radius: 5px 5px 5px 5px;    -moz-border-radius: 5px 5px 5px 5px;    border-radius: 5px 5px 5px 5px; }
.view_notice .title {   width: 100%;   height: 26px;   line-height: 26px;font-size:0.77em;letter-spacing:-1px;color:#777777;  text-indent:5px;   text-align:left;  background-color: #f7f7f7;	border-bottom:#ededed solid 1px;   -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;    border-radius: 5px 5px 0px 0px;}
.view_notice .title i {padding-right:5px;}

.view_notice .title img {width:13px;margin:0 5px 0 12px;}
.view_notice .text {width: 90%;line-height:18px;font-size:0.75em;letter-spacing:-1px;color:#666666;	margin:10px auto 10px auto;    text-align:left;  }
.view_notice .text li { padding:4px 0; list-style:none; margin:0;}
.view_notice .text .red { color:#cc0000; text-decoration:underline;}





/* 공통 */
.vlist_box { clear:both; margin:0 auto; }
.vlist_box_tit { width:100%; height:35px; line-height:35px; text-align:left; display:table; position:relative; background-color:#f9f9f9 ; border-bottom: 1px #e2e2e2 solid;  border-top: 1px #cccccc solid;  }
.vlist_box_tit li {  list-style:none; padding:0px }
.vlist_box_tit .vbox_L { height:35px; line-height:35px; float:left; padding-left:10px; color:#000;font-size:1.2em;}
.vlist_box_tit .vbox_R { /*width:40px;*/ float:right; margin-right:10px;   text-align:center;color:#000; cursor: pointer; }
.vlist_box_tit .vbox_R .ictop  { margin-top:10px;}
.vlist_box_tit .vbox_R .icbot  { margin-bottom:10px; }
.vlist_box_tit .vbox_R2 { float:right; text-align:center;font-size:1.2em;}
.vlist_box_tit .vbox_radio { float:right; text-align:center; font-size:1em; color:#000}
.vlist_box_tit .vbox_R2 .btn_vr2 {padding:3px 10px;text-align:center;font-size:.8em;background-color:#666 ; color:#fff; cursor: pointer; margin-right:10px;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px;cursor: pointer; }
.vlist_box_tit .vbox_R2 .btn_vr2 i {font-size:.8em;padding-right:5px;}


.flist { clear:both; width:100%; max-height: 50vh;overflow-y:scroll; margin:0 auto; position:relative; margin-bottom:5px; background-color:#FFFFFF; }
.flist_s {  width:100%;  margin:0 auto;  border-bottom: 1px #cccccc solid;  padding: 5px 0px; position:relative; }
.flist_s .flist_titL { line-height:18px;  text-align:left; font-size:1em; word-break:break-all;   padding:5px ;   color:#666;  text-align:left; display:inline-block}

.flist_s .flist_titR { display:inline-block; float:right; text-align:right; }
.flist_s .flist_titR li{ list-style:none; display:inline-block; margin-right:5px; } 
.flist_s .flist_titR .flist_btn { padding:5px 12px;  text-align:center; color:#FFF; letter-spacing:0px; font-size:1em; -moz-border-radius:5px; border-radius:5px; }



/*뷰창 회차별 시작 */

.view_num { clear:both; width:100%; height:auto; margin:0 auto;  background-color:#3c4246; padding-bottom:10px; position:relative }
/*뷰창 회차별 라인 */
.reon_img { width:120px; height:85px;position:relative; background-color:#000000;}
.reon_img:hover { border:2px #94df29 solid;}
.reon_img.on { border:2px #94df29 solid;}

.reon_img.reon {  border:2px #f11409 solid;}
.reon_img img {width:100%; height:65px;}
.reon_img .reon_txt  { padding-left:5px;height:20px; line-height:20px; color:#FFF;  font-size:.8em; position:absolute; top:65px; z-index:1000 }


/*뷰창_ 회차별 슬라이딩 */
#broadcasyt_view {clear:both;}
/* Frame */	
.frame {	height: auto;	overflow: hidden;	padding: 0;}
.frame ul {	list-style: none;	margin: 0;	padding-top:10px; height: 100%;	}
.frame ul li {	float: left;	width: 120px;	height: 100%;	 margin:5px;	padding: 0;color: #ddd;cursor: pointer;}
/* Scrollbar */
.scrollbar {margin: 5px 0 5px 0;height: 2px;background: #ccc;line-height: 0;}
.scrollbar .handle {	width: 100px;	height: 100%;	background: #292a33;cursor: pointer;}
.scrollbar .handle .mousearea {position: absolute;top: -9px;	left: 0;	width: 100%;	height: 20px;	}
.cmt_hide { display:none; }
#block_screen {	position:fixed; height: 100%;	top:0px; left:0px; right:0px; bottom:0px;background-color:black;opacity:0.7;
-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	z-index:9999;
	display:none;
}

/* 모르는 
.video_loading {width:100%;  height:100px; margin: 0 auto;  text-align:center; background:url(/mobile/renewal/views2/image/video_loading.gif) no-repeat; background-position:center;	z-index:9999; position: absolute; top:300px }
.banner_pay {width:100%;  height:auto; height:93px;  margin: 0 auto;  text-align:center; margin-top:15px;background:url(../images/banner/banner_view_pay02.png) no-repeat; background-position:center center;background-size:90%;}
 */

/*뷰창 나의포인트 */
.view_mypoint  { clear:both; width:95%; margin:0 auto; padding:10px 0px; text-align:center; background-color:#ffffff;  border:#3C3 1px solid; margin-top:10px;margin-bottom:10px;position:relative }
.view_mypoint li { list-style:none;   display:inline-block;  letter-spacing:-0px; text-align:center;height:25px; line-height:25px;  font-size:1em; font-weight:bold;}

.icon_myP { padding:3px 7px 2px 7px; background-color:#000; color:#FFF; font-size:.8em;font-weight:bold; text-align:center;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px;}
.icon_myC {padding:3px 7px 2px 7px; background-color:#36C; color:#FFF;  font-size:.8em;font-weight:bold; text-align:center;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px;}
.icon_myB { padding:3px 7px 2px 7px; background-color:#009933; color:#FFF;  font-size:.8em;font-weight:bold; text-align:center;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px;}
.icon_myM { padding:3px 7px 2px 7px; background-color:#c57e02; color:#FFF; font-size:.8em;  font-weight:bold; text-align:center;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px;}
.icon_mySB {padding:3px 7px 2px 7px; background-color:#e63740; color:#FFF; font-size:.8em;font-weight:bold;  text-align:center;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius:10px; }




/*뷰창 환불정책*/
.view_csinfo { width:100%;  min-height:120px; border-bottom:1px #cccccc dotted;  margin:0 auto; padding-top:10px; }
.view_csinfo_s {  width:95%;margin:0 auto; }
.view_csinfo_s .info_img { width:100%; max-width:452px; min-height:50px; background:url(//ximage.sharebox.co.kr/mobile/banner/view_mbanner_cs3.png) no-repeat; background-position:center; background-size:100%; margin-bottom:5px; display:block}
.view_csinfo_s li { width:27%; height:40px;  list-style:none; display:block; float:left;  cursor:pointer; margin:0 2%; }
.view_csinfo_s li:first { margin-left:20px; }
.view_csinfo_s li:last {  margin-right:0px; }
.view_csinfo_s li span{ line-height:15px;padding-left:5px; font-size:.7em; color:#666666; text-align:left}
.view_csinfo_s .btn_csinfo{ width:100%; height:25px;line-height:25px; font-size:1em; color:#FFF; background:#be7f6e; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.play3_layer { width:100%;margin:0 auto;  background-color:#484b5a;  border:1px #000000 solid;position:relative;  padding-bottom:20px; }
.play3_layer_s { width:95%; margin:0 auto;  padding-top:10px; position:relative;}
.play3_layer_s  .play3_close{ width:35px; height:35px; cursor:pointer; position:absolute; top:5px; right:5px;}
.play3_layer_s .play3_tit { width:100%;  height:31px; line-height:31px; margin:0 auto;  font-size:1.2em; font-weight:bold; color:#FFF; text-align:left; margin-bottom: 10px;} 
.play3_layer_s  li { list-style:none;}
.play3_layer_s .input_tt { width:100%;height:100px;   line-height:20px; margin:0 auto; background-color:#ffffff; border:1px #ffffff solid;   letter-spacing:-1px; font-size:13px; color:#666666; text-align:left ;padding:3px; word-break:break-all} 
.play3_layer_s .play_d { width:100%; height:35px; line-height:35px;margin:0 auto; margin-top:10px;background-color:#fcdf00;  font-size:1em;  letter-spacing:-1px;color:#000000; text-align:center;  cursor:pointer;font-weight:bold; } 


.view_ctndb { clear:both; width:100%; margin:0 auto;  text-align:center; background-color:#ffffff; padding-bottom:20px; position:relative; }
.view_ctndb .ctnimg img { width:90%; margin:0 auto; text-align:center; display:block; padding-top:15px;}
.view_ctndb .ctnimg .ctntxt { width:90%;  padding-top:15px; margin:0 auto;line-height:15px; text-align:center; display:block; font-size:.7em; color:#000;}


.view_ctn_noti {  width:95%;margin:0 auto; padding-top:20px;font-size:.7em; text-align:center;  }



/*댓글*/
/*대댓글 입력폼*/

.view_rebox .view_relist {clear:both; width:90%; margin:0 auto; text-align:center; padding-bottom:5px; border-bottom:#CCCCCC 1px dotted; }
.view_rebox .view_relist li { list-style:none; text-align:left}
.view_rebox .view_relist .re_name {  line-height:25px; color:#666; font-size:1em; position:relative;  padding-top:10px; }
.view_rebox .view_relist .re_txt { height:auto; line-height:20px; color:#666; font-size:1em }

.view_rebox .view_relist .re_name .re_icon { width:auto;height:20px; line-height:20px;text-align:center;  color:#fff; font-size:.7em; padding:0px 5px;  font-weight:bold; margin:2px;  background-color:#ef6140; float:right; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;   }
.view_rebox .view_relist .re_name .resel_icon { width:auto; height:20px; line-height:20px;text-align:center;  color:#fff;; font-size:.7em; padding:0px 5px;  font-weight:bold;   margin:2px;   background-color:#4d84c4; float:right; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }

.view_rebox .view_relist .re_prwire { clear:both; line-height:18px; color:#538730; font-size:.8em; }

.view_rebox .view_relist .rere_txt { height:35px; line-height:35px; color:#666; font-size:1em; }
.view_rebox .view_relist .rere_txt_re { line-height:25px; color:#666; font-size:1em; padding-top:10px;padding-bottom:10px;border-top:#CCCCCC 1px dotted;background:url(../images/sharebox/icon_reic2.png) no-repeat; background-size:15px; 
background-position:top; padding-left:20px;background-position:left}
.view_rebox .view_relist .re_from {width:100%; }
.view_rebox .view_relist .re_from .rere_tarea {width:98%; height:35px;line-height:35px; margin:0 auto; text-align:left; background-color:#ffffff; border:#CCCCCC 1px solid; padding-left:10px; margin-bottom:10px;} 
.view_rebox .view_relist .re_from  .btn_rereok { clear:both; width:100%; height:35px; line-height:35px; margin-top:10px; margin:0 auto; text-align:center;}


.view_rebox{ clear:both; width:100%; margin:0 auto;  text-align:center; background-color:#ffffff; padding-bottom:20px; position:relative; }
.view_rebox .vf_tit {width:100%; height:35px; line-height:35px; margin:0 auto; text-align:center; }
.view_rebox .vf_tit li { list-style:none} 
.view_rebox .vf_tit .vf_tit_L { float:left; text-align:left; padding-left:10px; color:#CCCCCC; font-size:1em}
.view_rebox .vf_tit .vf_tit_R { float:right; text-align:left;padding-right:10px; }

.view_rebox .banner_rebox  {width:95%; margin:0 auto; text-align:center; padding-top:10px;}
.view_rebox .star_box {width:100%; height:auto; margin:0 auto; text-align:center; padding-top:15px;padding-bottom:10px;}
.view_rebox .star_box .btn_sleft { width:10px; margin-right:10px; cursor:pointer; background-color:#ffffff; padding:5px 7px; border:#cccccc 1px solid; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.view_rebox .star_box .btn_srig { width:10px;  margin-left:10px; cursor:pointer; background-color:#ffffff;  padding:5px 7px;border:#cccccc 1px solid; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}


.view_rebox .star_box p { line-height:25px; font-size:.8em; color:#999999; text-align:center;padding-top:5px;}
.view_rebox .star_box .re_tarea {width:90%; height:80px;line-height:20px; margin:0 auto; text-align:left; background-color:#f9f9f9; border:#e2e2e2 1px solid;text-indent:5px; padding-top:10px; margin-bottom:10px; font-size:1em; } 
.view_rebox .star_box .btn_reok { clear:both; width:90%; height:35px; line-height:35px; margin-top:10px; margin:0 auto; text-align:center; font-size:1.2em; font-weight:200; color:#FFF;  background-color:#666}




/*이벤트 페이지 용 댓글*/
.view_warp .v_ren  {clear:both; width:100%;  margin:0 auto; padding-bottom:10px; margin-top:10px}
.view_warp .v_ren .v_ren_tit { width:95%; margin:0 auto; height:30px; line-height:20px; margin-top:10px; font-weight:bold; font-size:1.3em; color:#000}
.view_warp .v_ren .v_ren_evbanner { width:95%; margin:0 auto;  cursor:pointer;  padding-bottom:5px;  font-weight:bold; font-size:1em; color:#000;}

.view_warp .v_ren_s { width:95%;  margin:0 auto; padding-top:10px;background-color:#FFFFFF; padding-bottom:10px;border:#CCCCCC 1px solid}
.view_warp .v_ren_s li {width:95%; line-height:20px; list-style:none; margin:0 auto; text-align:center; }
.view_warp .v_ren_s .v_ren_name { width:95%; height:30px; line-height:30px;text-align:left; }
.view_warp .v_ren_s .v_ren_star { width:95%; height:30px; line-height:30px;text-align:left; vertical-align:middle; margin-bottom:10px;}
.view_warp .v_ren_s .v_ren_star_icon {width:50%; height:30px; line-height:30px; vertical-align:middle;  background-color:#f3fae9; border:#c7dea7 1px solid;color:#85a915;font-size:1.2em;
-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;padding-left:10px; }

.view_warp .v_ren_s .v_ren_input { width:100%; height:50px;font-size:.9em; background-color:#FFFFFF; border:#CCCCCC 1px solid}
.view_warp .v_ren_s .v_ren_txt {width:100%; height:30px; line-height:30px; background-color:#ccc}
.view_warp .v_ren_s .btn_v_ren {width:95%; height:30px; line-height:30px; font-weight:bold; margin-top:10px; }

.view_warp  .re_list {width:95%; height:auto; margin:0 auto; margin-top:10px; padding-bottom:5px;  border-bottom:#ccc 1px solid }
.view_warp  .re_list li {list-style:none; display:block}
.view_warp  .re_list .re_name { height:25px;line-height:20px;  font-size:.9em; font-weight:bold; text-align:left; color:#000}
.view_warp  .re_list .re_txt {line-height:16px; text-align:left;font-size:.8em; padding-bottom:5px;}

/*뷰창 대댓글*/
.view_warp  .re_list_r {width:95%; height:auto; margin:0 auto; margin-top:10px; padding-bottom:5px;  border-bottom:#ccc 1px solid }
.view_warp  .re_list_r li {list-style:none; display:block}
.view_warp  .re_list_r .re_txt_r {line-height:16px; text-align:left;font-size:.8em; padding-bottom:5px; color:#000000}
.view_warp  .re_list_r .re_txt_r2 {line-height:16px; text-align:left;font-size:.8em; padding-bottom:5px; color:#e4377f}



/*-----------인기 실시간 top10------------*/
.real_hot_tot { clear:both; width:100%; margin:0 auto;  text-align:center; background-color:#ffffff; padding-bottom:20px; position:relative;border-top:1px solid #e2e2e2;  }
.real_hot_tot .real_hot{width:98%; margin:0 auto;position:relative; }
.real_hot_tot .real_hot li { list-style:none ;}
.real_hot_tot .real_hot .real_hot_tit{width:100%; height:30px; line-height:30px; text-align:left; font-size:1.2em; color:#666666; border-bottom:1px solid #e2e2e2;padding-top:20px;   }
.real_hot_tot .real_hot .real_hot_list li{ clear:both; list-style:none; height:30px; line-height:30px;text-align:left; font-size:1em; color:#666666;display:block; border-top:1px dotted #e2e2e2;  }
.real_hot_tot .real_hot .real_hot_list li:first-child {  border-top:0px dotted #e2e2e2;  }

.real_hot_tot .real_hot .real_hot_list .ico { width:30px; height:30px; line-height:30px;  color:#333; font-size:1em;text-align:center; float:left;font-weight:bold;  }
.real_hot_tot .real_hot .real_hot_list .num_txt { width:70%; color:#666666;font-size:0.9em; text-align:left;  letter-spacing:-0.5px; float:left ; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.real_hot_tot .real_hot .real_hot_list .icoR { width:30px;  height:30px; background:url(//ximage.sharebox.co.kr/mobile/icon/btn_mrights.png) no-repeat; background-position:center; background-size:12px;float:right; }




/* 판매자 다른자료  */
.v_tab_tot { clear:both; width:100%; margin:0 auto;  text-align:center; background-color:#ffffff; padding-bottom:20px; position:relative;border-top:1px solid #e2e2e2;  }
.v_tab_tot .v_tab_tit { width:95%; margin:0 auto; height:30px; line-height:20px; margin-top:10px; font-weight:bold; font-size:1em; color:#000}
.v_tab_tot .v_tab table { width:100%;margin:0 auto;background-color:#383847; }
.v_tab_tot .v_tab table td {cursor:pointer; text-align:center; font-size:.8em; height:30px; line-height:30px; color:#ccc; vertical-align:middle;}
.v_tab_tot .v_tab table td:hover { background:#FFFFFF;color:#000; }
.v_tab_tot .v_tab table .on{background:#FFFFFF;color:#000; }
.v_tab_tot .v_tab table .vt_line {border-right:#000 1px solid;}


/* 판매자 다른자료 탭메뉴  */
.v_tab_tot  .v_tab_tb_seller table { width:95%; height:25px; margin:0 auto;background-color:#ffffff; margin-bottom:10px; margin-top:10px; border:1px #cccccc solid; 
-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius:5px;}
.v_tab_tot  .v_tab_tb_seller table td {cursor:pointer; text-align:center; font-size:.8em; height:30px; line-height:15px; color:#000000; vertical-align:middle; padding:3px;}
.v_tab_tot  .v_tab_tb_seller table td:hover { background:#429af4;color:#ffffff;  padding:3px;}
.v_tab_tot  .v_tab_tb_seller table td.on{background:#429af4;color:#ffffff;   padding:3px;}

/* 판매자 다른자료_리스트  */
.v_tab_tot .v_seller { width:95%; line-height:25px; text-align:left; margin:0 auto;font-size:.9em; }
.v_tab_tot .v_seller .v_seller_adt { width:90px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_adt19_seller.png) no-repeat;background-size:100% 100%; position:absolute; top:0; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot .v_seller .v_seller_img {width:90px; height:60px; text-align:left; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/icon/home_loading.png) no-repeat; position:relative; background-position:center; background-size:100% 100%; position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot .v_seller .v_seller_img img { width:90px; max-height:60px; height:60px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot .v_seller table{width:100%; border-collapse:collapse;}

.v_tab_tot .v_seller td {line-height:20px; padding:5px; word-wrap: break-word;word-break:break-all; }
.v_tab_tot .v_seller .vs_line{ border-bottom:#CCCCCC 1px dotted ;}
.v_tab_tot .v_seller .v_seller_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:20px; }




/* 마이페이지 친구 판매자 자료  */
.v_tab_tot2 { clear:both; width:100%; margin:0 auto;  text-align:center;  padding-bottom:20px; position:relative;border-top:1px solid #e2e2e2;  }
.v_tab_tot2 .v_tab_tit { width:95%; margin:0 auto; height:30px; line-height:20px; margin-top:10px; font-weight:bold; font-size:1em; color:#000}
.v_tab_tot2 .v_tab table { width:100%;margin:0 auto;background-color:#383847; }
.v_tab_tot2 .v_tab table td {cursor:pointer; text-align:center; font-size:.8em; height:30px; line-height:30px; color:#ccc; vertical-align:middle;}
.v_tab_tot2 .v_tab table td:hover { background:#FFFFFF;color:#000; }
.v_tab_tot2 .v_tab table .on{background:#FFFFFF;color:#000; }
.v_tab_tot2 .v_tab table .vt_line {border-right:#000 1px solid;}


/* 친구관리 판매자 다른자료 탭메뉴  */
.v_tab_tot2  .v_tab_tb_seller table { width:95%; height:25px; margin:0 auto;background-color:#ffffff; margin-bottom:10px; margin-top:10px; }
.v_tab_tot2  .v_tab_tb_seller table td { width:25%;  cursor:pointer; text-align:center; font-size:1em; height:30px; line-height:15px; color:#000000; vertical-align:middle; padding:3px;border:#e2e2e2 1px solid;}
.v_tab_tot2  .v_tab_tb_seller table td:hover { background:#429af4;color:#ffffff;  padding:3px;}
.v_tab_tot2  .v_tab_tb_seller table td.on{background:#429af4;color:#ffffff;   padding:3px;}
.v_tab_tot2  .v_tab_tb_seller table td p {font-size:.8em; letter-spacing:0px; }
.v_tab_tot2  .v_tab_tb_seller .tbs_line{border-bottom:#ccc 0px solid; }


/* 친구관리 판매자 다른자료_리스트  */
.v_tab_tot2 .v_seller { width:95%; line-height:25px; text-align:left; margin:0 auto;font-size:.9em; background-color:#ffffff; }
.v_tab_tot2 .v_seller .v_seller_adt { width:90px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_adt19_seller.png) no-repeat;background-size:100% 100%; position:absolute; top:0; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot2 .v_seller .v_seller_img {width:90px; height:60px; text-align:left; margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/icon/home_loading.png) no-repeat; position:relative; background-position:center; background-size:100% 100%; position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot2 .v_seller .v_seller_img img { width:90px; max-height:60px; height:60px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.v_tab_tot2 .v_seller table{width:100%; border-collapse:collapse;}

.v_tab_tot2 .v_seller td {line-height:20px; padding:5px; word-wrap: break-word;word-break:break-all; }
.v_tab_tot2 .v_seller .vs_line{ border-bottom:#CCCCCC 1px dotted ;}
.v_tab_tot2 .v_seller .v_seller_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:20px; }





/*쿠폰&인증폼*/
.auth { width:90%; min-height:300px; margin:0  auto; background:#FFF;  margin-top:20px;
-webkit-border-radius: 1em;-moz-border-radius:1em;border-radius:1em} 
.auth_s {width:100%;margin:0  auto;position:relative; }
.auth_s .icon_mkL { width:24px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_mkL.png) no-repeat; background-size:24px; position:absolute; left:-10px; top:46%;}
.auth_s .icon_mkR { width:24px; height:60px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_mkR.png) no-repeat; background-size:24px; position:absolute; right:-10px; top:46%;}

.auth_s .tit { width:100%; background:#495057; text-align:center; padding-top:20px;padding-bottom:10px; margin-bottom:10px;
-webkit-border-radius: 1emsfsf  1em 0em 0em;
-moz-border-radius:  1em  1em 0em 0em;
border-radius: 1em  1em 0em 0em;}
.auth_s .tit span { font-weight:bold; font-size:1.8em; color:#fff}
.auth_s .tit p{ color:#cdeaa4; line-height:20px; font-size:1em;padding-top:5px; }
.auth_s li { list-style:none; width:85%; margin:0 auto; }
.auth_s li.txt{ width:85%; height:35px; line-height:35px;  font-size:1.1em;color:#666666; font-weight:bold; margin-bottom:0px;}
.auth_s .btn_auth {width:85%; height:45px; line-height:45px;text-align:center; vertical-align:middle;  background-color:#e63740 ;margin-top:10px; cursor:pointer;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px }

.auth_s  .input_auth { width:100%; height:45px; line-height:45px;vertical-align:middle; background-color:#fpfpfp; border:#CCCCCC 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1.2em;color:#000; font-weight:bold; 
-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.auth_s  .input_auth:focus { width:100%;  height:45px; line-height:45px;vertical-align:middle; background-color:#eff4e9; border:#cccccc 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1.2em;color:#000; font-weight:bold; 
-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}





/*뮤직충전소 */
.charge_mus_wrap { width:100%;margin:0 auto; background:#241950}
.charge_mus_wrap .mucs_img1 { width:100%;margin:0 auto;}
.charge_mus_wrap .mucs_img2 { min-height:200px; background:url(//ximage.sharebox.co.kr/mobile/banner/charge_music_bg1.jpg) repeat-x;  background-size:100% 100%;  padding-top:10px; padding-bottom:10px;}
.charge_mus_wrap .mucs_img3 { min-height:200px;  background:url(//ximage.sharebox.co.kr/mobile/banner/charge_music_bg2.jpg) repeat-x;  background-size:100% 100%;  padding-bottom:10px;}
.charge_mus_wrap .mucs_img3 li { width:100%;  list-style:none;  }
.charge_mus_wrap .mucs_img3 .mus_tit1 {clear:both;width:95%; line-height:25px;  margin:0 auto;  text-indent:10px; padding-top:10px;color:#cac2da}
.charge_mus_wrap .mucs_img3 .mus_tit2 {clear:both;width:95%;  line-height:17px; text-indent:10px; margin:0 auto; font-size:.7em ; letter-spacing:-.8px;color:#cac2da}


.charge_mus { clear:both; width:100%; margin:0 auto; margin-bottom:20px; }
.charge_mus .mus_bx { width:90%; height:auto; margin:0 auto; background:#FFF; padding-bottom:10px;-webkit-border-radius: 1em 1em 0em 0em; -moz-border-radius:1em 1em 0em 0em;border-radius:1em 1em 0em 0em; position:relative; padding-top:15px;   }
.charge_mus .mus_bx .icon_flat { width:100px; height:25px; position:absolute; top:20px; right:10px;}
.charge_mus .mus_bx .icon_flat li { list-style:none}
.charge_mus .mus_bx .icon_flat .icon_red { line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold;  background:#ff5899;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }
.charge_mus .mus_bx .icon_flat .icon_mint{ line-height:25px; text-align:center; color:#FFFFFF; font-size:.9em; font-weight:bold; background:#17949d;-webkit-border-radius: 1em; -moz-border-radius:1em;border-radius:1em;  }

.mus_bx ul { width:90%; margin:0 auto;}
.mus_bx li { list-style:none; }
.mus_bx .tit_le_red { width:100%; height:40px; line-height:40px; font-size:2em; color:#ff5899; margin-bottom:10px;}
.mus_bx .tit_le_mint { width:100%; height:40px; line-height:40px; font-size:2em; color:#17949d; margin-bottom:10px;}

.mus_bx .tit_le2 { width:100%; font-size:.8em; color:#666}
.mus_bx .tit_le2 p { height:15px; line-height:15px; }

.mus_bx .flat_point{ position:absolute; top:60px; right:20px;  text-align:right}
.mus_bx .flat_point .price1 {height:20px; line-height:20px; font-size:1em; color:#999999; text-align:right; text-decoration:line-through;} 
.mus_bx .flat_point .price2 {height:30px; line-height:30px; text-align:right; color:#000000; letter-spacing:-2px;} 

.charge_mus  .btn_musicR {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#ff5899; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }
.charge_mus  .btn_musicM {width:90%; height:45px; line-height:45px; color:#FFFFFF; font-weight:bold;  font-size:1.5em;  margin:0 auto; background:#17949d; text-align:center; -webkit-border-radius: 0em 0em 1em 1em; -moz-border-radius:0em 0em 1em 1em;border-radius:0em 0em 1em 1em;  }

.mus_bx .mus_bx .flat_tb { width:100%; margin:0 auto; margin-top:20px;border-top:#17949d 1px solid}
.mus_bx .mus_bx .flat_tb td {height:35px; line-height:35px;vertical-align:middle; border-bottom:#CCCCCC 1px dotted; color:#666; padding-top:5px;}



/* 뮤직카테고리 */
.cat_music { clear:both;   width:100%;min-height:600px;   margin:0 auto;  position:relative;background-color:#ffffff;   }
.cat_music  .music_nav { clear:both;  width:100%; border-bottom: #cccccc 1px solid; border-top: #cccccc 1px solid; position:relative;  }
.music_nav .music_menu {width:100%; min-height:60px;margin:0 auto; text-align:center; background: #eee9f3;  position:relative  ; }
.music_nav .music_menu li{width:20%; list-style:none; height:25px; line-height:25px; padding:0px 5px;  margin:3px;text-align:center; display:inline-block; font-size:.9em; font-weight:bold;
cursor:pointer ;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;	background: #fff;border: #cccccc 1px solid; letter-spacing:-.5px;   
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
	background: -moz-linear-gradient(top,  #fff,  #eaeaea);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');}
.music_nav .music_menu li:hover {	background: #590ea4; border:#590ea4 1px solid;color:#FFF; font-weight:bold;}
.music_nav .music_menu li.on{	background: #590ea4; border:#590ea4 1px solid;color:#FFF; font-weight:bold;}


.cat_music  .music_sh {clear:both;  width:100%;  height:43px; margin:0 auto;  text-align:center;   position:relative;   background-color:#590ea4;border:#590ea4 1px solid; }
.cat_music  .music_sh li{ list-style:none; margin:0 auto;  text-align:center;  height:30px;  margin-top:5px; display:inline-block; }
.cat_music  .music_input { width:75%; height:30px; line-height:30px;margin:0 auto;  background-color:#FFF; border:#CCC 1px solid;   }
.cat_music  .music_input .minput  { width:100%;  height:28px; line-height:28px; background-color:#ffffff; border:#ffffff 1px solid;text-align:center;}

.cat_music  .music_sh .btn_sh { width:20%; height:30px; line-height:30px; text-align:center; background-color:#590ea4; border:#590ea4 1px solid; color:#FFF; font-weight:bold; font-size:1em; 
border-radius:0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;-moz-border-radius:0px 3px 3px 0px;cursor:pointer }

.cat_music  .music_title  {clear:both;   height:35px; line-height:35px;   margin-top:10px; position:relative; border-bottom:#cccccc  1px solid; font-weight:bold; font-size:1.2em; text-align:left; padding-left:10px;}
.cat_music  .music_info  {clear:both;   height:30px; line-height:30px;   position:relative; border-bottom:#cccccc  1px solid;  font-size:.8em; text-align:center; padding-left:10px;
background: #fff;border: #cccccc 1px solid; letter-spacing:-.4px;   
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
	background: -moz-linear-gradient(top,  #fff,  #eaeaea);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');}




/* 미니탭메뉴*/
.my_taTab{ clear:both;width:95%; margin:0 auto; text-align:left; }
.my_tbM { width:100%; height:30px; margin:0 auto; padding:0; font-size:.9em;border-top:#ccc 1px  solid; border-left:#ccc 1px  solid;  border-right:#ccc 1px  solid; border-bottom:#ccc 1px  solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.my_tbM  td { height:30px; line-height:30px;  text-align:center; vertical-align:middle;  background:#fff;  font-size:.9em; color:#666;  cursor:pointer;border-top:#ccc 1px  solid; border-left:#ccc 1px  solid;  border-right:#ccc 1px  solid; border-bottom:#ccc 1px  solid;}
.my_tbM  td:hover { height:30px; line-height:30px;  text-align:center; vertical-align:middle;  background:#313f73;  font-size:.9em; color:#ffffff;  cursor:pointer;}
.my_tbM  td.on{ height:30px; line-height:30px;  text-align:center; vertical-align:middle;  background:#313f73;  font-size:.9em; color:#ffffff;  cursor:pointer;}
.my_tbM .trsun { border-right:#9ca8d2 1px  solid}



/*##### 로그인 그림문자#####   */
.login_safe { width:100%;  max-width:800px;  margin:0 auto; position:relative ; text-align:center; padding-bottom:40px;}
.login_safe  .log_bx { width:90%; margin:0 auto; padding-top:20px;}
.login_safe  .log_bx li { list-style:none; width:100%;   margin:0 auto;  text-align:left; }
.login_safe  .log_bx .log_safe_txt1 {width:100%; margin:0 auto;  }
.login_safe  .log_bx .log_safe_txt1 li { list-style:none;text-align:left;  color:#333; line-height:150%; letter-spacing:-1px;}
.login_safe  .log_bx .log_safe_txt2 {width:100%;text-align:left;  font-size:1em; color:#666666; line-height:20px; height:20px; letter-spacing:-.5px; margin-top:20px;}

.login_safe .log_bx .log_safe_txt3 {clear:both; width:100%; position:relative }
.login_safe .log_bx .log_safe_txt3 .safe2 { width:100%; text-align:left; height:30px; line-height:30px; }

.login_safe .log_bx .log_safe_txt4 {clear:both; width:100%;  height:50px; line-height:50px;  font-size:.9em; color:#333; letter-spacing:-.8px;  border-top:1px #ccc solid;  text-align:center;   position:relative}
.login_safe .log_bx .log_safe_txt4 span { padding:0px 10px;}

.login_safe .log_bx .safe_img{ clear:both;width:100%;height:84px;margin:0 auto; position:relative; }
.login_safe .log_bx .safe_img .naverCaptChaImg {width:70%; height:84px; border:#cccccc 1px solid;  float:left}
.login_safe .log_bx .safe_img .naverCaptChaImg img {width:100%; height:82px;}
.login_safe .log_bx .safe_img .btn_img {width:28%; height:84px; line-height:84px; float:right; text-align:center;  background:#ffffff;  font-size:1em;   border:#cccccc 1px solid; cursor:pointer; }
.login_safe .log_bx .safe_img .btn_img:hover {  background:#f1f1f1; }

.login_safe .log_bx .btn_safe_login { width:100%;  background-color:#f64149; color:#ffffff;  height:56px;  line-height:56px;   font-size:1.2em; margin-top:10px; margin-bottom:15px;}

.login_safe .log_bx .inputB { width:100%; height:45px; line-height:45px; margin-top:7px;}
.login_safe .log_bx .input_G{width:100%;  height:40px; line-height:40px;background-color:#FFF; border:#86aa16 1px solid; text-indent:5px; }
.login_safe .log_bx .input_G:focus {background-color:#fcfff8; border:#86aa16 1px solid; font-size:1em}
.login_safe .log_bx .input_R { width:100%;  height:40px; line-height:40px; background-color:#fffafa; border:#f64149 1px solid;text-indent:5px;}
.login_safe .log_bx .input_R:focus { background-color:#fffafa; border:#f64149 1px solid}

/* 로그인 그림문자 체크박스  변경*/
.login_safe .check-button_safe { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_logsafe_off.png)  no-repeat; background-size:25px;float:left; overflow:auto; width:130px;position:absolute; left:0px; top:0px;}
.login_safe .check-button_safe label { float:left; height:30px;cursor:pointer; scroll:none; text-align:right}
.login_safe .check-button_safe label span { padding-left:30px; height:auto; display:block; font-size:1em;color:#333;}
.login_safe .check-button_safe label input { display:none}
.login_safe .check-button_safe input:checked + span {  background:url(//ximage.sharebox.co.kr/mobile/icon/icon_logsafe_on.png)  no-repeat; background-size:25px; color:#333;}


/* 카카오페이인증 팝업 */
.popup_kapay_wrap {width:100%;height:100%;padding-top:15px;padding-bottom:15px; background-color:#fff}
.popup_kapay {width:90%; margin:0 auto;font-family:Verdana, Geneva, sans-serif;position:relative; }
.popup_kapay .kapay_tit { width:100%; height:50px; margin:0 auto;background:url(//ximage.sharebox.co.kr/mobile/popup/kapay_logo2.png) no-repeat;background-size:67px;  background-position:left top; padding-top:40px;  border-bottom:#ccc 1px dotted ;}
.popup_kapay .kapay_tit span { width:100%; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}


.kapay_pop {width:97%; height:auto; margin:0 auto; background-color:#ffffff; border:1px solid #ffeb00;  position:absolute; top:40px; z-index:100; padding:10px; }
.kapay_pop ul { width:100%; padding:0px;}
.kapay_pop li { list-style:none; font-family:Verdana, Geneva, sans-serif; }
.kapay_pop .btn_katx { width:100%;margin:0 auto; text-align:center; color:#000; text-align:left ;border-bottom:#ccc 1px dotted ; margin-bottom:5px;padding:10px 0px;}
.kapay_pop .btn_katx span { font-family:Verdana, Geneva, sans-serif;}

.kapay_pop .btn_kaok { clear:both; width:100%; height:50px; line-height:50px; margin:0 auto; margin-bottom:20px; margin-top:20px;text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#ffeb00;font-family:Verdana, Geneva, sans-serif;  cursor:pointer}
.kapay_pop .btn_kaok:hover { background-color:#fff600; }

.kapay_pop .txb {font-weight:bold; font-size:16px; line-height:25px;}
.kapay_pop .txm {font-weight:600; font-size:14px;  line-height:25px;  }
.kapay_pop .txs {font-size:12px;line-height:20px; color:#333}

.ck_tb { width:100%; margin:0 auto; background-color:#FFF; border:1px solid #ccc;  position:relative}
.ck_tb .ckALL {  width:95%;height:40px; line-height:40px;  margin:0 auto;  border-bottom:1px solid #ccc; font-weight:bold; font-size:16px; font-family:Verdana, Geneva, sans-serif ; margin-top:20px;}

.ck_tb_no { width:100%; margin:0 auto; background-color:#FFF; padding-bottom:10px; position:relative;font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt {  width:100%; padding:10px 0px;  margin:0 auto; border-bottom:1px solid #ccc; font-weight:bold; font-size:16px;font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt input {  height:40px; line-height:40px; background-color:#fff; color:#666; font-size:16px; border:#fff 1px solid; text-align:left; text-indent:5px; display:inline-block; font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt .btn_pon {padding:6px 10px; margin-top:5px; background-color:#000; text-align:center; color:#fff; font-size:12px; display:inline-block; cursor:pointer;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; float:right }
.ck_tb_no .ckALL_txt .btn_pon:hover { background-color:#ffeb00;  color:#000; }

.ck_tb .cklist {  width:100%;margin:0 auto; padding:20px 0px 00px 0px;}
.ck_tb .cklist ul {width:95%; padding:0px;margin:0 auto;}
.ck_tb .cklist li{  list-style:none; display:inline-block; font-family:Verdana, Geneva, sans-serif; margin-bottom:7px;}
.ck_tb .cklist ul li.ck_L { width:85%;height:35px; line-height:35px; text-align:left; font-size:14px; letter-spacing:-1px;}
.ck_tb .cklist ul li.ck_R { width:40px;height:35px; line-height:35px; text-align:center; font-size:12px;text-decoration:underline; color:#b8b8b8; float:right;  margin-right:10px;}
.ck_tb .cklist ul li.ck_R a{text-decoration:underline;outline:none;cursor:pointer;color:#333; }
.ck_tb .cklist ul li.ck_R a:hover{text-decoration:underline;}
.ck_tb .cklist ul li.ck_R a:active{text-decoration:none;}

.btn_cklist_on { width:100%; height:45px; line-height:45px; margin:0 auto; text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#ffeb00; margin-top:10px;cursor:pointer}
.btn_cklist_on :hover { background-color:#fff600; }

.btn_cklist_off { width:100%; height:45px; line-height:45px; margin:0 auto; text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#cccccc; margin-top:10px;cursor:pointer}
.btn_cklist_off:hover { background-color:#fff600; }
#cklist_t {display:none;}
#cklist_t + label {display:inline-block; cursor:pointer; background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_off.png) no-repeat 0; background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}
#cklist_t:checked + label { background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_on.png)  no-repeat;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist01 {display:none;}
#cklist01 + label {display:inline-block; cursor:pointer; background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}
#cklist01:checked + label {background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_on.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist02 {display:none;}
#cklist02 + label {display:inline-block; cursor:pointer; background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}
#cklist02:checked + label {background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_on.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist03 {display:none;}
#cklist03 + label {display:inline-block; cursor:pointer; background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}
#cklist03:checked + label {background:url(//ximage.sharebox.co.kr/mobile/popup/ic_kapay_on.png) no-repeat 0; background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}



/* 편성표 */
.tv_table2 { width:100%; margin:0 auto; background-color:#000}

.tv_table2 .top_img { width:100%; max-width:750px; max-height:220px;     margin:0 auto;  background-color:#111417; position:relative}
.tv_table2 .top_img .top_tit{  min-width:300px; text-align:left; position:absolute; top:20%;	left:5%;	 z-index:100	 }
.tv_table2 .top_img .top_tit h1 {display:block; text-align:left; line-height:150%;	color:#94ff01; font-size:2em; letter-spacing:-1px ;font-weight:bold;  font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }
.tv_table2 .top_img .top_tit h2 { display:block;text-align:left; line-height:150%; color:#ccc; font-size:.9em; letter-spacing:-1px ;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }	
.tv_table2 .top_img .top_tit span{ display:block;text-align:left; line-height:150%; color:#ccc; font-size:.9em; letter-spacing:-1px ;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }	 
.tv_table2 .top_img img { width:100%;min-width:300px; max-height:220px; min-height:150px ;text-align:right;}


@media all and (min-width:768px){
.tv_table2 .top_img { width:100%; max-width:750px; max-height:250px;     margin:0 auto;  background-color:#111417; position:relative}
.tv_table2 .top_img .top_tit{  min-width:300px; text-align:left; position:absolute; top:30%;	left:5%;	 z-index:100	 }
.tv_table2 .top_img .top_tit h1 {display:block; text-align:left; line-height:150%;	color:#94ff01; font-size:2em; letter-spacing:-1px ;font-weight:bold;  font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }
.tv_table2 .top_img .top_tit h2 { display:block;text-align:left; line-height:150%; color:#ccc; font-size:.9em; letter-spacing:-1px ;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }	
.tv_table2 .top_img .top_tit span{ display:block;text-align:left; line-height:150%; color:#ccc; font-size:.9em; letter-spacing:-1px ;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;  }	 
.tv_table2 .top_img img { width:100%;min-width:300px; max-height:250px; min-height:150px ;text-align:right;}
}

.tv_table2 .top_img .tv_time {width:216px; height:50px; border:0px #0CF solid; text-align:center; position:absolute; top:200px;	left:65px;	color:#FFF;	}
.tv_table2 .top_img .tv_time li { list-style:none;line-height:50px; display:inline-block;}
.tv_table2 .top_img .tv_time .tv_line { width:10px;line-height:50px; display:inline-block; background:url(//ximage.sharebox.co.kr/mobile/tvtable/icon_tline.png) no-repeat; 
background-position:center} 
.tv_table2 .top_img .tv_time .tv_day {  font-size:1.6em; 	color:#FFF; font-weight:bold; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; letter-spacing:-1px} 
.tv_table2 .top_img .tv_time .tv_txt {  font-size:1.6em; color:#FFF;  font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; letter-spacing:-1px } 

.tv_table2 .nav { width:100%; margin:auto; height:40px;background-color:#000;display:table; border-bottom:1px #e31232 solid;position:relative}
.tv_table2 .nav li {width:10%;  line-height:40px;display:table-cell;text-align:center;vertical-align:middle;color:#FFF; font-size:1.1em; letter-spacing:-1px ; cursor:pointer; font-weight:600;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; }
.tv_table2 .nav li:hover { background-color:#e31232; }
.tv_table2 .nav li.on {background-color:#e31232;   }
.tv_table2 .nav  .ic_book_on { width:100%; height:20px;display:block; background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_book.png) no-repeat; background-size:20px 20px ;background-position: center center;}
.tv_table2 .nav  .ic_book_off { width:100%; height:20px;display:block; background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_book_off.png) no-repeat; background-size:20px 20px ;background-position: center center;}


.tv_table2 .nav2 { width:100%; height:45px; margin:auto; display:block;  background-color:#e31232 }
.tv_table2 .nav2 .nav_L{ width:60%; float:left; padding:10px 0px; }
.tv_table2 .nav2 .nav_R{ width:38%;  padding:7px 0px;   max-width:120px;   min-width:100px;float:right; text-align:right; margin-right:5px;position:relative }
.tv_table2 .nav2 .nav_R .select_bx {width:100%;height:30px; line-height:30px; margin:auto; text-align:center; background-color:#000; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;  position:relative}
.tv_table2 .nav2 .nav_R .select_bx  select { width:90%; height:25px; line-height:25px; margin:auto;  color:#fff;  border:1px solid #000;  background:url(//ximage.sharebox.co.kr/mobile/tvtable/icon_bottomw.png) no-repeat 95% 50%; 
background-size:12px;  -webkit-appearance: none; -moz-appearance: none;appearance: none; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; } 
.tv_table2 .nav2 .nav_R .select_bx  select::-ms-expand {display: none;}
.tv_table2 .nav2 .nav_R .select_bx  select option { height:30px;background-color:#fff;   color:#000 }

/*편성표 라디오 */
.tv_table2  .check-tvck { background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_off.png) no-repeat; background-size:19px; float:left; margin-left:5px;overflow:auto; }
.tv_table2  .check-tvck label { float:left; height:25px;cursor:pointer; scroll:none; }
.tv_table2  .check-tvck label span { padding-top:3px; padding-left:24px; display:block;font-size:.9em;color:#fff; letter-spacing:-1px;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;}
.tv_table2  .check-tvck label input { display:none}
.tv_table2  .check-tvck input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_on.png) no-repeat;background-size:19px; color:#fff;font-size:.9em;letter-spacing:-1pxfont-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;}

.tv_table2 .tv_list { width:100%; margin:0 auto;  padding-top:10px;  padding-bottom:20px;  }
.tv_table2 .tv_list.bg1 {background-color:#e0e7f0;}
.tv_table2 .tv_list.bg2 {background-color:#f9f9f9;}
.tv_table2 .tv_list h1 {  height:50px;line-height:50px;  padding-left:10px;margin:0 auto;  font-size:1.7em; letter-spacing:-2px; text-align:left; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:300 }

.tv_table2 .tv_list ul { width:96%; display:table; margin:0 auto;}
.tv_table2 .tv_list li { width:22%; max-width:150px; list-style:none; display:inline-block; margin:5px 5px 10px 5px;  cursor:pointer ;position:relative;vertical-align:top} 
.tv_table2 .tv_list li img {width:100%; height:120px; overflow:hidden; margin-bottom:2px;position:relative;}
.tv_table2 .tv_list li .ic_bmk { width:20px;  height:20px;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center;-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; border-radius:0px 0px 30px 30px;   position:absolute; top:0px;	left:0px;z-index:100;}
.tv_table2 .tv_list li .ic_bmk i { width:20px;  height:20px; display:block; background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_book.png) no-repeat;background-size:12px; background-position:center center; }

.tv_table2 .tv_list li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; }
.tv_table2 .tv_list li .tvL_txt2{ width:90px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:-1px; text-overflow:ellipsis; 
overflow:hidden; white-space:nowrap;}

@media all and (min-width:735px){
.tv_table2 .tv_list ul { width:96%; display:table; margin:0 auto; }
.tv_table2 .tv_list li { width:17%; max-width:140px; list-style:none; display:inline-block; margin:9px 10px ;   cursor:pointer ;position:relative;vertical-align:top ;} 
.tv_table2 .tv_list li img {width:100%; height:180px; overflow:hidden; margin-bottom:2px;position:relative;}
.tv_table2 .tv_list li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; }
.tv_table2 .tv_list li .tvL_txt2{ width:130px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}

@media all and (max-width:310px){
.tv_table2 .tv_list ul { width:96%; display:table; margin:0 auto; }
.tv_table2 .tv_list li { width:28%; max-width:90px; list-style:none; display:inline-block; margin:6px 6px 10px 6px;  cursor:pointer ;position:relative;vertical-align:top} 
.tv_table2 .tv_list li img {width:100%; height:110px; overflow:hidden;margin-bottom:2px;position:relative;}
.tv_table2 .tv_list li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; }
.tv_table2 .tv_list li .tvL_txt2{ width:90px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}


/*놓친방송 */
.tv_table2 .tv_lis2 { clear:both;width:100%; margin:0 auto;   padding-bottom:20px; background-color:#000  }
.tv_table2 .tv_lis2  .line_icon { width:100%; height:40px;  border-top: 10px #e31232 solid; background:url(//ximage.sharebox.co.kr/mobile/tvtable/icon_bottom.png) no-repeat;background-position: top center}

.tv_table2 .tv_lis2 .teb_menu {clear:both; margin:0 auto; margin-bottom:20px; display:table; }
.tv_table2 .tv_lis2 .teb_menu h1 { font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif;   letter-spacing:-1px; }
.tv_table2 .tv_lis2 .teb_menu li {  height:30px; list-style:none;  display:table-cell; color:#5f666d; text-align:center; cursor:pointer;font-weight:500; font-size:1.2em;}
.tv_table2 .tv_lis2 .teb_menu li:first-child  { border-right:1px #5f666d solid}
.tv_table2 .tv_lis2 .teb_menu li:hover { color:#ffffff}
.tv_table2 .tv_lis2 .teb_menu li.on { color:#ffffff}


.tv_table2 .tv_lis2 h1 {  height:50px;line-height:50px;  padding-left:10px;margin:0 auto;  font-size:1.7em; letter-spacing:-2px; text-align:left; font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:300 }
.tv_table2 .tv_lis2 ul { width:96%; display:table; margin:0 auto; }
.tv_table2 .tv_lis2 li { width:22%; max-width:150px; list-style:none; display:inline-block;  margin:5px 5px 10px 5px; cursor:pointer ;position:relative;vertical-align:top;  } 
.tv_table2 .tv_lis2 li img {width:100%; height:120px; overflow:hidden; margin-bottom:2px;position:relative;}
.tv_table2 .tv_lis2 li .ic_bmk { width:20px;  height:20px;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center;-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px; border-radius:0px 0px 30px 30px;   position:absolute; top:0px;	left:0px;z-index:100;}
.tv_table2 .tv_lis2 li .ic_bmk i { width:20px;  height:20px; display:block; background:url(//ximage.sharebox.co.kr/mobile/tvtable/ic_book.png) no-repeat;background-size:12px; background-position:center center; }

.tv_table2 .tv_lis2 li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; color:#ccc}
.tv_table2 .tv_lis2 li .tvL_txt2{ width:85px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#ffffff}
/*랭킹번호 */
.tv_table2 .tv_lis2  .ic_rank { width:25px;  height:auto;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center;-webkit-border-radius:0px 0px 30px 30px; -moz-border-radius:0px 0px 30px 30px;  border-radius:0px 0px 30px 30px;  position:absolute; top:0px;	left:0px;z-index:100;}
.tv_table2 .tv_lis2  .ic_rank span { width:25px;  height:25px; display:block; color:#fff000;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-weight:500; font-size:1.2em;}
/*회차번호 */
.tv_table2 .tv_lis2  .ep_no { width:100%;  height:25px; line-height:25px;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center; position:absolute; top:95px;	z-index:100;}
.tv_table2 .tv_lis2  .ep_no span {color:#fff;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size:.9em;}

@media all and (min-width:735px){
.tv_table2 .tv_lis2 ul { width:96%; display:table; margin:0 auto; }
.tv_table2 .tv_lis2 li { width:17%; max-width:140px; list-style:none; display:inline-block; margin:9px 10px ;  cursor:pointer ;position:relative;vertical-align:top ;} 
.tv_table2 .tv_lis2 li img {width:100%; height:180px; overflow:hidden; margin-bottom:2px;position:relative;}
.tv_table2 .tv_lis2 li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; }
.tv_table2 .tv_lis2 li .tvL_txt2{ width:130px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*회차번호 */
.tv_table2 .tv_lis2  .ep_no { width:100%;  height:25px; line-height:25px;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center; position:absolute; top:155px;	z-index:100;}
.tv_table2 .tv_lis2  .ep_no span {color:#fff;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size:1em;}
}

@media all and (max-width:310px){
.tv_table2 .tv_lis2 ul { width:96%; display:table; margin:0 auto; }
.tv_table2 .tv_lis2 li { width:28%; max-width:90px; list-style:none; display:inline-block; margin:6px 6px 10px 6px;  cursor:pointer ;position:relative;vertical-align:top} 
.tv_table2 .tv_lis2 li img {width:100%; height:110px; overflow:hidden;margin-bottom:2px;position:relative;}
.tv_table2 .tv_lis2 li .tvL_txt1{ width:100%;display:block ; padding:0px 0px; text-align:left; font-size:.8em;letter-spacing:0px; }
.tv_table2 .tv_lis2 li .tvL_txt2{ width:90px; display:block ; padding:2px 0px; text-align:left; font-size:.9em;letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*회차번호 */
.tv_table2 .tv_lis2  .ep_no { width:100%;  height:25px; line-height:25px;   margin:0 auto; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black70.png) repeat;  text-align:center; position:absolute; top:85px;	z-index:100;}
.tv_table2 .tv_lis2  .ep_no span {color:#fff;font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size:1em;}

}




/* 푸쉬알림*/
.m_alarm { width:90%; height:auto; margin:0 auto; text-align:center; background-color:#fff; border:#ccc 1px solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding-top:30px; margin-top:20%;}
.m_alarm i { line-height:150%; text-align:center; color:#e31232; font-size:2.5em}
.m_alarm h1 { text-align:center; font-size:1.8em; line-height:150%; font-weight:bold; letter-spacing:-2px;  }
.m_alarm li {margin:0 auto; list-style:none;}
.m_alarm .tv_infoC { width:90%; line-height:150%; font-size:.9em; text-align:center; padding:10px 5px;letter-spacing:-1px;  }
.m_alarm .tv_infoL { width:90%; line-height:150%; font-size:1em; text-align:left; padding:10px 5px;letter-spacing:-1px;  }
.m_alarm .tv_infoL2 { width:90%; line-height:150%; font-size:.8em; text-align:left; padding:10px 5px;letter-spacing:-1px;  }

.m_alarm .tv_titB { width:90%; background-color:#333; padding:10px 0px; line-height:150%; color:#FFF; font-size:1.3em; text-align:center; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}
.m_alarm .tv_titR { width:90%; background-color:#e31232; padding:10px 0px; line-height:150%; color:#FFF; font-size:1.2em; text-align:center; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}

.m_alarm .bot_line { clear:both; width:100%; margin:0 auto; text-align:center; margin-top:20px;  height:40px; line-height:40px; border-top:#ccc 1px solid; display:inline-block;}
.m_alarm .bot_line li{ list-style:none; }
.m_alarm .bot_line .alarm_L { width:50%; float:left; text-align:center; font-weight:600 ;border-right:#ccc 1px solid; color:#000}
.m_alarm .bot_line .alarm_R { width:50%; float:right;  text-align:center; font-weight:600;color:#e31232; }



/* 푸쉬약관*/
.app_agree { width:80%; height:auto; margin:0 auto; text-align:center; background-color:#fff; border:#ccc 1px solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding-top:30px; margin-top:20%;}
.app_agree i { line-height:150%; text-align:center; color:#e31232; font-size:2.5em}
.app_agree h1 { text-align:center; font-size:1.4em; line-height:150%; font-weight:bold; letter-spacing:-2px;  }
.app_agree li {margin:0 auto; list-style:none;}
.app_agree .tv_infoC { width:90%; line-height:150%; font-size:.9em; text-align:center; padding:10px 5px;letter-spacing:-1px;  }
.app_agree .tv_infoL { width:80%; line-height:150%; font-size:1em; text-align:left; padding:10px 5px;letter-spacing:-1px;  }
.app_agree .tv_infoL2 { width:90%; line-height:150%; font-size:.8em; text-align:left; padding:10px 5px;letter-spacing:-1px;  }

.app_agree .tv_titB { width:90%; background-color:#666; padding:10px 0px; line-height:150%; color:#fff; font-size:1em; text-align:center; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}
.app_agree .tv_titR { width:90%; background-color:#e31232; padding:10px 0px; line-height:150%; color:#FFF; font-size:1.1em; text-align:center; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}

.app_agree .bot_line { clear:both; width:100%; margin:0 auto; text-align:center; margin-top:20px;  height:45px; line-height:45px; border-top:#ccc 1px solid; display:inline-block;cursor:pointer;}
.app_agree .bot_line li{ list-style:none;font-weight:600;color:#000; font-size:1.2em; }
.app_agree .bot_line .alarm_L { width:50%; float:left; text-align:center; font-weight:600 ;border-right:#ccc 1px solid; color:#000}
.app_agree .bot_line .alarm_R { width:50%; float:right;  text-align:center; font-weight:600;color:#e31232; }







/*-----------공통 타이틀 1줄------------*/
.all_tit { clear:both; width:100%; margin:0 auto; background-color:#f9f9f9;border-bottom: 1px #CCC solid;border-top: 1px #e2e2e2 solid;position:relative}
.all_tit li { list-style:none;  text-align:left; text-indent:5px; font-size:.9em; color:#333; height:35px; line-height:35px; }

/*-----------공통 타이틀 2탭 ------------*/
.all_titA  { clear:both; width:100%; margin:0 auto; background-color:#f9f9f9;border-bottom: 1px #CCC solid;border-top: 1px #e2e2e2 solid; position:relative}
.all_titA  ul {width:100%;display:inline-block;}
.all_titA  li { list-style:none; }
.all_titA  .all_tit_L { height:35px; line-height:35px; float:left ;text-align:left; color:#333; padding-left:10px;} 
.all_titA  .all_tit_R { height:35px; line-height:35px; float:right ;text-align:right; font-size:.8em; color:#333;padding-right:10px;} 



/*-----------이벤트------------*/
.event_tot { clear:both; width:100%;   margin:0 auto; text-align:center;} 
.event_tot_s {width:90%; min-width:250px; margin:0 auto; background-color:#FFF; padding:13px; margin:10px ;  display:inline-block;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative}
.event_tot_s li { list-style:none}

.event_icon { width:45px; height:40px;  line-height:35px; background-color:#f63756; color:#FFF; font-size:1em; -webkit-border-radius:0px 0px 100px 100px; -moz-border-radius:0px 0px 100px 100px;  border-radius:0px 0px 100px 100px;  position:absolute; top:0px; left:10px;
box-shadow:2px 1px 3px #000}

.event_img { width:100%; min-height:45px;  margin:0 auto;}
.event_tit { width:100%; margin:0 auto; text-align:left; line-height:25px;padding-top:10px; font-size:1.1em; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.event_titsub { width:100%; margin:0 auto; text-align:left; line-height:20px; font-size:.9em;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
@media (min-width :480px; ) {
.event_tot_s {width:90%; margin:0 auto; background-color:#FFF; padding:10px; margin-bottom:10px;}
.event_tot_s li { list-style:none}
} 
@media (min-width :768px) {
.event_tot_s { width:45%; margin:0 auto;  background-color:#FFF; padding:10px; margin:10px; display:inline-block} 
.event_tot_s li { list-style:none;  margin:0 auto; }
} 


.sub_wrap {clear:both;  width:100%; height:100%;min-height:800px;  margin:0 auto; } 
.sub_banner  {clear:both;  width:100%; margin:0 auto; text-align:center;} 

/*-----------서브 공통 테이블------------*/
.sub_nav {clear:both;  width:100%; height:30px; line-height:30px; margin:0 auto; text-align:center; background:#53606f; margin-bottom:15px;margin-top:10px;}
.sub_nav ul { width:95%; padding:0;  margin:0 auto; text-align:center;  display:table}
.sub_nav li {list-style:none;  display:table-cell;  padding:0px 10px; color:#e2e2e2; cursor:pointer; font-size:1em;vertical-align:middle;position:relative}
.sub_nav li.on { background-color:#8bc23f; -webkit-border-radius:2em ; -moz-border-radius: 2em; border-radius:2em; box-shadow:#666 0px 1px 3px 1px ; font-size:1em;color:#ffffff;  }
.icon_count { padding:2px 5px;  text-align:center; margin:0px 5px; background-color:#e63740; color:#FFF; font-size:.7em; 
-webkit-border-radius: 20px;-moz-border-radius:  20px;border-radius: 20px; }

.sub_noti{clear:both;  width:95%; height:25px; line-height:25px; margin:0 auto;font-size:.9em;}

.sub_tot { clear:both; width:100%; margin:0 auto; text-align:center; padding-bottom:20px; } 
.my_Tabtit { width:95%;  height:30px;  line-height:30px; margin:0 auto; padding:0;  text-indent:5px;  font-size:.9em; text-align:left;margin-top:10px;}

/*-------설정페이지 ------*/
.m_seting {clear:both;  width:100%; margin:0 auto;position:relative;background-color:#fff;  }
.m_seting .m_seting_bx{  width:100%;  margin:0 auto;position:relative;}

.m_seting .m_seting_bx  li {list-style:none; display:inline-block;  }
.m_seting .m_seting_bx .set_tit  {width:100%;   margin:0 auto;text-align:left; padding:3px 0px; border-bottom:#e2e2e2 1px solid;  background-color:#f9f9f9;}
.m_seting .m_seting_bx .set_tit h1  {font-size:1em; line-height:30px; padding-left:15px;}

.m_seting  .m_seting_bx .set_infoL { clear:both; text-align:left;  padding:10px 0px 20px 15px ; border-bottom:#e2e2e2 1px solid;  position:relative}
.m_seting  .m_seting_bx .set_infoL li { display:inline-block; line-height:150%; list-style:none; font-size:1em;}

.m_seting  .m_seting_bx .set_infoL .set_L { text-align:left }
.m_seting  .m_seting_bx .set_infoL .set_R { float:right; margin-right:15px; text-align:right}
.m_seting  .m_seting_bx .set_infoL .set_R  .set_btn { padding:3px 10px; display:inline-block;  background-color:#666; color:#fff; font-size:.9em; text-align:center; letter-spacing:-1px; -webkit-border-radius:3em; -moz-border-radius:3em; border-radius:3em;  }

.m_seting  .m_seting_bx .set_infoL_bx { clear:both; width:100%; margin:0 auto;  text-align:left;background-color:#fff;  border-bottom:#e2e2e2 1px solid;  position:relative;}
.m_seting  .m_seting_bx .set_infoL_bx ul {width:95%;margin:0 auto; border-bottom:#e2e2e2 1px solid; }
.m_seting  .m_seting_bx .set_infoL_bx li { display:inline-block; list-style:none; font-size:1em; padding:15px 0px;  }
.m_seting  .m_seting_bx .set_infoL_bx .set_L { text-align:left }
.m_seting  .m_seting_bx .set_infoL_bx .set_R { float:right; margin-right:10px; text-align:right; }
.m_seting  .m_seting_bx .set_infoL_bx .set_R .set_btn { padding:5px 10px; display:inline-block; color:#fff; font-size:.9em; text-align:center; letter-spacing:-1px; -webkit-border-radius:3em; -moz-border-radius:3em; border-radius:3em;  }
.m_seting  .m_seting_bx .set_infoL_bx .set_C { clear:both;  width:100%; text-align:left; }



/*--가로----*/
.sub_tot_tb {clear:both;  width:95%; margin:0 auto;background-color:#ffffff; } 
.sub_tot_tb table {clear:both;  width:100%; padding:7px;} 
.sub_tot_tb table .tbtit  { font-size:.8em; line-height:18px;  background-color:#f9f9f9;text-align:center;border-top: 1px #ccc solid;  } 
.sub_tot_tb td { padding:5px; line-height:18px;border-bottom: 1px #e2e2e2 solid;  font-size:.9em; word-break: break-word;}

.sub_tot_tb .title {text-align:left;} 
.title_over{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.title_end{word-break: break-all; }



/*--세로----*/
.sub_tot_tb2 {clear:both;  width:95%; margin:0 auto;background-color:#ffffff; } 
.sub_tot_tb2 table {clear:both;  width:100%; padding:7px;} 
.sub_tot_tb2 table .tbtit  { font-size:.8em; line-height:18px;  background-color:#f9f9f9} 
.sub_tot_tb2 table .tdr_sun { border-right:#e2e2e2 1px solid }
.sub_tot_tb2 td {padding:5px; line-height:18px;border-bottom: 1px #e2e2e2 solid;  font-size:.9em; text-align:left;}
.sub_tot_tb2 .title {text-align:left; line-height:18px;word-spacing:normal} 

.btntb_sl {padding:5px 10px; color:#ffffff; text-align:center;  font-size:.9em;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;cursor:pointer;word-break: keep-all;}
.btntb_ssl {line-height:20px; padding:3px 5px; color:#ffffff; text-align:center;  font-size:.9em;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;word-break: keep-all;cursor:pointer}


.btn_one2one {clear:both;  width:95%; height:35px;  line-height:35px; margin:0 auto; text-align:center;  margin-bottom:10px;  margin-top:10px; font-size:1em; background-color:#ffffff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;cursor:pointer } 
.input_normal  { height:36px;line-height:36px; background-color:#ffffff; border: #ffffff 0px solid;  font-size:1em;  text-indent:5px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; border: #cccccc 1px solid;} 
.input_normals  { height:30px;line-height:30px; background-color:#ffffff; border: #ffffff 0px solid;  font-size:1em;  text-indent:5px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; border: #cccccc 1px solid;} 

.input_textarea {width:100%;  min-height:150px;line-height:20px; background-color:#ffffff; border: #ffffff 0px solid;  font-size:1em;  text-indent:5px;-webkit-border-radius:5px ;  -moz-border-radius:5px ; border-radius:5px; border: #cccccc 1px solid;} 

.sub_btnb {clear:both;  width:100%; height:35px;  line-height:35px; margin:0 auto; text-align:center;  margin-bottom:10px;  margin-top:10px; font-size:1em; }

.tvtable_info {clear:both; margin:0 auto; padding-top:15px;padding-bottom:15px;}
.tvtable_info span { line-height:150%;}
.tvtable_info  .sub_btn_tvtable  {clear:both;  line-height:40px; height:40px;  padding:7px 15px; margin:0 auto; text-align:center;   font-size:1em; color:#fff; background-color:#000;-webkit-border-radius:50px ;  -moz-border-radius:50px ; border-radius:50px;  cursor:pointer }
.sub_btn_tvtable  {clear:both;width:95%;  line-height:40px; height:40px; margin:0 auto; margin-top:20px; text-align:center; font-weight:bold;  font-size:1.2em; color:#fff; background-color:#e31232;  cursor:pointer }

/*-----------서브 공통 흰------------*/
.sub_info {clear:both;  width:95%; margin:0 auto; background-color:#fff; padding-bottom:15px;padding-top:10px; margin-bottom:10px;}
.sub_info ul { width:90%; padding:0;  margin:0 auto; text-align:center;  }
.sub_info li {line-height:16px; list-style:none;  text-align:left;  cursor:pointer; font-size:.8em; margin-bottom:3px;color:#666;}
.sub_info .sub_info_tit  {  line-height:30px; font-size:1.1em; text-align:left;  color:#000; font-weight:bold;  }

/*-----------서브 공통 배경없음 ------------*/
.sub_infono {clear:both;  width:95%; margin:0 auto;  padding-bottom:15px;padding-top:10px; margin-bottom:10px;margin-top:30px;}
.sub_infono ul { width:90%; padding:0;  margin:0 auto; text-align:center;  }
.sub_infono li {line-height:16px; list-style:none;  text-align:left;  cursor:pointer; font-size:.8em; margin-bottom:3px;color:#666;}
.sub_infono .sub_info_tit  {  line-height:30px; font-size:1.1em; text-align:left;  color:#000; font-weight:bold;  }



/*-----------view footer menu------------*/
.view_footer {clear:both; width:100%; background:url(//ximage.sharebox.co.kr/mobile/popup/bg_black80.png) repeat; position:fixed; bottom:0;overflow:hidden;z-index:999; }
.view_footer ul { width:100%; margin:0 auto; text-align:center;display:inline-table}
.view_footer li {list-style:none; margin:0 auto; height:40px;  text-align:center; font-size:1em; display:table-cell; cursor:pointer}
.view_footer  i {padding-right:10px;}
.view_footer .btn_vL { width:50%;height:40px;  line-height:40px; background-color:#76b026; opacity:0.9;color:#FFF ; font-weight:bold;}
.view_footer .btn_vR {   width:50%;height:40px;  line-height:40px;background-color:#383d42; opacity:0.9;color:#FFF; font-weight:bold;}

/*----------- 정액제 결제 하단 약관 내용  ------------*/
.popup_flat_info { clear: both; display: inline-block; width: 90%; height: auto; margin: 0 auto; background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; text-align: left; }
.popup_flat_info ul { margin-left: 20px; }
.popup_flat_info li { width: auto;  letter-spacing: -.6px; list-style: none;  text-align: left; font-size: 11px; color: #666; }
.mar_bot10 { margin-bottom: 10px; } 


/* 받은파일 컬러  */
.dw_bg { background-color:#f9f9f9;}
.dw_eplist {clear:both; display: flex; justify-content: space-between;align-items: center;border-bottom: 1px dotted #e2e2e2;}
.dw_eplist:last-child {border-bottom: 0px dotted #e2e2e2;}

.dw_eplist li { display: inline-block;  list-style:none;padding:3px 0px;}
.dw_eplist  .epnom {  line-height:18px;word-break:break-all;text-align: left; font-size:.9em;}
.dw_eplist  .epbtn {display: flex;   align-items: center;}
.dw_eplist  .epbtn span { margin:0 5px;word-break: keep-all; }
.dw_eplist  .epbtn .dwcolor {background-color:#6ea624;}
.dw_eplist  .epbtn .dwreolor {background-color:#5277e2;}
.dw_eplist  .epbtn .dwhdcolor {background-color:#253e04;}
.dw_eplist  .epbtn .dwbtn {padding:7px 10px;color:#ffffff; text-align:center;   font-size:.9em;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;cursor:pointer}