/*** 리스트뷰 ***/
.board{position: relative;}
.listView, .posterView, .imageView{display: none;border: 1px solid #ccc;border-top: 0;border-bottom: 0;}
.listView{display: block;}
/* table_hoz */
.table_hoz thead{display: none;}
.table_hoz tbody tr{border-bottom: 1px solid #e5e5e5;}
.table_hoz tbody tr:hover{background-color: #fffbef;}
.table_hoz tbody tr td{position: relative;padding: 0 5px;height: 34px;font-size: 11px;color: #777;}
.table_hoz tbody tr td:first-child{text-align: center;}
.table_hoz tbody tr td.title{font-size: 0;}
.table_hoz tbody tr td.title .num{display: inline-block;width: 32px;font-size: 11px;font-weight: bold;color: #fe7f0f;letter-spacing: 1px;text-align: left;}
.table_hoz tbody tr td a{display: inline-block;vertical-align: middle;max-width: 100%;height: 34px;line-height: 37px;font-size: 12px;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;cursor: pointer;font-family:'dotum', Sans-serif;}
.table_hoz tbody tr td a b{/*font-weight: bold;*/}
.table_hoz tbody tr td .l_icon{display: inline-block;margin-right: 5px;height: 34px;line-height: 34px;vertical-align: top;}
.table_hoz tbody tr td .l_icon img{position: relative;margin-left: 5px;vertical-align: middle;height: 14px;}
.table_hoz tbody tr td .l_icon img:first-child{margin-left: 0;}
.table_hoz tbody tr td .l_icon img.icon_txt{top: -1px;}
.table_hoz tbody tr td.r_icon{text-align: center;}

.table_hoz tbody tr td.sale{width: 40px;background: url(/img/sub/board_icon/sale.png) no-repeat center;}
.table_hoz tbody tr td.free{width: 40px;background: url(/img/sub/board_icon/free.png) no-repeat center;}
.table_hoz tbody tr td.dc90{width: 40px;background: url(/img/sub/board_icon/dc90.png) no-repeat center;}
.table_hoz tbody tr td.dc70{width: 40px;background: url(/img/sub/board_icon/dc70.png) no-repeat center;}
.table_hoz tbody tr td.dc50{width: 40px;background: url(/img/sub/board_icon/ic_dc50.png) no-repeat center;}
.table_hoz tbody tr td.dc40{width: 40px;background: url(/img/sub/board_icon/ic_dc40.png) no-repeat center;}
.table_hoz tbody tr td.dc30{width: 40px;background: url(/img/sub/board_icon/ic_dc30.png) no-repeat center;}
.table_hoz tbody tr td.dc20{width: 40px;background: url(/img/sub/board_icon/ic_dc20.png) no-repeat center;}
.table_hoz tbody tr td.dc10{width: 40px;background: url(/img/sub/board_icon/ic_dc10.png) no-repeat center;}
.table_hoz tbody tr td.won100{width: 40px;background: url(/img/sub/board_icon/won100.png) no-repeat center;}
.table_hoz tbody tr td.won150{width: 40px;background: url(/img/sub/board_icon/won150.png) no-repeat center;}
.table_hoz tbody tr td.won500{width: 40px;background: url(/img/sub/board_icon/won500.png) no-repeat center;}

.table_hoz tbody tr.notice{background-color: #f7fbff;}
.table_hoz tbody tr.notice td a{line-height: 34px;max-width: 100%;}
.table_hoz tbody tr.notice td .recomm_icon{position: relative;top: -1px;}
.table_hoz tbody tr td.cm a{position: relative;padding-right: 35px;box-sizing: border-box}
.table_hoz tbody tr td.cm .num{position: absolute;right: 0;}
.table_hoz tbody tr td a .kw{background-color: #fff78d;}
.table_hoz tbody tr td.user{cursor: pointer;}
.recom_img>img{display:inline-block;width:84px;height:16px;vertical-align:middle;}
.recom_tit{margin-left:10px;}

#toptoon{width:784px;}
.recomm_web{border-left:1px solid #ccc;background:#f8fbff;}
.recomm_web .title{border-right:1px solid #ccc;}

.stream_icon{height:17px !important;top: -1px !important;}

/*** 포스터뷰 ***/
.posterList{padding: 20px 9px 0;border-bottom: 1px solid #ccc;}
.posterList li{position: relative;float: left;width: 137px;height: 262px;margin: 0 8px;}
.posterList li a{display: block;}
.posterList li a .img{display: block;overflow: hidden;}
.posterList li a .img img{width: 137px;height: 195px;image-rendering: -webkit-optimize-contrast;}
.posterList li a .title{margin-top: 7px;display: block;display: -webkit-box;height: 2.6em;line-height: 1.3em;text-overflow: ellipsis;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break:break-all;font-size: 13px;color: #333;}
.posterList li a .title .num{position: relative;top: -1px;margin-left: 5px; font-size: 12px;font-weight: bold;color: #fe7f0f;word-break: break-all;}
.posterList li a:hover .img img{transition-duration: .3s;
	-webkit-transform: scale(1.1) rotate(0.1deg);
	-ms-transform: scale(1.1) rotate(0.1deg);
	transform: scale(1.1) rotate(0.1deg);
	filter: none;}
.posterList li .t_icon{position: absolute;left: 1px;top: 1px;z-index: 11;}
.posterList li .t_icon .sale{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/sale.png) no-repeat center;}
.posterList li .t_icon .free{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/free.png) no-repeat center;}
.posterList li .t_icon .dc90{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/dc90.png) no-repeat center;}
.posterList li .t_icon .dc70{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/dc70.png) no-repeat center;}
.posterList li .t_icon .dc50{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc50_po.png) no-repeat center;}
.posterList li .t_icon .dc40{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc40_po.png) no-repeat center;}
.posterList li .t_icon .dc30{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc30_po.png) no-repeat center;}
.posterList li .t_icon .dc20{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc20_po.png) no-repeat center;}
.posterList li .t_icon .dc10{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc10_po.png) no-repeat center;}
.posterList li .t_icon .won100{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/won100.png) no-repeat center;}
.posterList li .t_icon .won150{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/won150.png) no-repeat center;}
.posterList li .adult_icon{position: absolute;right: 5px;top: 5px;z-index: 1;}
.posterList li .adult_icon2{position: absolute;top: 67px;left: 50%;margin-left: -30px;}
.posterList li .b_icon{margin-right: 5px;}
.posterList li a .top_num{position: absolute;top: 0;left: 0;display: block;min-width: 19px;padding: 0 2px;height: 22px;line-height: 22px;background-color: #f84b4b;border: 1px solid #ff7575;font-size: 15px;font-weight: 600;color: #fff;text-align: center;z-index: 11;}
.posterList li.top3{width: 242px;margin: 0;margin-left: 12px;}
.posterList li.top3:first-child{margin-left: 8px}
.posterList li.top3 a .img{display: block;border: 1px solid #eee;border-radius: 15px;overflow: hidden;}
.posterList li.top3 a .img img{width: 240px;height: 188px;}
.posterList li.top3 a .title{text-align: center;}
.posterList li .mark19{position: absolute;left: 0;top: 0;width: 100%;height: 195px;filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000);text-align: center;z-index: 10;}
.posterList li .mark19 img{position: absolute; top: 5px; right: 5px;}
.posterList li .mark19.none{background: none;}
.posterList li a:hover .mark19 {display: none;}

/*** 이미지뷰 ***/
.imageList{padding: 20px 9.5px 0;border-bottom: 1px solid #ccc;}
.imageList li{position: relative;float: left;width: 176px;height: 184px;margin: 0 7.5px;}
.imageList li a{font-size: 0;}
.imageList li a .title{margin-top: 7px;display: block;display: -webkit-box;height: 2.6em;line-height: 1.3em;text-overflow: ellipsis;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break:break-all;font-size: 13px;color: #333;}
.imageList li a .title .num{position: relative;top: -1px; font-size: 12px;font-weight: bold;color: #fe7f0f;word-break: break-all;}
.imageList li a .img{display: inline-block;width: 176px;height: 115px;overflow: hidden;}
.imageList li a .img img{width: 176px;height: 115px;image-rendering: -webkit-optimize-contrast;}
.imageList li a:hover .img img{transition-duration: .3s;
	-webkit-transform: scale(1.1) rotate(0.1deg);
	-ms-transform: scale(1.1) rotate(0.1deg);
	transform: scale(1.1) rotate(0.1deg);
	filter: none;}
.imageList li a:hover .mark19 {display: none;}
.imageList li .t_icon{position: absolute;left: 1px;top: 1px;z-index: 11;}
.imageList li .t_icon .sale{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/sale.png) no-repeat center;}
.imageList li .t_icon .free{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/free.png) no-repeat center;}
.imageList li .t_icon .dc90{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/dc90.png) no-repeat center;}
.imageList li .t_icon .dc70{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/dc70.png) no-repeat center;}
.imageList li .t_icon .dc50{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc50_po.png) no-repeat center;}
.imageList li .t_icon .dc40{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc40_po.png) no-repeat center;}
.imageList li .t_icon .dc30{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc30_po.png) no-repeat center;}
.imageList li .t_icon .dc20{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc20_po.png) no-repeat center;}
.imageList li .t_icon .dc10{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/ic_dc10_po.png) no-repeat center;}
.imageList li .t_icon .won100{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/won100.png) no-repeat center;}
.imageList li .t_icon .won500{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/won500.png) no-repeat center;}
.imageList li .t_icon .won150{display:block;width: 40px;height: 20px;background: url(/img/sub/poster_icon/won150.png) no-repeat center;}
.imageList li .adult_icon{position: absolute;right: 1px;top: 1px;}
.imageList li .b_icon{margin-right: 5px;}
.imageList li .mark19{position: absolute;right: 5px;top: 5px;width: 29px;height: 29px;filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000);text-align: center;z-index: 10;}
/* .imageList li .mark19 img{margin-top: 27px;} */
.imageList li .adult_icon2{position: absolute;top: 33px;left: 50%;margin-left: -30px;}
.imageList li a.hover:hover .mark19{display: none;}
.imageList li a.hover:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transition: transform .35s;-webkit-transition: transform .35s;-moz-transition: transform .35s;-o-transition: transform .35s;}
.imageList li a .top_num{position: absolute;top: 0;left: 0;display: block;min-width: 19px;padding: 0 2px;height: 22px;line-height: 22px;background-color: #f84b4b;border: 1px solid #ff7575;font-size: 15px;font-weight: 600;color: #fff;text-align: center;z-index: 11;}
.imageList li.top3{width: 242px;height: 246px;margin: 0;margin-left: 12px;}
.imageList li.top3:first-child{margin-left: 8px}
.imageList li.top3 a .img{display: block;width: 240px;height: 188px;border: 1px solid #ccc;border-radius: 15px;overflow: hidden;}
.imageList li.top3 a .img img{width: 240px;height: 188px;}
.imageList li .admin_area {display: block;height: 50px;}
.imageList li .admin_area li {margin: 0 0 0 2px;width: 20px;height: 23px;line-height: 21px;font-size: 12px;color: #fff;text-align: center;cursor: pointer;}
.imageList li .admin_area li.img_already_sel{width: 18px;height: 19px;line-height: 17px;border: 2px solid red;}
.imageList li .admin_area li:first-child{margin-left: 0;}
.imageList li .admin_area .admin_list01 {margin-top: 4px;}
.imageList li .admin_area .admin_list02 {margin-top: 4px;}
.imageList li .admin_area .admin_list01 li{background-color: #000;}
.imageList li .admin_area .admin_list02 li{background-color: #5e5e82;}
.imageList li .mark19.none{background: none;}

/* 게시판 탭 */
.searchArea{position: relative;}
.searchArea .tabList{height: 31px;border-bottom: 1px solid #ccc;}
.searchArea .tabList li{position: relative;float: left;border: 1px solid #c8c8c8;border-left: 0;border-bottom: 0;}
.searchArea .tabList li:first-child{border-left: 1px solid #c8c8c8;}
.searchArea .tabList li button{position: relative;width: 95px;height: 31px;line-height: 30px;background-color: #f7f7f7;border-bottom: 1px solid #c8c8c8;font-size: 12px;color: #666;}
.searchArea .tabList li.selected button{border-bottom-color: #fff;background-color: #fff;font-weight: 600;color: #ed5656;}
.searchArea .tabList li button.poster_view:before{content: '';position: absolute;right: -131px;top: 5px;display: block;width: 155px;height: 25px;background: url(../img/sub/txtbox_poster_view.gif) no-repeat;}
.searchArea .tabList li button.image_view:before{content: '';position: absolute;right: -131px;top: 5px;display: block;width: 155px;height: 25px;background: url(../img/sub/txtbox_image_view.gif) no-repeat;}
.searchArea .tabList li.selected button.poster_view:before,
.searchArea .tabList li.selected button.image_view:before{display: none;}
.searchArea .tabList li div{position: relative;width: 95px;height: 30px;line-height: 30px;background-color: #f7f7f7;font-size: 12px;color: #666;text-align: center;cursor: pointer;}
.searchArea .tabList li.selected div{border-bottom-color: #fff;background-color: #fff;font-weight: 600;color: #ed5656;}
.searchArea .tabList li div.poster_view:before{content: '';position: absolute;right: -131px;top: 5px;display: block;width: 155px;height: 25px;background: url(../img/sub/txtbox_poster_view.gif) no-repeat;}
.searchArea .tabList li div.image_view:before{content: '';position: absolute;right: -131px;top: 5px;display: block;width: 155px;height: 25px;background: url(../img/sub/txtbox_image_view.gif) no-repeat;}
.searchArea .tabList li.selected div.poster_view:before,
.searchArea .tabList li.selected div.image_view:before{display: none;}

/* 게시판 체크박스, 라디오 */
.checkList{position: absolute;right: 0;top: 3px;padding-top: 9px;font-size: 0;}
.checkList ul{display: inline-block;}
.checkList .checkBox li{float: left;margin-left: 8px;}
.checkList .checkBox li:first-child{margin-left: 0;}
.checkList .checkBox li input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.checkList .checkBox li label{display: inline-block;padding-left: 16px;background: url(../img/sub/list_checkbox.jpg) no-repeat 0 0;height: 13px;line-height: 13px;cursor: pointer;}
.checkList .checkBox li label span{display: inline-block;height: 13px;line-height: 13px;font-size: 12px;color: #999;font-family: 'Malgun Gothic';}
.checkList .checkBox li label.checked span{color: #ed5656;}
.checkList .checkBox li label.checked{background-position: 0 -13px;}
.checkList .radioBox{margin-top: -1px;}
.checkList .radioBox li{float: left;margin-left: 8px;}
.checkList .radioBox li:first-child{margin-left: 0;}
.checkList .radioBox li input[type="radio"]{position:absolute;top:0;left:0;z-index:-1;}
.checkList .radioBox li label{display: inline-block;padding-left: 17px;background: url(../img/sub/list_radio.jpg) no-repeat 0 0;height: 15px;line-height: 15px;cursor: pointer;}
.checkList .radioBox li label span{display: inline-block;height: 15px;line-height: 15px;font-size: 12px;color: #999;font-family: 'Malgun Gothic';}
.checkList .radioBox li label.checked span{color: #ed5656;}
.checkList .radioBox li label.checked{background-position: 0 -15px;}
.checkList .list{position: relative;top: -2px; padding-left: 18px;height: 16px;margin-left: 16px;background: url(../img/sub/list.jpg) no-repeat left center;vertical-align: top;}
.checkList .list li{float: left;margin-left: 5px;}
.checkList .list li:first-child{margin-left: 0;}
.checkList .list li button{width: 27px;height: 16px;background-repeat: no-repeat;}
.checkList .list li .list20{background-image: url(../img/sub/list20.jpg);}
.checkList .list li .list50{background-image: url(../img/sub/list50.jpg);}
.checkList .list li .list100{background-image: url(../img/sub/list100.jpg);}
.checkList .list li.on .list20{background-image: url(../img/sub/list20_on.jpg);}
.checkList .list li.on .list50{background-image: url(../img/sub/list50_on.jpg);}
.checkList .list li.on .list100{background-image: url(../img/sub/list100_on.jpg);}
.checkList .list li .list20:hover{background-image: url(../img/sub/list20_on.jpg);}
.checkList .list li .list50:hover{background-image: url(../img/sub/list50_on.jpg);}
.checkList .list li .list100:hover{background-image: url(../img/sub/list100_on.jpg);}

/* 더보기 */
.list_more{background-color: #fcfcfc;border: 1px solid #ccc;border-top: 0;text-align: center;font-size: 0;vertical-align: top;}
.list_more button{width: 100%;height: 60px;font-size: 15px;font-weight: 600;color: #666;}
.list_more button span{display: inline-block;}
.list_more button span:after{content: '';position: relative;top: -1px;margin-left: 5px;display: inline-block;width: 13px;height: 8px;background: url(../img/sub/list_more.png) no-repeat;}

/* pageControl */
/*.pageControl{position: absolute;top: 395px;right: -78px;}*/
.pageControl{display: none; position: absolute; top: 412px; right: -78px;}
.pageControl ul li{margin-top: 5px;}
.pageControl ul li:first-child{margin-top: 0;}
.pageControl ul li a{display: block;width: 70px;height: 70px;background-repeat: no-repeat;text-indent: -9999px;}
.pageControl ul li.prev a{background-image: url(../img/sub/btn_prev.jpg);}
.pageControl ul li.prev a:hover{background-image: url(../img/sub/btn_prev_on.jpg);}
.pageControl ul li.next a{background-image: url(../img/sub/btn_next.jpg);}
.pageControl ul li.next a:hover{background-image: url(../img/sub/btn_next_on.jpg);}

/* 검색결과 */
.search_result{margin-bottom: 10px;padding: 7px 11px 8px 9px;background-color: #fff9f9;border-top: 1px solid #f04848;border-bottom: 1px solid #e5e5e5;}
.search_result p{font-size: 12px;color: #000;}
.search_result p span{color: #f04848;}
.search_result ul{margin-top: 1px;}
.search_result ul li{position: relative;float: left;width: 14.285%;height: 25px;line-height: 22px;}
.search_result ul li:before{content: '';position: absolute;left: 0;top: 11px;width: 2px;height: 2px;background-color: #333;}
.search_result ul li a{display: inline-block;padding-left: 5px;font-size: 12px;color: #333;letter-spacing: 0;}
.search_result ul li.on a{font-weight: 600;}
.search_result ul li a:hover{font-weight: 600;}

/* 검색결과 없을때 */
.search_result.none{padding: 7px 11px 8px;}
.search_result.none ul li{width: auto;padding: 0 8px;}
.search_result.none ul li:first-child{padding-left: 0;}
.search_result.none ul li:before{top: 7px;width: 1px;height: 12px;background-color: #ccc;}
.search_result.none ul li:first-child:before{display: none;}
.search_result.none ul li a{padding-left: 0;}
.searchImg{padding: 56px 0 55px;border: 1px solid #ccc;border-top: 0; text-align: center;}
.searchImg p{margin-top: 20px;font-size: 28px;color: #000;letter-spacing: 1px;font-weight: 600;}
.searchImg p span{color: #ff4a4a;}
.searchImg ul{width: 460px;margin: 0 auto;margin-top: 15px;text-align: left;}
.searchImg ul li{margin-top: 5px;font-size: 14px;color: #000;}
.searchImg ul li:first-child{margin-top: 0;}
.searchImg ul li span{color: #ff4a4a;}
.searchImg .btn_file{display: inline-block;margin-top: 38px;width: 187px;height: 57px;line-height: 55px;background: url(../img/sub/btn_file.png) no-repeat;font-size: 25px;color: #fff;font-weight: 600;}

/* 금칙어 */
.no_str .search_result.none{height: auto;padding: 12px 11px;}
.no_str .search_result.none p{padding-left: 48px;background: url(../img/sub/board_icon/icon_nostr.png) no-repeat left top;line-height: 1.5;}

/* 좋아하실 작품 추천 */
.recommCont{border: 1px solid #ccc;border-top: 0;}
.recommCont p{padding: 0 20px;height: 80px;line-height: 75px;font-size: 25px;font-weight: 600;color: #333;letter-spacing: 0;}
.recommCont p .btn_reload{position: relative;top: -2px;display: inline-block;margin-left: 15px;width: 23px;height: 23px;background: url(../img/sub/btn_reload.png) no-repeat;vertical-align: middle;}
.recommCont p span{color: #ff4a4a;}
.recommCont .posterList{padding-top: 0;border-bottom: 0;}

/*** 마이페이지 ***/
.myPage .pagination{padding: 20px 0 0;border: 0;}
.myPage .icon_p{position: relative;top: -1px;display: inline-block;width: 11px;height: 11px;background: url(../img/sub/board_icon/icon_p.png) no-repeat;vertical-align: sub;text-indent: -9999px;}
.myPage .icon_m{position: relative;top: -1px;display: inline-block;width: 11px;height: 11px;background: url(../img/sub/board_icon/icon_m.png) no-repeat;vertical-align: sub;text-indent: -9999px;}

/* 리스트 박스*/
.boxInfo{padding: 15px 16px;border: 1px solid #ccc;border-top: 2px solid #f04848;}
.boxInfo .tit{margin-bottom: 11px;line-height: 1;font-size: 13px;font-weight: 600;color: #333;}
.boxInfo ul li{margin-top: 11px;line-height: 1;font-size: 12px;color: #333;}
.boxInfo ul li:first-child{margin-top: 0;}
.boxInfo ul li .txt_red{color: #fc5f5f;}
.boxInfo ul li .icon_p, .boxInfo ul li .icon_m{margin-top: 2px;vertical-align: top;}
.boxInfo.m12 ul li{margin-top: 12px;}
.boxInfo.m12 ul li:first-child{margin-top: 0;}
/* 판매자 내가 올린파일 */
.boxInfo2{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.boxInfo2 .info_list>li{position: relative;float: left;width: 391px;height: 110px;border-left: 1px solid #ccc;text-align: center;}
.boxInfo2 .info_list>li:first-child{border-left: 0;}
.boxInfo2 .info_list>li dl dt{padding-top: 17px;font-size: 18px;font-weight: 600;color: #000;}
.boxInfo2 .info_list>li dl dd{padding-top: 5px;font-size: 30px;font-weight: 600;color: #ff7474;}
.boxInfo2 .info_list>li dl dd span{font-size: 26px;font-weight: normal;font-family: 'NotoSansKR';}
.boxInfo2 .info_list>li a.btn{position: absolute;bottom: 7px;right: 10px;width: 100px;height: 23px;line-height: 21px;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;color: #333;}
.boxInfo2 .info_pop{position: relative;display: inline-block;}
.boxInfo2 .info_pop .info{position: relative;top: -2px;display: inline-block;margin-left: 2px;vertical-align: middle;width: 18px;height: 18px;background: url(../img/sub/info.jpg) no-repeat;cursor: pointer;}
.boxInfo2 .info_pop .box{display: none;position: absolute;top: 29px;left: -22px;padding: 0 8px;width: 237px;height: 130px;background-color: #fff;border: 1px solid #8e8e8e;text-align: left;z-index: 11;}
.boxInfo2 .info_pop .box:before{content: '';position: absolute;left: 25px;top: -8px;width: 14px;height: 8px;background: url(../img/sub/box_bg.png) no-repeat;}
.boxInfo2 .info_pop .box p{padding-top: 13px;font-size: 13px;color: #333;text-align: center;}
.boxInfo2 .info_pop .box ol{margin-top: 8px;}
.boxInfo2 .info_pop .box ol li{margin-top: 2px;line-height: 1.5;font-size: 12px;color: #333;font-weight: normal;}
.boxInfo2 .info_pop .box ol li:first-child{margin-top: 0;}
.boxInfo2 .info_pop .box ol li span{color: #ff5f5f;}
.boxInfo2 .info_pop .box .notice{display: block;margin-top: 10px;font-size: 12px;font-weight: normal;color: #333;text-align: center;}
.boxInfo2 .info_pop.on .box{display: block;}
.boxInfo2 .info_list ul.btn{position: absolute;right: 10px;bottom: 7px;font-size: 0;}
.boxInfo2 .info_list ul.btn li{display: inline-block;margin-left: 5px;}
.boxInfo2 .info_list ul.btn li:first-child{margin-left: 0;}
.boxInfo2 .info_list ul.btn li a{display: block;width: 53px;height: 23px;line-height: 21px;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;color: #333;}
/* 아이템 관리 */
.boxInfo3{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.boxInfo3 .info_list{border-bottom: 1px solid #ccc;}
.boxInfo3 .info_list>li{position: relative;float: left;width: 391px;height: 120px;border-left: 1px solid #ccc;text-align: center;}
.boxInfo3 .info_list>li:first-child{border-left: 0;}
.boxInfo3 .info_list>li dl dt{padding-top: 17px;font-size: 18px;font-weight: 600;color: #f86060;}
.boxInfo3 .info_list>li dl dd{padding-top: 8px;font-size: 27px;color: #333333;}
.boxInfo3 .info_list ul.btn{position: absolute;right: 10px;bottom: 7px;font-size: 0;}
.boxInfo3 .info_list ul.btn li{display: inline-block;margin-left: 5px;}
.boxInfo3 .info_list ul.btn li:first-child{margin-left: 0;}
.boxInfo3 .info_list ul.btn li a{display: block;width: 53px;height: 23px;line-height: 21px;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;color: #333;}
.boxInfo3 .item_info>li{float: left;padding: 0 23px;width: 259px;height: 345px;border-left: 1px solid #ccc;text-align: center;box-sizing: border-box;}
.boxInfo3 .item_info>li:first-child{width: 260px;border-left: 0;}
.boxInfo3 .item_info dl dt{padding-top: 17px;font-size: 18px;font-weight: 600;color: #f86060;}
.boxInfo3 .item_info dl dd{padding-bottom: 12px;font-size: 13px;color: #333;}
.boxInfo3 .item_info dl dd .icon{display: block;margin: 15px auto 8px;width: 38px;height: 38px;}
.boxInfo3 .item_info .item1 dl dd .icon{background: url(../img/sub/icon_color.png) no-repeat;}
.boxInfo3 .item_info .item2 dl dd .icon{background: url(../img/sub/icon_bold.png) no-repeat;}
.boxInfo3 .item_info .item3 dl dd .icon{background: url(../img/sub/icon_pull.png) no-repeat;}
.boxInfo3 .item_info .item_list{padding: 24px 0;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;}
.boxInfo3 .item_info .item_list li{margin-top: 17px;font-size: 15px;color: #777;line-height: 1;}
.boxInfo3 .item_info .item_list li:first-child{margin-top: 0;}
.boxInfo3 .item_info .item_list li .tit{display: inline-block;padding-right: 8px;font-size: 17px;}
.boxInfo3 .item_info .item_list li .num{font-size: 18px;color: #ff7474;}
.boxInfo3 .item_info .item_list li .txt_red{font-size: 18px;color: #ff7474;}
.boxInfo3 .item_info .item_list li .txt_red .num{font-size: 18px;font-weight: normal;}
.boxInfo3 .item_info .item_list li .select_box{position: relative;top: -2px;display: inline-block;position: relative;width: 61px;height: 23px;background: url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;text-align: left;}
.boxInfo3 .item_info .item_list li .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 23px;line-height: 23px;font-size: 12px;color: #777;text-indent: 8px;}
.boxInfo3 .item_info .item_list li .select_box select{padding: 0 8px;width: 100%;height: 23px;line-height: 23px;opacity: 0;filter: alpha(opacity=0);font-size: 12px;color: #777;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.boxInfo3 .item_info .btn_buy{display: block;margin: 0 auto;margin-top: 20px;width: 83px;height: 25px;line-height: 25px;border: 1px solid #aaa;border-radius: 20px;font-size: 15px;color: #333;}
.boxInfo3 .item_info .btn_buy span{display: inline-block;margin-left: 3px;width: 8px;height: 11px;background: url(../img/sub/mypage_arrow4.jpg) no-repeat;}

/* 판매통계*/
.stats_title1{height: 41px;line-height: 47px;font-size: 18px;font-weight: 600;color: #333;}
.stats_title2{height: 78px;line-height: 120px;font-size: 18px;font-weight: 600;color: #333;}
.seller_info{position: relative;border: 1px solid #ccc;}
.seller_info .table_grade thead th{height: 31px;border-left: 1px solid #ccc;background-color: #f8f8f8;font-size: 15px;color: #333;}
.seller_info .table_grade thead th:first-child{border-left: 0;}
.seller_info .table_grade tbody td{height: 36px;border-left: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #ff7474;text-align: center;}
.seller_info .table_grade tbody td:first-child{border-left: 0;}
.seller_info .info_pop{position: absolute;right: 0;top: -26px;}
.seller_info .info_pop .info{display: block;width: 58px;height: 18px;line-height: 18px;border: 1px solid #ccc;font-size: 12px;color: #333;text-align: center;cursor: pointer;}
.seller_info .info_pop .box{display: none;position: absolute;top: 0;right: 73px;padding: 5px 25px 19px;width: 341px;height: 321px;background-color: #fff;border: 1px solid #8e8e8e;z-index: 10;}
.seller_info .info_pop .box:before{content: '';position: absolute;top: 3px;right: -6px;width: 6px;height: 14px; background: url(../img/sub/box_bg2.jpg) no-repeat;}
.seller_info .info_pop .box p{height: 37px;line-height: 45px;font-size: 15px;font-weight: 600;color: #333;}
.seller_info .info_pop .box .wrap_table{border: 1px solid #dfdfdf;}
.seller_info .info_pop .box table thead th{height: 34px;background-color: #f8f8f8;border-left: 1px solid #ddd;font-size: 13px;color: #000;}
.seller_info .info_pop .box table thead th:first-child{border-left: 0;}
.seller_info .info_pop .box table tbody td{height: 34px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 13px;font-weight: 600;color: #666;text-align: center;}
.seller_info .info_pop .box table tbody td:first-child{padding-left: 56px;border-left: 0;text-align: left;}
.seller_info .info_pop .box table tbody td:first-child span{position: relative;top: -1px;margin-right: 3px;display: inline-block;width: 15px;height: 18px;vertical-align: middle;}
.seller_info .info_pop .box table tbody td .diamond{background: url(../img/sub/grade_diamond.jpg) no-repeat;}
.seller_info .info_pop .box table tbody td .emerald{background: url(../img/sub/grade_emerald.jpg) no-repeat;}
.seller_info .info_pop .box table tbody td .gold{background: url(../img/sub/grade_gold.jpg) no-repeat;}
.seller_info .info_pop .box table tbody td .silver{background: url(../img/sub/grade_silver.jpg) no-repeat;}
.seller_info .info_pop .box table tbody td .bronze{background: url(../img/sub/grade_bronze.jpg) no-repeat;}
.seller_info .info_pop .box table tbody td .txt_red{color: #ff7474;}
.seller_info .info_pop .box .score{height: 34px;line-height: 34px;border: 1px solid #ddd;font-size: 15px;font-weight: 600;color: #333;text-align: center;}
.seller_info .info_pop .box .score .txt_red{color: #ff7474;}
.seller_info .info_pop .info:hover + .box {display: block;}
.seller_info .info_pop.on .box{display: block;}
.table_hoz.mypage.stats tbody td{font-size: 13px;color: #333;}
.table_hoz.mypage.stats tbody td:first-child{font-size: 12px;}

/* 제재 내역 */
.seller_info .table_restrain thead th{height: 27px;border-left: 1px solid #ccc;background-color: #f8f8f8;font-size: 15px;color: #333;}
.seller_info .table_restrain thead th:first-child{border-left: 0;}
.seller_info .table_restrain tbody td{height: 40px;border-left: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #ff7474;text-align: center;}
.seller_info .table_restrain tbody td:first-child{border-left: 0;}
.table_hoz.mypage.restrain tbody td{font-size: 13px;color: #333;}
.table_hoz.mypage.restrain tbody td:first-child{font-size: 12px;color: #777;}
.table_hoz.mypage.restrain tbody td .txt_red{color: #ea0b0b;}

/* 회원 탈퇴 */
.user_withdraw{margin-top: 30px;border: 1px solid #ccc;}
.user_withdraw .title{padding: 0 18px;height: 40px;line-height: 40px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: 600;color: #333;}
.user_withdraw div{height: 138px;padding: 19px 23px;box-sizing: border-box;}
.user_withdraw div p.notice{margin-bottom: 10px;}
.user_withdraw div p{line-height: 1.4;font-size: 13px;color: #333;}
.user_withdraw div p .txt_red{color: #ff6666;}
.user_withdraw.seller .title{height: 43px;line-height: 43px;}
.user_withdraw.seller div{padding: 30px 23px;height: 152px;}

/* 회원탈퇴 팝업창 */
/* .withdrawLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;} */
/* .withdrawLayer .withdraw_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);} */
.withdrawCont{width: 530px; height: 556px; background-color: #fff;}
/* .withdrawCont .layerClose{position: absolute;top: -38px;right: 1px;width: 31px;height: 31px;background: url(../img/common/memo_close.png) no-repeat;} */
.withdrawCont>p{padding: 0 22px;height: 40px;line-height: 40px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.withdrawCont .wrap{padding: 28px 23px 25px;border: 1px solid #aaa;border-top: 0;}
.withdrawCont .wrap .txt1{line-height: 1;font-size: 18px;font-weight: bold;color: #333;text-align: center;}
.withdrawCont .wrap .txt2{margin-top: 15px;line-height: 1;font-size: 13px;color: #333;text-align: center;}
.withdrawCont .wrap .radio_box{margin-top: 25px;padding: 10px 16px 18px;background-color: #f5f5f5;}
.withdrawCont .wrap .radio_box li{position: relative;float: left;margin: 8px 0;width: 50%;}
.withdrawCont .wrap .radio_box li label{display: inline-block;padding-left: 23px;background: url(../img/sub/radio.png) no-repeat 0 0;height: 16px;line-height: 16px;font-size: 13px;color: #333;cursor: pointer;}
.withdrawCont .wrap .radio_box li label input[type="radio"]{position:absolute;top:0;left:0;z-index:-1;}
.withdrawCont .wrap .radio_box li label.checked{background-position: 0 -16px;}
.withdrawCont .wrap .radio_box textarea{margin-top: 8px;padding: 10px;width: 100%;height: 136px; background-color: #fff;border: 1px solid #ccc;box-sizing: border-box;}
.withdrawCont .wrap .area_btn a{font-size: 18px;}
.withdrawCont .wrap .area_btn .btn_gray{color: #333;}

/* 회원탈퇴 방어 */
.boxInfo4{height: 122px;border: 1px solid #ccc;border-top: 2px solid #f04848;text-align: center;}
.boxInfo4 .txt1{margin-top: 26px;font-size: 18px;color: #000;}
.boxInfo4 .txt1 .userid{color: #a16dcd;}
.boxInfo4 .txt2{margin-top: 7px;line-height: 1.5;font-size: 13px;color: #767676;}
.boxInfo4 .txt2 .txt_red{color: #fa6267;}
.withdraw_title{margin: 35px 0 10px;padding-left: 27px;height: 18px;line-height: 19px;background: url(../img/sub/icon_notice.png) no-repeat 2px center;font-size: 14px;font-weight: 600;color: #666;font-family: 'Dotum';}
.withdraw_title .txt_red{color: #bc4545;font-family: 'Dotum';}
.withdraw_title .txt_purple{color: #a16dcd;font-family: 'Dotum';}
.withdraw_notice{margin-top: 18px;padding-left: 13px;height: 18px;line-height: 19px;background: url(../img/sub/icon_check.png) no-repeat 1px center;font-size: 14px;font-weight: 600;color: #666;font-family: 'Dotum';}
.withdraw_notice em{color: #ff7599;font-family: 'Dotum';}
.mypage_withdraw{position: relative;display: table;padding: 0 10px;width: 100%;height: 75px;border: 1px solid #dadada;box-sizing: border-box;}
.mypage_withdraw > div{display: table-cell;vertical-align: middle;line-height: 1;font-size: 11px;color: #666;font-family: 'Dotum';}
.mypage_withdraw > div b{font-weight: 600;color: #df9aa2;}
.mypage_withdraw button{position: absolute;right: -1px;;top: -1px;width: 200px;height: 75px;line-height: 1.5;background-color: #fb6267;border: 1px solid #cd3333;font-size: 12px;font-weight: 600;color: #fff;font-family: 'Dotum';}
.mypage_withdraw button:hover{background-color: #a90000;border-color: #cd3333;}
.withdraw .table_ver tbody td em{margin-right: 5px;}
.withdraw .table_ver tbody td .red{color: #ff3150;}
.withdraw .table_ver tbody td .blue{color: #0298de;}
.withdraw .table_ver tbody td .orange{color: #ff6b35;}
.withdraw .table_ver tbody td .purple{color: #9933ff;}
.withdraw .table_ver tbody td span{margin-left: 10px;font-size: 12px;font-weight: normal;color: #808080;}
.withdraw .table_ver tbody td span.bonus::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url('/img/mypage/ic_plus.png') no-repeat center; background-size: contain; vertical-align: sub;}
.withdraw .table_ver tbody td span.bonus strong {display: inline-block; background: #fbfe0d; color: #ec4c58; font-size: 13px; font-weight: bold;} 
.withdraw .table_ver tbody td span.bonus strong b {color: #333;}
.area_btn.withdraw .btn_red{width: auto;padding: 0 18px;}
.area_btn.withdraw .btn_red:hover{background-color: #a90000;color: #fff9ab;}
.area_btn.withdraw .btn_gray:hover{background-color: #7e7e7e;color: #e9e9e9;}

/* 회원 탈퇴방어 step2 */
#step2 .myPage .boxInfo {padding: 30px 20px; text-align: left;}
#step2 .myPage .boxInfo p.notice {margin-bottom: 10px;}
#step2 .myPage .boxInfo p {color: #333; font-size: 13px; line-height: 1.5;}
#step2 .myPage .boxInfo p span.txt_red {color: #ff6666; font-size: 13px;}
#step2 .myPage .top_bn {padding: 50px 0; border-bottom: 1px dashed #cecece; font-size: 0;}
#step2 .myPage .top_bn .bn {display: inline-block; width: 190px; text-align: center;}
#step2 .myPage .top_bn .bn:nth-of-type(2n) {width: 202px;}
#step2 .myPage .top_bn .bn p {margin-top: 25px; color: #474747; font-size: 14px;}
#step2 .myPage .top_bn .bn p span.t_pink {color: #ff4b59; font-size: 14px;}
#step2 .myPage a.btn_gray {display: block; width: 130px; height: 45px; line-height: 43px; margin: 50px auto 0; background: #f1f1f1; border: 1px solid #ccc; text-align: center; color: #555; font-size: 16px;}
#step2 .myPage a.btn_gray:hover {background: #7e7e7e; color: #e9e9e9;}

/* 회원정보수정 입력폼 */
.modifyForm{margin-top: 20px;border: 1px solid #ddd;}
.table_ver tr{border-top: 1px solid #ddd;}
.table_ver tr:first-child{border-top: 0;}
.table_ver thead{display: none;}
.table_ver tbody th{padding-left: 26px;height: 43px;background-color: #fafafa;border-right: 1px solid #ddd;font-size: 14px;color: #333;text-align: left;}
.table_ver tbody td{padding: 0 18px;height: 43px;font-size: 14px;font-weight: 600;color: #333;}
.table_ver tbody td.editor{padding: 0;height: 437px !important;vertical-align: top;}
.table_ver tbody td input[type="text"], .table_ver tbody td input[type="password"]{padding: 0 10px;height: 27px;line-height: 27px;border: 1px solid #ccc;color: #333;}
.table_ver tbody td .w268{width: 248px;}
.table_ver tbody td .w78{width: 58px;}
.table_ver tbody td .w119{width: 99px;}
.table_ver tbody td .w201{width: 181px;}
.table_ver tbody td .w388{width: 368px;}
.table_ver tbody td .txt{display: inline-block;margin-left: 10px;font-size: 12px;font-weight: normal;color: #999;}
.table_ver tbody td .txt2{display: inline-block;margin-left: 32px;font-size: 12px;font-weight: normal;color: #999;}
.table_ver tbody td .txt.m20{margin-left: 20px;}
.table_ver tbody td .hyphen{position: relative;top:-2px;display: inline-block;margin: 0 5px;width: 7px;height: 1px;background-color: #ccc;}
.table_ver tbody td .at{position: relative;top: -2px;display: inline-block;margin: 0 7px;font-size: 18px;font-weight: 600;color: #333;vertical-align: middle;}
.table_ver tbody td .agreeCheck{display: inline-block;margin-left: 11px;}
.table_ver tbody td .agreeCheck input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.table_ver tbody td .agreeCheck label{display: inline-block;padding-left: 22px;height: 18px;line-height: 18px;background: url(../img/sub/mypage_checkbox.png) no-repeat 0 0;cursor: pointer;}
.table_ver tbody td .agreeCheck label span{display: inline-block;height: 18px;line-height: 18px;font-size: 13px;font-weight: normal;color: #888;}
.table_ver tbody td .agreeCheck label.checked{background-position: 0 -18px;}
.table_ver tbody td .select_box{display: inline-block;position: relative;margin-left: 11px;width: 111px;height: 27px;background: url(../img/sub/select.png) no-repeat 91% center;border: 1px solid #ccc;}
.table_ver tbody td .select_box label{position: absolute;left: 0;top: 0;padding: 0 10px;width: 91px;height: 27px;line-height: 27px;font-size: 13px;font-weight: normal;color: #666;}
.table_ver tbody td select{padding: 0 10px;width: 100%;height: 27px;line-height: 27px;opacity: 0;filter: alpha(opacity=0);font-size: 13px;font-weight: normal;color: #666;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.table_ver tbody td .adultCheck{display: inline-block;margin-left: 10px;width: 78px;padding: 5px 0;background-color: #fafafa;border: 1px solid #ccc;border-radius: 2px;font-size: 13px;font-weight: normal;color: #666;text-align: center;}
.table_ver tbody td .login_area {display: inline-block; margin-right: 40px;}
.table_ver tbody td span.state{font-weight: normal;}
.table_ver tbody td button.btn_change {margin-left: 11px;padding: 0 8px;height: 29px;line-height: 27px;background-color: #fafafa;border: 1px solid #ccc;border-radius: 3px;font-size: 12px;color: #333;vertical-align: middle;}
/* 로그인 차단 체크박스 */
.table_ver tbody td .login_chk input {display: none;}
.table_ver tbody td .login_chk label {display: inline-block; width: 70px; height: 26px;}
.table_ver tbody td .login_chk label::before {content: ''; display: inline-block; width: 100%; height: 100%; background: url('/img/mypage/btn_log_off.png') no-repeat center / contain; cursor: pointer;}
.table_ver tbody td .login_chk input:checked+label::before {background-image: url('/img/mypage/btn_log_on.png');}
/* 지역 설정 */
.table_ver tbody td .login_area .select_box2 {display: inline-block; width: 145px; height: 27px; margin-left: 11px; border: 1px solid #ccc;}
.table_ver tbody td .login_area .select_box2 select {display: inline-block; width: 100%; height: 100%; background: url('/img/sub/select.png') no-repeat 95% center; color: #666; font-size: 13px; opacity: 1;}



/* 비밀번호 입력 */
.passwordForm{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.passwordForm .title{padding: 0 17px;height: 43px;line-height: 43px;background-color: #f5f5f5;font-size: 15px;font-weight: 600;color: #333;}
.passwordForm div{padding: 0 17px;height: 250px;text-align: center;}
.passwordForm div p{padding-top: 45px; font-size: 15px;color: #333;}
.passwordForm div input[type="password"]{margin-top: 34px; padding: 0 10px;width: 268px;height: 39px;line-height: 39px;font-size: 18px;}
.passwordForm div .pwBtn{display: block;margin: 0 auto;margin-top: 16px;width: 128px;height: 45px;line-height: 45px;background-color: #aaaaaa;border: 1px solid #ccc;font-size: 16px;color: #fff;}
.table_ver tbody td.fn{font-size: 0;}

/*SNS연동 비밀번호 입력*/
.myPage .snsForm{height:350px !important;}
.myPage .snsForm p{margin-bottom:30px;}
.myPage .snsForm label{display:inline-block;width:120px;padding-top:10px;}
.myPage .snsForm input{margin-top:0 !important;padding: 0 10px;width: 268px;height: 39px;line-height: 39px;font-size: 18px;}
.myPage .snsForm div{height:41px;text-align:left;margin-bottom:5px;padding-left:160px;}
.myPage .snsForm div:first-of-type{margin-bottom:10px;}
.myPage .snsForm button{}

/* 상단 버튼 */
.topBtn{position: relative;margin: 25px 0 10px; font-size: 0;}
.topBtn button{display: inline-block;margin-left: 8px;width: 60px;height: 23px;line-height: 21px;border: 1px solid #ccc;font-size: 13px;color: #333;text-align: center;}
.topBtn button:first-child{margin-left: 0;}
.topBtn button span{position: relative;top: -1px;}
.topBtn button.red{border-color: #ff6666;color: #ff6666;}
.topBtn button.red2{width: 74px; border-color: #ff6666;color: #ff6666;}
.topBtn.request button{width: 99px;color: #555;}
.topBtn.request button.red{width: 75px;color: #ff6666;}
.topBtn2{margin-top: 29px;}
.topBtn2 button{margin-left: 5px;} 
.topBtn2 button:first-child{margin-left: 0;}

/* 상단 셀렉트박스 */
.topSelect{position: absolute;left: 0;top:0;text-align: left;}
.topSelect .select_box{display: inline-block;position: relative;margin-left: 8px;width: 80px;height: 21px;background: url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;}
.topSelect .select_box:first-child{margin-left: 0;}
.topSelect .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 21px;line-height: 20px;font-size: 14px;color: #333;text-indent: 8px;}
.topSelect .select_box select{padding: 0 8px;width: 100%;height: 21px;line-height: 21px;opacity: 0;filter: alpha(opacity=0);font-size: 14x;color: #333;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}

/* 마이페이지 탭 */
.mypage_tab .tabList{height: 44px;border-bottom: 1px solid #ccc;}
.mypage_tab .tabList li{position: relative;float: left;width: 262px;box-sizing: border-box;}
.mypage_tab .tabList li:before{content: '';position: absolute;left: -1px;top: 50%;margin-top: -10px;width: 1px;height: 20px;background-color: #ccc;}
.mypage_tab .tabList li:first-child:before{display: none;}
.mypage_tab .tabList li button{width: 100%;height: 44px;line-height: 43px;background-color: #f0f0f0;font-size: 16px;color: #888;text-align: center;}
.mypage_tab .tabList li button span{position: relative;top: -1px;}
.mypage_tab .tabList li.selected{width: 261px;border: 1px solid #ccc;border-bottom: 0;}
.mypage_tab .tabList li.selected button{background-color: #fff;font-weight: 600;color: #fc5f5f;}
.mypage_tab .tabList li.selected button span{top: -2px;}
.mypage_tab .tabList.tab2 li{position: relative;float: left;width: 392px;box-sizing: border-box;}
.mypage_tab .tabList.tab2 li.selected{width: 393px;}

/* 마이페이지 테이블 */
.myPage .wrap_table{border: 1px solid #ccc;border-top: 0;}
.myPage .wrap_table.notice{border-top: 2px solid #f04848;}
.myPage .wrap_table.notice tbody td{font-size: 13px;}
.myPage .wrap_table.notice tbody td.title span{margin-right: 3px;font-weight: 600;}
/*.mypage_tabCont>div{display: none;}*/
.table_hoz.mypage thead{display: table-header-group;background-color: #fafafa;border-bottom: 1px solid #ccc;}
.table_hoz.mypage thead tr th{position: relative;height: 31px;line-height: 30px;font-size: 13px;color: #333;}
.table_hoz.mypage thead tr th:before{content: '';position: absolute;top: 8px;left: 0;width: 1px;height: 16px;background-color: #ccc;}
.table_hoz.mypage thead tr th:first-child:before{display: none;}
.table_hoz.mypage thead tr th label{display: inline-block;width: 14px;height: 14px;background: url(../img/sub/board_checkbox.jpg) no-repeat 0 0;vertical-align: top;cursor: pointer;vertical-align:middle;margin-right:10px;}
.table_hoz.mypage thead tr th label input{display:none;}
.table_hoz.mypage thead tr th label.checked{background-position: 0 -14px;}
.table_hoz.mypage tbody tr{border-bottom: 0;border-top: 1px solid #e5e5e5;}
.table_hoz.mypage tbody tr:first-child{border-top: 0;}
.table_hoz.mypage tbody tr td{font-size: 12px;}
.table_hoz.mypage tbody tr td input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.table_hoz.mypage tbody tr td label{display: inline-block;width: 14px;height: 14px;background: url(../img/sub/board_checkbox.jpg) no-repeat 0 0;vertical-align: top;cursor: pointer;}
.table_hoz.mypage tbody tr td label.checked{background-position: 0 -14px;}
.table_hoz.mypage tbody tr td.genre{font-size: 12px;color: #333;text-indent: 10px;}
.table_hoz.mypage tbody tr td.title{padding: 0 10px;}
.table_hoz.mypage tbody tr td.capacity{padding: 0 20px 0 0;text-align: right;}
.table_hoz.mypage tbody tr td .l_icon{margin-right: 5px;vertical-align: baseline;}
.table_hoz.mypage tbody tr td .l_icon img{top: 0;}
.table_hoz.mypage tbody tr.selected{background-color: #fffbef;}
.table_hoz.mypage tbody tr td:first-child.ta_r{text-align: right;}
.table_hoz.mypage tbody tr td.title{font-size: 0;}
/* 판매자 */
.table_hoz.mypage.seller tbody tr td{font-size: 13px;color: #333;}
.table_hoz.mypage.seller tbody tr td.genre{text-indent: 14px;}
.table_hoz.mypage.seller tbody tr td.title{padding: 0 20px;}
.table_hoz.mypage.seller tbody tr td .mylist1{display: inline-block;vertical-align: middle;width: 50px;height: 19px; background: url(../img/sub/board_icon/icon_mylist_1.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller tbody tr td .mylist2{display: inline-block;vertical-align: middle;width: 50px;height: 19px; background: url(../img/sub/board_icon/icon_mylist_2.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller tbody tr td .mylist3{display: inline-block;vertical-align: middle;width: 50px;height: 19px; background: url(../img/sub/board_icon/icon_mylist_3.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller tbody tr td .mylist4{display: inline-block;vertical-align: middle;width: 50px;height: 19px; background: url(../img/sub/board_icon/icon_mylist_4.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller tbody tr td .mylist5{display: inline-block;vertical-align: middle;width: 50px;height: 19px; background: url(../img/sub/board_icon/icon_mylist_5.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller thead tr th .down{position: relative;top: -1px;display: inline-block;margin-left: 5px; width: 12px;height: 8px;background: url(../img/sub/table_down.png) no-repeat;text-indent: -9999px;}
.table_hoz.mypage.seller tbody tr td.title a{max-width: 100%;font-size: 13px;}
.table_hoz.list.seller tbody tr td{font-size: 13px;color: #777;}
.table_hoz.list.seller tbody tr td:first-child{color: #333;}
.table_hoz.list.seller tbody tr td.title{padding: 0 50px 0 20px;}
.table_hoz.list.seller tbody tr td.title a{max-width: 100%;font-size: 13px;}
.table_hoz.list.seller tbody tr td.title .btn_answer{position: absolute;top: 9px;right: 11px;display: block;width: 27px;height: 16px;background: url(../img/sub/board_icon/icon_answer.jpg) no-repeat;}
.table_hoz.list.seller tbody tr.answer{background-color: #f8f8f8;}
.table_hoz.list.seller tbody tr.answer td{padding-left: 128px;background: url(../img/sub/answer_bg.png) no-repeat 52px 10px;text-align: left;font-size: 0;}
.table_hoz.list.seller tbody tr.answer td input[type="text"]{padding: 0 5px;width: 525px;height: 22px;line-height: 22px;background-color: #fff;border-color: #ccc;}
.table_hoz.list.seller tbody tr.answer td button{display: inline-block;margin-left: 4px;vertical-align: middle;width: 46px;height: 24px;line-height: 22px;background-color: #fff;border: 1px solid #ccc;font-size: 13px;color: #555;}
.table_hoz.list.seller tbody tr.answer td label{position: relative;top: 2px;margin: 0 10px 3px 5px;display: inline-block;padding-left: 18px;height: 13px;line-height: 13px;background: url(../img/sub/list_checkbox.jpg) no-repeat;font-size: 13px;color: #333;}
.table_hoz.list.seller tbody tr.answer td label.checked{background-position: 0 -13px;}
.table_hoz.list.seller tbody tr.answer td label input[type="checkbox"]{display: none;}
.table_hoz.list.seller tbody tr.answer td label span{position: relative;top: -3px;}
.table_hoz.list.seller tbody tr td.title a span.gift {position: relative;top: -2px;margin-right: 5px;display: inline-block;width: 15px;height: 16px;background: url(/img/sub/view/icon_gift.png) no-repeat;vertical-align: middle;}


/* 자료요청 테이블 */
.table_hoz.request thead{display: table-header-group;background-color: #fafafa;border-bottom: 1px solid #ccc;}
.table_hoz.request thead tr th{position: relative;height: 31px;line-height: 31px;font-size: 13px;color: #333;}
.table_hoz.request thead tr th:before{content: '';position: absolute;top: 8px;left: 0;width: 1px;height: 16px;background-color: #ccc;}
.table_hoz.request thead tr th:first-child:before{display: none;}
.table_hoz.request tbody tr{border-bottom: 0;border-top: 1px solid #e5e5e5;}
.table_hoz.request tbody tr:first-child{border-top: 0;}
.table_hoz.request tbody tr td.genre{font-size: 12px;color: #333;}
.table_hoz.request tbody tr td.title a{max-width: 456px;}

/* 자료요청 입력폼 */
.requestForm{margin-top: 20px;border: 1px solid #ccc;}
.requestForm .table_ver tbody th{text-align: center;}
.requestForm .table_ver tbody td{padding: 10px;height: auto;}
.requestForm .table_ver tbody td .select_box{margin-left: 0;}
.requestForm .table_ver tbody td input[type="text"], .requestForm .table_ver tbody td textarea{box-sizing: border-box;}
.requestForm .table_ver tbody td input[type="text"]{height: 29px;}
.requestForm .table_ver tbody td textarea{padding: 10px;height: 324px;border: 1px solid #ccc;}

/* 자료요청 상세 */
.requestView{margin-top: 10px;border: 1px solid #ccc;}
.requestView .title{position: relative;padding: 6px 130px 6px 18px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 14px;color: #333;letter-spacing: -0.2px;}
.requestView .title .date{position: absolute;top: 7px;right: 18px;font-size: 12px;}
.requestView .title .date .cate {position: relative;padding-left: 20px;}
.requestView .title .date .cate:before {content: '';position: absolute;left: 10px;top: 3px;width: 1px;height: 12px;background-color: #aaa;}
.requestView div{padding: 28px 16px;line-height: 1.8;font-size: 13px;color: #333;letter-spacing: -0.2px;}
.requestView .requestBtn{padding-bottom: 40px;text-align: center;}
.requestView .requestBtn a{display: block;margin: 0 auto;width: 221px;height: 57px;line-height: 55px;background: url(../img/sub/btn_file2.png) no-repeat;font-size: 25px;color: #fff;font-weight: 600;}

/* 마이페이지 검색 */
.mypage_search{padding: 21px 0;background-color: #f8f8f8;border: 1px solid #ccc;border-top: 0;font-size: 0;}
.mypage_search .area_search{position: relative;}
.mypage_search .wrap_input{position: relative;margin: 0 auto;width: 478px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;font-size: 0;z-index: 10;}
.mypage_search .wrap_input input[type="text"]{float: left;display: inline-block;padding: 0 10px;width: 353px;height: 38px;line-height: 38px;border: 0;font-size: 14px;color: #333;}
.mypage_search .wrap_input input[type="text"].w342{width: 337px;}
.mypage_search .wrap_input .select_box{float: left;display: inline-block;padding-right: 1px;background: url(../img/sub/select_line.jpg) no-repeat 100% center;}
.mypage_search .wrap_input .select_box button{padding: 0 13px;width: 75px;height: 38px;line-height: 38px;background: url(../img/sub/select2.png) no-repeat 55px center;font-size: 14px;color: #666;text-align: left;}
.mypage_search .wrap_input .select_box.none button{width: 59px;background: none;cursor: default;text-align: center;}
.mypage_search .option{display: none;position: absolute;left: 152px;top: 33px;padding-top: 5px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;z-index: 9;}
.mypage_search .option ul li{padding: 0 12px;width: 46px;height: 23px;line-height: 23px;background-color: #fff;font-size: 12px;color: #666;cursor: pointer;}
.mypage_search .option ul li:hover{background-color: #f5f5f5;color: #333;}
.mypage_search .wrap_input .searchBtn{width: 37px;height: 38px;line-height: 38px;background: url(../img/sub/mypage_search.png) no-repeat center 6px;}

/* 마이페이지 - 마일리지 이용내역 */
.mypage_mileage{padding: 0 20px 0 24px;height: 134px;background: url(/img/sub/user_mileage_bg.jpg) no-repeat;border: 1px solid #ccc;border-top: 0;overflow: hidden;}
.mypage_mileage .lf_cont{float: left;padding-top: 12px;}
.mypage_mileage .rt_cont{float: right;padding-top: 28px;text-align: right;}
.user_mileage_text1{width: 298px;padding-bottom: 8px;border-bottom: 2px solid #000;line-height: 1.2;font-size: 22px;color: #000;letter-spacing: -0.6px;}
.user_mileage_text2{padding-top: 8px;}
.user_mileage_text2 dt{font-size: 14px;font-weight: 600;color: #666;}
.user_mileage_text2 dd{font-size: 14px;color: #828282;letter-spacing: -0.3px;}
.mypage_mileage .rt_cont dl dt{line-height: 1;font-size: 18px;font-weight: 600;color: #696969;}
.mypage_mileage .rt_cont dl dd{line-height: 1;font-size: 32px;font-weight: 600;color: #ff5a5a;}
.mypage_mileage .rt_cont dl dd span{margin-left: 1px;font-size: 20px;color: #ee8585;}
.mypage_mileage .rt_cont button{margin-top: 12px;width: 177px;height: 35px;line-height: 33px;background: url(/img/sub/user_mileage_btn.png) no-repeat;font-size: 16px;color: #fff;}
.mypage_mileage .rt_cont button:hover{background-image: url(/img/sub/user_mileage_btn_over.png);}

/* 덧글 관리 */
.mypage_search.comment .wrap_input .select_box button{padding: 0 7px;width: 85px;background-position: 68px center;}
.mypage_search.comment .wrap_input input[type="text"]{width: 327px;}
.mypage_search.comment .option ul li{width: 61px;}
.topBtn.searchDate.seller button{width: 53px;vertical-align: top;}
.topBtn.searchDate.seller button.dateBtn{position: inherit;margin-left: 10px;width: 53px;}
.topBtn.searchDate.seller .wrap_select.last{position: absolute;right: 0;margin-left: 0;}

/* 마이페이지 검색 탭 */
.requestTab{width: 727px;margin: 0 auto;margin-bottom: 20px;}
.requestTab .tabList{border: 1px solid #ccc;border-bottom: 0;}
.requestTab .tabList li{float: left;width: 120px;background-color: #fff;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.requestTab .tabList li.bn{border-left: 0;}
.requestTab .tabList li a{display: block;height: 39px;line-height: 39px;font-size: 15px;color: #666;text-align: center;}
.requestTab .tabList li.selected a{position: relative;font-weight: 600;color: #ff7474;}
.requestTab .tabList li.selected a:before{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background-color: #ff6666;}

/* 쿠폰, 포인트 이용내역 */
.mypage_tab.coupon{margin-top: 15px;}
.mypage_tab.coupon .tabList li{width: 50%;}
.mypage_tab.point{margin-top: 15px;}
.table_hoz.list thead{display: table-header-group;background-color: #fafafa;border-bottom: 1px solid #ccc;}
.table_hoz.list thead tr th{position: relative;height: 31px;line-height: 30px;font-size: 13px;color: #333;}
.table_hoz.list thead tr th:before{content: '';position: absolute;top: 8px;left: 0;width: 1px;height: 16px;background-color: #ccc;}
.table_hoz.list thead tr th:first-child:before{display: none;}
.table_hoz.list tbody tr{border-bottom: 0;border-top: 1px solid #e5e5e5;}
.table_hoz.list tbody tr:first-child{border-top: 0;}
.table_hoz.list tbody tr td{font-size: 12px;color: #333;}
.table_hoz.list tbody tr td.title{padding: 0 20px;font-size: 13px;color: #333;}
.table_hoz.list tbody tr td.title .icon_p{position: relative;top: 1px;margin-right: 5px;line-height: 34px;vertical-align: baseline;}
.table_hoz.list tbody tr td.title .icon_m{position: relative;top: 1px;margin-right: 5px;line-height: 34px;vertical-align: baseline;}
.table_hoz.list tbody tr td .icon_save{position: relative;top: 1px;display: inline-block;width: 45px;height: 19px;background: url(../img/sub/board_icon/icon_save.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_exchange{position: relative;top: 1px;display: inline-block;width: 45px;height: 19px;background: url(../img/sub/board_icon/icon_exchange.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_give{position: relative;top: 1px;display: inline-block;width: 45px;height: 19px;background: url(../img/sub/board_icon/icon_give.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_charge{position: relative;top: 1px;display: inline-block;width: 41px;height: 17px;background: url(../img/sub/board_icon/icon_charge.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_point{position: relative;top: 1px;display: inline-block;width: 41px;height: 17px;background: url(../img/sub/board_icon/icon_point.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_point2{position: relative;top: 1px;display: inline-block;width: 62px;height: 19px;background: url(../img/sub/board_icon/icon_point2.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_give2{position: relative;top: 1px;display: inline-block;width: 62px;height: 19px;background: url(../img/sub/board_icon/icon_give2.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_coupon{position: relative;top: 1px;display: inline-block;width: 41px;height: 17px;background: url(../img/sub/board_icon/icon_coupon.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_bonus{position: relative;top: 1px;display: inline-block;width: 41px;height: 17px;background: url(../img/sub/board_icon/icon_bonus.jpg) no-repeat;text-indent: -9999px;}

/*마일리지 아이콘 추가*/
.table_hoz.list tbody tr td .icon_m_save{position: relative;top: 1px;display: inline-block;width: 62px;height: 19px;background: url(/img/sub/board_icon/icon_m_save.jpg) no-repeat;text-indent: -9999px;}
.table_hoz.list tbody tr td .icon_m_used{position: relative;top: 1px;display: inline-block;width: 62px;height: 19px;background: url(/img/sub/board_icon/icon_m_used.jpg) no-repeat;text-indent: -9999px;}

.table_hoz.list tbody tr td .txt_red{color: #ff5050;}
.table_hoz.list tbody tr td.title a{max-width: 100%;color: #333;}

/* 마일리지 이용내역 */
.topBtn.searchDate{position: relative;margin: 27px 0 5px;}
.topBtn.searchDate button{margin-left: 3px;width: 65px;height: 25px;line-height: 23px;border-radius: 4px;}
.topBtn.searchDate button:first-child{margin-left: 0;}
.topBtn.searchDate button.dateBtn{position: absolute;top: 0;right: 0;margin-left: 0;width: 70px;background-color: #fafafa;font-size: 15px;}
.topBtn.searchDate .wrap_select{display: inline-block;vertical-align: top;margin-left: 10px;}
.topBtn.searchDate .wrap_select .select_box{display: inline-block;position: relative;margin-left: 8px;height: 23px;background: url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;}
.topBtn.searchDate .wrap_select .select_box:first-child{margin-left: 0;}
.topBtn.searchDate .wrap_select .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 23px;line-height: 23px;font-size: 14px;color: #333;text-indent: 8px;}
.topBtn.searchDate .wrap_select select{padding: 0 8px;width: 100%;height: 23px;line-height: 23px;opacity: 0;filter: alpha(opacity=0);font-size: 14px;color: #333;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.topBtn.searchDate .wrap_select .select_box.w70{width: 68px;}
.topBtn.searchDate .wrap_select .select_box.w46{width: 44px;}
.topBtn.searchDate .wrap_select .select_box.w80{width: 78px;}
.topBtn.searchDate .wrap_select span{position: relative;top: 3px;margin-left: 3px;display: inline-block;font-size: 14px;color: #333;vertical-align: middle;}
.topBtn.searchDate .sd{display: inline-block;margin: 0 5px 0 14px;font-size: 18px;font-family: 'Arial';vertical-align: bottom;}
.topBtn.searchDate .dateBox {display: inline-block;position: relative;height: 23px;background: url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;}
.topBtn.searchDate .dateBox input {padding: 0 10px;border: none;width: 100%;height: 23px;background: none;font-size: 13px;color: #333;box-sizing: border-box;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;cursor: pointer;}

/* 마이페이지 포인트 정보 */
.userInfo{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.userInfo .top{height: 125px;}
.userInfo .top>li{float: left;width: 50%;height: 100%;border-left: 1px solid #ccc;box-sizing: border-box;}
.userInfo .top>li:first-child{border-left: 0;}
.userInfo .top .user{display: table;padding-left: 136px;background: url(../img/sub/user_img.jpg) no-repeat 58px 33px}
.userInfo .top .user .name{display: block;font-size: 16px;font-weight: 600;color: #333;}
.userInfo .top .user .name span{color: #f04848;}
.userInfo .top .user a{height: 14px;line-height: 13px;padding-right: 12px;margin-top: 8px;background: url(../img/sub/mypage_arrow1.png) no-repeat 99% top;font-size: 14px;color: #666;}
.userInfo .top .btn ul li{padding: 0 62px;height: 62px;border-top: 1px solid #ccc;}
.userInfo .top .btn ul li:after{display:block;clear:both;content:'';}
.userInfo .top .btn ul li:first-child{border-top: 0;}
.userInfo .top .btn ul li dl dt{display: inline-block;float: left;height: 62px;line-height: 62px;font-size: 18px;font-weight: 600;color: #333;}
.userInfo .top .btn ul li dl dd{display: inline-block;float: right;height: 62px;line-height: 62px;}
.userInfo .top .btn ul li dl dd button{position: relative;top: -3px;width: 92px;height: 32px;background: url(../img/sub/switch_off.png) no-repeat;vertical-align: middle;}
.userInfo .top .btn ul li dl dd button.on{background-image: url(../img/sub/switch_on.png);}
.userInfo .top .btn ul li dl dd a{position: relative;top: -3px;display: inline-block;width: 90px;height: 30px;line-height: 30px;border: 1px solid #cecece;border-radius: 20px;font-size: 13px;color: #333;text-align: center;vertical-align: middle;}
.userInfo .top .btn ul li dl dd a span{margin-left: 4px;display: inline-block;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow5.jpg) no-repeat;}
.userInfo .bottom ul li{position: relative;float: left;width: 25%;height: 119px;padding-top: 18px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;box-sizing: border-box;text-align: center;}
/* .userInfo .bottom ul li.bl_n{border-left: 0;} */
.userInfo .bottom ul li.free{border-bottom: 1px solid #ccc;}
.userInfo .bottom ul li:nth-of-type(1),
.userInfo .bottom ul li:nth-of-type(5) {border-left: 0;}
.userInfo .bottom ul li:nth-of-type(4),
.userInfo .bottom ul li:nth-of-type(8) {border-right: 0;}
.userInfo .bottom ul li:nth-of-type(n + 5):nth-of-type(-n + 8) {border-bottom: 0; border-top: 0;}
.userInfo .bottom ul li dl dt{font-size: 18px;font-weight: 600;color: #f86060;}
.userInfo .bottom ul li dl dd{margin-top: 10px;font-size: 27px;font-weight: 600;color: #333;}
.userInfo .bottom ul li dl dd span{font-size: 18px;font-family: 'NotoSansKR';}
.userInfo .bottom ul li dl dd span.state{position: relative;top:-2px;font-size: 20px;font-family: 'NotoSansKR';}
.userInfo .bottom ul li dl dd a{display: inline-block;width: 96px;height: 28px;line-height: 28px;border: 1px solid #cecece;border-radius: 20px;font-size: 13px;color: #333;text-align: center;vertical-align: middle;}
.userInfo .bottom ul li dl dd a span{margin-left: 4px;display: inline-block;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow5.jpg) no-repeat;}
.userInfo .bottom ul li .btn{position: absolute;right: 8px;bottom: 8px;height: 10px;line-height: 10px;padding-right: 9px;background: url(../img/sub/mypage_arrow2.jpg) no-repeat right top; font-size: 13px;color: #666;}
.myPage .subTitle{position: relative;margin: 28px 0 7px;font-size: 18px;font-weight: 600;color: #333;text-indent: 8px;}
.myPage .subTitle a{position: absolute;top: 0;right: 0;padding: 0px 6px;height: 21px;line-height: 21px;border: 1px solid #ccc;font-size: 12px;font-weight: normal;text-align: center;text-indent: 0;}
.myPage .subTitle a span{margin-left: 3px;display: inline-block;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow5.jpg) no-repeat;}

.myPage .subTitle.btn3{overflow: hidden;}
.myPage .subTitle.btn3 a{position: inherit;right: inherit;float: right;margin-left: 5px;width: auto;padding: 0 5px;}
.myPage .subTitle.btn3 a.red{border-color: #ff6666;color: #ff6666;}

/*SNS 연동 정보*/
.myPage .sns_list{}
.myPage .sns_list td{border-top:1px solid #e3e3e3;padding:15px 0;}
.myPage .sns_list tr:last-of-type td{border-bottom:1px solid #e3e3e3;}
.myPage .sns_list tr td:first-of-type{padding-left:50px;}
.myPage .sns_list tr td:first-of-type span{font-size:14px;color:#333333;font-weight:bold;}
.myPage .sns_list tr td:nth-of-type(2){font-size:13px;color:#9d9d9d;padding-top:17px;}
.myPage .sns_list tr td:nth-of-type(2) strong{color:#9d9d9d;}
.myPage .sns_list tr td:last-of-type{text-align:right;padding-right:10px;}
.myPage .k_icon_bg{background:url('/img/sub/my_sns_kakao.png') no-repeat 10px;}
.myPage .n_icon_bg{background:url('/img/sub/my_sns_naver.png') no-repeat 10px;}
.myPage .g_icon_bg{background:url('/img/sub/my_sns_google.png') no-repeat 10px;}
.myPage .a_icon_bg{background:url('/img/sub/my_sns_apple.png') no-repeat 10px;}
.myPage .sns_auth{width:80px;height:30px;line-height:30px;color:#575757;font-size:12px;background:#d1d1d1;cursor:pointer; }
.myPage .sns_auth:hover{color:#fff;background:#333333;}
.myPage .sns_revoke{width:80px;height:30px;line-height:30px;color:#fff;font-size:12px;background:#e94544;cursor:pointer; }
.myPage .sns_revoke:hover{background:#680100;}

/* 판매자 마이페이지 포인트 정보 */
.userInfo.seller{border: 0;}
.userInfo.seller .top{height: 233px;margin-bottom: 6px;border: 1px solid #ccc;border-top: 2px solid #f04848;}
.userInfo.seller .top>li{width: 391px;box-sizing: inherit;}
.userInfo.seller .top .user{position: relative;padding-left: 95px;width: 100%;height: 135px;background: url(../img/sub/seller_img.jpg) no-repeat 50px 23px;border-bottom: 1px solid #ccc;text-align: center;box-sizing: border-box;}
.userInfo.seller .top .user .grade{display: inline-block;margin-top: 5px;font-size: 15px;color: #666;}
.userInfo.seller .top .user a{position: absolute;right: 4px;bottom: 5px;}
.userInfo.seller .top .score{height: 97px;}
.userInfo.seller .top .score li{float: left;width: 97px;height: 97px;border-left: 1px solid #ccc;text-align: center;}
.userInfo.seller .top .score li:first-child{border-left: 0;}
.userInfo.seller .top .score li dl dt{padding-top: 10px;font-size: 15px;font-weight: 600;color: #333;}
.userInfo.seller .top .score li dl dd{padding-top: 12px;font-size: 18px;font-weight: 600;color: #ff7474;letter-spacing: -0.2px;}
.userInfo.seller .top .score li dl dd span{font-size: 12px;font-family: 'NotoSansKR';}
.userInfo.seller .top .score li .btn{display: block;margin: 0 auto;margin-top: 7px;width: 63px;height: 19px;line-height: 19px;border: 1px solid #ccc;border-radius: 10px;font-size: 12px;color: #666;}
.userInfo.seller .top .score li .btn span{display: inline-block;margin-left: 2px;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow2.jpg) no-repeat;}
.userInfo.seller .top .btn ul li{height: auto;border-top: 0;}
.userInfo.seller .top .btn ul li.kids{height: 94px;border-bottom: 1px solid #ccc;}
.userInfo.seller .top .btn ul li.kids dl dt{height: 94px;line-height: 94px;}
.userInfo.seller .top .btn ul li.kids dl dd{height: 94px;line-height: 94px;}
.userInfo.seller .top .btn ul li.list{padding: 0;height: 138px;text-align: center;}
.userInfo.seller .top .btn ul li.list>ul>li{float: left;padding: 0;width: 195px;height: 138px;border-left: 1px solid #ccc;}
.userInfo.seller .top .btn ul li.list>ul>li:first-child{border-left: 0;}
.userInfo.seller .top .btn ul li.list>ul>li:first-child{border-left: 0;}
.userInfo.seller .top .btn ul li.list>ul>li dl{padding: 0 14px;}
.userInfo.seller .top .btn ul li.list>ul>li dl dt{display: block;margin-top: 12px;height: auto;line-height: inherit;float: inherit;font-size: 15px;font-weight: 600;color: #333;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_info dd{display: block;margin-top: 22px;float: inherit;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_info dd ul li{margin-top: 6px;padding: 0;font-size: 12px;color: #333;text-align: right;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_info dd ul li:first-child{margin-top: 0;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_info dd ul li .tit{display: inline-block;width: 93px;font-size: 13px;text-align: left;vertical-align: text-top;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_info dd ul li .txt_red{display: inline-block;width: 60px;font-size: 16px;font-weight: 600;color: #ff7474;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_cash dd{display: block;margin-top: 18px;float: inherit;height: auto;line-height: inherit;font-size: 25px;font-weight: 600;color: #ff7474;}
.userInfo.seller .top .btn ul li.list>ul>li dl.item_cash dd span{display: inline-block;margin-left: 3px;font-size: 16px;color: #333;font-family: 'NotoSansKR';}
.userInfo.seller .top .btn ul li.list>ul>li a{display: block;margin: 0 auto;margin-top: 15px;width: 83px;height: 25px;line-height: 25px;border: 1px solid #ccc;border-radius: 20px;font-size: 13px;font-weight: 600;color: #333;}
.userInfo.seller .top .btn ul li.list>ul>li a span{display: inline-block;margin-left: 4px;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow5.jpg) no-repeat;}
.userInfo.seller .bottom{border: 1px solid #ccc;border-top: 0;}
.userInfo.seller.diamond .top .user{background: url(../img/sub/diamond_img.png) no-repeat 50px 23px;}
.userInfo.seller.emerald .top .user{background: url(../img/sub/emerald_img.png) no-repeat 50px 23px;}
.userInfo.seller.gold .top .user{background: url(../img/sub/gold_img.png) no-repeat 50px center;}
.userInfo.seller.silver .top .user{background: url(../img/sub/silver_img.png) no-repeat 50px center;}
.userInfo.seller.bronze .top .user{background: url(../img/sub/bronze_img.png) no-repeat 50px center;}

/* 마이페이지 아이템 관리 */
.mypage_tab.item{margin-top: 10px;}
.mypage_tab.item .tabList li{width: 50%;}
.table_hoz.list.item tbody tr td{color: #777;}
.table_hoz.list.item tbody tr td.title{font-size: 13px;color: #333;}
.table_hoz.list.item tbody tr td.item{background: url(../img/sub/item_none.jpg) no-repeat center;text-align: center;}
.table_hoz.list.item tbody tr td.item span.color{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../img/sub/icon_color_small.png) no-repeat;}
.table_hoz.list.item tbody tr td.item span.bold{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../img/sub/icon_bold_small.png) no-repeat;}
.table_hoz.list.item tbody tr td.item span.pull{display: inline-block;vertical-align: middle;width: 18px;height: 12px;background: url(../img/sub/icon_pull_small.png) no-repeat;}

/* 포인트 출금 신청*/
.cash_info{margin-top: 6px;height: 77px;line-height: 77px;border: 1px solid #ccc;font-size: 23px;color: #000;font-family: 'Malgun Gothic';text-align: center;}
.cash_info .txt_red{display: inline-block;line-height: 77px;font-size: 18px;font-weight: 600;color: #f86060;font-family: 'NotoSansKR';vertical-align: top;}
.cash_info .num{display: inline-block;line-height: 73px;margin-left: 10px;font-size: 25px;font-weight: 600;}
.area_btn.seller{margin-top: 19px;}
.area_btn.seller a{margin-left: 20px;width:  206px;height: 60px;border: 0;text-indent: -9999px;}
.area_btn.seller a:first-child{margin-left: 0;}
.area_btn.seller .btn_green{background-image: url(../img/sub/btn_green.png);}
.area_btn.seller .btn_blue{background-image: url(../img/sub/btn_blue.png);}

/* 포인트 변환 신청*/
.cash_change{margin: 10px 0 37px;border: 1px solid #ccc;}
.cash_change ul li{position: relative;float: left;width: 260px;height: 114px;border-left: 1px solid #ccc;text-align: center;}
.cash_change ul li:first-child{width: 261px;border-left: 0;}
.cash_change ul li dl dt{padding-top: 10px;font-size: 18xpx;font-weight: 600;color: #333;}
.cash_change ul li dl dd{padding-top: 12px;font-size: 18px;font-weight: 600;color: #333;}
.cash_change ul li dl dd .txt_red{font-size: 25px;color: #ff7474;}
.cash_change ul li dl dd .inputBox{position: relative;top: -6px;margin: 0 auto;width: 142px;border-bottom: 2px solid #666;vertical-align: bottom;font-size: 23px;text-align: left;}
.cash_change ul li dl dd .inputBox input[type="text"]{width: 130px;border: 0;font-size: 23px;}
.cash_change ul li dl dd .inputBox span{position: absolute;right: -3px;bottom: 0;}
.cash_change ul li .btn{position: absolute;left: 50%;margin-left: -37px;bottom: 6px;display: block;width: 72px;height: 23px;line-height: 21px;border: 1px solid #aaa;border-radius: 15px;font-size: 13px;color: #444;}
.cash_change ul li .btn span{display: inline-block;margin-left: 4px;width: 7px;height: 10px;background: url(../img/sub/mypage_arrow2.jpg) no-repeat;}
.cash_change ul li dl dd .select_box{position: relative;display: inline-block;width: 83px;height: 23px;background: url(../img/sub/select.png) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;text-align: left;font-size: 0;}
.cash_change ul li dl dd .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 23px;line-height: 23px;font-size: 15px;color: #333;text-indent: 8px;}
.cash_change ul li dl dd .select_box select{padding: 0 8px;width: 100%;height: 23px;line-height: 23px;opacity: 0;filter: alpha(opacity=0);font-size: 15px;color: #777;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}

/* 판매자 판매 내역 */
.seller_search{padding: 21px 0;height: 92px;margin-bottom: 5px;background-color: #f8f8f8;border: 1px solid #ccc;border-top: 0;}
.seller_search .searchDate{text-align: center;}
.seller_search .searchDate button{width: 55px;height: 25px;line-height: 23px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;font-size: 15px;color: #333;}
.seller_search .searchDate .wrap_select{display: inline-block;vertical-align: top;margin-left: 10px;text-align: left;}
.seller_search .searchDate .wrap_select .select_box{display: inline-block;position: relative;margin-left: 8px;height: 23px;background: #fff url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;}
.seller_search .searchDate .wrap_select .select_box:first-child{margin-left: 0;}
.seller_search .searchDate .wrap_select .select_box label{position: absolute;left: 0;top: 0;width: 100%;height: 23px;line-height: 23px;font-size: 15px;color: #333;text-indent: 8px;}
.seller_search .searchDate .wrap_select select{padding: 0 8px;width: 100%;height: 23px;line-height: 23px;opacity: 0;filter: alpha(opacity=0);font-size: 15px;color: #333;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; appearance:none;}
.seller_search .searchDate .wrap_select .select_box.w70{width: 68px;}
.seller_search .searchDate .wrap_select .select_box.w46{width: 44px;}
.seller_search .searchDate .wrap_select .select_box.w80{width: 78px;}
.seller_search .searchDate .wrap_select span{vertical-align: middle;font-size: 14px;}
.seller_search .searchDate .sd{display: inline-block;margin: 0 5px 0 14px;font-size: 18px;font-family: 'Arial';vertical-align: bottom;}
.seller_search .searchDate .dateBox {display: inline-block;position: relative;height: 23px;background: #fff url(../img/sub/select2.jpg) no-repeat right 8px center;border: 1px solid #ccc;vertical-align: top;}
.seller_search .searchDate .dateBox input {padding: 0 10px;border: none;width: 100%;height: 23px;background: none;font-size: 13px;color: #333;box-sizing: border-box;font-family: 'NotoSansKR','Dotum','돋움',Sans-serif;}
.seller_search .area_search{margin-top: 26px;text-align: center;}
.seller_search .area_search .wrap{position: relative;display: inline-block;width: 499px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;}
.seller_search .area_search .wrap input[type="text"]{float: left;padding: 0 18px;width: 331px;height: 38px;line-height: 38px;border: 0;box-sizing: border-box;vertical-align: top;}
.seller_search .area_search .wrap .select_box{float: left;position: relative;display: inline-block;width: 96px;}
.seller_search .area_search .wrap .select_box:after{content: '';position: absolute;top: 8px;right: 0;width: 1px;height: 23px;background-color: #aaa;}
.seller_search .area_search .wrap .select_box button{width: 100%;height: 38px;line-height: 36px;font-size: 14px;color: #666;text-indent: -2px;cursor: default;}
.seller_search .area_search .wrap .searchBtn{position: absolute;top: -1px;right: -1px;width: 73px;height: 40px;line-height: 38px;background-color: #aaa;border: 1px solid #999;border-radius: 5px;font-size: 17px;color: #fff;}
.seller_search .area_search .wrap .searchBtn span{position: relative;top: -1px;}
.table_hoz.list.sale tbody tr td{font-size: 12px;color: #777;}
.table_hoz.list.sale tbody tr td.title a{font-size: 13px;color: #333;}
.table_hoz.list.sale tbody tr td span{top: 1px !important;}

/* 마일리지 전환*/
.apple_stemp{font-size: 0;}
.apple_stemp .cont1{width: 100%;height: 389px;background: url(../img/sub/apple_stemp/apple_stemp_01.jpg) no-repeat;}
.apple_stemp .cont2{width: 100%;height: 56px;background: url(../img/sub/apple_stemp/apple_stemp_02.jpg) no-repeat;}
.apple_stemp .cont2 a{display: block;margin: 0 auto;width: 234px;height: 56px;line-height: 56px;text-indent: -9999px;}
.apple_stemp .cont3{width: 100%;height: 61px;background: url(../img/sub/apple_stemp/apple_stemp_03.jpg) no-repeat;}
.apple_stemp .cont4{width: 100%;height: 429px;background: url(../img/sub/apple_stemp/apple_stemp_04.jpg) no-repeat;}
.apple_stemp .cont4 ul{padding: 7px 27px 7px 25px}
.apple_stemp .cont4 ul li{float: left;width: 10%;margin: 7px 0;text-align: center;}
.apple_stemp .cont4 ul li span{display: inline-block;width: 68px;height: 68px;background: url(../img/sub/apple_stemp/apple_stemp_off.jpg) no-repeat;}
.apple_stemp .cont4 ul li.on span{background-image: url(../img/sub/apple_stemp/apple_stemp_on.jpg);}
.apple_stemp .cont5{position: relative;width: 100%;height: 64px;background: url(../img/sub/apple_stemp/apple_stemp_05.jpg) no-repeat;}
.apple_stemp .cont5 p{padding: 21px 0 0 40px;font-size: 12px;font-weight: bold;color: #2d4200;font-family: '돋움', Dotum;}
.apple_stemp .cont5 p .name{padding: 0 5px;color: #000;}
.apple_stemp .cont5 p .txt_red{color: #d51711}
.apple_stemp .cont5 a{position: absolute;top: 18px;right: 30px;display: block;width: 144px;height: 22px;line-height: 22px;background: url(../img/sub/apple_stemp/apple_stemp_05_2.jpg) no-repeat;}
.apple_stemp .cont6{width: 100%;height: 58px;background: url(../img/sub/apple_stemp/apple_stemp_06.jpg) no-repeat;}
.apple_stemp .cont6 div{padding: 8px 0 0 429px;}
.apple_stemp .cont6 div select{width: 53px;height: 19px;line-height: 19px;border: 1px solid #aaa;color: #000;font-family: '돋움', Dotum;}
.apple_stemp .cont6 div select::-ms-expand{display: block;}
.apple_stemp .cont6 div p{position: relative;top: 1px;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: bold;color: #c2dc69;font-family: '돋움', Dotum;}
.apple_stemp .cont6 div p .line{display: inline-block;margin: 0 10px;}
.apple_stemp .cont7{width: 100%;height: 55px;background: url(../img/sub/apple_stemp/apple_stemp_07.jpg) no-repeat;}
.apple_stemp .cont7 a{display: block;margin: 0 auto;width: 234px;height: 55px;text-indent: -9999px;}
.apple_stemp .cont8{width: 100%;height: 39px;background: url(../img/sub/apple_stemp/apple_stemp_08.jpg) no-repeat;}

/*** 고객센터 ***/
/* 검색 */
.csPage .pagination{padding: 20px 0 0;border: 0;}
.faq_search{padding: 18px 0;background-color: #f8f8f8;border: 1px solid #ccc;border-top: 2px solid #f04848;font-size: 0;}
.faq_search p{font-size: 18px;font-weight: 600;color: #333;text-align: center;}
.faq_search .area_search{position: relative;}
.faq_search .wrap_input{position: relative;margin: 0 auto;margin-top: 13px;width: 478px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;font-size: 0;z-index: 10;}
.faq_search .wrap_input input::-webkit-input-placeholder{color: #aaa;}
.faq_search .wrap_input input:-ms-input-placeholder{color: #aaa !important;}
.faq_search .wrap_input input[type="text"]{float: left;display: inline-block;padding: 0 10px;width: 410px;height: 38px;line-height: 38px;background: none;border: 0;font-size: 14px;color: #333;font-family: 'NotoSansKR';}
.faq_search .wrap_input .select_box{float: left;display: inline-block;padding-right: 1px;background: url(../img/sub/select_line.jpg) no-repeat 100% center;}
.faq_search .wrap_input .select_box button{padding: 0 13px;width: 70px;height: 38px;line-height: 38px;background: url(../img/sub/select2.png) no-repeat 47px center;font-size: 14px;color: #666;text-align: left;}
.faq_search .wrap_input .select_box.none button{width: 59px;background: none;cursor: default;text-align: center;}
.faq_search .option{display: none;position: absolute;left: 151px;top: 33px;padding-top: 5px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;z-index: 9;}
.faq_search .option ul li{padding: 0 12px;width: 46px;height: 23px;line-height: 23px;background-color: #fff;font-size: 12px;color: #666;cursor: pointer;}
.faq_search .option ul li:hover{background-color: #f5f5f5;font-weight: bold;color: #333;}
.faq_search .wrap_input .searchBtn{width: 37px;height: 38px;line-height: 38px;background: url(../img/sub/mypage_search.png) no-repeat center 6px;}
/* 자주 찾는 질문 */
.faqArea{padding: 0 18px;border: 1px solid #ccc;border-top: 0;}
.faqArea p{padding: 16px 0 3px;border-bottom: 2px solid #999;font-size: 16px;font-weight: 600;color: #333;}
.faqArea ol{padding-top: 8px;}
.faqArea ol li{padding: 0 15px 0 4px;height: 37px;line-height: 37px;background: url(../img/sub/faq_line.jpg) repeat-x left top;}
.faqArea ol li:first-child{background: none;}
.faqArea ol li .num{display: inline-block;margin-right: 16px;font-size: 18px;font-weight: bold;color: #222;font-family: 'Arial';text-transform: uppercase;}
.faqArea ol li a{position: relative;top: -2px;font-size:12px;color: #333;letter-spacing: -0.2px;}
.faqArea ol li a span{margin-right: 6px;font-weight: 600;}
.faqArea ol li a:hover{font-weight: 600;}
/* 원격지원 서비스, 1:1 상담, 애플수동설치*/
.faq_menu{margin: 10px 0 0;background-color: #fcfcfc;border: 1px solid #ccc;}
.faq_menu ul li{position: relative;float: left;width: 33.333%;}
.faq_menu ul li:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -29px;width: 2px;height: 58px;background-color: #dfdfdf;}
.faq_menu ul li:first-child:before{display: none;}
.faq_menu ul li a{display: block;height: 114px;text-align: center;}
.faq_menu ul li a span{display: block;padding-top: 72px;font-size: 20px;color: #666;}
.faq_menu ul li.m1 a{background: url(../img/sub/faq_icon1.png) no-repeat center 18px;}
.faq_menu ul li.m2 a{background: url(../img/sub/faq_icon2.png) no-repeat center 18px;}
.faq_menu ul li.m3 a{background: url(../img/sub/faq_icon3.png) no-repeat center 18px;}
.faq_menu ul li a:hover span{font-weight: 600;color: #ff4c4c;}
.faq_menu ul li.m1 a:hover{background-image: url(../img/sub/faq_icon1_on.png);}
.faq_menu ul li.m2 a:hover{background-image: url(../img/sub/faq_icon2_on.png);}
.faq_menu ul li.m3 a:hover{background-image: url(../img/sub/faq_icon3_on.png);}
/* 탭*/
.faq_tab{margin-top: 10px;}
.faq_tab .tabList{height: 43px;border-bottom: 1px solid #ccc;}
.faq_tab .tabList li{float: left;border-top: 1px solid #ccc;}
.faq_tab .tabList li button{position: relative;padding-left: 1px;height: 43px;line-height: 43px;background-color: #f0f0f0;border-bottom: 1px solid #ccc;font-size: 15px;color: #888;text-align: center;}
.faq_tab .tabList li button:before{content: '';position: absolute;top: 9px;left: -1px;width: 1px;height: 25px;background-color: #ccc;}
.faq_tab .tabList li:first-child button:before{display: none;}
.faq_tab .tabList li.selected button{background-color: #fff;border-bottom: 0;font-weight: 600;color: #fc5f5f;}
.faq_tab .tabList li.tab1{border-left: 1px solid #ccc;}
.faq_tab .tabList li.tab8{border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab1 button{width: 74px;padding-left: 0;}
.faq_tab .tabList li.tab1.selected button{border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab2 button{width: 115px;}
.faq_tab .tabList li.tab2.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab3 button{width: 98px;}
.faq_tab .tabList li.tab3.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab4 button{width: 111px;}
.faq_tab .tabList li.tab4.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab5 button{width: 100px;}
.faq_tab .tabList li.tab5.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab6 button{width: 123px;}
.faq_tab .tabList li.tab6.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab7 button{width: 85px;}
.faq_tab .tabList li.tab7.selected button{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.faq_tab .tabList li.tab8 button{width: 77px;}
.faq_tab .tabList li.tab8.selected button{border-left: 1px solid #ccc;}
.faq_tabCont>div{display: none;}
.faq_tabCont .wrap_table{border: 1px solid #ccc;border-top: 0;}
.faq_tabCont .table_hoz tbody tr{border-bottom: 0;border-top: 1px solid #e5e5e5;}
.faq_tabCont .table_hoz tbody tr:first-child{border-top: 0;}
.faq_tabCont .table_hoz tbody tr td{padding: 0 23px;}
.faq_tabCont .table_hoz tbody tr td, .faq_tabCont .table_hoz tbody tr td a{color: #333;}
.faq_tabCont .table_hoz tbody tr td a{max-width: 100%;}
/* 상세 */
.faq_view{margin-top: 10px;border: 1px solid #ccc;}
.faq_view .title{position: relative;padding: 6px 130px 6px 18px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 14px;color: #333;letter-spacing: -0.2px;}
.faq_view .title .date{position: absolute;top: 7px;right: 18px;font-size: 12px;}
.faq_view > div{padding: 28px 16px;line-height: 1.8;font-size: 13px;color: #333;letter-spacing: -0.2px;}
.faq_view > div img{max-width: 100%;}
/*.faq_view>div{padding: 28px 16px;line-height: 1.8;font-size: 13px;color: #333;letter-spacing: -0.2px;}*/

/*** 공지사항 ***/
.noticeArea .wrap_table{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.noticeArea .table_hoz.list tbody tr td a{max-width: 100%;}
.noticeArea .table_hoz.list tbody tr td a span{margin-right: 3px;font-weight: 600;}
.noticeArea .pagination{border: 0;padding: 20px 0 0;}
.notice_view{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.notice_view .title{position: relative;padding: 7px 83px 7px 18px;background-color: #fafafa;border-bottom: 1px solid #ccc;font-size: 13px;color: #333;letter-spacing: -0.2px;}
.notice_view .title span{margin-right: 5px;}
.notice_view div{padding: 8px 16px 28px;line-height: 1.8;font-size: 12px;color: #333;letter-spacing: -0.2px;}
.notice_view .date{padding: 10px 18px 0;font-size: 12px;color: #333;text-align: right;}
.notice_view .btn_list{position: absolute;right: 20px;top: 4px;display: block;width: 42px;height: 20px;line-height: 20px;background-color: #fff;border: 1px solid #ccc;border-radius: 2px;font-size: 13px;color: #666;text-align: center;letter-spacing: 0;}
.noticeArea .area_btn{margin: 10px 0;}
.area_link{border: 1px solid #ccc;}
.area_link ul li{border-top: 1px solid #e5e5e5;}
.area_link ul li:first-child{border-top: 0;}
.area_link ul li dl:after{display:block;clear:both;content:'';}
.area_link ul li dl dt{float: left;width: 110px;height: 34px;line-height: 34px;font-size: 13px;color: #333;text-align: center;}
.area_link ul li dl dd{float: left;padding: 0 18px;width: 533px;height: 34px;line-height: 34px;font-size: 13px;color: #333;}
.area_link ul li dl dd a{position: relative;top: -1px;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;vertical-align: middle;}
.area_link ul li dl dd a span{margin-right: 3px;}
.area_link ul li dl dd.date{float: right;padding: 0;width: 104px;text-align: center;}
.area_link ul li.current{background-color: #fafafa;}
.area_link ul li.current dl dt .icon{display: inline-block;width: 8px;height: 10px;background: url(../img/sub/board_icon/current.png) no-repeat;}
.area_link ul li.current dl dd a{font-weight: 600;}

/*** 1:1 상담 ***/
.qnaArea .wrap_table{border: 1px solid #ccc}
.qnaArea .wrap_table .table_hoz.list tbody tr td .standby{position: relative;top: 1px;display: inline-block;width: 50px;height: 19px;background: url(../img/sub/board_icon/standby.jpg) no-repeat;text-indent: -9999px;}
.qnaArea .wrap_table .table_hoz.list tbody tr td .complete{position: relative;top: 1px;display: inline-block;width: 50px;height: 19px;background: url(../img/sub/board_icon/complete.jpg) no-repeat;text-indent: -9999px;}
.qnaArea .area_btn{margin: 17px 0 11px;}
.qnaArea .wrap_table.write{border-top: 2px solid #f04848;}
.qnaArea .wrap_table.write .table_ver tbody tr td{height: 45px;font-size: 0;}
.qnaArea .wrap_table.write .table_ver tbody tr td .btn_data{display: inline-block;margin-left: 8px;width: 83px;height: 29px;line-height: 27px;background-color: #fafafa;border: 1px solid #ccc;border-radius: 3px;font-size: 13px;color: #666;text-align: center;vertical-align: middle;}
.qnaArea .wrap_table.write .table_ver tbody tr td .btn_data:first-child{margin-left: 0;}
.qnaArea .wrap_table.write .table_ver tbody tr td .btn_data:hover{color: #333;}
.qnaArea .wrap_table.write .table_ver tbody tr td .btn_data span{position: relative;top: -1px;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os {overflow: hidden;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os li {position: relative;float: left;padding-left: 16px;font-size: 15px;font-weight: normal;color: #333;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os li:before {content: '';position: absolute;top: 4px;left: 8px;width: 1px;height: 12px;background-color: #c1c1c1;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os li:first-child{padding-left: 0;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os li:first-child:before {display: none;}
.qnaArea .wrap_table.write .table_ver tbody tr td .user_os li span {margin-left: 5px;color: #000;}
.qnaArea .wrap_table .table_hoz.list tbody tr td input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.qnaArea .wrap_table .table_hoz.list tbody tr td label{position: relative;top: -1px;display: inline-block;width: 14px;height: 14px;background: url(../img/sub/board_checkbox.jpg) no-repeat 0 0;vertical-align: inherit;cursor: pointer;}
.qnaArea .wrap_table .table_hoz.list tbody tr td label.checked{background-position: 0 -14px;}

.qnaArea .wrap_table #sub_title{border:1px solid #ccc;opacity:1;background: url('/img/common/select_icon.png') no-repeat 150px center;width:170px;height:30px;}

.radio_list:after{display:block;clear:both;content:'';}
.radio_list li{float: left;width: 98px;}
.radio_list li label input[type="radio"]{position:absolute;top:0;left:0;z-index:-1;}
.radio_list li label{display: inline-block;padding-left: 20px;background: url(../img/sub/radio.png) no-repeat 0 0;height: 16px;line-height: 16px;cursor: pointer;font-size: 15px;font-weight: normal;color: #333;}
.radio_list li label.checked{background-position: 0 -16px;}
.qnaArea .wrap_table.write .table_ver tbody tr th.ta_c{text-align: center;}

.slt_box{opacity:1 !important;border:1px solid #ccc;position:relative;width:203px !important;height:29px !important;background: url(../img/sub/select2.jpg) no-repeat right 8px center;}

/*** 친구관리 ***/
.friendPage{min-height: 514px;}
.friend_info{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.friend_info ul li{float: left;width: 203px;height: 133px;border-left: 1px solid #ccc;text-align: center;}
.friend_info ul li:first-child{width: 375px;border-left: 0;}
.friend_info ul li dl{margin: 43px 0 0 170px;}
.friend_info ul li dl dt{font-size: 18px;font-weight: 600;color: #f86060;}
.friend_info ul li dl dd{margin-top: 10px;font-size: 18px;color: #333;}
.friend_info ul li dl dd span{position: relative;top: 1px;margin-right: 2px; font-size: 27px;font-weight: bold;}
.friend_info ul li button{margin-top: 90px;width: 89px;height: 28px;line-height: 26px;border: 1px solid #666;border-radius: 25px;font-size: 16px;font-weight: 600;color: #333;}
.friend_info ul li button span{position: relative;top: -1px;}
.friend_info .f_total{background: url(../img/sub/friend_01.png) no-repeat 40px 100%;}
.friend_info .f_add{background: url(../img/sub/friend_02.png) no-repeat center 15px;}
.friend_info .f_delete{background: url(../img/sub/friend_03.png) no-repeat center 15px;}
.friendPage .topBtn{margin: 20px 0 5px;}
.friendPage .topBtn button{margin-left: 6px;padding: 0 18px 0 8px;width: auto;height: 24px;line-height: 22px;background: url(../img/sub/mypage_arrow3.jpg) no-repeat right 8px center;}
.friendPage .topBtn a{padding: 0 18px 0 8px;height: 22px;line-height: 21px;background: url(../img/sub/mypage_arrow3.jpg) no-repeat right 8px center;border: 1px solid #ccc;font-size: 12px;color: #333;vertical-align: top;}
.friendPage .wrap_table{border: 1px solid #ccc;}
.friendPage .pagination{padding: 25px 0 0;border: 0;}
.friendPage .table_hoz.list tbody tr td input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.friendPage .table_hoz.list tbody tr td label{display: inline-block;width: 14px;height: 14px;background: url(../img/sub/board_checkbox.jpg) no-repeat 0 0;vertical-align: top;cursor: pointer;}
.friendPage .table_hoz.list tbody tr td label.checked{background-position: 0 -14px;}
.friendPage .table_hoz.list tbody tr.selected{background-color: #fffbef;}
.friendPage .table_hoz.list tbody tr td:first-child{padding: 0;text-align: right;}
.friendPage .table_hoz.list tbody tr td.group{text-align: center;}
.friendPage .table_hoz.list tbody tr td.title2{padding: 0 18px;}
.friendPage .table_hoz.list tbody tr td .btn_modify{padding: 0 17px 0 8px;height: 22px;line-height: 20px;background: #fff url(../img/sub/mypage_arrow3.jpg) no-repeat right 8px top 5px;border: 1px solid #ccc;border-radius: 9px;font-size: 12px;color: #333;}
.friendPage .table_hoz.list tbody tr td .btn_modify span{position: relative;top: -1px;}

/*** 무료할인 리스트 ***/
.free_banner{position: relative;margin-bottom: 5px;width: 100%;height: 180px;background: url(../img/sub/free_banner.jpg) no-repeat;}
.free_tabList{position: absolute;top: 95px;left: 35px;display: table;width: 714px;background-color: #fff;border: 1px solid #eee;border-top: 0;}
.free_tabList li{position: relative;display: table-cell;width: 180px;border-top: 1px solid #eee;border-left: 1px solid #eee;}
.free_tabList li.on:after{content: '';position: absolute;top: -1px;left: -1px;width: 100%;height: 55px;border: 1px solid #ee6767;z-index: 1;}
.free_tabList li.free_1{border-left: 0;}
.free_tabList li a{display: block;padding-top: 35px;height: 20px;font-size: 12px;color: #666;text-align: center;}
.free_tabList li.free_1 a{background: url(../img/sub/free_icon1.png) no-repeat center 7px;}
.free_tabList li.free_2 a{background: url(../img/sub/free_icon2.png) no-repeat center 6px;}
.free_tabList li.free_3 a{background: url(../img/sub/free_icon3.png) no-repeat center 6px;}
.free_tabList li.free_4 a{background: url(../img/sub/free_icon4.png) no-repeat center 7px;}
.free_tabList li.free_5 a{background: url(../img/sub/free_icon5.png) no-repeat center 9px;}
.free_tabList li.free_1.on a{background-image: url(../img/sub/free_icon1_on.png);}
.free_tabList li.free_2.on a{background-image: url(../img/sub/free_icon2_on.png);}
.free_tabList li.free_3.on a{background-image: url(../img/sub/free_icon3_on.png);}
.free_tabList li.free_4.on a{background-image: url(../img/sub/free_icon4_on.png);}
.free_tabList li.free_5.on a{background-image: url(../img/sub/free_icon5_on.png);}

/*** 최신영화 ***/
.checkList.new{padding-top: 14px;}
.searchArea .tabList li button span.adult{top: -1px;display: inline-block;vertical-align: middle;margin-right: 2px;width: 18px;height: 17px;background: url(../img/sub/board_icon/adult.png) no-repeat;}
.posterList.new li{height: 248px;}
.posterList.new li a .title{margin-top: 13px;height: auto;line-height: inherit;font-size: 14px;text-align: center;-webkit-line-clamp: 1;}
.posterList.new li a .title .adult{position: relative;top: -1px;margin-right: 2px;display: inline-block;vertical-align: middle;width: 18px;height: 17px;background: url(../img/sub/board_icon/adult.png) no-repeat;}
.posterView .new_sort{padding: 0 15px;height: 40px;background-color: #f2f4f7;}
.posterView .new_sort ul{padding-top: 10px;font-size: 0;}
.posterView .new_sort ul li{position: relative;float: left;padding: 0 8px;}
.posterView .new_sort ul li:before{content: '';position: absolute;left: 0;top: 4px;width: 1px;height: 9px;background-color: #666;}
.posterView .new_sort ul li:first-child{padding-left: 0;}
.posterView .new_sort ul li:first-child:before{display: none;}
.posterView .new_sort ul li a{font-size: 13px;color: #666;}
.posterView .new_sort ul li:hover a{color: #fe5d5d;}
.posterView .new_sort ul li.current a{font-weight: 600;color: #fe5d5d;}

/*** 이벤트 ***/
.eventArea .eventBanner{position: relative;height: 180px;overflow: hidden;}
.eventArea .eventBanner .bx-controls a{display: block;position: absolute;top: 50%;margin-top: -22px;width: 55px;height: 54px;text-indent: -9999px;}
.eventArea .eventBanner .bx-controls a.bx-prev{left: 30px;background: url(../img/sub/event_prev.png) no-repeat;}
.eventArea .eventBanner .bx-controls a.bx-next{right: 30px;background: url(../img/sub/event_next.png) no-repeat;}
.eventArea .eventBanner .bx-controls a.bx-prev:hover{background-image: url(../img/sub/event_prev_on.png);}
.eventArea .eventBanner .bx-controls a.bx-next:hover{background-image: url(../img/sub/event_next_on.png);}
.eventArea .eventBanner .bx-pager{position: absolute;top: 5px;;right: 10px;font-size: 14px;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}

/* 이벤트 탭, 리스트 */
.event_tab{margin-top: 5px;}
.event_tab .tabList{height: 44px;border-bottom: 1px solid #ccc;}
.event_tab .tabList li{position: relative;float: left;width: 25%;box-sizing: border-box;}
.event_tab .tabList li:before{content: '';position: absolute;left: -1px;top: 50%;margin-top: -10px;width: 1px;height: 20px;background-color: #ccc;}
.event_tab .tabList li:first-child:before{display: none;}
.event_tab .tabList li button{width: 100%;height: 44px;line-height: 43px;background-color: #f0f0f0;font-size: 16px;color: #888;text-align: center;}
.event_tab .tabList li button span{position: relative;top: -1px;}
.event_tab .tabList li.selected{border: 1px solid #ccc;border-bottom: 0;}
.event_tab .tabList li.selected button{background-color: #fff;font-weight: 600;color: #fc5f5f;}
.event_tab .tabList li.selected button span{top: -2px;}
.event_tabCont {border: 1px solid #ccc; border-top: 0;}
.event_tabCont .cont1 {padding: 27px 0;}
.event_list li {display: inline-block; width: 50%; padding: 36px 16px 0 15px; border-right: 1px solid #e5e5e5; box-sizing: border-box; vertical-align: top; font-size: 0;}
.event_list li:nth-of-type(n + 1):nth-of-type(-n + 2) {padding-top: 0;}
.event_list li:nth-of-type(2n) {float: right; padding-left: 16px; padding-right: 15px; border: 0;}
.event_list li a{display: block;}
.event_list li a:hover .img img {opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.event_list li .img {width: 360px; height: 160px; border-radius: 8px; overflow: hidden;}
.event_list li .img img {width: 100%; height: 100%;}
.event_list li a p {margin-top: 10px; color: #333; font-size: 16px; font-weight: bold; line-height: 1;}
/* 기획팀 요청으로 인한 대상, 기간, 내용 제거 - 24.05.10
.event_list li dl {margin-top: 10px;}
.event_list li dl dt {color: #333; font-size: 16px; font-weight: bold; line-height: 1;}
.event_list li dl dd ul li {margin-top: 10px; color: #666; font-size: 14px; font-weight: 400; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event_list li dl dd ul li span {float: right;} */

/* 상단 라디오 버튼 */
.topBtn .radioBtn{position: absolute;left: 0;top: 5px;}
.topBtn .radioBtn label input[type="radio"]{position:absolute;top:0;left:0;z-index:-1;}
.topBtn .radioBtn label{display: inline-block;margin-left: 20px;padding-left: 20px;background: url(../img/sub/radio.png) no-repeat 0 0;height: 16px;line-height: 16px;cursor: pointer;font-size: 13px;font-weight: normal;color: #333;}
.topBtn .radioBtn label.checked{background-position: 0 -16px;}
.topBtn .radioBtn label:first-child{margin-left: 0;}
.topBtn .radioBtn.fix{position: inherit;top: inherit;}
/* 테이블 thead 2줄 */
.table_hoz.mypage.row2 thead{border-bottom: 0;}
.table_hoz.mypage.row2 thead tr th{line-height: 1.3;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.table_hoz.mypage.row2 thead tr th:before{display: none;}
.table_hoz.mypage.row2 thead tr th:first-child{border-left: 0;}
.table_hoz.mypage.row2 input[type="checkbox"]{display: none;position:absolute;top:0;left:0;z-index:-1;}
.table_hoz.mypage.row2 label{display: inline-block;width: 14px;height: 14px;background: url(../img/sub/board_checkbox.jpg) no-repeat 0 0;vertical-align: inherit;cursor: pointer;}
.table_hoz.mypage.row2 label.checked{background-position: 0 -14px;}
.table_hoz.mypage.row2 tbody tr td{padding: 0 2px;}
.table_hoz .used_point {font-weight:bold; color:#2c2c2c;}
.table_hoz.mypage.row2 tbody tr td:first-child, .table_hoz.mypage.row2 tbody tr td.regdate{padding: 0 5px;}

/* 쿠폰등록 */
.couponArea>div{font-size: 0;}
.couponArea .cont1{position: relative;height: 382px;background: url(../img/sub/coupon_1.jpg) no-repeat;}
.couponArea .cont1 .inputArea{position: absolute;left: 50%;margin-left: -300px;bottom: 49px;width: 597px;border: 2px solid #f79f00;}
.couponArea .cont1 .inputArea input[type="text"]{float: left;padding: 0 30px;width: 404px;height: 55px;line-height: 55px;background-color: #fff;border: 0;border-right: 2px solid #f79f00;font-size: 18px;color: #333;}
.couponArea .cont1 .inputArea input[type="text"]::placeholder{color: #999;}
.couponArea .cont1 input[type="submit"]{float: right;width: 131px;height: 55px;background-color: #fff3d3;font-size: 20px;font-weight: bold;color: #610b71;font-family: 'NanumSquare';vertical-align: top;}
.couponArea .cont1 button{float: right;width: 131px;height: 55px;background-color: #fff3d3;font-size: 20px;font-weight: bold;color: #610b71;font-family: 'NanumSquare';vertical-align: top;}
.couponArea .cont2{height: 249px;background: url(../img/sub/coupon_2.jpg) no-repeat;}
.couponArea .cont3{padding: 32px 42px 0;height: 243px;background: url(../img/sub/coupon_3.jpg) no-repeat;}
.couponArea .cont3 dl dt{width: 91px;height: 20px;background: url(../img/sub/coupon_txt.png) no-repeat;}
.couponArea .cont3 dl dd{margin-top: 22px;}
.couponArea .cont3 dl dd ul li{padding-left: 14px;margin-top: 12px;font-size: 15px;font-weight: 600;color: #333;}
.couponArea .cont3 dl dd ul li:first-child{margin-top: 0;}

/* 방송 VOD */
.broadcastArea h2.subTitle{padding: 23px 0 10px;font-size: 20px;font-weight: bold;color: #000;}
.broadcastArea h2.subTitle span{color: #fa6363;}
.broadcastArea .vod_banner{position: relative;height: 253px;background: url(../img/vod/vod_banner.jpg) no-repeat;}
.broadcastArea .vod_menu{position: absolute;left: 18px;bottom: 24px;}
.broadcastArea .vod_menu li{float: left;margin-left: 3px;}
.broadcastArea .vod_menu li:first-child{margin-left: 0;}
.broadcastArea .vod_menu li a{display: block;width: 89px;height: 35px;line-height: 35px;background-color: #fff;border: 1px solid #aaa;border-radius: 30px;text-align: center;font-size: 15px;color: #333;}
.broadcastArea .vod_menu li.selected a{border-color: #fa6363;font-weight: 600;color: #f96363;}
.broadcastArea .vod_menu li a:hover{border-color: #fa6363;font-weight: 600;color: #f96363;}
.broadcastArea .pagination{padding-bottom: 0;border: 0;}
.vod_wrap{position: relative;padding: 0 13px 23px;border-bottom: 1px solid #ccc;}
.vod_wrap .all_more{position: absolute;top: 20px;right: 13px;display: block;width: 62px;height: 25px;line-height: 25px;background-color: #fff;border: 1px solid #aaa;border-radius: 30px;font-size: 13px;color: #666;text-align: center;}
.vod_wrap .cont a{position: relative;display: block;}
.vod_wrap .cont a .t_icon{position: absolute;top: 1px;left: 1px;}
.vod_wrap .cont a .tr_icon{position: absolute;top: 0;right: 0;}
.vod_wrap .cont .img img{width: 100%;height: 100%;}
.vod_wrap .cont .info li{margin-top: 6px; font-size: 13px;color: #777;}
.vod_wrap .cont .info li .bcs:after{position: relative;top: -1px; content: '';display: inline-block;margin: 0 5px;width: 2px;height: 14px;background: url(../img/sub/bcs_line.jpg) no-repeat;vertical-align: middle;}
.vod_wrap .cont .info li .ep:after{content: '';position: relative;top: -1px;margin: 0 8px;display: inline-block;width: 5px;height: 4px;background: url(../img/sub/vod_dot.jpg) no-repeat;vertical-align: middle;}
.vod_wrap .cont .info li .day:after{content: '';position: relative;top: -1px;margin: 0 8px;display: inline-block;width: 5px;height: 4px;background: url(../img/sub/vod_dot.jpg) no-repeat;vertical-align: middle;}
.vod_wrap .cont .info li.tit{font-size: 15px;font-weight: 600;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.vod_wrap .bx-prev{position: absolute;left: 13px;display: block;width: 20px;height: 40px;background: url(../img/sub/vod_left.png) no-repeat;text-indent: -9999px;}
.vod_wrap .bx-prev:hover{background-image: url(../img/sub/vod_left_on.png);}
.vod_wrap .bx-next{position: absolute;right: 15px;display: block;width: 20px;height: 40px;background: url(../img/sub/vod_right.png) no-repeat;text-indent: -9999px;}
.vod_wrap .bx-next:hover{background-image: url(../img/sub/vod_right_on.png);}
.vod_wrap .pagination{padding: 20px 0 10px;}
.vod_now .cont .img{width: 181px;height: 128px;}
.vod_now .bx-prev, .vod_now .bx-next{top: 100px;}
.vod_topic .cont .info li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.vod_topic .cont .info li:first-child{height: 2.6em;line-height: 1.3em; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.vod_topic .cont .info li.tit{margin-top: 3px;color: #064eaf;}
.vod_topic .cont .info li.tit .bcs:after{background-image: url(../img/sub/bcs_line_blue.jpg);}
.vod_topic .cont .img{width: 244px;height: 170px;}
.vod_topic .bx-prev, .vod_topic .bx-next{top: 121px;}
.vod_dc{border-bottom: 0;}
.vod_dc .cont .img{width: 178px;height: 245px;}
.vod_dc .bx-prev, .vod_dc .bx-next{top: 158px;}
.vod_end{border-bottom: 0;}
.vod_end .cont .info{position: relative;}
.vod_end .cont .info li.ep{position: absolute;right: 0;top: 0;margin-top: 0;}
.vod_end .cont .img{width: 178px;height: 245px;}
.vod_end .bx-prev, .vod_end .bx-next{top: 158px;}
.vod_end .cont .info li{font-size: 13px;color: #666;}
.vod_end .cont .info li.tit{font-size: 13px;font-weight: 600;color: #064eaf;}
.vod_end2{padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.vod_end2 .wrap{padding: 0 0 25px;}
.vod_end2 .wrap .cont{float: left;margin-left: 16px;}
.vod_end2 .wrap .cont:first-child{margin-left: 0;margin-right: -1px;}
.vod_legend{padding: 0 13px 10px;background: url(../img/sub/vod_line.jpg) no-repeat left top;border-bottom: 1px solid #d4d4d4;}
.vod_legend h2.subTitle{padding-top: 33px;}
.vod_legend .cont{padding: 16px 0 15px;background: url(../img/sub/vod_line2.jpg) repeat-x center top;}
.vod_legend .cont:first-child{padding-top: 0;background: none;}
.vod_legend .cont:after{display:block;clear:both;content:'';}
.vod_legend .cont .img{float: left;width: 260px;height: 155px;}
.vod_legend .cont .img img{width: 100%;height: 100%;}
.vod_legend .cont .info{float: right;width: 484px;}
.vod_legend .cont .info dl dt{margin-bottom: 8px; font-size: 15px;font-weight: 600;color: #064eaf;letter-spacing: -0.5px;}
.vod_legend .cont .info dl dt span{color: #000;}
.vod_legend .cont .info dl dt span:before{position: relative;top: -2px;margin: 0 8px;content: '';display: inline-block;width: 5px;height: 4px;background: url(../img/sub/vod_dot.jpg) no-repeat;vertical-align: middle;}
.vod_legend .cont .info dl dd{font-size: 13px;color: #666;word-break: keep-all;}
.vod_legend .cont .info dl dd ul li{margin-bottom: 6px;color: #777;}
.vod_legend .cont .info dl dd ul li .tit{padding-right: 10px;color: #999;}
.vod_legend .cont .info dl dd ul li .date{position: relative;padding-left: 14px;color: #666;}
.vod_legend .cont .info dl dd ul li .date:before{content: '';position: absolute;top: 50%;margin-top: -5px;left: 7px;width: 1px;height: 10px;background-color: #666;}
.vod_legend2{padding-bottom: 0;background: none;border-bottom: 0;}
.vod_legend h2.subTitle{padding-top: 23px;}
.vod_view{position: relative;margin-top: 5px;padding: 0 0 10px;}
.vod_view h2.subTitle{padding: 20px 13px 10px;}
.vod_view .wrap{padding: 20px 13px 5px;}
.vod_view .vod_select{position: relative;background-color: #f8f8f8;border: 1px solid #eee;border-radius: 5px;font-size: 0;z-index: 2}
.vod_view .vod_select .select_box{position: relative;display: inline-block;height: 32px;vertical-align: top;z-index: 3;}
.vod_view .vod_select .select_box button{position: relative;display: inline-block;height: 32px;line-height: 32px;background: url(../img/sub/vod_select.jpg) no-repeat 70% center;font-size: 13px;font-weight: 600;color: #444;text-align: left;}
.vod_view .vod_select .select_box button:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -6px;width: 1px;height: 12px;background-color: #ccc;}
.vod_view .vod_select .select_box:first-child button:before{display: none;}
.vod_view .vod_select .select_box.box1 button{width: 74px;text-indent: 11px;}
.vod_view .vod_select .select_box.box2 button{background-position: 81% center;width: 105px;text-indent: 20px;}
.vod_view .vod_select .select_box.box3 button{background-position: 75% center;width: 74px;text-indent: 20px;}
.vod_view .vod_select .vod_search{position: absolute;right: 12px;top: 4px;width: 151px;height: 22px;background-color: #fff;border: 1px solid #666;border-radius: 20px;}
.vod_view .vod_select .vod_search input[type="text"]{padding: 0 11px;width: 99px;height: 22px;line-height: 22px;background: none;border: 0;font-size: 13px;}
.vod_view .vod_select .vod_search input[type="text"]::placeholder{color: #aaa;}
.vod_view .vod_select .vod_search button{width: 22px;height: 22px;background: url(../img/sub/vod_search.png) no-repeat center;}
.vod_view .box_option ul{display: none;position: absolute;top: 28px;padding: 7px 1px 1px;width: 62px;background-color: #fff;border: 1px solid #f1f1f1;z-index: 1}
.vod_view .box_option ul li{display: block;height: 22px;line-height: 22px;font-size: 13px;color: #999;text-indent: 13px;}
.vod_view .box_option ul li:hover{background-color: #e7e7e7;color: #333;}
.vod_view .box_option .box1_op{left: 0;}
.vod_view .box_option .box2_op{left: 76px;width: 83px}
.vod_view .box_option .box2_op li a{text-indent: 2px;}
.vod_view .box_option .box3_op{left: 192px;}
.vod_view .vod_list_btn{position: absolute;top: 7px;right: 13px;}
.vod_view .vod_list_btn button{margin-left: 5px;width: 37px;height: 18px;line-height: 16px;background-color: #fff;border: 1px solid #aaa;border-radius: 20px;font-size: 11px;font-weight: 600;color: #333;}
.vod_view .vod_list_btn button:first-child{margin-left: 0;}
.vod_view .vod_list_btn button.selected{border-color: #ff6666;color: #ff6666;}
.vod_view .vod_list_btn button:hover{border-color: #ff6666;color: #ff6666;}
.vod_view .cont{float: left;margin-left: 11px;padding: 5px 0 20px;}
.vod_view .cont .img{width: 181px;height: 128px;}
.vod_view2{padding: 0;}
.vod_view2 .wrap{padding: 15px 4px 5px;}
.vod_view2 .cont .img{width: 178px;height: 245px;}
.vod_view2 .cont{margin: 0 8px;}
.vod_menu2{width: 100%;height: 41px;background: url(../img/sub/vod_bg.jpg) no-repeat;border-top: 1px solid #fff;border-bottom: 1px solid #ff8871;}
.vod_menu2 ul{font-size: 0;text-align: center;}
.vod_menu2 ul li{display: inline-block;margin-left: 38px;}
.vod_menu2 ul li:first-child{margin-left: 0;}
.vod_menu2 ul li a{display: block;width: 62px;height: 41px;line-height: 41px;font-size: 15px;color: #999;text-align: center;}
.vod_menu2 ul li.selected a{background: url(../img/sub/vod_selected.png) no-repeat center bottom;font-weight: bold;color: #333;}
.vod_menu2 ul li a:hover{font-weight: bold;color: #333;}
.vod_week{position: relative;margin-top: 5px;padding: 0;}
.vod_week h2.subTitle{padding: 20px 13px 10px;}
.vod_week .wrap{padding: 0 13px 25px;}
.vod_week .cont{float: left;margin-left: 11px;}
.vod_week .cont:first-child{margin-left: 0;}
.vod_week .cont .img{width: 178px;height: 245px;}

.vodLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.vodLayer .vod_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#99000000, endColorStr=#99000000);}
.vodCont{position: absolute;left: 50%;margin-left: -395px;top: 50%;margin-top: -370px;width: 793px;}
.vodCont .vod_line{border: 2px solid #bd2a0d;border-radius: 25px;overflow: hidden;}

.vodCont .layerClose{position: absolute;top: -44px;right: 0;width: 37px;height: 38px;background: url(../img/common/join_close.png) no-repeat;text-indent: -9999px;}
.vodCont .vod_top{padding: 28px 26px 25px;height: 218px;background: #fff url(../img/sub/vod_bg2.jpg) no-repeat center bottom;box-sizing: border-box;}
.vodCont .vod_top .img{float: left;width: 126px;height: 170px;}
.vodCont .vod_top .img img{width: 100%;height: 100%;}
.vodCont .vod_top .info{float: left;margin-left: 25px;width: 586px;}
.vodCont .vod_top .info dl dt{font-size: 23px;font-weight: bold;color: #000;}
.vodCont .vod_top .info dl dd{margin-top: 15px;}
.vodCont .vod_top .info dl dd ul li{margin-top: 8px;font-size: 12px;color: #666;}
.vodCont .vod_top .info dl dd ul li:after{content: '';display: block;clear: both;}
.vodCont .vod_top .info dl dd ul li .tit{float: left;display: block;width: 50px;font-size: 14px;font-weight: 600;}
.vodCont .vod_top .info dl dd ul li div{float: left;width: 535px;}
.vodCont .vod_top .info dl dd ul li div span{position: relative;top: 1px;display: inline-block;vertical-align: middle;}
.vodCont .vod_top .info dl dd ul li:first-child{margin-top: 0;}
.vodCont .vod_top .info dl dd ul li .line{position: relative;top: -1px;margin: 0 6px;display: inline-block;width: 1px;height: 13px;background-color: #666;vertical-align: middle;}
.vodCont .vod_bottom{position: relative;padding: 0 25px 15px 26px;height: 457px;background-color: #fffaf7;box-sizing: border-box;}
.vodCont .vod_bottom h3{height: 52px;line-height: 55px;font-size: 18px;font-weight: bold;color: #000;}
.vodCont .vod_bottom .vod_checkBox{position: absolute;right: 25px;top: 20px;font-size: 0;}
.vodCont .vod_bottom .vod_checkBox button{display: inline-block;margin-left: 15px;padding-left: 22px;height: 17px;line-height: 17px;background: url(../img/sub/vod_check.png) no-repeat 0 0;cursor: pointer;}
.vodCont .vod_bottom .vod_checkBox button:first-child{margin-left: 0;}
.vodCont .vod_bottom .vod_checkBox button span{position: relative;top: -1px;display: inline-block;height: 17px;line-height: 17px;font-size: 13px;color: #666;}
.vodCont .vod_bottom .vod_checkBox button.on{background-position: 0 -17px;}
.vodCont .vod_bottom .wrap{margin-bottom: 15px;}
.vodCont .vod_bottom .cont{float: left;width: 236px;margin-left: 15px;background-color: #fff;}
.vodCont .vod_bottom .cont:first-child{margin-left: 0;}
.vodCont .vod_bottom .cont .img{width: 236px;height: 130px;}
.vodCont .vod_bottom .cont .img img{width: 100%;height: 100%;}
.vodCont .vod_bottom .cont .info{padding: 7px 5px 0 10px;height: 50px;box-sizing: border-box;}
.vodCont .vod_bottom .cont .info:after{display:block;clear:both;content:'';}
.vodCont .vod_bottom .cont .info li{margin-top: 5px;font-size: 12px;color: #999;text-align: right;}
.vodCont .vod_bottom .cont .info li:first-child{margin-top: 0;}
.vodCont .vod_bottom .cont .info li:first-child{color: #666;}
.vodCont .vod_bottom .cont .info li span{float: left;}
.vodCont .pagination{background-color: #fff;}

/* 실시간인기 */
.top100_banner{position: relative;margin-bottom: 5px;width: 100%;height: 180px;background: url('/img/sub/top100_banner.jpg') no-repeat;}
.top100_tabList{position: absolute;top: 68px;left: 35px;width: 713px;background-color: #fff;border: 1px solid #eee;border-top: 0;}
.top100_tabList li{position: relative;float: left;width: 20%;border-top: 1px solid #eee;border-left: 1px solid #eee; box-sizing: border-box;}
.top100_tabList li.on:after{content: '';position: absolute;top: -1px;left: -1px;width: 142px;height: 48px;border: 1px solid #ee6767; z-index: 1; cursor: pointer;}
.top100_tabList li:nth-of-type(n + 6):nth-of-type(-n + 11) {width: 16.66%;}
.top100_tabList li.on:nth-of-type(n + 6):nth-of-type(-n + 11)::after {width: 119px;}
.top100_tabList li.top100_1, .top100_tabList li.top100_2{border-left: 0;}
.top100_tabList li.top100_1, .top100_tabList li.top100_8{border-left: 0;}
.top100_tabList li a{display: block;padding-left: 30px;height: 48px;line-height: 49px;font-size: 15px;color: #666;text-align: center;}
.top100_tabList li.top100_1 a{background: url('/img/sub/top100_icon1.png') no-repeat 30px 13px;}
.top100_tabList li.top100_2 a{background: url('/img/sub/top100_icon2.png') no-repeat 30px 14px;}
.top100_tabList li.top100_3 a{padding-left: 34px;background: url('/img/sub/top100_icon3.png') no-repeat 21px 13px;}
.top100_tabList li.top100_4 a{background: url('/img/sub/top100_icon4.png') no-repeat 26px 14px;}
.top100_tabList li.top100_5 a{padding-left: 34px;background: url('/img/sub/top100_icon5.png') no-repeat 24px 14px;}
.top100_tabList li.top100_6 a{background: url('/img/sub/top100_icon6.png') no-repeat 31px 14px;}
.top100_tabList li.top100_7 a{background: url('/img/sub/top100_icon7.png') no-repeat 29px 12px;}
.top100_tabList li.top100_8 a{background: url('/img/sub/top100_icon8.png') no-repeat 30px 13px;}
.top100_tabList li.top100_9 a{padding-left: 34px;background: url('/img/sub/top100_icon9.png') no-repeat 22px 14px;}
.top100_tabList li.top100_10 a{background: url('/img/sub/top100_icon10.png') no-repeat 26px 13px;}
.top100_tabList li.top100_11 a{background: url('/img/sub/top100_icon11.png') no-repeat 24px 14px;}
.top100_tabList li.top100_12 a{background: url('/img/sub/top100_icon12.png') no-repeat 30px 12px;}
.top100_tabList li.top100_ad a{background: url('/img/sub/top100_icon_adult.png') no-repeat 30px 12px;}
.top100_tabList li.top100_1.on a{background-image: url('/img/sub/top100_icon1_on.png');}
.top100_tabList li.top100_2.on a{background-image: url('/img/sub/top100_icon2_on.png');}
.top100_tabList li.top100_3.on a{background-image: url('/img/sub/top100_icon3_on.png');}
.top100_tabList li.top100_4.on a{background-image: url('/img/sub/top100_icon4_on.png');}
.top100_tabList li.top100_5.on a{background-image: url('/img/sub/top100_icon5_on.png');}
.top100_tabList li.top100_6.on a{background-image: url('/img/sub/top100_icon6_on.png');}
.top100_tabList li.top100_7.on a{background-image: url('/img/sub/top100_icon7_on.png');}
.top100_tabList li.top100_8.on a{background-image: url('/img/sub/top100_icon8_on.png');}
.top100_tabList li.top100_9.on a{background-image: url('/img/sub/top100_icon9_on.png');}
.top100_tabList li.top100_10.on a{background-image: url('/img/sub/top100_icon10_on.png');}
.top100_tabList li.top100_11.on a{background-image: url('/img/sub/top100_icon11_on.png');}
.top100_tabList li.top100_12.on a{background-image: url('/img/sub/top100_icon12_on.png');}
.top100_tabList li.top100_ad.on a{background-image: url('/img/sub/top100_icon_adult_on.png');}

/* 테마관 */
.themeArea .pagination{border: 0;padding-bottom: 0;}
.theme_banner{border: 1px solid #ccc;}
.themeTitle{margin-top: 5px;height: 24px;line-height: 22px;font-size: 15px;font-weight: 600;color: #fff;text-align: center;}
.themeCont{position: relative;margin-top: 15px;height: 233px;border: 1px solid #ccc;overflow: hidden;}
.themeCont:first-child{margin-top: 0;border-top: 0;}
.themeCont .view{position: absolute;top: 215px;left: 50%;margin-left: -9px;display: block;width: 18px;height: 18px;background: url('/img/sub/theme_more.png') no-repeat center;}
.themeCont .imgArea{height: 257px;cursor: pointer;}
.themeCont .imgArea img{width: 783px;height: 425px;}
.themeCont .all{position: absolute;top: 146px;left: 32px;display: block;width: 59px;height: 23px;background: url('/img/sub/btn_all.png') no-repeat;text-indent: -9999px;}
.theme_slide{display: none;position: absolute;left: 50%;margin-left: -371px;bottom: 0;padding: 0 0 23px;z-index: 1;}
.theme_slide ul li a{position: relative;display: block;border: 1px solid #ccc;}
.theme_slide ul li a .tit{position: absolute;left: 4px;bottom: 4px;display: block;max-width: 99%;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.theme_slide ul li a img{width: 233px;height: 144px;}
.theme_slide ul li a .info{width: 235px;height: 146px;}
.theme_slide.active ul li a{transform: scale(0.9);transition: 0.3s;}
.theme_slide.active ul li.hover a{transform: scale(1.1);}
.theme_slide.active .bx-viewport{overflow: inherit !important;}
.themeArea .info{display: none;position: absolute;top: -1px;left: -1px;background-color: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000);}
.themeArea .info ul{padding: 10px 7px;}
.themeArea .info ul li{margin-top: 5px;font-size: 14px;color: #fff;}
.themeArea .info ul li:first-child{margin-top: 0;}
.themeArea .info ul li.title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.themeArea .info ul li.synopsis{display: block;display: -webkit-box;height: 7.5em;line-height: 1.5em;text-overflow: ellipsis;overflow: hidden;white-space: normal;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word;word-break:break-all;font-size: 11px;}
.themeArea .info ul li .star{display: inline-block;width: 93px;height: 16px;}
.themeArea .info ul li .star0{background-image: url('/img/sub/star_0.png');}
.themeArea .info ul li .star1{background-image: url('/img/sub/star_1.png');}
.themeArea .info ul li .star2{background-image: url('/img/sub/star_2.png');}
.themeArea .info ul li .star3{background-image: url('/img/sub/star_3.png');}
.themeArea .info ul li .star4{background-image: url('/img/sub/star_4.png');}
.themeArea .info ul li .star5{background-image: url('/img/sub/star_5.png');}
.themeArea .info ul li .star6{background-image: url('/img/sub/star_6.png');}
.themeArea .info ul li .star7{background-image: url('/img/sub/star_7.png');}
.themeArea .info ul li .star8{background-image: url('/img/sub/star_8.png');}
.themeArea .info ul li .star9{background-image: url('/img/sub/star_9.png');}
.themeArea .info ul li .star10{background-image: url('/img/sub/star_10.png');}
.theme_slide .bx-prev{position: absolute;left: 0;top: 51px;display: block;width: 20px;height: 40px;background: url('/img/sub/vod_left.png') no-repeat;text-indent: -9999px;}
.theme_slide .bx-next{position: absolute;right: 0;top: 51px;display: block;width: 20px;height: 40px;background: url('/img/sub/vod_right.png') no-repeat;text-indent: -9999px;}
.theme_slide .bx-prev:hover{background-image: url('/img/sub/vod_left_on.png');}
.theme_slide .bx-next:hover{background-image: url('/img/sub/vod_right_on.png');}
.themeCont.on{height: 425px;}
.themeCont.on .theme_slide{display: block;}
.themeCont.on .view{background-image: url('/img/sub/theme_more_on.png');}
.theme_all{padding-bottom: 28px;border: 1px solid #ccc;}
.theme_all .theme_hd{position: relative;height: 249px;}
.theme_all .theme_hd img{width: 783px;height: 425px;}
.theme_all .theme_hd .btns{position: absolute;top: 145px;left: 32px;}
.theme_all .theme_hd .btns li{float: left;margin-left: 5px;}
.theme_all .theme_hd .btns li:first-child{margin-left: 0;}
.theme_all .theme_hd .btns li .like{display: block;padding-left: 16px;width: 67px;height: 25px;line-height: 23px;background: url('/img/sub/theme_like.png') no-repeat;font-size: 12px;color: #333;box-sizing: border-box;text-align: center;}
.theme_all .theme_hd .btns li .list{width: 64px;height: 25px;background: url('/img/sub/theme_list.png') no-repeat;vertical-align: top;}
.theme_all .theme_wrap{position: relative;}
.theme_all .theme_list{display: table;margin: 0 auto;}
.theme_all .theme_list .theme_cont{display: table-cell;padding: 0 9px;height: 165px;vertical-align: middle;}
.theme_all .theme_list .theme_cont a{position: relative;display: block;width: 233px;height: 144px;border: 1px solid #ccc;}
.theme_all .theme_list .theme_cont a .tit{position: absolute;left: 4px;bottom: 4px;display: block;max-width: 99%;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.theme_all .theme_list .theme_cont a img{width: 100%;height: 100%;}
.theme_all .theme_list .theme_cont a .info{display: none;left: 0;top: 0;width: 100%;height: 100%;}
.theme_all .theme_list .theme_cont a .info ul li{font-size: 14px;}
.theme_all .theme_list .theme_cont a .info ul li.synopsis{height: 7.5em;line-height: 1.5em;font-size: 11px}
.theme_all .theme_list.active .theme_cont a{transform: scale(0.9);transition: 0.3s;}
.theme_all .theme_list .theme_cont.hover a{transform: scale(1.1);}

.theme_view{border: 1px solid #ccc;border-top: 2px solid #f04848;}
.preview_wrap{position: relative;padding: 15px;height: 343px;overflow: hidden;}
.preview_wrap:after{display:block;clear:both;content:'';}
.preview_wrap .imgArea{float: left;width: 241px;height: 343px;}
.preview_wrap .imgArea img{width: 100%;height: 100%;}
.preview_wrap .preview_info{float: left;padding: 25px 0 0 30px;width: 482px;}
.preview_wrap .preview_info .tit{font-size: 30px;font-weight: 600;color: #333;}
.preview_wrap .preview_info .tit .eng{display: block;font-size: 15px;font-weight: normal;color: #999;}
.preview_wrap .preview_info .rating{padding: 28px 0 10px;border-bottom: 1px solid #ccc;}
.preview_wrap .preview_info .rating li{float: left;padding: 0 10px;font-size: 18px;font-weight: 600;color: #333;}
.preview_wrap .preview_info .rating li:first-child{padding-left: 0;}
.preview_wrap .preview_info .rating li .star{position: relative;top: -3px;display: inline-block;margin: 0 6px 0 8px;width: 120px;height: 20px;background-size: cover;vertical-align: middle;}
.preview_wrap .preview_info .rating li .star0{background-image: url(../img/sub/view/star_0.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_0', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_0.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star1{background-image: url(../img/sub/view/star_1.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_1.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star2{background-image: url(../img/sub/view/star_2.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_2', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_2.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star3{background-image: url(../img/sub/view/star_3.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_3', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_3.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star4{background-image: url(../img/sub/view/star_4.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_4', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_4.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star5{background-image: url(../img/sub/view/star_5.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_5', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_5.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star6{background-image: url(../img/sub/view/star_6.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_6', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_6.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star7{background-image: url(../img/sub/view/star_7.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_7', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_7.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star8{background-image: url(../img/sub/view/star_8.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_8', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_8.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star9{background-image: url(../img/sub/view/star_9.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_9', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_9.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .star10{background-image: url(../img/sub/view/star_10.jpg);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_10', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/view/star_10.jpg', sizingMethod='scale')";}
.preview_wrap .preview_info .rating li .num{font-size: 22px;font-weight: bold;}
.preview_wrap .preview_info .rating li .like{position: relative;top: -2px;display: inline-block;margin-left: 10px;padding-left: 20px;width: 79px;height: 31px;line-height: 29px;background: url(../img/sub/theme_like2.jpg) no-repeat;vertical-align: inherit;font-size: 16px;text-align: center;box-sizing: border-box;}
.preview_wrap .preview_info .list{padding-top: 20px;}
.preview_wrap .preview_info .list li{margin-top: 9px;}
.preview_wrap .preview_info .list li:first-child{margin-top: 0;}
.preview_wrap .preview_info .list li dl dt{display: inline;font-size: 18px;font-weight: 600;color: #333;}
.preview_wrap .preview_info .list li dl dd{display: inline;font-size: 18px;color: #333;}
.preview_wrap .preview_info .list li.tag dl:after{display:block;clear:both;content:'';}
.preview_wrap .preview_info .list li.tag dl dt{float: left;}
.preview_wrap .preview_info .list li.tag dl dd{float: left;margin-left: 5px;display: inline-block;width: 394px;}
.preview_wrap .preview_info .list li.tag dl dd a{padding: 0 10px;margin: 0 6px 7px;min-width: 59px;height: 28px;line-height: 26px;border: 2px solid #ccc;border-radius: 13px;font-size: 16px;text-align: center;}
.preview_wrap  .btn_list{position: absolute;top: 14px;right: 15px;width: 63px;height: 28px;background: url(../img/sub/theme_list2.jpg) no-repeat;}
.theme_synopsis{padding: 0 15px 35px;}
.theme_synopsis .subTitle{padding: 2px 0 8px;font-size: 18px;font-weight: bold;color: #333;}
.theme_synopsis .txt{line-height: 1.5;font-size: 15px;color: #333;}
.theme_video{position: relative;}
.theme_video .play{position: absolute;top: 50%;margin-top: -81px;left: 50%;margin-left: -81px;display: block;width: 163px;height: 163px;background: url(../img/sub/view/icon_play.png) no-repeat;}
.theme_video img, .theme_video video{width: 100%;}
.theme_board p{padding: 0 15px;height: 44px;line-height: 50px;border-bottom: 2px solid #ccc;font-size: 18px;color: #333;}
.theme_board p span{font-weight: bold;}
.theme_board .table_hoz tbody tr td.title{padding: 0 15px;text-align: left;}
.theme_board .pagination{padding: 15px 0;}

/* 최신 영화 */
.movie_top {padding: 20px 0 30px; background: #1b1b1b; font-size: 0;}
.movie_top h3 {margin: 0 0 20px 13px; color: #fffefe; font-size: 22px; font-weight: 600; line-height: 1; letter-spacing: -0.2px;}
.movie_top h3::before {content: ''; display: inline-block; width: 22px; height: 23px; margin-right: 10px; background: url('/img/movie/logo.png') no-repeat center / contain;}
.movie_top .mv_slide {margin: 0 20px; height: auto;}
.movie_top .mv_slide .slick-list {margin-left: -12px;}
.movie_top .mv_slide .slick-arrow::before {display: none;}
.movie_top .mv_slide .slick-next {right: -19px; width: 40px; height: 40px; background: #ffffff60 url('/img/movie/btn_next.png') no-repeat center / 11px 19px; z-index: 9;}
.movie_top .mv_slide .slick-prev {left: -19px; width: 40px; height: 40px; background: #ffffff60 url('/img/movie/btn_prev.png') no-repeat center / 11px 19px; z-index: 9;}
.movie_top .mv_slide .mv {display: inline-block; width: 177px !important; margin-left: 12px;}
.movie_top .mv_slide .mv .thumb {width: 100%; height: 254px; border-radius: 8px; box-sizing: border-box; overflow: hidden;}
.movie_top .mv_slide .mv:hover .thumb {border: 2px solid #f04848;}
.movie_top .mv_slide .mv .thumb img {width: 100%; height: 100%;}
.movie_top .mv_slide .mv .tit {margin-top: 15px; color: #fffefe; font-size: 18px; font-weight: 500; text-align: center; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.movie_tabList {margin-top: 20px; border-bottom: 1px solid #d2d2d2; font-size: 0;}
.movie_tabList li {display: inline-block; width: 25%; height: 50px; line-height: 48px; border: 1px solid #d2d2d2; color: #666; font-size: 18px; font-weight: 500; text-align: center; letter-spacing: -0.2px; box-sizing: border-box; cursor: pointer;}
.movie_tabList li.movie_1 {border-radius: 8px 0 0 0;}
.movie_tabList li.movie_4 {border-radius: 0 8px 0 0;}
.movie_tabList li.on {background: #f04848; color: #fff; font-weight: 600;}
.movie_tabList li:hover {background: #f04848; color: #fff; font-weight: 600;}
.movie_tabList li.movie_4::before {content: ''; display: inline-block; width: 20px; height: 15px; margin-right: 6px; background: url('/img/movie/ic_adult.png') no-repeat center / contain;}
.movie_tabList li.movie_4.on::before {background-image: url('/img/movie/ic_adult_h.png');}
.movie_tabList li.movie_4:hover::before {background-image: url('/img/movie/ic_adult_h.png');}

.movieArea{font-size: 0;}
.movieArea .movie_filter {position: relative; height: 35px;}
.movieArea .movie_filter .movie_menu {display: inline-block; width: calc(589px - 26px); height: 35px; padding: 0 13px; border-radius: 0 0 8px 8px; background: #f5f5f5;}
.movieArea .movie_filter .movie_menu ul li {display: inline-block; width: auto;}
.movieArea .movie_filter .movie_menu ul li::before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 13px; background: #ccccca; vertical-align: sub;}
.movieArea .movie_filter .movie_menu ul li:first-child {padding-left: 0; background: none;}
.movieArea .movie_filter .movie_menu ul li:first-child::before {display: none;}
.movieArea .movie_filter .movie_menu ul li a {color: #666; font-size: 14px; font-weight: 400; line-height: 32px;}
.movieArea .movie_filter .movie_menu ul li a:hover {color: #f04848; font-weight: 600;}
.movieArea .movie_filter .movie_menu ul li.current a {border-bottom: 3px solid #f04848; color: #f04848; font-weight: 600;}

.movieArea .movie_filter .radioBox {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.movieArea .movie_filter .radioBox li {display: inline-block;}
/* .movieArea .movie_filter .radioBox li:first-child {margin-right: 20px;} */
.movieArea .movie_filter .radioBox li input {display: none;}
.movieArea .movie_filter .radioBox li label span {display: inline-block; color: #333; font-size: 14px; font-weight: 400; line-height: 18px; cursor: pointer;}
.movieArea .movie_filter .radioBox li label span::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url('/img/movie/check.png') no-repeat center / contain; vertical-align: sub; cursor: pointer;}
.movieArea .movie_filter .radioBox li label.checked span::before {background-image: url('/img/movie/checked.png');}
.movieArea .posterList {padding: 0; border: 0;}
.movieArea .posterList li {position: relative; width: 144px; height: auto; margin: 30px 16px 0 0;}
.movieArea .posterList li:nth-of-type(n + 1):nth-of-type(-n + 5) {margin-top: 20px;}
.movieArea .posterList li:nth-of-type(5n) {margin-right: 0;}
.movieArea .posterList li a {position: relative;}
.movieArea .posterList li a .img {display: block; width: 100%; height: 207px; border-radius: 8px; box-sizing: border-box; overflow: hidden;}
.movieArea .posterList li:hover a .img {border: 2px solid #f04848;}
.movieArea .posterList li a .img img {width: 100%; height: 100%;}
.movieArea .posterList li a .title {display: block; height: auto; margin-top: 10px; color: #666; font-size: 14px; font-weight: 400; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.movieArea .posterList li a .adult {position: absolute; top: 67px; left: 50%; margin-left: -30px;}
.movieArea .posterList li.hot::after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 47px; height: 47px; background: url('/img/movie/ic_hot.png') no-repeat center / contain}
.movieArea .posterList li.new::after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 47px; height: 47px; background: url('/img/movie/ic_new.png') no-repeat center / contain}
.movieArea .pagination {padding: 60px 0 40px; border: 0;}

/* 최신 영화 상세 */
.subCont.movie .title {position: relative; height: 50px; padding-left: 14px; background: #1b1b1b;}
.subCont.movie .title .btn_back {display: inline-block; width: 12px; height: 20px; margin-right: 14px; background: url('/img/movie/btn_back.png') no-repeat center / contain; vertical-align: sub;}
.subCont.movie .title h3 {display: inline-block; width: fit-content; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.2px; line-height: 50px;}
.subCont.movie .title .cate {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #a9a9a9; font-size: 14px; font-weight: 400; letter-spacing: -0.2px;}
/* 최신 영화 상세 - 제목 공통 */
.subCont.movie h5 {color: #333; font-size: 22px; font-weight: 600; letter-spacing: -0.2px; line-height: 1;}
/* 예고편 및 썸네일 */
.subCont.movie .thumbnail {position: relative; width: 100%; height: 458px; border: 0; overflow: hidden;}
.subCont.movie .thumbnail #player {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 200%; border: 0; z-index: 9;}
.subCont.movie .thumbnail #player {display: none;}
.subCont.movie .thumbnail #player.on {display: block;}
/* 썸네일 */
.subCont.movie .thumbnail .thumb_img.on {display: block;}
.subCont.movie .thumbnail .thumb_img {display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; z-index: 7;}
/* 포스터 */
.subCont.movie .thumbnail .poster_img {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  overflow: hidden; z-index: 7;}
.subCont.movie .thumbnail .poster_img .bg {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; filter: brightness(0.3);}
.subCont.movie .thumbnail .poster_img img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; box-shadow: 0px 0px 20px 20px #000; z-index: 8;}
/* 썸네일 버튼 그룹 */
.subCont.movie .thumbnail .video_btn_grp {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 11; cursor: pointer;}
.subCont.movie .thumbnail .video_btn_grp.stop {background: none;}
.subCont.movie .thumbnail .video_btn_grp.hide {display: none;}
/* 재생버튼 */
.subCont.movie .thumbnail .video_btn_grp .btn_play {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130px; height: 130px; background: url('/img/movie/ic_play.png') no-repeat center / contain;}
.subCont.movie .thumbnail .video_btn_grp .btn_play:hover {background-image: url('/img/movie/ic_play_h.png');}
.subCont.movie .thumbnail .video_btn_grp.stop .btn_play {display: none;}
/* 정지버튼 */
.subCont.movie .thumbnail .video_btn_grp .btn_stop {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130px; height: 130px; background: url('/img/movie/ic_stop.png') no-repeat center / contain;}
.subCont.movie .thumbnail .video_btn_grp.stop:hover .btn_stop {display: block;}
/* 예고편 버튼 그룹 */
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp {position: absolute; top: 12px; left: 12px; font-size: 0;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp.off {display: none;}
.subCont.movie .thumbnail .video_btn_grp.stop .view_btn_grp {display: none;}
.subCont.movie .thumbnail .video_btn_grp.stop:hover .view_btn_grp {display: block;}
.subCont.movie .thumbnail .video_btn_grp.replay .view_btn_grp {display: none;}
.subCont.movie .thumbnail .video_btn_grp.replay:hover .view_btn_grp {display: block;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp span {color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -0.6px; line-height: 30px;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp button {display: inline-block; width: 30px; height: 30px; margin-left: 5px; border-radius: 8px; border: 2px solid #f04848; color: #f04848; font-size: 18px; font-weight: 600; letter-spacing: -0.2px; line-height: 26px;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp button.on {background: #f04848; color: #fff;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp button:hover {background: #f04848; color: #fff;}
.subCont.movie .thumbnail .video_btn_grp .view_btn_grp button:first-of-type {margin-left: 9px;}
/* 음소거 버튼 그룹 */
.subCont.movie .thumbnail .video_btn_grp .btn_sound {display: none; position: absolute; bottom: 13px; right: 13px; width: 31px; height: 25px; background: url('/img/movie/ic_sound_on.png') no-repeat center / contain;}
.subCont.movie .thumbnail .video_btn_grp .btn_sound.off {background-image: url('/img/movie/ic_sound_off.png');}
.subCont.movie .thumbnail .video_btn_grp.stop:hover .btn_sound {display: block;}
.subCont.movie .thumbnail .video_btn_grp.replay:hover .btn_sound {display: block;}
/* 최신영화 상세 - 영화 제목 */
.subCont.movie .mv_tit {margin: 25px 0; text-align: center;}
.subCont.movie .mv_tit h4 {margin-bottom: 10px; color: #333; font-size: 24px; font-weight: 600; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subCont.movie .mv_tit p {color: #333; font-size: 18px; font-weight: 400; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/* 최신영화 상세 - 영화정보 */
.subCont.movie .info {padding: 23px 13px 19px; border-radius: 8px; background: #f5f5f5;}
.subCont.movie .info .top {position: relative; margin-top: 17px;}
.subCont.movie .info .top .star {color: #333; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -0.2px;}
.subCont.movie .info .top .star::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url('/img/movie/ic_star.png') no-repeat center / contain;}
.subCont.movie .info .top .detail {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.subCont.movie .info .top .detail li {display: inline-block; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -0.2px;}
.subCont.movie .info .top .detail li::before {content: '|'; display: inline-block; margin: 0 5px; vertical-align: text-top;}
.subCont.movie .info .top .detail li:first-of-type::before {display: none;}
.subCont.movie .info .top .detail li.genre {max-width: 400px; vertical-align: bottom; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subCont.movie .info .detail_02 {margin-top: 19px;}
.subCont.movie .info .detail_02 li {position: relative; width: 100%; padding-left: 15px;}
.subCont.movie .info .detail_02 li::before {content: ''; display: block; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background: #333; border-radius: 50%;}
.subCont.movie .info .detail_02 li:first-of-type {margin-top: 15px;}
.subCont.movie .info .detail_02 li dl {display: inline-block;}
.subCont.movie .info .detail_02 li dl dt {display: inline-block; margin-right: 14px; color: #333; font-size: 16px; font-weight: 600; letter-spacing: -0.2px; line-height: 28px; vertical-align: top;}
.subCont.movie .info .detail_02 li dl dd {display: inline-block; width: 693px; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; line-height: 28px; vertical-align: top;}
.subCont.movie .info .detail_02 li dl .actor_wrap {position: relative;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor {display: inline-block; width: 650px; max-height: 29px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor button {display: inline-block; position: relative; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; line-height: 28px; box-sizing: border-box;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor button:hover {line-height: 26px; border-bottom: 1px solid #333;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor button .porfile {display: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 88px; height: 88px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fff; overflow: hidden;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show {height: auto; max-height: 100%; white-space: normal; overflow: visible;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show button .porfile span {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show button .porfile span img {width: 100%; margin-top: -10px;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show button:hover .porfile {display: block;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show button .porfile.noimg span {background: url('/img/movie/ic_img_none.jpg') no-repeat center / contain;}
.subCont.movie .info .detail_02 li dl .actor_wrap .btn_all {display: inline-block; position: absolute; right: 0; bottom: 5px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fff url('/img/movie/btn_view.png') no-repeat center / 16px 10px;}
.subCont.movie .info .detail_02 li dl .actor_wrap .actor.show + .btn_all {background: #fff url('/img/movie/btn_hide.png') no-repeat center / 16px 10px;}
/* 최신영화 상세 - 유저 선호도 */
.subCont.movie .inquiry {margin-top: 35px; padding: 0 13px; font-size: 0;}
.subCont.movie .inquiry h6 {width: fit-content; color: #333; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: -0.2px;}
.subCont.movie .inquiry .preference {padding: 30px 42px 0 32px;}
/* 최신영화 상세 - 유저 선호도 - 도넛 그래프 */
.subCont.movie .inquiry .preference .donut_wrap {display: inline-block;}
.subCont.movie .inquiry .preference .donut_wrap .chartWrap {display: inline-block; position: relative; bottom: -10px; width: 130px; height: 130px; padding-left: 30px;}
.subCont.movie .inquiry .preference .donut_wrap .chartWrap .chart {position: relative; width: 130px; height: 130px; border-radius: 50%; transition: 0.3s; background:#eee; display:inline-block;}
.subCont.movie .inquiry .preference .donut_wrap .chartWrap .chart::after {content:''; background: #fff; position: absolute; top:50%; left:50%; width: 46px; height: 46px; border-radius: 50%; transform: translate(-50%, -50%);}
.subCont.movie .inquiry .preference .donut_wrap .chartWrap .chart-bar {width: inherit; height: inherit; border-radius: 50%; position: relative;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount {display: inline-block; margin-left: 15px;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount p {color: #666; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; line-height: 18px;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount p b {margin-left: 10px;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount p::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: #1e3245; vertical-align: bottom;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount p:last-of-type {margin-top: 16px;}
.subCont.movie .inquiry .preference .donut_wrap .chartCount p:last-of-type::before {background: #f87002;}
/* 최신영화 상세 - 유저 선호도 - 막대 그래프 */
.subCont.movie .inquiry .preference .graph_wrap {float: right; font-size: 0;}
.subCont.movie .inquiry .preference .graph_wrap h6 {position: relative; left: -62px;}
.subCont.movie .inquiry .preference .graph_wrap .graph {display: block; width: 310px; padding-top: 25px; border-bottom: 1px solid #aaa;}
.subCont.movie .inquiry .preference .graph_wrap .graph li {position: relative; display: inline-block; width: 16.666%; height: 93px; text-align: center;}
.subCont.movie .inquiry .preference .graph_wrap .graph li div {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 25px; border-radius: 12px 12px 0 0; background: #bdbdbd;}
.subCont.movie .inquiry .preference .graph_wrap .graph li.active div {background: #f04848;}
.subCont.movie .inquiry .preference .graph_wrap .graph li div span {position: absolute; top: -18px; left: 50%; transform: translateX(-50%); color: #666; font-size: 14px; font-weight: 400; letter-spacing: -0.2px;}
.subCont.movie .inquiry .preference .graph_wrap .age {display: block; margin-top: 4px; text-align: center;}
.subCont.movie .inquiry .preference .graph_wrap .age li {display: inline-block; width: 16.666%; color: #666; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; text-align: center;}
/* 최신영화 상세 - 시놉시스 */
.subCont.movie .broad {margin-top: 45px; padding: 0 13px;}
.subCont.movie .broad .txt {max-height: 52px;  margin: 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.subCont.movie .broad .txt p {color: #333; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.2px;}
.subCont.movie .broad .txt.show {display: block; height: auto; max-height: 100%;}
/* 최신영화 상세 - 시놉시스, 스틸컷 더보기, 애플 Pick 버튼 공통 */
.subCont.movie .btn_more {display: block; width: 100%; border-bottom: 1px solid #e5e5e5;}
.subCont.movie .btn_more::before {content: '더보기'; display: block; margin-bottom: 10px; color: #f04848; font-size: 18px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px; background: url('/img/movie/btn_view.png') no-repeat 55% center / 16px 10px;}
.subCont.movie .txt.show + .btn_more::before {content: '접기'; background-image: url('/img/movie/btn_hide.png');}
.subCont.movie .stcut ul.show + .btn_more::before {content: '접기'; background-image: url('/img/movie/btn_hide.png');}
.subCont.movie .recomm .list.show + .btn_more::before {content: '접기'; background-image: url('/img/movie/btn_hide.png');}
/* 최신영화 상세 - 스틸컷 */
.subCont.movie .stcut {margin: 40px 13px 0; font-size: 0;}
.subCont.movie .stcut.nodata {border-bottom: 1px solid #e5e5e5;}
.subCont.movie .stcut.nodata .btn_more {display: none;}
.subCont.movie .stcut ul {max-height: 163px; margin: 16px 0 25px; overflow: hidden;}
.subCont.movie .stcut ul.show {height: auto; max-height: 100%;}
.subCont.movie .stcut ul li {display: inline-block; width: 247px; height: 163px; margin-right: 9px; margin-top: 10px; border-radius: 8px; overflow: hidden; cursor: pointer;}
.subCont.movie .stcut ul li:nth-of-type(3n) {margin-right: 0;}
.subCont.movie .stcut ul li:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top: 0;}
.subCont.movie .stcut ul li img {width: 100%; height: 100%;}
/* 최신영화 상세 - 다운로드, 바로보기 버튼 */
.subCont.movie .btn_grp {margin: 40px auto 0; padding: 0 13px; text-align: center; font-size: 0;}
.subCont.movie .btn_grp.n3 button {width: 243px;}
.subCont.movie .btn_grp button {width: 274px; height: 68px; line-height: 66px; margin-left: 15px; border-radius: 34px; border: 1px solid #f87002; color: #f87002; font-size: 20px; font-weight: 600;}
.subCont.movie .btn_grp button:hover {background: #f87002; color: #fff;}
.subCont.movie .btn_grp button:first-of-type {margin-left: 0;}
.subCont.movie .btn_grp .btn_view {border-color: #f04848; color: #f04848;}
.subCont.movie .btn_grp .btn_view:hover {background: #f04848;}
.subCont.movie .btn_grp .btn_cpn {border-color: #e2bb1d; color: #e2bb1d;}
.subCont.movie .btn_grp .btn_cpn:hover {background: #e2bb1d;}
/* 최신영화 상세 - 목록 */
.subCont.movie .list_grp {margin-top: 40px;}
.subCont.movie .list_grp .wrap {margin-top: 22px;}
.subCont.movie .list_grp .wrap table thead {display: contents; background: #f6f6f6;}
.subCont.movie .list_grp .wrap table thead tr {display: table-row; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.subCont.movie .list_grp .wrap table thead tr th {height: 25px; line-height: 23px; background: #f6f6f6; color: #010101; font-size: 12px; font-weight: 400;}
.subCont.movie .list_grp .wrap table tbody .no_result:hover {background: none !important;}
.subCont.movie .list_grp .wrap table tbody .no_result td {padding: 30px 5px;}
.subCont.movie .list_grp .wrap table tbody .no_result td p {color: #333; font-size: 13px; line-height: 1;}
.subCont.movie .list_grp .wrap table tbody .no_result td p span {display: inline-block; color: #f04848; font-size: 13px; font-weight: 400;}
.subCont.movie .list_grp .wrap table tbody .no_result td p::before {content: ''; display: block; width: 197px; height: 121px; margin: 0 auto 30px; background: url('/img/movie/no_result.png') no-repeat center / contain;}
.subCont.movie .list_grp .wrap table tbody .no_result td a {display: block; width: 274px; height: 68px; line-height: 66px; margin: 30px auto 0; border-radius: 34px; background: #333; color: #fff; font-size: 20px; font-weight: 600; font-family: 'NotoSansKR';}
.subCont.movie .list_grp .wrap table tbody .no_result td a:hover {background: #f04848;}
.subCont.movie .list_grp .wrap table .title {position: unset; height: auto; background: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subCont.movie .list_grp .wrap .pagination {padding: 20px 0 0 ; border: 0;}
/* 최신영화 상세 - 애플 Pick */
.subCont.movie .recomm {margin-top: 40px;}
.subCont.movie .recomm p {margin-top: 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px;}
.subCont.movie .recomm p span {color: #333; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.2px;}
.subCont.movie .recomm .list {max-height: 235px; margin: 20px 0 30px; overflow: hidden;}
.subCont.movie .recomm .list.show {height: auto; max-height: 100%;}
.subCont.movie .recomm .list ul {font-size: 0;}
.subCont.movie .recomm .list ul li {display: inline-block; width: 144px; margin-top: 29px; margin-right: 16px;}
.subCont.movie .recomm .list ul li:nth-of-type(5) {margin-right: 0;}
.subCont.movie .recomm .list ul li:nth-of-type(n + 1):nth-of-type(-n + 5) {margin-top: 0;}
.subCont.movie .recomm .list ul li a {display: block; position: relative; width: 100%;}
.subCont.movie .recomm .list ul li a .thumb {width: 100%; height: 207px;  border-radius: 8px; box-sizing: border-box; overflow: hidden;}
.subCont.movie .recomm .list ul li a .thumb img {width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast;}
.subCont.movie .recomm .list ul li a:hover .thumb {border: 2px solid #f04848;}
.subCont.movie .recomm .list ul li a:hover .thumb img {transition-duration: .3s; -webkit-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); filter: none;}
.subCont.movie .recomm .list ul li a .title {position: unset; height: auto; margin-top: 10px; padding: 0; background: 0; color: #666; font-size: 14px; font-weight: 400; text-align: center; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.subCont.movie .recomm .list ul li a .mark19 {position: absolute; left: 0; top: 0; width: 100%; height: 207px; filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000); text-align: center; z-index: 10;}
.subCont.movie .recomm .list ul li a .mark19 img {position: absolute; top: 5px; right: 5px;}
.subCont.movie .recomm .list ul li a .mark19.none {background: none;}
.subCont.movie .recomm .list ul li a:hover .mark19 {display: none;}

/* 판매자 신청 */
.seller_banner{border: 1px solid #c8c8c8;}
.seller_banner img{width: 100%;}
.seller_title{height: 43px;line-height: 47px;font-size: 17px;font-weight: bold;color: #000;}
.seller_step{border: 1px solid #ccc;}
.seller_step ul{height: 127px;padding: 22px 0 0 25px;}
.seller_step ul li{float: left;margin-left: 17px;padding-top: 70px;width: 132px;height: 27px;}
.seller_step ul li:first-child{margin-left: 0;}
.seller_step ul li span{display: block;font-size: 13px;color: #000;text-align: center;}
.seller_step ul li.on span{font-weight: bold;color: #066395;}
.seller_step .step1{background: url(../img/sub/seller_step1.jpg) no-repeat;}
.seller_step .step2{background: url(../img/sub/seller_step2.jpg) no-repeat;}
.seller_step .step3{background: url(../img/sub/seller_step3.jpg) no-repeat;}
.seller_step .step4{background: url(../img/sub/seller_step4.jpg) no-repeat;}
.seller_step .step5{background: url(../img/sub/seller_step5.jpg) no-repeat;}
.seller_step p{height: 30px;line-height: 30px;background-color: #f1f1f1;font-size: 13px;color: #000;text-align: center;}
.seller_agreement{border: 1px solid #ccc;}
.seller_agreement .agree_wrap{height: 156px;line-height: 1.5;padding: 13px 10px;font-size: 12px;color: #000;font-family: 'Dotum';box-sizing: border-box;overflow-y: auto;}
.seller_agreement .wrap{padding: 23px 22px;}
.seller_agreement .wrap>ul>li{margin-top: 20px;}
.seller_agreement .wrap>ul>li:first-child{margin-top: 0;}
.seller_agreement .wrap dl dt{font-size: 13px;font-weight: bold;color: #000;}
.seller_agreement .wrap dl dd{margin-top: 8px;line-height: 1.5;;font-size: 12px;color: #000;}
.seller_agreement .wrap dl dd .tit{display: block;padding: 25px 0 5px;font-size: 13px;color: #000;}
.seller_agreement .wrap p{line-height: 1.5;font-size: 13px;color: #000;}
.seller_agreement .wrap .quick{padding: 15px 0 18px;font-size: 0;}
.seller_agreement .wrap .quick a{display: inline-block;width: 25%;height: 43px;line-height: 41px;background-color: #f8f8f8;border: 1px solid #ccc;border-left: 0;font-size: 13px;font-weight: bold;color: #000;box-sizing: border-box;text-align: center;}
.seller_agreement .wrap .quick a:first-child{border-left: 1px solid #ccc;}
.seller_agreement .agree_check{height: 37px;line-height: 31px; background-color: #f8f8f8;border-top: 1px solid #ccc;text-align: center;}
.seller_agreement .agree_check label{font-size: 13px;color: #000;cursor: pointer;}
.seller_agreement .agree_check label span{position: relative;top: -1px;display: inline-block;line-height: 1;vertical-align: middle;}
.seller_agreement .agree_check label input[type="checkbox"]{margin-right: 5px;width: 12px;height: 12px;appearance: checkbox;-webkit-appearance: checkbox;vertical-align: middle;}
.area_btn.seller{margin-top: 31px;text-align: center;}
.area_btn.seller .btn_seller{width: 172px;height: 47px;line-height: 45px;background-color: #ff6666;font-size: 18px;font-weight: 600;color: #fff;}
.area_btn.seller .btn_next{width: 128px;height: 47px;line-height: 45px;border: 1px solid #ff5858;font-size: 18px;font-weight: 600;color: #ff5858;}
.grade_table{margin-top: 8px;}
.grade_table ul{height: 48px;line-height: 48px;border: 1px solid #ccc;border-bottom: 0;text-align: center;}
.grade_table ul li{position: relative;display: inline-block;padding-left: 44px;font-size: 14px;font-weight: bold;color: #000;text-align: center;}
.grade_table ul li:first-child{padding-left: 0;}
.grade_table ul li img{position: relative;top: -1px;margin-right: 3px; vertical-align: middle;}
.grade_table ul li:before{content: '';position: absolute;left: 18px;top: 50%;margin-top: -6px;width: 8px;height: 13px;background: url(../img/sub/grade_arrow.jpg) no-repeat;}
.grade_table ul li:first-child:before{display: none;}
.seller_agreement table{width: 100%;border-top: 1px solid #ccc;}
.seller_agreement table thead tr th{height: 34px;background-color: #f8f8f8;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-size: 14px;font-weight: bold;color: #333;text-align: center;}
.seller_agreement table thead tr th:first-child{border-left: 1px solid #ccc;}
.seller_agreement table thead tr th.txt_n{font-size: 13px;font-weight: 600;}
.seller_agreement table tbody th{background-color: #f8f8f8;border: 1px solid #ccc;border-top: 0;font-size: 13px;font-weight: 600;color: #000;text-align: center;}
.seller_agreement table tbody td{padding: 12px 15px;line-height: 1.4;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 13px;color: #333;}
.seller_agreement table tbody td:first-child{border-left: 1px solid #ccc;}
.seller_agreement table tbody td.txt_red{color: #ff5050;text-align: center;}
.seller_agreement .grade_table table tbody td{padding: 0;height: 33px;line-height: 1.2;text-align: center;}
.seller_agreement .grade_table table tbody td img{position: relative;top: -1px;margin-right: 3px;vertical-align: middle;}
.agree_request{padding: 0 0 36px;}
.agree_request p{height: 78px;line-height: 78px;border-top: 1px solid #ccc;font-size: 18px;font-weight: bold;color: #010100;text-align: center;}
.agree_request table{width: 631px;margin: 0 auto;border-top: 0;}
.agree_request table tbody th{height: 58px;border: 1px solid #ccc;font-size: 14px;font-weight: normal;color: #000;text-align: center;}
.agree_request table tbody td{padding: 0 20px 0 32px;height: 58px;border: 1px solid #ccc;font-size: 15px;color: #333;}
.agree_request table tbody td input[type="text"]{padding: 0 10px;width: 235px;height: 40px;line-height: 40px;border: 1px solid #ccc;box-sizing: border-box;}
.agree_request table tbody td{overflow: hidden;}
.agree_request table tbody td span{float: right;display: inline-block;font-size: 11px;color: #ff5050;line-height: 40px;}

/*충전소 상단 탭*/
.charge_tab{width:100%;padding-bottom:5px;box-sizing:border-box;}
.charge_tab ul{border-bottom:1px solid #ccc;box-sizing:border-box;}
.charge_tab ul li{position:relative;float:left;border-right:1px solid #ccc;border-top:1px solid #ccc;width:25%;box-sizing:border-box;
border-bottom:1px solid #ccc;height:41px;background:#eff1f0;text-align:center;top:1px;cursor:pointer;}
.charge_tab ul li a{font-size:14px;color:#575757;line-height:41px;font-weight:400;display:inline-block;width:100%;height:100%;}
.charge_tab ul li:first-of-type{border-left:1px solid #ccc;}
.charge_tab ul li.current{background:#fff;border-bottom:1px solid #fff;}
.charge_tab ul li.current a{color:#f04848;font-weight:600;}
.charge_tab ul li.current:before{width:100%;height:2px;background:#f04848;content:'';top:-1px;left:0;position:absolute;}

.charge_tab .chr_tab_1 li {width: 100%;}
.charge_tab .chr_tab_2 li {width: 50%;}
.charge_tab .chr_tab_3 li {width: 33.33333%;}
.charge_tab .chr_tab_4 li {width: 25%;}
.charge_tab .chr_tab_5 li {width: 20%;}
.charge_tab .chr_tab_6 li {width: 16.66666666666667%;}
.charge_tab .chr_tab_7 li {width: 14.285%;}
.charge_tab .chr_tab_7 li a {font-size: 13px;}

/* 충전샵 */
/* .charge_banner{} */
.charge_banner img {width: 100%;}
.chargeArea {padding: 0 12px;}
.chargeArea .txt_info {height: 43px; line-height: 46px; color: #333; font-size: 15px;}
.chargeArea .txt_info span {color: #888; font-size: 13px;}
.chargeArea .chargeCont {position: relative; margin-top: 22px;}
.chargeArea .chargeCont:first-child {margin-top: 0;}
/* 충전샵 첫 결제 혜택 벳지 */
.chargeCont.fst_badge::before {content: ''; display: block; position: absolute; top: -8px; left: 13px; width: 93px; height: 103px; background: url('/img/charge/ic_ap_p_firstpay_50.png') no-repeat center / contain; z-index: 2;}
/* 충전샵 첫 결제 월말 이벤트 벳지 */
.chargeCont.fst_badge_dec::before {content: ''; display: block; position: absolute; top: -8px; left: 13px; width: 93px; height: 103px; background: url('/img/charge/ic_ap_pointx2.png') no-repeat center / contain; z-index: 2;}
/* 충전샵 10% 추가지급 벳지 */
.chargeCont.badge_10per::before {content: ''; display: block; position: absolute; top: -8px; left: 13px; width: 93px; height: 103px; background: url('/img/charge/badge_10per.png') no-repeat center / contain; z-index: 2;}
/* 충전샵 S쿠폰 프로모션 벳지 */
.chargeCont .badge_grp {position: absolute; top: -11px; left: 13px;}
.chargeCont .badge_grp .badge.sc {position: relative; width: 86px; height: 103px; background: url('/img/charge/bdg_ic_sc.png') no-repeat center / contain; z-index: 2;}
.chargeCont .badge_grp .badge.sc span {display: block; position: absolute; bottom: 24px; left: 0; width: 79px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: -0.2px;}

.chargeArea .charge_product {position: relative; border: 2px solid #ccc; border-radius: 20px; overflow: hidden; z-index: 1; cursor: pointer; font-size: 0;}
.chargeArea .charge_product::after {content: ''; display: block; clear: both;}
.chargeArea .charge_product .top {font-size: 0;}
.chargeArea .charge_product .lf {display: inline-block; width: 50%; height: 143px; background: #fff; text-align: center; vertical-align: top;}
.chargeArea .charge_product .lf .ver_m {display: block;}
.chargeArea .charge_product .lf .price2 {line-height: 134px; font-size: 50px; font-weight: bold; color: #000; letter-spacing: -1px;}
.chargeArea .charge_product .lf .price2 .won {position: relative; top: -3px; color: #000; font-size: 28px; font-weight: normal;}
/*.chargeArea .charge_product .lf .btn1{display: block;margin: 0 auto;margin-top: 20px;width: 234px;height: 31px;background: url(../img/charge/pay_btn1.png) no-repeat;text-indent: -9999px;}*/
/*.chargeArea .charge_product .lf .btn2{display: block;margin: 0 auto;margin-top: 20px;width: 234px;height: 31px;background: url(../img/charge/pay_btn2.png) no-repeat;text-indent: -9999px;}*/

/*선택하기 디자인 변경 22-10-17*/
.chargeArea .btn1{width:100%;height:40px;text-align:center;border-top:1px solid #ccc;}
.chargeArea .selected .btn1{border-top:1px solid #ff7b89;}
.chargeArea .btn1 span{color:#353535;font-size:18px;line-height:40px;padding-right:30px;background:url('/img/charge/chr_btn.png') no-repeat right 9px;}
.chargeArea .selected .btn1 span{color:#ec4c58;background:url('/img/charge/chr_btn_on.png') no-repeat right 9px;}
.chargeArea .btn2{width:100%;height:40px;text-align:center;border-top:1px solid #ccc;}
.chargeArea .selected .btn2{border-top:1px solid #ff7b89;}
.chargeArea .btn2 span{color:#353535;font-size:18px;line-height:40px;padding-right:30px;background:url('/img/charge/chr_btn.png') no-repeat right 9px;}
.chargeArea .selected .btn2 span{color:#ec4c58;background:url('/img/charge/chr_btn_on.png') no-repeat right 9px;}
.chargeArea .free1 .btn1, .chargeArea .free1 .btn2{border-top:1px solid #ffdcb5;}
.chargeArea .free1.selected .btn1, .chargeArea .free1.selected .btn2{border-top:1px solid #ffdcb5;}
.chargeArea .chargeCont.free2 .charge_product .btn1{border-top: 1px solid #d3e9f4;}
.chargeArea .chargeCont.free3 .charge_product .btn1{border-top: 1px solid #c8e2d9;}
.chargeArea .chargeCont.free2.selected .charge_product .btn1{border-top: 1px solid #d3e9f4;}
.chargeArea .chargeCont.free3.selected .charge_product .btn1{border-top: 1px solid #c8e2d9;}

.chargeArea .charge_product .rt {position: relative; display: inline-block; width: 50%; height: 143px; background: #fff7f5; text-align: center; vertical-align: top;}
.chargeArea .charge_product .rt .ver_m {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; text-align: center;}
.chargeArea .charge_product .rt .plus{height: 27px;line-height: 25px;font-size: 21px;font-weight: 600;}
/* .chargeArea .charge_product .rt .double + .txt {padding-top: 40px;} */
.chargeArea .charge_product .rt .txt {line-height: 1;font-size: 21px;font-weight: 600;color: #333;}
.chargeArea .charge_product .rt .txt2{margin-bottom: -10px; line-height: 1;font-size: 18px;font-weight: 600;color: #674ca7;}
.chargeArea .charge_product .rt .txt2 small{display: block; margin-top: 3px; line-height: 1;font-size: 11px;color: #ef5b6b;}
.chargeArea .charge_product .rt .price1{display: inline-block;font-size: 18px;color: #bbb;text-decoration: line-through;}
.chargeArea .charge_product .rt .price1 span{margin-right: 8px;}
.chargeArea .charge_product .rt .price2{margin-left: 8px;display: inline-block;font-size: 35px;font-weight: bold;color: #bf0008;}
.chargeArea .charge_product .rt .price2 .won{position: relative;top: -2px;font-size: 20px;font-weight: normal;color: #666;}
/* .chargeArea .charge_product .rt .off_40{position: absolute;left: -9px;top: 23px;width: 129px;height: 57px;background: url(../img/charge/off_40.png) no-repeat;} */
/* .chargeArea .charge_product .rt .off_50{position: absolute;left: -9px;top: 23px;width: 129px;height: 57px;background: url(../img/charge/off_50.png) no-repeat;} */
.chargeArea .charge_product .rt .bdg {display: block; position: absolute; left: -16px; top: 28px; width: 129px; height: 57px; line-height: 64px; padding-right: 10px; background: url('/img/charge/ic_sale_per.png') no-repeat center / contain; text-align: center; color: #fff; font-size: 20px; font-weight: 600;}
.chargeArea .charge_product .rt .double{position: absolute;top: 7px;left: -10px;display: inline-block;width: 94px;height: 32px;background: url(../img/charge/icon_double.png) no-repeat;}
.chargeArea .charge_product .rt ul{margin-top: 8px;padding-top: 18px;border-top: 1px dashed #ccc;}
.chargeArea .charge_product .rt ul li{margin-top: 6px;font-size: 14px;color: #333;text-align: left;}
.chargeArea .charge_product .rt ul li:first-child{margin-top: 0;}
.chargeArea .charge_product .rt ul li span{display: inline-block;padding-right: 15px;color: #999;}
.chargeArea .chargeBox{display: none;margin-top: -20px;padding: 20px 0 0;border: 3px solid #fda9a7;border-top: 0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.chargeArea .charge_benefit{position: relative; padding: 0 0 31px;}
.chargeArea .charge_benefit:before{content: '';position: absolute;top: 0;left: 50%;margin-left: -16px;width: 32px;height: 13px;background: url(../img/charge/pay_bg1.png) no-repeat;}
.chargeArea .charge_benefit .txt{padding: 25px 0 24px;}
.chargeArea .charge_benefit .txt span{display: block;margin: 0 auto;width: 230px;height: 21px;background: url(../img/charge/txt_pay1.png) no-repeat;text-indent: -9999px;}
.chargeArea .charge_benefit ul{text-align: center;font-size: 0;}
.chargeArea .charge_benefit ul li{position: relative;display: inline-block;margin-left: 40px;}
.chargeArea .charge_benefit ul li:first-child{margin-left: 0;}
.chargeArea .charge_benefit ul li button{width: 132px;height: 74px;line-height: 1.4;background: url(../img/charge/benefit.jpg) no-repeat;font-size: 16px;font-weight: 600;color: #333;}
.chargeArea .charge_benefit ul li.on button{background-image: url(../img/charge/benefit_on.jpg);color: #ef5b6b;}
.chargeArea .charge_benefit ul li:first-child button{margin-left: 0 !important;}
.chargeArea .charge_benefit ul li.hide {display: none;}
.chargeArea .charge_benefit ul li .txtBox{position: absolute;top: 78px;width: 100%;text-align: center;}
.chargeArea .charge_benefit ul li .txtBox span {display: inline-block;padding : 0 5px 5px 5px;line-height: 1;background-color: #fff799;font-size: 12px;color: #c6404e;}
.chargeArea .charge_benefit ul.btn5 li{margin-left: 15px;}
.chargeArea .charge_benefit ul.btn5 li:first-child{margin-left: 0;}
.chargeArea .charge_benefit ul.btn5 li.day30 button::after {content: '30일'; display: block; position: absolute; top: -18px; right: -10px; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; background: #da66f7; text-align: center; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -1px;}
/* S쿠폰 프로모션 관련 K-AV 안내 레이어 */
.chargeArea .charge_benefit ul.btn5 li .layer_grp .kav_btn {display: block; position: absolute; right: 19px; bottom: 8px; width: 14px; height: 14px; background: url('/img/charge/kav_btn.png') no-repeat center / contain; cursor: pointer;}
.chargeArea .charge_benefit ul.btn5 li .layer_grp .kav_layer {display: none; position: absolute; right: -36px; bottom: -28px; z-index: 1;}
.chargeArea .charge_benefit ul.btn5 li .layer_grp .kav_btn:hover + .kav_layer {display: block;}

/* s쿠폰 벳지 */
.chargeArea .charge_benefit ul li .ic_kav {display: block; position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); width: 110px; height: 22px; background: url('/img/charge/bdg_scoupon.png') no-repeat center / contain;}
.chargeArea .charge_payment{display: none; position: relative;padding: 0 32px 7px;border-top: 3px solid #fca8a6;}
.chargeArea .charge_payment.show {display: block;}
.chargeArea .charge_payment:before{content: '';position: absolute;top: 0;left: 50%;margin-left: -15px;width: 30px;height: 12px;background: url(../img/charge/pay_bg2.png) no-repeat;}
.chargeArea .charge_payment .txt{padding: 28px 0 17px;}
.chargeArea .charge_payment .txt span{display: block;margin: 0 auto;width: 230px;height: 21px;background: url(../img/charge/txt_pay2.png) no-repeat center;text-indent: -9999px;}
.chargeArea .charge_payment ul li{position: relative;float: left;margin: 0 5px 12px;}
.chargeArea .charge_payment ul li button{position: relative;width: 105px;height: 45px;line-height: 1;border: 1px solid #aaa;border-radius: 20px;font-size: 14px;color: #333;}
.chargeArea .charge_payment ul li button small{font-size: 13px;}
.chargeArea .charge_payment ul li button:hover{background-color: #fff9f9;border-color: #ff4545;font-weight: 600;color: #ff4545;}
.chargeArea .charge_payment ul li button:hover small{color: #ff4545;}
.chargeArea .charge_payment ul li button:disabled{background-color: #fff;border-color: #e0e0e0;color: #bfbfbf;cursor: default;}
.chargeArea .charge_payment ul li button:disabled small{color: #bfbfbf;}
.chargeArea .charge_payment ul li button:disabled:hover{border-color: #e0e0e0;font-weight: normal;color: #bfbfbf;}
.chargeArea .charge_payment ul li button:disabled:hover small{color: #bfbfbf;}
.chargeArea .charge_payment ul li span.hide {display: none;}
.chargeArea .charge_payment ul li .badge{position: absolute;top: -4px;left: 0;display: block;padding: 0 6px 0 4px;height: 16px;line-height: 16px;background-color: #4da024;font-size: 11px;color: #fff;}
.chargeArea .charge_payment ul li .badge:after{content: '';position: absolute;right: -6px;top: 0;width: 6px;height: 16px;background: url(../img/charge/badge_green.png) no-repeat;}
.chargeArea .charge_payment ul li .badge_new{position: absolute;top: -4px;left: 0;display: block;padding: 0 6px 0 4px;height: 16px;line-height: 16px;background-color: #ed4b58;font-size: 9px;color: #fff; font-family: 'Montserrat';}
.chargeArea .charge_payment ul li .badge_new:after{content: '';position: absolute;right: -6px;top: 0;width: 6px;height: 16px;background: url('/img/charge/badge_red.png') no-repeat;}
.chargeArea .charge_payment ul li .bdg_evt{position: absolute;top: -4px;left: 0;display: block;padding: 0 6px 0 4px;height: 16px;line-height: 16px;background-color: #ed4b58;font-size: 9px;color: #fff; font-family: 'Montserrat';}
.chargeArea .charge_payment ul li .bdg_evt:after{content: '';position: absolute;right: -6px;top: 0;width: 6px;height: 16px;background: url('/img/charge/badge_red.png') no-repeat;}
/* .chargeArea .chargeCont.first .rt .ver_m{padding-top: 0;} */
.chargeArea .chargeCont.first .charge_payment{border-top: 0;}
.chargeArea .chargeCont.first .charge_payment:before{margin-left: -16px;width: 32px;height: 13px;background-image: url(../img/charge/pay_bg1.png);}

/* 쿠폰할인 */
.chargeArea .chargeCont .charge_cp {display: none; position: relative; padding: 0 38px 30px; border-top: 3px solid #fca8a6;}
.chargeArea .chargeCont .charge_cp.show {display: block !important;}
.chargeArea .chargeCont .charge_cp::before {content: ''; position: absolute; top: 0; left: 50%; margin-left: -15px; width: 30px; height: 12px; background: url('/img/charge/pay_bg2.png') no-repeat;}
.chargeArea .chargeCont .charge_cp .txt {padding: 25px 0 0;}
.chargeArea .chargeCont .charge_cp .txt span {display: block; margin: 0 auto; width: 229px; height: 21px; background: url('/img/charge/txt_pay4.png') no-repeat; text-indent: -9999px;}
.chargeArea .chargeCont .charge_cp .cp_left {float: left; margin-top: 27px;}
.chargeArea .chargeCont .charge_cp .cp_left p:first-of-type {margin-bottom: 26px; color: #353535; font-size: 18px; font-weight: 500; line-height: 16px;}
.chargeArea .chargeCont .charge_cp .cp_left p:first-of-type::after {content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: url('/img/charge/ic_coupon_sale.png') no-repeat center / contain; vertical-align: bottom;}
.chargeArea .chargeCont .charge_cp .cp_left p:first-of-type span {display: inline-block; color: #ef5b6b;}
.chargeArea .chargeCont .charge_cp .cp_left p {color: #c1c1c1; font-size: 14px; font-weight: 400;}
.chargeArea .chargeCont .charge_cp .cp_right {float: right; margin-top: 20px; text-align: right;}
.chargeArea .chargeCont .charge_cp .cp_right select {display: inline-block; width: 100px; height: 30px; line-height: 28px; margin-bottom: 19px; padding: 0 0 0 16px; border: 1px solid #d1d1d1; background: #fff url('/img/charge/ic_select_arrow.png') no-repeat 90% center / 9px 5px; color: #575757; font-size: 12px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chargeArea .chargeCont .charge_cp .cp_right p {color: #ef5b6b; font-size: 15px; font-weight: 400;}
.chargeArea .chargeCont .charge_cp .cp_right p span {color: #ef5b6b; font-size: 15px; font-weight: 400;}

/*기존결제 안내 택스트*/
.chargeCont.pay_pdt {margin-top: 20px !important;}
.chargeCont.pay_pdt .charge_product {border-radius: 0 20px 20px 20px;}
.chargeCont.pay_pdt .charge_product .lf,
.chargeCont.pay_pdt .charge_product .rt {height: 160px;}
.chargeCont.pay_pdt .charge_product .rt span {top: 20px;}

.chargeCont .pay_pdt_txt { display: none;}
.chargeCont.pay_pdt .pay_pdt_txt {
	display:block;
	position: absolute;
	left: 0; top: -18px;
	padding-bottom: 3px;
	background-color: #577612;
	z-index: 99;
}
.chargeCont.pay_pdt .pay_pdt_txt p {
	position: relative;
	display: inline-block;
	padding: 10px 13px 10px 20px;
	color: #fff;
	background-color: #82cc33;
}
.chargeCont.pay_pdt .pay_pdt_txt p:after,
.chargeCont.pay_pdt .pay_pdt_txt p:before {
	position: absolute;
	width: 23px; height: 40.5px;
	content: '';
}
.chargeCont.pay_pdt .pay_pdt_txt p:before {
	right: -23px; top: 3px;
	background: url('../img/charge/bg_ribbon_gr02.png') no-repeat right bottom/auto 100%;
	z-index: 999;
}
.chargeCont.pay_pdt .pay_pdt_txt p:after {
	right: -20px; top: 0;
	height: 41px;
	background: url('../img/charge/bg_ribbon_gr01.png') no-repeat right bottom/auto 100%;
	z-index: 9999;
}

.chargeCont.pay_pdt .pay_pdt_txt p span { color: #ffff00;}
.chargeCont.pay_pdt .charge_product .lf .price2:before {
	display: inline-block;
	width: 40px; height: 42px;
	padding-right: 15px;
	background: url('../img/charge/charge_logo.png') no-repeat left top/auto 100%;
	content: '';

}

/* 패키기 정액권 */
.chargeArea .chargeCont.best:before{content: '';position: absolute;top: 0;left: 13px;width: 50px;height: 74px;background: url(../img/charge/icon_best.png) no-repeat;z-index: 2;}
.chargeArea .chargeCont.event:before{content: '';position: absolute;top: 0;left: 13px;width: 50px;height: 74px;background: url(../img/charge/icon_event01.png) no-repeat;z-index: 2;}
.chargeArea .chargeCont.free .charge_payment{padding: 0 60px 22px;border-top: 0;}
.chargeArea .chargeCont.free .charge_payment:before{display: none;}
.chargeArea .chargeCont.free .charge_payment .txt{padding: 27px 0 26px;}
.chargeArea .chargeCont.free .charge_payment .txt span{background-image: url(../img/charge/txt_pay3.png);}
.chargeArea .chargeCont.free1 .charge_product{border: 3px solid #ffe5c9;}
.chargeArea .chargeCont.free2 .charge_product{border: 3px solid #d3e9f4;}
.chargeArea .chargeCont.free3 .charge_product{border: 3px solid #c8e2d9;}
.chargeArea .chargeCont.free .lf{position: relative; width: 377px;height: 207px;}
.chargeArea .chargeCont.free .rt{width: 378px;height: 207px;background-color: #fff8f1;text-align: right;}
.chargeArea .chargeCont.free2 .rt{background-color: #f7f8fd;}
.chargeArea .chargeCont.free3 .rt{background-color: #f5fef9;}
.chargeArea .chargeCont.free .rt:before{content: '';position: absolute;left: -8px;top: 0;width: 8px;height: 207px;background: url(../img/charge/shadow.jpg) no-repeat;}
.chargeArea .chargeCont.free .rt .ver_m {width: 85%; padding: 0 31px 0 46px; text-align: right;}
.chargeArea .chargeCont.free .lf .ver_m{}
/*  S : 정액권 상품명 transform 적용시 tit 속 이미지 화질 저하되는 현상으로 인해 margin으로 위치 조정 */
.chargeArea .chargeCont.free .lf .tit{position: absolute; left: 50%; top: 50%; margin-left: -141.5px; margin-top: -27.5px;}
.chargeArea .chargeCont.free2 .lf .tit{margin-left: -76.5px; margin-top: -27px;}
.chargeArea .chargeCont.free3 .lf .tit{margin-left: -132.5px; margin-top: -27.5px;}
/*  E : 정액권 상품명 transform 적용시 tit 속 이미지 화질 저하되는 현상으로 인해 margin으로 위치 조정 */
.chargeArea .chargeCont.free .lf .txt{line-height: 1;font-size: 22px;font-weight: 600;color: #000;}
.chargeArea .chargeCont.free .lf .txt span{color: #ff7812;}
.chargeArea .chargeCont.free .lf .btn1{width: 216px;height: 39px;background-image: url(../img/charge/free_btn.png);}
.chargeArea .chargeCont.free .rt .price2{color: #bf0008;}
.chargeArea .chargeCont.free .rt .price2 .won{color: #666;}
.chargeArea .chargeCont.free .charge_payment ul{margin: 0 auto;}
.chargeArea .chargeCont.free .charge_payment ul li{margin: 0 3px 6px;}
.chargeArea .chargeCont.free .charge_payment ul li button{width: 120px;height: 49px;border-radius: 10px;font-size: 15px;color: #666;}
.chargeArea .chargeCont.free .charge_payment ul li button small{color: #666;}
.chargeArea .chargeCont.free .charge_payment ul li button:hover{background-color: #fff9f9;color: #ff4545;}
.chargeArea .chargeCont.free .charge_payment ul li button:hover small{color:#ff4545;}

/* 쿠폰할인 - 스페셜 패키지 정액제 (15,000) */
.chargeArea .chargeCont.free .charge_cp {display: none; position: relative; margin-top: -20px; padding: 20px 68px 30px 63px; border-radius: 0 0 20px 20px; border: 3px solid #c8e2d9; border-top: 0;}
.chargeArea .chargeCont.free .charge_cp::before {display: none;}
.chargeArea .chargeCont.free .charge_cp.show {display: block !important;}
.chargeArea .chargeCont.free .charge_cp .txt {padding: 30px 0 0;}
.chargeArea .chargeCont.free .charge_cp .txt span {display: block; margin: 0 auto; width: 229px; height: 21px; background: url('/img/charge/txt_pay5.png') no-repeat; text-indent: -9999px;}
.chargeArea .chargeCont.free .charge_cp .cp_left {float: left; margin-top: 27px;}
.chargeArea .chargeCont.free .charge_cp .cp_left p:first-of-type {margin-bottom: 26px; color: #353535; font-size: 18px; font-weight: 500; line-height: 16px;}
.chargeArea .chargeCont.free .charge_cp .cp_left p:first-of-type::after {content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: url('/img/charge/ic_coupon_sale.png') no-repeat center / contain; vertical-align: bottom;}
.chargeArea .chargeCont.free .charge_cp .cp_left p:first-of-type span {display: inline-block; color: #ef5b6b;}
.chargeArea .chargeCont.free .charge_cp .cp_left p {color: #c1c1c1; font-size: 14px; font-weight: 400;}
.chargeArea .chargeCont.free .charge_cp .cp_right {float: right; margin-top: 20px; text-align: right;}
.chargeArea .chargeCont.free .charge_cp .cp_right select {display: inline-block; width: 100px; height: 30px; line-height: 28px; margin-bottom: 19px; padding: 0 0 0 16px; border: 1px solid #d1d1d1; background: #fff url('/img/charge/ic_select_arrow.png') no-repeat 90% center / 9px 5px; color: #575757; font-size: 12px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chargeArea .chargeCont.free .charge_cp .cp_right p {color: #ef5b6b; font-size: 15px; font-weight: 400;}
.chargeArea .chargeCont.free .charge_cp .cp_right p span {color: #ef5b6b; font-size: 15px; font-weight: 400;}

/*페이 아이콘 추가
.chargeArea .chargeCont.free .charge_payment ul li .pay1{padding-left: 33px;background: url(../img/charge/pay_01.png) no-repeat 22px 6px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay2{padding-left: 33px;background: url(../img/charge/pay_02.png) no-repeat 29px 6px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay3{padding-left: 44px;background: url(../img/charge/pay_03.png) no-repeat 10px 6px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay4{padding-left: 50px;background: url(../img/charge/pay_04.png) no-repeat 14px 12px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay5{padding-left: 56px;background: url(../img/charge/pay_05.png) no-repeat 10px 16px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay6{padding-left: 64px;background: url(../img/charge/pay_06.png) no-repeat 9px 15px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay7{padding-left: 45px;background: url(../img/charge/pay_07.png) no-repeat 16px 4px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay8{padding-left: 48px;background: url(../img/charge/pay_08.png) no-repeat 17px 6px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay9{padding-left: 49px;background: url(../img/charge/pay_09.png) no-repeat 13px 11px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay10{padding-left: 28px;background: url(../img/charge/pay_10.png) no-repeat 18px 3px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay11{padding-left: 50px;background: url(../img/charge/pay_11.png) no-repeat 13px 10px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay12{padding-left: 64px;background: url(../img/charge/pay_12.png) no-repeat 6px 14px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay13{padding-left: 60px;background: url(../img/charge/pay_13.png) no-repeat 8px 13px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay14{padding-left: 71px;background: url(../img/charge/pay_14.png) no-repeat 16px 9px;}
.chargeArea .chargeCont.free .charge_payment ul li .pay1:hover{background-image: url(../img/charge/pay_01_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay2:hover{background-image: url(../img/charge/pay_02_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay3:hover{background-image: url(../img/charge/pay_03_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay4:hover{background-image: url(../img/charge/pay_04_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay5:hover{background-image: url(../img/charge/pay_05_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay6:hover{background-image: url(../img/charge/pay_06_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay7:hover{background-image: url(../img/charge/pay_07_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay8:hover{background-image: url(../img/charge/pay_08_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay9:hover{background-image: url(../img/charge/pay_09_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay10:hover{background-image: url(../img/charge/pay_10_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay11:hover{background-image: url(../img/charge/pay_11_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay12:hover{background-image: url(../img/charge/pay_12_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay13:hover{background-image: url(../img/charge/pay_13_on.png);}
.chargeArea .chargeCont.free .charge_payment ul li .pay14:hover{background-image: url(../img/charge/pay_14_on.png);}
*/

.chargeArea .chargeCont.free .chargeBox{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.chargeArea .chargeCont.free1 .charge_payment{padding: 0 0 22px;}
.chargeArea .chargeCont.free1 .charge_payment ul{text-align: center;font-size: 0;}
.chargeArea .chargeCont.free1 .charge_payment ul li{float: none;display: inline-block;margin: 0 15px 6px;}
.chargeArea .chargeCont.free1 .charge_payment ul li button{width: 150px;}
.chargeArea .chargeCont.free1 .charge_payment ul li .pay1{background-position: 37px 6px;}
.chargeArea .chargeCont.free1 .charge_payment ul li .pay3{background-position: 25px 6px;}
.chargeArea .chargeCont.free1 .charge_payment ul li .pay5{background-position: 12px 16px;}
.chargeArea .chargeCont.free2 .charge_payment{padding: 0 0 22px;}
.chargeArea .chargeCont.free2 .charge_payment ul{text-align: center;font-size: 0;}
.chargeArea .chargeCont.free2 .charge_payment ul li{float: none;display: inline-block;margin: 0 15px 6px;}
.chargeArea .chargeCont.free2 .charge_payment ul li button{width: 150px;}
.chargeArea .chargeCont.free2 .charge_payment ul li .pay1{background-position: 37px 6px;}
.chargeArea .chargeCont.free2 .charge_payment ul li .pay3{background-position: 25px 6px;}
.chargeArea .chargeCont.free2 .charge_payment ul li .pay5{background-position: 12px 16px;}

/* 상품 선택시 */
.chargeArea .chargeCont.selected .charge_product{border-width: 3px;border-color: #ff7b89;}
.chargeArea .chargeCont.selected .charge_product .lf{width: 377px;}
.chargeArea .chargeCont.selected .charge_product .rt{width: 378px;}
/*.chargeArea .chargeCont.selected .charge_product .btn1{background-image: url(../img/charge/pay_btn1_on.png);}*/
/*.chargeArea .chargeCont.selected .charge_product .btn2{background-image: url(../img/charge/pay_btn2_on.png);}*/
.chargeArea .chargeCont.selected .chargeBox{display: block;}
/* 정액제 별도 스타일 */
.chargeArea .chargeCont.free1.selected .charge_product{border-color: #ffdcb5;}
.chargeArea .chargeCont.free2.selected .charge_product{border-color: #d3e9f4;}
.chargeArea .chargeCont.free3.selected .charge_product{border-color: #c8e2d9;}
.chargeArea .chargeCont.free1.selected .lf .btn1{background-image: url(../img/charge/free_btn1_on.png);}
.chargeArea .chargeCont.free2.selected .lf .btn1{background-image: url(../img/charge/free_btn2_on.png);}
.chargeArea .chargeCont.free3.selected .lf .btn1{background-image: url(../img/charge/free_btn3_on.png);}
.chargeArea .chargeCont.free .chargeBox {border: 0;}
.chargeArea .chargeCont.free .chargeBox .charge_payment {margin-top: -15px; padding-top: 15px; border-radius: 0 0 20px 20px; border: 3px solid #ffdcb5; border-top: 0;}
.chargeArea .chargeCont.free1 .chargeBox .charge_payment{border-color: #ffdcb5;}
.chargeArea .chargeCont.free2 .chargeBox .charge_payment{border-color: #d3e9f4;}
.chargeArea .chargeCont.free3 .chargeBox .charge_payment{border-color: #c8e2d9;}

/* 충전샵 - 신규 영화 결제 패키지 2024 */
.subCont .chargeCont.movie .charge_product {margin-bottom: 20px; border-color: #7f62c1;}
.subCont .chargeCont.movie .charge_product .rt {background: #fff;}
.subCont .chargeCont.movie .charge_product .rt .double {background-image: url('/img/charge/icon_payback10.png'); z-index: 1;}
.subCont .chargeCont.movie .charge_product .rt .ver_m {width: 95%; left: 0; transform: translate(0, -50%); padding: 25px 0; background: #f4f4f4;}
.subCont .chargeCont.movie .charge_product .rt .txt2 {display: inline-block; vertical-align: top; color: #674ca7 !important;}
.subCont .chargeCont.movie .charge_product .rt .txt2 small {color: #674ca7 !important;}
.subCont .charge_product .rt .txt3 {display: none;}
.subCont .chargeCont.movie .charge_product .rt .txt3 {display: inline-block; margin-bottom: -10px; color: #0f90e6; font-size: 18px; font-weight: 600; line-height: 1; vertical-align: top;}
.subCont .chargeCont.movie .charge_product .rt .txt3::before {content: '+'; display: inline-block; margin: 0 5px; color: #000; vertical-align: top;}

.subCont .chargeCont.movie .charge_product .charge_mv {display: block;}
.subCont .chargeCont .charge_product .charge_mv {display: none; width: 100%; height: auto; margin: 0 auto; font-size: 0; overflow: hidden;}
.subCont .chargeCont.movie .charge_product .charge_mv img {width: 100%; height: 100%;}
.subCont .chargeCont.movie .charge_benefit::before {top: -4px; background: url('/img/charge/pay_bg3.png') no-repeat center / contain;}
.subCont .chargeCont.movie .charge_payment::before {background: url('/img/charge/pay_bg3.png') no-repeat center / contain;}
.subCont .chargeCont.movie .charge_product {border-color: #7f62c1 !important;}
.subCont .chargeCont.movie .chargeBox {margin-top: -36px; border-color: #7f62c1 !important;}
.subCont .chargeCont.movie .charge_payment {border-color: #7f62c1 !important;}

/* 무료충전소 */
.chargeArea .charge_free{background-color: #fff;}
.chargeArea .charge_free li{background-repeat: no-repeat;background-position: 65px center;background-size: 98px;border-bottom: 1px solid #ccc;}
.chargeArea .charge_free li a{display: block;padding: 45px 0 45px 205px;}
.chargeArea .charge_free dl dt{margin-bottom: 10px;font-size: 25px;font-weight: 600;color: #333;}
.chargeArea .charge_free dl dd{font-size: 22px;color: #333;}
.chargeArea .charge_free li.c1{background-image: url(../img/charge/icon_free1.jpg);}
.chargeArea .charge_free li.c2{background-image: url(../img/charge/icon_free2.jpg);}
.charge_free li.c3{background-image: url(../img/charge/icon_free3.jpg);}
.chargeArea .charge_free li.c4{background-image: url(../img/charge/icon_free4.jpg);}
.chargeArea .charge_notice{margin-top: 25px;padding: 20px 23px;background-color: #f8f8f8;border: 1px solid #ccc;}
.chargeArea .charge_notice dl dt{width: 152px;height: 17px;background: url(../img/charge/charge_notice.png) no-repeat;text-indent: -9999px;}
.chargeArea .charge_notice dl dd{margin-top: 14px;}
.chargeArea .charge_notice ul li{margin-top: 8px;font-size: 11px;color: #333;}
.chargeArea .charge_notice ul li:first-child{margin-top: 0;}

/* S : 무료 충전소 or 마일리지 충전소 */
.free_charge{background: #6d33cf; border: 1px solid #ccc; text-align: center;}
.free_charge .main_img {width: 100%; height: 565px;}
.free_charge .main_img img {width: 100%;}
.free_charge ul{padding-bottom: 12px; font-size: 0;}
.free_charge ul li{position: relative; display: inline-block; width: 367px; height: 353px; vertical-align: top;}
.free_charge ul li.clip {background: url('/img/charge/2405_clip.png') no-repeat center / contain;}
.free_charge ul li.pointpark {background: url('/img/charge/2405_pointpark.png') no-repeat center / contain;}
.free_charge ul li.okcash {width: 733px; height: 128px; background: url('/img/charge/2405_cash.png') no-repeat center / contain;}
.free_charge ul li>button {position: absolute; left: 50%; top: 273px; transform: translateX(-50%); width: 210px; height: 56px; background: url('/img/charge/2405_btn_mile.png') no-repeat center / contain;}
.free_charge ul .okcash .btn2 {left: auto; right: 148px; top: 50%; transform: translateY(-50%);}

.free_charge .charge_notice{padding: 20px 40px; background: #6025c2; text-align: left;}
.free_charge .charge_notice h5 {margin-bottom: 12px; color: #fff; font-size: 17px; line-height: 17px;}
.free_charge .charge_notice>div {font-size: 0;}
.free_charge .charge_notice>div>p {position: relative; margin-bottom: 7px; padding-left: 11px; color: #fff; font-size: 14px; line-height: 1; letter-spacing: -0.25px;}
.free_charge .charge_notice>div>p::after {content: ''; display: block; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #fff;}
.free_charge .charge_notice>div>p:last-of-type {margin-bottom: 0;}

.free_charge .charge_agree{display: none; margin-top: -30px;padding: 0 30px 19px;background-color: #fff;border-top: 1px solid #ccc;}
.free_charge .charge_agree p{padding: 13px 0 5px;line-height: 1;font-size: 15px;font-weight: bold;color: #333;}
.free_charge .charge_agree ol{text-align: left;}
.free_charge .charge_agree ol li{margin-top: 10px;}
.free_charge .charge_agree ol li:first-child{margin-top: 0;}
.free_charge .charge_agree dl dt{font-size: 12px;font-weight: 600;color: #333;}
.free_charge .charge_agree dl dd{margin-top: 5px;font-size: 12px;color: #666;}
.free_charge .charge_agree table{background-color: #fff;}
.free_charge .charge_agree table th, .free_charge .charge_agree table td{height: 24px;border: 1px solid #d6d6d6;font-size: 12px;font-weight: normal;color: #666}
.free_charge .charge_agree table th{text-align: center;}
.free_charge .charge_agree table td{padding: 0 10px;}
/* E : 무료 충전소 or 마일리지 충전소 */

/* 한가위 결제 이벤트 - 정액제 */
.chuseok_free {width: 785px; margin: 5px auto 0; background: #fefcf9; text-align: center;}
.chuseok_free .chsk_visual{width:100%;text-align:center;position:relative; box-shadow: #52231073 -7px 24px 26px -20px;}
.chuseok_free .chsk_visual img{display:block;width:100%;}
.chuseok_free .chk{margin:50px auto 0; text-align: center;}
.chuseok_free .chk input[type="checkbox"]{display: none;}
.chuseok_free .chk label {display: inline-block; color: #333; font-size: 24px; cursor: pointer;}
.chuseok_free .chk label::before {content: ''; display: inline-block; width: 26px; height: 28px; margin-right: 15px; background: url('/img/event/chuseok/2024_chuseok_check.png') no-repeat center / contain;}
.chuseok_free .chk input[type="checkbox"]:checked + label::before {background-image: url('/img/event/chuseok/2024_chuseok_checked.png');}
.chuseok_free .chsk_btn{width:100%; padding:40px 0 90px;text-align:center; font-size: 0;}
.chuseok_free .chsk_btn button{display: inline-block; width: 204px; height: 73px; line-height: 71px; margin-right: 26px; padding-left: 28px; border-radius: 5px; border: 1px solid #664436; background: #fff url('/img/event/chuseok/2024_chuseok_arrow.png') no-repeat 158px center / 12px 20px; text-align: left; color: #664436; font-size: 24px; font-weight: 500;}
.chuseok_free .chsk_btn button:hover{background: #664436 url('/img/event/chuseok/2024_chuseok_arrow_h.png') no-repeat 158px center / 12px 20px; color: #fff;}
.chuseok_free .chsk_btn button:first-of-type{margin-left:0;}
.chuseok_free .chsk_btn .evt_txt {margin-top: 22px; color: #685f3e; font-size: 18px;}
.chuseok_free .chsk_info {width: 725px; margin: 0 auto; padding: 30px 0; border-top: 1px solid #e2e2e2;}
.chuseok_free .chsk_info h4 {display: inline-block; margin-right: 60px; color: #666; font-size: 24px; font-weight: 500; vertical-align: top;}
.chuseok_free .chsk_info ul {display: inline-block; width: 573px; text-align: left; vertical-align: top;}
.chuseok_free .chsk_info ul li {color: #666; font-size: 12px; font-weight: 400; letter-spacing: -0.2px; line-height: 28px;}
.chuseok_free .chsk_info ul li:last-of-type {margin-top: 0;}

/* 한가위 결제 이벤트 - 포인트 충전 */
.chuseok_point_wrap .point_txt {margin-bottom: 10px; padding: 0 10px;}
.chuseok_point_wrap .point_txt h3 {display: inline-block;}
.chuseok_point_wrap .point_txt span {margin-left: 5px;}
.chuseok_point_wrap .banner {margin-bottom: 20px;}
#chuseok_evt .charge_benefit li.csk button::before {content: ''; display: block; position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); width: 127px; height: 22px; background: url('/img/event/chuseok/p_badge_10per.png') no-repeat center / contain;}

/* 겨울 결제 이벤트 - 정액제 */
.winter_free {width: 785px; margin: 5px auto 0; background: #d7d3c4; text-align: center; font-size: 0; overflow: hidden;}
.winter_free .visual {position: relative; width: 100%; text-align: center;}
.winter_free .visual::before {content: ''; display: block; position: absolute; left: 0; top: 938px; width: 785px; height: 1374px; background: url('/img/event/winter/2024_winter_deco.png') no-repeat center / contain;}
.winter_free .visual img {display: block; width: 100%;}
.winter_free .chk {padding-top: 35px; text-align: center;}
.winter_free .chk input[type="checkbox"] {display: none;}
.winter_free .chk label {display: inline-block; color: #061933; font-size: 18px; font-weight: 500; line-height: 25px; cursor: pointer;}
.winter_free .chk label::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 9px; background: url('/img/event/winter/2024_winter_check.png') no-repeat center / contain; vertical-align: bottom;}
.winter_free .chk input[type="checkbox"]:checked + label::before {width: 23px; height: 25px; margin-right: 8px; background-image: url('/img/event/winter/2024_winter_checked.png');}
.winter_free .pay_btn {width: 100%; padding: 30px 0 62px; text-align: center; font-size: 0;}
.winter_free .pay_btn button {display: inline-block; width: 300px; height: 90px; margin-right: 30px; padding-left: 168px; border-radius: 8px; border: 1px solid #d7d3c4; text-align: left; color: #333; font-size: 24px; font-weight: 500; box-shadow: #33333320 5px 5px 5px;}
.winter_free .pay_btn button:hover {border-width: 2px; border-color: #061933;}
.winter_free .pay_btn button:nth-of-type(2n) {margin-right: 0;}
.winter_free .pay_btn button:nth-of-type(n + 3):nth-of-type(-n + 4) {margin-top: 30px;}
.winter_free .pay_btn button.mobile {background: #fff url('/img/event/winter/2024_winter_phone.png') no-repeat 35px center / 27px 42px;}
.winter_free .pay_btn button.applepay {background: #fff url('/img/event/winter/2024_winter_applepay.png') no-repeat 30px center / 75px 32px;}
.winter_free .pay_btn button.credit_card {background: #fff url('/img/event/winter/2024_winter_card.png') no-repeat 35px center / 39px 27px;}
.winter_free .pay_btn button.kakaopay {background: #fff url('/img/event/winter/2024_winter_kakaopay.png') no-repeat 40px center / 64px 20px;}
.winter_free .pay_btn .evt_txt {margin-top: 30px; color: #666; font-size: 16px; letter-spacing: -0.2px; line-height: 1;}
.winter_free .info {width: 725px; margin: 0 auto; padding: 30px 0 22px;}
.winter_free .info h4 {position: relative; display: inline-block; margin-right: 28px; color: #666; font-size: 24px; font-weight: 500; letter-spacing: -0.2px; line-height: 1; vertical-align: top;}
.winter_free .info h4 #asp {display: inline-block; width: 13px; height: 13px; margin-left: 1px; background: url('/img/event/winter/2024_wf_asp_btn.png') no-repeat center / contain; vertical-align: text-top; cursor: pointer;}
.winter_free .info h4 .asp_layer {display: none; position: absolute; left: 71px; bottom: 28px; width: max-content; color: #f00; font-size: 12px; z-index: 2;}
.winter_free .info h4 #asp:hover + .asp_layer {display: block;}
.winter_free .info ul {display: inline-block; width: 591px; text-align: left; vertical-align: top;}
.winter_free .info ul li {position: relative; padding-left: 5px; color: #666; font-size: 12px; font-weight: 400; line-height: 24px;}
.winter_free .info ul li::before {content: '-'; display: block; position: absolute; left: 0; top: 0;}

/* 겨울 결제 이벤트 - 포인트 충전 */
.winter_point_wrap .banner {margin-bottom: 20px;}
.winter_point_wrap .point_txt {margin-bottom: 10px; padding: 0 10px;}
.winter_point_wrap .point_txt h3 {display: inline-block;}
.winter_point_wrap .point_txt span {margin-left: 5px;}
.winter_point_wrap .chargeArea .charge_product .lf .price2 {padding-left: 33px;}
.winter_point_wrap .chargeArea .chargeCont.event::before {content: ''; display: block; position: absolute; top: -8px; left: -10px; width: 93px; height: 103px; background: url('/img/charge/badge_10per2.png') no-repeat center / contain; z-index: 2;}
.winter_point_wrap .charge_benefit li.evt button::before {content: ''; display: block; position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); width: 120px; height: 23px; background: url('/img/charge/p_badge_limited.png') no-repeat center / contain;}
.winter_point_wrap .charge_benefit li.day15 button::after {content: '15일'; display: block; position: absolute; top: -18px; right: -10px; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; background: #5e6dfc; text-align: center; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -1px;}
.winter_point_wrap .charge_notice dl dt {position: relative; width: fit-content; height: 17px; background: none; text-indent: inherit; font-size: 0;}
.winter_point_wrap .charge_notice dl dt img {display: inline-block;}
.winter_point_wrap .charge_notice dl dt #asp {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url('/img/event/winter/2024_wp_asp_btn.png') no-repeat center / contain; color: #333; font-size: 17px; vertical-align: top;}
.winter_point_wrap .charge_notice dl dt .asp_layer {display: none; position: absolute; left: 138px; bottom: 18px; width: max-content; color: #f00; font-size: 12px;}
.winter_point_wrap .charge_notice dl dt #asp:hover + .asp_layer {display: block;}

/* 설 결제 이벤트 - 정액제 */
.seol_free {width: 785px; margin: 5px auto 0; background: #dbceac url('/img/event/seol/2025_seol_deco.png') no-repeat right bottom; text-align: center; font-size: 0; overflow: hidden;}
.seol_free .visual {position: relative; width: 100%; text-align: center;}
.seol_free .visual img {display: block; width: 100%;}
.seol_free .chk {padding-top: 30px; text-align: center;}
.seol_free .chk input[type="checkbox"] {display: none;}
.seol_free .chk label {display: inline-block; color: #663510; font-size: 18px; font-weight: 500; line-height: 25px; cursor: pointer;}
.seol_free .chk label::before {content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 11px; background: url('/img/event/seol/2025_seol_check.png') no-repeat center / contain; vertical-align: bottom;}
.seol_free .chk input[type="checkbox"]:checked + label::before {width: 23px; height: 25px; margin-right: 10px; background-image: url('/img/event/seol/2025_seol_checked.png');}
.seol_free .pay_btn {width: 100%; padding: 30px 0; text-align: center; font-size: 0;}
.seol_free .pay_btn button {display: inline-block; width: 170px; height: 65px; margin-right: 10px; background: #9f825b; text-align: center; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: -0.2px;}
.seol_free .pay_btn button:last-of-type {margin-right: 0;}
.seol_free .pay_btn button:hover {background: #341c0b;}
.seol_free .pay_btn .evt_txt {margin-top: 20px; color: #725b51; font-size: 16px; letter-spacing: -0.2px; line-height: 1;}
.seol_free .info {width: 710px; margin: 0 auto; padding: 30px 0 22px; border-top: 1px solid #eee6d6; text-align: left;}
.seol_free .info h4 {position: relative; display: block; width: 80px; height: 30px; margin-right: 28px; margin-bottom: 15px; border-radius: 15px; background: #725b51; text-align: center; color: #dbceac; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: -0.2px; vertical-align: top;}
.seol_free .info h4 #asp {display: block; position: absolute; right: -12px; top: -4px; width: 13px; height: 13px; background: url('/img/event/seol/2025_sf_asp_btn.png') no-repeat center / contain; vertical-align: text-top; cursor: pointer;}
.seol_free .info h4 .asp_layer {display: none; position: absolute; left: 49px; bottom: 33px; width: max-content; color: #f00; font-size: 12px; z-index: 2;}
.seol_free .info h4 #asp:hover + .asp_layer {display: block;}
.seol_free .info ul {text-align: left; vertical-align: top;}
.seol_free .info ul li {position: relative; padding-left: 5px; margin-top: 12px; color: #725b51; font-size: 13px; font-weight: 400; line-height: 1;}
.seol_free .info ul li:first-of-type {margin-top: 0;}
.seol_free .info ul li::before {content: '-'; display: block; position: absolute; left: 0; top: 0;}

/* 설 결제 이벤트 - 포인트 충전 */
.seol_point_wrap .banner {margin-bottom: 20px;}
.seol_point_wrap .point_txt {margin-bottom: 10px; padding: 0 10px;}
.seol_point_wrap .point_txt h3 {display: inline-block;}
.seol_point_wrap .point_txt span {margin-left: 5px;}
.seol_point_wrap .chargeArea .charge_product .lf .price2 {padding-left: 33px;}
.seol_point_wrap .chargeArea .chargeCont.event::before {content: ''; display: block; position: absolute; top: -8px; left: -10px; width: 93px; height: 103px; background: url('/img/charge/badge_10per2.png') no-repeat center / contain; z-index: 2;}
.seol_point_wrap .charge_benefit li.evt button::before {content: ''; display: block; position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); width: 120px; height: 23px; background: url('/img/charge/p_badge_limited_s.png') no-repeat center / contain;}
.seol_point_wrap .charge_benefit li.day15 button::after {content: '15일'; display: block; position: absolute; top: -18px; right: -10px; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; background: #5e6dfc; text-align: center; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -1px;}
.seol_point_wrap .charge_notice dl dt {position: relative; width: fit-content; height: 17px; background: none; text-indent: inherit; font-size: 0;}
.seol_point_wrap .charge_notice dl dt img {display: inline-block;}
.seol_point_wrap .charge_notice dl dt #asp {display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url('/img/event/winter/2024_wp_asp_btn.png') no-repeat center / contain; color: #333; font-size: 17px; vertical-align: top;}
.seol_point_wrap .charge_notice dl dt .asp_layer {display: none; position: absolute; left: 138px; bottom: 18px; width: max-content; color: #f00; font-size: 12px;}
.seol_point_wrap .charge_notice dl dt #asp:hover + .asp_layer {display: block;}

/*** COMPANY ***/
.company{border-top: 2px solid #f04848;}
.company1{padding: 406px 30px 36px;background: url(../img/company/company1.jpg) no-repeat left top;}
.company1 p{margin-top: 28px;line-height: 1.5;font-size: 15px;color: #666;}
.company1 p:first-child{margin-top: 0;}
.company1 table{margin-top: 38px;border: 1px solid #ccc;border-top: 0;}
.company1 table tr{border-top: 1px solid #ccc;}
.company1 table th{height: 41px;background-color: #f5f5f5;font-size: 15px;font-weight: normal;color: #666;text-indent: 47px;text-align: left;}
.company1 table td{height: 41px;padding: 0 40px;font-size: 15px;color: #666;}
.subCont .company .company_title{ width: 100%; height: 81px;background: url(../img/company/company_bg.jpg) no-repeat;}
.subCont .company .company_title p{padding: 47px 10px 0;line-height: 1;font-size: 18px;color: #fff;}
.subCont .company .company_info{padding: 23px 34px;background-color: #f1f1f1;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 12px;color: #333;line-height: 1.5;word-break: keep-all;}
.subCont .company .company_info span{color: #f04848;}
/* 불법 촬영물 신고센터 */
.policy{border: 1px solid #ccc;}
.policy .cont1{position: relative; padding-bottom: 20px; width: 100%;height: 942px;background: url('/img/company/policy_top_2401.png') no-repeat;}
.policy .cont1 button{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);width: 349px;height: 70px;background: url(../img/company/company7_3.png) no-repeat;}
.policy .guide {border-bottom:1px solid #9ab8d0; padding-bottom: 50px; text-align: center;}
.policy .cont2 {font-size: 0;}
.policy .cont2 .cont2_1 {padding: 30px; background: #edf3f8;}
.policy .cont2 .cont2_2 {padding: 30px; border-top: 1px dotted #d2d3d4; background: #edf3f8;}
.policy .cont2 .cont2_2 ul {font-size: 0;}
.policy .cont2 .cont2_2 ul li {position: relative; height: 150px; margin-top: 60px; padding: 0 20px; border-radius: 0 20px 0 20px; border: 2px solid #003784; background: #fff;}
.policy .cont2 .cont2_2 ul li:first-of-type {margin-top: 70px;}
.policy .cont2 .cont2_2 ul li .cont2_tit {position: absolute; left: -2px; top: -38px;}
.policy .cont2 .cont2_2 ul li .cont2_subtit {display: block; margin-top: 10px;}
.policy .cont2 .cont2_2 ul li div {position: absolute; bottom: 40px;}
.policy .cont2 .cont2_2 ul li div a {display: inline-block; margin-left: 40px; vertical-align: bottom;}
.policy .cont2 .cont2_2 ul li div a:first-of-type {margin-left: 0;}
.policy .policy_noti {padding: 23px 26px;background-color: #dee7ed;}
.policy .policy_noti h3 {font-size: 15px;font-weight: bold;color: #000;font-family: 'NanumSquare';}
.policy .policy_noti ul {margin-top: 7px; font-size: 13px;color: #333;}
.policy .policy_noti ul li{margin-top: 5px;font-weight: 600;font-family: 'NanumSquare';}
.policy .policy_noti ul li:first-child{margin-top: 0;}

.docu_down{border-top:1px solid #9ab8d0;background:#fff;text-align:center;padding-top:30px;box-sizing:border-box;}
.docu_down .docu_btn{padding: 60px 0;}
.docu_down .docu_btn a{display:inline-block;}
.docu_down .docu_btn a:hover{opacity:0.9;}
.docu_down .docu_btn a:first-of-type{margin-right:40px;}

.subCont .company .agreement{padding: 0;}
.subCont .company .agreement .list_1>li{border-bottom: 1px solid #ccc; line-height: 20px; padding: 15px; color: #555;}
.subCont .company .agreement .list_1>li:first-child{margin-top: 0;}
.subCont .company .agreement .list_1>li:nth-of-type(odd) {background: #f8f8f8;}
.subCont .company .agreement .list_1 dl dt{margin-bottom: 5px; font-size: 15px;font-weight: 600;color: #333;}
.subCont .company .agreement .list_1 dl dd{margin-top: 5px;line-height: 1.5;font-size: 12px;color: #666;word-break: keep-all;}
.subCont .company .agreement .list_2>li{line-height: 1.5;font-size: 12px;color: #666;}
.subCont .company .agreement .list_3>li{line-height: 1.5;font-size: 12px;color: #666;}
.subCont .company .agreement .list_4>li{line-height: 1.5;font-size: 12px;color: #666;}
.subCont .company .privacy .list_1{padding: 0 10px;}
.subCont .company .privacy .list_1>li {border-bottom: 1px solid #ccc; line-height: 20px; padding: 15px; color: #555;}
.subCont .company .privacy .list_1>li:first-child{margin-top: 0;}
.subCont .company .privacy .list_1>li:nth-of-type(even) {background: #f8f8f8;}
.subCont .company .privacy .list_2>li{margin-top: 20px;line-height: 1.5;font-size: 12px;color: #666;}
.subCont .company .privacy .list_2>li:first-child{margin-top: 0;}
.subCont .company .privacy .list_2>li table {background: #fff;}
.subCont .company .privacy .list_3>li{line-height: 1.5;font-size: 12px;color: #666;letter-spacing: -0.3px;}
.subCont .company .privacy .box_1{margin: 20px 0 0;line-height: 1.5;font-size: 12px;color: #666;letter-spacing: -0.3px;}
.subCont .company .privacy .txt_1{display: block;padding: 20px 0 10px;line-height: 1;font-size: 15px;color: #666;}
.subCont .company .privacy .txt_2{display: block;padding: 20px 0;line-height: 1;font-size: 15px;color: #666;}
.subCont .company .privacy dl dt{margin-bottom: 5px; font-size: 15px;font-weight: 600;color: #333;}
.subCont .company .privacy dl dd{line-height: 1.5;font-size: 12px;color: #666;}
.subCont .company .privacy table thead th{height: 27px;border: 1px solid #ccc;font-size: 13px;font-weight: 600;color: #333;text-align: center;}
.subCont .company .privacy table tbody td{padding: 0 10px;height: 66px;line-height: 1.4;border: 1px solid #ccc;font-size: 12px;color: #666;letter-spacing: -0.3px}
.subCont .company .privacy table tbody tr td label{display: block;margin: 2px auto;width: 75px;text-align: left;}
.subCont .company .privacy table tbody tr td label input[type="checkbox"]{position: relative;top: -1px;margin-right: 5px;width: 14px;height: 14px;-webkit-appearance: checkbox;border: 1px solid #000;}
.subCont .company .privacy table tbody tr td label input[type="checkbox"]:disabled{border: 1px solid #545454;border-left-width: 1.5px}
.subCont .company .privacy table tbody tr td label input[type="radio"]{position: relative;top: -1px;margin-right: 5px;width: 14px;height: 14px;-webkit-appearance: checkbox;border: 1px solid #000;}
.subCont .company .privacy table tbody tr td label input[type="radio"]:disabled{border: 1px solid #545454;border-left-width: 1.5px}
.young dl dt{font-size: 15px;font-weight: 600;color: #333;}
.young dl dd{line-height: 1.5;font-size: 12px;color: #666;}
.young .list_1{padding: 28px 10px 0;}
.young .list_1>li{margin-top: 20px;}
.young .list_1>li:first-child{margin-top: 0;}
.company_info.copyright{padding: 23px 0 23px 68px;height: 82px;box-sizing: border-box;}
.copyright_tab{margin-top: 8px;}
.copyright_tab .tabList{height: 45px;}
.copyright_tab .tabList li{float: left;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.copyright_tab .tabList li a{position: relative;padding-left: 1px;width: 261px;height: 44px;line-height: 44px;background-color: #f0f0f0;font-size: 18px;color: #888;text-align: center;}
.copyright_tab .tabList li a:before{content: '';position: absolute;top: 12px;left: -1px;width: 1px;height: 20px;background-color: #ccc;}
.copyright_tab .tabList li:first-child a:before{display: none;}
.copyright_tab .tabList li.selected{height: 45px;border: 1px solid #ccc;border-bottom: 0;}
.copyright_tab .tabList li.selected a{width: 258px;background-color: #fff;font-weight: 600;color: #fc5f5f;}
.copyright_tabCont{border: 1px solid #ccc;border-top: 0;}
.copyright_tabCont .list_1{padding: 48px 10px;height: 328px;box-sizing: border-box;}
.copyright_tabCont .list_1>li{margin-top: 28px;line-height: 1.5;font-size: 12px;color: #666;}
.copyright_tabCont .list_1>li:first-child{margin-top: 0;}
.copyright_tabCont .list_2>li{margin-top: 3px;line-height: 1.5;font-size: 12px;color: #666;}
.copyright_tabCont .list_2>li span{display: block;line-height: 1.5;color: #333;}
.copyright_tabCont .list_1_1{padding: 25px 10px;}
.copyright_tabCont dl dt{font-size: 15px;color :#333}
.copyright_tabCont dl dd{padding-left: 18px;margin-top: 5px; line-height: 1.5;font-size: 12px;color: #666;word-break: keep-all;}
.copyright_footer{padding: 25px 30px;height: 91px;background-color: #f1f1f1;border: 1px solid #ccc;border-top: 0;border-bottom-width: 2px;box-sizing: border-box;}
.copyright_footer ul li{position: relative;float: left;padding: 0 10px;font-size:12px;color: #333;}
.copyright_footer ul li:before{content: '';position: absolute;top: 2px;left: 0;width: 1px;height: 12px;background-color: #333;}
.copyright_footer ul li:first-child{padding-left: 0;}
.copyright_footer ul li:first-child:before{display: none;}
.copyright_footer p{margin-top: 8px;font-size: 12px;color: #333;}

.company .area_search{position: relative;padding: 0 13px 13px;}
.company .wrap_input{float: right;position: relative;margin: 0 auto;width: 304px;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;font-size: 0;z-index: 10;}
.company .wrap_input input[type="text"]{float: left;display: inline-block;padding: 0 10px;width: 148px;height: 38px;line-height: 38px;border: 0;font-size: 14px;color: #333;}
.company .wrap_input .select_box{float: left;display: inline-block;padding-right: 1px;background: url(../img/sub/select_line.jpg) no-repeat 100% center;}
.company .wrap_input .select_box button{padding: 0 13px;width: 87px;height: 38px;line-height: 38px;background: url(../img/sub/vod_select.jpg) no-repeat 90% center;font-size: 15px;font-weight: 600;color: #666;text-align: left;}
.company .wrap_input .select_box.none button{width: 59px;background: none;cursor: default;text-align: center;}
.company .option{display: none;position: absolute;right: 230px;top: 33px;padding-top: 5px;border: 1px solid #ccc;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;z-index: 9;}
.company .option ul li{padding: 0 12px;width: 63px;height: 23px;line-height: 23px;background-color: #fff;font-size: 12px;color: #666;cursor: pointer;}
.company .option ul li:hover{background-color: #f5f5f5;color: #333;}
.company .wrap_input .searchBtn{width: 37px;height: 38px;line-height: 38px;background: url(../img/sub/mypage_search.png) no-repeat center 6px;}
.company_table{width: 100%;}
.company_table thead{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.company_table thead tr th{position: relative;height: 31px;background-color: #fafafa;font-size: 13px;color: #333;text-align: center;}
.company_table thead tr th:before{content: '';position: absolute;top: 8px;left: 0;width: 1px;height: 16px;background-color: #ccc;}
.company_table thead tr th:first-child:before{display: none;}
.company_table tbody tr td{height: 34px;border-bottom: 1px solid #e5e5e5;font-size: 12px;color: #333;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.company_table tbody tr td.title{color: #000;text-align: left;}
.company_table tbody tr td.date{font-size: 11px;color: #666;}
.company .pagination{padding: 20px 0 40px;border: 0;}
.company .down1{display: block;margin-top: 10px;width: 169px;height: 42px;background: url(../img/company/btn_copy01.jpg) no-repeat;text-indent: -9999px;}
.company .down2{display: block;margin-top: 10px;width: 208px;height: 42px;background: url(../img/company/btn_copy02.jpg) no-repeat;text-indent: -9999px;}
.company .down3{display: block;margin-top: 10px;width: 208px;height: 42px;background: url(../img/company/btn_copy03.jpg) no-repeat;text-indent: -9999px;}
.copyright_list{padding: 13px 0 0;border: 1px solid #ccc;border-top: 0;}

/* 마일리지 팝업창 */
.chargeMileageLayer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.chargeMileageLayer .charge_mileage_inner{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000);}
.charge_mileageCont{position: absolute;left: 50%;margin-left: -251px;top: 50%;margin-top: -166px;width: 500px;background-color: #fff;border: 1px solid #aaa;}
.charge_mileageCont>p{padding: 0 22px;height: 40px;line-height: 40px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.charge_mileageCont .wrap{padding: 12px 11px 20px;}
.charge_mileageCont .wrap .infoBox{padding: 7px 9px;background-color: #fafafa;border: 1px solid #ccc;}
.charge_mileageCont .wrap .infoBox dl dt{font-size: 14px;font-weight: 600;color: #333;}
.charge_mileageCont .wrap .infoBox ul{margin-top: 6px;}
.charge_mileageCont .wrap .infoBox ul li{margin-top: 3px;font-size: 12px;color: #808080;}
.charge_mileageCont .wrap .infoBox ul li:first-child{margin-top: 0;}
.charge_mileageCont .wrap .infoBox ul li .txt_red{color: #e26969;}
.charge_mileageCont .wrap .wrap_table{margin-top: 10px;border: 1px solid #ccc;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td .txt_red{display: inline-block;margin-right: 3px; color: #ff7474;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody th{height: 43px;background-color: #fafafa;text-align: center;font-size: 13px;font-weight: normal;color: #333;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td{padding: 0 16px;height: 43px;font-size: 13px;font-weight: normal;color: #333;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td span{display: inline-block;text-indent: 10px;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td .select_box{margin-left: 0;width: 100%;background: url(../img/sub/select3.png) no-repeat 96% center;box-sizing: border-box;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td .select_box label{font-size: 13px;color: #333;}
.charge_mileageCont .wrap .wrap_table .table_ver tbody td select{font-size: 13px;color: #333;}
.charge_mileageCont .wrap .area_btn{margin-top: 20px;}
.charge_mileageCont .wrap .area_btn a{font-size: 18px;}
.charge_mileageCont .wrap .area_btn .btn_gray{color: #333;}

/* 판매자 정책 팝업창 */
.sellerPolicyPop{width: 100%;height: 100%;z-index: 11;}
.sellerPolicyPop_cont{width: 580px;background-color: #fff;border: 1px solid #aaa;}
.sellerPolicyPop_cont > p{padding: 0 22px;height: 40px;line-height: 40px;background-color: #f04848;font-size: 18px;font-weight: 600;color: #fff;}
.sellerPolicyPop_cont .wrap{padding: 15px 15px 20px;}
.sellerPop_tabList{margin-top: 15px;}
.sellerPop_tabList ul{height: 48px;border-bottom: 1px solid #ccc;}
.sellerPop_tabList ul li{position: relative;float: left;width: 50%;box-sizing: border-box;}
.sellerPop_tabList ul li:first-child:before{display: none;}
.sellerPop_tabList ul li a{width: 100%;height: 48px;line-height: 47px;background-color: #f0f0f0;font-size: 17px;color: #888;text-align: center;}
.sellerPop_tabList ul li a span{position: relative;top: -1px;}
.sellerPop_tabList ul li.selected{width: 50%;border: 1px solid #ccc;border-bottom: 0;}
.sellerPop_tabList ul li.selected a{background-color: #fff;font-weight: 600;color: #fc5f5f;}
.sellerPop_tabCont {padding: 18px 13px;border: 1px solid #ccc;border-top: 0;}
.sellerPopList > li{margin-top: 17px;}
.sellerPopList > li:first-child{margin-top: 0;}
.sellerPopList dl dt{font-size: 15px;font-weight: 600;color: #333;}
.sellerPopList dl dd{position: relative;padding-left: 8px;margin-top: 7px;font-size: 13px;color: #8c8c8c;word-break: keep-all;}
.sellerPopList dl dd:before {content: '';position: absolute;top: 6px;left: 0;width: 4px;height: 4px;background-color: #fd9090;}
.sellerPopList dl dd.table {padding-left: 0;}
.sellerPopList dl dd.table:before{display: none;}
.sellerPopList dl dd.none {padding-left: 0;font-size: 12px;}
.sellerPopList dl dd.none:before{display: none;}
.sellerPopList dl dd .txt_box{display: inline-block;margin-top: 20px;padding: 1px 10px 3px;line-height: 20px;background-color: #000;text-align: left;font-size: 12px;color: #fff;}
.sellerPopList .txt_red{color: #f68186;}
.sellerPopTxt{display: block;margin-bottom: 15px;line-height: 1.4;font-size: 13px;color: #333;word-break: keep-all;}
.sellerPopTxt .txt_red{color: #f68186;}
.sellerPopList .grade_table{height: 35px;line-height: 35px;border: 1px solid #ccc;text-align: center;}
.sellerPopList .grade_table li{position: relative;display: inline-block;padding-left: 30px;font-size: 14px;font-weight: bold;color: #000;text-align: center;}
.sellerPopList .grade_table li:first-child{padding-left: 0;}
.sellerPopList .grade_table li img{position: relative;top: -1px;margin-right: 3px; vertical-align: middle;}
.sellerPopList .grade_table li:before{content: '';position: absolute;left: 11px;top: 50%;margin-top: -6px;width: 8px;height: 13px;background: url(../img/sub/grade_arrow.jpg) no-repeat;}
.sellerPopList .grade_table li:first-child:before{display: none;}

.sellerPopList .tb_wrap{border: 1px solid #ccc;border-bottom: 0;text-align: left;}
.sellerPopList .tb_wrap table{border: none;}
.sellerPopList .tb_wrap table tbody th{font-size: 14px;}
.sellerPopList .tb_wrap table tbody td {padding: 8px;line-height: 1.3;font-size: 12px;color: #7c7c7c;text-align: left;}
.sellerPopList table{width: 100%;border-top: 1px solid #ccc;}
.sellerPopList table thead tr th{height: 32px;background-color: #fafafa;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-size: 13px;font-weight: bold;color: #333;text-align: center;}
.sellerPopList table thead tr th:first-child{border-left: 1px solid #ccc;}
.sellerPopList table thead tr th.txt_n{font-size: 13px;font-weight: 600;}
.sellerPopList table tbody th{background-color: #f8f8f8;border: 1px solid #ccc;border-left: 0;border-top: 0;font-size: 13px;font-weight: 600;color: #000;text-align: center;}
.sellerPopList table tbody td{padding: 10px 15px;line-height: 1.4;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 13px;color: #7c7c7c;text-align: center;}
.sellerPopList table tbody td:first-child{border-left: 1px solid #ccc;}
.sellerPopList table tbody td img{vertical-align: middle;margin-right: 2px;} 

.sellerPolicyPop_cont .area_btn{margin-top: 20px;text-align: center;}
.sellerPolicyPop_cont .area_btn a{font-size: 18px;}

.sellerPolicyPop .sellerPop_notice {padding: 17px 15px;background-color: #fafafa;border: 1px solid #ccc;}
.sellerPolicyPop .sellerPop_notice dl dt{font-size: 15px;font-weight: 600;color: #575757;}
.sellerPolicyPop .sellerPop_notice dl dd{margin-top: 8px;line-height: 1.5;font-size: 13px;color: #8c8c8c;letter-spacing: -0.5px;}
.sellerPolicyPop .sellerPop_notice dl dd.last{font-size: 12px;color: #f68186;}


/* 메인 - 판매회원 구독하기 레이어 팝업 */
#subs_pop {width: 400px; height: 550px;}
#subs_pop .pop_content {width: 100%; background: #eee;}
#subs_pop .pop_content .pop_tit {width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: -0.2px;}
/* 구독자 등록 */
#subs_pop .pop_content .subs_grp .section_01 {padding: 13px 20px 15px; background: #fff; font-size: 0;}
#subs_pop .pop_content .subs_grp .section_01 h5 {color: #f04848; font-size: 18px; font-weight: 500; letter-spacing: -0.2px; line-height: 1;}
#subs_pop .pop_content .subs_grp .section_01 div {font-size: 0;}
#subs_pop .pop_content .subs_grp .section_01 div dl {width: 100%; height: 40px; line-height: 38px; margin-top: 10px; padding: 0 15px; border-radius: 8px; border: 1px solid #ddd; box-sizing: border-box;}
#subs_pop .pop_content .subs_grp .section_01 div dl dt {display: inline-block; position: relative; width: 28%; height: 100%; line-height: 38px; color: #333; font-size: 16px; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_01 div dl dt::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #ddd; line-height: 38px;}
#subs_pop .pop_content .subs_grp .section_01 div dl dd {display: inline-block; width: calc(72% - 15px); height: 100%; padding-left: 15px; vertical-align: top;}
#subs_pop .pop_content .subs_grp .section_01 div dl dd input[type=text] {display: block; width: 100%; height: 100%; border: 0; color: #333; font-size: 16px; font-family: 'NotoSansKR'; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_01 button {display: block; width: 100%; height: 40px; line-height: 38px; margin-top: 15px; border-radius: 8px; border: 1px solid #f04848; color: #f04848; font-size: 18px; font-weight: 500; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_01 button:hover {background: #f04848; color: #fff;}
/* 구독중인 판매회원 */
#subs_pop .pop_content .subs_grp .section_02 {padding: 15px 20px; font-size: 0;}
#subs_pop .pop_content .subs_grp .section_02 h5 {color: #333; font-size: 18px; font-weight: 500; letter-spacing: -0.2px; line-height: 1;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list {margin: 15px auto 0; border-radius: 8px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; overflow: hidden;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr {border-top: 1px solid #ddd;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr:first-of-type {border: 0;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr:nth-of-type(even) {background: #fff7f7;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td {position: relative; height: 35px; line-height: 33px; padding: 0 13px;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td.name::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #ddd; line-height: 33px;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td span {display: inline-block; width: 130px; color: #333; font-size: 13px; letter-spacing: -0.2px; line-height: normal; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td.memo input[type=text] {display: inline-block; width: 115px; border: 0; background: none; color: #333; font-size: 13px; letter-spacing: -0.2px; font-family: 'NotoSansKR';}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td.memo input[type=text]::placeholder {color: #ddd;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button {position: absolute; right: 13px; top: 50%; transform: translateY(-50%); line-height: 33px; vertical-align: middle;}
/* 구독중인 판매회원 삭제 버튼 */
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_remove {display: inline-block; width: 11px; height: 11px; background: url('/img/subs/ic_remove.png') no-repeat center / contain;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_remove:hover {background: url('/img/subs/ic_remove_h.png') no-repeat center / contain;}
/* 구독자 메모 수정 버튼 */
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_edit {color: #333; font-size: 12px; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_edit:hover {color: #f04848;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_edit::before {content: ''; display: inline-block; width: 11px; height: 11px; background: url('/img/subs/ic_edit.png') no-repeat center / contain;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_edit:hover::before {background: url('/img/subs/ic_edit_h.png') no-repeat center / contain;}
/* 구독자 메모 저장 버튼 */
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_save {color: #333; font-size: 12px; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_save:hover {color: #f04848;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_save::before {content: ''; display: inline-block; width: 11px; height: 9px; background: url('/img/subs/ic_save.png') no-repeat center / contain;}
#subs_pop .pop_content .subs_grp .section_02 .list_grp .list table tbody tr td button.btn_save:hover::before {background: url('/img/subs/ic_save_h.png') no-repeat center / contain;}
/* 저장 버튼 눌렀을 때 저장 되었습니다 코멘트 */
#subs_pop .pop_content .subs_grp .section_02 .list_grp .save_txt {display: none; position: absolute; left: 50%; transform: translateX(-50%); color: #f04848; font-size: 12px; letter-spacing: -0.2px;}
/* 구독중인 회원 없을 때 */
#subs_pop .pop_content .subs_grp .section_02 .no_result {padding: 15px 0 20px;}
#subs_pop .pop_content .subs_grp .section_02 .no_result div {position: relative; width: 100%; height: 226px; border-radius: 8px; border: 1px solid #ddd; background: #fff;}
#subs_pop .pop_content .subs_grp .section_02 .no_result div p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #333; font-size: 13px; font-weight: 500; text-align: center;}
#subs_pop .pop_content .subs_grp .section_02 .no_result div p::before {content: ''; display: block; width: 126px; height: 86px; margin-bottom: 10px; background: url('/img/subs/nodata.png') no-repeat center / contain;}

/* 팝업 닫기 버튼 */
#subs_pop .pop_content .subs_grp .section_02 .btn_close {display: block; width: 100%; height: 40px; line-height: 38px; border-radius: 8px; border: 1px solid #333; background: #fff; color: #444; font-size: 18px; font-weight: 500; letter-spacing: -0.2px;}
#subs_pop .pop_content .subs_grp .section_02 .btn_close:hover {background: #333; color: #fff;}

/* MY구독 페이지 전용 스타일 */
.subs_no_result {padding: 140px 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; text-align: center;}
.subs_no_result p {margin: 0 auto; color: #333; font-size: 13px;}
.subs_no_result p::before {content: ''; display: block; width: 161px; height: 110px; margin: 0 auto 18px; background: url('/img/subs/nodata.png') no-repeat center / contain;;}
.subs_no_result button {display: block; height: 42px; line-height: 42px; margin: 18px auto 0; padding: 0 35px 0 18px; border-radius: 8px; background: #333 url('/img/subs/subs_pop_open.png') no-repeat 90% center; color: #fff; font-size: 16px; text-align: center;} 


/* 방송 VOD */
.vod {margin-bottom: 80px; font-size: 0;}
.vod .vod_bn {position: relative; width: 100%; height: 298px; background: url('/img/vod/top.png') no-repeat center / contain;}
.vod .vod_bn ul {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: max-content;}
.vod .vod_bn ul li {display: inline-block; width: 127px; height: 60px; margin-left: 12px; border-radius: 8px; border: 1px solid #7d7d7d; color: #7d7d7d; font-size: 18px; text-align: center; line-height: 58px; letter-spacing: -0.2px; cursor: pointer;}
.vod .vod_bn ul li:first-of-type {margin-left: 0;}
.vod .vod_bn ul li.on {border-color: #fff; background: #fff; color: #000; font-weight: bold;}
.vod .vod_bn ul li:hover {border-color: #fff; background: #fff; color: #000; font-weight: bold;}
.vod .vod_bn ul li::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px;}
/* 홈 */
.vod .vod_bn ul li.main {width: 55px;}
.vod .vod_bn ul li.main::before {content: ''; width: 17px; height: 16px; margin-right: 0; background: url('/img/vod/cate_01.png') no-repeat center / contain;}
.vod .vod_bn ul li.main:hover::before {background: url('/img/vod/cate_01_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.main.on::before {background: url('/img/vod/cate_01_h.png') no-repeat center / contain;}
/* 드라마 */
.vod .vod_bn ul li.drama::before {background: url('/img/vod/cate_02.png') no-repeat center / contain;}
.vod .vod_bn ul li.drama:hover::before {background: url('/img/vod/cate_02_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.drama.on::before {background: url('/img/vod/cate_02_h.png') no-repeat center / contain;}
/* 예능/교양 */
.vod .vod_bn ul li.enter::before {background: url('/img/vod/cate_03.png') no-repeat center / contain;}
.vod .vod_bn ul li.enter:hover::before {background: url('/img/vod/cate_03_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.enter.on::before {background: url('/img/vod/cate_03_h.png') no-repeat center / contain;}
/* 테마관 */
.vod .vod_bn ul li.theme::before {background: url('/img/vod/cate_04.png') no-repeat center / contain;}
.vod .vod_bn ul li.theme:hover::before {background: url('/img/vod/cate_04_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.theme.on::before {background: url('/img/vod/cate_04_h.png') no-repeat center / contain;}
/* 방송편성표 */
.vod .vod_bn ul li.broadcast::before {background: url('/img/vod/cate_05.png') no-repeat center / contain;}
.vod .vod_bn ul li.broadcast:hover::before {background: url('/img/vod/cate_05_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.broadcast.on::before {background: url('/img/vod/cate_05_h.png') no-repeat center / contain;}
/* 종영/완결 */
.vod .vod_bn ul li.end::before {background: url('/img/vod/cate_06.png') no-repeat center / contain;}
.vod .vod_bn ul li.end:hover::before {background: url('/img/vod/cate_06_h.png') no-repeat center / contain;}
.vod .vod_bn ul li.end.on::before {background: url('/img/vod/cate_06_h.png') no-repeat center / contain;}

/* 방송 VOD 슬라이드 공통 */
.vod .vod_wrap {padding: 0; border: 0; font-size: 0;}
.vod .vod_wrap .list .slick-track {width: max-content !important;}
.vod .vod_wrap .list .slick-arrow::before {display: none;}
.vod .vod_wrap .list .slick-prev {position: absolute; left: 0; top: 67px; width: 40px; height: 40px; background: rgba(0,0,0,0.6) url('/img/vod/arrow_left.png') no-repeat center / 11px 18px; z-index: 9;}
.vod .vod_wrap .list .slick-next {position: absolute; right: 0; top: 67px; width: 40px; height: 40px; background: rgba(0,0,0,0.6) url('/img/vod/arrow_right.png') no-repeat center / 11px 18px; z-index: 9;}
/* 방금 끝난 방송 */
.vod .vod_wrap .end_box .slick-list {width: 751px !important;}
.vod .vod_wrap .end_box .slick-track {margin-left: -8px;}
.vod .vod_wrap .end_box {height: 320px; margin-top: 20px; text-align: center;}
.vod .vod_wrap .end_box::before {content: ''; display: block; width: 100%; height: 106px; border-bottom: 1px solid #c2c2c2; background: #1b1b1b;}
.vod .vod_wrap .end_box .top h3 {position: absolute; top: 25px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 20px; letter-spacing: -0.2px; font-weight: bold;}
.vod .vod_wrap .end_box .list {position: relative; top: -27px; left: 50%; transform: translateX(-50%); width: 785px; padding: 0 20px;}
.vod .vod_wrap .end_box .list a {width: 242px !important; margin-left: 9px;}
.vod .vod_wrap .end_box .list a .thumb {width: 100%; height: 163px; border-radius: 8px; overflow: hidden; box-sizing: border-box;}
.vod .vod_wrap .end_box .list a .thumb img {width: 100%; height: 100%;}
.vod .vod_wrap .end_box .list a:hover .thumb {border: 2px solid #f04848;}
.vod .vod_wrap .end_box .list a .title {width: 100%; margin-top: 10px; color: #333; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vod .vod_wrap .end_box .list a .title b {margin-right: 5px; font-weight: bold;}
.vod .vod_wrap .end_box .list a .info {margin-top: 5px;}
.vod .vod_wrap .end_box .list a .info .count {display: inline-block; color: #666; font-size: 14px;}
.vod .vod_wrap .end_box .list a .info .count span {display: inline-block; color: #666; font-size: 14px;}
.vod .vod_wrap .end_box .list a .info .count::after {content: '|'; display: inline-block; margin: 0 5px; color: #d1d1d1;}
.vod .vod_wrap .end_box .list a .info .date {display: inline-block; color: #666; font-size: 14px;}
.vod .vod_wrap .end_box .list a .info .date span {display: inline-block; margin-left: 3px; color: #f87002;}
/* 오늘 가장 많이 봤어요, 밤샘주의 정주행 드라마 */
.vod .vod_wrap .main_box .list .slick-list {width: 779px;}
.vod .vod_wrap .main_box .list .slick-track {margin-left: -16px;}
.vod .vod_wrap .main_box .list .slick-prev {top: 122px;}
.vod .vod_wrap .main_box .list .slick-next {top: 122px;}
.vod .vod_wrap .main_box {position: relative; height: 360px; margin-top: 20px; text-align: center;}
.vod .vod_wrap .main_box::before {content: ''; display: block; width: 100%; height: 155px; background: #1b1b1b;}
.vod .vod_wrap .main_box .top h3 {position: absolute; top: 25px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 20px; letter-spacing: -0.2px; font-weight: bold;}
.vod .vod_wrap .main_box .top a {display: block; position: absolute; top: 45px; right: 20px; color: #7d7d7d; font-size: 14px; letter-spacing: -0.2px;}
.vod .vod_wrap .main_box .list {position: relative; top: -86px; left: 50%; transform: translateX(-50%); width: 785px; padding: 0 11px;}
.vod .vod_wrap .main_box .list a {width: 178px !important; margin-left: 17px; text-align: left;}
.vod .vod_wrap .main_box .list a .thumb {width: 100%; height: 244px; border-radius: 8px; overflow: hidden; box-sizing: border-box;}
.vod .vod_wrap .main_box .list a .thumb img {width: 100%; height: 100%;}
.vod .vod_wrap .main_box .list a:hover .thumb {border: 2px solid #f04848;}
.vod .vod_wrap .main_box .list a .title {width: 100%; margin-top: 10px; color: #333; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vod .vod_wrap .main_box .list a .title b {margin-right: 5px; font-weight: bold;}
/* 오늘 가장 많이 봤어요 별도 스타일 */
.vod .vod_wrap .main_box.rank .list a {position: relative;}
.vod .vod_wrap .main_box.rank .list a .thumb::before {content: ''; display: block; position: absolute; left: 5px; top: 158px;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(1) .thumb::before {width: 46px; height: 62px; background: url('/img/vod/rank_01.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(2) .thumb::before {width: 51px; height: 63px; background: url('/img/vod/rank_02.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(3) .thumb::before {width: 52px; height: 64px; background: url('/img/vod/rank_03.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(4) .thumb::before {width: 51px; height: 62px; background: url('/img/vod/rank_04.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(5) .thumb::before {width: 63px; height: 63px; background: url('/img/vod/rank_05.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(6) .thumb::before {width: 51px; height: 64px; background: url('/img/vod/rank_06.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(7) .thumb::before {width: 49px; height: 62px; background: url('/img/vod/rank_07.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(8) .thumb::before {width: 50px; height: 64px; background: url('/img/vod/rank_08.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(9) .thumb::before {width: 52px; height: 64px; background: url('/img/vod/rank_09.png') no-repeat center / contain;}
.vod .vod_wrap .main_box.rank .list a:nth-of-type(10) .thumb::before {width: 86px; height: 64px; background: url('/img/vod/rank_10.png') no-repeat center / contain;}
/* 테마관 */
.vod .vod_wrap .theme_box .slick-list {width: 773px !important;}
.vod .vod_wrap .theme_box .list .slick-track {margin-left: -17px;}
.vod .vod_wrap .theme_box {position: relative; margin-top: 20px; background: #1b1b1b; text-align: center;}
.vod .vod_wrap .theme_box .box_tit {height: 35px; line-height: 39px; padding: 0 20px; border: 2px solid #1b1b1b; background: #fff; text-align: left; color: #1b1b1b; font-size: 18px; font-weight: bold; font-family: 'Gmarket';}
.vod .vod_wrap .theme_box .box_tit::before {content: ''; display: inline-block; width: 18px; height: 19px; margin-right: 10px; background: url('/img/vod/logo.png') no-repeat center / contain; vertical-align: middle;}
.vod .vod_wrap .theme_box .top {position: relative; padding: 25px 0; background: #1b1b1b;}
.vod .vod_wrap .theme_box .top h3 {color: #f04848; font-size: 20px; font-weight: 400; letter-spacing: -0.2px;}
.vod .vod_wrap .theme_box .top h3 span {position: relative; width: fit-content; font-weight: bold;}
.vod .vod_wrap .theme_box .top h3 span::before {content: ''; display: block; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background: #f04848;}
.vod .vod_wrap .theme_box .top a {display: block; position: absolute; bottom: 8px; right: 20px; color: #7d7d7d; font-size: 14px; letter-spacing: -0.2px;}
.vod .vod_wrap .theme_box .list {position: relative; left: 50%; transform: translateX(-50%); width: 785px; padding: 0 12px 20px;}
.vod .vod_wrap .theme_box .list a {width: 178px !important; margin-left: 16px; text-align: left;}
.vod .vod_wrap .theme_box .list a .thumb {width: 100%; height: 244px; border-radius: 8px; overflow: hidden; box-sizing: border-box;}
.vod .vod_wrap .theme_box .list a .thumb img {width: 100%; height: 100%;}
.vod .vod_wrap .theme_box .list a:hover .thumb {border: 2px solid #f04848;}
.vod .vod_wrap .theme_box .list a .title {width: 100%; margin-top: 10px; color: #fff; font-size: 16px; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vod .vod_wrap .theme_box .list a .title b {margin-right: 10px; font-weight: bold;}
.vod .vod_wrap .theme_box .list .slick-prev {top: 122px; left: 1px;}
.vod .vod_wrap .theme_box .list .slick-next {top: 122px; right: 0;}
/* 방송편성표, 종영/완결 */
.vod .list_wrap .option_bar { position: relative; margin: 20px 0; padding: 8px 10px; background: #eee;}
.vod .list_wrap .option_bar ul {display: inline-block; position: relative; margin-right: 11px;}
.vod .list_wrap .option_bar ul::after {content: ''; display: block; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 1px; height: 34px; background: #dcdcdc;}
.vod .list_wrap .option_bar ul li {display: inline-block; width: 44px; height: 34px; line-height: 34px; margin-left: 3px; border-radius: 8px; background: #fff; text-align: center; color: #666; font-size: 14px; font-weight: 400; cursor: pointer;}
.vod .list_wrap .option_bar ul li:first-of-type {margin-left: 0;}
.vod .list_wrap .option_bar ul li:hover {background: #1b1b1b; color: #fff; font-weight: 600;}
.vod .list_wrap .option_bar ul li.on {background: #1b1b1b; color: #fff; font-weight: 600;}
.vod .list_wrap .option_bar .select_grp {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-block;}
.vod .list_wrap .option_bar .select_grp select {position: relative; display: inline-block; width: 85px; height: 34px; margin-right: 5px; padding-left: 9px; border-radius: 8px; background: #fff url('/img/vod/ic_select_show.png') no-repeat 90% center; color: #666; font-size: 14px; font-weight: 400; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.vod .list_wrap .option_bar .select_grp select:focus {background: #fff url('/img/vod/ic_select_hide.png') no-repeat 90% center;}
.vod .list_wrap .option_bar .select_grp select::-ms-expand {display: none;}
.vod .list_wrap .option_bar .select_grp select#series_limit {width: 54px;}
.vod .list_wrap .option_bar .select_grp select option:hover {background-color: #f04848 !important;}
.vod .list_wrap .option_bar .select_grp .vod_search {display: inline-block; position: relative; width: calc(189px - 50px); height: 34px; padding: 0 40px 0 10px; border-radius: 8px; background: #fff; vertical-align: top;}
.vod .list_wrap .option_bar .select_grp .vod_search input[type=text] {display: block; width: 100%; line-height: 34px; border: 0; color: #666; font-size: 14px; font-weight: 400; font-family: 'NotoSansKR';}
.vod .list_wrap .option_bar .select_grp .vod_search input[type=text]::placeholder {color: rgba(102, 102, 102, 0.3);}
.vod .list_wrap .option_bar .select_grp .vod_search .btn_search {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 24px; height: 23px; background: url('/img/vod/ic_search.png') no-repeat center / contain;}
.vod .list_wrap .vod_list {margin-bottom: 60px;}
.vod .list_wrap .vod_list ul li {display: inline-block; width: 149px; margin-right: 10px; margin-top: 30px;}
.vod .list_wrap .vod_list ul li:nth-of-type(5n) {margin-right: 0;}
.vod .list_wrap .vod_list ul li:nth-of-type(n + 1):nth-of-type(-n + 5) {margin-top: 0;}
.vod .list_wrap .vod_list ul li a {position: relative; width: 100%;}
.vod .list_wrap .vod_list ul li a .thumb {width: 100%; height: 218px; border-radius: 8px; overflow: hidden; box-sizing: border-box;}
.vod .list_wrap .vod_list ul li:hover a .thumb {border: 2px solid #f04848;}
.vod .list_wrap .vod_list ul li a .thumb img {width: 100%; height: 100%;}
.vod .list_wrap .vod_list ul li a .title {margin-top: 10px; text-align: center; color: #333; font-size: 12px; font-weight: 400; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vod .list_wrap .vod_list ul li a .title b {margin-right: 5px; color: #333; font-size: 12px; font-weight: 600;}
.vod .pagination {border: 0;}

/* 방송 VOD 레이어 팝업 */
#vod_pop {width: 650px; height: 753px;}
#vod_pop .pop_content {position: relative; width: 100%; border-radius: 8px; background: #fff; font-size: 0;}
#vod_pop .pop_content .layer_cls {display: block; position: absolute; top: -43px; right: 0; width: 37px; height: 38px; background: url('/img/popup/vod/pop_close.png') no-repeat center / contain;}
#vod_pop .pop_content .content {padding: 45px 45px 0;}
#vod_pop .pop_content .content .detail .series_poster {display: inline-block; width: 230px; height: 305px; border-radius: 8px; overflow: hidden;}
#vod_pop .pop_content .content .detail .series_poster img {width: 100%; height: 100%;}
#vod_pop .pop_content .content .detail .info {display: inline-block; float: right; width: 297px; height: 305px;}
#vod_pop .pop_content .content .detail .info .series_title {color: #1b1b1b; font-size: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#vod_pop .pop_content .content .detail .info ul li {margin-top: 20px;}
#vod_pop .pop_content .content .detail .info ul li h4 {margin-bottom: 15px; color: #333; font-size: 18px; font-weight: bold; line-height: 1;}
#vod_pop .pop_content .content .detail .info ul li span {color: #333; font-size: 12px; font-weight: 400;}
#vod_pop .pop_content .content .detail .info ul li span.series_broadcaster {margin-right: 5px; font-weight: bold;}
#vod_pop .pop_content .content .detail .info ul li span.series_show_day {margin-left: 3px;}
#vod_pop .pop_content .content .detail .info ul li span.series_show_day,
#vod_pop .pop_content .content .detail .info ul li span.series_show_time {color: #f87002;}
#vod_pop .pop_content .content .detail .info ul li span.series_actor {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
#vod_pop .pop_content .content .detail .info ul li span.series_info {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-word;}
#vod_pop .pop_content .content .vod_list_wrap {margin-top: 30px;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top {position: relative; margin-bottom: 20px;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top h3 {color: #333; font-size: 18px; font-weight: bold; line-height: 1;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort input[type=radio] {display: none;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort input[type=radio]+label {margin-left: 20px; color: #666; font-size: 14px; line-height: 18px; cursor: pointer;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort input[type=radio]+label:first-of-type {margin-left: 0;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort input[type=radio]+label::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url('/img/popup/vod/check.png') no-repeat center / contain; vertical-align: sub;}
#vod_pop .pop_content .content .vod_list_wrap .srs_top .srs_sort input[type=radio]:checked+label::before {background: url('/img/popup/vod/checked.png') no-repeat center / contain;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li {display: inline-block; height: 105px; margin-top: 15px;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li:nth-of-type(n + 1):nth-of-type(-n + 2) {margin-top: 0;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li:nth-of-type(2n) {float: right;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a {height: 100%;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .thumbnail {position: relative; display: inline-block; width: 188px; height: 100%; margin-right: 10px; border-radius: 8px; overflow: hidden; box-sizing: border-box;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .thumbnail img {width: 100%; height: 100%;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a:hover .thumbnail {border: 2px solid #f04848;}
/* 썸네일 이미지 없을 때 */
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a.none .thumbnail {border: 1px solid #ddd;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a.none .thumbnail::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('/img/broadcast/brd_img_notic01.jpg') no-repeat center / contain;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .series {display: inline-block;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .series p {color: #666; font-size: 12px;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .series p.date {margin-top: 9px; color: #999; font-size: 12px;}
#vod_pop .pop_content .content .vod_list_wrap .vod_slist ul li a .series p.date span {display: inline-block; margin-left: 3px; color: #f87002;}

/* 방송 VOD 테마관 레이어 팝업 */
#vod_theme_pop {width: 650px; height: 650px;}
#vod_theme_pop .pop_content {position: relative; width: 100%; border-radius: 8px; background: #fff; font-size: 0;}
#vod_theme_pop .pop_content .layer_cls {display: block; position: absolute; top: -43px; right: 0; width: 37px; height: 38px; background: url('/img/popup/vod/pop_close.png') no-repeat center / contain;}
#vod_theme_pop .pop_content .title {height: 35px; padding: 0 10px; border-bottom: 2px solid #000; box-sizing: border-box;}
#vod_theme_pop .pop_content .title h2 {color: #1b1b1b; font-size: 18px; font-weight: bold; font-family: 'Gmarket'; line-height: 40px;}
#vod_theme_pop .pop_content .title h2::before {content: ''; display: inline-block; width: 18px; height: 19px; margin-right: 10px; background: url('/img/popup/logo.png') no-repeat center / contain; vertical-align: sub;}
#vod_theme_pop .pop_content .content {padding: 35px 45px;}
#vod_theme_pop .pop_content .content .detail .series_poster {display: inline-block; width: 230px; height: 305px; border-radius: 8px; overflow: hidden;}
#vod_theme_pop .pop_content .content .detail .series_poster img {width: 100%; height: 100%;}
#vod_theme_pop .pop_content .content .detail .info {display: inline-block; float: right; width: 297px; height: 305px; margin-top: 55px;}
#vod_theme_pop .pop_content .content .detail .info .series_title {color: #1b1b1b; font-size: 30px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#vod_theme_pop .pop_content .content .detail .info h3 {margin-bottom: 50px;}
#vod_theme_pop .pop_content .content ul li {margin-top: 25px;}
#vod_theme_pop .pop_content .content ul li:first-of-type {margin-top: 0;}
#vod_theme_pop .pop_content .content ul li h4 {margin-bottom: 10px; color: #333; font-size: 20px; font-weight: bold; line-height: 1;}
#vod_theme_pop .pop_content .content ul li span {color: #333; font-size: 14px; font-weight: 400;}
#vod_theme_pop .pop_content .content ul li span.series_broadcaster {margin-right: 5px; font-weight: bold; line-height: 16px;}
#vod_theme_pop .pop_content .content ul li span.series_date {line-height: 16px;}
#vod_theme_pop .pop_content .content ul li span.series_show_day {margin-left: 3px;}
#vod_theme_pop .pop_content .content ul li span.series_show_day,
#vod_theme_pop .pop_content .content ul li span.series_show_time {color: #f87002; line-height: 16px;}
#vod_theme_pop .pop_content .content ul li span.series_actor {width: 100%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
#vod_theme_pop .pop_content .content ul li span.series_info {width: 100%; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-word;}
#vod_theme_pop .pop_content .content .area_theme_view {padding-top: 35px;}
#vod_theme_pop .pop_content .content .area_theme_view button {display: block; width: 274px; height: 68px; line-height: 68px; margin: 0 auto; border-radius: 34px; border: 0; background: #1b1b1b; color: #fff; font-size: 20px; font-weight: bold;}
#vod_theme_pop .pop_content .content .area_theme_view button:hover {background: #f04848;}

/* S : pagination 구분 */
/* 레이어 팝업 pagination */
.pop_content .pagination {padding: 40px 0; border: 0;}
.pop_content .pagination>button {width: 30px; height: 30px; border: 1px solid #e5e5e5;}
.pop_content .pagination>button:hover {border: 1px solid #f04848;}
.pop_content .pagination>button:disabled {display: none;}
.pop_content .pagination .prev {margin-right: 3px;background: #fff url('/img/popup/ic_prev.png') no-repeat center;}
.pop_content .pagination .next {margin-left: 3px; background: #fff url('/img/popup/ic_next.png') no-repeat center;}
.pop_content .pagination .prev:hover {background: #fff url('/img/popup/ic_prev_h.png') no-repeat center;}
.pop_content .pagination .next:hover {background: #fff url('/img/popup/ic_next_h.png') no-repeat center;}
.pop_content .pagination .prev_fst {margin-right: 3px; background: #fff url('/img/popup/ic_fst_prev.png') no-repeat center;}
.pop_content .pagination .next_last {margin-left: 3px; background: #fff url('/img/popup/ic_last_next.png') no-repeat center;}
.pop_content .pagination .prev_fst:hover {background: #fff url('/img/popup/ic_fst_prev_h.png') no-repeat center;}
.pop_content .pagination .next_last:hover {background: #fff url('/img/popup/ic_last_next_h.png') no-repeat center;}
.pop_content .pagination ul {margin: 0;}
.pop_content .pagination ul li {display: inline-block; width: 30px; height: 30px; margin-left: 3px;}
.pop_content .pagination ul li:first-of-type {margin-left: 0;}
.pop_content .pagination ul li button {display: block; width: 100%; height: 100%; border: 1px solid #e5e5e5; color: #555; font-size: 12px;}
.pop_content .pagination ul li.on button {border: 1px solid #f76665; background: #fff; color: #f04848;}
.pop_content .pagination ul li:hover button {border: 1px solid #f76665; background: #fff; color: #f04848;}

/* 판매회원 구독하기 레이어 팝업 pagination */
#subs_pop .pop_content .pagination {padding: 15px 0; border: 0;}
#subs_pop .pop_content .pagination>button {width: 27px; height: 27px; border: 1px solid #ddd;}
#subs_pop .pop_content .pagination>button:hover {border: 1px solid #f04848;}
#subs_pop .pop_content .pagination>button:disabled {display: none;}
#subs_pop .pop_content .pagination .prev {margin-right: 5px;background: #fff url('/img/subs/ic_prev.png') no-repeat center;}
#subs_pop .pop_content .pagination .next {margin-left: 5px; background: #fff url('/img/subs/ic_next.png') no-repeat center;}
#subs_pop .pop_content .pagination .prev:hover {background: #fff url('/img/subs/ic_prev_h.png') no-repeat center;}
#subs_pop .pop_content .pagination .next:hover {background: #fff url('/img/subs/ic_next_h.png') no-repeat center;}
#subs_pop .pop_content .pagination .prev_fst {margin-right: 5px; background: #fff url('/img/subs/ic_main_fst_prev.png') no-repeat center;}
#subs_pop .pop_content .pagination .next_last {margin-left: 5px; background: #fff url('/img/subs/ic_main_last_next.png') no-repeat center;}
#subs_pop .pop_content .pagination .prev_fst:hover {background: #fff url('/img/subs/ic_main_fst_prev_h.png') no-repeat center;}
#subs_pop .pop_content .pagination .next_last:hover {background: #fff url('/img/subs/ic_main_last_next_h.png') no-repeat center;}
#subs_pop .pop_content .pagination ul li {display: inline-block; width: 27px; height: 27px; margin-left: 3px;}
#subs_pop .pop_content .pagination ul li:first-of-type {margin-left: 0;}
#subs_pop .pop_content .pagination ul li button {display: block; width: 100%; height: 100%; border: 0; color: #333; font-size: 12px; letter-spacing: -0.2px; font-weight: 600; font-family: 'Malgun Gothic';}
#subs_pop .pop_content .pagination ul li.on button {border: 1px solid #f04848; background: #fff; color: #f04848;}
#subs_pop .pop_content .pagination ul li:hover button {color: #f04848; background: 0;}
#subs_pop .pop_content .pagination ul li.on:hover button {color: #f04848; background: #fff;}
/* E : pagination 구분 */

/* 특정회원 결제 이벤트 */
.subCont .eventArea .eventView #charge_vip {background: #5c5bff; font-size: 0;}
.subCont .eventArea .eventView #charge_vip .point_top {width: 100%; height: 526px;}
.subCont .eventArea .eventView #charge_vip .point_top img {width: 100%;}
.subCont .eventArea .eventView #charge_vip .tab {text-align: center;}
.subCont .eventArea .eventView #charge_vip .tab ul {width: 749px; margin: 0 auto; font-size: 0;}
.subCont .eventArea .eventView #charge_vip .tab ul li {position: relative; display: inline-block; width: 50%; vertical-align: top;}
.subCont .eventArea .eventView #charge_vip .tab ul li.on {z-index: 2;}
.subCont .eventArea .eventView #charge_vip .tab ul li button {display: inline-block; width: 100%; height: 81px;}
.subCont .eventArea .eventView #charge_vip .tab ul li.on button {height: 77px;}
.subCont .eventArea .eventView #charge_vip .tab ul .tab_point button {background: url('/img/event/charge_vip/tab_point.png') no-repeat top center / cover;}
.subCont .eventArea .eventView #charge_vip .tab ul .tab_free button {background: url('/img/event/charge_vip/tab_free.png') no-repeat top center / cover;}
.subCont .eventArea .eventView #charge_vip .tab ul .tab_point.on button {background-image: url('/img/event/charge_vip/tab_point_on.png');}
.subCont .eventArea .eventView #charge_vip .tab ul .tab_free.on button {background-image: url('/img/event/charge_vip/tab_free_on.png');}
.subCont .eventArea .eventView #charge_vip .tab.hide + .pay_area_box .pay_area {border-radius: 10px !important;}
.subCont .eventArea .eventView #charge_vip .pay_area_box {position: relative; margin-top: -7.5px; z-index: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .pay_area {margin: 0 18px; border: 3.5px solid #2e2e95; background: #fafafa; overflow: hidden;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti {padding: 28px 40px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti h4 {display: inline-block; position: relative; width: 80px; height: 30px; line-height: 30px; border-radius: 15px; background: #181855; text-align: center; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: -0.4px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti h4 .asp {display: block; position: absolute; top: -7px; right: -12px; width: 13px; height: 13px; background: url('/img/event/charge_vip/asp_btn.png') no-repeat center / contain; vertical-align: bottom;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti h4 .asp_layer {display: none; position: absolute; top: -71px; left: 63px; width: 375px; z-index: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti h4 .asp_layer img {width: 100%;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti h4 .asp:hover + .asp_layer {display: block;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti ul {margin-top: 12px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box .noti ul li {position: relative; padding-left: 10px; text-indent: -10px; color: #fff; font-size: 13px; font-weight: 400; line-height: 24px;}
/* 특정회원 결제 이벤트 - 포인트 */
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area {padding: 48px 37px 49px 36px; border-radius: 0 10px 10px 10px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con {margin-top: 30px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con:first-of-type {margin-top: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn {border-radius: 12px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top {position: relative; padding-bottom: 37px; border-radius: 10px; border: 2px solid #d1d1d1; box-sizing: border-box;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top::before {content: ''; display: block; position: absolute; bottom: -11.5px; left: 50%; transform: translateX(-50%); width: 25px; height: 10px; background: url('/img/event/charge_vip/ic_show.png') no-repeat center / contain;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn.on .top::before {background-image: url('/img/event/charge_vip/ic_show_on.png');}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn.on .top {border-color: #ec4c58;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp {display: inline-block; position: relative; padding-left: 49px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp::before {content: ''; display: block; position: absolute; left: 325px; top: 98px; width: 14px; height: 21px; background: url('/img/event/charge_vip/arrow_r.png') no-repeat center / contain;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .bdg {display: inline-block; position: absolute; top: 59px; left: 49px; width: 55px; height: 30px; border-radius: 5px; background: #333; font-family: 'Montserrat'; text-align: center; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -0.2px; line-height: 30px; vertical-align: top}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .bdg b {font-size: 20px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount {display: inline-block; margin-top: 61px; vertical-align: top}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount .dct_won {position: relative; margin-left: 67px; color: #a7a7a7; font-size: 20px; font-weight: 500; line-height: 30px; letter-spacing: -0.6px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount .dct_won::before {content: ''; display: block; position: absolute; left: -1px; top: 13px; width: 129px; height: 24px; background: url('/img/event/charge_vip/discount.png') no-repeat center / contain;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount .dct_won b {display: inline-block; font-family: 'Montserrat'; font-size: 30px; font-weight: 500; letter-spacing: -0.6px; vertical-align: text-bottom;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount .pay {margin-left: 0px; margin-top: 17px; color: #ef5160; font-size: 30px; font-weight: 500; letter-spacing: -0.6px; line-height: 60px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .discount_grp .discount .pay b {display: inline-block; font-family: 'Montserrat'; font-size: 60px; font-weight: 600; letter-spacing: -0.6px; line-height: 1; vertical-align: text-bottom;}

.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits {display: inline-block; float: right; width: 241px; margin-top: 38px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits h3 {margin-left: 30px; margin-bottom: 14px; color: #a7a7a7; font-size: 12px; font-weight: 400; letter-spacing: -0.1px; line-height: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn.on .top .select_benefits h3 {color: #eb5f5e;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li {margin-top: 17px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li:first-of-type {margin-top: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li {display: block; width: 100%; font-size: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li button {font-size: 0; cursor: pointer;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li button .benefit_type {display: inline-block; width: fit-content; color: #353535; font-size: 14px; font-weight: 400; line-height: 16px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li button .benefit_info {display: inline-block; width: fit-content; margin-left: 5px; font-family: 'Montserrat'; color: #353535; font-size: 14px; font-weight: 500; line-height: 16px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li button::before {content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 12px; background: url('/img/event/charge_vip/bnf_check.png') no-repeat center /contain; vertical-align: bottom;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li.on button::before {background-image: url('/img/event/charge_vip/bnf_checked.png');}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li:hover button .benefit_type {color: #ef5160;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li:hover button .benefit_info {color: #ef5160;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li.on button .benefit_type {color: #ef5160;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .top .select_benefits ul li.on button .benefit_info {color: #ef5160; font-weight: 600;}

.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box {margin-top: -9px; padding: 39px 19px 18px; border-radius: 0 0 10px 10px; border: 2px solid #ec4c58; border-top: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve {padding-bottom: 20px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul {text-align: center; font-size: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li:first-of-type {margin-left: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li {display: inline-block; position: relative; width: 90px; height: 87px; margin-left: 39px; border-radius: 12px; border: 2px solid #a7a7a7; vertical-align: top;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li.add {border: 0; background: #eb5f5e;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li::before {content: '+'; display: inline-block; position: absolute; left: -27px; top: 50%; transform: translateY(-50%); color: #333; font-size: 24px; font-weight: 400;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li:first-of-type::before {display: none;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li b {display: block; margin-top: 24px; color: #666; font-size: 13px; letter-spacing: -0.4px; line-height: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li span {display: block; margin-top: 15px; font-family: 'Montserrat'; color: #666; font-size: 13px; font-weight: 500; line-height: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li.add b {color: #fff;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .point_bn .charge_box .reserve ul li.add span {color: #fff;}

.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con {border-top: 1px solid #eaeaea; text-align: center;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con h3 {padding: 20px 0; color: #a7a7a7; font-size: 14px; font-weight: 500; line-height: 1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type {text-align: center;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type button {display: inline-block; position: relative; width: 120px; height: 45px; margin-top: 9px; margin-right: 5px; border-radius: 10px; border: 1px solid #d1d1d1; color: #7e7e7e; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: top;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type button:hover {border-color: #ec4c58; color: #ec4c58;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type button:disabled {border-color: #c1c1c1; color: #c1c1c1;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type button:nth-of-type(5n) {margin-right: 0;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.point .pay_area .point_con .pay_con .pay_type button:nth-of-type(n + 1):nth-of-type(-n + 5) {margin-top: 0;}
/* 특정회원 결제 이벤트 - 정액제 */
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area {padding: 57px 0 58px; border-radius: 10px 0 10px 10px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .intro {width: 100%;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .intro img {width: 100%;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .agree {margin: 40px auto 27px; text-align: center;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .agree input[type=checkbox] {display: none;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .agree label {color: #666; font-size: 18px; font-weight: 500; letter-spacing: -0.2px; line-height: 25px; cursor: pointer;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .agree label::before {content: ''; display: inline-block; width: 23px; height: 25px; margin-right: 15px; background: url('/img/event/charge_vip/free_check.png') no-repeat left bottom / 22px; vertical-align: sub;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .agree input[type=checkbox]:checked + label::before {background-image: url('/img/event/charge_vip/free_checked.png'); background-size: 23px auto;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .pay_type {text-align: center;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .pay_type button {display: inline-block; width: 150px; height: 65px; margin-left: 20px; border: 1px solid #181855; background: #fff; color: #181855; font-size: 21px; font-weight: 500; letter-spacing: -0.2px;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .pay_type button:hover {background: #181855; color: #fff;}
.subCont .eventArea .eventView #charge_vip .pay_area_box.free .pay_area .pay_type button:first-of-type {margin-left: 0;}