@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css); @charset "UTF-8"/* CSS Document */ /* ============================= Copryright 2015 TOPCOMICS. written for - http://toptoon.com *Color Sample -basic font:#666; -strong font:#333; -red.orange font:#fe330b; -gray line:#e1e1e1; -gray bg:#f6f6f6; ============================= */ /*reset*/ html {height:100%;} article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary{display:block;} body{margin:0px; padding:0px; background:#f7f7f7; font-family: '나눔 고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:11px; line-height:16px;} img{border:none; outline:none; vertical-align:middle;} a, a:active{outline:none; border:none;} input, select{border:1px #ccc solid; font-size:11px; color:#4d4d4d; font-family: '나눔 고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; outline:none; margin:0; vertical-align:middle;} button{outline:none; border:none; cursor:pointer; font-family: '나눔 고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif;} a{text-decoration:none; color:#666;} a:hover{text-decoration:none;} table{border-collapse:collapse; padding:0; border-spacing:0;} /*common*/ .clear{clear:both;} .clearfix:after{content:"."; visibility:hidden; display:block; height:0;clear:both} .float_right{float:right;} .float_left{float:left;} .align_top{vertical-align:text-top;} .align_center{text-align:center;} .align_left{text-align:left;} .align_right{text-align:right;} .border_none{border:none;} .tc-orange{color:#fe330b;} /*버튼아이콘*/ .btn_type1{background:#fe330b; border-radius:50px; color:#fff; font-size:11px; font-weight:bold; text-align:center; padding:1px 8px 0px; border:2px solid #fe330b;}/*첫회보기, 최신작*/ .btn_type1:active{border:2px solid #fe330b;} .btn_type2{background:#fff; border-radius:50px; color:#fe330b; font-size:11px; font-weight:bold; text-align:center; padding:1px 8px 0px; border:2px solid #fe330b;}/*정주행*/ .btn_type2:active{border:2px solid #fe330b;} .btn_type3{width:130px; height:40px; border-radius:50px; color:#333; font-size:14px; font-weight:bold; text-align:center; border:1px solid #ddd; background:#fff; line-height:30px;}/*바로보기*/ .btn_type4{width:130px; height:40px; background:#fe330b; border-radius:50px; color:#fff; font-size:14px; font-weight:bold; text-align:center; border:1px solid #fe330b;}/*소장중*/ .btn_type5{width:130px; height:40px; background:#fff; border-radius:50px; color:#333; font-size:13px; font-weight:bold; text-align:center; border:1px solid #d1d1d1;}/*무료가입 후 보기*/ .btn_type6{background:#fe330b; color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:12px 85px;}/*알림창*/ .btn_type7{background:#262b30; color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:12px 46px; margin: 4px;}/*알림창 쿠폰 btn*/ .btn_type8{background:#fe330b; color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:12px 46px;}/*알림창 해피머니 btn*/ .btn_episode_coin{background:url(/assets/img/www/icon_episode_coin.png) no-repeat 12px center #fff; text-indent:20px;} /*에피소드 뷰어 롤오버*/ A.roll img {display:inline; border:1px #333644 solid;} A.roll img.over{display:none;border:1px #dc1f26 solid;} A.roll:hover{border:0;} A.roll:hover img{display:none;} A.roll:hover img.over{display:inline;} textarea:focus, input:focus {background-color:#FFF5F5; border:1px #dc1f26 solid;} input, select, textarea{color:#000;} /*네비게이션*/ header{width:100%; height:129px; position:fixed; top:0; background:#fff; z-index:100; border-bottom:1px solid #e1e1e1; margin:0; padding:0;} header ul{padding:0; margin:0;} header li{list-style:none; padding:0; margin:0;} header .gnb_warp{width:100%; height:28px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; text-align:center;} header .gnb_warp .gnb{width:1200px; height:28px; margin:auto; position:relative;} header .gnb_warp .gnb a{text-decoration:none; color:#666;} header .gnb_warp .gnb a:hover{text-decoration:underline;} header .gnb_warp .gnb ul.left_smenu{position:absolute; top:0; left:0px; text-align:left;} header .gnb_warp .gnb ul.left_smenu li{height:28px; line-height:28px; display:inline-block;} header .gnb_warp .gnb ul.left_smenu li:after{content:'|'; margin:0 6px;} header .gnb_warp .gnb ul.left_smenu li:last-child:after{content:''; margin:0;} header .gnb_warp .gnb ul.menu{width:284px; height:28px; margin:auto; text-align:center; border-left:1px solid #e1e1e1; border-right:1px solid #fff;} header .gnb_warp .gnb ul.menu li{width:70px; height:28px; line-height:29px; float:left; border-right:1px solid #e1e1e1; text-align:center;} header .gnb_warp .gnb ul.menu li.on{background:#fff; border-bottom:1px solid #fff;} header .gnb_warp .gnb ul.menu li a{display:block; text-decoration:none; font-size:13px; font-weight:bold;} header .gnb_warp .gnb ul.menu li.on a{color:#fe330b;} header .gnb_warp .gnb ul.right_smenu{position:absolute; top:0; right:0px; text-align:right;} header .gnb_warp .gnb ul.right_smenu li{height:28px; line-height:29px; display:inline-block; position:relative;} header .gnb_warp .gnb ul.right_smenu li:after{content:'|'; margin:0 6px;} header .gnb_warp .gnb ul.right_smenu li:last-child:after, header .gnb_warp .gnb ul.right_smenu li:first-child:after{margin:0; color:#f6f6f6;} header .gnb_warp .gnb ul.right_smenu .switch_adult_on{width:43px; height:20px; display:inline-block; background:url(/assets/img/www/switch_adult.png) no-repeat; background-size:42px 38px; background-position:0 0; position:absolute; top:5px; right:8px; cursor:pointer;} header .gnb_warp .gnb ul.right_smenu .switch_adult_off{width:43px; height:20px; display:inline-block; background:url(/assets/img/www/switch_adult.png) no-repeat; background-size:42px 38px; background-position:0 -20px; position:absolute; top:5px; right:8px; cursor:pointer;} /*내정보*/ header .gnb_warp .gnb ul.right_smenu #my_info{width:180px; position:absolute; border:1px #e1e1e1 solid; list-style:none; z-index:5; background:#fff; font-weight:bold; margin-top: -1px; display:none;} header .gnb_warp .gnb ul.right_smenu #my_info li{border-bottom:1px #e1e1e1 solid; text-align:left; margin:0; padding:5px 10px 5px 10px; width:160px;} header .gnb_warp .gnb ul.right_smenu #my_info li:after{content:'';} header .gnb_warp .gnb ul.right_smenu #my_info li .right{float:right;} header .gnb_warp .gnb ul.right_smenu #my_info li .number{color:#fe330b;} header .gnb_warp .gnb ul.right_smenu #my_info li.list_menu{text-align:center; background-color:#f6f6f6;} header .gnb_warp .gnb ul.right_smenu #my_info li:last-child{border-bottom:0;} header .gnb_warp .gnb ul.right_smenu #my_info li a{display:block;} header .gnb_warp .gnb ul.right_smenu #my_info li a:hover{color:#fe330b; text-decoration: none;} header .gnb_warp .gnb ul.right_smenu li.message {display:inline-block; width:43px; background:url(/assets/img/icon_messeage.png) no-repeat 3px center;} header .gnb_warp .gnb ul.right_smenu span.message_ea{position:absolute; top: 11px; width: 14px; height: 14px; left: 14px; font-size: 10px; color: #fff; background: #FE330B; line-height: 14px; border-radius: 50%; text-align: center;} /*LNB*/ header .lnb{width:1200px; height:100px; margin:auto;} header .lnb a.logo{width:160px; height:100px; display:inline-block; float:left; background:url(/assets/img/common/logo_toptoon2.png) no-repeat left center;} header .lnb ul.lnb_menu{float:left; height:100px;} header .lnb ul.lnb_menu li{float:left; line-height:97px; padding:0 14px; position:relative;} header .lnb ul.lnb_menu li a{font-size:20px; font-weight:bold; letter-spacing:-1px; color:#333; position:relative;} header .lnb ul.lnb_menu li a:hover, header .lnb ul.lnb_menu li.on a, header .lnb ul.lnb_right_menu li a:hover{color:#fe330b;} header .lnb ul.lnb_menu li span.dayfree{width:40px; height:17px; line-height:17px; background:#fe330b; color:#fff; text-align:center; position:absolute; top:18px; right:0; font-size:11px; border-radius:40px; font-weight:bold; letter-spacing:-1px;} header .lnb ul.lnb_menu li span.construction{width:40px; height:17px; line-height:17px; background:#fe330b; color:#fff; text-align:center; position:absolute; top:18px; right:0; font-size:11px; border-radius:40px; font-weight:bold; letter-spacing:-1px;} header .lnb ul.lnb_menu li span.crown{display:block; width:16px; height:12px; position:absolute; top:-10px; right:2px; background:url(/assets/img/www/icon_crown.png) no-repeat;} header .lnb ul.lnb_menu li span.adult{ font-size: 11px; border: 2px solid #fe330b; border-radius: 24px; display: inline-block; position: relative; top: 38px; margin:0; margin-right: 2px; width: 16px; height: 16px; text-align: center; line-height: 16px; float: left; color:#333 !important; } header .lnb ul.lnb_right_menu{float:right; height:100px;} header .lnb ul.lnb_right_menu li{float:left; line-height:100px; font-size:14px; font-weight:bold; padding-left:10px;} header .lnb ul.lnb_right_menu li a{color:#333;} /*검색*/ .search{width:210px; height:33px; float:left; margin:34px 10px 0 0px; position:relative;} .search .box #comic_search_back{width:188px; height:29px; line-height:29px; border:1px solid #eee; padding:0 10px; background:url(/assets/img/www/index_renewal/icon_search.png) 180px 5px no-repeat #eee; background-size:20px; color:#333;} .search .box #comic_search{width:188px; height:29px; line-height:29px; border:1px solid #eee; padding:0 10px; position:absolute; top:0; left:0; background:transparent;} .search .box #comic_search:focus{background:url(/assets/img/www/index_renewal/icon_search_on.png) 180px 5px no-repeat #fff; background-size:20px;} .search .autobox #search_result_comic, .search .autobox #search_result_author{padding:0px; margin:0px;} .search .autobox{width:310px; background:#fff; z-index:10; position:absolute; top:30px; left:0; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:0;} .search .autobox ul li{width:300px; height:85px; list-style:none; border-bottom:1px #dfdfdf solid; cursor:pointer;} .search .autobox ul li:first-child{border-top:1px solid #dfdfdf;} .search .autobox ul li.active{background-color:#f6f6f6; overflow:hidden;} .search .autobox .img{width:110px; height:65px; border:1px #dfdfdf solid; float:left; padding:0; margin:10px 8px 0 0;} .search .autobox .text{width:180px; height:65px; margin:10px 0 0 0; padding:0; line-height:12px; font-size:12px; font-weight:normal; float:left; vertical-align:text-top; color:#666;} .search .autobox span{width:180px; font-size:14px; font-weight:bold; color:#e41800; display:block; padding:0 0 5px 0; line-height:18px;} /*블로그 공지*/ ul.rss_notice{width:800px; height:30px; overflow:hidden; background:url(/assets/img/www/index_renewal/icon_news.jpg) no-repeat left center; padding:0; margin:0;margin-bottom:15px !important;} ul.rss_notice li{float:none; line-height:30px; text-indent:20px; list-style:none; padding:0; margin:0;width:100%} ul.rss_notice li a{display:block; color:#666; text-decoration:none;} ul.rss_notice li a:hover{text-decoration:underline;} /*요일별웹툰(열흘만화-오늘) 요일탭*/ .index_new{width:1200px; margin:15px auto 0;} .index_new p{padding:0; margin:0;} .index_new ul{margin:0; padding:0;} .index_new ul li{margin:0; padding:0; list-style:none; float:left;} header ul.week_menu, .index_new ul.week_menu{width:1200px; background:#fff; margin:0px auto 20px;} /* --요일탭 라인 있는 것 .index_new ul.week_menu li{width:119px; height:28px; line-height:28px; text-align:center; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; overflow:hidden;} .index_new ul.week_menu li:first-child{border-left:1px solid #dbdbdb;} .index_new ul.week_menu li + li + li + li + li + li + li + li + li + li{width:118px;} */ header ul.week_menu li, .index_new ul.week_menu li{width:120px; height:30px; line-height:30px; text-align:center;float:left;margin: 0 auto; position:relative;} header ul.week_menu li a, .index_new ul.week_menu li a{display:block; color:#333; font-weight:bold;} header ul.week_menu li.on, header ul.week_menu li:hover, .index_new ul.week_menu li.on, .index_new ul.week_menu li:hover{background:#fe330b; border-color:#e62600;} header ul.week_menu li.on a, header ul.week_menu li:hover a, .index_new ul.week_menu li.on a, .index_new ul.week_menu li:hover a{color:#fff;} header ul.week_menu{display:none;margin:0px auto;} header ul.week_menu.on{display:block;} ul.week_menu li a span.week_up{width:20px; height:20px; display:block; border-radius:30px; color:#fff; background:#fe330b; position:absolute; top:-13px; left:50%; line-height:20px; font-size:10px; font-family:tahoma, arial, sans-serif; text-transform:uppercase;} ul.week_menu li a span.today{border-bottom:2px solid #fe330b; display:block; width:25px; height:28px; margin:auto;} /* 장르별 정렬 메뉴 */ header ul.sort_menu,.index_new ul.sort_menu{width:1200px; height:30px; margin:-18px auto 20px;background: #fff} header ul.sort_menu li,.index_new ul.sort_menu li{width:25%; height:30px; line-height:30px; text-align:center;float:left;position: relative;} header ul.sort_menu li a,.index_new ul.sort_menu li a{color:#333; font-weight:bold;position: relative;} header ul.sort_menu li.on a, header ul.sort_menu li:hover a, .index_new ul.sort_menu li:hover a, .index_new ul.sort_menu li.on a{color: #fe330b;} header ul.sort_menu li.on a:after, header ul.sort_menu li:hover a:after, .index_new ul.sort_menu li.on a:after, .index_new ul.sort_menu li:hover a:after{ content: ''; border-bottom: 2px solid #fe330b; position: absolute; width: 130%; bottom: -4px; left: -15%; } header ul.sort_menu{margin:0px auto;display:none} header ul.sort_menu.on{display:block} /*큰 썸네일 리스트*/ .index_new ul.thumb{width:1200px;} .index_new ul.thumb li{border:2px solid #ebebeb; width:220px; height:240px; margin:0 0 20px 20px; position:relative;} .index_new ul.thumb li.first{margin-left:0;} .index_new ul.thumb li a{display:block;position: relative;} .index_new ul.thumb li .thumb_img{width:220px; height:115px; overflow:hidden; position:relative;} .index_new ul.thumb li .thumb_img:after{content: '';display:block;width: 100%;height: 145px; background: rgba(0,0,0,.66); /* background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0.33) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(50%,rgba(0,0,0,0.66)), color-stop(100%,rgba(0,0,0,0.33))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#54000000',GradientType=0 ); */ position: absolute;top: 0;left: 0;opacity: 0;transition:all .2s;z-index: 3;} .index_new ul.thumb li:hover .thumb_img:after{opacity:1;} .index_new ul.thumb li .thumb_img img{width:auto; height:115px; position:absolute; top:0px; left:-5px; /* -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform: rotate(.000001deg); transition : all .5s */ } /* .index_new ul.thumb li .thumb_img:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); opacity : 1; } */ /*큰 썸네일 리스트*/ .index_new ul.thumb{width:1200px;} .index_new ul.thumb li{border:2px solid #ebebeb; width:220px; height:220px; margin:0 0 20px 20px; position:relative; background:#fff;} .index_new ul.thumb li.first{margin-left:0;} .index_new ul.thumb li a{display:block;position: relative;} .index_new ul.thumb li .thumb_img{width:220px; height:115px; overflow:hidden; position:relative;} .index_new ul.thumb li .thumb_img:after{content: '';display:block;width: 100%;height: 145px; background: rgba(0,0,0,.66); position: absolute;top: 0;left: 0;opacity: 0;transition:all .2s;z-index: 3;} .index_new ul.thumb li:hover .thumb_img:after{opacity:1;} .index_new ul.thumb li .thumb_img img{width:auto; height:115px; position:absolute; top:0px; left:-5px; } .index_new ul.thumb li .thumb_info{width:220px; height:95px; font-size:12px; line-height:16px; color:#666; position:relative; background: #fff} .index_new ul.thumb li .thumb_info p.webtoon_update{text-align:center; height:20px; line-height:20px; background:#fd4243;} .index_new ul.thumb li .thumb_info p.title{width:200px; font-size:16px; font-weight:bold; color:#333; padding-bottom:5px; line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position:relative;} .index_new ul.thumb li .thumb_info p.icon{position:absolute; top:32px; right:10px;} .index_new ul.thumb li .thumb_info p.writer{color:#999; padding-top:10px; font-size:11px;} .index_new ul.thumb li .thumb_info > .starpoint {position: absolute; bottom: 12px; left: 92px;} .index_new ul.thumb li .thumb_info > .starpoint > .starpointwrap{background-color:#fff; color:#A1A1A1;font-weight:600; float: right; } .index_new ul.thumb li .thumb_info > .starpoint > .starpointwrap > img{ background-color:#fff; width: 17px; padding-right: 2px;} .index_new ul.thumb li .thumb_info > .starpoint .review {background-color:#fff; color:#A1A1A1;font-weight:600; float:left;} .index_new ul.thumb li .thumb_info > .starpoint .review > img{ background-color:#fff; width: 14px; padding-right: 3px; } .index_new ul.thumb li .thumb_info_limit{width:200px; height:40px; font-size:12px; line-height:16px; color:#666; padding:10px 10px 15px; position:relative; background: #fff} .index_new ul.thumb li .thumb_info_limit p.title{width:165px; font-size:16px; font-weight:bold; color:#333; padding-bottom:5px; line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .index_new ul.thumb li .thumb_info_limit p.icon{position:absolute; top:8px; right:10px;} .index_new ul.thumb li .thumb_info_limit p.writer{color:#999; padding-top:10px; font-size:11px;} .index_new ul.thumb li .thumb_info_limit > .starpoint {position: absolute; bottom: 12px; left: 92px;} .index_new ul.thumb li .thumb_info_limit > .starpoint > .starpointwrap{background-color:#fff; color:#A1A1A1;font-weight:600; float: right; } .index_new ul.thumb li .thumb_info_limit > .starpoint > .starpointwrap > img{ background-color:#fff; width: 17px; padding-right: 2px;} .index_new ul.thumb li .thumb_info_limit > .starpoint .review {background-color:#fff; color:#A1A1A1;font-weight:600; float:left;} .index_new ul.thumb li .thumb_info_limit > .starpoint .review > img{ background-color:#fff; width: 14px; padding-right: 3px; } .index_new ul.thumb li .thumb_desc{position: absolute;top: 0;left: 0;color: #fff;margin: 32px 16px;display:none;height:82px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;z-index: 4;} .index_new ul.thumb li:hover .thumb_desc{display: -webkit-box;} /*댓글아이콘 추가 150919_jy*/ .index_new ul.thumb .thumb_info .community{position:absolute; bottom:8px; right:10px;} .index_new ul.thumb .thumb_info .community span{display:block; float:right; text-align:right;} .index_new ul.thumb .thumb_info .community span.community_view{margin-left:10px;} .index_new ul.thumb .icon_community{position:absolute; top:70px; right:5px; background:rgba(0,0,0,0.8); color:#fff; width:40px; height:40px; border-radius:50%; z-index:2; font-size:10px; text-align:center; background:url(/assets/img/www/icon_community.png);} /*작은 썸네일 리스트*/ .index_new ul.mini_thumb{width:1200px; margin-top:15px;} .index_new ul.mini_thumb li{width:120px; position:relative; margin:0 0 20px 34px;} .index_new ul.mini_thumb li.first{margin:0 2px 0 0;} .index_new ul.mini_thumb li a{display:block;position: relative;} .index_new ul.mini_thumb li a .mini_thumb_wrap{width:120px; height:145px;} .index_new ul.mini_thumb li a .mini_thumb_wrap:after{content: '';display:block;width: 100%;height: 145px; background: rgba(0,0,0,.66); /* background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.66) 50%, rgba(0,0,0,0.33) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(50%,rgba(0,0,0,0.66)), color-stop(100%,rgba(0,0,0,0.33))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.66) 50%,rgba(0,0,0,0.33) 100%); */ position: absolute;top: 0;left: 0;opacity: 0;transition:all .2s} .index_new ul.mini_thumb li a:hover .mini_thumb_wrap:after{opacity:1;} .index_new ul.mini_thumb li a .mini_thumb_desc{position: absolute;top: 0;left: 0;color: #fff;margin: 32px 16px;display:none;height:82px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .index_new ul.mini_thumb li a:hover .mini_thumb_desc{display: -webkit-box;} /* .index_new ul.mini_thumb li a img:after{display:block;content:'';width:100%;height:100;} */ /* .index_new ul.mini_thumb li a:hover img{opacity:.7;} */ .index_new ul.mini_thumb li a img{width:120px; height:145px;} .index_new ul.mini_thumb .mini_thumb_info{width:120px; height:43px; position:relative;} .index_new ul.mini_thumb .mini_thumb_info p.title{width:85px; font-weight:bold; font-size:14px; color:#333; padding:10px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .index_new ul.mini_thumb .mini_thumb_info p.icon{position:absolute; top:10px; right:0;} .index_new ul.mini_thumb .mini_thumb_info p.writer{color:#999;} /*부분리뉴얼 - 메인배너 */ .bnr_new_wrap{width:100%; height:270px; position:absolute;left:0;transition:all .5s;margin-top:130px;} .bnr_new_wrap:hover:after{background:rgba(255,255,255,.05);} .bnr_new_wrap .main_bnr_new{width:1200px; margin:0 auto;padding:0; position:relative;} .bnr_new_wrap .main_bnr_new .main_bnr_img{padding:0;} .bnr_new_wrap .main_bnr_new .main_bnr_img li{margin:0; padding:0; list-style:none;display:none;} .bnr_new_wrap .main_bnr_new .main_bnr_img li img{display:block;height:270px} .bnr_new_wrap .main_bnr_new .bnr_info{width:500px; height:224px; overflow:hidden; position:absolute; z-index:3; top:0px; left:0px;pointer-events:none;padding-left:32px; font-weight:bold; -webkit-transform:rotate(.000001deg);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-shadow: 0px 0px 8px rgba(255,255,255,.97);} .bnr_new_wrap .main_bnr_new .bnr_info.white{text-shadow: 0px 0px 5px rgba(0,0,0,0.7);} .bnr_new_wrap .main_bnr_new .bnr_info p{padding:0; margin:0;} .bnr_new_wrap .main_bnr_new .bnr_info p.category{color:#fe330b; font-size:18px; line-height:18px; padding:30px 0 8px 0;} .bnr_new_wrap .main_bnr_new .bnr_info p.title{font-size:48px; line-height:48px; letter-spacing:-3px;color:#222; padding-bottom:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bnr_new_wrap .main_bnr_new .bnr_info p.synop{color:#333; font-size:18px; line-height:22px; padding-bottom:18px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .bnr_new_wrap .main_bnr_new .bnr_info p.writer{font-size:14px; color:#666;} .bnr_new_wrap .main_bnr_new .bnr_info.white p.title{color:#fff;} .bnr_new_wrap .main_bnr_new .bnr_info.white p.synop{color:#fff;} .bnr_new_wrap .main_bnr_new .bnr_info.white p.writer{color:#eee;} .bnr_new_wrap_dummy{padding-top:400px;} #sliderFrame,#sliderFrame div{box-sizing:content-box} #sliderFrame{position:relative;margin:0 auto;width:1200px;height:270px} #slider,#slider div.sliderInner{width:1200px;height:270px} #slider{position:relative;margin:0 auto;transform:translate3d(0,0,0)} #slider div.navBulletsWrapper{width:340px;height:12px;position:absolute;bottom:20px;left:32px;z-index:4;padding:0;margin:0;list-style-type:none} #slider div.navBulletsWrapper div{width:12px;height:12px;display:inline-block;margin-right:5px;background:#ccc;cursor:pointer;border-radius:50px;float:left;text-indent:-9999;color:transparent;transition:all .5s} #slider div.navBulletsWrapper div.active{width:45px;background:#fe330b} #slider a>b,#slider img,#slider>b{position:absolute;border:none;} #slider div.sliderInner{overflow:hidden;-webkit-transform:rotate(.000001deg);position:absolute;top:0;left:0;cursor:pointer}#slider div{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} /*앱설치*/ .index_footer_bnr{width:100%; background:#fff; text-align:center;} .index_footer_bnr a{outline:none; border:none;} .index_footer_bnr_wrap{width:100%; height:380px; background:#fff; margin-top:30px; display:block;} .index_footer_bnr_wrap .index_footer_bnr{width:1200px; height:380px; margin:auto; background:url(/assets/img/www/index_renewal/bnr_app.png) repeat; position:relative;} .index_footer_bnr_wrap .index_footer_bnr p.title{font-size:56px; font-weight:bold; position:absolute; top:45px; left:69px; letter-spacing:-7px; line-height:56px; color:#333;} .index_footer_bnr_wrap .index_footer_bnr p.text{font-size:24px; font-weight:bold; position:absolute; top:45px; left:73px; letter-spacing:-2px; line-height:24px;} .index_footer_bnr_wrap .index_footer_bnr p.text2{font-size:18px; font-weight:bold; position:absolute; top:160px; left:73px; letter-spacing:-1px; line-height:24px;} .index_footer_bnr_wrap .index_footer_bnr p.text3{font-size:18px; font-weight:bold; position:absolute; top:190px; left:73px; letter-spacing:-1px; line-height:20px; font-weight:normal; font-size:14px;} .index_footer_bnr_wrap .index_footer_bnr span{color:#dc1f26;} /*풋터*/ .footer_wrap{width:100%; min-width:1200px; background-color:#262626; background-repeat:repeat;} .footer_wrap .footer{width:1200px; height:180px; background:#262626; margin:auto; padding:30px 0 60px; color:#999;} .footer_wrap .footer a{color:#dbdbdb; text-decoration:none;} .footer_wrap .footer a:hover{text-decoration:underline;} .footer_wrap .footer table td{vertical-align:text-top; line-height:18px;} .footer_wrap .footer a.companylogo{width:170px; height:50px; display:block; float:left; background:url(/assets/img/www/companylogo.gif) no-repeat; margin-right:70px;} .footer_wrap .footer ul.footer_menu{width:640px; height:40px; margin:0; padding:0; float:left;} .footer_wrap .footer ul.footer_menu li{list-style:none; display:inline-block; margin:0; padding:0 0 15px 0; font-size:13px; font-weight:bold; line-height:13px;} .footer_wrap .footer ul.footer_menu li:after{content:"l"; margin:0 10px;} .footer_wrap .footer ul.footer_menu li:last-child:after{content:" ";} .footer_wrap .footer .copyright{width:720px; float:left;} .footer_wrap .footer ul.footer_snsmenu{float:right; text-align:right; width:240px; height:40px; margin:0; padding:0;} .footer_wrap .footer ul.footer_snsmenu li{width:40px; height:40px; list-style:none; display:block; text-align:right; float:left; margin-right:10px;} /*서브페이지 공용*/ .sub_type1{width:1200px; margin:15px auto 0;} .sub_type2{width:100%; text-align:center; margin:130px auto 0; position:relative;} /*회차리스트*/ .episode_bnr{width:1200px; height:270px; margin:0 auto; position:relative; text-align:left;} .episode_bnr img{width:auto; height:270px; z-index:-1;} .episode_bnr .bnr_info{width:400px; height:270px; z-index:3; position:absolute; top:0; right:0; text-align:left;} .episode_bnr .bnr_info_bg{width:100%; height:270px; z-index:1; position:absolute; top:0; left:200px; text-align:left; background:url(/assets/img/www/episode_bnr_gradation.png) no-repeat right center; opacity:0.7;} .episode_bnr .bnr_info p{padding:0; margin:0;} .episode_bnr .bnr_info p.category{color:#fff; font-size:12px; line-height:14px; padding:35px 0 3px 0;} .episode_bnr .bnr_info p.category span.ra_genre{border-radius:3px; color:#fff; background:#f54a3d; width:36px; height:18px; line-height:18px; text-align:center; margin-right:5px; display:inline-block; font-weight:normal; font-size:10px;} .episode_bnr .bnr_info p.title{font-size:36px; line-height:42px; letter-spacing:-4px; color:#fff; margin-bottom:12px; font-weight:bold; text-indent:-1px; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .episode_bnr .bnr_info p.synop{color:#fff; font-size:14px; line-height:20px; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis; height:60px; width:100%;} .episode_bnr .bnr_info p.writer{font-size:12px; color:#fff;} .episode_bnr .bnr_info p.writer a{font-size:12px; color:#acfff6;} .episode_bnr .bnr_info .btn_area{width:100%; position:absolute; bottom:20px; left:0px; z-index:3;} .episode_bnr .bnr_info .btn_area a{display:inline-block; margin-right:3px; border-radius:3px; color:#fff; padding:0 15px; height:28px; line-height:28px; text-align:center; cursor:pointer; min-width:60px;} .episode_bnr .bnr_info .btn_area a span{vertical-align:middle; margin-right:5px; display:inline-block;} .episode_list{width:100%; border:none; padding:0; border-collapse:collapse; border-spacing:0; margin-bottom:30px;} .episode_list th{height:34px; line-height:34px; background:#333; color:#fff;} .episode_list th.pub_week{text-align:left; text-indent:5px; font-weight:normal; font-size:13px;} .episode_list th.pub_week span{color:#f54a3d; font-weight:bold;} .episode_list th.eplist_order{text-align:right; padding-right:30px;} .episode_list td{border-bottom:1px solid #e1e1e1;} .episode_list tr.visited{cursor:pointer; background-color:#ebebeb;} .episode_list tr:hover{cursor:pointer; background-color:#efefef;} .episode_list td{border-bottom:1px #dedede solid; height:48px; line-height:48px;} .episode_list .toon_title{font-size:14px; font-weight:bold; padding-left:15px;} .episode_list .toon_date{font-size:11px; text-align:center;} a.epbtn_bookmark{background:#161616;} a.epbtn_bookmark span.icon_heart{width:14px; height:12px; background:url(/assets/img/www/eplist/bookmark_heart.png) no-repeat center center;} a.epbtn_red{background:#f54a3d;} a.epbtn_bookmark.active span.icon_heart{background-image:url(/assets/img/www/eplist/bookmark_heart_on.png);} a.opinion_link{background-color:#161616;} a.opinion_link span.icon_mail{width:18px; height:12px; background:url(/assets/img/www/eplist/icon_opinion_mail.png) no-repeat center center;} a.epbtn_order1{background:url(/assets/img/www/eplist/order_off.png) no-repeat left center; display:inline-block; height:34px; color:#fff; text-indent:20px; font-weight:normal; margin-left:15px; font-size:13px;} a.epbtn_order2{background:url(/assets/img/www/eplist/order_on.png) no-repeat left center; display:inline-block; height:34px; color:#fff; text-indent:20px; font-weight:normal; margin-left:15px; font-size:13px;} /*찜하기*/ .episode_bnr .episode_bookmark{width:1200px; margin:auto; position:relative;} .episode_bnr .episode_bookmark a{cursor:pointer; width:48px; height:48px; display:block; border:2px solid #fe330b; z-index:4; position:absolute; top:0; right:0; font-size:11px; text-align:center; line-height:75px; font-weight:bold; letter-spacing:-1px;} .episode_bnr .episode_bookmark a.like{color:#fe330b; background:url(/assets/img/www/icon_like_web.png) no-repeat center 5px #fff;} .episode_bnr .episode_bookmark a.like.active{color:#fff; background:url(/assets/img/www/icon_like_webon.png) no-repeat center 5px #fe330b;} /*회원가입 레이어*/ .joinLayer{width:570px; height:660px; font-size:16px; line-height:22px; margin:auto; position:relative; background:#fff; letter-spacing:-1px; position:relative;} .joinLayer h1{width:100%; height:45px; line-height:45px; text-align:center; color:#fe330b; font-weight:bold; font-size:16px; padding:0; margin:0; border-bottom:1px solid #fe330b; position:relative;} .joinLayer h1 a.joinLayer_close{width:15px; height:15px; display:block; position:absolute; top:15px; right:15px; background:url(/assets/img/www/close_red.png) no-repeat;} .joinLayer .event_bnr{width:100%; height:80px;} .joinLayer .login_switch{width:250px; height:40px; line-height:40px; text-align:center; background:#f6f6f6; border:1px solid #fe330b; margin:25px auto; font-size:14px; font-weight:bold; border-radius:100px; overflow:hidden;} .joinLayer .login_switch a{width:125px; display:block; float:left; cursor:pointer; text-decoration:none; color:#fe330b;} .joinLayer .login_switch a.on{background:#fe330b; color:#fff;} .joinLayer ul.joinform{width:100%; margin:0; padding:0; border-top:1px solid #d1d1d1;} .joinLayer ul.joinform li{list-style:none; height:50px; line-height:50px; border-bottom:1px solid #d1d1d1; position:relative;} .joinLayer ul.joinform li label{width:130px; padding-left:40px; float:left; font-weight:bold;} .joinLayer ul.joinform li input{width:300px; border:none;} .joinLayer ul.joinform li input:focus{border:none; background:#fff;} .joinLayer ul#domain{position:absolute; right:100px; top:15px; background:#fff; margin:0; padding:0; width:150px; border:1px #ccc solid; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:16px; color:#ccc; line-height:25px; z-index:99; display:none;} .joinLayer ul#domain li{display:block; clear:both; padding-left:10px;} .joinLayer ul#domain li.active{background-color:#ececec;} .joinLayer .save_info{width:100%; line-height:22px; text-align:center; font-size:12px; margin-top:0px;} .joinLayer .save_info input[type="checkbox"]{margin:-2px 3px 0 10px;} .joinLayer .save_info input, .joinLayer .save_info label{cursor:pointer;} .joinLayer .save_info a.fide_pw{color:#fe330b; border:1px solid #e1e1e1; padding:4px 8px; margin:0 0 0 10px; letter-spacing:-2px; font-weight:bold;} .joinLayer .join_agree{width:100%; line-height:22px; text-align:left; font-size:12px; margin-top:10px;} .joinLayer .join_agree input[type="checkbox"]{margin:-3px 3px 0 0px;} .joinLayer .join_agree input, .joinLayer .join_agree label{cursor:pointer;} .joinLayer .join_agree p.notice{font-size:12px; line-height:16px; margin:0 0 5px; letter-spacing:-1px; text-align:center; text-indent:10px;} .joinLayer .join_agree p.notice span.icon_notice{width:18px; height:18px; background:url(/assets/img/www/common/icon_notice_w.png); display:inline-block; vertical-align:middle; margin-right:5px;} .joinLayer .join_agree .join_option{width:100%; margin:auto; position:relative;} .joinLayer .join_agree .join_option .notice_box{position: absolute; top: -136px; left: 50%; width: 260px; height: 24px; margin-left: -130px; font-size: 11px; color: #fff; background: #fd4243; text-align: center; line-height: 24px; border-radius: 3px; letter-spacing: -1px;} .joinLayer .join_agree .join_option .notice_box span.arrow{position: absolute; width: 10px; height: 6px; background: url(/assets/img/mobile/common/bubble_arrow.png); top: 24px; left: 50%; margin-left: -5px; background-size: 10px;} .joinLayer ul.button_area{width:100%; margin:15px 0; padding:0;} .joinLayer ul.button_area li{list-style:none; padding:0;} .joinLayer ul.button_area li input.joinlogin{display:block; width:262px; height:47px; background:#fe330b; color:#fff; text-align:center; border:0; margin:0 auto 7px; font-size:14px; font-weight:bold; cursor:pointer;transition: all .5s} .joinLayer ul.button_area li a{display:block; width:260px; height:45px; line-height:45px; border:1px solid #e1e1e1; margin:0 auto 7px; cursor:pointer; font-weight:bold; font-size:14px;} .joinLayer ul.button_area li a.sns_naver{border-color:#35b21e; background:url(/assets/img/www/icon_sns_naver.jpg) no-repeat; background-position:15px center;} .joinLayer ul.button_area li a.sns_naver span{height:45px; border-left:1px solid #35b21e; display:block; margin-left:65px; padding-left:15px; color:#35b21e;} .joinLayer ul.button_area li a.sns_google{border-color:#e24636; background:url(/assets/img/www/icon_sns_google.jpg) no-repeat; background-position:15px center;} .joinLayer ul.button_area li a.sns_google span{height:45px; border-left:1px solid #e24636; display:block; margin-left:65px; padding-left:15px; color:#e24636;} .joinLayer ul.button_area li a.sns_facebook{border-color:#416199; background:url(/assets/img/www/icon_sns_facebook.jpg) no-repeat; background-position:15px center;} .joinLayer ul.button_area li a.sns_facebook span{height:45px; border-left:1px solid #416199; display:block; margin-left:65px; padding-left:15px; color:#416199;} .joinLayer ul.footer{width:100%; height:45px; line-height:45px; background:#f7f7f7; position:absolute; bottom:0; left:0; margin:0; padding:0; text-align:center;} .joinLayer ul.footer li{list-style:none; display:inline-block; text-align:center; font-size:11px;} .joinLayer ul.footer li a.terms{display:inline-block; background:#fff; color:#333; border:1px solid #e1e1e1; line-height:20px; padding:1px 8px 0px 8px; font-weight:bold;} .joinLayer ul.footer li a.privacy{display:inline-block; background:#fff; color:#fe330b; border:1px solid #fe330b; line-height:20px; padding:1px 8px 0px 8px; font-weight:bold;} .joinLayer ul.footer li a{text-decoration:none; letter-spacing:0;} .joinLayer ul.footer li a.mail:hover{text-decoration:underline;} /* alert info 팝업*/ .alert_popup{width:300px; background:#fff;} .alert_popup h1{width:100%; height:34px; line-height:34px; text-align:center; font-size:14px; font-weight:bold; position:relative; border-bottom:1px solid #f33c3a; color:#f33c3a; padding:0; margin:0;} .alert_popup h1 a{position:absolute; top:10px; right:15px;} /*.info_popup{background:#fff; width:100%; text-align:center; padding:15px 0 30px;}*/ .info_popup{background:#fff; width:100%; text-align:center; padding:0 0 30px;} .info_popup p{font-size:14px; line-height:18px;} .info_popup label{width:100%; display:block; text-align:center; padding:0; margin:0 auto 20px;} .info_popup > .btn_confirm {display:inline-block; width:105px;} .info_popup > .btn_type10 { margin-right: 4px; -moz-box-shadow:inset 0px 1px 0px 0px #f5978e; -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e; box-shadow:inset 0px 1px 0px 0px #f5978e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f)); background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0); background-color:#f24537; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #d02718; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; padding: 12px 10px; text-decoration:none; } .info_popup > .btn_type10:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537)); background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0); background-color:#c62d1f; } .info_popup > .btn_type10:active { position:relative; top:1px; } .info_popup > .btn_type11 { -moz-box-shadow:inset 0px 1px 0px 0px #728394; -webkit-box-shadow:inset 0px 1px 0px 0px #728394; box-shadow:inset 0px 1px 0px 0px #728394; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #42494f), color-stop(1, #262b30)); background:-moz-linear-gradient(top, #42494f 5%, #262b30 100%); background:-webkit-linear-gradient(top, #42494f 5%, #262b30 100%); background:-o-linear-gradient(top, #42494f 5%, #262b30 100%); background:-ms-linear-gradient(top, #42494f 5%, #262b30 100%); background:linear-gradient(to bottom, #42494f 5%, #262b30 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#42494f', endColorstr='#262b30',GradientType=0); background-color:#42494f; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #23272b; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; padding: 12px 10px; text-decoration:none; } .info_popup > .btn_type11:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #262b30), color-stop(1, #42494f)); background:-moz-linear-gradient(top, #262b30 5%, #42494f 100%); background:-webkit-linear-gradient(top, #262b30 5%, #42494f 100%); background:-o-linear-gradient(top, #262b30 5%, #42494f 100%); background:-ms-linear-gradient(top, #262b30 5%, #42494f 100%); background:linear-gradient(to bottom, #262b30 5%, #42494f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262b30', endColorstr='#42494f',GradientType=0); background-color:#262b30; } .info_popup > .btn_type11:active { position:relative; top:1px; } /* .info_popup .btn_join { width:230px; height:44px; position:absolute;left:35px; top:280px; z-index:6;} .info_popup .btn_login { width:130px; height:44px; position:absolute;left:274px; top:280px; z-index:6;} .info_popup .btn_close { width:41px; height:42px; position:absolute;left:626px; top:15px; z-index:6;} */ .alert_btn { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:15px; font-weight:bold; font-style:normal; height:35px; line-height:35px; width:110px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .alert_btn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.alert_btn:active { position:relative; top:1px; } /* =======================================================================================*/ .font {font-size:15px; color:#666;} .font a:hover{font-size:13px; color:#da0000;} .bnr .bnr_bg {width:1000px; margin:auto; position:relative; z-index:1;} .bnr .bnr_bg .control_icon {position:absolute; top:0; right:0; z-index:9999; padding:15px 15px 0 0; text-align:right;} .bnr .bnr_bg #view_ep_first{cursor:pointer;} .bnr .ribbon {width:82px; height:82px; position:absolute; top:0; left:0px;} .bnr .discount {width:217px; height:111px; position:absolute; top:150px; left:160px; z-index:9;} .bnr .discount2 {width:217px; height:111px; position:absolute; top:150px; left:560px; z-index:9;} .bnr .viewfirst {width:153px; height:51px; position:absolute; top:190px; left:390px; z-index:9;} .bnr .buy_view {width:330px; height:49px; position:absolute; top:190px; left:370px; z-index:9;} .bnr .zem_num {width:28px; height:35px; position:absolute; top:187px; left:360px; background:url(/assets/img/www/icon_zemnum.png); z-index:11; color:#fff; font-size:18px; font-weight:bold; text-shadow: 1px 1px 1px black; padding:25px 0 0 50px; } .bnr .main_bnr_arrow {position:absolute; bottom:20px; right:20px; z-index:3; cursor:pointer;} .bnr .bnr_button {height:51px; position:absolute; top:190px; left:770px; z-index:9;} .bnr_subm .box_ad {width:241px; height:258px; position:relative; z-index:2; overflow:hidden;} .bnr_left {width: 245px;float: left;margin-top: 18px;} .bnr_left .recommand_title {font-size: 42px;letter-spacing: -4px;padding: 18px;font-weight: 600;padding-left:3px;} .bnr_left .recommand_content{font-size: 14px;font-weight: 600;letter-spacing: -1px;padding-top: 2px;padding-left:6px;} .bnr_left .red{color : #d72e2b;} .bnr .box_ad {height: 173px;position: absolute;margin-top: 40px;z-index: 2;left: -54px;} .box_ad .arrow {position:absolute; bottom:20px; right:20px; z-index:3; cursor:pointer;} .box_ad ul.ad_banner_s{margin:0px; padding:0px; list-style:none;} .box_ad ul.ad_banner_s li:hover{opacity: 0.8} .box_ad ul.ad_banner_s li.active{z-index:1;} .bnr .bnr_19icon {width:80x; height:80px; position:absolute; top:20px; left:850px; z-index:9;} .bnr #co_icon_list {height:80px; position:absolute; top:10px; right:20px; z-index:9; list-style:none;} .bnr #co_icon_list li{display:inline; float:right; padding-left:10px;} .main_bnr_pagination{height: 16px;float: right;margin-right: 24px;margin-top: 8px;} .main_bnr_pagination span{float : left;background-color: #ccc;width: 8px;height: 8px;border-radius: 8px;margin-left: 4px;} .main_bnr_pagination .active{background-color: #ff4637;} .box_ad_pagination{height: 16px;margin-left: 212px;margin-top: 25px;width: 100%;} .box_ad_pagination span{float: left;background-color: #ccc;width: 8px;height: 8px;border-radius: 8px;margin-left: 4px;} .box_ad_pagination .active{background-color: #ff4637;} .slideOn {width:10px; height:10px; background-color:#da0000; float:left;} .slideOff {width:10px; height:10px; background-color:#ccc; float:left; margin-left:10px;} /*뉴*/ .topsmenu{ border-width: 1px; border-color: rgb( 228, 228, 228 ); border-style: solid; background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%); width: 999px; height: 61px; } /*인덱스 이미지보더*/ .imgBoder {border:1px #efefef solid;} .imgBoder img:hover{border:1px #D355E5 solid;} /*수정구간*/ .week {width:1000px; margin:0 auto 100px; font-size:11px;} .week .title {font-weight:600; display:block; font-size:12px; margin:0px 0 5px;} .week .weekbox {width:111px; float:left; margin-bottom:50px;} .week .weekbox .title {margin-bottom:8px;text-align:center;width:115px;height:30px;line-height:30px;background-color:#ebebeb;} .week .weekbox .select {background-color: #fe330b;color: #fff;} .week .weekbox .misc {color : #fe330b;} .premium {width:100%; clear:both;} .premium .premium_div {width:1000px; margin:auto; padding-bottom:20px;} .title_label {line-height: 48px} .title_label a {float:left;font-size: 18px;color : #333;font-weight:600;} .title_label a:hover {color : #333;} .title_label .morebtn { width: auto; float: left; display: block; line-height: 16px; font-size: 10px; letter-spacing: -1px; text-align: center; border-radius: 20px; background-color: #ff4637; color: #fff; font-weight: 400; padding: 2px 8px; margin-left: 8px; margin-top: 13px; } .toon_area{cursor:pointer; display:inline-block; width:108px;} .toon_box_normal {width:111px; height:150px; margin:0 0px 0px; padding-top:5px; float:left;border:0px #bbbbbb solid; position:relative;-moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);} .no_box_normal {width:111px; height:150px; margin:0 0px 0px; padding-top:5px; float:left;border:0px #bbbbbb solid; position:relative;} .rank_ribbon {position:absolute; width:37px; height:40px; top:5px; left:16px; z-index:99;} .new_ribbon {position:absolute; width:37px; height:40px; top:66px; right:14px; z-index:2;} .novel_area .new_ribbon {top:69px;} .new_ribbon_recommand {position:absolute; width:37px; height:40px; bottom:-4px; right:0px; z-index:2;} .right_ribbon { position: absolute; width: 25px; height: 12px; top: 126px; left: 72px; z-index: 99; text-align: right; background-image: url(/assets/img/www/19_icon_n.png); } .right_ribbon_recommand { position: absolute; width: 25px; height: 12px; top: 5px; right: 5px; z-index: 99; text-align: right; background-image: url(/assets/img/testaspw/19_icon_n.png); } .toon_update {color: #ff6a1d;border: 2px solid #ff6a1d;padding: 0px 3px;border-radius: 12px;font-size: 10px;font-weight: bold;line-height: 12px;height: 12px;position: absolute;right: 18px;z-index: 3;text-align: center;background-color: #fff;margin: 4px 0px;} .toon_box_normal .box_normal {width: 80px;height: 150px;position: absolute;overflow-y: hidden;top: 5px;left: 16px;text-align: left;z-index: 1;line-height: 20px;bottom: 5px;} .toon_box_normal .box_normal img {width:80px;} .toon_box_normal .box_normal img:hover { opacity:0.6} .no_box_normal .box_normal {width: 80px;height: 150px;position: absolute;overflow-y: hidden;top: 5px;left: 16px;text-align: left;z-index: 1;line-height: 20px;bottom: 5px;} .no_box_normal .box_normal img {width:80px;height:100px;} .no_box_normal .box_normal img:hover { opacity:0.6} /*선택시*/ .toon_box_select {width:111px; height:150px; background-color:#efefef; margin:0px 0px 0px; padding-top:5px; float:left;position:relative;} .toon_box_select .box_select {width:80px; height:150px; position:absolute; top:5px; left:16px; text-align:left; z-index:1; line-height:20px;} .toon_box_select .box_select img {width:80px;} .toon_box_select .box_select img:hover { opacity:0.6;} .no_box_select {width:111px; height:150px; background-color:#efefef; margin:0px 0px 0px; padding-top:5px; float:left;position:relative;} .no_box_select .box_select {width:80px; height:150px; position:absolute; top:5px; left:16px; text-align:left; z-index:1; line-height:20px;} .no_box_select .box_select img {width:80px;height:100px;} .no_box_select .box_select img:hover { opacity:0.6;} .bottom {width:980px; height:135px; margin:auto; padding-top:25px; clear:both;} .bottom img {float:left;} .bottom .text {width:770px; height:125px; float:left; margin-left:50px; font-size:0.8em;} .bottom .text ul {list-style:none; width:750px; height:18px; margin:0; padding:5px 10px; background-color:#fbfbfb; border-top:1px #f0f0f0 solid; border-bottom:1px #f0f0f0 solid;} .bottom .text ul li {color:#2e2e2e; float:left;} .bottom .text ul li.bar {padding:0 5px;} .bottom .text p {padding-left:10px;} .bottom .text p span {font-size:14px; font-weight:bold; line-height:22px;} .bottom .qr {float:right; width:100px; height:100px;} .botttomline {width:980px; margin:auto; height:1px; background-color:#ebebeb; clear:both;} .bottom_freecharge{ width:980px; margin:auto; } .bottom_freecharge img {float:left;margin-top:15px;margin-bottom:25px;} /*sub*/ /*서브추가*/ .subBanner {position:relative; float:left; padding-top:22px; font-size:13px; color:#ccc;} .subBanner img {border : 1px solid #c7c7c7;} .subBanner2 {float: left;padding-top: 10px;font-size: 13px;color: #ccc;padding-left: 12px;height: 190px;width: 250px;} .subBanner2 .genre{font-size : 16px;letter-spacing: -1px;color : #ff4637;line-height:20px;margin-top:16px;margin-left: 4px;} .subBanner2 .title{font-size : 28px;font-weight : 600;letter-spacing: -1px;color : #000;line-height:32px;margin-left: 4px;} .subBanner2 span:hover{background-color: inherit;color:inherit;font-weight: inherit;} .subBanner2 .title .rnd_btn{background-color: #fff} .subBanner2 .title .rnd_btn img{width:18px;} .subBanner2 .title .rnd_btn:hover{background-color: #fff} .subBanner2 .title .rnd_btn.active{background-color: #ff4637;color:#fff;font-weight:400;border-color: #ff4637} .subBanner2 .title .rnd_btn.active:hover{background-color: #ff4637} .subBanner2 .author{font-size: 13px;color: #666;line-height: 28px;margin-left: 4px;} .subBanner2 .desc{font-size: 13px;color : #000;line-height:24px;margin-top : 4px;} .subBanner_no {position:relative; float:left; padding-top:12px; font-size:13px; color:#ccc;} .subBanner_no img {border : 1px solid #c7c7c7;} .subBanner2_no {float: left;padding-top: 10px;font-size: 13px;color: #ccc;padding-left: 12px;height: 190px;width: 450px;} .subBanner2_no .genre{font-size : 16px;letter-spacing: -1px;color : #ff4637;line-height:20px;margin-top:16px;margin-left: 4px;} .subBanner2_no .title{font-size : 28px;font-weight : 600;letter-spacing: -1px;color : #000;line-height:32px;margin-left: 4px;} .subBanner2_no span:hover{background-color: inherit;color:inherit;font-weight: inherit;} .subBanner2_no .title .rnd_btn{background-color: #fff} .subBanner2_no .title .rnd_btn img{width:18px;} .subBanner2_no .title .rnd_btn:hover{background-color: #fff} .subBanner2_no .title .rnd_btn.active{background-color: #ff4637;color:#fff;font-weight:400;border-color: #ff4637} .subBanner2_no .title .rnd_btn.active:hover{background-color: #ff4637} .subBanner2_no .author{font-size: 13px;color: #666;line-height: 28px;margin-left: 4px;} .subBanner2_no .desc{font-size: 13px;color : #000;line-height:24px;margin-top : 4px;} .subBanner #co_icon_list img {border:0px; opacity:1;} .subBanner #co_icon_list img:hover {border:0px; opacity:1;} .bnr_ctrl {float:left;padding-left: 12px;width: 250px;} /*서브베너*/ .sub_pt_body {width:100%; padding-bottom:20px;} .sub_body_default {width:1000px; margin:auto; padding-top: 128px;} /*.sub_body_default img {width:83px;}*/ .sub_body{width:1200px; margin:90px auto 0; padding-top:30px;} .sub_title { padding-left:20px; width:150px; float:left; color:#da0000; font-size:16px; font-weight:bold height:30px;} .sub_contents {float:left; padding-bottom:60px; color:#333;} .sub_contents ul#domain {position:absolute; background-color:#FFF; margin:0; padding:0; width:150px; border:1px #ccc solid; font-family:'NanumGothic', '나눔고딕','nng', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:18px; color:#ccc; line-height:25px; float:right; right:72px; top:50px; z-index:1; display:none;} .sub_contents ul#domain li {display:block; clear:both; padding-left:10px;} .sub_contents ul#domain li.active {background-color: #ececec;} .sub_contents .form_label {font-size:14px; text-align:right; padding-right:35px;} .sub_contents form .input_text {width:300px; height:38px; border:1px #ccc solid; font-family:'NanumGothic', '나눔고딕','nng', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:14px; color:#ccc; line-height:18px; padding-left:10px;} .sub_weekmenu {width:969px; height:34px; margin:0 auto;} .sub_body_pt {width:100%;} .sub_body2 {width:1200px; margin:130px auto 0; position:relative;} .sub_body2 .toon_list {margin-bottom:38px; background-color:#fff;} .sub_body2 .toon_list tr.visited {cursor:pointer; background-color:#ebebeb;} .sub_body2 .toon_list tr:hover {cursor:pointer; background-color:#efefef;} .sub_body2 .toon_list td {border-bottom:1px #dedede solid;height:48px;line-height:48px;} .sub_body2 .ep_head {padding:0px;height:40px;line-height:40px;font-size:13px;font-weight:bold;} .sub_body2 .toon_list .toon_title {font-size:14px; font-weight:bold; padding-left:15px;} .sub_body2 .toon_list .toon_date {font-size:11px; text-align:center;} /* 구매안한거 흑백으로 */ .toon_thumb .gray img { /* filter:url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 3.5+, IE10 */ /* filter:gray; /* IE6-9 */ /*-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ /*-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ /*-webkit-backface-visibility: hidden; /* Fix for transition flickering */ } /* 오버시 컬러로 */ .toon_thumb .gray img:hover {width:160px;height: 80px;overflow: hidden;filter: none;-webkit-filter: grayscale(0%);} .toon_thumb {width:160px; position:relative;height: 80px;overflow: hidden;margin: 8px 0} .toon_thumb .thumb_img {width:160px;height: 80px;overflow: hidden;} .toon_thumb .thumb_ribbon{width:24px; height:24px; position:absolute; top:0; left:0; z-index:2; background:url(/assets/img/www/common/icon_eplock.png) no-repeat center center;} .toon_thumb .thumb_dday {width:55px; height:22px; position:absolute; bottom:0px; right:0px; z-index:3; text-align:center; color:#fff; font-size:12px; font-weight:bold; background-color:#fa1b00; padding:0; margin:0;line-height: 24px} .toon_thumb span.epicon_lock{width:10px; height:12px; background:url(/assets/img/www/common/icon_eplock.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:3px; } /*충전소 추가 */ .charge_top { width:100%; min-width:980px; height:285px; background-image:url(/assets/img/www/charge_bg.jpg);} .charge_top .main{ width:980px; height:285px; margin:auto;} .charge_line { width:100%; min-width:980px; height:55px; background-color:#57070A;} .charge_line .main{ width:980px; height:55px; margin:auto; font-size:16px; color:#FFB4BE; } .myButton { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437)); background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%); background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%); background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%); background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%); background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0); background-color:#c62d1f; border:2px solid #d02718; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:17px; padding:10px 29px; text-decoration:none; text-shadow:0px 1px 0px #810e05; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f)); background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%); background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%); background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%); background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%); background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0); background-color:#f24437; } .myButton:active { position:relative; top:1px; } .charge_table {background-color:#fff;} .charge_table tr{cursor:pointer;} .charge_table tr.active{background-color:#ffb4be;} .charge_table tr td { border-bottom:1px #d8d8d8 solid; position:relative;} .charge_table tr td table tr td {border-bottom:0px;} .charge_td_red {background-color:#57080a; font-size:18px; color:#ffce7d; padding-left:25px;} .charge_td_money {font-size:14px; text-align:center;} .charge_td_zem {text-align:left; padding-left:15px;} .charge_td_popul {position:absolute; width:75px; height:40px; top:13px; left:-35px;} .buylist_table {border-top:1px #ed1c24 solid; background-color:#FFF; margin-top:20px;} .buylist_table td {height:96px; border-bottom:1px #d8d8d8 dotted; font-size:12px;} .buylist_table th {background-color:#efefef; color:#444; font-size:12px; height:30px; border-bottom:0px #ed1c24 solid;} .buylist_table .buytitle {padding-left:15px;} .buylist_table .buytitle a {padding-left:15px; color:#444;} .buylist_table tr {cursor:pointer;} .buylist_table tr:hover {cursor:pointer; background-color:#efefef;} .buylist_table .episode {text-align:center; word-break:break-all; line-height:22px;} .buylist_table .episode a {color:#444; text-decoration:none; margin:0 3px;} .buylist_table .episode a:hover {color:#444; text-decoration:underline;} .buylist_table .episode a.buy {color:#fa1b00; text-decoration:underline;} .buylist_table .episode a.buy:hover {color:#fa1b00; text-decoration:underline;} .table_number {font-size:12px; text-align:center;} .table_number a {color:#444; text-decoration:none; margin:0 3px; padding:3px 10px;} .table_number a:hover {color:#da0000; text-decoration:none;} .table_number a.select:link {color:#fa1b00; text-decoration:none;} .sub_view_top {min-width:740px;width:100%; height:58px; background-color:#333644; border-bottom:1px #e1e1e1 solid; background-color:#262626; position:fixed;z-index:10;} .sub_view_top .sub_pg_title {width:1000px; margin:auto; font-size:20px; font-weight:bold; padding-top:15px; color:#fff;} .sub_view_top .logo_title {float:left; height:58px; margin-left:15px; color:#fff;} .sub_view_top .logo_title td {height:58px; vertical-align:middle; font-weight:bold; font-size:18px; color:#797979;} .sub_view_top .logo_title td .view_toon_title {font-size:19px; color:#fff; display:inline-block; margin-right:5px;} .sub_view_top .logo_title td .view_toon_titles {font-size:13px; color:#fff; display:inline-block; margin-right:10px;} .sub_no_view_top {min-width:740px;position:fixed;top:0;width:100%; height:48px; background-color:rgba(255,255,255,0.9); border-bottom:1px #e1e1e1 solid; z-index:10;line-height: 48px;} .sub_no_view_top .sub_pg_title {width:1000px; margin:auto; font-size:20px; font-weight:bold; color:#fff;} .sub_no_view_top td {height:48px; vertical-align:middle; font-weight:normal; font-size:16px; color:#797979;} .sub_no_view_top td .view_toon_title {font-size:16px; color:#000; display:inline-block; margin-right:5px;font-weight:bold;} .sub_no_view_top td .view_toon_titles {font-size:13px; color:#fff; display:inline-block; margin-right:10px;} .sub_no_view_top a {display:block;height:48px;} .sub_no_view_top a:hover {color : #ff4637;} .sub_no_view_top td .btn {cursor: pointer;line-height: 32px;height: 32px;width: 32px;text-align: center;font-size: 14px;display: block;float: left;margin-right: 6px;font-weight: bold;color: #333;border: 1px solid #efefef;} .sub_no_view_top td .btn:hover {color : #ff4637;} /*0317수정*/ .sub_view_top .control_btn {float:right; height:50px; margin:6px 20px; position:relative;} .sub_view_top .control_btn ul {list-style:none;} .sub_view_top .control_btn ul li {float:left; text-align:right; margin:13px 0 0 15px;} .sub_view_top .control_btn ul li a {color:#444; text-decoration:none; font-size:14px; font-weight:bold;} .sub_view_top .control_btn ul li a:hover {color:#444; text-decoration:underline;} .sub_view_toon {width:100%; position:relative; margin:auto; text-align:center; padding:60px 0 30px;} .sub_view_toon .remocon_box {width:150px; height:150px; position:fixed;z-index: 4; top:45%; right:5%;} .sub_view_toon .view_bottom_btn {margin:30px auto; text-align:center;} .sub_view_top .control_btn img, .sub_view_toon .view_bottom_btn img {margin:0 5px;} /*0309친추이벤트*/ .ad_view_top {width:100%; min-width:980px; height:75px; background-image:url(/assets/img/www/bg_topad.jpg); background-color:#333645; display:none;} .ad_view_top .main {width:980px; height:80px; margin:auto;} .ad_view_main {width:100%; background-color:#d5322e;} .ad_view_main .main {width:1000px; margin:auto;} .ad_view_mid {width:100%; min-width:980px; margin:auto; height:86px; background-image:url(/assets/img/www/pattern_event.jpg);} .ad_view_mid .wrap {width:770px; margin:0 auto; height:86px; margin:auto; font-size:16px; color:#ffffff; } .ad_view_mid .main {width:980px; height:86px; margin:auto;} .input_event {width:400px; height:40px; border:1px #B0A9C6 solid; margin:auto; font-size:20px; color:#FF4F90;} .sns { width:980px; height:325px; margin:auto;} .ad_view_foot {width:100%; min-width:980px; margin:auto; height:355px; background-image:url(/assets/img/www/pattern_bg.gif);} .ad_view_foot .main {width:980px; height:300px; margin:auto;} .ad_view_mid #copy_url{background: url(/assets/img/www/btn_event.jpg) no-repeat; border: none; width:137px; height:53px;} /*생년월일 선택 폼*/ .select_form { width: 100px; height: 56px; float:left; overflow: hidden; background: url(/assets/img/www/select_arrow.gif) no-repeat right #fff; border: 1px #ccc solid; z-index:2; } .select_text {float:left; margin:15px 20px 0 5px;} .select_form select { background: transparent; width: 125px; height:55px; font-family:'NanumGothic', '나눔고딕','nng', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:20px; font-weight:bold; padding: 3px 5px 2px 5px; border: 0; border-radius: 0; -webkit-appearance: none; outline:none; z-index:1; } /*font*/ .bold {font-weight:bold;} .fs12 {font-size:12px; line-height:16px;} .fs16 {font-size:16px; line-height:20px;} .fs20 {font-size:22px; line-height:28px;} /*link*/ .top a, .bottom a, .a_mail {color:#2e2e2e; text-decoration:none;} .top a:hover, .bottom a:hover, .a_mail:hover {text-decoration:underline;} /*text icon, button*/ .rnd_btn{float: left;display: block;height: 22px;line-height: 22px;font-size: 13px;letter-spacing: -1px;width: 72px;text-align: center;border: 2px solid #b7b7b7;border-radius: 20px;background-color: #fff;color:#333;font-weight:600;margin-right:4px;} .rnd_btn:hover{background-color: #fe330b;color : #fff;border: 2px solid #fe330b;font-weight: 400;} .red_bg{background-color: #fe330b;color : #fff;border: 2px solid #fe330b;font-weight: 400;} .red_border{background-color: #fff;color : #fe330b;border: 2px solid #fe330b;font-weight: 600;} .text_icon {width:33px; height:15px; font-size:12px; text-align:center; display:inline-block; margin-right:5px; float:left;} .text_btn { display:inline-block; text-align:center; font-size:12px; margin-right:6px; padding:3px 3px; text-decoration:none; vertical-align:middle;} .ti_red {border: 1px #fb4b32 solid;color: #fff;background-color: #fb4b32;font-size: 12px;font-weight: bold;letter-spacing: -1px;font-weight: 400;padding: 4px 12px;text-shadow: 0 1px 1px rgba(0,0,0,.3);box-shadow: 0 1px 2px rgba(0,0,0,.2);} .ti_red:hover {color:#fff; background-color:#F66;cursor:pointer} .ti_red1 {color:#fff; background-color:#da0000; padding:5px 10px 5px 10px; } .ti_red1:hover {color:#fff; background-color:#F66; } .ti_white {border: 1px #fb4b32 solid;color: #fb4b32;background-color: #fff;font-size: 12px;letter-spacing: -1px;font-weight: 400;padding: 4px 12px;text-shadow: 0 1px 1px rgba(0,0,0,.3);box-shadow: 0 1px 2px rgba(0,0,0,.2);} /* .ti_white:hover {color:#666; background-color:#FFDCDC; border:1px #fa1b00 solid;} */ .all_red {font-size:14px; font-weight:bold; color:#fff; background-color:#ed1c24; width:73px; height:26px; margin-top:-10px;} .buylist_btn {display:inline-block; text-align:center; font-size:18px; font-weight:bold; margin:0 12px; padding:6px 17px; text-decoration:none; vertical-align:middle;} .all_red2 {background-color:#fa1b00; color:#fff;} .text_icon_new {width:13px; height:13px; font-size:9px; font-weight:bold; background-color:#c30a00; margin:0; padding:0; text-align:center; color:#fff; line-height:13px; display:inline-block; letter-spacing:1px;} /*button*/ .button_yellow {width:150px; height:50px; background-color:#FF0004; border:1px #BC0003 solid; color:#fff; font-size:16px; font-weight:bold; text-align:center; margin:0;} .button_yellow:hover{width:150px; height:50px; background-color:#FF5255; border:1px #ED0000 solid; color:#fff; font-size:16x; font-weight:bold; text-align:center; margin:0;} .button_red {width:150px; height:50px; background-color:#C4C4C4; border:1px #939393 solid; color:#fff; font-size:16px; font-weight:bold; text-align:center;margin:0;} .button_red:hover {width:150px; height:50px; background-color:#ccc; border:1px #939393 solid; color:#fff; font-size:16px; font-weight:bold; text-align:center; margin:0;} .button_free {width:130px; height:40px; border:1px #cccccc solid; font-size:14px; font-weight:bold; text-align:center; background:url(/assets/img/www/icon_view.png) #fff no-repeat 15px center; padding-left:30px; color:#f84914;} .button_join {width:130px; height:40px; border:1px #cccccc solid; font-size:11px; font-weight:bold; text-align:center; background-color:#fff;} .button_zem {width:130px; height:40px; border:1px #dedede solid; font-size:1.1em; font-weight:bold; background-image:url(/assets/img/www/icon_coin.png); background-color:#fff; background-repeat:no-repeat; padding-left:20px;} .button_coin {width:130px; height:40px; border:1px #dedede solid; font-size:14px; font-weight:bold; background-image:url(/assets/img/www/icon_point.png); background-color:#fff; background-repeat:no-repeat; padding-left:40px;} .button_charge {width:138px; height:52px; border:1px #cccccc solid; font-size:14px; font-weight:bold; text-align:center; background-color:#fff; color:#ff0000;} .button_pay {width:190px; height:72px; margin:5px 6px 5px 0; border:1px #cccccc solid; font-size:14px; font-weight:bold; text-align:center; background-color:#fff; color:#7e7e7e; float:left;} .button_pay img {margin-right:5px;} .modal {position:fixed; top:0px; left:0px; width:100%; height:100%; display: none; background-color: rgb(0, 0, 0); filter:alpha(opacity=50); opacity:0.5; background-position: initial initial; background-repeat: initial initial; z-index:999;} .alert_layer {position:fixed; display: none; z-index:1000;} .alert_layer2 {position:fixed; display: none; z-index:1001;} .hidden {display:none;} /* 이벤트 팝업 */ .event_popup { width:684px; height:350px; position:relative; background-image:url(/assets/img/www/event_popup.jpg);} .event_popup .btn_join { width:230px; height:44px; position:absolute;left:35px; top:280px; z-index:6;} .event_popup .btn_login { width:130px; height:44px; position:absolute;left:274px; top:280px; z-index:6;} .event_popup .btn_close { width:41px; height:42px; position:absolute;left:626px; top:15px; z-index:6;} .inline-b{display:inline-block;float:left;} .inline-tc{display:table-cell;float:left;} /*충전샵 뽀디스크*/ .charge_body_bbo { width:100%; background-image:url(/assets/img/www/payment/charge_bg.gif); background-repeat:repeat;} .charge_top_bbo { width:981px; height:340px; margin:auto;} .charge_bbo_mid { width:982px; height:546px; margin:auto; margin-top:30px;} .charge_bbo_mid a{margin:0px;padding:0px;float:left;} .charge_bbo_result { width:980px; height:502px; margin:auto; margin-top:30px; background-image:url(/assets/img/www/event/coupon/bbo/result_bbo.jpg); position:relative;} .search_btn { width: 420px; height: 80px; margin: auto; margin-top: 30px; position: absolute; z-index: 100; top: 230px; left: 276px; } .input_result { border:2px #3D3642 solid; width:220px; height:30px; font-size:18px; color:#E85353; text-align:center; } .charge_bbo_topline { border-bottom:2px #3D3642 solid; } .charge_bbo_topline img { margin-right:10px;} .charge_bbo_midline { background-color:#f9f9f9; border-bottom:2px #e1e1e1 solid; } .charge_bbo_midline img { margin-right:10px; } .Rounded_Rectangle_6 { border-width: 15px; border-color: rgb( 61, 54, 66 ); border-style: solid; border-radius: 30px; background-color: rgb( 255, 255, 255 ); position: absolute; left: 0px; top: 0px; width: 970px; height: 220px; z-index: 135; } .Rounded_Rectangle_6 .sub_body2 {margin:0 20px;} /*베스트웹툰 */ .top_bg{ width:100%; height:85px; border-bottom:2px #da0000 solid; color:#666; font-size:0.9em;} .top_bg a{color:#444; text-decoration:none;} .top_bg a:hover{color:#FF0004; text-decoration:none;} .top_bg .smenu {width:500px; height:20px; margin-top:5px; margin:auto; padding-top:5px;} .top_bg .smenu>ul {float:right; text-align:right; padding:0; margin:0;} .top_bg .smenu>ul>li {list-style:none; padding:0; margin:0 0 0 5px; float:left; text-align:right; line-height:20px; position:relative;} .top_bg .smenu #my_info{display:none; width:200px; position:absolute; border:1px #e1e1e1 solid; list-style:none; padding:2px 0px 0px 0px; z-index:2; background-color:#FFF; font-weight:bold;} .top_bg .smenu #my_info li {border-bottom:1px #e1e1e1 solid; text-align:left; margin:0; padding:10px 20px 10px 10px;} .top_bg .smenu #my_info li .right{float:right;} .top_bg .smenu #my_info li .number{color:#FF0000;} .top_bg .smenu #my_info li.center{text-align:center; background-color:#EEE;} .top_bg .smenu #my_info li a:hover{color:#FF0000; text-decoration: none;} .top_bg .smenu #my_info li a:link{color:#FF0000; text-decoration: none;} .best_bnr {width:991px !important; position:relative; padding:3px;} .best_bnr .bnr{padding:8px 0px 0px; position:relative; float:left;} .best .title {font-weight:bold; display:block; font-size:14px; margin:15px 0 10px;} .best .weekbox {width:140px; float:left; margin-bottom:50px;} .best .weekbox .title {margin-bottom:20px;} .best_ {width:100%; background-image:url(/assets/img/www/background.jpg); background-repeat:repeat; clear:both;} .best_ .premium_div {width:980px; margin:auto; padding-bottom:20px;} /* 0310 */ /*캐쉬충전*/ .cash_box1{width:98%; height:20px; margin:0 auto; padding:5px 0 0 0; } .cash_box2{width:98%; margin:0 auto; border:solid 1px #CCC; } .cash_box2_1{width:100%; height:24px; line-height:24px; font-size:0.8em; color:#333; border-bottom:solid 1px #F3F3F3; background:#F6F6F6;} .cash_box2_2{width:100%; height:24px; line-height:24px; font-size:0.8em; color:#666;} .cash_txt1{padding-left:5px;font-size:0.9em; font-weight:bold;} .cash_txt2{color:#666;font-size:0.87em;} .cash_txt3{color:#F60;font-size:0.87em;} .cash_txt4{text-align:right; font-size:0.87em; color:#666;} .cash_txt5{color:#999;font-size:0.87em;} .cash_btn_box{width:98%; height:45px; margin:0 auto;} .cashinfo_box1{width:90%; height:; padding:8px; margin:0 auto; font-size:0.8em; border: solid 1px #CCC; color:#666;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .cashinfo_box2{width:90%; height:; padding:8px; margin:0 auto; font-size:0.8em; border: solid 1px #CCC; color:#999;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .cash_td_top{height:24px; line-height:24px; font-size:0.8em; color:#666; text-align:center; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:#F3F3F3;} .cash_td1{height:24px; line-height:24px; font-size:0.8em; color:#666; text-align:center; border-bottom:solid 1px #EFEFEF;} .cash_td2{height:24px; line-height:24px; font-size:0.8em; color:#666; text-align:center; border-bottom:solid 1px #EFEFEF; background:#;} .cash_td3{height:24px; line-height:24px; font-size:0.8em; color:#666; text-align:center; border-bottom:solid 1px #EFEFEF; background:#F6F6F6;} .cash_fc_00{color:#666; /*text-decoration: line-through;*/} .cash_fc_01{color:#F60;} .cash_fc_02{color:#96C;} .cash_fc_03{color:#666;} .cash_fc_04{color:#F00; font-weight:bold;} .cash_fc_05{color:#390;} .cash_fc_06{ color:#999; text-decoration:line-through;} .cash_fc_tt01{color:#000; font-weight:bold;} /*로그인*/ .subtt_box1{width:98%; height:30px; margin:0 auto; padding:5px 0 0 0;} .subtt_box2{width:100%; height:30px; margin:0 auto; padding:5px 0 0 0; border-bottom:solid 1px #CCC;} .subtt_txt1{padding-left:5px;font-size:1em; font-weight:bold;} .subtt_txt2{font-size:0.8em; color:#666;} .subtt_txt3{color:#F60;font-size:0.9em;} .subtt_txt4{text-align:right; font-size:0.9em; color:#666;} /*### 포인트 충전소 테이블### 150210*/ .mcharg_table {width:1000px; margin:0 auto; margin-bottom:10px; border-top:solid 2px #777777; background:#FFF; margin-bottom:5px;} .mcharg_table th, .mcharg_table td {height:38px; line-height:38px; vertical-align: middle; padding-bottom:2px;} .mcharg_table th {background-color:#f7f7f7; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold; text-align:center; font-size:14px;} .mcharg_table th:last-child {border-right:none;} .mcharg_table td {background:url(/assets/img/www/payment_dotline1.png) no-repeat; border-bottom:1px solid #ccc; padding-left:25px; font-size:12px; font-weight:bold;} .mcharg_table td:first-child {background:none;} .mcharg_table td img {margin:0 3px; vertical-align:middle;} .mcharg_table tr:hover {cursor:pointer;} .mcharg_table span.dc {background-color:#fb4b32; text-align:center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; color:#fff; font-size:11px; font-weight:bold; padding:2px 7px; margin:5px; letter-spacing:-1px;} .mcharg_table td.payment_info {text-align:center;background-color: #fefdef; font-size:14px;} /*### 로그인 테이블###*/ .login_table { width:900px; margin:0 auto; margin-bottom:10px; border:solid 3px #f00; background:#FFF;/*cursor:pointer;*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;margin-bottom:5px; padding:2px; } .login_table td { height:20px;line-height:20px; vertical-align:middle; border-bottom:#ccc 1px dotted; } .login_table .rig_Line { border-right:#CCC 1px dotted;} .login_table tr:hover {background-color:#f7f7f7;} .login_table .tr_title1 { height:20px;line-height:20px;background:#f6f6f6; text-align:center;color:#666; font-size:11px; } .mcharg_table .tr_title1 td{ border-bottom:#ccc 1px solid;} .td_rig10{ text-align:center; padding-right:10px;} .td_rig5{ text-align:left; padding-left:10px;} .td_le10 { text-align:left; padding-right:10px;} /*폰트 공통*/ .font_decoline { text-decoration:line-through} .font18em { font-size:1.8em;} .font16em { font-size:1.6em;} .font13em { font-size:1.3em;} .font14em { font-size:1.4em;} .font12em { font-size:1.2em;} .font11em { font-size:1.1em;} .font10em { font-size:1em;} .font09em { font-size:0.9em;} .font08em { font-size:0.8em;} .font07em { font-size:0.7em;} .bold { font-weight:bold;} .font_white {color:#ffffff;} .font_red {color:#ed1d37;} .font_blue {color:#1786cd;} .font_black {color:#000000;} .font_silver {color:#666666;} .font_navy {color:#1D5E90;} .font_blackb {color:#000000; font-weight:bold;} /*포인트 결제버튼*/ .mcharg_table_btn { clear:both; width:100%; margin:0 auto 50px; text-align:center;} .mcharg_table_left { width:48%; float:left; margin:0 auto; text-align:center; } .mcharg_table_right { width:48%; float:right; margin:0 auto;} .mcharg_table_btn_s { margin:0 auto; padding:0} .mcharg_table_btn_s li { display:block; margin-bottom:10px;} .mcharg_title1{ height:15px;line-height:15px; margin-left:5px;} .mcharg_title2{ height:30px;line-height:25px; margin-left:5px;} /*버튼추가*/ .cbtn { -moz-box-shadow:inset 0px 0px 15px 3px #23395e; -webkit-box-shadow:inset 0px 0px 15px 3px #23395e; box-shadow:inset 0px 0px 15px 3px #23395e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e466e), color-stop(1, #415989)); background:-moz-linear-gradient(top, #2e466e 5%, #415989 100%); background:-webkit-linear-gradient(top, #2e466e 5%, #415989 100%); background:-o-linear-gradient(top, #2e466e 5%, #415989 100%); background:-ms-linear-gradient(top, #2e466e 5%, #415989 100%); background:linear-gradient(to bottom, #2e466e 5%, #415989 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e466e', endColorstr='#415989',GradientType=0); background-color:#2e466e; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #58B0EC; display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:15px 15px; text-decoration:none; text-shadow:0px 1px 0px #263666; } .cbtn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #2e466e)); background:-moz-linear-gradient(top, #415989 5%, #2e466e 100%); background:-webkit-linear-gradient(top, #415989 5%, #2e466e 100%); background:-o-linear-gradient(top, #415989 5%, #2e466e 100%); background:-ms-linear-gradient(top, #415989 5%, #2e466e 100%); background:linear-gradient(to bottom, #00D6FF 5%, #2e466e 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#2e466e',GradientType=0); background-color:#415989; } .cbtn :active { position:relative; top:1px; } /*하단버튼*/ .payset_page { width:860px; margin:0 auto; margin-bottm:40px;} .payset_page1 {margin:0 auto; text-align:center; } .payset_page1_s {list-style:none;float:left;margin:0;padding:0;} .payset_page1_s li {float:left;width:110px; margin-right:6px; margin-bottom:10px;} .payset_page1_s li a span {display:none;} .payset_page1_s li a { background:url('http://vegadisk.com/images/charge/chargeok_btn_set1_new.gif') no-repeat} .payset_page1_s li a {height:41px;width:120px;display:block;} .payset_page1 .m1 a {width:151px; background-position: 0px 0px} .payset_page1 .m1 a:hover {width:151px; background-position: 0px -42px} .payset_page1 .m2 a {width:151px; background-position:-157px 0px} .payset_page1 .m2 a:hover {width:151px; background-position: -157px -42px} .payset_page1 .m3 a {width:151px; background-position:-314px 0px} .payset_page1 .m3 a:hover {width:151px; background-position: -314px -42px} .payset_page1 .m4 a {width:151px; background-position:-471px 0px} .payset_page1 .m4 a:hover {width:151px; background-position: -471px -42px} .payset_page1 .m5 a {width:151px; background-position:-628px 0px} .payset_page1 .m5 a:hover {width:151px; background-position:-628px -42px} .payset_page2 {overflow:hidden; margin:0 auto; text-align:center; } .payset_page2_s {overflow:hidden;list-style:none;float:left;margin:0;padding:0;} .payset_page2_s li {float:left;width:151px; margin-right:6px;} .payset_page2_s li a span {display:none;} .payset_page2_s li a { background:url('http://vegadisk.com/images/charge/chargeok_btn_set2_new.gif') no-repeat} .payset_page2_s li a {height:41px;width:151px;display:block;} .payset_page2 .m1 a {width:151px; background-position: 0px 0px} .payset_page2 .m1 a:hover {width:151px; background-position: 0px -42px} .payset_page2 .m2 a {width:151px; background-position:-157px 0px} .payset_page2 .m2 a:hover {width:151px; background-position: -157px -42px} .payset_page2 .m3 a {width:151px; background-position:-314px 0px} .payset_page2 .m3 a:hover {width:151px; background-position: -314px -42px} .payset_page2 .m4 a {width:151px; background-position:-471px 0px} .payset_page2 .m4 a:hover {width:151px; background-position: -471px -42px} .payset_page2 .m5 a {width:151px; background-position:-628px 0px} .payset_page2 .m5 a:hover {width:151px; background-position:-628px -42px} .payset_page3 {margin:0 auto; } .payset_page3_s {list-style:none;float:left;margin:0;padding:0;} .payset_page3_s li {float:left; width:128px; text-align:center; margin-right:8px; margin-bottom:10px; padding:15px;} /* .payset_page3_s li:nth-child(6n) {margin-right:0px;} */ .payset_page3_s li a span {display:none;} .payset_page3_s li a { background:url('http://vegadisk.com/images/charge/chargeok_btn_set4_new.gif') no-repeat} .payset_page3_s li a {height:41px;width:151px;display:block;} .payset_page3 .m1 a {width:151px; background-position: 0px 0px} .payset_page3 .m1 a:hover {width:151px; background-position: 0px -42px} .payset_page3 .m2 a {width:151px; background-position:-157px 0px} .payset_page3 .m2 a:hover {width:151px; background-position: -157px -42px} .payset_page3 .m3 a {width:151px; background-position:-314px 0px} .payset_page3 .m3 a:hover {width:151px; background-position: -314px -42px} .payset_page3 .m4 a {width:151px; background-position:-471px 0px} .payset_page3 .m4 a:hover {width:151px; background-position: -471px -42px} .payset_page3 .m5 a {width:151px; background-position:-628px 0px} .payset_page3 .m5 a:hover {width:151px; background-position:-628px -42px} /*로그인 리뉴얼*/ .login_top {width:100%; height:5px; background-color:#222423; } .login1_table { background-image: url(/assets/img/www/loginbg.gif); background-repeat: repeat; width: 900px; margin: 0 auto; margin-bottom: 10px; border: solid 3px #c0c0c0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 15px; margin-bottom: 5px; padding: 2px; text-align: center; } .login1_table img { margin-right: 5px; text-align: right; } .input_txt { width:150px; height:20px; border:1px #CCCCCC solid; margin:3px; font-size:1em; color:#ccc; } /*두쪽보기 하단*/ .comic_menu {width:712px; height:106px; text-align:center; position: absolute; margin-left:50%; left:-340px; bottom:10px; z-index:99;} .view_bottom_btn_2p {width:712px; height:106px; background-color:#000; opacity:0.7; text-align:center; position: absolute; top:0px;} .view_bottom_btn_2pup{width:680px; padding:30px 15px 30px 15px; text-align:center; position: absolute; } .view {width:100%; height:auto; margin:auto; position:relative; text-align:center;} /*프로그래스*/ .prograss {width:100px; height:8px;margin:auto; background-color:#ccc; } .Rectangle_46 { border-width: 2px; border-color: rgb( 241, 11, 41 ); border-style: solid; background-color: rgb( 255, 255, 255 ); position: absolute; left: 927px; top: 930px; width: 91px; height: 31px; z-index: 3; } /*두장보기*/ #img_wrap_btn {position:fixed; z-index:1; top:0; margin:0 auto; cursor:pointer;} #img_wrap_btn .btn_left{float:left; width:35%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);} #img_wrap_btn .btn_center{float:left; width:30%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);} #img_wrap_btn .btn_right{float:left; width:35%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);} #img_wrap {position:absolute; z-index:0; top:0; margin:0 auto;} .view2p {height:80%;position:relative; text-align:center;} .view2p img{ max-width:35%;} /*3월24일 출판만화 */ .comics_book {width:100%; background-color:#efefef; clear:both;} .comics_book .comics_div {width:1200px; margin:auto; padding-bottom:20px;} /*4월9일 레이어팝업*/ .layer_popup {width:100%; position:absolute; top:189px; z-index:999; display:none;} .layer_popup_content {width:1000px; height:498px; position:relative; margin:auto;} .layer_popup_content .btn_close { width:41px; height:42px; position:absolute;left:925px; top:15px; cursor:pointer;} .layer_popup_content .icon { width:600px; height:42px; position:absolute; left:200px; top:320px;} /*4월10일 고객센터 */ .ctable_h { font-size: 2em;font-weight: bold; color: #333;} .ctable_h a{color: #CE0000; text-decoration:none;} .ctable_h a:hover{color:#CE0000;} .ctable_h_e {font-size: 2em;font-weight: bold;color: #333;} .ctable_h_e a{color: #333; text-decoration:none;} .ctable_h_e a:hover{color:#CE0000;} .faq_table .ctable { background:#f6f6f6;border-bottom:1px #e1e1e1 solid; color:#888; display:none;} .faq_table .rtable{border-bottom:1px #ccc solid; font-size:1.1em; font-weight:bold; cursor:pointer;} .cselect { width:250px; height:20px; border:1px #e1e1e1 solid; } .cinput { width:98%; height:20px; border:1px #ccc solid; background:#fafafa;} .cinput_box { width:98%; height:300px; border:1px #ccc solid; background:#fafafa;} .qna_table {width:1200px;} .qna_table td{ border-bottom:1px #e1e1e1 solid;} .alink {color:#CE0000} /*메인 로그인 배너*/ .banner { width:993px; height:420px; margin:auto; position:absolute;right:3px; padding-top:30px; z-index:3;} .banner .close { top:30px; right:0px; width:20px; height:20px; position:absolute; cursor:pointer;} .banner .check { top:35px; right:15px; position:absolute;} .banner .check img{ border:none; opacity:1;} .banner .check img:hover{ border:none; opacity:1;} /*회차 리스트 정렬*/ .list_arrow {width:1000px; margin:10px auto 0; text-align:right;} /*성인인증 레이어*/ .adultLayer { padding:10px; font-size: 12px; width: 450px; height: 335px; margin: auto; position: relative; border: 2px solid #da0000; border-radius: 17px; background-color:#FFF;} .adultLayer .assist{ width: 153px; height: 38px; position: absolute; top:103px; left:140px; background-image: url(/assets/img/www/adult_auth.png); } .adultLayer td{ padding:10px;} .input_text {width:240px; height:35px; font-family:'NanumGothic', '나눔고딕','nng', '맑은 고딕', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:14px; color:#333; line-height:18px; padding-left:10px;} .adult_auth { width:100%; position: relative;} .adult_auth .name_19_out {width:100%; text-align:center; position:absolute; top:172px;} .adult_auth .name_19_out .out_btn {font-size:20px; color: #fb4b32; background: none; letter-spacing: -1px; text-align: center; border-radius: 20px; padding: 5px 20px 5px 19px; font-weight: bold; letter-spacing: -1px; margin: 0px 4px; border: 2px #fb4b32 solid;} /*쿠폰*/ .coupon_con {position:relative;} .coupon_con .coupon .coupon_input {position:absolute; top:333px; right:31px;} .coupon_con .coupon .coupon_input #coupon_number {width:300px; height:45px;} /*uplus쿠폰*/ .coupon_con_uplus {position:relative;} .coupon_con_uplus .coupon .coupon_input {position:absolute; top: 420px; right: 357px;} .coupon_con_uplus .coupon .coupon_input #coupon_number {width:300px; height:45px;} /*별점*/ .i_star_point {background-image:url(/assets/img/mobile/star2.png); margin-top:-2px;} .i_star_point[data-val='0'] {width:80px; height:15px; background-position: -0px -0px; display:inline-block;} .i_star_point[data-val='1'] {width:80px; height:15px; background-position: -0px -15px; display:inline-block;} .i_star_point[data-val='2'] {width:80px; height:15px; background-position: -0px -30px; display:inline-block;} .i_star_point[data-val='3'] {width:80px; height:15px; background-position: -0px -45px; display:inline-block;} .i_star_point[data-val='4'] {width:80px; height:15px; background-position: -0px -60px; display:inline-block;} .i_star_point[data-val='5'] {width:80px; height:15px; background-position: -0px -75px; display:inline-block;} .i_star_point[data-val='6'] {width:80px; height:15px; background-position: -0px -90px; display:inline-block;} .i_star_point[data-val='7'] {width:80px; height:15px; background-position: -0px -105px; display:inline-block;} .i_star_point[data-val='8'] {width:80px; height:15px; background-position: -0px -120px; display:inline-block;} .i_star_point[data-val='9'] {width:80px; height:15px; background-position: -0px -135px; display:inline-block;} .i_star_point[data-val='10'] {width:80px; height:15px; background-position: -0px -150px; display:inline-block;} .i_star_point_num {margin-right:50px;} .orange{color : #ff4637;} /*웹소설 뷰어 css*/ .content{width : 640px;border: 1px solid #ddd;padding-left : 48px; padding-right : 48px;margin : 48px auto;background-color: #fff;min-height:1000px;} .content_col{padding : 48px 48px;} .content p{clear: left;font-size : 14px;white-space: pre-wrap;word-wrap: break-word;line-height: 25px;} .content div{clear: left;font-size: 14px;white-space: normal;word-wrap: break-word;line-height: 130%;margin: 24px 0;} .content img{margin: auto;max-width : 100%;} .content h1,h2,h3,h4,h5,h6{font-weight: 800;border-bottom: 1px solid #ccc;padding-bottom: 24px;margin-bottom: 24px;} .content .txt_head{font-size: 20px;font-weight: 800;border-bottom: 1px solid #ccc;padding-bottom: 24px;margin-bottom: 24px;} /*사이즈*/ .content .txt_large{font-size:24px;} .content .txt_normal{font-size:14px;} .content .txt_small{font-size:8px;} /*색상*/ .content .txt_green{color:#1abc9c;} .content .txt_orange{color:#e67e22;} .content .txt_red{color:#e74c3c;} .content .txt_blue{color:#3498db;} .content .txt_purple{color:#9b59b6;} .content .txt_gray{color:#7f8c8d;} /*두께*/ .content .txt_bold{font-weight:800;} .content .txt_medium{font-weight:400;} .content .txt_light{font-weight:100;} /*말풍선*/ .content .txt_bubble,.content .talk{float: left;clear: left;position: relative;border: 1px solid #ccc;display: inline-block;vertical-align: middle;padding: 8px;word-break: break-all;box-shadow: 0px 0px 4px 0px rgba(12, 12, 12, 0.1); margin-top: 5px; margin-bottom: 5px;} .content .txt_bubble:before,.content .talk:before{top: 10px;bottom: auto;left: -13px;border-width: 6px 12px 6px 0;border-color: transparent #ccc;content: "";position: absolute;border-style: solid;display: block;width: 0;} .content .txt_bubble:after,.content .talk:after{top: 10px;bottom: auto;left: -11px;border-width: 6px 12px 6px 0;border-color: transparent #fff;content: "";position: absolute;border-style: solid;display: block;width: 0;} .content .txt_bubble img,.content .talk img{position: absolute;left: -50px;top: 6px;border-radius: 24px;width : 36px;height : 36px;} /*정렬*/ .content .txt_left{text-align:left;} .content .txt_right{text-align:right;} .content .txt_center{text-align:center;} /*이미지*/ .content .pic{box-shadow: 0px 0px 4px 0px rgba(12, 12, 12, 0.1); max-width : 100%; padding: 8px;border: 1px solid #ddd;white-space: normal;display : inline-block; } .ch_list {position: fixed;display: none;z-index: 9;list-style-type: none;overflow-y: auto;border: 1px solid #ddd;padding: 0;margin: auto;max-height: 480px;background-color: rgba(255,255,255,0.98);min-width: 300px;left: 50%;margin-top: -2px;} .ch_list li{position: relative;margin: auto;font-size: 14px;padding: 8px 16px;border-top: 1px solid #eee;line-height: 24px;height: 24px;text-align: left;} .ch_list li:first-child{border:none;} .ch_list li:hover{background-color: #ff4637;} .ch_list li a{display:block;} .ch_list li:hover a{color : #fff;} .ch_list li a:hover{color : #fff;} .ch_list ul{list-style-type: none;padding-left:24px;} .ch_list ul li{padding : 8px;font-size:12px;border:none;line-height:18px;height:18px;} .ch_list li .ico_lock {width: 37px;height: 37px;background-image: url(/assets/img/mobile/image.png);background-position: -0px -186px;position: absolute;top: 0;right: 0;z-index: 99;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";} .bottom_ctrl{position: fixed;bottom: 0px;width: 100%;margin: auto;text-align: center;padding: 8px;background-color: rgba(255,255,255,0.98);border-top: 1px #e1e1e1 solid;} .right_ctrl{position: fixed;bottom: 20%;right: 0px;background: white;padding: 8px;background-color: rgba(255,255,255,0.95);box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);border-radius: 8px 0 0 8px;} .right_ctrl .btn {cursor: pointer;line-height: 32px;height: 32px;width: 32px;text-align: center;font-size: 14px;display: block;float: left;margin-right: 6px;font-weight: bold;color: #333;border: 1px solid #ddd;} .right_ctrl .btn:hover {color : #ff4637;} .navbtn{width: 32px;height: 32px;display: block;cursor: pointer;position: fixed;top : 50%;} .progress_bar_area{background-color: #fff;margin : auto;box-shadow: 0px 0px 4px 0px rgba(12, 12, 12, 0.3);} .progress_per{margin-top : 8px;font-size: 14px;} /*장르*/ .view-genre .clear {clear:both;margin-bottom:16px} .view-genre {width:1000px;margin:auto;min-height: 800px;margin-top:130px} .view-genre .genre_row{background-color:#fff;margin-bottom:16px;overflow:hidden;} .view-genre .sub-title {width:1000px; border-bottom:2px solid #e1e1e1; color:#333; font-weight:900; font-size:18px; line-height:36px;} .view-genre .sub-title .title-bar {width:1px; height:13px; background-color:#ccc; display:inline-block; margin:2px 6px 0;} .view-genre .sub-title .sub-stitle {font-size:12px; color:#666;} .view-genre .thumb-box {width:306px; height:146px; border:1px solid #ccc; border-radius:5px; float:left; margin:10px 5px 0 5px; padding:7px;} .view-genre .thumb-box:hover{color:inherit;opacity: 0.8} .view-genre .box-last {margin-right:0; float:right;} .view-genre .thumb-box .thumb-img {width:120px; height:145px; float:left; position:relative;} .view-genre .thumb-box .thumb-img .icon-new {width:36px; height:36px; position:absolute; bottom:0; right:0; background-image:url(icon_new.png); z-index:2;} .view-genre .thumb-box .thumb-img img {width:120px; height:145px; position:absolute; top:0; left:0; z-index:1;} .view-genre .thumb-box .thumb-img .icon-up {color:#ff6a1d; font-weight:900; font-size:10px; z-index:2; background-color:#fff; position:absolute; top:10px; right:10px; outline:none; border:1px solid #ff6a1d; padding:0px 5px; border-radius:15px;} .view-genre .thumb-box .txt-box {width:160px; float:left; margin-left:25px; line-height:18px; position:relative;} .view-genre .thumb-box .txt-box .txt-title {font-size:14px; font-weight:900; color:#333; line-height:28px; padding:0; margin:0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .view-genre .thumb-box .txt-box span{display: block;height: 64px;overflow: hidden;text-overflow: ellipsis;} .view-genre .thumb-box .txt-box .txt-desc div{font-size: 11px !important;line-height: 16px !important} .view-genre .thumb-box .txt-box .icon-adult {color:#ffbd76; font-weight:900; font-size:11px; z-index:2; background-color:#fff;outline:none; border:1px solid #ffbd76; padding:0px 3px; border-radius:12px; letter-spacing:-1px; margin-left:2px;position: relative;top: -1px;line-height: 15px} .view-genre .thumb-box .txt-box .icon-star {margin:3px 0;} .view-genre .thumb-box .txt-box .i_star_point {margin-top:4px;} .view-genre .thumb-box .txt-box button.all-view {position:absolute; top:120px; left:0; z-index:3; border-radius:5px; border:1px solid #ccc; color:#666; padding:3px 10px; background-color:#fff;} .view-genre .thumb-box .txt-box button.all-view {font-family:"Nanum Gothic", sans-serif; outline:none; letter-spacing:-1px; font-weight:900; cursor:pointer;} .view-genre .genre-list{color: #333;font-weight: 400;font-size: 13px;line-height: 36px;margin-top: -38px;float: left;margin-left: 242px;} .view-genre .genre-list span{padding:4px 0;cursor:pointer;z-index:2;} .view-genre .genre-list span:after {content:'';width:1px; height:13px; background-color:#ccc; display:inline-block; margin:2px 6px 0;} .view-genre .genre-list span:last-child:after{display:none;} .view-genre .genre-list span.on{color:#fe330b;} .view-genre .sort-ctrl{float: right;margin-top: -28px;font-size: 14px;width:307px;text-align: right} .view-genre .sort-ctrl span{padding:4px 12px;cursor:pointer;z-index:2;} .view-genre .sort-ctrl span.on{color:#fff;background-color: #fe330b;border-radius: 16px;} /* 소셜 로그인 */ .sns_login a{height: 45px;line-height: 45px;width: 256px;display: block;position: relative;margin-bottom: 12px;box-shadow: 0 1px 2px rgba(0,0,0,.4);opacity:0.85;} .sns_login a:after{} .sns_login a:hover{opacity:0.6} .sns_login a.facebook{background-color: rgba(59,89,152,1);} .sns_login a.naver{background-color: #1ec800;} .sns_login a.google{background-color: rgba(217,62,44,1);} .sns_login a img{width: 45px;height: 45px;position: absolute;left: 0;} .sns_login a span.sns-content{text-shadow: 1px 1px rgba(0,0,0,.2), -1px -1px rgba(0,0,0,.2);font-weight: 400;font-size: 16px;color: #fff;position: absolute;left: 58px;} .sns_login a span.sns-content:before{content: "";width: 1px;height: 32px;display: block;position: absolute;background-color: rgba(255,255,255,.6);top: 8px;left: -8px;} /*이벤트*/ .event_top{width:1200px; height:70px; border-bottom:3px solid #fe330b; position:relative;} .event_top h1{position:absolute; top:5px; left:0; padding:0; margin:0;} .event_top ul.tabs{position:absolute; bottom:0; right:0; padding:0; margin:0;} .event_top .tabs li{width:110px; height:40px; line-height:40px; list-style:none; float:left; text-align:center; padding:0; margin:0; background:#353746; font-size:14px; font-weight:bold; border-right:1px solid #252734; border-left:1px solid #484a56;} .event_top .tabs li:last-child{border-right:1px solid #353746;} .event_top .tabs li a{display:block; color:#b9bdd4; text-decoration:none;} .event_top .tabs li.on{background:#fe330b; border-color:#fe330b;} .event_top .tabs li.on a{color:#fff;} .event-content{padding:0; margin:0;} .event-content li{list-style:none; padding:0; margin:0; border-bottom:1px solid #ccc;} .event-content li span.event_thumb{top:0; left:0; width:250px; height:125px; background-size:100%; float:left; margin:15px 0;} .event-content li ul.list_contents{width:600px; height:125px; line-height:30px; float:left; padding:0; margin:15px 0 0 30px; font-size:14px;} .event-content li ul.list_contents li{border-bottom:0;} .event-content li ul.list_contents span.name-tag{background:#aaa; font-weight:bold; color:#fff; padding:2px 10px; border-radius:3px; margin-right:10px;} .event-content li a.btn_view_event{float:right; display:block; border-radius:3px; padding:10px 40px; background:#fe330b; color:#fff; font-weight:bold; font-size:16px; letter-spacing:-1px; margin-top:55px;} /*탑툰마일리지결제 팝업*/ .pop_mileage {width:420px; height:240px;} /*SIZE*/ .pop_mileage .pop_header {width:100%; padding:7px 20px; background-color:#fe330b; color:#fff; font-weight: bold; font-size:14px;} .pop_mileage .pop_content {width:100%; padding:10px 20px; text-align:center;} .pop_mileage .pop_content table {width:90%; border-top: 2px solid #fe330b; border-collapse: collapse; padding:0;} .pop_mileage .pop_content table td, .pop_mileage .pop_content table th {border-bottom:1px solid #ccc; font-size:12px; text-align:left; padding:6px 0px 6px 10px;} .pop_mileage .pop_content table td.select_td {color:#fe330b; font-weight:bold;} .pop_mileage .pop_content table th {background-color:#ebebeb; width:120px;} .pop_mileage .pop_content button {width:auto; padding:5px 20px; text-align:center; border:none; font-size:12px; font-weight: bold; background-color:#ff4637; color:#fff; margin-top:15px; border-radius:20px; cursor:pointer;} .pop_mileage .pop_content ul.discription {font-size:12px; text-align:left; line-height:16px; margin-top:10px;} /* 추가버튼 150209 */ .btn_qna_write {background-color:#fe330b; color:#fff; font-weight: bold; padding:13px 20px; margin-top:15px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .btn_qna_write_cancle {background-color:#ccc; color:#444;} /*150121 고객센터 리뉴얼*/ .cs_top {width:940px; height:165px; position:relative; margin:80px 0; background:url(/assets/img/www/cs_top.png) no-repeat;} .cs_faq_search {width:365px; height:46px; position:absolute; bottom:5px; right:50px; background:#e1e1e1; line-height:50px; padding-left:10px; color:#888; font-size:14px; border:1px solid #f2f2f2; } .cs_faq_btn {width:50px; height:50px; position:absolute; bottom:5px; right:0px; background:url(/assets/img/www/cs_icon_search.jpg) no-repeat center center #f84914;} ul.cs_tab {width:940px; height:40px; background-color:#353746; border-bottom:2px solid #fe330b; list-style:none; padding:0; margin:0;} ul.cs_tab li {float:left; width:312px; height:40px; line-height:40px; border-left:1px solid #ddd;} ul.cs_tab li:first-child{border-left:0;} ul.cs_tab li a {display:block; color:#b9bdd4; font-size:14px; text-align: center; font-weight:bold; letter-spacing: -1px; cursor:pointer;} ul.cs_tab li a.on {background-color:#fe330b; color:#fff;} ul.faq_category{width:940px; background:#f6f6f6;} ul.faq_category li{} ul.faq_category li a{} ul.faq_category li a.on{color:#fe330b; text-decoration:underline; font-weight:bold;} /*150123 고객센터 나의문의내역*/ .myqna_list {width:1200px; padding-bottom:30px;} .myqna_list .qna_list_table {width:1200px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-collapse:collapse; border-spacing:0; padding:0;} .myqna_list .qna_list_table th {background:#eee; font-size:12px; font-weight: bold; padding:10px 0; } .myqna_list .qna_list_table th, .myqna_list .qna_list_table td {border-bottom:1px solid #e1e1e1; text-align:center;} .myqna_list .qna_list_table td{padding:15px 0;} .myqna_list .qna_list_table .qna_list_title {text-align:left;} .myqna_list .qna_list_table .qna_view_table {width:1000px;} .myqna_list .qna_list_table .ctable { display:none;} .myqna_list .qna_list_table .rtable{ cursor:pointer;} .myqna_list .qna_answer {text-align:left; background-color:#f7f7f7; padding:15px 0px;} .myqna_list .qna_answer .my_q {background:url(/assets/img/www/qna_q.jpg) no-repeat 100px 0px; padding:0 100px 10px 130px;} .myqna_list .qna_answer .qna_line {width:100%; height:1px; background-color:#e1e1e1;} .myqna_list .qna_answer .cs_a {background:url(/assets/img/www/qna_a.jpg) no-repeat 100px 20px; padding:20px 100px 0px 130px;} .myqna_list .qna_answer .cs_a span.evaluation {width:100%; padding-top:20px; display:block;} .myqna_list .qna_complete, .myqna_list .qna_open {color:#fe330b; font-weight: bold;;} .myqna_list .btn_qna_write {background-color:#f84914; color:#fff; font-weight: bold; float:right; padding:8px 15px; margin-top:15px;} .myqna_list .qna_list_table .qna_del {text-align:center; margin:auto; cursor:pointer; display:block; width:13px; height:13px; background:url(/assets/img/www/qna_delete.jpg) no-repeat;} /*charge renewal 150304*/ .charge_bookbg{width:1000px; height:200px; font-weight:bold; font-family:arial, tahoma, sans-serif; font-size:54px; color:#fb4b32; letter-spacing:-4px; background:url(/assets/img/www/charge_book2.jpg) no-repeat;} .charge_bookbg img{vertical-align:middle; margin:0 0 7px 5px;} .charge_bookbg p.user_coin_info{width:400px; float:left; text-align:left; padding: 56px 0 0 59px; margin:0;} .charge_bookbg p.user_dc{width:300px; float:right; text-align:left; padding:70px 0px 0 200px; margin:0;} /*충전소 테이블 150304*/ .charge_wrap_re{background:#fff;} .charge_wrap_re span.t_orange{color:#fb4b32;} .charge_wrap_re span.t_black{color:#828282;} .charge_wrap_re .charg_table{width:860px; border-collapse:collapse; padding:0; margin:0 auto; background:#FFF;} .charge_wrap_re .charg_table tr.select_line{background:#fff6f5;} .charge_wrap_re .charg_table td{height:60px; line-height:60px; vertical-align:middle; border-bottom:1px solid #e5e5e5; padding:0; text-align:right; cursor:pointer; font-weight:bold;font-size:16px} .charge_wrap_re .charg_table td.old_price{color:#d5d5d5; text-decoration:line-through;} .charge_wrap_re .charg_table td.price1{padding-right:30px;} .charge_wrap_re .charg_table td.coin{text-align:left;} .charge_wrap_re .charg_table td.coin img{margin-right:10px;} .charge_wrap_re .charg_table span.dc{background-color:#fb4b32; text-align:center; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; padding:3px 8px; margin:5px; letter-spacing:-1px;} .charge_wrap_re .charg_table td.payment_info{text-align:center;background:#fefdef; font-size:18px; border-bottom:none;} .charge_wrap_re .charg_table td.payment_info img{margin:0 6px 3px;} .step_2 .charg_table td{height:60px; line-height:60px; vertical-align:middle; border-bottom:1px solid #e5e5e5; padding:0; text-align:right; cursor:pointer; font-weight:bold;font-size:16px} .step_2 .charg_table td.payment_info{text-align:center;background:#fefdef; font-size:18px; border-bottom:none;} .step_2 .charg_table td.payment_info img{margin:0 6px 3px;} a.help_mileage{float:right; color:#000; font-size:14px; text-decoration:none; margin:10px 20px 0 0; font-weight:bold;} button.charge_re2{margin:auto; padding:20px 90px; border:none; background:#363a48; font-size:18px; font-weight:bold; color:#fff; border-radius:5px;} button.charge_re2:hover{opacity:.9;} .user_mileage_per{width:830px; height:35px; line-height:35px; margin:auto; background:#f7f7f7; border-bottom:1px solid #e5e5e5; padding-left:30px; text-align:left; font-size:14px; font-weight:bold;} /*연재제안 팝업*/ .propose{width:450px; padding:10px 20px 10px; background:#fff; border:1px solid #ddd; box-shadow:0px 3px 5px -1px rgba(0,0,0,0.3); position:fixed; top:50%; left:50%; border-radius:5px; margin:-200px 0 0 -245px; text-align:center; z-index:999; display:none;} .propose h1{font-size:20px; line-height:24px; font-weight:bold; color:#333; text-align:left;} .propose .pop_contents{font-size:14px; line-height:22px; text-align:left;} .propose .pop_contents a.propose_mail{color:#fe330b; text-decoration:none; font-weight:bold;} .propose .pop_contents a.propose_mail{text-decoration:underline;} .propose .btn_area{width:100%; margin:auto; text-align:center;} .propose .btn_area a{display:inline-block; width:90px; text-align:center; border-radius:5px; padding:5px 15px; margin:20px 5px; cursor:pointer; font-weight:bold;} .propose .btn_area a.btn{border:1px solid #ccc; background:#fff; color:#333;} /* 연재제안 팝업 2015-05-12*/ .alert_popup02{width:500px; height:230px; background:#fff;} .alert_popup02 h1{width:100%; height:34px; text-align:center; font-size:14px; font-weight:bold; position:relative; border-bottom:1px solid #f33c3a; color:#f33c3a; padding:0; margin:0;} .alert_popup02 h1 span{line-height:34px;} .alert_popup02 h1 a{position:absolute; top:10px; right:15px;} .alert_popup02 .info_popup{background:#fff; width:100%; text-align:center; padding:15px 0 30px;} .alert_popup02 .info_popup p{font-size:14px; line-height:21px; margin-bottom: 38px;} .alert_popup02 .info_popup p a.propose_mail{color:#fe330b; text-decoration:none; font-weight:bold;} .alert_popup02 .info_popup p a.propose_mail{text-decoration:underline;} .alert_popup02 .info_popup label{width:100%; display:block; text-align:center; padding:0; margin:0 auto 20px;} /* /*마이페이지 150317*/ .top_mypage{width:1200px; height:70px; border-bottom:3px solid #fe330b; position:relative; margin:auto;} .top_mypage h1{position:absolute; top:5px; left:0; padding:0; margin:0;} .top_mypage ul.mypage_tab{position:absolute; bottom:0; right:0; padding:0; margin:0;} .top_mypage ul.mypage_tab li{width:110px; height:40px; line-height:40px; list-style:none; float:left; text-align:center; padding:0; margin:0; background:#353746; font-size:14px; font-weight:bold; border-right:1px solid #252734; border-left:1px solid #484a56;} .top_mypage ul.mypage_tab li:last-child{border-right:1px solid #353746;} .top_mypage ul.mypage_tab li.on{background:#fe330b; border-color:#fe330b;} .top_mypage ul.mypage_tab li.on a{color:#fff;} .top_mypage ul.mypage_tab li a{display:block; color:#b9bdd4; text-decoration:none;} .myinfo{width:1200px; background:#fff;} /*마이페이지 15-12-09 이벤트코인 기간만료 알림*/ .myinfo ul.use_list{width:1200px; margin:0; padding:0;} .myinfo ul.use_list li{display:block; list-style:none; width:299px; height:100px; float:left; border-right:1px dashed #ccc; font-size:14px; color:#353746; text-align:center; margin:20px 0; position:relative;} .myinfo ul.use_list li+li+li+li{width:300px; border-right:0;} .myinfo ul.use_list p{padding:0; margin:0;} .myinfo ul.use_list p.use_list_title{font-size:16px; font-weight:bold; margin-bottom:15px;} .myinfo ul.use_list p.use_list_title img{display:inline-block; margin-right:5px;} .myinfo ul.use_list p.coin{color:#fd4243; font-size:12px;} .myinfo ul.use_list p.coin span.num{font-family:tahoma, arial, sans-serif; font-size:24px; font-weight:bold;} .myinfo ul.use_list a.use_list_btn{display:block; color:#fff; border-radius:3px; height:24px; line-height:24px; font-size:11px; width:70px; position:absolute; bottom:0; left:50%; margin-left:-35px; background:#fd4243} .myinfo ul.use_list .event_coin_day{height:22px; line-height:22px; font-size:11px; text-align:center; position:relative;} .myinfo ul.use_list .event_coin_day p{display:inline-block; margin-top:18px;} .myinfo ul.use_list .event_coin_day span{display:block; float:left;} .myinfo ul.use_list .event_coin_day span.dday{color:#fff; border-radius:15px; padding:15px; background:#fd4243; height:18px; line-height:18px; padding:0 7px; font-size:10px; text-align:center; margin:1px 0 0 3px;} .myinfo ul.use_list .event_coin_day a.btn_helpicon{width:17px; height:17px; line-height:17px; border-radius:50%; border:1px solid #fd4243; color:#fd4243; font-size:10px; cursor:pointer; margin:1px 0 0 3px; display:block; float:left;} .myinfo ul.use_list .event_coin_day .bonuscoin_info_alert{position:absolute; top:45px; left:48px; border:2px solid #fd4243; background:#fff; width:180px; text-align:left; padding:0 10px 10px; line-height:16px; display:none;} .myinfo ul.use_list .event_coin_day .bonuscoin_info_alert strong{line-height:30px; color:#333; border-bottom:1px solid #333;} .myinfo ul.use_list .event_coin_day .bonuscoin_info_alert a.help_close{width:20px; height:20px; display:block; position:absolute; top:0px; right:0px; background:url(/assets/img/www/mypage/layer_close_x.png) no-repeat center center; cursor:pointer; text-align:center;} .btn_autopay_helpicon{width:17px; height:17px; line-height:17px; border-radius:50%; border:1px solid #fd4243; color:#fd4243; font-size:10px; cursor:pointer; margin:1px 0 0 3px; display:block;position: relative;float: left;text-align: center;} .autopay_info_alert{font-size: 11px;position:absolute; top:500px; left:248px; border:2px solid #fd4243; background:#fff; width:180px; text-align:left; padding:0 10px 10px; line-height:16px; display:none;} .autopay_info_alert strong{line-height:30px; color:#333; border-bottom:1px solid #333;} .autopay_info_alert a.help_close{width:20px; height:20px; display:block; position:absolute; top:0px; right:0px; background:url(/assets/img/www/mypage/layer_close_x.png) no-repeat center center; cursor:pointer; text-align:center;} .myinfo table.account{width:1200px; border:0; border-collapse:collapse; padding:0; border-top:1px solid #ccc; font-size:12px; background:#fff;} .myinfo table.account input{border:1px solid #dadada; width:150px; height:23px; line-height:23px; padding:0 5px; margin-right:10px;} .myinfo table.account th{width:140px; background:#eee;} .myinfo table.account th, .myinfo table.account td{border-bottom:1px solid #ccc; height:40px; line-height:40px; padding-left:20px;} .myinfo table.account td{background:#fafafa;} .txt_point{color:#fe330b; font-weight:bold;} .myinfo .btn{display:inline-block; cursor:pointer; letter-spacing:-1px; font-weight:bold; border-radius:3px; margin:0 2px;} .myinfo .btn_bluegray{border:1px solid #7b7f87; background:#999baa; color:#fff; font-size:11px; padding:2px 7px; line-height:16px; font-weight:normal;} .myinfo .btn_red{background:#fe4824; color:#fff; border:1px solid #fe4824; padding:0px 10px; height:22px; line-height:21px;} .myinfo .btn_white{border:1px solid #dadada; background:#fff; color:#333; padding:0px 10px; height:22px; line-height:21px;} .mypage_board{width:100%; margin-top:35px; position:relative;} .mypage_board h2{margin:0 0 15px 0; padding:0; border:0;} .mypage_board table{width:100%; border-collapse:collapse; padding:0; border:0; border-top:1px solid #ccc; font-size:12px;} .mypage_board table .qna_del {text-align:center; margin:auto; cursor:pointer; display:block; width:13px; height:13px; background:url(/assets/img/www/qna_delete.jpg) no-repeat;} .mypage_board table .message_del {text-align:center; margin:auto; cursor:pointer; display:block; width:13px; height:13px; background:url(/assets/img/www/message_delete.jpg) no-repeat;} .mypage_board table th{background:#eee; text-align:center; font-weight:bold;} .mypage_board table th, .mypage_board table td{height:35px; line-height:35px; border-bottom:1px solid #ccc; text-align:center;} .mypage_board table td a{display:block;} .mypage_board table td.title{text-align:left; padding-left:20px;} .mypage_board .btn_cs{position:absolute; bottom:-2px; right:0; width:110px; height:30px; background:#ccc; background:#fe4824; color:#fff; padding:0px 10px; line-height:30px; border-radius:3px; text-align:center; font-weight:bold; font-size:14px; cursor:pointer;} .mypage_board .qna_answer {text-align:left; background-color:#f7f7f7; padding:0px; line-height:18px;} .mypage_board .qna_answer .my_q {background:url(/assets/img/www/qna_q.jpg) no-repeat 140px 10px; padding:7px 100px 10px 170px;} .mypage_board .qna_answer .qna_line {width:100%; height:1px; background-color:#e1e1e1;} .mypage_board .qna_answer .cs_a {background:url(/assets/img/www/qna_a.jpg) no-repeat 140px 10px; padding:7px 100px 10px 170px;} .paging{width:1200px; height:25px; text-align:center; margin:20px auto 50px;} a.page_num{display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; font-family:tahoma, arial, sans-serif; font-weight:bold; color:#333; font-size:12px; margin:0 1px;} a.page_num.on{background:#fe330b; color:#fff;} a.page_num.arrow{background:#ccc; color:#fff; font-size:11px;} /*마이페이지 게시판 탭 150318*/ .board_subtab{width:1000px; height:34px; padding-top:30px; position:relative;} .board_subtab ul.bigmenu{position:absolute; bottom:-1px; right:0; padding:0; margin:0;} .board_subtab ul.bigmenu li{width:110px; height:34px; line-height:32px; list-style:none; float:left; margin:0; padding:0; text-align:center; border:1px solid #ccc; font-size:14px; font-weight:bold;} .board_subtab ul.bigmenu li+li{border-left:0;} .board_subtab ul.bigmenu li a{width:108px; height:33px; display:block; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; color:#626262;} .board_subtab ul.bigmenu li a.on{color:#fe330b; background:#f7f7f7; border-bottom:1px solid #f7f7f7;} /*마이페이지 마일리지 풍선 150319*/ .mypage_alert_mileage{width:125px; height:68px; background:url(/assets/img/www/mypage/alert_mileage.png) no-repeat; position:absolute; top: -80px; right: 410px; z-index:2; color:#fff; text-align:center; font-size:12px; line-height:20px; padding:20px 0px 0 0; letter-spacing:-1px;} .mypage_alert_mileage span{font-family:arial, sans-serif; font-size:20px; font-weight:400; color:#f8ff2b; letter-spacing:0px;} /*썸네일 아이콘*/ .index_new .rank_best{width:38px; height:35px; position:absolute; top:0; left:0; color:#fff; font-weight:bold; z-index:3; background:#fe330b; text-align:center; font-size:10px; padding-top:3px;} .index_new .rank_best .rank_num{font-size:18px; font-family:arial, tahoma, sans-serif; padding:0; margin:0;} .index_new .new{width:20px; letter-spacing:-1px; display:inline-block; padding:0 5px 2px; height:12px; line-height:16px; font-size:10px; font-weight:bold; color:#fe330b; border:2px solid #fe330b; text-transform:uppercase; border-radius:15px; float:right; background:#fff; position:absolute; top:0; right:0;} .index_new .update{display:inline-block; padding:0 5px 2px; height:12px; line-height:16px; font-size:10px; font-weight:bold; color:#fe330b; border:2px solid #fe330b; text-transform:uppercase; border-radius:15px; background:#fff; margin-left:5px;} .index_new .recommend_md{width:60px; height:60px; background:url(/assets/img/www/index_renewal/icon_recommend_md.png) no-repeat; position:absolute; top:55px; left:0; z-index:2; color:#ffffff; background-size:100%; } .index_new .recommend_md_add{ top:65px; } .index_new .recommend_md span.recommend_md01{font-size:11px; font-weight:bold; line-height:12px; padding:32px 0 0 5px; display:block;} /*MD추천 작은썸네일용*/ .recommend_md3{width:60px; height:60px; background:url(/assets/img/www/index_renewal/icon_recommend_md.png) no-repeat; position:absolute; bottom:43px; left:0; z-index:2; color:#ffffff; background-size:100%;} .recommend_md3 span.recommend_md01{font-size:11px; font-weight:bold; line-height:12px; padding:32px 0 0 5px; display:block;} .index_new .adult{width:20px; height:20px; background:#fe330b; color:#fff; font-weight:bold; font-family:arial, tahoma, sans-serif; border-radius:20px; text-align:center; line-height:20px; letter-spacing:-1px; z-index:3; float:right; margin:90px 5px 0 0;} .index_new .adult_mini{margin-top:120px;} .index_new .clock{width:20px; height:20px; background:url(/assets/img/mobile/icon_waitfree.png) no-repeat center center rgba(0,0,0,0.5); background-size:75%; border-radius:20px; z-index:3; float:right; margin:90px 5px 0 0; background-size:14px;} .index_new ul.mini_thumb li a .mini_thumb_wrap .clock{width:20px; height:20px; background:url(/assets/img/mobile/icon_waitfree.png) no-repeat center center rgba(0,0,0,0.5); background-size:75%; border-radius:20px; z-index:3; float:right; margin:120px 5px 0 0; background-size:14px;} .index_new .starpoint{position:absolute; bottom:12px; right:10px;} /*충전소 상단배너*/ .payment_bnr{width:1000px; margin:auto; position:relative;} .payment_bnr .payment_close_white{width:40px; height:40px; display:block; background:url(/assets/img/www/payment/payment_close_white.png); position:absolute; top:50%; right:50px; margin-top:-20px; cursor:pointer;} /*충전소 결제안내*/ .payment_notice{width:938px; margin:0 auto 30px; text-align:left; line-height:22px; background:#efefef; border-radius:10px; font-size:14px; padding:25px 30px; color:#363a48; border:1px solid #e5e5e5;} .payment_notice p{font-weight:bold; font-size:18px; font-weight:bold; padding:0 0 15px 0; margin:0; lin-height:32px;} /* 이벤트 페이지 */ .event {width: 1000px;margin: 0 auto;min-height: 640px;position: relative;top:12px;} .event ul {list-style-type: none;position: relative;padding : 0px;margin:0px;} .event .tabs {width: 100%;list-style: none;margin: 0;padding: 0;border-bottom: 2px solid #ef4234;height: 42px;} .event .tabs li {margin: 0;padding: 0;float: right;} .event .tabs li:first-child a {margin-right: 64px} .event .tabs li a{font-size: 14px;padding: 12px 24px;line-height: 42px;font-weight:700;} .event .tabs li.on a{color:#ef4234;border: 2px solid #ef4234;border-bottom: 3px solid #fff;} .event .event-content {clear:both} .event .event-content > li {position: relative;height : 164px;border-bottom: 1px solid #efefef;} .event .event-content > li > span {display : inline-block;width : 256px;height : 128px;margin : 18px;background-position: center center;background-repeat: no-repeat;background-size: cover;-webkit-box-shadow: 0px 0px 8px 0px rgba(12, 12, 12, 0.8);-moz-box-shadow: 0px 0px 8px 0px rgba(12, 12, 12, 0.8);box-shadow: 0px 0px 8px 0px rgba(12, 12, 12, 0.8);} .event .event-content > li > ul {position: absolute;top: 0;left: 274px;margin: 18px;line-height: 32px;font-size: 14px;} .event .event-content > li > ul li .name-tag {letter-spacing: 0px;color : #fff;padding : 4px;background-color: #ccc;margin-right : 8px;border-radius: 4px;text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);} .event .event-content > li > a {position: absolute;top: 50%;right: 0;color: #fff;padding: 12px 32px;margin-top: -26px;border-radius: 4px;background-color: #ef4234;font-size: 16px;letter-spacing: 0px;text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);} /* 쿠폰등록 팝업 2015-05-22*/ .alert_popup03_wrap {width:535px; height:550px; position:relative; background:#fff; border:3px solid #150806; border-radius:3px;} .alert_popup03_wrap .alert_popup03 { padding:20px; } .alert_popup03_wrap .alert_popup03 .img00{position:absolute; top:38px; left:-91px; display:block; width:88px; height:105px; } .alert_popup03_wrap .alert_popup03 h1 {font-size:16px; font-weight:bold; color:#020303;} .alert_popup03_wrap .alert_popup03 h1 span {font-size:12px; color:#828181; } .alert_popup03_wrap a.btn img {position:absolute; top:16px; right:16px; } .alert_popup03_wrap .alert_popup03 h2 {display:block; color:#313339; font-size:30px; letter-spacing:-4px; font-weight: bold; border-bottom: none; padding: 0; margin:0;} .alert_popup03_wrap .alert_popup03 .coupon_num {background-color:#f7f7f7; border-top:1px solid #e3e4e8; position:relative; padding: 20px 0 15px 15px; margin-bottom: 20px;} .alert_popup03_wrap .alert_popup03 .coupon_num p {font-size:12px; color:#828181; letter-spacing:-2px; margin: 10px 0;} .alert_popup03_wrap .alert_popup03 .coupon_num a.btn_type8{ position:absolute; background:#f7f7f7; border:1px solid #313339; color:#313339; font-size:13px; text-align:center; text-decoration:none; top:20px; right:20px; width: 90px; height: 34px; display: block; line-height: 34px; padding: 0; margin:0;} .alert_popup03_wrap .alert_popup03 .coupon_num .coupon_input01 input, .alert_popup03_wrap .alert_popup03 .coupon_num .coupon_input01 a {vertical-align:middle;} .alert_popup03_wrap .alert_popup03 .coupon_num .coupon_input01 a.btn_type9 {background:#363a48; color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:11px 12px 13px;} .alert_popup03_wrap .alert_popup03 .happy_num {background-color:#f7f7f7; position:relative; padding: 20px 0 15px 15px; } .alert_popup03_wrap .alert_popup03 .happy_num h2 { color:#f43232;} .alert_popup03_wrap .alert_popup03 .happy_num p { font-size:12px; color:#828181; letter-spacing:-2px; margin:10px 0; } .alert_popup03_wrap .alert_popup03 .happy_num a.btn_type8{ position:absolute; background:#f7f7f7; border:1px solid #313339; color:#313339; font-size:13px; text-align:center; text-decoration:none; top:20px; right:20px; width: 90px; height: 34px; display: block; line-height: 34px; padding: 0; margin:0;} .alert_popup03_wrap .alert_popup03 .happy_num img{ position:absolute; bottom:-3px; right:0px;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon_wrap {position:relative;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon01_wrap p {border:1px solid #ccc; background:#fff; width:255px; padding:5px 0; margin:0 0 4px;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon01_wrap p .tit {display:inline-block; width:40px;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon01_wrap p input[type=text] {border:none; height:26px; line-height:26px; margin:0 5px;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon01_wrap p span{text-align:left; color:#f43232; font-size:12px; line-height:12px; padding-left:15px;} .alert_popup03_wrap .alert_popup03 .happy_num .happy_coupon01_wrap a.btn_type9 {position:absolute; top:72px; left:275px; background:#363a48; color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:12px 12px; text-decoration:none;} /* 의견제시하기 팝업 2015-06-05 */ .alert_comment_wrap {width:441px; height:280px; margin:0 auto; position:relative; overflow:hidden; background: #fff;} .alert_comment_wrap h3.comment {font-size:16px; letter-spacing:-1px;font-weight:bold; color:#f33c3a; text-align:center; height:3px; padding: 15px 0px 20px 0px; line-height:15px; border-bottom:1px solid #f33c3a;} .alert_comment_wrap p.txtarea {text-align:center;} .alert_comment_wrap textarea.suggest {font-size: 13px; width:349px; margin: 7px 0 5px 0; color:#8C8C8C; border:1px solid #CFCFCF; overflow:hidden; line-height:20px; padding: 15px; } .alert_comment_wrap .btn {text-align:center; } .alert_comment_wrap .btn a {cursor:pointer; text-decoration:none;} .alert_comment_wrap .btn a.btn_cancel {display:inline-block; font-weight:bold; font-size:14px; color:#fff; background-color:#B2B2B2; width:100px; height:40px; line-height:40px; text-align:center;} .alert_comment_wrap .btn a.btn_ok {display:inline-block; font-weight:bold; font-size:14px; color:#fff; background-color:#f33c3a; width:159px; height:44px; line-height:44px; text-align:center; margin-top:16px;} .alert_comment_wrap .btn_close {position:absolute; top:10px; right:15px;} /* 찜목록에 추가하기 2015-06-10*/ .alert_popup06{width:423px; background:#fff; position:relative; border-radius: 5px;} .alert_popup06 .close a{position:absolute; top:-23px; right:-5px; width:20px; height:20px; z-index: 5;} .alert_popup06 .close img{width: 72%;} .info_popup03 .top_banner{width:100%; position:relative;} .info_popup03 .top_banner > span {text-shadow: 0 0 3px #0D0D0D; text-align:right; padding-right: 20px; width: 403px; display:block; height:48px; line-height:48px; font-size: 25px; color:#fff; font-weight:800; position:absolute; bottom:0; right:0; display:block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */} .info_popup03 .top_banner img{width:100%; border-radius: 5px;} .info_popup03 p{font-size:14px; line-height:24px; text-align:center; margin: 4px 0; padding-top: 27px; font-weight: 600; color:#666666;;} .info_popup03 > p > span{color: #4668a4; font-weight: bold;} .info_popup03 label{float:left; text-align:left; padding-left:32px; color: #7C7C7C; padding-top: 20px;} .info_popup03 .btn_type9 {padding-bottom: 6px; margin:0 auto; background:none; width: 297px; padding:0;} .info_popup03 .btn_type9 a {width:47%; float:left; display: block;} .info_popup03 .btn_type9 a > img {width:100%;} /* T걸 팝업 2015-07-02*/ .alert_popup07{width:408px; height:209px; background:#fff;} .alert_popup07 h3.comment {margin-bottom: 0; font-size:14px; letter-spacing:-1px;font-weight:bold; color:#f33c3a; text-align:center; height:34px; padding:0px; line-height:34px; border-bottom:1px solid #f33c3a;} .alert_popup07 .info_popup07{background:#fff; width:100%; text-align:center; padding:15px 0 30px;} .alert_popup07 .info_popup07 p{font-weight: 500; font-size:13px; color:#2A2A2A;; letter-spacing: -1px; line-height:20px;} .alert_popup07 .info_popup07 .btn a.btn_ok {margin-top: 35px; display:inline-block; font-weight:bold; font-size:14px; color:#fff; background-color:#f33c3a; width:115px; height:44px; line-height:44px; text-align:center;} .alert_popup07 .btn_close {position:absolute; top:25px; right:15px;} /*fixed adult 2015-07-10*/ a.closeX{width:18px; height:18px; background:url(/assets/img/www/icon_alertbnr_close.png) no-repeat; position:absolute; top:15px; right:15px; display:block; z-index:5; cursor:pointer;} .alert_fixed_adult{width:350px; border:2px #292c35 solid; position:relative; margin:0 auto; background-color:#3a4555; z-index:4; border-radius:8px; font-size:14px; overflow:hidden;} .alert_fixed_adult .boxbg{position:absolute; top:0px; left:0; width:20%;} .alert_fixed_adult .boxbg img{width:100%;} .alert_fixed_adult .alert_title{color:#e9e8eb; font-weight:bold; display:block; margin-bottom:10px;} .alert_fixed_adult .alert_title span{color:#39a3fa;} .alert_fixed_adult .alert_content{width:95%; margin:20px auto 15px; text-align:center; line-height:20px;} .alert_fixed_adult .alert_content p.alert_txt{display:block; margin-bottom:15px; color:#e9e8eb;} .alert_fixed_adult .alert_content .alert_txt span.point{color:#fe330b; text-decoration:underline; font-weight:900;} .alert_fixed_adult .alert_content a.alert_check{display:block; line-height:25px; height:25px; margin:auto; text-align:left; background-image:url(/assets/img/mobile/check02.png); background-position: -0px -25px; background-repeat:no-repeat; text-indent:27px; font-size:12px; color:#39a3fa;} .alert_fixed_adult .alert_content a.alert_check.on{background-position: -0px -0px;} .alert_fixed_adult .alert_content .btn_switch_bg{border-radius:20px; background:#292c35; width:130px; height:32px; margin:0 auto 20px;} .alert_fixed_adult .alert_content .btn_switch_bg a.switch{width:60px; height:26px; line-height:26px; color:#b2b7ca; display:inline-block; margin-top:3px; border-radius:20px; font-weight:bold;} .alert_fixed_adult .alert_content .btn_switch_bg a.switch.on{background:#000; color:#fe330b; font-weight:900; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4f6387), color-stop(1, #3e4d65)); background:-webkit-linear-gradient(top, #4f6387 5%, #3e4d65 100%); background:linear-gradient(to bottom, #4f6387 5%, #3e4d65 100%); } /* T걸 팝업 2015-07-15*/ .alert_popup08{ width: 713px; height: 615px; background: #fff; border-radius: 8px; overflow: auto; } .alert_popup08 h3.comment {margin-bottom: 0; font-size:14px; letter-spacing:-1px;font-weight:bold; color:#f33c3a; text-align:center; height:34px; padding:0px; line-height:34px; } .alert_popup08 .info_popup08{background:#fff; width:100%; text-align:center; padding:15px 0 30px; } .alert_popup08 .info_popup08 p{font-weight: 500; font-size:13px; color:#2A2A2A;; letter-spacing: -1px; line-height:20px;} .alert_popup08 .info_popup08 .btn a.btn_ok {margin-top: 0; display:inline-block; font-weight:bold; font-size:14px; color:#fff; background-color:#f33c3a; width:115px; height:44px; line-height:44px; text-align:center;} .alert_popup08 .btn_close {position:absolute; top:15px; right:15px;} /*s2contents 팝업 2015-10-12*/ .s2contents_popup {width:550px; height:550px; position:relative; margin: 0px auto; background:#e6e7e9; border-radius:12px;} .s2contents_popup > a.close { display:block; position: absolute; top:15px; right:17px; background: url(/assets/img/mobile/free/freeclose_icon.png) no-repeat; width:20px; height:20px; z-index:10;} /* 무료충전소 팝업 2015-09-02*/ .freecharge2_popup {width:986px; height:520px; position:relative; margin: 0px auto; background:#e6e7e9; border-radius:8px;} .freecharge2_popup > h1.txt {margin: 0 auto; padding-top: 130px; text-align:center; color:#333333; font-size:58px; letter-spacing:-1px; background:url(/assets/img/www/free/free_tit.png) no-repeat 50% 36px;} .freecharge2_popup > h1.txt > span {color:#035795; font-weight:800; } .freecharge2_popup ul.freecharge2_list { padding-left: 0; text-align:center; padding-top: 35px; list-style:none;} .freecharge2_popup .freecharge2_list > li {line-height: 30px; float:left; border-right: 1px solid #b8b9bb; width: 328px;} .freecharge2_popup .freecharge2_list li.fl_right{border:none;} .freecharge2_popup .freecharge2_list > li > a.free00 { display: block; color:#333333; font-size:25px; font-weight:800; letter-spacing:-2px; } .freecharge2_popup .freecharge2_list > li > a.free00 > span {color:#777779; font-weight:600; font-size:21px; display:block; margin-bottom: -27px;} .freecharge2_popup .freecharge2_list > li > a.free00 > img {margin-top: 16px;} .freecharge2_popup .freecharge2_list > li > a.free00 .btn_go {margin: 8px auto; display:block; color:#035795; font-weight:800; font-size:15px; line-height:15px; border-bottom:1px solid #035795; width:42px; letter-spacing: -1px; } .freecharge2_popup .freecharge2_list > li > a.free00:hover .btn_go {color:#F15A23; border-bottom:1px solid #F15A23; } .freecharge2_popup > a.close { display:block; position: absolute; top:30px; right:34px; background: url(/assets/img/www/free/freeclose_icon.png) no-repeat; width:20px; height:20px; z-index:10;} /* 찜목록 팝업 2015-09-18*/ .alert_popup09 {width:425px; height:217px; background:#fff;} .alert_popup09 .choise_txt {margin: 0 auto; width: 361px; } .alert_popup09 .choise_txt > p{width:100%; text-align:center; font-size:14px; font-weight:bold; position:relative; color:#636363; padding: 39px 0 0px; margin:0; line-height:27px;} .alert_popup09 .choise_txt > p > span { font-size:19px; font-weight:bold; color:#fe330b; } .alert_popup09 .choise_txt p.btnArea {font-size:14px; line-height:40px; margin-bottom: 17px; text-align: center; padding-top: 29px;} .alert_popup09 .choise_txt .btnArea a.apply {display: inline-block; background: #fe330b; color: #fff; font-size: 14px; font-weight: bold; text-align: center; width: 178px; height: 40px;} .alert_popup09 .choise_txt .btnArea a.cancel_btn {display: inline-block; background-color: #363a48; color: #fff; font-size: 14px; font-weight: bold; text-align: center; width: 178px; height: 40px;} .alert_popup09 a.close09 {position:absolute; top:13px; right:11px; width:20px; height:20px; z-index: 5;} .alert_popup09 a.close09 > img{width: 72%;} /* /*151019 충전소 무제한*/ .unlimit_line{background:#feefef;} .unlimit_line{text-align:center; position:relative;} .unlimit_line span.unlimit_new{display:block; width:30px; height:14px; line-height:14px; border-radius:3px; background:#fd4243; color:#fff; margin:auto; font-size:10px; font-family:tahoma; text-align:center;} .unlimit_line td.freeticket{text-align:left;} .unlimit_line a.btn_unlimit_buy{display:block; width:80px; height:30px; line-height:30px; border-radius:3px; background:#fd4243; color:#fff; margin:auto; font-size:14px; font-weight:bold; text-align:center; margin-right:30px;} .unlimit_open{display:none;} .unlimit_list{width:780px; height:180px; border:1px solid #ddd; border-radius:5px; box-shadow:0px 0px 3px rgba(0,0,0,0.1); float:right; margin-right:30px;} .unlimit_list .unlimit_item{width:125px; height:180px; background: url(/assets/img/charge/ptn_goldbg.png) repeat #fd4243; color:#fff; border: 1px solid #ed3233; border-radius:5px 0 0 5px; margin:-1px 0 0 -1px; text-align:center; float:left;} .unlimit_list .unlimit_item p{line-height:20px; margin-top:60px;} .unlimit_list .unlimit_item p span{font-size:13px; display:block; font-weight:normal;} .unlimit_list .auto{border-bottom:1px solid #ddd; height:109px; line-height:109px;} .unlimit_list .day{height:70px; line-height:70px; line-height:70px;} .unlimit_list td{position:relative;} .unlimit_list td.item_name{color:#333; width:190px; text-align:left; text-indent:15px;} .unlimit_list td.old_price{color:#ccc; text-decoration:line-through;} .unlimit_list td.discount{color:#fd4243;} .unlimit_list td.price{color:#fd4243; margin-left:20px; width:90px; text-align:right;} .unlimit_list a.btn_item_buy{display:inline-block; float:right; width:100px; height:50px; line-height:50px; border:1px solid #ddd; border-radius:3px; color:#333; background:#fff; text-align:center; font-size:13px; margin-right:15px;} .unlimit_list a.btn_item_buy_red{display:inline-block; float:right; width:100px; height:50px; line-height:50px; border:1px solid #fd4243; border-radius:3px; color:#fff; background:#fd4243; text-align:center; font-size:13px; margin-right:15px;} .unlimit_list a.btn_item_buy2{display:inline-block; float:right; width:100px; height:35px; line-height:35px; border:1px solid #ddd; border-radius:3px; color:#333; background:#fff; text-align:center; font-size:13px; margin-right:15px;} .unlimit_list a.btn_item_buy2_red{display:inline-block; float:right; width:100px; height:35px; line-height:35px; border:1px solid #fd4243; border-radius:3px; color:#fff; background:#fd4243; text-align:center; font-size:13px; margin-right:15px;} .unlimit_list span.icon_recommend{width:34px; height:36px; background:url(/assets/img/www/unlimit/icon_recommend.png) no-repeat; position:absolute; top:-5px; left:15px;} /*151120 뷰어리뉴얼*/ .new_viewer{width:100%; height:100%; background:#fff; position:relative; text-align:center;} .new_viewer a{display:block; cursor:pointer;} .new_viewer ul, li, p{list-style:none; padding:0; margin:0;} .new_viewer .comic_img img{z-index:1;} /*뷰어상단*/ .new_viewer .new_viewer_top{width:100%; height:70px; border-bottom:1px solid #1e1e1e; position:fixed; top:0; left:0; z-index:2; background-color:#fff; background:rgba(50,50,50,0.95); filter: alpha(opacity:'95');} .new_viewer .new_viewer_top a.logo{width:160px; height:70px; background:url(/assets/img/www/viewer/viewer_logo.png) no-repeat center center #2c2c2c; float:left;} .new_viewer .new_viewer_top a.comic_info{height:70px; line-height:70px; float:left;} .new_viewer .new_viewer_top a.comic_info span.comic_title{background:url(/assets/img/www/viewer/icon_list.png) no-repeat 0 center; text-indent:25px; font-size:16px; color:#fff; margin-left:15px; float:left; font-weight:bold;} .new_viewer .new_viewer_top a.comic_info span.episode_title{display:block; float:left; height:70px; line-height:70px; float:left; background:url(/assets/img/www/viewer/icon_arrow_right_red.png) no-repeat 0 center; text-indent:25px; font-size:14px; color:#ccc; margin-left:15px;} .new_viewer .new_viewer_top a.comic_info:hover span.comic_title{color:#eb0009; background:url(/assets/img/www/viewer/icon_list2.png) no-repeat 0 center;} .new_viewer .new_viewer_top a.comic_info:hover span.episode_title{color:#eb0009;} .new_viewer .new_viewer_top .func_menu{position:absolute; top:0; right:0;} .new_viewer .new_viewer_top .func_menu li{float:left; width:70px; height:70px; border-left:1px solid #1e1e1e;} .new_viewer .new_viewer_top .func_menu li a{display:block; width:70px; height:70px; line-height:110px; color:#fff;} .new_viewer .new_viewer_top .func_menu a.free_charge{background:url(/assets/img/www/viewer/icon_freecharge.png) no-repeat center 15px #2c2c2c;} .new_viewer .new_viewer_top .func_menu a.starpoint{background:url(/assets/img/www/viewer/icon_starpoint.png) no-repeat center 15px #2c2c2c;} .new_viewer .new_viewer_top .func_menu a.like{background:url(/assets/img/www/viewer/icon_likeheart.png) no-repeat center 17px #2c2c2c;} .new_viewer .new_viewer_top .func_menu a.fullscreen{background:url(/assets/img/www/viewer/icon_fullscreen.png) no-repeat center 15px #2c2c2c;} .new_viewer .new_viewer_top .func_menu a.help{background:url(/assets/img/www/viewer/icon_help.png) no-repeat center 15px #2c2c2c;} .new_viewer .new_viewer_top .func_menu a.free_charge:hover{background:url(/assets/img/www/viewer/icon_freecharge_on.png) no-repeat center 15px #2c2c2c; color:#eb0009;} .new_viewer .new_viewer_top .func_menu a.starpoint:hover, .new_viewer .new_viewer_top .func_menu a.starpoint.active{background:url(/assets/img/www/viewer/icon_starpoint_on.png) no-repeat center 15px #2c2c2c; color:#eb0009;} .new_viewer .new_viewer_top .func_menu a.like:hover, .new_viewer .new_viewer_top .func_menu a.like.active{background:url(/assets/img/www/viewer/icon_likeheart_on.png) no-repeat center 17px #2c2c2c; color:#eb0009;} .new_viewer .new_viewer_top .func_menu a.fullscreen:hover, .new_viewer .new_viewer_top .func_menu a.fullscreen.active{background:url(/assets/img/www/viewer/icon_fullscreen_on.png) no-repeat center 15px #2c2c2c; color:#eb0009;} .new_viewer .new_viewer_top .func_menu a.help:hover{background:url(/assets/img/www/viewer/icon_help_on.png) no-repeat center 15px #2c2c2c; color:#eb0009;} /*별점주기*/ .new_viewer .new_viewer_top .starpoint_layer{position:absolute; top:70px; right:212px; width:280px; height:50px; background:#fff; border:1px solid #1e1e1e; padding-top:25px; text-align:center; display:none;} .new_viewer .new_viewer_top .starpoint_layer .center_wrap{display:inline-block; *display:inline-block;} .new_viewer .new_viewer_top .starpoint_layer .layer_active_line{width:70px; height:1px; background:#1c1c1c; position:absolute; top:-1px; right:0;} .new_viewer .new_viewer_top .starpoint_layer a, .new_viewer .new_viewer_top .starpoint_layer span, .new_viewer .new_viewer_top{display:block; float:left;} .starpoint_layer .i_star_point{float:left; margin:3px 10px 0;} .new_viewer .new_viewer_top .starpoint_layer a{border:2px solid #1e1e1e; height:20px; line-height:20px; border-radius:3px; border:2px solid #000;} .new_viewer .new_viewer_top .starpoint_layer a.btn_plus{width:20px; background:url(/assets/img/www/viewer/icon_plus.png) no-repeat center center;} .new_viewer .new_viewer_top .starpoint_layer a.btn_minus{width:20px; background:url(/assets/img/www/viewer/icon_minus.png) no-repeat center center;} .new_viewer .new_viewer_top .starpoint_layer a.btn_give{font-size:11px; color:#000; width:60px; margin-left:10px;} /*찜하기 알림*/ .new_viewer .new_viewer_top .like_layer{position:absolute; top:70px; right:141px; width:212px; height:46px; background:#fff; border:1px solid #1e1e1e; padding-top:29px; text-align:center; display:none;} .new_viewer .new_viewer_top .like_layer .center_wrap{display:inline-block;} .new_viewer .new_viewer_top .like_layer .layer_active_line{width:70px; height:1px; background:#1c1c1c; position:absolute; top:-1px; right:0;} .new_viewer .new_viewer_top .like_layer a.btn_like{font-size:11px; color:#eb0009; font-weight:bold; font-size:1.3em; cursor:default; display:none;} .new_viewer .new_viewer_top .like_layer a.btn_unlike{font-size:11px; color:#eb0009; font-weight:bold; font-size:1.3em; cursor:default; display:none;} /*뷰어하단*/ .new_viewer .new_viewer_bottom{width:100%; height:70px; border-top:1px solid #1e1e1e; position:fixed; bottom:0; left:0; z-index:2; background-color:#fff; background:rgba(50,50,50,0.95); filter: alpha(opacity:'95'); text-align:center;} .page_menu{display:inline-block; margin:auto; text-align:center; display:inline-block; margin:auto;} .new_viewer .new_viewer_bottom a{display:block; float:left;} .new_viewer .new_viewer_bottom a span{display:block; font-size:11px; padding-top:46px;} .new_viewer .new_viewer_bottom a.prev{width:70px; height:70px; background:url(/assets/img/www/viewer/icon_prev.png) no-repeat center 10px;} .new_viewer .new_viewer_bottom a.prev span{color:#fff;} .new_viewer .new_viewer_bottom a.prev_disable{width:70px; height:70px; background:url(/assets/img/www/viewer/icon_prev_disable.png) no-repeat center 10px;} .new_viewer .new_viewer_bottom a.prev_disable span{color:#666;} .new_viewer .new_viewer_bottom a.episode_list{width:160px; height:70px; background:url(/assets/img/www/viewer/icon_episode.png) no-repeat center 20px; line-height:105px; font-size:14px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .new_viewer .new_viewer_bottom a.next{width:70px; height:70px; background:url(/assets/img/www/viewer/icon_next.png) no-repeat center 10px;} .new_viewer .new_viewer_bottom a.next span{color:#fff;} .new_viewer .new_viewer_bottom a.next_disable{width:70px; height:70px; background:url(/assets/img/www/viewer/icon_next_disable.png) no-repeat center 10px;} .new_viewer .new_viewer_bottom a.next_disable span{color:#666;} .new_viewer .new_viewer_bottom a.prev:hover{background-image:url(/assets/img/www/viewer/icon_prev_on.png);} .new_viewer .new_viewer_bottom a.prev:hover span{color:#eb0009;} .new_viewer .new_viewer_bottom a.episode_list:hover{background-image:url(/assets/img/www/viewer/icon_episode_on.png); color:#eb0009;} .new_viewer .new_viewer_bottom a.next:hover{background-image:url(/assets/img/www/viewer/icon_next_on.png);} /*.new_viewer .new_viewer_bottom a.lock{background-image:url(/assets/img/www/viewer/icon_lock.png);}*/ .new_viewer .new_viewer_bottom a.lock:hover{background-image:url(/assets/img/www/viewer/icon_lock_on.png);} .new_viewer .new_viewer_bottom a.next:hover span{color:#eb0009;} .new_viewer .new_viewer_bottom a.lock:hover span{color:#eb0009;} /*하단 에피소드 리스트*/ .new_viewer .new_viewer_bottom .viewer_episode_list{position:absolute; bottom:71px; left:0; width:100%; height:150px; padding-top:30px; border-top:1px solid #1e1e1e; z-index:1; background-color:#fff; background:rgba(50,50,50,0.95); filter: alpha(opacity:'95'); display:none;} .new_viewer .new_viewer_bottom .viewer_episode_list .list_box{width:1050px; margin:auto;} .new_viewer .new_viewer_bottom .viewer_episode_list a.slide_arrow_left{display:block; width:50px; height:120px; background:url(/assets/img/www/viewer/slide_arrow_left.png) no-repeat center center;} .new_viewer .new_viewer_bottom .viewer_episode_list a.slide_arrow_left:hover{background-image:url(/assets/img/www/viewer/slide_arrow_left_on.png);} .new_viewer .new_viewer_bottom .viewer_episode_list a.slide_arrow_right{display:block; width:50px; height:120px; background:url(/assets/img/www/viewer/slide_arrow_right.png) no-repeat center center; float:right;} .new_viewer .new_viewer_bottom .viewer_episode_list a.slide_arrow_right:hover{background-image:url(/assets/img/www/viewer/slide_arrow_right_on.png);} .new_viewer .new_viewer_bottom .viewer_episode_list ul{width:900px; margin:auto;} .new_viewer .new_viewer_bottom .viewer_episode_list ul li{width:160px; height:134px; float:left;} .new_viewer .new_viewer_bottom .viewer_episode_list ul li+li{margin-left:25px;} .new_viewer .new_viewer_bottom .viewer_episode_list ul li:hover .episode_thumb, .new_viewer .new_viewer_bottom .viewer_episode_list ul li.active .episode_thumb{border-color:#eb0009; font-weight:bold;} .new_viewer .new_viewer_bottom .viewer_episode_list ul li:hover p.episode_title, .new_viewer .new_viewer_bottom .viewer_episode_list ul li.active p.episode_title{color:#eb0009; font-weight:bold;} .new_viewer .new_viewer_bottom .viewer_episode_list ul li:first-child{margin-left:18px;} .new_viewer .new_viewer_bottom .viewer_episode_list .episode_thumb{width:156px; height:100px; border:2px solid #666; background-size:cover; background-repeat:no-repeat; background-position:center center;} .new_viewer .new_viewer_bottom .viewer_episode_list p.episode_title{width:160px; height:30px; line-height:30px; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#ddd;} /*출판 컨트롤*/ .new_viewer .comic_control{position:fixed; width:850px; height:50px; bottom:110px; left:50%; margin-left:-425px; background-color:#000; background:rgba(0,0,0,0.7); filter: alpha(opacity:'70'); color:#fff; z-index:3; border-radius:30px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control{width:160px; height:50px; line-height:50px; float:left;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a{display:block; width:28px; height:28px; float:left;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_first{background-image:url(/assets/img/www/viewer/icon_first.png); margin:11px 0px 0 15px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_first:hover{background-image:url(/assets/img/www/viewer/icon_first_on.png);} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_first_disable{background-image:url(/assets/img/www/viewer/icon_first_disable.png); margin:11px 0px 0 15px; cursor:default;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control p.page_num{color:#fff; float:left; width:88px; font-size:14px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control p.page_num span.page_point{color:#eb0009;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_last{background-image:url(/assets/img/www/viewer/icon_last.png); margin:11px 0px 0 0px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_last:hover{background-image:url(/assets/img/www/viewer/icon_last_on.png);} .new_viewer .comic_control .view_bottom_btn_2pup_new .page_control a.btn_last_disable{background-image:url(/assets/img/www/viewer/icon_last_disable.png); margin:11px 0px 0 0px; cursor:default;} .new_viewer .comic_control .view_bottom_btn_2pup_new .viewtype_control{width:160px; height:50px; line-height:50px; float:right;} .new_viewer .comic_control .view_bottom_btn_2pup_new .viewtype_control a.viewtype_comic{display:block; width:71px; height:50px; line-height:50px; float:left; text-indent:27px; color:#fff; font-size:11px; background:url(/assets/img/www/viewer/icon_comicview.png) no-repeat left center;} /**/ .new_viewer .comic_control .view_bottom_btn_2pup_new .viewtype_control a.viewtype_webtoon{display:block; width:65px; height:50px; line-height:50px; float:left; text-indent:17px; color:#fff; font-size:11px; margin-left:10px; background:url(/assets/img/www/viewer/icon_webtoonview.png) no-repeat left center;} /**/ .new_viewer .comic_control .view_bottom_btn_2pup_new .viewtype_control a.viewtype_comic.active{background-image:url(/assets/img/www/viewer/icon_comicview_on.png); color:#eb0009;} .new_viewer .comic_control .view_bottom_btn_2pup_new .viewtype_control a.viewtype_webtoon.active{background-image:url(/assets/img/www/viewer/icon_webtoonview_on.png); color:#eb0009;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar{width:450px; height:50px; float:left; margin:18px 40px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar .bar_bg{width:100%; height:8px; background:#121212; border-radius:10px; margin-top:21px; cursor:pointer; position:relative;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar .overlay{background:#eb0009; height:8px; border-radius:10px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar .scroll_point{width:50px; height:28px; position:absolute; top:-10px;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar .scroll_point.left{background-image:url(/assets/img/www/viewer/icon_scrollbar_left.png); background-repeat:no-repeat;} .new_viewer .comic_control .view_bottom_btn_2pup_new .progressbar .scroll_point.right{background-image:url(/assets/img/www/viewer/icon_scrollbar_right.png); background-repeat:no-repeat;} /*도움말가이드*/ .viewer_help_guide{width:100%; height:100%; position:fixed; background:url(/assets/img/www/viewer/bg_black.png) repeat; top:0; left:0; z-index:9; display:none;} .viewer_help_guide .guide_title{position:absolute; top:0; left:-4px; width:454px; height:118px;} .viewer_help_guide .guide_funcbtn{position:absolute; top:0; right:4px; width:684px; height:143px;} .viewer_help_guide .guide_comic_ctrl{position:absolute; bottom:134px; left:50%; width:1200px; height:126px; margin-left:-600px;} .viewer_help_guide .guide_episode_ctrl{position:absolute; bottom:0; left:50%; width:600px; height:98px; margin-left:-300px;} .viewer_help_guide .guide_menu{position:absolute; margin-top: -80px; top: 50%; left:50%; width:118px; height:132px; margin-left:-60px;} .viewer_help_guide a.help_guide_close{width:79px; height:110px; position:absolute; top:50%; left:50%; margin-left:-40px; margin-top:-272px; background-image:url(/assets/img/www/viewer/help_guide_close.png); cursor:pointer;} /* vip pop*/ .vip_popup {width: 450px; height: 480px; position: relative; margin: 0px auto; background: #000000; border-radius: 8px;} .vip_popup > a.close { display:block; position: absolute; top:20px; right:24px; background: url(/assets/img/www/free/freeclose_icon.png) no-repeat; width:20px; height:20px; z-index:10;} /* 2015-12-04 new_pop*/ .alert_newpopup {width: 462px;} .alert_newpopup .pop_tit {border:0;} .alert_newpopup .pop_tit h1 {} .alert_newpopup .pop_tit h1 span.p_r {color:#fc4243;} .alert_newpopup .pop_tit a.btn_vip{width:105px; border-radius: 4px; border: 1px solid #fc4243; display: inline-block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; padding: 13px 18px; text-decoration: none; background-color:#fc4243; margin-right: 9px; text-align:center;} .alert_newpopup .pop_tit a.btn_view{width: 105px; border-radius: 4px; border: 1px solid #23272b; display: inline-block; cursor: pointer; color: #ffffff; font-size: 14px; font-weight: bold; padding: 12px 10px; text-decoration: none; background-color:#23272b; text-align:center;} .alert_newpopup .info_newpopup img {padding-top:15px;} .alert_newpopup .info_newpopup label {text-align: left;} .alert_newpopup .info_newpopup .closeteb{width:100%; line-height: 37px; height: 37px; background-color: #1B1B1B;} /*coin_alert*/ .alert_coin_bnr{width:450px; margin:auto; background:#fff; position:relative;} .alert_coin_bnr a{cursor:pointer;} .alert_coin_bnr a.alert_coin_bnr_close{display:block; width:30px; height:30px; background:url(/assets/img/www/alert/alert_close_circle.png) no-repeat; position:absolute; top:10px; right:13px; background-size:30px;} .alert_coin_bnr .close_line{width:450px; height:40px; line-height:40px; background:#000; color:#fff; position:relative;} .alert_coin_bnr .close_line input[type=checkbox]{display:none;} .alert_coin_bnr .close_line label{height:18px; line-height:18px; background:url(/assets/img/www/alert/checkbox_check.png) no-repeat left center; background-size:18px 18px; padding-left:25px; cursor:pointer; display:block; position:absolute; top:11px; left:14px;} .alert_coin_bnr .close_line label.on{background-image:url(/assets/img/www/alert/checkbox_check_on.png);} .alert_coin_bnr .close_line a.btn_close{ margin-right: 14px; width:35px; height:20px; line-height:20px; color:#fff; background:#fd4243; text-align:center; display:block; border-radius:3px; float:right; font-weight:bold; margin-top:10px;} .alert_coin_bnr .contents_area{text-align:center; font-size:15px; padding:20px 0; line-height:22px; padding:35px 0 15px;} .alert_coin_bnr .contents_area .btn_area{width:400px; text-align:center; margin:20px auto 0;} .alert_coin_bnr .contents_area .btn_area a{display:inline-block; width:162px; height:40px; line-height:40px; font-weight:bold; color:#fff; border-radius:3px; font-size:12px; margin:0 1px;} .alert_coin_bnr .contents_area .btn_area a.btn_red{background:#fd4243;} .alert_coin_bnr .contents_area .btn_area a.btn_blueblack{background:#2c2d3a;} .alert_coin_bnr .contents_area span.point{color:#fd4243; font-weight:bold;} .alert_coin_bnr .bnr_area ul, li{padding:0; margin:0;} .alert_coin_bnr .bnr_area{width:400px; margin:auto; background:#fff; border-top:1px solid #ddd; padding:20px 0 20px;} .alert_coin_bnr .bnr_area p.bnr_title{text-align:center;} .alert_coin_bnr .bnr_area li{margin-top:5px;} .alert_coin_bnr .bnr_area li a{display:block; width:100%; height:90px; background-size:cover; background-repeat:no-repeat;} span.tab_update_txt{height: 14px;background: #ef3d43; color: #fff;line-height: 12px;padding: 0 3px;font-size: 10px;font-weight: bold; margin-left: 3px;}